@charset "utf-8";

/*@font-face{

font-family:open_sansregular;src:url(../other/opensans-webfont.woff2) format('woff2'),url(../other/opensans-webfont.woff) format('woff'),url(../other/opensans-webfont.ttf) format('truetype'),url(../other/opensans-webfont.svg#open_sansregular) format('svg');font-weight:400;font-style:normal

}

@font-face{

font-family:robotoregular;src:url(../other/roboto-regular-webfont.eot);src:url(../other/roboto-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../other/roboto-regular-webfont.woff2) format('woff2'),url(../other/roboto-regular-webfont.woff) format('woff'),url(../other/roboto-regular-webfont.ttf) format('truetype'),url(../other/roboto-regular-webfont.svg#robotoregular) format('svg');font-weight:400;font-style:normal

}*/

html{ font-size:75%;}

body{ margin:0; padding:0; color:#666; font-size:1.4rem; font-family:open_sansregular,Arial,Helvetica,sans-serif; line-height:2.2rem; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}

a,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,span,table,td,tr,ul{ margin:0; padding:0; font-family:open_sansregular,Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased;}

input,select{ font-family:open_sansregular,Arial,Helvetica,sans-serif; outline:0; -webkit-font-smoothing:none; -webkit-font-smoothing:antialiased;}

li,ul{ list-style:none;}

a{ text-decoration:none; color:#666; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; }

a,area{ blr:expression(this.onFocus=this.blur());}

:focus{ -moz-outline-style:none;}

a:hover{ color:#555; text-decoration:underline;}

img,object{ -ms-interpolation-mode:bicubic; border:none; height:auto; width:auto; max-width:100%;}




.pad{ padding-top:12px;}

.overf{ overflow:hidden;}

.wrap{ max-width:1000px; padding:0; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both; font-size:0;}

.trans{ transition-duration:1s; -ms-transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s;}/* 图片放大 */

.trans:hover{ transform:scale(1.05) scale(1.05); -moz-transform:scale(1.05) scale(1.05); -ms-transform:scale(1.05) scale(1.05); -o-transform:scale(1.05) scale(1.05); -webkit-transform:scale(1.05) scale(1.05);}

.rotate{ transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s;}/* 360度旋转 */

.rotate:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.shadow{ box-shadow:0 1px 5px -2px #1d1d1d; -moz-box-shadow:0 1px 5px -2px #1d1d1d; -ms-box-shadow:0 1px 5px -2px #1d1d1d; -o-box-shadow:0 1px 5px -2px #1d1d1d; -webkit-box-shadow:0 1px 5px -2px #1d1d1d;}



/* 页头 */

.head-top{ background:#f0f0f0; padding:0.5rem 0;}

.top-lt{ line-height:1.4rem; padding:0.6rem 0;}

.top-rt{ margin-top:2px;}

.top-rt a{ display:block; background:#888; float:right; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:0.5rem 0.38rem; text-align:center; margin:0 0.3rem;}

.top-rt a:nth-child(4){ background:#536181;}

.top-rt a:nth-child(3){ background:#3b8fb1;}

.top-rt a:nth-child(2){ background:#b46b62;}

.top-rt a:nth-child(1){ background:#902d2d;}

.top-lang{ margin-top:3px; padding-right:0.5rem;}

.top-lang a{ display:inline-block; padding:0 1rem;}

.top-lang a:hover{ color:#0162b2;}

.head-logo{ width:45rem; float:left;}

.head-tel{ padding-top:3.3rem; float:right;}

.head-tel p{ padding-left:2.8rem; margin-bottom:0.5rem; line-height:2rem; font-size:1.4rem;}

.head-tel span{ width:2.1rem; display:inline-block; padding-right:0.8rem;}

.head-tel .tell{ color:#0162b2; font-weight:800; font-size:1.6rem; background:url(../images/tell_ico.jpg) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -ms-background-size:auto 100%; -o-background-size:auto 100%; -moz-background-size:auto 100%;}

.head-tel .mail{ background:url(../images/mail_ico.jpg) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -ms-background-size:auto 100%; -o-background-size:auto 100%; -moz-background-size:auto 100%;}

.seaript{ width:25rem; line-height:3.4rem; border:solid 1px #3b3b3b; text-indent:5px; outline:0; vertical-align:middle; margin-right:1rem;}

#bt_sear{ background:#0162b2; line-height:3.4rem; float:right; cursor:pointer; border:solid 1px #3b3b3b; padding:0 1.6rem; color:#fff;}

.menu-bg{ background:#0162b2;}

/* END 页头 */



/* banner */

.flexslider{ position:relative; width:100%; height:auto; overflow:hidden; zoom:1;}

.flex-viewport{ max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}

.flexslider .slides{ zoom:1;}

.flexslider .slides li{ text-align:center;}

.flex-direction-nav a{ width:42px; height:42px; line-height:99em; overflow:hidden; margin:-30px 0 0; display:block; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease;}

.flex-direction-nav .flex-next{ background-position:0 -45px; right:5%; background: url(../images/sprite-default.png) no-repeat;      background-position: -0px -42px;} 

.flex-direction-nav .flex-prev{ left:5%;    background: url(../images/sprite-default.png) no-repeat;    background-position: -42px -42px;}

.flexslider:hover .flex-next{ opacity:.8; filter:alpha(opacity=25);}

.flexslider:hover .flex-prev{ opacity:.8; filter:alpha(opacity=25);}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{ opacity:1; filter:alpha(opacity=50);}

.flex-control-nav{ width:100%; position:absolute; bottom:10px; text-align:center; z-index:999; padding-top:10px;}

.flex-control-nav li{ margin:0 1px; display:inline-block; zoom:1;}

.flex-control-paging li a{ display:block; height:10px; overflow:hidden; text-indent:-99em; width:10px; background:#fff; margin-right:5px; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px;}

.flex-control-paging li a.flex-active{ background:#0162b2;}

/* END banner */



/* 首页 */

.index-searbg{ width:100%; background:#535353; overflow:hidden;}

.seartt{ padding-top:1.5rem; padding-bottom:1.7rem; padding-right:2rem; border-right:solid 1px #656565; float:left;}

.seartt p{ color:#aaa; line-height:1.6rem; font-weight:700; text-transform:uppercase;}

.seartt p strong{ color:#fff; font-size:2.2rem;}

.searkey{ width:33rem; height:2.2rem; overflow:hidden; word-spacing:normal; padding-left:1rem; padding-top:2.1rem; float:left;}

.searkey a{ color:#fff; font-size:1.4rem; display:inline-block; margin:0 1rem;}

.search{ padding-top:1.7rem; float:right;}

.procatbg{ width:100%; height:578px; background-image:url(../images/pro_bg.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

.protab{ position:relative; overflow:hidden;  padding-top:5.8rem;}

.protab .pro_more{ position:absolute; top:39.9rem; right:3.5rem; display:inline-block; background:#0162b2; color:#fff; padding:0.6rem 1rem; font-size:1.4rem; text-transform:uppercase;}

.proct{ display:none;}

.prolt{ width:20rem; float:right;}

.prolt p{ font-size:2.6rem; color:#fff; line-height:4rem;}

.proul li{ color:#fff; cursor:pointer; text-indent:0.1rem; font-size:1.4rem; line-height:2.8rem;}

.proul li.thistab{ color:#ff8e01;}

.promd{ width:59rem;}

.promd li{ width:46%; height:18rem; float:left; text-align:center; padding-right:4%; padding-bottom:1.5rem;}

.promd li .tabdiv{ height:100%; display:block; border:solid 1px #a4a4a4; background:#fff; text-align:center; box-sizing:border-box; overflow:hidden; position:relative;}

.promd li .tabdiv img{ height:100%;}

.promd li .tabhover{ width:100%; height:100%; display:none; position:absolute; z-index:11; top:0; left:0; background:#0162b2; color:#fff; font-size:1.6rem; opacity:0.85; filter:alpha(opacity=85);}

.promd li .tabhover span{ padding-top:4rem; padding-bottom:0.8rem; display:block; animation:bounceIn 1s forwards; -webkit-animation:bounceIn 1s forwards; -ms-animation:bounceIn 1s forwards; -moz-animation:bounceIn 1s forwards; -o-animation:bounceIn 1s forwards;}

.promd li .tabhover em{ display:block; width:4rem; height:4rem; border:solid 3px #fff; border-radius:50%; position:relative; margin:0 auto; animation:bounceIn 1s forwards; -webkit-animation:bounceIn 1s forwards; -ms-animation:bounceIn 1s forwards; -moz-animation:bounceIn 1s forwards; -o-animation:bounceIn 1s forwards;}

.promd li .tabhover em i:after{ content:""; width:3px; height:32px; background:#fff; position:absolute; left:1.9rem; top:0.6rem;}

.promd li .tabhover em i:before{ content:""; width:3px; height:32px; background:#fff; position:absolute; left:1.9rem;  top:0.6rem; -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.promd{ float:left;}

.indexpro{ padding-top:2rem;}

.iprohead{ font-size:3.6rem; text-align:center; padding-top:1rem; line-height:4rem; text-transform:uppercase;}

.iprohead a{ color:#0162b2;}

.iproslog{ text-align:center; color:#707070; font-size:1.4rem; line-height:2rem; padding:0.4rem 0 0.2rem;}

.iproad{ padding-top:2rem;}

.iprobox{ padding-top:0.5rem; overflow:hidden;}

.iprobox li{ width:33.3%; float:left; padding-top:1.5rem;}

.iprobox li .propic{ width:97%; border:solid 1px #f6f7f7; background:#f6f7f7; display:block; padding:0.5rem; box-sizing:border-box; position:relative; overflow:hidden;}

.iprobox li .propic img{ width:100%;}

.iprobox li:nth-child(2) .propic,.iprobox li:nth-child(5) .propic{ margin:0 auto;}

.iprobox li:nth-child(3n) .propic{ float:right;}

.firpro li:nth-child(2) .propic{ float:right;}

.firpro li{ width:50%;}

.iprobox li .prott{ position:absolute; bottom:0.5rem; left:50%; margin-left:-4rem; background:#0162b2; color:#fff; padding:0.2rem 2rem;}

.iprobox li .prohover{ width:100%; height:100%; position:absolute; z-index:11; top:0; left:0; background:#0162b2; color:#fff; font-size:1.6rem; opacity:0.85; filter:alpha(opacity=85); text-align:center; display:none;}

.iprobox li .prohover span{ padding-top:8rem; padding-bottom:0.8rem; display:block; animation:bounceIn 1s forwards; -webkit-animation:bounceIn 1s forwards; -ms-animation:bounceIn 1s forwards; -moz-animation:bounceIn 1s forwards; -o-animation:bounceIn 1s forwards;}

.iprobox li .prohover em{ display:block; width:4rem; height:4rem; border:solid 3px #fff; border-radius:50%; position:relative; margin:0 auto; animation:bounceIn 1s forwards; -webkit-animation:bounceIn 1s forwards; -ms-animation:bounceIn 1s forwards; -moz-animation:bounceIn 1s forwards; -o-animation:bounceIn 1s forwards;}

.iprobox li .prohover em i:after{ content:""; width:3px; height:32px; background:#fff; position:absolute; left:1.9rem; top:0.6rem;}

.iprobox li .prohover em i:before{ content:""; width:3px; height:32px; background:#fff; position:absolute; left:1.9rem;  top:0.6rem; -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.firpro li .prohover span{ padding-top:14rem;}

.aboutbg{ width:100%; background:url(../images/about_bg.jpg) no-repeat center center fixed; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important; margin-top:3.5rem;}

.aboutct{ line-height:2rem; font-size:1.4rem; overflow:hidden; padding:5rem 0;}

.aboutlt{ width:49%; float:left; padding-right:1%;}

.aboutlt object{ width:100%; height:34rem;}

.aboutrt{ width:48%; float:right; font-size:1.4rem; line-height:2.1rem;}

.abouthead{ text-transform:uppercase; font-size:3.2rem; padding-bottom:0.8rem;}

.abouthead a{ color:#0162b2;}

.defamd{ width:100%; overflow:hidden; background:#535353; padding:3rem 0;}

.dllist{ float:left; overflow:hidden;}

.dllist dt{ text-transform:uppercase; font-size:2rem; line-height:3.8rem;}

.dllist dt a{ color:#fff;}

.honorbox{ width:320px; margin-right:3rem;}

.newsbox{ width:28rem;}

.faqbox{ width:23rem; margin:0; float:right;}

.honor{ width:320px; height:280px; overflow:hidden; position:relative; background:#fff;}

.honor .honor-bd{ width:100%; height:100%; position:relative; z-index:0;}

.honor .honor-bd li{ height:100%; zoom:1; vertical-align:middle; text-align:center;}

.honor .honor-bd li a{ width:100%; height:100%; display:block; position:relative;}

.honor .honor-bd li a span{ width:98%; font-size:1.4rem; height:2.8rem; line-height:2.8rem; overflow:hidden; text-align:center; padding:0 2%; position:absolute; bottom:0; left:0; background:#000; color:#fff; opacity:0.8; filter:alpha(opacity=80)}

.honor .honor-bd li img{ height:280px;}

.honor .prev,

.honor .next{ position:absolute; left:5%; top:50%; margin-top:-25px; display:block; width:30px; height:30px; filter:alpha(opacity=50);opacity:0.5;}

.honor .next{ left:auto; right:5%; background-position:8px 5px; }

.honor .prev:hover,

.honor .next:hover{ filter:alpha(opacity=100);opacity:1;}

.honor .next:after{ content:""; background:#000; width:30px; height:30px; left:0; top:0; position:absolute; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.honor .next:before{ content:""; background:#fff; width:30px; height:30px; left:-4px; top:0; position:absolute; z-index:10; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.honor .prev:after{ content:""; background:#fff; width:30px; height:30px; left:4px; top:0; position:absolute; z-index:10; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.honor .prev:before{ content:""; background:#000; width:30px; height:30px; left:0; top:0; position:absolute; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.newsbox li{ width:100%; height:3.2rem; line-height:3.2rem; overflow:hidden; border-bottom:solid 1px #bfbfbf;}

.newsbox li a{ color:#bfbfbf; font-size:1.4rem; padding-left:2rem; position:relative;}

.newsbox li a:after{ content:""; position:absolute; left:0.8rem; top:0.7rem; width:0.35rem; height:0.35rem; display:block; background:#fff; border-radius:50%;}

.newsbox li a:hover{ color:#fff;}

.faqbox li{ padding:0.3rem 0 1.3rem;}

.faqbox li a{ width:100%; line-height:2.2rem; color:#ccc; display:block;}

.faqbox li i{ color:#fff; background:#000; font-style:normal; padding:2px 0.33rem; border-radius:5px; font-size:1.5rem; margin-right:0.5rem; background:#0162b2;}

.faqbox li a.asked i{ padding-left:0.41rem; padding-right:0.41rem; background:#898989;}

.faqbox li{}

.faqbox li a:hover{ text-decoration:none; color:#fff;}

/* END 首页 */



/* 页尾 */

.inbotform{ padding:4rem 0; background-image:url(../images/msg_bg.jpg); background-position:center center; background-repeat:no-repeat;}

.inbforml{ width:46%; padding-left:1%; padding-right:3%; float:left;}

#inbformbox h4{ font-size:1.6rem; line-height:2.2rem; color:#fff; padding-left:1%;}

.inbforml input.inbinput{ border:solid 1px #eee; background:#fff; display:block; margin:2rem 0; line-height:28px; text-indent:6px; padding:4px 0; width:90%; color:#333; outline:0;}

.inbforml textarea.inbinput{ outline:0; border:solid 1px #eee; background:#fff; display:block; margin-top:2rem; margin-bottom:1.5rem; line-height:28px; text-indent:6px; padding:4px 0; width:90%; color:#333; font-family:Arial,Helvetica,sans-serif;}

.inbforml span.inbsubbtn input{ background:#0162b2; color:#fff; font-size:1.4rem; text-align:center; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; float:right; margin-right:10%; padding:0.6rem 1.4rem; cursor:pointer;}

.footer{ text-align:center; background:#262626; padding:1rem 0; color:#bfbfbf;}

.footer a{ color:#bfbfbf;}

/* END 页尾 */



/* 内页 */

.sonmain{ margin:1.5rem auto 0;}

.sonlt{ width:24%; float:left; padding-left:1%;}

.sonrt{ width:72%; float:right; padding-right:1%;}

.locabox{ background:#f9f9f9; padding:6px 0; border-bottom:solid 1px #e8e8e8;}

.locatit{ font-size:1.4rem; line-height:2rem; padding:0.3rem 0 0.3rem 3rem; background:url(../images/loca_bg.png) no-repeat 1rem center;}

.rbox{ padding-bottom:1rem;}

.rttitle{ border-bottom:solid 1px #d2d2d4; color:#0162b2; padding:0.5rem 0.4rem; font-size:1.8rem;}

.rboxCont{ padding:1.5rem 0.1rem;}
.rboxCont table{border-collapse: collapse;}
.rboxCont td p{word-wrap: unset;}
.rboxCont .firstRow td{padding:5px 5px 0 15px;}

.sonnav h4{ background:#0162b2; color:#fff; padding:0.8rem 1rem; line-height:2rem; font-size:1.8rem;}

.sonnav .navlsit{ border:solid 1px #dadada; border-top:none; background:#f9f9f9; padding:0.4rem; padding-bottom:1.5rem; margin-bottom:2rem;}

.sonnav .navlsit a{ display:block;}

.sonnav .navlsit > ul > li > a{ border-bottom:solid 1px #dadada; padding:0.4rem 0.7rem; font-size:1.4rem; font-weight:600; color:#767676;}

.sonnav .navlsit > ul > li > a:hover{ color:#0162b2;}

.sonnav .navlsit > ul > li > ul{ padding:0.4rem 2rem;}

.sonnav .navlsit > ul > li > ul > li{ font-size:1.5rem;}

.recpro h4{ background:#0162b2; color:#fff; padding:0.8rem 1rem; line-height:2rem; font-size:1.6rem;}

.recpro .recprolist{ border:solid 1px #dadada; border-top:none; background:#f9f9f9; padding:0.4rem; padding-bottom:1.5rem; margin-bottom:2rem;}

.recpro .recprolist ul li{ text-align:center; padding:1rem; padding-bottom:0.5rem}

.recpro .recprolist ul li img{ border:solid 1px #dadada; padding:1px; background:#fff; box-sizing:border-box;}

.recpro .recprolist ul li img:hover{ border-color:#0162b2;}

.recpro .recprolist ul li span{ display:block; line-height:1.6rem; padding:0 1rem; padding-top:1rem;}

.prolist{ padding:1rem 0.2rem;}

.prolist ul{ overflow:hidden;}

.prolist ul li{ display:inline-block; width:29.9%; padding:1.2rem 1.5%; padding-bottom:0.8rem; vertical-align:top; text-align:center;}

.prolist ul li img{ border:solid 1px #f1f1f1; padding:1px;}

.prolist ul li img:hover{ border-color:#0162b2;}

.prolist ul li span{ padding-top:1rem; display:block; text-align:center;}

.prolist ul li span a{ font-size:1.4rem; font-weight:700; line-height:1.6rem;}

.showpage{ padding:0.5rem 0.5rem 1rem; line-height:2.2rem;}

.showpage a{ font-size:1.4rem;}

.picshow{ padding-bottom:1.5rem;}

.newslist_ct{ margin-bottom:3rem;}

.newslist_ct li{ overflow:hidden; padding:2rem 0.2rem; border-bottom:solid 1px #ddd;}

.newslist_ct li .snews_pic{ width:22%; float:left; display:block;}

.newslist_ct li .snews_pic img{ padding:0.4rem; border:solid 1px #dedede; box-shadow:0 1px 3px 0 #909090; -moz-box-shadow:0 1px 3px 0 #909090; -webkit-box-shadow:0 1px 3px 0 #909090; border-radius:4px; box-sizing:border-box;}

.newslist_ct li .snews_rt{ width:75%; float:right;}

.newslist_ct li .snews_rt a,.newslist_ct li .snews_rt span{ display:block;}

.newslist_ct li .snews_rt .snews_tt{ font-weight:700; padding:0.5rem 0; line-height:2rem; font-size:1.6rem;}

.newslist_ct li .snews_rt .snews_date{ line-height:2rem; color:#999; font-size:1.4rem;}

.newslist_ct li .snews_rt .snews_key{ padding-top:0.2rem; line-height:1.4rem; font-size:1.4rem;}

.newslist_ct li .snews_rt .snews_more{ padding-top:0.5rem; line-height:2rem; font-weight:700; color:#39ace2; text-decoration:underline; font-size:1.4rem;}

.div_news ul{ padding:0 0.5rem;}

.div_news ul li{ width:100%; font-size:1.4rem; line-height:3.5rem; padding-left:1.6rem; padding-right:0.8rem; border-bottom:dotted 1px #aaa; overflow:hidden; position:relative;}

.div_news ul li:after{ content:""; position:absolute; top:1.4rem; left:0.8rem; width:4px; height:4px; background:#aaa; border-radius:50%;}

.div_news ul li a{ font-size:1.4rem; float:left;}

.div_news ul li span{ float:right;}

.div_news ul li a:hover{ color:#0162b2;}

.news_show{ padding:0 0.2rem;}

.news_show .vnews_tt{ font-size:2.3rem; line-height:2rem; font-weight:700; text-align:center; padding:1.2rem 0; border-bottom:dotted 1px #ccc;}

.news_show .vnews_form{ text-align:center; color:#999; margin-bottom:0.5rem; line-height:2rem; padding-top:0.5rem; font-size:1.4rem;}

.news_show .vnews_cont{ line-height:2.2rem; margin-bottom:2rem;}

.Related_news ul{ padding:1rem 0.5rem;}

.Related_news ul li{ font-size:1.4rem; line-height:2rem; padding:0.7rem 0.8rem 0.7rem 1.6rem; border-bottom:dotted 1px #aaa; overflow:hidden; position:relative;}

.Related_news ul li:after{ content:""; position:absolute; top:1.65rem; left:0.8rem; width:4px; height:4px; background:#aaa; border-radius:50%;}

.Related_news ul li a{ font-size:1.4rem; float:left;}

.Related_news ul li a:hover{ color:#0162b2;}

.share{ padding-bottom:1rem;}

.picCont{ padding:1rem 0.5rem;}

.pcwrt{ width:48%; float:right;}

.pcwrt > h5{ font-size:2rem; font-weight:700; padding:0.5rem 0; line-height:2.1rem; -webkit-font-smoothing:antialiased;}

.pcwrt_det{ line-height:2rem; padding:0.3rem 0.1rem 1.5rem; color:#777;}

.inquire a{ background:#0162b2; cursor:pointer; color:#fff; padding:0.6rem 1rem; font-weight:700; border-radius:12px;}

.inquire a:hover{ text-decoration:none;}

.Related_pro,.Related_pro ul{ margin:2.5em auto 0;}

#div_user{ padding:0 0.2rem; margin-bottom:2rem;}

.pager{ width:100%; text-align:center; margin:8px auto 0; overflow:hidden;}

.pager a{ display:inline-block; padding:0 0.5rem; height:2rem; background:#e9e9e9; overflow:hidden; line-height:2rem; margin:0 0.5rem; color:#333; border:solid 1px #ddd;}

.pager a:hover{ background:#fff;}

.pager span{ font-weight:bold; color:#f70; display:inline-block; padding:0 0.5rem; line-height:2rem; height:2rem; overflow:hidden; background:#fff; margin:0 0.5rem; border:1px solid #ddd;}

#map,#map div,#map p,#map a,#map span{ color:#333;}

.photopic{ text-align:center; padding-top:0.5rem;}

.photopic img{ max-width:80%;}

.photott{ text-align:center; font-size:2rem; padding:1.5rem 0 1rem;}

.downico{ background:url(../images/download_pic.png) no-repeat left center; background-size:auto 100%; text-indent:3.5rem;}

.downico a{ color:#ff0092; font-weight:700; text-decoration:underline;}

/* END 内页 */



/* 产品详细页多图展示 */

.pcwlt{ width:350px; float:left; margin-left:0.1rem;}

.pcwlt .view a{ width:100%; height:100%; display:block;}

.pcwlt .view a img{ padding:2px; box-sizing:border-box; position:relative; top:50%; left:0; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

.view .swiper-container{ width:350px; height:350px;}

.view .swiper-slide{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #e2e2e2; text-align:center;}

.preview{ width:100%; margin-top:1rem; position:relative;}

.preview .swiper-container{ width:300px; height:60px;}

.preview .swiper-slide{ width:60px; height:100%;}

.preview .arrow-left,.preview .arrow-right{ position:absolute; top:50%; margin-top:-9px; width:9px; height:18px; z-index:10;}

.preview .arrow-left{ background:url(../images/feel3.png) no-repeat left top; left:6px;}

.preview .arrow-right{ background:url(../images/feel4.png) no-repeat left bottom; right:6px;}

.preview img{ padding:1px; box-sizing:border-box; border:1px solid #fff; cursor:pointer; background:#f4f4f4;}

.preview .active-nav img{ padding:1px; border:1px solid #f00; background:#fff;}

.swiper-container{ margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;}

.swiper-wrapper{ position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

.swiper-free-mode > .swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;}

.swiper-slide{ float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal{ -ms-touch-action:pan-y;}

.swiper-wp8-vertical{ -ms-touch-action:pan-x;}

/* END 产品详细页多图展示 */



.div_msg{ margin:2rem 0;}

.div_msg .high,.div_msg .formtips{ color:Red;}

.div_msg .msg_list{ padding:0.8rem 0; overflow:hidden;}

.div_msg .msg_list .msg_tt{ width:12rem; float:left; display:inline-block; font-size:1.6rem; text-align:right;}

.div_msg .msg_list #pro_name{ font-size:1.6rem;}

.div_msg .msg_list .msg_ipt{ border-radius:3px; border:1px solid #CCC; padding:0.5rem 0; text-indent:3px; outline:0; width:35%; margin-right:0.1rem;}

.div_msg .msg_list #tb_content{ width:50%;}

.div_msg .div_yzm{ position:relative;}

.div_msg .msg_list #ymz{ width:5rem;}

.div_msg .msg_list #yzmpic{ cursor:pointer; overflow:hidden; margin-left:10px; position:absolute; top:1.2rem; left:17rem;}

#div_mess_btn{ padding-top:1rem;}

#div_mess_btn input{ background:#0162b2; border:none; color:#fff; font-size:1.6rem; padding:0.5rem 2rem; cursor:pointer; line-height:1.5em; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-weight:700;}

#div_mess_btn #msg_btn{ margin:0 2rem 0 12rem;}



.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}}

.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}



/* 导航栏 */

.menu{ position:relative; height:3.5rem; text-transform:uppercase;}

#nav{ width:100%; position:absolute; top:0; left:0;}

#nav>a{ display:none;}

#nav li a{ display:block;}

#nav span:after{ width:0; height:0; border:.313em solid transparent; border-bottom:none; border-top-color:#efa585; content:''; vertical-align:middle; display:inline-block; position:relative; right:-.313em;}

#nav>ul>li{ height:100%; position:relative; float:left;}

#nav>ul>li>a{ height:100%; line-height:3.5rem; text-align:center; padding:0 3rem; display:block; color:#fff; font-family:robotoregular,Arial,Helvetica,sans-serif; -moz-text-shadow:2px 2px 2px #999; -webkit-text-shadow:2px 2px 2px #999; text-shadow:2px 2px 2px #999; font-size:1.6rem; }

#nav>ul:not( :hover )>li.active>a,#nav>ul>li:hover>a{ text-decoration:none;}

#nav>ul>li.cur a{ background:#febf00; color:#fff;}

#nav>ul>li .cur{ background:febf00;}

#nav li ul{ display:none; position:absolute; top:3.5rem; z-index:99999999; width:18rem; padding:0.5rem 0; background:#0162b2;}

#nav li:hover ul{ display:block; text-transform:none;}

#nav li:not( :first-child ):hover ul{ top:3.5rem;}

#nav>ul>li.cur ul li a{ background:0 0;}

#nav li ul a{ padding:0.5rem 1.5rem; display:block; line-height:2rem; text-transform:none; font-weight:400; color:#fff; font-size:1.4rem;}

#nav li ul li{ border:none; padding:0 0;}

#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{ background:#febf00; text-decoration:none;}

/* END 导航栏 */



@media screen and (max-width:1120px){

#nav li ul a{ font-size:.85em; padding:8px 6px;}

#nav li ul{ width:92%;}

.wrap{ width:100%; max-width:100%;}

}



@media screen and (max-width:1000px){

.wrap{ width:100%; max-width:100%;}

.seaript{ width:15rem;}

}





@media screen and (max-width:960px){

.procatbg{ height:auto; background-attachment:scroll;}

.protab{ padding-top:2.5rem; padding-bottom:0.4rem;}

.prolt{ width:auto; float:none; padding:0 1rem;}

.prolt p{ text-align:center; padding-bottom:1rem;}

.proul li{ display:inline-block; padding:0.2rem 1rem;}

.protab .pro_more{ top:0.5rem; right:50%; margin-right:-9rem;}

.promd{ width:auto; float:none; position:relative; padding-top:6rem;}

.promd ul{ padding:0 1rem;}

.promd li{ padding:0 2% 1.6rem; height:auto;}

.promd li .tabdiv img{ max-width:100%; height:auto;}

.honorbox{ margin-right:1rem;}

.pcwlt{ float:none; margin:0 auto;}

.pcwrt{ width:auto; padding:0.5rem; float:none; margin-top:1rem;}

}





@media screen and (max-width:860px){

#nav>ul>li>a{ padding:0 1.5rem;}

#nav li ul{ overflow:hidden; left:1rem;}

#nav li ul a{ padding:0.5rem 1rem;}

#nav li:hover ul{ left:0;}

.seaript{ width:10rem;}

#bt_sear{ padding:0 1rem;}

.honorbox{ float:none; margin:0 auto; margin-bottom:2rem;}

.newsbox,.faqbox{ float:left;}

.newsbox{ margin:0 2rem;}

}



@media screen and (max-width:720px){

#nav>ul>li>a{ height:100%; text-align:center; padding:0 1rem; margin:0;}

.recpro{ display:none;}

.seartt{ float:none; border:none; text-align:center; padding-right:0; padding-bottom:0.5rem;}

.seartt p{ line-height:2.2rem;}

.searkey{ float:none; width:100%; height:auto; padding:0; text-align:center;}

.search{ float:none; text-align:center; padding:1rem 0 2rem;}

.search #bt_sear{ float:none; display:inline-block;}

.iprohead{ font-size:3rem;}

.iproad{ padding-top:1rem;}

.iprobox li{ width:50%;}

.iprobox li:nth-child(1n) .propic{ float:left;}

.iprobox li:nth-child(2n) .propic{ float:right;}

.iprobox li:nth-child(2) .propic, .iprobox li:nth-child(5) .propic{ margin:0;}

.aboutct{ padding:3rem 0;}

.aboutlt{ width:auto; padding:2rem 1rem; float:none; display:none;}

.aboutrt{ width:auto; padding:0 1rem; float:none; line-height:2.5rem;}

.aboutrt .abouthead{ width:100%; text-align:center; line-height:2.2rem; font-size:3rem; padding-bottom:1.5rem;}

.inbforml{ padding-left:3%; padding-right:1%;}

.sonlt,.sonrt{ width:98%; padding:0 1%; float:none;}

.top-lang{ /* display:none; */}

}



@media screen and (max-width:640px){

html{ font-size:75%;}

.menu{ height:auto;}

#nav{ position:relative; top:auto; left:auto; background:#f1f1f1;}

#nav li ul{ height:auto; overflow:hidden;}

#nav>a{ width:3.5rem; height:3.5rem; text-align:left; text-indent:-9999px; background-color:#0162b2; position:relative;}

#nav>a:after,#nav>a:before{ position:absolute; border:2px solid #fff; top:35%; left:16%; right:24%; content:"";}

#nav>a:after{ top:60%;}

#nav:not( :target )>a:first-of-type,#nav:target>a:last-of-type{ display:block;}

#nav>ul{ height:auto; display:none; position:absolute; left:0; right:0;}

#nav:target>ul{ display:block; z-index:999999999; background:#0162b2;}

#nav>ul>li{ width:100%; float:none;}

#nav>ul>li>a{ height:auto; text-align:left;}

#nav>ul>li:not( :last-child )>a{ border-right:none; border-bottom:1px solid #ddd;}

#nav li:not( :first-child ):hover ul{ left:0; width:100%; }

#nav li ul{ position:static; padding:0.5rem; width:100%;}

.index-banner,.recpro{ display:none;}

.head-logo{ width:100%; text-align:center;}

.head-tel{ width:100%; text-align:center; padding:1rem 0 0.6rem;}

.head-tel p{ display:inline-block;}

.top-lt{ width:100%; text-align:center; line-height:1.6rem;}

.inbotform{ padding:3rem 0; background-repeat:repeat-y;}

#inbformbox h4{ text-align:center; padding:0;}

.inbforml{ width:80%; margin:0 auto; padding:0; text-align:center; float:none;}

.inbforml input.inbinput,.inbforml textarea.inbinput{ width:100%;}

.inbforml span.inbsubbtn input{ float:none; margin-right:0; margin-top:1rem;}

.defamd{ padding-top:0;}

.dllist{ float:none; margin:2.5rem auto 0;}

.dllist dt{ font-size:2rem;}

.newsbox,.faqbox{ width:90%;}

.sonlt,.sonrt{ width:98%; padding:0 1%; float:none;}

.pcwlt{ float:none; margin:0 auto;}

.prolist{ padding-top:0;}

.prolist ul{ overflow:inherit;}

.prolist ul li{ width:48%; padding:1.2rem 1%;}

.prolist ul li img{ padding:0.2rem; background:#fff; box-sizing:border-box;}

.prolist ul li span a{ font-weight:normal;}

.div_msg .msg_list .msg_tt{ width:12rem;}

.div_msg .msg_list #pro_name,.div_msg .msg_list .msg_tt{ font-size:1.4rem;}

#div_mess_btn{ text-align:center;}

#div_mess_btn #msg_btn{ margin:0 1.5rem;}

.newslist_ct li{ padding-top:0; margin-bottom:2rem;}

.newslist_ct li .snews_pic,.newslist_ct li .snews_rt{ float:none; width:auto;}

.newslist_ct li .snews_rt{ padding-top:1rem;}

}



@media screen and (max-width:480px){

html{ -webkit-text-size-adjust:none;}

.fl{ float:none;}

.fr{ float:none;}

}



@media screen and (max-width:320px){

html{ -webkit-text-size-adjust:none;}

}

.dl_sear{ width:95%; overflow:hidden; margin:0 auto; padding:1.5rem 0 0.5rem;}
.dl_sear dt{ width:100%; line-height:3.5rem; border-bottom:solid 1px #ccc; background:url(/index/images/style/left_list_icon.gif) no-repeat 5px center; text-indent:2.5rem; font-size:1.8rem; font-weight:bold; font-family:\5FAE\8F6F\96C5\9ED1;}
.dl_sear dd{ width:100%; overflow:hidden; margin:1.5rem auto 0;}
#sear_pro dd ul{ width:100%; margin:1rem auto; overflow:hidden;}
#sear_pro dd ul li{ width:25%; display:inline-block; overflow:hidden; padding-bottom:1rem; vertical-align:top;}
#sear_pro dd ul li .spro_img{ width:90%; display:block; margin:0 auto; border:solid 1px #c4c4c4; background:#fff; padding:3px; overflow:hidden;}
#sear_pro dd ul li .spro_tt{ line-height:1.6rem; display:block; text-align:center; padding:0.8rem 0.5rem; overflow:hidden;}
#sear_news dd ul{ width:98%; overflow:hidden; margin:0 auto 10px;}
#sear_news dd ul li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #ccc;}
#sear_news dd ul li a{ width:80%; display:inline; overflow:hidden; height:30px; line-height:30px; float:left; padding-left:20px; background:url(/index/images/style/top_sonmenu_icon.gif) no-repeat 5px center;}
#sear_news dd ul li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}
.sear_mes{ width:100%; overflow:hidden; text-align:center;}
.sear_more{ width:100%; overflow:hidden; text-align:center; cursor:pointer; font-size:1.5em; font-weight:bold;}
#wap_sear{ width:100%; overflow:hidden;}
#wap_sear_pro{ width:98%; overflow:hidden; margin:0 auto;}
#wap_sear_pro ul{ width:100%; margin:10px auto 0; overflow:hidden;}
#wap_sear_pro ul li{ width:50%; float:left; overflow:hidden;}
#wap_sear_pro ul li .spro_img{ width:90%; display:block; overflow:hidden; padding:3px; border:solid 1px #dadada; margin:0 auto;}
#wap_sear_pro ul li .spro_img img{ width:100%; vertical-align:middle;}
#wap_sear_pro ul li .spro_tt{ width:100%; height:36px; line-height:18px; font-weight:bold; display:block; text-align:center; padding-top:12px; font-size:16px; overflow:hidden;}
#wap_sear_news{ width:98%; margin:0 auto; overflow:hidden;}
#wap_sear_news ul{ text-align:left;  margin:0 auto 10px; overflow:hidden; width:100%;}
#wap_sear_news ul li{ padding:0; margin:0;  line-height:40px; clear:both; list-style:none; overflow:hidden; border-bottom:solid 1px #eeeeee;}
#wap_sear_news ul li a{ width:65%; height:40px; line-height:40px; float:left; padding-left:20px; display:block; overflow:hidden; background:url(/index/images/style/top_sonmenu_icon.gif) no-repeat 5px 19px;}
#wap_sear_news ul li span{  line-height:40px;  font-family:Arial; color:#555; font-size:18px;  float:right;}
@media screen and (max-width:720px)
{
    #sear_pro dd ul li{ width:33.3%;}
}
@media screen and (max-width:480px)
{
     #sear_pro dd ul li{ width:50%;}
}

/*----------下载表格----------*/
.biaoge{
	width:100%;
	border-collapse:collapse;
}
.biaoge tr td,.biaoge tr th{
	border:#ccc solid 1px;  
    padding:10px 0 10px 15px;
}
.biaoge tr th,.biaoge .down_b{
	background:#fff;
}
.biaoge .fa-caret-right{
	margin-right:10px;
}
.biaoge .fa-cloud-download{
	font-size:30px;
	margin:0px auto;
	display:block;
	text-align:center;
	margin-left:-15px;
}

/* Page Navigaton */	
.pagenavi {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}
 
.pagenavi span, .pagenavi a {
	display:inline-block;
	padding:0 12px;
	margin: 0 1px 4px 0;
	box-shadow: 0 4px 0 0 #2c6383;
	background:url(button-tail.gif) repeat-x 0 0 #2c6383;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	height:30px;
	border:none;
	font-weight: normal;
	font-style: normal;
	font-weight: 600;
	border-radius: 4px;
	font-size: 15px;
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;

}
 
.pagenavi a:hover, .pagenavi .current {
	background:#ccc;
	box-shadow: 0 4px 0 0 #bbb;
	color: #595858;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}