/*main css cmsyou*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:13px/1.5 "Microsoft Yahei",\5b8b\4f53,Arial,"Lucida Grande",Verdana,sans-serif;}
body{color:#666;background: #fff}
table{border-collapse:collapse;border-spacing:0;}
img{border:none}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a,a:link,a:visited,a:active{ color:#666; text-decoration:none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none;}
a:hover{color:#333; text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());}
.white,.white a{color:#fff}
.blue,.blue a{color:#3CAAFF;}
.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}
.clear {clear:both;font-size:0;line-height:0}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}
.tran:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.fl{ float:left;}
.fr{ float:right;}
.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.mr0{ margin-right:0px!important;}
.pl0{ padding-left:0px!important;}
.pr0{ padding-right:0px!important;}
.display-none{display:none!important;}
.display-block{display:block!important;}
.inner{ width:1900px; margin:0 auto; padding:0px;}

/*navbar*/
.navbar{ position:fixed; top:0px; left: 50%; margin-left:-950px; width:360px; height:100%; background:#3f4950; filter:alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9; z-index:999;_position:absolute; _left:expression(eval(document.documentElement.scrollLeft+0)); _top:expression(eval(document.documentElement.scrollTop+0));}
.logo h1{ width:300px; height:60px; margin:0 auto; margin-top:50px; text-indent:-9999em; }
.logo h1 a{ width:300px; height:60px; text-indent:-99999em; background:url(images/logo.png) center center no-repeat; *background:url(images/logo.gif) center center no-repeat; text-indent:-9999em; display:block;}
.nav { padding:80px 0;}
.nav ul li { width:260px; height:60px; line-height:60px; margin:0 auto; text-align:left;overflow:hidden;}
.nav ul li a{ color:#909497; width:100%; height:60px; line-height:60px; font-size:16px; font-weight:bolder; display:block;}
.nav ul li a:hover,.nav ul li.cur a{ color:#FFF; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s;}
.navbottom{ position:absolute; bottom:45px; height:90px; width:100%; text-align:center; overflow:hidden;}
.navbottom ul { text-align:center; margin-left:110px; display:block; clear:both;}
.navbottom ul li { float: left; width:30px; text-indent:-99999em;padding:0 10px; margin-bottom:10px;}
.navbottom ul li a{ width:30px; height:30px; display:block;}
.navbottom ul li a.logo1{ background:url(images/left_1.png) center center no-repeat; *background:url(images/left_1.gif) center center no-repeat;}
.navbottom ul li a.logo2{ background:url(images/left_2.png) center center no-repeat; *background:url(images/left_2.gif) center center no-repeat;}
.navbottom ul li a.logo3{ background:url(images/left_3.png) center center no-repeat; *background:url(images/left_3.gif) center center no-repeat;}
.navbottom ul li a.logo1:hover{ background:url(images/left_1_hover.png) center center no-repeat; *background:url(images/left_1_hover.gif) center center no-repeat;}
.navbottom ul li a.logo2:hover{ background:url(images/left_2_hover.png) center center no-repeat; *background:url(images/left_2_hover.gif) center center no-repeat;}
.navbottom ul li a.logo3:hover{ background:url(images/left_3_hover.png) center center no-repeat; *background:url(images/left_3_hover.gif) center center no-repeat;}
.navbottom p{ color:#808080; font-size:12px; line-height:18px;}
@media (max-height:760px) {
.nav { padding:60px 0;}
.navbottom{ bottom:10px;}
}
@media (max-height:600px) {
.nav { padding:40px 0;}
.nav ul li {height:45px; line-height:45px;}
.nav ul li a{height:45px; line-height:45px;}
}
@media (max-height:540px) {
.navbottom{ position: relative;}
}

/*  footer */
.footer{width:100%; height:475px; background:#2E373D; overflow: hidden; clear:both;}
.footerleftbar{ width:720px; float:left; padding-left:360px; padding-top:40px; overflow:hidden;}
.footerleftbar ul li{padding-top:35px;font-size:17px; font-weight:bolder; }
.footerleftbar ul span{ display:block; padding-top:38px; }
.footerleftbar ul li a{ color:#FFF; padding-left:100px;}
.footerleftbar ul li a:hover{ color:#ccc;}
.footerleftbar ul span a{ color:#817F80; font-size:14px; padding-left:100px;}
.footerleftbar ul span a:hover{ color:#999;}
.footerleftbar ul.leftnav{ float:left;}
.footerrightbar{ float:left; width:720px; padding-top:100px; overflow:hidden;}
.footercontact p{ font-size:16px; line-height:32px; color:#B9C1C4; text-align:right;}
.footercontact ul{ float:right; padding:20px 0; border-bottom:#969B9F 2px solid;}
.footercontact ul li{ width:38px; height:38px; padding-left:15px; float:left;}
.footercontact ul li a{ display:block;}
.footercontact ul li a:hover{ filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.footercontact ul li a span{width:38px; height:38px; display:block; text-indent:-9999em;}
.footercontact ul li a span.bottom_1{background:url(images/bottom_1.png) center center no-repeat; *background:url(images/bottom_1.gif) center center no-repeat;}
.footercontact ul li a span.bottom_2{background:url(images/bottom_2.png) center center no-repeat; *background:url(images/bottom_2.gif) center center no-repeat;}
.footercontact ul li a span.bottom_3{background:url(images/bottom_3.png) center center no-repeat; *background:url(images/bottom_3.gif) center center no-repeat;}
.copyright { padding-top:30px; float:right;}
.copyright p{ text-align:right; font-size:16px; color:#8C8D92;}

/* index page */
.index_banner .index_banner_content{ width:1900px; height:654px; overflow:hidden; position:relative; }
.index_banner .index_banner_content .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:80px;  z-index:1; }
.index_banner .index_banner_content .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_banner .index_banner_content .hd ul li{ float:left; margin-right:20px;  width:76px; height:7px; line-height:14px; text-align:center; text-indent:-9999em; background:url(images/banner_no_08.jpg) center center no-repeat; cursor:pointer; }
.index_banner .index_banner_content .hd ul li.on{ background:url(images/banner_ok_08.jpg) center center no-repeat;  color:#fff; }
.index_banner .index_banner_content .bd{ position:relative; height:100%; z-index:0; }
.index_banner .index_banner_content .bd li{ zoom:1; vertical-align:middle; }
.index_banner .index_banner_content .bd img{ width:1900px; height:654px; display:block;  }
.index_banner .index_banner_content .bd ul li a{ display:block;}
.index_banner .index_banner_content .bd ul li i { position:absolute; bottom:0px; z-index:9; width:100%; height:120px; display:block; background:url(images/bg_index_banner_over.png) bottom center no-repeat; *background:url(images/bg_index_banner_over.gif) bottom center no-repeat; }
.indexpro1{ width:100%; padding:100px 0; }
.indexpro1 .pro1_left{ width:50%; float:left; }
.indexpro1 .pro1_left .content{ padding-left:460px;}
.indexpro1 .pro1_left .content span{ font-size:24px; line-height:40px; margin-bottom:30px; display:block; color:#231F20;}
.indexpro1 .pro1_left .content a.pro1_btn { width:230px; height:48px; display:block; line-height:48px; font-size:16px; text-align:center; margin-bottom:50px; border:2px solid #1FA3FF; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.indexpro1 .pro1_left .content a.pro1_btn:hover{color:#fff;background:#1FA3FF;}
.indexpro1 .pro1_right{ width:50%; float:left; text-align:center;}
.middle { width:1900px; height:1477px; margin:0 auto; background:url(images/bg_index_blue.jpg) center center no-repeat; overflow:hidden; clear:both;}
.middle .indexpro2{ padding-top:160px; width:100%;}
.middle .indexpro2 .pro2_left{ float:left; width:1180px; overflow:hidden;}
.middle .indexpro2 .pro2_left .content{ padding-left:460px; padding-top:100px;color:#FFF; }
.middle .indexpro2 .pro2_left .content span{  font-size:18px; line-height:60px; display:block;}
.middle .indexpro2 .pro2_left .content i{ height:2px; width:150px; margin-top:15px; margin-bottom:15px; background:#2395E4; display:block; clear:both;}
.middle .indexpro2 .pro2_left .content p{ line-height:35px; font-size:16px; color:#E6E7E8;}
.middle .indexpro2 .pro2_left a.pro2_btn{ width:230px; height:48px; display:block; color:#fff; font-size:16px; text-align:center; line-height:48px; margin:30px 0;border:2px solid #fff; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.middle .indexpro2 .pro2_left a.pro2_btn:hover{color:#1fa3ff; background:#fff;}
.middle .indexpro2 .pro2_right{ width:720px; float:left; text-align:center;}
.indexprolist{ width:1390px; padding-left:510px; padding-top:150px;}
.indexprolist ul li{ width:425px; float:left;}
.indexprolist ul li .content{ width:285px; margin:0 auto;}
.indexprolist ul li .content .images{ width:100%; height:65px; text-align:center; } 
.indexprolist ul li .content span{ font-size:16px; width:100%; line-height:20px; display:block; text-align:center; margin:0 auto; margin-top:15px;}
.indexprolist ul li .content i{ width:170px; height:2px; background:#CBCAC8; display:block; margin:30px auto;}
.indexprolist ul li .content  p{ line-height:25px; font-size:16px; color:#7C7D7F; text-align:center;}
.indexprolist ul li.list1{ padding:0;}
.indexprolist ul li.list2{ padding-top:60px;}
.indexprolist ul li.list3{ padding-top:120px;}
.yuanque{ position:relative; width:100%; height:750px; background-color:#fff;background-image:url(images/bg_yuan.jpg); background-position:center center; background-repeat: no-repeat;}
.yuanque ul { padding-left:510px;}
.yuanque ul li span{ font-size:20px; display:block; }
.yuanque ul li p{color: #787878;font-size:16px;}
.yuanque .yuanleft{ width:400px; float:left;}
.yuanque .yuanright{ width:400px; float:right; padding-right:260px}
.yuanque ul li.cur,.yuanque ul li.cur p{ color:#20A0F9;}
.yuanque ul li .q6{ width:400px; height:130px; padding-top:125px;float:left;}/* float:left;*/
.yuanque ul li .q5{ width:400px; height:170px; padding-top:80px;float:left;} /* float:left;*/
.yuanque ul li .q4{ width:400px; height:100px; padding-top:65px;float:left;} /* float:left;*/
.yuanque ul li .q1{ width:400px; height:130px; padding-top:82px;float:right;}
.yuanque ul li .q2{ width:400px; height:100px; padding-top:170px;float:right;}
.yuanque ul li .q3{ width:400px; height:100px; padding-top:50px;float:right;} 
.yuanque ul li .q4 a{ float:left; width:86px; height:56px; display:block; margin-right:10px} 
.yuanque ul li .q4 a span{width:86px; height:56px; display:block;}
.yuanque ul li .q4 .quanpics{ padding:8px 0 ;}
.yuanque ul li .q4 a span.quan1{background:url(images/icon_cert_2.png) center center no-repeat; *background:url(images/icon_cert_2.gif) center center no-repeat;} 
.yuanque ul li .q4 a span.quan2{background:url(images/icon_cert_3.png) center center no-repeat; *background:url(images/icon_cert_3.gif) center center no-repeat;} 
.yuanque ul li .q4 a span.quan3{background:url(images/icon_cert_1.png) center center no-repeat; *background:url(images/icon_cert_1.gif) center center no-repeat;} 
.yuanque ul li .q4 a span.quan4{background:url(images/icon_cert_4.png) center center no-repeat; *background:url(images/icon_cert_4.gif) center center no-repeat;} 
.video{ width:100%; height:925px; background:url(images/video_bg.jpg) right center no-repeat;}
.video .content { padding-left:490px; padding-top:145px; }
.video .content span{ font-size:18px;}
.video .content i { width:145px; height:1px;  background:#D6D6D6; display:block; margin:15px 0 20px; }
.video .content p{ width:450px; height:152px; overflow:hidden; font-size:16px; overflow:hidden;}
.video_play{ display:none;}
.layui-layer-setwin .layui-layer-close2{-webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -ms-transition: all 0s linear 0s;}

/*index yuan*/
.yuan_btns{ position:absolute; left:945px; top:255px; width:350px; height:350px; display:inline-block; overflow:hidden;}
.yuan_btns a{ float:left; display:inline-block;}
.yuan_btn_6{ width:151px; height:105px; margin-left:25px;}
.yuan_btn_1{ width:151px; height:105px;}
.yuan_btn_5{ width:80px; height:140px; margin-left:0px;}
.yuan_btn_2{ width:80px; height:140px; margin-left:190px;}
.yuan_btn_4{ width:151px; height:105px; margin-left:25px;}
.yuan_btn_3{ width:151px; height:105px;}
.yuanque.active_1{background-image:url(images/bg_yuan_01.jpg);}
.yuanque.active_2{background-image:url(images/bg_yuan_02.jpg);}
.yuanque.active_3{background-image:url(images/bg_yuan_03.jpg);}
.yuanque.active_4{background-image:url(images/bg_yuan_04.jpg);}
.yuanque.active_5{background-image:url(images/bg_yuan_05.jpg);}
.yuanque.active_6{background-image:url(images/bg_yuan_06.jpg);}

/*product_cat*/
.probanner .pro_slide{ width:1900px; height:536px; overflow:hidden; position:relative; }
.probanner .pro_slide .hd{ height:6px; overflow:hidden; position:absolute; left:50%; margin-left:100px; bottom:20px;  z-index:1; }
.probanner .pro_slide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.probanner .pro_slide .hd ul li{ float:left; margin-right:20px;  width:65px; height:6px; line-height:6px; text-align:center; text-indent:-9999em; background:url(images/banner_no_08.jpg) center center no-repeat; cursor:pointer; }
.probanner .pro_slide .hd ul li.on{ background:url(images/banner_ok_08.jpg) center center no-repeat;  color:#fff; }
.probanner .pro_slide .bd{ position:relative; height:100%; z-index:0; }
.probanner .pro_slide .bd li{ zoom:1; vertical-align:middle; }
.probanner .pro_slide .bd img{ width:1900px; height:536px; display:block;  }
.probanner .pro_slide .bd ul li a{ display:block;}
.probanner .pro_slide .bd ul li i { position:absolute; bottom:0px; z-index:9; width:100%; height:120px; display:block; }
.listcontent{clear:both;}
.listcontent ul{ padding:75px 0; clear:both;}
.listcontent ul li{ height:540px; padding-left:520px; clear:both;}
.listcontent ul li .proleft{ float:left; width:550px; padding-top:75px; padding-bottom:75px;}
.listcontent ul li .proleft h3{ color:#25A7FF; font-size:42px; line-height:1.2em; font-weight:normal;}
.listcontent ul li .proleft h3 a{ color:#25A7FF; font-size:42px;}
.listcontent ul li .proleft h3 a:hover{ color:#333;}
.listcontent ul li .proleft p{ padding-top:40px; font-size:16px; color:#666;}
.listcontent ul li .proleft .btn_more{ width:205px; height:48px; line-height:48px; margin-top:40px; font-size:20px; color:#ff8f1f; display:block; text-align:center; border:2px solid #ff8f1f; -moz-border-radius:26px;-webkit-border-radius:26px;border-radius:26px;}
.listcontent ul li .proleft .btn_more:hover{color:#fff; background:#ff8f1f;}
.listcontent ul li .proright{ width:700px;  height:430px; float:left; padding-left:50px; padding-top:50px;}
.listcontent ul li .proright a img{ width:590px; height:420px;}
.listcontent ul li .proright a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}

/*product_list*/
.prolisttop{ width:100%; height:150px;}
.prolisttop .prolisttopleft{ padding-left:460px; padding-top:70px; width:700px; float:left; }
.wide_row .prolisttopleft{width:1100px;}
.prolisttop .prolisttopleft p { padding-top:30px; font-size:22px; color:#82CFFF;}
.prolisttop .prolisttopleft p a{ color:#82CFFF;}
.prolisttop .prolisttopleft p a:hover,.prolisttop  p span{ color:#21A7FE;}
.prolisttop .prolisttopright{ float:left; width:680px; padding-top:100px;}
.wide_row .prolisttopright{width:200px;}
.prolisttop .prolisttopright ul li{ width:25px; height:22px; float:left; margin-right:15px;}
.prolisttop .prolisttopright ul li a{ width:25px; height:22px; text-indent:-99999em; display:block;}
.prolisttop .prolisttopright ul li a:hover{ filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.prolisttop .prolisttopright ul li.share_1 a{ background:url(images/share_1.png) center center no-repeat; *background:url(images/share_1.gif) center center no-repeat;}
.prolisttop .prolisttopright ul li.share_f a{ background:url(images/share_f.png) center center no-repeat; *background:url(images/share_f.gif) center center no-repeat;}
.prolisttop .prolisttopright ul li.share_g a{ background:url(images/share_g.png) center center no-repeat; *background:url(images/share_g.gif) center center no-repeat;}
.prolistcontent{ width:100%;}
.prolistcontent ul { padding-left:360px; padding-top:30px;}
.prolistcontent ul li { padding-left:100px; padding-top:70px; width:600px; float:left; overflow:hidden;}
.prolistcontent ul li .leftpics{ width:250px; height:197px; float:left;}
.prolistcontent ul li .leftpics img{ width:240px; height:195px; border:#D2D2D2 1px solid;}
.prolistcontent ul li .leftpics a:hover img{border:#ddd 1px solid;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.prolistcontent ul li .rightcontent { margin-left:15px; float:left;}
.prolistcontent ul li .rightcontent h3{ color:#3EACFF; font-size:24px; line-height:50px; font-weight:normal;}
.prolistcontent ul li .rightcontent h3 a{color:#3EACFF; display:block;}
.prolistcontent ul li .rightcontent h3 a:hover{color:#333;}
.prolistcontent ul li .rightcontent .description{ color:#000; font-size:14px; line-height:20px; height:80px; overflow:hidden;}
.prolistcontent ul li .rightcontent .btn_more{ margin-top:15px; width:135px; height:34px; color:#ff8f1f; font-size:14px; line-height:34px; text-align:center; border:2px solid #ff8f1f; -moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px; display:block;}
.prolistcontent ul li .rightcontent .btn_more:hover{color:#fff; background:#ff8f1f;}
.page{ width:818px;  padding: 50px 0 50px 460px ;}
.wide_page{ width:1300px;}
.page a{ font-size:22px; color:#B3B3B3; }
.page a:hover{ color:#3AAAFC; text-decoration:underline;}
.page a.next{ float:right;}
/*support */
.prolisttop .prolisttopleft p.support{ color:#21A7FE; font-size:32px; text-transform:uppercase; padding:0;}
.supportcontent{ width:818px; clear:both;}
.supportcontent ul{ padding-left:460px; padding-top:50px;}
.supportcontent ul li{ width:818px; padding:40px 0; border-top:#ECECEC 1px solid;  }
.supportcontent ul li.first{ border:none;}
.supportcontent ul li h3{ color:#333; font-size:22px; line-height:30px; margin-bottom:10px; font-weight:normal; clear:both;}
.supportcontent ul li h3 a{ color:#333;}
.supportcontent ul li h3 a:hover{ color:#29A2FD;}
.supportcontent ul li p{ font-size:15px; clear:both;}
.supportcontent ul li p a{ font-size:15px; color:#FD9D46; padding: 0 15px;}
.supportcontent ul li p a:hover{color:#21A7FE;}
/*support detail*/
.atccontent{ width:818px; padding-left:460px; padding-top:50px; padding-bottom:50px; clear:both;}
.atccontent h2{ color:#FF8B1E; font-size:32px; line-height:45px; padding:20px 0;}
/* about */
.about{ width:818px; padding-left:460px;}
.aboutbanner{width:818px; height:390px; margin-top:40px; overflow:hidden; clear:both;}
.aboutbanner .slidecontent{ width:818px; height:390px; overflow:hidden; position:relative; }
.aboutbanner .slidecontent .hd{ height:5px; overflow:hidden; position:absolute; left:50%; margin-left:-75px; bottom:15px;  z-index:1; }
.aboutbanner .slidecontent .hd ul{ overflow:hidden; zoom:1; float:left;  }
.aboutbanner .slidecontent .hd ul li{ float:left; margin-right:15px;  width:50px; height:5px; line-height:5px; text-align:center; text-indent:-9999em; background:url(images/banner_no_08.jpg) center center no-repeat; cursor:pointer; overflow:hidden;}
.aboutbanner .slidecontent .hd ul li.on{ background:url(images/banner_ok_08.jpg) center center no-repeat;  color:#fff; }
.aboutbanner .slidecontent .bd{ position:relative; height:100%; z-index:0; }
.aboutbanner .slidecontent .bd li{ zoom:1; vertical-align:middle; }
.aboutbanner .slidecontent .bd img{ width:818px; height:390px; display:block;  }
.aboutbanner .slidecontent .bd ul li a{ display:block;}
.aboutbanner .slidecontent .bd ul li i { position:absolute; bottom:0px; z-index:9; width:100%; height:120px; display:block; }
.about .post{padding:50px 0;}}
.post{ width:818px; font-size:14px; line-height:22px; padding:20px 0;}
.post p{ font-size:14px; line-height:22px; margin-bottom:15px;}
.post img{ max-width:818px; height: auto!important; _width:expression(this.scrollWidth > 818 ? "818px" : "auto");}
.post a:link, .post a:visited{ color:#666;}
.post a:hover{ color:#333;}
.atccontent .postmeta{ margin:15px 0 50px; color:#3CAAFF; font-size:14px; line-height:16px; clear:both;}
.atccontent .postmeta .metar{ float:right;}
.atccontent .postmeta a:link, .atccontent .postmeta a:visited{ color:#3CAAFF;}
.atccontent .postmeta a:hover{ color:#333;}

/* pagenavi */
.pagenavi{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -ms-transition: all 0s linear 0s;}
.pagenavi a:hover{height:24px; margin:0 3px; border:none; background:#3CAAFF; color:#fff!important; line-height:24px; text-decoration:none;}
.pagenavi a.select{cursor:default;}

/* contact*/
.contact{ width:100%;}
.contact .map { width:100%; height:480px;}
.contact .map img{ width:100%;}
.contact .contactcontent{ padding-left:460px; width:1300px;}
.contact .contactcontent ul  li{ width:100%;  padding-left:30px; font-size:16px; line-height:25px;}
.contact .contactcontent ul li.site{background:url(images/site.png) left 3px no-repeat; *background:url(images/site.gif) left 3px no-repeat; margin:40px 0; }
.contact .contactcontent ul li.tel{ background:url(images/tel.png) left 3px no-repeat; *background:url(images/tel.gif) left 3px no-repeat; font-weight:bold;margin:10px 0; }
.contact .contactcontent ul li.fax{margin:10px 0 60px 0px;  background:url(images/fax.png) left 3px no-repeat; *background:url(images/fax.gif) left 3px no-repeat; font-weight:bold;}
.contact .contactcontent ul li.website{ margin:10px 0; background:url(images/website.png) left 3px no-repeat; *background:url(images/website.gif)  left top no-repeat;}
.contact .contactcontent ul li.email{ margin-bottom:60px; background:url(images/email.png) left 3px no-repeat; *background:url(images/email.gif) left 3px no-repeat;}
/*news */
.news{ width:100%;}
.newslist{ width:818px; padding-left:460px; clear:both;}
.newslist ul li{ width:100%; height:180px; padding:70px 0 50px 0; border-top:#D9D9D9 1px solid; clear:both;}
.newslist ul li.first{ border:none;}
.newslist ul li h3{ color:#333; font-size:24px; line-height:30px; font-weight:normal; margin-bottom:10px; clear:both;}
.newslist ul li h3 a{ color:#333;}
.newslist ul li h3 a:hover{ color:#29A2FD;}
.newslist ul li p{ max-height:80px; line-height:25px; font-size:14px; overflow:hidden; clear:both;}
.newslist ul li p.newslistbtn { padding-top:20px;}
.newslist ul li p.newslistbtn a{ float:left; width:147px; height:35px; line-height:35px; font-size:18px; color:#ff8f1f; display:inline-block; text-align:center;border:2px solid #ff8f1f; -moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px; display:block;}
.newslist ul li p.newslistbtn a:hover{ color:#fff; background:#ff8f1f;}
.newslist ul li p.newslistbtn span{ width:100px; height:38px; line-height:38px; display:inline-block; color:#C1C1C1; float:right;}
/*dewsdetail*/
.newcontent{ width:1300px; padding-left:460px;}
.newcontent h3{ font-size:40px; padding:40px 0; color:#FF901F; }
.newcontent span{ color:#3CAAFF; font-size:14px;}
.newcontent p{ padding-top:20px;}
/*product_detail_2*/
.product{ width:100%; }
.productcontent { width:100%; border:#C9C9C9;}
.productcontent .productdetailbanner{ width:100%; height:540px;}
.productcontent .productdetailbanner img{ width:100%;}
/*tab*/
.productdetailtable{ width:1300px; padding-left:460px; padding-top:50px; padding-bottom:50px;}
.menubox {width:100%; height:45px; margin:5px 0 10px 10px; border-bottom:#D9D9D9 1px solid;}
.menubox ul{margin:0px;padding:0px;}
.menubox li{float:left;color:#505050; font-size:16px; text-align:center;display:block;cursor:pointer; padding:10px 20px; margin-right:30px;}
.menubox li.hover{ color:#ff8f1f; font-weight:bold; text-decoration:none; cursor:pointer; border-bottom:#ff8f1f 3px solid; background:#fff;}
.contentbox{ width:1300px; height:auto; border-top:none;padding-left: 460px; overflow:hidden; clear:both;}

/*pro detail 2*/
.productdetailtop{ padding-left:460px; padding-top:70px;}
.protopdetailleft{ width:850px; height:445px; float:left; overflow:hidden;}
.detailgundong { width:470px; float:left;}
.pro_content{width:100%; margin:0px; padding:0px; clear:both;}
.bg_blue{ background-color:#e8f6ff;}
.bg_white{ background-color:#fff;}
#preview{ float:none; margin:0px auto; text-align:center; width:460px; height:460px; padding-left:10px; }
.jqzoom{ width:460px; height:350px; position:relative;}
.zoomdiv{ left:859px; height:400px; width:350px;}
.list-h li{ float:left;}
#spec-n5{width:460px; padding-top:15px; overflow:hidden;}
#spec-n5 .control{float:left; width:23px; height:91px; cursor:pointer;}
#spec-left{background:url(images/turnleft.png) center center no-repeat; *background:url(images/turnleft.gif) center center no-repeat;}
#spec-left:hover{background:url(images/turnleft_hover.png) center center no-repeat; *background:url(images/turnleft_hover.gif) center center no-repeat;}
#spec-right{background:url(images/turnright.png) center center no-repeat; *background:url(images/turnright.gif) center center no-repeat;}
#spec-right:hover{background:url(images/turnright_hover.png) center center no-repeat; *background:url(images/turnright_hover.gif) center center no-repeat;}
#spec-list{ width:410px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:130px; cursor:pointer;}
#spec-list ul li img{ padding:2px; border:1px solid #E5E5E5; width:110px; height:85px;}
#spec-list ul li img.active{border:1px solid #ff6600;}
#spec-list ul li:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.jqzoom{position:relative;padding:0; border:1px solid #E5E5E5;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:350px;height:400px;border:1px solid #E5E5E5;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #E5E5E5;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:399px; margin-right:13px;}
#spec-list div{ margin-top:0;margin-left:10px; *margin-left:0;}

.detaildescript{ width:340px; float:left; padding-left:40px;}
.detaildescript h2{ color:#1FA3FF; font-size:62px; line-height:62px; font-weight:normal; padding-bottom:10px;}
.detaildescript .profile{ height:280px; overflow:hidden; clear:both;}
.detaildescript .profile p{ color:#000; font-size:14px; line-height:25px; width:300px; height:270px; overflow:hidden;}
.detaildescript a{ width:230px; height:48px; display:block; line-height:48px; font-size:22px; color:#ff8f1f; margin-top:30px; text-align:center; margin-left:10px; border:2px solid #ff8f1f; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.detaildescript a i{ width:50px; height:52px; display:inline-block; vertical-align:middle; background:url(images/a1.png) center center no-repeat; *background:url(images/a1.gif) center center no-repeat;}
.detaildescript a span{ height:48px; line-height:44px; text-align:center; vertical-align:middle; display:inline-block;}
.detaildescript a:hover{color:#fff; background:#ff8f1f;}
.detaildescript a:hover i{ background:url(images/a.png) center center no-repeat; *background:url(images/a.gif) center center no-repeat;}

.prodetailright{ width:410px; height:445px; float:left; border:#E5E5E5 1px solid; border-top:#1FA3FF 3px solid; }
.prodetailright h3{ margin:15px; color:#1FA3FF; font-size:16px; padding-bottom:20px; border-bottom:#E5E5E5 1PX solid;}
.prodetailright ul li{ width:115px; height:120px; float:left; padding:25px 10px 0 10px; text-align:center;}
.prodetailright ul li img{ width:110px; height:90px; border:#D2D2D2 1px solid;}
.prodetailright ul li p{ line-height:25px; font-size:14px; color:#000;}
.prodetailright ul li a:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.prodetailright ul li.hot i{ width:113px; height:92px; display:block; position:absolute; z-index:9; background:url(images/hot.png) right top no-repeat; *background:url(images/hot.gif) right top no-repeat;}
.prodetailright a.seemore{ width:230px; height:48px; display:block; line-height:48px; font-size:20px; color:#ff8f1f; margin:15px auto; text-align:center; border:2px solid #ff8f1f; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.prodetailright a.seemore:hover{color:#fff; background:#ff8f1f;}

/* responsive diy */
@media (min-width:1920px){
.navbar{left:0%; margin-left:0px;}
}
@media (max-width:1919px) {
.navbar{width:300px;margin-left:-712px;}
.logo h1{ width:220px; height:48px;}
.logo h1 a{ width:200px; height:48px; background-size:100% auto;}
.nav ul li{width:200px; height:48px; line-height:48px;}
.nav ul li a{height:48px; line-height:48px; font-size:15px;}
.navbottom ul {margin-left:75px;}
.inner{width:1422px; overflow:hidden;}
.index_banner .index_banner_content{ width:1422px; height:491px;}
.index_banner .index_banner_content .bd img{ width:1422px; height:491px;}
.indexpro1{padding:50px 0; }
.indexpro1 .pro1_left .content{ padding-left:380px;}
.indexpro1 .pro1_left .content a.pro1_btn{ width:180px; height:38px; line-height:38px; font-size:16px;}
.indexpro1 .pro1_left .content .pro1_left_text{ font-size:15px;}
.indexpro1 .pro1_left .content .pro1_left_text img{ width:350px; height:auto;}
.indexpro1 .pro1_right img{ width:75%; padding-left:12.5%; padding-top:5%;}
.middle {width: 1422px; height:1105px; background-size:1422px auto;}
.middle .indexpro2{ padding-top:80px;}
.middle .indexpro2 .pro2_left{ width:820px;}
.middle .indexpro2 .pro2_left .content{ padding-left:380px; padding-top:50px;}
.middle .indexpro2 .pro2_left .content p{ font-size:14px; line-height:25px;}
.middle .indexpro2 .pro2_right{ width:600px;}
.middle .indexpro2 .por2_right img{ width:400px; height:auto; padding-left:100px; padding-top:50px;}
.middle .indexpro2 .pro2_left a.pro2_btn{ width:180px; height:38px; line-height:38px; font-size:14px;}
.indexprolist{ width:960px; padding-left:375px; padding-top:85px;}
.indexprolist ul li{ width:315px;}
.indexprolist ul li .content p{ font-size:15px;}
.yuanque{height:561px; background-size:100% auto; margin-bottom:20px;}
.yuanque .yuanleft ul{ padding-left:380px;}
.yuanque ul li p{ font-size:13px;}
.yuanque ul li .q6{ width:340px; padding-top:90px;}
.yuanque ul li .q5{ width:340px; padding-top:22px;}
.yuanque ul li .q4{ width:340px; padding-top:12px;}
.yuanque ul li .q4 a{width:43px; height:28px;margin-left:0px; margin-right:10px;} 
.yuanque ul li .q4 a span{width:43px; height:28px; background-size:43px 28px!important;}
.yuanque .yuanright ul{padding-left: 580px;}
.yuanque ul li .q1{ width:340px; padding-top:50px;}
.yuanque ul li .q2{ width:340px; padding-top:100px;}
.yuanque ul li .q3{ width:340px; padding-top:10px;}
.yuan_btns{ left:700px; top:185px; width:275px; height:275px;}
.yuan_btn_6{ width:110px; height:82px; margin-left:28px;}
.yuan_btn_1{ width:110px; height:82px;}
.yuan_btn_5{ width:60px; height:100px; margin-left:5px;}
.yuan_btn_2{ width:60px; height:100px; margin-left:145px;}
.yuan_btn_4{ width:110px; height:82px; margin-left:28px;}
.yuan_btn_3{ width:110px; height:82px;}
.video{ height:692px;background-size:100% auto;}
.video .content { padding-left:380px; padding-top:115px; }
.video .content p{width:340px; height:110px; font-size:14px;}
.video .videosite a img{ width:375px; height:auto;}
.footer{ height:450px;}
.footerleftbar{width:640px;padding-left:280px;}
.footerleftbar ul li{ font-size:15px;}
.footerleftbar ul span a{ font-size:13px;}
.footerrightbar{ width:430px;}
.footercontact p{ font-size:14px;}
.copyright p{ font-size:13px;}
.footercontact ul{border-bottom: #969B9F 1px solid;}
.footercontact ul li a span{width:32px; height:32px; background-size:32px 32px!important;}
.prolisttop .prolisttopleft{width: 700px;padding-left:380px;}
.wide_row .prolisttopleft{ width:830px;}
.prolisttop .prolisttopleft p{ font-size:18px;}
.prolisttop .prolisttopright{ width:200px;}
.newslist{padding-left:380px;}
.page{padding-left:380px;}
.atccontent{padding-left:380px;}
.supportcontent ul{padding-left:380px;}
.about{padding-left:380px;}
.wide_page{ width:818px;}
.page a{ font-size:18px;}
.contact .contactcontent{padding-left:380px;}
.probanner .pro_slide{ width:1422px; height:400px;}
.probanner .pro_slide .hd{margin-left:50px;}
.probanner .pro_slide .bd img{ width:100%; height:auto;}
.listcontent ul{ padding:50px 0;}
.listcontent ul li{ height:350px; padding-left:420px;}
.listcontent ul li .proleft{ width:425px;padding-top:50px; padding-bottom:50px;}
.listcontent ul li .proleft h3 a{font-size:36px;}
.listcontent ul li .proleft p{ font-size:14px;padding-top:25px;}
.listcontent ul li .proleft .btn_more{ width:180px; height:38px; line-height:38px;}
.listcontent ul li .proright{width:450px; height:320px; padding-top:30px;}
.listcontent ul li .proright a img{ width:400px; height:auto;}
.prolistcontent ul{ padding-left:330px;}
.prolistcontent ul li{ width:450px; padding-left:50px;}
.prolistcontent ul li .leftpics{ width:200px; height:160px;}
.prolistcontent ul li .leftpics img{ width:190px; height:auto;}
.prolistcontent ul li .rightcontent{ width:235px;}
.prolistcontent ul li .rightcontent h3{ height:35px; font-size:22px; line-height:35px;}
.prolistcontent ul li .rightcontent .description{ font-size:13px; line-height:18px; height:72px;}
.prolistcontent ul li .rightcontent .btn_more{width:100px; height:26px;font-size:13px; line-height:26px;}
.productcontent .productdetailbanner{ height:403px;}
.productdetailtable{ width:1020px; padding-left:340px;}
.menubox li{ font-size:15px;}
.contentbox{ width:1020px; padding-left:340px;}
.contentbox img{ max-width:1020px; height: auto!important; _width:expression(this.scrollWidth > 1020 ? "1020px" : "auto");}
.productdetailtop{padding-left:380px;}
.protopdetailleft{ width:630px; height:345px;}
.detailgundong { width:350px;}
#preview{width:340px; height:340px;}
.jqzoom{ width:340px; height:259px;}
.jqzoom img{ width:100%; height:auto;}
#spec-n5{width:340px;}
#spec-n5 .control{width:18px; height:60px; background-size:18px auto!important;}
#spec-list{width:290px; margin-right:10px;}
#spec-list div{ margin-left:6px;}
#spec-list ul li{ width:95px;}
#spec-list ul li img{width:80px; height:55px;}
.detaildescript{ width:260px; padding-left:20px;}
.detaildescript h2{ font-size:36px; line-height:46px; font-weight:bold;}
.detaildescript .profile{ height:205px;}
.detaildescript .profile p{ font-size:13px; line-height:20px; width:240px; height:270px;}
.detaildescript a{ width:180px; height:38px; line-height:38px; font-size:18px; margin-top:20px;}
.detaildescript a i{ width:40px; height:38px; background-size:25px auto!important;}
.detaildescript a span{ height:38px; line-height:38px;}
.prodetailright{ width:305px; height:330px;}
.prodetailright h3{ margin:10px 10px 5px; 4font-size:14px; padding-bottom:10px;}
.prodetailright ul li{ position:relative; width:85px; height:90px;padding:10px 3px 0 10px;}
.prodetailright ul li img{ width:85px; height:auto;}
.prodetailright ul li p{ line-height:22px; font-size:13px;}
.prodetailright ul li.hot i{ width:95px; height:80px; right:0px; background-size:95px auto!important;}
.prodetailright a.seemore{ width:180px; height:38px;line-height:38px; font-size:16px;margin:20px auto 0;}
}
@media (max-width:1439px) {
.navbar{width:280px;margin-left:-672px;}
.navbottom ul {margin-left:60px;}
.inner{width:1342px;}
.index_banner .index_banner_content{ width:1342px; height:457px;}
.index_banner .index_banner_content .bd img{ width:1342px; height:457px;}
.indexpro1 .pro1_left .content{ padding-left:350px;}
.indexpro1 .pro1_right img{padding-left:7.5%;}
.middle {width: 1342px; height:1028px; background-size:1342px auto;}
.middle .indexpro2 .pro2_left .content{ padding-left:350px;}
.middle .indexpro2 .pro2_right{ width:600px;}
.middle .indexpro2 .por2_right img{ width:350px;padding-left:75px;}
.indexprolist{ width:900px; padding-left:350px; padding-top:95px;}
.indexprolist ul li{ width:300px;}
.indexprolist ul li .content p{ font-size:14px; line-height:22px; padding:0 5px;}
.yuanque{ height:530px; background-size:100% auto; margin-bottom:20px;}
.yuanque .yuanleft ul{ padding-left:360px;}
.yuanque ul li p{ font-size:12px;}
.yuanque ul li .q6{ width:300px; padding-top:80px;}
.yuanque ul li .q5{ width:300px; padding-top:15px;}
.yuanque ul li .q4{ width:300px; padding-top:5px;}
.yuanque .yuanright ul{padding-left: 570px;}
.yuanque ul li .q1{ width:300px; padding-top:45px;}
.yuanque ul li .q2{ width:300px; padding-top:85px;}
.yuanque ul li .q3{ width:300px; padding-top:5px;}
.yuan_btns{ left:666px; top:179px; width:250px; height:250px;}
.yuan_btn_6{ width:108px; height:72px; margin-left:18px;}
.yuan_btn_1{ width:108px; height:72px;}
.yuan_btn_5{ width:58px; height:102px; margin-left:0px;}
.yuan_btn_2{ width:58px; height:102px; margin-left:134px;}
.yuan_btn_4{ width:108px; height:72px; margin-left:18px;}
.yuan_btn_3{ width:108px; height:72px;}
.video{ height:652px;background-size:100% auto;}
.video .content { padding-left:350px;}
.footerleftbar{width:640px;padding-left:250px;}
.footerrightbar{ width:390px;}
.prolisttop .prolisttopleft{padding-left:350px;}
.prolisttop .prolisttopright{width:150px;}
.newslist{padding-left:350px;}
.page{padding-left:350px;}
.atccontent{padding-left:350px;}
.supportcontent ul{padding-left:350px;}
.about{padding-left:350px;}
.contact .contactcontent{padding-left:350px;}
.probanner .pro_slide{ width:1342px; height:372px;}
.probanner .pro_slide .bd img{ width:100%; height:auto;}
.prolistcontent ul{ padding-left:300px;}
.productcontent .productdetailbanner{ height:380px;}
.productdetailtable{ width:1000px; padding-left:310px;}
.menubox li{ font-size:15px;}
.contentbox{ width:1000px; padding-left:310px;}
.contentbox img{ max-width:1000px; height: auto!important; _width:expression(this.scrollWidth > 1000 ? "1000px" : "auto");}
.productdetailtop{padding-left:340px;}
.listcontent ul li{ padding-left:350px;}
}
@media (max-width:1359px) {
.navbar{left:0; margin-left:0px;}
}
@media (max-width:1079px) {
}
@media (max-width:767px) {
}
@media (max-width:639px) {
}
@media (max-width:479px) {
}
@media (max-width:359px) {
}
@media (min-width:1440px) and (max-width:1919px) {
}
@media (min-width:1360px) and (max-width:1439px) {
}
@media (min-width:1080px) and (max-width:1359px) {
}
@media (min-width:768px) and (max-width:1079px) {
}
@media (min-width:640px) and (max-width:767px) {
}
@media (min-width:480px) and (max-width:639px) {
}
@media (min-width:360px) and (max-width:479px) {
}
@media (min-width:320px) and (max-width:359px) {
}
@media (max-width:319px) {
}


@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px)}
100%{opacity: 1;-webkit-transform: translateY(0)}}