@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;}
body {background:#fff; color:#5e5e5e; font:13px/200% Arial, Helvetica, sans-serif;}
td,th,caption { font-size:14px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
address, caption, cite, code, dfn, em,  th, var { font-style:normal; font-weight:normal;}
a{color:#5e5e5e; text-decoration:none; outline:none;}
a:hover{color:#0458a5;}
img{border:none;}
ol,ul,li{list-style:none;}
input,textarea,select,button{font:Arial,Helvetica,sans-serif; background:none; border:none; color:#434242; font-size:13px;}
table{border-collapse:collapse;}
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;*+height:1%;}
.left{ float:left;}
.right{ float:right;}
.inner{ width:1300px; margin:0 auto;}

.header{ width:100%; height:125px; background:#fff;}
.header_h{height:85px;}
.header_h a.logo{ width:720px; height:85px; margin-left:12px; display:block;}
.header_r{ width:450px;}
.share{ width:124px; height:17px; padding-top:26px;}
.share a{ max-width:24px; display:block; margin-left:5px;float:left;}
.htel{ height:24px;line-height:24px; color:#010101; clear:both; font-family:'Microsoft Yahei','微软雅黑';}

.navbg{ height:39px; line-height:39px; background:#005bac; text-transform:uppercase;position:relative;z-index:999;}
#navul ul{ width:990px;}
#navul li{ width:140px; height:39px; line-height:39px; position:relative; font-size:16px; text-align:center;float:left;}
#navul li a{ font-family:'Source Sans Pro'; color:#fff; display:block;}
#navul li.navmoon,#navul li.current{ height:39px; line-height:39px; background:url(images/current.png) no-repeat center center;}
#navul li.navmoon a,#navul li.navhome a:hover{color:#fff;}
#navul li ul{ width:210px; padding:16px 0; position:absolute;z-index:999;background:#101010; top:34px; left:2px;display:none;}
#navul li ul li{ display:block; width:210px;position:relative;font-size:13px;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul li{ text-align:left; text-indent:2em; height:36px; line-height:36px;}
#navul li.navmoon ul li a{ height:36px; line-height:36px; display:block;}
#navul li.navmoon ul li a:hover{ color:#0573bd;}

.form{ width:220px; height:24px; line-height:24px; background:url(images/searchbg.png) no-repeat; margin-top:7px;}
.int1{ width:174px; height:24px; line-height:24px; margin:0 8px; font-size:12px;}
.btn1{ width:30px; height:24px; background:url(images/btn.png) no-repeat 38% center; cursor:pointer;}

.ad{width:100%; height:535px; overflow:hidden; position:relative; background:#000;}
.sliderbanner{ width:100%; height:535px; overflow:hidden;}
.banner{ width:100%; height:535px; background-position:50% 50%; background-repeat:no-repeat;}
.pagerbox{ width:84px; height:18px; margin:0 auto;}
.pager{height:18px; text-align:center; position:relative; z-index:100; bottom:38px;}
.pager a{display:block; height:0; line-height:0; width:18px; height:18px; margin:0 4px; background:url(images/dot1.png) no-repeat center center; text-indent:-20000px; float:left;}
.pager a.activeSlide{ background:url(images/dot2.png) no-repeat;}

.content{ height:auto; overflow:hidden;}
.h1{ height:64px;line-height:32px; margin:36px auto; text-align:center; font-weight:600; color:#212020; font-size:18px;}
.h1 span.color1{ color:#0183df; font-size:20px; text-transform:uppercase;}
.viewbox{ height:315px;}
.viewboxL{ position:relative;clear:both;height:296px;width:528px; padding:9px; background:url(images/viewLbg.png) no-repeat;}
.box_skitter_large {width:528px;height:296px;}

.viewboxR{ width:710px;}
.viewtitle{ height:28px; border-bottom:1px solid #e2e2e2; margin-bottom:26px;}
.viewtitle h3{ width:115px; height:18px;}
.viewtitle p{ width:36px; height:11px; margin-top:6px;}
.viewtxt{ height:255px; line-height:28px; position:relative;}
.viewtxt div{ height:226px; overflow:hidden;text-align:justify;text-justify:inter-word;}
.viewtxt a{ width:77px; height:11px; background:url(images/viewmore.png); display:block; position:absolute; right:6px; bottom:6px;}
.viewtxt a:hover{ background:url(images/viewmorehover.png);}

.proshow{ width:100%; height:755px; margin:40px 0 20px 0; padding-top:35px; /*background:url(images/viewbg.jpg) no-repeat center center;*/ background:#92c9e3;}
.proshow_box{ width:1360px; margin:0 auto; position:relative;}
.proshow_ti{height:55px; position:relative; margin-bottom:15px;}
.proshow_ti h3 a{ width:187px; height:28px; display:block; margin:0 auto;}
.proshow_ti p a{ width:83px; height:10px; background:url(images/proshowmore.png); display:block; position:absolute; right:547px; top:40px;}
.proshow_ti p a:hover{ background:url(images/proshowmorehover.png);}
.proshow_slider{ width:1300px; height:643px; overflow:hidden;margin-left:30px;}
.proshow_slider ul{ width:1300px; height:643px;overflow:hidden; margin-left:30px;}
.proshow_slider ul li{ width:244px; height:312px; background:#fff; border:2px solid #DBDBDB; margin:0 15px 10px 0;position:relative; float:left;}
.proshow_slider ul li .img{ width:206px; height:226px; margin:19px auto 13px auto;}
.proshow_slider ul li span.imgcover{width:206px; height:226px; position:absolute; left:19px; top:19px; display:none; z-index:100;}
.proshow_slider ul li:hover{ border:2px solid #C1C1C1;}
.proshow_slider ul li .name{width:224px; height:51px; line-height:44px; margin:0 auto; background:url(images/line1.gif) no-repeat center top; font-size:14px; text-align:center; text-transform:uppercase; overflow:hidden;}
.proshow_slider ul li:hover a{ color:#0458a5; text-decoration:underline;}
.arrowpL,.arrowpR{ width:61px; height:61px; position:absolute; top:354px; z-index:101;}
.arrowpL{left:3px; background:url(images/arrowpL.png) no-repeat;}
.arrowpR{right:3px; background:url(images/arrowpR.png) no-repeat;}

.newbox{ height:220px; overflow:hidden; margin:30px auto;}
.newti{ height:16px; padding:8px 0 10px 0; margin-bottom:10px;}
.newti:hover{filter:alpha(opacity=84); -moz-opacity:0.84; opacity:0.84;}
.newti_border{ border-bottom:1px dashed #e2e2e2; background:url(images/newtibg.png) no-repeat left bottom; padding-left:38px;}
.newboxL{ width:315px; font-size:13px; line-height:26px; text-align:justify;text-justify:inter-word;}

.newboxR{ width:925px;}
.index_new{ height:160px; margin-top:20px;}
.index_new li{ width:450px;}
.index_new li .newimg{ width:100px; height:129px; padding-bottom:12px; background:url(images/index_newbg.png); margin-top:8px;}
.index_new li .newtxt{ width:320px;}
.index_new li .newtxt h3 a{ height:44px; line-height:22px; font-size:14px; color:#009dda; overflow:hidden;}
.index_new li .newtxt p{ height:72px; line-height:24px; margin:10px 0;}
.index_new li .newtxt a.more{ clear:both; width:64px; height:11px;}
.index_new li .newtxt a.more > img{-moz-transition:300ms transform; -o-transition:300ms transform; -webkit-transition:300ms transform; transition:300ms transform;}
.index_new li .newtxt a.more:hover > img{filter:alpha(opacity=96); -moz-opacity:0.96; opacity:0.96;-moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -moz-transition: 300ms transform; -o-transition: 300ms transform; -webkit-transition: 300ms transform; transition: 300ms transform;}
.footlx{ height:215px; background:url(images/footlx.jpg) no-repeat 50% 50%; padding:40px 0 30px 0;}
.footti{ height:14px; margin-bottom:18px;}
.footti:hover{filter:alpha(opacity=84); -moz-opacity:0.84; opacity:0.84;}
.foot_contact{ width:500px;height:225px; position:relative;}
.foot_contact div{ line-height:28px;}
.foot_contact a.alibaba{ width:147px; height:48px; background:url(images/alibaba.jpg); position:absolute; right:0px; bottom:8px;}
.foot_pro{ width:160px; margin:0 48px 0 42px;}
.footlist{ height:auto; overflow:hidden;}
.footlist li{ width:160px; height:26px; line-height:26px; background:url(images/dot3.jpg) no-repeat left 12px; padding-left:6px;text-transform:capitalize; float:left;}
.foot_nav{ width:150px;}
.foot_message{ width:345px; margin-left:37px;}
.foot_message input,.foot_message textarea{height:24px; line-height:24px; border:1px solid #e5e5e5; border-radius:4px;padding:0 4px;}
.foot_message p{ width:345px; height:26px; margin-bottom:13px;}
.foot_message p.textarea{ height:50px; line-height:25px; margin-bottom:15px;}
.foot_int1,.foot_int2,.foot_message textarea{ background:#fff; width:156px;}
.foot_int2,.foot_message textarea{ width:337px;}
.foot_message textarea{ height:50px; line-height:25px; font-family:Arial, Helvetica, sans-serif;}
.foot_btn{ width:84px; height:22px; border:none; background:#84bf31; text-align:center; color:#fff; text-transform:uppercase; cursor:pointer;}

.footer{ height:60px; line-height:60px; background:#0183df; color:#fff; text-align:center; font-size:14px; text-transform:uppercase;}

/*二级页*/
.sbanner{ height:460px; background:url(images/sbanner_1.jpg) no-repeat 50% 50%;}
.sbanner2{background:url(images/sbanner_2.jpg) no-repeat 50% 50%;}
.sbanner3{background:url(images/sbanner_3.jpg) no-repeat 50% 50%;}
.sbanner5{background:url(images/sbanner_5.jpg) no-repeat 50% 50%;}
.sbanner6{background:url(images/sbanner_6.jpg) no-repeat 50% 50%;}
.location{ height:50px; background:url(images/locbg.gif) repeat-x left bottom; padding-top:15px;}
.location h2{ height:18px; margin-top:10px;}
.location .link{ height:50px; line-height:48px; background:url(images/home.png) no-repeat left 15px; text-indent:1.5em;}
.location .link a{ padding:0 3px;}

.sidebar{ width:260px; padding-top:25px;}
.sidemenu{ width:258px; height:auto; overflow:hidden; border:1px solid #ccc; border-radius:2px; margin-bottom:30px;}
.sidemenu h2{ height:70px; border-bottom:3px solid #535353;}
.sidemenulist{ width:232px; height:auto; overflow:hidden; padding:25px 13px;}
.sidemenulist li{ line-height:34px;  margin:5px 0; text-indent:2.6em;}
.sidemenulist li a{ display:block; background:url(images/sidemenulibg.jpg) no-repeat;}
.sidemenulist li ul{ display:none;}
.sidemenulist li ul li a{ background:none; color:#5e5e5e;}
.sidemenulist li ul li a.curr{color:#428ae2;}
.sidemenulist li ul li a:hover{ color:#428ae2; background:none;}
.sidemenulist li a:hover,.sidemenulist li a.hover{ background:url(images/sidemenuarrow.png) no-repeat 22px 11px #669dc6;}
.sidemenulist li a:hover,.sidemenulist li a.hover{ color:#fff;}

.sidelx{ height:auto; overflow:hidden; background:url(images/sidelxbg.jpg) no-repeat left top;}
.sidelxT{ height:125px; text-align:center; padding-top:15px;}
.sidelxT a{ color:#fff;}
.sidelxB{ width:232px; padding:0 13px 20px 13px; border:1px solid #ccc; border-top:none; line-height:24px; font-size:12px; margin-top:-16px;}

.rigcon{ width:958px; padding:25px 0 50px 40px; margin-left:40px; border-left:1px solid #ccc; min-height:820px;}
.pro_rowlist{ height:auto; overflow:hidden;}
.pro_rowlist li{ width:222px; height:298px; margin:0 18px 15px 0; border:2px solid #e8e7e7; position:relative; float:left;}
.pro_rowlist li .img{ width:194px; height:220px; margin:14px auto 14px auto;}
.pro_rowlist li .img span.imgcover{ width:194px; height:220px; position:absolute; left:14px; top:14px; z-index:100; display:none;}
.pro_rowlist li .name{ width:210px; height:50px; line-height:50px; background:url(images/line2.gif) no-repeat center top; margin:0 auto; text-align:center;}
/*产品详情*/
.proname{ height:40px; line-height:40px; font-size:22px; color:#212020; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.protxt{}

.page{ width:860px; height:20px; line-height:20px; margin-top:20px;}
.page a,.page span{ padding:0 8px; margin:0 3px; display:block; border:1px solid #e5e5e5;border-radius:4px; float:left;}
.page a:hover,.page a.hover{ background:#005bac; color:#fff;}
.page span.last{ background:none; border:none; padding-left:30px;}

.newsdesc{ height:62px; line-height:52px; background:url(images/newsdesc.png) no-repeat left bottom; font-size:18px; text-align:center; color:#212020;}
.newslist{ height:auto; overflow:hidden; margin-top:30px;}
.newslist li{ border-bottom:1px dashed #ccc; margin-bottom:24px;}
.newslist li h3{ height:30px; line-height:30px; background:url(images/dot4.png) no-repeat left 10px; padding-left:12px; font-size:14px;}
.newslist li h3 a{color:#009dda; float:left;}
.newslist li h3 span{font-size:12px; float:right;}
.newslist li p{ height:40px; line-height:20px; overflow:hidden; padding:8px 0 14px 12px;}

.inquriy{ margin-left:30px;}
.inquriy p.txt{ line-height:30px; font-size:18px; margin-bottom:10px;}
.inquriyform p{ width:960px; margin-bottom:10px; float:left; display:block;}
.inquriyform input,.inquriyform textarea{ height:24px; line-height:24px; border:1px solid #e5e5e5; border-radius:4px; margin:0; padding:0 5px;}
.inquriyform p label{ width:100px; text-align:right; margin-right:3px; display:block; float:left;}
.inquriyform p .int1{ width:260px; float:left;}
.inquriyform p .int2{ width:500px; height:60px; line-height:20px;}
.inquriyform p .int3{ width:70px;}
.inquriyform p .btn{ width:100px; background:#ff8000; border:none; color:#fff; cursor:pointer;}

.map{ width:860px; height:300px; background:red; margin-bottom:3em;}
.contacttxt{ line-height:30px; padding-left:3em;}

.main_r_nav div{ line-height:25px; color:#000;}
.main_r_nav{ float:left; width:400px; font-size:12px; padding-top:15px;}
.returnlist{ margin-top:30px; float:right;color:#18284a; font-size:12px; }
.main_r_nav a{color:#18284a;}