/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666; background:#081e2b;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:top;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.topbg{ background:#21343f; border-bottom:1px solid #325062; height:32px; line-height:32px; color:#fff;}
.top{ height:32px;}
.top span{ float:left;}
.top strong{ font-weight:normal; float:right;}
.top strong a{ padding:0px 10px; color:#fff;}

.header{ height:130px; background:url(../images/headbg.png) repeat-x; height:130px;}
.head{ height:130px;}
.head .logo{ float:left;}
.head .tel{ float:right; background:url(../images/tel.png) left top no-repeat; padding-left:70px; margin-top:38px;}
.head .tel strong{ display:block; font-weight:normal; font-size:20px; color:#fff; padding-top:4px;}
.head .tel span{ display:block; color:#a8a7a7; padding-top:5px;} 

.menubg{ background:url(../images/navBg.png) repeat-x top; height:50px; position:relative; z-index:8;} 
/*menu*/
.menu{height:50px;line-height:50px;}
.menu ul li{ float:left; position:relative; width:148px;}
.menu ul li dl{ background:#0c2a3b; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:40px;border-bottom:1px solid #163d53;}
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:block; padding:0; text-align:center;}
.menu ul li dl dd a:hover{ background:#0a6a9d;}
.menu a{ font-size:15px;color:#fff; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:url(../images/aHoverC.png) center no-repeat;color:#fff;}


/*banner_02*/
.banner_02{ height:500px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.hotbg{ height:57px; background:#233946;}
.hot{ height:57px;}
.keyleft{ float:left; line-height:57px;}
.keyleft strong{ font-size:16px; color:#fff;}
.keyleft a{ padding:0px 28px; font-size:14px; color:#8d9092;}
.search{ background:url(../images/search.png) no-repeat; width:268px; height:30px; line-height:30px; float:right; overflow:hidden; position:relative; margin-top:13px; border:#000 solid 1px;}
.input_text{ height:28px; line-height:28px; background:url(../images/sbg.png) repeat-x; width:220px; position:absolute; left:0px; top:0px; padding:0px 10px;}
.input_button{ position:absolute; right:0px; top:0px; background:url(../images/sbtn.png) center no-repeat #185275; width:28px; height:28px; cursor:pointer;}

.con1{ padding:50px 0px;}
.c1_left{ float:left; width:290px;}
.c1_left h2{ background:url(../images/titleC.png) center no-repeat; height:80px; text-align:center; color:#fff; line-height:80px;}
.c1_left h2 b{ display:block; font-weight:normal; font-size:24px; background:url(../images/titleCAfter.png) 28px center no-repeat;}
.c1_left ul li{ border-bottom:1px solid #000; border-top:1px solid #1e6893; background:#13425d; height:52px; line-height:52px; text-align:center;}
.c1_left ul li a{ display:block; background:url(../images/title_ico01H.png) 17px center no-repeat; color:#fff; font-size:14px;}
.c1_left ul li:hover{ background:#75b52f;}
.c1_left .c1_more{ background:url(../images/title_ico02H.png) right center no-repeat #1f313b; text-align:center; height:40px; line-height:40px;} 
.c1_left .c1_more a{ font-size:14px; color:#fff;}
.c1_left .c1_more:hover{ background:url(../images/title_ico02H.png) right center no-repeat #17232a;}
.c1_right{ float:right; width:908px;}
.c1_right ul li{ float:left; width:210px; height:210px; margin-left:17px; position:relative; margin-bottom:17px;}
.c1_right ul li img{ width:210px; height:210px;}
.c1_right ul li span{ display:block; position:absolute; left:0px; bottom:0px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:14px; background:url(../images/wja.png) center no-repeat; width:210px;}
.c1_right ul li:hover span{ background:#69bbaa;}

.con2bg{ background:#1f313b;}
.con2{ text-align:center;}
.con2 img{ width:100%;}

.con3{ padding:40px 0px;}
.con3 h2{ text-align:center; height:70px; margin:20px 0px; background:url(../images/h2.png) center no-repeat; text-align:center; line-height:70px; font-size:25px; font-weight:normal; color:#fff;}
.about{ padding-bottom:30px;}
.about_left{ float:left; width:495px;}
.about_left img{ width:100%;}
.about_right{ float:right; width:650px;}
.about_right strong{ display:block; color:#61b009; font-weight:normal; font-size:24px; line-height:50px; height:50px; margin-bottom:30px;}
.about_right span{ display:block; font-size:14px; line-height:26px; color:#888;}
.about_right a{ display:block; margin-top:40px; width:164px; height: 41px; line-height:41px; background:url(../images/more01.png) center top no-repeat; color:#fff; font-size:14px; padding-left:50px;}
.about_right a:hover{ background:url(../images/more01.png) center bottom no-repeat;}

.con4bg{ background:url(../images/bg1.png) center bottom no-repeat; padding-top:40px; padding-bottom:60px;}
.con4 h2{ text-align:center; height:70px; margin:20px 0px; background:url(../images/h2.png) center no-repeat; text-align:center; line-height:70px; font-size:25px; font-weight:normal; color:#fff;}
/*scroll_03*/
.scroll_03 .bd li{ float:left; width:290px; overflow:hidden; margin:0 5px;}
.scroll_03 .bd li .img{height:180px;}
.scroll_03 .bd li span{ height:50px; color:#fff; font-size:14px; line-height:50px; text-align:center; display:block; background:url(../images/tit1.png) repeat-x;}
.scroll_03 .bd li:hover span{ background:url(../images/tit1a.png) repeat-x;}
.scroll_03 .bd li .img table tr td{ height:180px;}
.scroll_03 .bd li .img table tr td img{ width:290px; height:180px;}

.con5{ padding-top:40px; padding-bottom:60px;}
.con5 h2{ text-align:center; height:70px; margin:20px 0px; background:url(../images/h2.png) center no-repeat; text-align:center; line-height:70px; font-size:25px; font-weight:normal; color:#fff;}
.news_left{ float:left; width:290px; height:198px; background:url(../images/news1.png) repeat-x; padding:100px 55px 130px 45px; position:relative;}
.news_left b{ display:block; font-weight:normal; color:#fff; font-size:16px; padding-bottom:56px;}
.news_left a{ display:block; color:#fff; font-size:16px; line-height:40px; margin-bottom:12px;}
.news_left span{ display:block; color:#fff; font-size:14px; line-height:26px;}
.news_left i{ display:block; background:url(../images/i.png) left center no-repeat; height:2px; position:absolute; left:45px; bottom:55px; width:12px;}
.news_right{ float:right; width:790px;}
.news_right dl{ background:url(../images/news2.png) repeat-x; height:204px; margin-bottom:20px;}
.news_right dl dt{ float:left; width:465px; padding-left:55px; padding-top:48px;}
.news_right dl dt b{ display:block; font-weight:normal; color:#fff; font-size:16px; padding-bottom:20px;}
.news_right dl dt a{ display:block; color:#fff; font-size:16px; line-height:40px; margin-bottom:12px;}
.news_right dl dt span{ display:block; color:#fff; font-size:14px; line-height:26px;}
.news_right dl dd{ float:right; width:270px;}
.news_right dl dd img{ width:270px; height:204px;}

.con7{ padding:40px 0px;}
.con7 h2{ text-align:center; height:70px; margin:20px 0px; background:url(../images/h2.png) center no-repeat; text-align:center; line-height:70px; font-size:25px; font-weight:normal; color:#fff;}
.cont{ height:480px;}
.c7_left{ float:left; width:752px; height:480px; background:#fff;}
.c7_right{ float:right; background:url(../images/contactbg.png) repeat-x; height:480px; border-left:1px solid #000; width:400px; padding-left:47px; color:#fff;}
.c7_right span{ display:block; padding-top:30px; color:#fff; font-size:18px; line-height:50px;}
.c7_right strong{ display:inline-block; font-weight:normal; font-size:26px; border-bottom:1px solid #6b8899; padding-bottom:20px;}
.c7_right ul{ padding:20px 0px; line-height:36px; font-size:14px;}

.footer{ background:#06161f; padding:30px 0px; text-align:center; line-height:25px; color:#fff; padding-bottom:132px;}
.footer a{ color:#fff; padding:0px 10px;}

.link{ margin:20px 0px; line-height:24px;}
.link strong{ font-size:16px;}
.link a{ padding:0px 26px; font-size:14px;}


.liuyanbg{ background:url(../images/bot.png) center no-repeat; height:102px; position:fixed; bottom:0px; left:0px; width:100%;}
.liuyan{ height:42px; padding:30px 0px; position:relative;}
.liuyan h2{ color:#fff; float:left; font-size:24px; font-weight:normal; line-height:42px; padding-left:85px; padding-right:50px;}
.liuyan .input_text1{ float:left; height:24px; line-height:24px; display:block; margin-right:22px; background:#fff; width:250px; border-radius:5px; border:1px solid #e5e5e5; padding:8px 16px; font-size:14px;}
.liuyan .input_button1{ float:left; display:block; width:200px; height:42px; line-height:42px; color:#fff; text-align:center; font-size:18px; background:url(../images/button.png) repeat-x; border-radius:5px;}
.liuyan .input_button1:hover{ background:url(../images/button_a.png) repeat-x;}
.liuyan a{position: absolute; top:10px; right:30px; display: block; width:40px; height: 40px;}

.online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; }
.online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; }
.mbar-ico { position:relative; background:#3b76df; font-size:14px; }
.mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(../images/online_lx.png) no-repeat #154a68; cursor:pointer; z-index:2; }
.mbar-ico .mbar-tip  { position:absolute; top:0; background:#154a68; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; }
.mbar-ico .mbar-tip a { display:block; color:#fff; }
.mbar-ico .mbar-tip a:hover { color:#ff0; }
.mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; }
	/* QQ */
.mbar-qq i { background-position:0 0; }
.mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; }
.mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; }
	/* 咨询 */
.mbar-tel i { background-position:0 -40px; }
.mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; }
	/* 二维码 */
.mbar-micro .mbar-tip  { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow: 0 0 10px #ccc; text-align:center; line-height:20px; }
.mbar-micro .mbar-tip span { display:block; }
.mbar-micro-sj i { background-position:0 -200px; }
.mbar-micro-wx i { background-position:0 -120px; }
.mbar-micro-hc i { background-position:0 -160px; }
	/* 返回顶部 */
.mbar-top { display:none; }
.mbar-top i { background-position:0 -240px; }
.mbar-top .mbar-tip { right:0; height:40px; line-height:40px; }
.mbar-top .mbar-tip a { padding:0px 15px; }

.online-qq-left { left:10px; right:auto; }
.online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; }
.online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; }
.online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; }
.online-qq-right { right:10px; left:auto; }
.online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; }
.online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; }
.online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; }

/*Add------------------------------------------------------------------------------*/

.weizhi{ margin-bottom:35px; border: 1px solid #103246; background:#103246; line-height:40px; margin-top:20px; }
.weizhi span { display:block; background:url(../images/icon-home.png) left center no-repeat; padding-left:95px; font-size:14px;}
.inside{margin-top:20px;min-height:400px;}

.inside_left{ width:240px; float:left; }
.inside_left .side_a h2{ background:url(../images/Pro_sort_title.jpg) center no-repeat; height:74px; text-align:center; color:#fff; line-height:74px; font-size:24px; font-weight:normal;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ border-bottom:1px solid #000; border-top:1px solid #1e6893; background:#13425d; height:52px; line-height:52px; text-align:center;}
.inside_left .side_a dl dd a{ display:block; color:#fff; font-size:14px;}
.inside_left .side_a dl dd a:hover{ background:#75b52f; color:#fff;}
.inside_left .side_a dl .hover a{ background:#75b52f; color:#fff;} 


.inside_left .side_b{ margin-top:15px;}
.inside_left .side_b h2{ background:url(../images/location.jpg) repeat-x; height:40px; line-height:40px;}
.inside_left .side_b h2 b{ float:left; font-weight:normal; color:#fff; font-size:14px; background:url(../images/iFCB_lt_news.png) no-repeat right top; padding:0 40px 0 20px;}
.inside_left .side_b h2 a{ background:url(../images/iFCB_sort_ico.png) right center no-repeat; float:right; margin-right:15px; font-size:12px; padding-right:10px;}
.scroll_02 .bd ul li{ margin-top:10px;}
.scroll_02 .bd ul li img{ width:240px; height:240px;}
.scroll_02 .bd ul li span{ display:block; height:40px; line-height:40px; text-align:center; background:#0d2e41; font-size:14px;}
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:910px; float:right; }
.inside_con{ padding:10px 0;}

.inside_case{ overflow:hidden;}
.inside_case ul{ width:945px;}
.inside_case ul li{ float:left; width:280px; height:215px; overflow:hidden; margin-right:35px; margin-bottom:15px;}
.inside_case ul li .case_pic{ transition:all 0.3s ease 0s; position:relative; width:280px; height:170px; overflow:hidden;}
.inside_case ul li .case_pic img{ width:280px; height:170px; transition:all 0.6s ease-in-out; transform:scale(1); }
.inside_case ul li:hover .case_pic img { transform:scale(1.1); }
.inside_case ul li .case_pic .jia{width: 100%;height: 100%;background:url(../images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position: absolute;left: 0;top: 0;opacity: 0;transform-origin: 50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
.inside_case ul li:hover .case_pic .jia{top: 0;background:url(../images/eyes.png) no-repeat center rgba(0,0,0,.3);opacity: 1;transform: scale(1, 1);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.inside_case ul li span{ display:block; height:45px; line-height:45px; text-align:center; background:url(../images/location.jpg) repeat-x; font-size:14px;}
.inside_case ul li span a{ color:#8f9599;}


/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}