body{font:9pt Microsoft Yahei,arial,Hiragino Sans GB,sans-serif}
a{color:#333;outline:medium 0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
a,a:hover,a:link,a:visited{text-decoration:none}
a:hover{color:#e62129}

.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,input,td,th{font:9pt Microsoft Yahei,arial,Hiragino Sans GB,sans-serif}
@font-face{font-family:neutratextdemi;src:url(../fonts/neutratextdemi.eot);src:url(../fonts/neutratextdemi.eot?#iefix) format('embedded-opentype'),url(../fonts/neutratextdemi.woff2) format('woff2'),url(../fonts/neutratextdemi.woff) format('woff'),url(../fonts/neutratextdemi.ttf) format('truetype'),url(../fonts/neutratextdemi.svg#neutratextdemi) format('svg');font-weight:400;font-style:normal}
.no-padding{padding:0!important}
.no-padding-right{padding-right:0!important}
.no-padding-md{padding:0}
.white{color:#fff}
.main{width:75pc;margin:0 auto}
.top{background-color:#f1f1f1; padding:5px 0;}
.top_link{float:right}
@media (max-width:767px){.top_link{float:left}
}
.top span{color:#666}
.top span,.top_link a{font-size:9pt; line-height:30px;}
.top_link span{padding:0 10px;color:#cacaca}
.top-con{float:left;padding:20px 20px 20px 0}
.top-con img{float:left;padding:15px}
.top_text{float:left;padding-top:15px}
.top_text span{font-size:14px;color:#666}
.top_text a{font-family:neutratextdemi;color:#e62129;font-size:27px;width:100%;float:left;line-height:10px; padding-top:5px;}
.top-con1{padding:20px 0 20px 20px;float:left}
.top-con1 span{color:#004490;font-size:1pc;padding-top:10px;display:block}
.top-con1 p{float:left;font-size:13px;line-height:26px}
@media (min-width:768px)and (max-width:1200px){.container{width:100%}
}
.logo{margin:20px 0;padding-right:20px;float:left;border-right:1px solid #dfdfdf}
#top_menu{margin-bottom:0}
#top_menu.navbar-default{background-color:Transparent;border:none}
.nav{width:100%; margin:0; }
.nav>li{border-right:1px solid hsla(0,0%,100%,.1);width:14.2857%}
.nav>li a{color:#fff!important;text-align:center}
.nav>li:first-child{border-left:1px solid hsla(0,0%,100%,.1)}
.nav>.active>a{ background-color:#024085 !important;}
.nav>li a:hover,.nav>.open>a{ background-color:#024085 !important;}
.dropdown-menu{ background-color:#0061ae!important; font-size:12px; }
.dropdown-menu>li>a{line-height:24px;}
@media (max-width:767px){.nav li{width:100%;border:none}
}
.frame{margin:5% 0;padding:30px 0}
#frame1,.frame{float:left;width:100%}
#frame1{margin-top:-30px;position:relative;z-index:10}
.bg1{background-image:url(../images/bg1EN.png);background-position:left}
.bg1,.bg2{background-repeat:no-repeat;height:99pt}
.bg2{background-image:url(../images/bg2.png);background-position:right}
.f_right a span{float:left;width:100%;text-align:center;font-size:14px;font-weight:700}
@media (max-width:767px){#frame1{margin:0}
.f_right{background:#fff;height:auto;padding:15px 0}
}
@media (max-width:991px) and (min-width:768px){#frame1{margin:0}
.f_right{background:#fff}
}
.carousel-control{ top:45%; bottom:45%; width:auto; opacity:0.2;}
.carousel-control.left{ background:none; left:5%;}
.carousel-control.right{ background:none; right:5%;}

.cont,.cont1{float:left;border:1px solid #c3c3c3;width:100%;padding:15px;height:140px;background-position:left center;background-repeat:no-repeat;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;cursor:pointer}
.cont{margin-bottom:30px}
.cont img,.cont1 img{float:left}
.cont h3,.cont1 h3{color:#333;font-size:18px;font-weight:700;line-height:36px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.cont span,.cont1 span{color:#333;font-size:14px}
.cont1:hover h3,.cont:hover h3{color:#e62129}
.cont1>.text,.cont>.text{width:70%;float:right}
@media (max-width:767px){.cont1>.text,.cont>.text{width:100%;float:right}
.cont,.cont1{width:100%;background-image:none!important;height:auto}
}
.pic1{background-image:url(../images/1.png)}
.pic2{background-image:url(../images/2.png)}
.pic3{background-image:url(../images/3.png)}
.pic4{background-image:url(../images/4.png)}
.pic1:hover{background-image:url(../images/1.1.png)}
.pic2:hover{background-image:url(../images/2.1.png)}
.pic3:hover{background-image:url(../images/3.1.png)}
.pic4:hover{background-image:url(../images/4.1.png)}
@media (max-width:767px){.cont1>.text,.cont>.text{width:100%;background-image:none!important}
.cont1{margin-bottom:30px}
}
.cont2{float:left;width:100%;background-color:#015db2;height:310px;padding:30px 20px}
.cont2 a,.cont2 h3,.cont2 p,.cont2 span{color:#fff}
.cont2 span{font-size:24px}
.cont2 h3{font-size:30px;line-height:40px;font-weight:700}
.cont2 p{font-size:14px}
.cont2_link{float:left;margin-top:30px;width:100%}
.cont2 a{padding:10px 45px 10px 30px;border:1px solid #fff;background-image:url(../images/Phone.png);background-position:right 20px center;background-repeat:no-repeat;color:#fff!important;}
@media (max-width:991px) and (min-width:768px){.cont2{margin-top:30px; height:auto;}
}
@media (max-width:767px){.cont2 h3{font-size:18px;line-height:35px;font-weight:700}
}

#frame2{background-image:url(../images/pr_bg.png);background-position:center top;min-height:880px;background-color:#eee}
#frame2,.pr_index{background-repeat:no-repeat}
.pr_index{margin-top:5%;background-image:url(../images/pr_tit_bg.png);background-position:top;background-size:100%}
.pr_index h3{font-size:18px;font-family:Arial;font-weight:400;margin-top:30px;margin-bottom:10px}
.pr_index h3,.pr_index span{color:#fff;padding-left:20px}
.pr_index span{font-size:1pc}
.pr_index ul{background-color:#fff;margin-top:20px;margin-right:30px;float:left;padding-bottom:20px}
.pr_index ul li{float:left;margin-left:-8px;width:100%;}
.pr_index ul li a{line-height:50px;padding-left:55px;background-image:url(../images/jt.png);background-repeat:no-repeat;background-position:28px center;font-size:13.5px;cursor:pointer}
.pr_index ul li:first-child{margin-top:20px}
.pr_index ul li:hover{background-image:url(../images/hover_bg.jpg);background-position:left center;background-repeat:no-repeat}
.pr_index ul li:hover a{background-image:url(../images/jt2.png)}
.pr_cont{background-color:#e62129;float:left;margin-right:30px;width:calc(100% - 30px);padding:20px}
.pr_cont_phone{border:1px solid #fb7d82;padding:10px 0 10px 35px;background-image:url(../images/pr_phone.png);background-position:left center;background-repeat:no-repeat}
.pr_cont_phone a{color:#fff;font-size:20px;font-family:Arial}
.pr_cont_phone p{color:#fff;font-size:14px}
.pr{margin-top:6%;background-color:rgba(232,241,248,.9);margin-left:-45px;width:calc(75% + 30px);padding-bottom:30px;float:left; display:none;}


.pr_title{padding:40px 15px 10px 40px;float:left;width:100%;background-color:Transparent}
.pr_title h3{color:#015db2;font-weight:700;font-size:18px;line-height:25px}
.pr_title p{color:#8faabc;font-size:14px;font-family:Arial}
.pr_title a{float:right;border:1px solid #e62129;color:#e62129;padding:5px 30px 5px 20px;background-image:url(../images/jiantou.png);background-position:right 15px center;background-repeat:no-repeat}
.product{padding-top:15px;padding-bottom:15px}
.pr_img{border:1px solid #c9c9c9;position:relative}
.pr_img img{width:100%;vertical-align:bottom}

.right-top{width:43px;height:43px;background-image:url(../images/right-top-add.png);background-position:right top;background-repeat:no-repeat;top:0;right:0}
.bottom-name,.right-top{position:absolute;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.bottom-name{bottom:0;background-color:#015db2;width:100%;text-align:center;font-size:14px;line-height:21px; padding:5px 43px; }
.bottom-name span{color:#fff; max-height:400px; overflow:hidden;}
.hover_bg{background-color:rgba(2,64,133,.8);background-image:url(../images/search.png);background-repeat:no-repeat;background-position:center top 70px;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.hover_bg>span{top:50%;width:100%;display:block}
.hover_bg>.more,.hover_bg>span{color:#fff;position:absolute;text-align:center}
.hover_bg>.more{top:70%;border:1px solid #fff;padding:5px 10px;right:30%;left:30%}
.product:hover .hover_bg{opacity:1}
.product:hover .bottom-name,.product:hover .right-top{opacity:0}
@media (max-width:767px){.pr{margin-left:0;width:100%;padding:0}
.pr_title{padding:15px;}
}
@media (max-width:991px) and (min-width:768px){#frame2{background:0 0;height:auto; min-height:0;}
.pr{margin-left:0;width:100%}
}

#frame3{background-color:#eee}
.mycontainer{width:1200px;height:1024px; position:relative;}
.myDiv{ position:absolute; width:540px; height:366px; background-image:url(../images/my_1.png); background-position:bottom right; background-repeat:no-repeat; bottom:0; right:0;}
.myDiv a{ color:#1540a0; font-size:14px; font-weight:bold; position:absolute; width:146px; height:90px;  background-position:right center; background-repeat:no-repeat; cursor:pointer;}
.myDiv a span{ line-height:90px; text-align:left;}
.myDiv a:hover{ color:#e62129;}
.myDiv a.m1{ left:70px; top:21px; background-image:url(../images/m1.png);}
.myDiv a.m1:hover{  background-image:url(../images/m1_h.png);}
.myDiv a.m2{ left:59px; top:111px; width:158px; background-image:url(../images/m2.png);}
.myDiv a.m2 span{ line-height:25px; padding:23px 0; display:inline-block;}
.myDiv a.m2:hover{  background-image:url(../images/m2_h.png);}
.myDiv a.m3{ left:101px; top:196px; background-image:url(../images/m3.png);}
.myDiv a.m3 span{ line-height:25px; padding:23px 0; display:inline-block;}
.myDiv a.m3:hover{  background-image:url(../images/m3_h.png);}
.myDiv a.m4{ left:150px; top:260px; width:180PX; background-image:url(../images/m4.png);}
.myDiv a.m4:hover{  background-image:url(../images/m4_h.png);}
.myDiv a.m4 span{ line-height:25px; padding:23px 0; display:inline-block;}
#frame3 .tit{ background-color:#015db2; padding-top:15px; padding-bottom:15px;}
#frame3 .tit h3{ text-align:center; color:#fff; padding-bottom:10px;}
#frame3 .tit p{ text-align:center; color:#fff; font-size:18px;}
#frame3 .tit p:before{ content:"\\\\\\\\\\\\\\\\\\\\"; color:rgba(255,255,255,0.2);letter-spacing:-3px;}
#frame3 .tit p:after{ content:"\\\\\\\\\\\\\\\\\\\\"; color:rgba(255,255,255,0.2);letter-spacing:-3px;}
#frame3 .txt span{ font-weight:bold; font-size:18px; line-height:27px; display:block;}
#frame3 .txt p{ line-height:21px; font-weight:bold; padding-left:15px; background-image:url(../images/001.png); background-position:top 9px left; background-repeat:no-repeat;}
#frame3 .txt img{ max-width:100%;}


#frame4{background-image:url(../images/bg4EN.jpg);background-repeat:no-repeat;background-position:center top;height:196px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
#frame4:hover{background-image:url(../images/hbg4EN.jpg);}
#frame4 a{width:100%;height:196px;float:left}
#frame5{background-color:#eee}
#frame5 strong{color:#333;font-weight:700;font-size:18px;border:2px solid #038aff;padding:5px 50px}
#frame5 strong span{color:#e62129}
#frame5 .title{float:left;width:100%;margin:5% 0}
#owl-frame5{margin-bottom:30px}
.owl-carousel .item{padding:0 15px}
.owl-carousel .item span{line-height:30px;font-size:14px;display:block}
.item img{ max-width:100%;}
#left-frame5{left:-20px}
#left-frame5,#right-frame5{position:absolute;top:20%;cursor:pointer}
#right-frame5{right:-20px}
@media (max-width:767px){#frame5 strong{padding:5px}
#frame5 strong{color:#333;font-weight:700;font-size:12px;border:2px solid #038aff;}
}
#frame6{background-image:url(../images/bg5EN.png);height:998px; background-position:center top; background-repeat:no-repeat;}
.myDiv1{ position:absolute; width:800px; height:700px; bottom:0; right:15px;}
.myDiv1>div{ margin-bottom:50px; background-repeat:no-repeat; background-position:center left; min-height:92px; position:relative;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.myDiv1>div:hover a{ color:#e62129; }
.myDiv1 a{color:#000; font-size:22px; font-weight:bold; position:relative; padding-bottom:15px; display:block;}
.myDiv1 a:before{ content:""; width:165px; height:1px; position:absolute; bottom:7.5px; left:0; background-color:#c1c1c1; }
.myDiv1 p{ color:#555555; font-size:14px; line-height:21px; }
.myDiv1 i{ position:absolute; left:0; bottom:0;  border-radius:50px; width:8px; height:8px; background-color:#385cad;}
.myDiv1 .d1{margin-left:300px; padding-right:100px; background-image:url(../images/d1.png);  padding-left:120px; }
.myDiv1 .d1:hover{background-image:url(../images/d1_h.png)}
.myDiv1 .d2{margin-left:300px; padding-right:100px; background-image:url(../images/d2.png);  padding-left:120px; }
.myDiv1 .d2:hover{background-image:url(../images/d2_h.png);}
.myDiv1 .d3{margin-left:250px; padding-right:100px; background-image:url(../images/d3.png);  padding-left:120px; }
.myDiv1 .d3:hover{background-image:url(../images/d3_h.png);}
.myDiv1 .d4{margin-left:100px; padding-right:100px; background-image:url(../images/d4.png);  padding-left:120px; }
.myDiv1 .d4:hover{background-image:url(../images/d4_h.png);}
@media (max-width:991px) and (min-width:768px){#frame6{ background-image:none; height:auto;}
#frame6 .mycontainer{ position:relative; width:100%; height:auto}
#frame6 .mycontainer .myDiv1{ position:relative; height:auto; width:100%; right:0;}
#frame6 .mycontainer .myDiv1>div{margin:35px 0 35px 35px; padding-right:0;  }
}
@media (max-width:767px) 
{
#frame6{ background-image:none; height:auto;}
#frame6 .mycontainer{ position:relative; width:100%; height:auto}
#frame6 .mycontainer .myDiv1{ position:relative; height:auto; width:100%; right:0;}
#frame6 .mycontainer .myDiv1>div{margin:0; padding:15px; background-image:none;}
#frame6 .mycontainer .myDiv1>div i{ display:none;}
}
#frame7{background-repeat:no-repeat;background-position:center top}
#frame7{background-image:url(../images/bg7.jpg)}
#frame7 .title{padding:3% 0}
#frame7 .title strong{font-size:28px}
#frame7 .title strong:after,#frame7 .title strong:before{content:url(../images/dd.png)}
@media (max-width:767px){#frame7 .title strong:after,#frame7 .title strong:before{content:""}
}
@media (max-width:991px) and (min-width:768px){#frame7 .title strong:after,#frame7 .title strong:before{content:""}
}
#frame7 .title p{text-transform:uppercase;color:#999}
#frame7 .title span{color:#1943a1}
#left-frame7{left:-20px}
#left-frame7,#right-frame7{position:absolute;top:25%;cursor:pointer}
#right-frame7{right:-20px}
#owl-frame7{margin-bottom:84px}
#frame8{background-image:url(../images/bg8EN.jpg);background-repeat:no-repeat;background-position:center top;height:196px}
#frame8 a{width:100%;height:196px;float:left}
#frame9 h3{font-size:30px;color:#015db2;font-weight:700;line-height:5pc}
#frame9 p{font-size:14px;margin-bottom:30px}
#frame9 span{font-size:14px;border:1px solid #015db2;padding:10px}
#frame9 span i{font-style:inherit;padding:0 5px}
#frame9 span i:before{content:"/";color:#015db2}
#frame9 .about{float:left;width:100%;margin:5% 0;padding:4% 0;background-image:url(../images/bg9.png);background-position:left top;background-repeat:no-repeat}
.ab_context{padding:6% 0 0}
.ab_link{float:left;width:100%;margin-top:6%}
.ab_link a{padding:8px 18px;background-color:#015db2;color:#fff;margin-right:10px;font-size:14px}
@media (max-width:767px){#frame9 .about{background:0 0;padding:0}
#frame9 span{border:none}
}
@media (max-width:991px) and (min-width:768px){#frame9 span{border:none}
#frame9 .about{background:0 0;padding:0}
.ab_context{padding:0}
}
#frame10{background-color:#e8ecf5}
#frame10 .title{width:100%;margin:40px 0;float:left;position:relative;z-index:2;}
#frame10 .title a{margin-right:5px;margin-left:5px;padding:10px 127px;color:#fff;font-size:18px;background-image:url(../images/t_bg.jpg);background-size:100% 100%; cursor:pointer;}
#frame10 .title a:hover{background-image:url(../images/t_bg_h.jpg);background-size:100% 100%}
#frame10 .title a.active{background-image:url(../images/t_bg_h.jpg);background-size:100% 100%}
#frame10 .title a.hover{background-image:url(../images/t_bg_h.jpg) !important;background-size:100% 100%}
.ce_context{float:left;width:100%;padding:33px 0;position:relative;z-index:1}
#left-frame10{left:-20px}
#left-frame10,#right-frame10{position:absolute;top:20%;cursor:pointer}
#right-frame10{right:-20px}
#left-frame11{left:-20px}
#left-frame11,#right-frame11{position:absolute;top:20%;cursor:pointer}
#right-frame11{right:-20px}
#left-frame12{left:-20px}
#left-frame12,#right-frame12{position:absolute;top:20%;cursor:pointer}
#right-frame12{right:-20px}



@media (max-width:767px){#frame10 .title{padding:0 15px}
#frame10 .title a{width:100%;background-image:none;padding:10px 0;float:left;background-color:#015db2;margin:0 0 10px}
.ce_context{background:0 0; padding-top:0;}
}
@media (max-width:991px) and (min-width:768px){#frame10 .title a{padding:5px 5pc}
}
#frame11{background-image:url(../images/bg10.jpg);background-position:center top;background-repeat:no-repeat;}
.new_title{float:left;width:100%;margin:40px 0}
.new_title a{font-size:24px;padding:10px 30px}
.new_title a:hover{color:#015db2}
.new_title a.active{color:#015db2}
.new_context{ display:none; border:1px solid #ccc;float:left;width:100%;padding:30px 0 30px 30px}

.new_img{float:left;background-color:#015db2;padding:30px 15px}
.new_img a img{padding-bottom:30px; max-width:100%;}
.new_img a{color:#fff;font-size:14px;padding-bottom:20px; display:block; }
.new_img p{color:#fff;font-size:13px}
.new_item{border-bottom:1px solid #dfdfdf;margin-top:15px;padding-bottom:15px;float:left; width:100%;}
.new_item h4,.new_item p{padding-left:15px}
.new_item h4{margin-bottom:15px}
.new_context .media-list .media .pull-left{padding:15px 25px;background-color:#e8ecf6;text-align:center}
.new_context .media-list .media .pull-left b{display:block;font-size:40px}
.new_context .media-list .media .pull-left span{display:block;font-size:14px}
@media (max-width:767px){.new_title a{display:block}
.new_context{padding:0;border:none}
}
@media (max-width:991px) and (min-width:768px){.new_context{padding:0;border:none}
}
.problem{background-color:#d1d9ec;float:left;width:100%;margin-top:30px}
.problem span{color:#1a3d8b;font-size:24px;line-height:3pc;padding-left:15px}
.problem span.en{color:#fff;padding-left:10px}
.problem a{color:#fff;float:right;border:1px solid #b9c5e1;background-color:#bbc8e3;padding:5px 10px;margin-right:15px;margin-top:10px; text-transform:uppercase}
.problem_img{float:left;padding-right:15px}
.problem_context{border:4px solid #bbc7e2;float:left;width:100%;padding:15px}
.problem_item span{font-size:15px;font-weight:700;line-height:2pc}
.problem_item span:before{content:url(../images/wen.png);margin-top:5px;float:left;padding-right:15px}
.problem_item p{font-size:13px; max-height:35px; overflow:hidden;}
.problem_item p:before{content:url(../images/da.png);float:left;padding-right:15px}
.problem_item{float:left;width:45%}
.problem_item1 span{font-size:15px;font-weight:700;line-height:2pc}
.problem_item1 span:before{content:url(../images/wen.png);margin-top:5px;float:left;padding-right:15px}
.problem_item1 p{font-size:13px; max-height:35px; overflow:hidden;}
.problem_item1 p:before{content:url(../images/da.png);float:left;padding-right:15px}
.problem_item1{float:left;padding-top:15px; padding-bottom:15px;  border-bottom:solid 1px #ccc;}
.problem_item1:first-child{ padding-top:0;}
.problem_item2 span{font-size:15px;font-weight:700;line-height:2pc}
.problem_item2 span:before{content:url(../images/wen.png);margin-top:5px;float:left;padding-right:15px}
.problem_item2 p{font-size:13px; max-height:35px; overflow:hidden;}
.problem_item2 p:before{content:url(../images/da.png);float:left;padding-right:15px}
.problem_item2{float:left;padding-top:15px; padding-bottom:15px; }
.problem_item2:first-child{ padding-top:0;}

@media (max-width:991px) and (min-width:768px){ .problem_item{ width:50%;}
}
@media (max-width:767px){.problem_context{margin-bottom:30px}
.problem_item{float:left;width:100%}
}
footer{background-color:#ededed;background-image:url(../images/foot_top.jpg);background-position:center top;background-repeat:no-repeat;float:left;width:100%}
#foot_main{max-width:958px;margin:0 auto; background-position:bottom right; background-repeat:no-repeat;}
.foot_link{width:80%;margin-left:5%}
.foot_link,.foot_link_title{margin-top:3%;margin-bottom:3%;float:left}
.foot_link_title{background-image:url(../images/foot_border.png);background-position:right center;background-repeat:no-repeat;width:15%}
.foot_link_title b{font-size:24px}
.foot_link_title b,.foot_link_title span{float:left;text-align:center;width:100%}
.foot_link ul li{float:left; width:25%; }
.foot_link ul li a{float:left; line-height:24px;}
.foot_menu{background-image:url(../images/foot_menu.jpg);background-repeat:no-repeat;background-position:center top;list-style:none;display:block;width:100%;height:75px;margin:0 auto}
.foot_menu li{float:left;width:12.5%}
.foot_menu li a{color:#fff;margin:20px 0;float:left;text-align:center;width:100%;border-left:2px solid #fff}
.foot_menu li:first-child a{border-left:none}
.foot_logo{float:left;}
.erweima{ float:left;}
.erweima p{ padding-top:5px;}
.foot_text{float:left;width:46%}
.foot_text span{line-height:24px; padding:0;}
.foot_img{float:left}
@media (max-width:767px){#foot_main{width:100%}
footer h3{margin:15px 0}
.foot_menu{width:100%;background-image:none;height:auto}
.foot_menu li:first-child{margin-left:0}
.foot_menu li{width:100%}
.foot_menu li a{border-left:none;margin:0;color:#000;text-align:left;line-height:25px}
.foot_text{width:100%;padding:0 15px}
.foot_text span{float:left;width:100%}
}
@media (max-width:991px) and (min-width:768px){.problem_context{margin-bottom:30px}
.foot_text{width:63%}
}
.copy_by{background-color:#333;color:#fff;padding:15px 0}
.copy_by .by{text-align:right}
.copy_by .by a{color:#fff}
.copy_by .by a:hover{color:#0061ae}
@media (max-width:767px){.copy_by .by{text-align:left}
}
.copyright{}
.copyright:hover{color:#0061ae!important}


.cao{ display:none;}
.cao:first-child{ display:block}

.text{margin-top:10px;margin-bottom:10px}
.main{width:100%;float:left}
#nbar{margin:0 auto;width:100%}
#nbar img{float:left;width:100%;height:auto}
#left{background:#fff;box-shadow:20px 20px 20px -20px #999;border:1px solid #ddd;margin-bottom:15px}
#menu h2{padding-top:8%;padding-bottom:8%;padding-left:18%;background-image:url(../images/lbt_bg.png);background-position:10px;border-bottom:1px solid #ccc;background-color:#0061ae;color:#fff;font-size:20px;text-transform:capitalize}
#menu h2,.rbt{background-repeat:no-repeat}
.rbt{margin-top:15px;line-height:38px;background-image:url(../images/home.png);background-position:left center;padding-left:25px;font-size:15px}
.title>span{float:left;width:100%;border-bottom:1px solid #ccc;line-height:38px;font-size:1pc;text-transform:capitalize}
#menu>ul{width:100%;border-bottom:1px solid #ccc;}
#menu ul li{border-top:1px solid #ccc;width:100%;line-height:35px;overflow:hidden;}
#menu ul li a{font-size:14px;line-height:35px;color:#333;text-transform:capitalize;display:block;padding-left:10px}
#menu ul li:hover>a{color:#fff;background-color:#0061ae}
#menu ul li.hover>a{color:#fff;background-color:#0061ae}
#menu ul li>ul>li>a{padding-left:30px; position:relative;}
#menu ul li>ul>li>a:before{ background-color:#0061ae; content:""; width:6px; height:6px; border-radius:50%; position:absolute; left:10px;top:calc(50% - 3px)}
#menu ul li>ul>li:hover>a:before{ background-color:#fff;}
#menu ul li>ul>li.hover>a:before{ background-color:#fff;}
.menu_child{background-color:#62c1fd}
.menu_child li a{color:#fff!important;padding-left:20px!important;font-size:13px!important;line-height:30px!important}
#contact{margin-top:15px;margin-bottom:15px}
#contact ul{width:100%}
#contact ul h2{font-size:15px;color:#171717;font-weight:700;line-height:35px;height:35px;background-color:#e4e4e4;border-bottom:1px solid #ccc;padding-left:10px;overflow:hidden;text-transform:uppercase}
#contact ul li{width:94%;overflow:hidden;font-size:14px;line-height:20px;color:#333;padding:6px 10px 6px 0}
#contact ul li img{max-width:100%;margin-right:5px}
#contact ul li a{color:#333}
.hpcp a img{width:100%;margin-bottom:10px}
.hpcp a img:hover{border-color:#0061ae}
.hpcp p{text-align:center;margin-bottom:10px}
#right{float:right;width:100%;padding-bottom:50px}
#rbt{float:right;width:98%;height:45px;margin:0 1%;border-bottom:1px solid #ccc}
#rbt strong{float:left;width:180px;padding-right:17px;font-size:1pc;line-height:45px;color:#000}

.more,.more a{color:#666}
.more a:hover{color:#ca010b}
#rnr{float:right;width:98%;margin:1%}
#neirnr{float:left;width:100%;min-height:23pc;padding:0;color:#333}
#cateremark{float:left;width:45pc;padding:10px 0 20px}
.pcpcw{float:left;width:225px;padding-right:10px}
.ptpcw{border:2px solid #ebebeb;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw,.ptpcw:hover{float:left;width:95%;height:auto;padding:4px;-webkit-border-radius:10px;-moz-border-radius:10px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.ptpcw:hover{border:2px solid #d7000f;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.ptpcw img{height:auto}
.ptpcw img,.text{float:left;width:100%}
.text{margin-top:15px}
.pwzcw{float:left;width:220px;padding:10px 0;line-height:18px;text-align:center;font-size:14px;color:#000}
.pcpcw4{padding-right:0}
#rnrp{float:left;width:100%}
.rtp{float:left;padding:3px;border:1px solid #c8c8c8;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.rtp a{margin:0}
.rtp a,.rtp a img{float:left;padding:0}
.rtp a img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.jCarouselLite{float:left;width:370px;padding-top:2px;padding-left:9px;height:49px;overflow:hidden}
.jCarouselLite LI{text-align:center;padding-right:9px;width:50px;height:49px}
.jCarouselLite LI img{float:left;border:1px solid #999;width:47px;height:47px;margin-left:10px}
.rtp1{float:left;padding:0;border:1px solid #e5e5e5;margin-right:5px}
.rms{color:#000;margin-left:25px}
#rms_tit,.rms{float:left;width:300px}
#rms_tit{color:#333;padding:5px 0}
#productcanshu,#rms_tit{font-size:14px;line-height:25px}
#productcanshu{min-height:5pc;overflow:hidden}
#productcanshu,.product_act{float:left;width:300px}
.rms a{color:#000}
.rms a:hover{color:#da251d}
.product_act img{float:none}
.product_act_t{font-weight:700}
.product_act tr{min-height:20px;line-height:20px}
.product_act tr td{font-size:9pt;color:#333;padding:5px 0}
#feed_remark{float:left;width:100%}
#feed_remark a{color:red;font-weight:700}
.repro{float:left;width:45pc;margin:10px 0}
.reprotit{float:left;width:100%;height:30px;margin-top:15px;margin-bottom:10px;line-height:30px;border-bottom:3px solid #0093f9;text-align:left}
.reprotit strong{float:left;padding-left:10px;font-size:9pt;color:#fff;background:#0093f9;padding:0 10px;border-top-right-radius:4px;border-top-left-radius:4px}
.reprocent{float:left;width:45pc;line-height:25px;color:#000}
.reprocent table{border-collapse:collapse;border:1px solid #666}
.reprocent table tr td{padding-left:10px;line-height:25px;color:#000}
#FeedbackContext{float:left;width:100%;padding-top:1%}
#FeedbackContext ul{float:left;width:100%;margin:0}
#FeedbackContext ul li{float:left;width:49%;margin-top:10px;list-style:none;margin-right:1%}
#FeedbackContext ul li span{float:left;color:#000;line-height:35px;font-size:14px}
#FeedbackContext ul li input.textStyle{float:left;width:72%;height:2.5em;border:0;background:0 0}
#FeedbackContext ul li input.textStylecompany{float:left;width:55%;height:2.5em;border:0;background:0 0}
#FeedbackContext ul li textarea.textAreaStyle{float:left;width:87%;background:0 0;border:0;line-height:35px;font-family:Arial;color:#333}
#FeedbackContext ul li.feed_pro_all{float:left;width:100%;margin-right:0}
#FeedbackContext ul li input.btnFeedProSend{float:left;font-size:14px;width:200px;color:#fff;text-align:center;cursor:pointer;background:#0061ae;border:none!important}
@media screen and (min-width:1px) and (max-width:768px){#FeedbackContext ul li{width:100%}
}
.news-img img{width:100%}
.news-text a{float:left;width:100%;text-align:left;font-size:20px}
.news-text a:hover{color:#0061ae}
.news-text span{text-align:left;font-size:14px;padding-top:2%}
.news-text p,.news-text span{float:left;width:100%;color:#999}
.news-text p{max-height:90pt;line-height:20px;overflow:hidden;font-size:9pt}
.newslist{padding-bottom:7.5px; margin-bottom:7.5px; padding-top:15px;}
.newslist:first-child{ padding-top:0;}
.news_xianguang{float:left;width:100%}
.news_xg_left{float:left;width:70%;line-height:30px}
#newsdate,.newscontext{float:left;margin-bottom:20px;width:100%}
#newsdate{color:#999;line-height:25px;font-size:14px;text-align:center;margin-top:20px}
.news_xg_left{float:left;line-height:30px;margin-top:30px}
.news_xg_left a{font-size:14px}
.news_xg_left a:hover{color:#f54b00}
.downloadlist,.downtable{float:left;width:100%}
.downtable{margin-top:10px;border:1px solid #ccc;border-left:0;font-size:14px;font-family:Arial;line-height:20px;border-collapse:collapse}
.downtit1{width:20%}
.downtit1,.downtit2{font-size:14px;font-weight:700;color:#666;text-align:center}
.downtit2{width:60%}
.downtit3{width:20%;font-weight:700;text-align:center}
.downtable td,.downtit3{font-size:14px;color:#666}
.downtable td{height:30px;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.downtable td a{font-size:9pt;color:#666;font-weight:700;line-height:30px}
.downtable td a:hover{color:#ea3e00}
.downtable td a img{padding-right:5px;padding-top:2px}
.trdown1{background:#fff}
.trdown2{background:#eee;font-size:14px}
.contactUs{float:left;width:100%}
#destxt{float:right;width:100%;padding-bottom:5%;background:#f3f3f5;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
#destxt_tit{float:left;width:100%;padding:20px 0}
#destxt_tit strong{float:left;font-size:40px;color:#333;line-height:60px;padding-left:5%}
.form_list{float:left;width:90%;padding-left:5%}
.form_list li{float:left;width:100%;min-height:30px;padding:5px 0}
.form_list li label{float:left;width:110px;padding-right:10px;font-size:14px;color:#000;line-height:30px;text-align:left}
.form_list li label em{color:red;margin-right:5px;font-size:18px}
.form_list li input{font-family:aller_lightregular;border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li input.textrequired,.form_list li input.textrequiredname{float:left;width:340px;border:1px solid #c5c5c5;height:30px}
.form_list li select.country{float:left;width:340px;border:solid #c5c5c5;height:30px}
.form_list li textarea.textarea{float:left;width:540px;border:1px solid #c5c5c5;height:30px;font-family:aller_lightregular}
.form_list li select,.form_list li textarea{border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.form_list li select{float:right;width:50px;border:1px solid #c5c5c5;height:30px}
.form_list li input.btn_send{width:127px;background:url(../images/btn_send.jpg) no-repeat left top;color:#fff}
.form_list li input.btn_reset,.form_list li input.btn_send{float:left;height:29px;text-align:center;line-height:29px;font-size:14px;font-family:Verdana;border:0;cursor:pointer}
.form_list li input.btn_reset{width:89px;background:url(../images/btn_reset.jpg) no-repeat left top;color:#333;margin-left:15px}
.contactDetails{font-size:14px;line-height:30px}
.contactDetails,.contactDetails li{float:left;width:100%}
.contactDetails a:hover{color:#b80303}
.contactDetails b{float:left;width:100%;font-size:28px;color:#00000e;line-height:35px;font-weight:400}
.contactDetails p{float:left;font-size:14px;color:#666;line-height:30px;font-family:Verdana;font-weight:400}
.contactDetails img{float:left;margin-top:6px;padding-right:10px}
.contactDetails span{float:left;font-size:18px;color:#333;font-weight:700; line-height:36px;  margin-bottom:20px;}
.contactDetails i{float:left;width:100%;height:40px}
.faq_cent{float:left;width:525px;padding-top:60px}
.faq_cent_tit{float:left;width:100%;border-bottom:1px solid #dedede}
.faq_cent_tit strong{float:left;font-size:40px;color:#00000e;line-height:60px;font-weight:400}
.faq_cent_ul{margin-top:2%}
.faq_cent_ul,.faq_cent_ul li{float:left;width:100%}
.faq_cent_ul li b{float:left;width:98%;padding-left:2%;border-bottom:1px solid #dedede;font-size:1pc;color:#01a1e7;font-weight:400;line-height:50px;background:#eff6fa url(/images/divcate.jpg) no-repeat 98% center;cursor:pointer}
.faq_cent_ul li div.faq_show{float:left;width:96%;padding:3% 2%;height:auto;display:none;color:#fff;background:#919090;font-size:14px;line-height:25px}
.faq_cent_ul li div.faq_show a{color:#fff}
.faq_feed{float:right;width:310px;height:475px;padding:35px;margin-top:5pc;background:#fff}
#faq_feed_tit{float:left;width:100%;border-bottom:1px solid #dedede;padding:0 0 15px}
#faq_feed_tit strong{float:left;width:230px;height:27px;background:#01a1e7;font-size:1pc;color:#fff;line-height:27px;text-align:center}
.faq_form_list{float:left;width:90%;padding-top:20px;padding-left:5%}
.faq_form_list li{float:left;width:100%;min-height:30px;padding:5px 0}
.faq_form_list li label{float:left;width:38%;font-size:14px;color:#000;line-height:30px;text-align:left}
.faq_form_list li label em{color:red;margin-right:1%;font-size:18px}
.faq_form_list li input{font-family:aller_lightregular;border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.faq_form_list li input.textrequired,.faq_form_list li input.textrequiredname{float:left;width:50%;border:1px solid #c5c5c5;height:30px}
.faq_form_list li select.country{float:left;width:50%;border:solid #c5c5c5;height:30px}
.faq_form_list li textarea.textarea{float:left;width:60%;border:1px solid #c5c5c5;height:30px;font-family:aller_lightregular}
.faq_form_list li select,.faq_form_list li textarea{border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.faq_form_list li select{float:right;width:50px;border:1px solid #c5c5c5;height:30px}
.faq_form_list li input.btn_send{float:left;width:50%;height:29px;background:url(../images/btn_send.jpg) no-repeat left top;text-align:center;line-height:29px;color:#fff;font-size:14px;font-family:Verdana;border:0;cursor:pointer}
#sitemapnav{ margin:15px 0;}
#sitemapnav li{list-style:none; }
#sitemapnav a{color:#666;text-decoration:underline}
#sitemapnav .fontbig{width:100%!important}
#sitemapnav .bigli{float:left;width:100%;line-height:35px;font-size:1pc}
#sitemapnav .bigli a{color:#01a1e7;text-decoration:underline;font-weight:700}
#sitemapnav .bigli a:hover{color:#da261d}
#sitemapnav .abli_02{float:left;width:15%;margin-left:5%;font-size:14px;height:30px;line-height:30px;overflow:hidden;display:inline;font-weight:400}
#sitemapnav .abli_02 a:hover{color:#da261d}
.jiange{float:left;width:100%;height:2px;border-bottom:1px solid #d2d2d2}
.probigclass{padding-left:50px}
#sitemapnav .PROclass_01{width:95%;line-height:30px;font-weight:700}
#sitemapnav .PROclass_01,#sitemapnav .PROclass_02{float:left;margin-left:5%;font-size:14px;display:inline}
#sitemapnav .PROclass_02{width:15%;height:22px;line-height:22px;overflow:hidden;font-weight:400}
#sitemapnav .PROclass_01 a{color:#01a1e7}
#sitemapnav .PROclass_02 a{color:#666}
#sitemapnav .PROclass_01 a:hover,#sitemapnav .PROclass_02 a:hover{color:#da261d}
#sitemapnav .PROclass_03{color:#666;font-size:9pt;line-height:20px}
#sitemapnav .PROclass_03,#sitemapnav .PROclass_04{float:left;width:40%;margin-left:10%;display:inline}
.vpcp{width:50%;margin-bottom:20px}
.vpcp,.vptp{float:left;height:98px}
.vptp{width:10pc;padding-right:15px}
.vptp img{border:1px solid #ebebeb;border-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;behavior:url(../css/ie-css3.htc);behavior:url(../css/PIE.htc)}
.vptp a,.vptp img{float:left;width:10pc;height:98px;position:relative}
.vptp a{margin-top:-98px;background:url(../images/video_show_bg.png) no-repeat center center;z-index:999}
.vpwz{float:left;width:50%;height:98px}
.vpwz a{color:#333;font-weight:700;line-height:1pc;height:2pc}
.vpwz a,.vpwz p{float:left;width:100%;text-align:left;font-size:9pt;overflow:hidden}
.vpwz p{height:60px;color:#666;line-height:20px;word-break:break-word}
#videotitle{line-height:45px;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;color:#77b725}
#videocontent,#videotitle{float:left;width:100%;text-align:center}
#videocontent{padding:25px 0}
#derster{width:100%;font-size:9pt;height:auto}
#derster,#derstertit{float:left;text-align:left}
#derstertit{margin-bottom:15px;margin-top:15px}
#derstertit span{background:#77b725;color:#fff;text-transform:capitalize;line-height:30px;font-size:14px;width:100%;float:left}
#ntframe{background-color:#ebebe9}
#case_show,#ntframe{float:left;width:100%}
#case_show{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc}
.case_list_img{float:left;width:30%}
.case_list_img a img{float:left;width:100%;border:1px solid #ccc;border-radius:10px}
.case_list_show{float:right;width:68%}
.case_list_show a.a1{float:left;width:100%;line-height:30px;font-size:1pc;color:#01a1e7}
.case_list_show p{float:left;max-height:125px;overflow:hidden}
.feedbackUL{float:left;width:100%;margin-top:15px;margin-bottom:15px}
.feedbackUL li{float:left;width:50%;background:#fff}
.feedbackUL li span{float:left;font-size:14px;color:#666;line-height:30px}
.feedbackUL li span em{color:red;padding-right:5px}
.feedbackUL li input{line-height:30px;width:99%;margin-right:1%}
.feedbackUL li.allli{width:100%; padding-bottom:15px;}
.feedbackUL li.allli textarea{float:left;width:100%}
.feedbackUL li input.feedbtn{float:left;width:200px;text-align:center;font-size:14px;color:#fff;font-family:Arial;cursor:pointer;background:#3388d8}
.feedbackUL li btnli{float:left;width:100%;margin-right:0;padding:0}
#feedbackremark{float:left;width:100%;color:#666; font-size:16px;}
#btnFeedbackSend,#btnreset{color:#fff;font-size:1pc;background:#0061ae;-webkit-transition:all .2s ease-in;transition:all .2s ease-in; padding: 5px 30px;}
#btnFeedbackSend:hover,#btnreset:hover{background:#007cef}
@media screen and (min-width:1px) and (max-width:768px){.feedbackUL li{width:100%}
}
ul.share-buttons{list-style:none;padding:0;}
ul.share-buttons li{display:inline}
ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}
#productdetail_img img{width:100%}
#productdetail{float:left;width:100%;position:relative}
#productdetail_txt{ padding-top:15px; padding-bottom:15px;}
#productdetail_txt strong{font-size:25px;color:#0061ae;margin-bottom:10px}
#productdetail_txt .lianxi a{line-height:2pc; font-size:12px}
#productdetail_txt .lianxi a img{padding-right:10px}
.pro_show_cent{line-height:25px;font-size:15px}
.pro_show_tit{float:left;width:100%}
.pro_show_describe img{ max-width:100%;}
.pro_show_describe table{ width:100% !important;}
.pro_show_tit strong{width:100%;font-size:18px;color:#0061ae;line-height:35px}
.pro_show_tit{border-bottom:3px solid #0061ae;margin-top:20px}
.pro_show{float:left;margin-top:15px;width:100%}
.video{margin-bottom:15px}
.video>a>img{width:100%}
#videocontent,.video_title{margin-top:15px}
#videocontent{float:left;width:100%}
.vmcarousel-normal li img{cursor:pointer}
.pichover{border-color:#4f84c4}
.new_hover{position:absolute;right:15px;left:15px;top:0;bottom:0;background-color:#fff;cursor:pointer;opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.new_hover:hover{opacity:1}
.new_hover img{margin-right:5px}
.Ncate a img{max-width:100%}
.Ncate a{font-size:25px;line-height:50px}
.ca_more{float:right;width:100%;text-align:right;font-size:18px!important;text-transform:capitalize}
@media (max-width:768px){.Ncate a{text-align:center;display:block;line-height:40px}
}
#send{background-color:#0061ae;color:#fff;min-width:190px}
#alibaba{background-color:#ff7300;color:#fff}
#alibaba img{padding-top:3px}
#myTab{margin:2% 0}
.underline-black{ border-bottom:solid 1px #ccc;}

.fixed-btn {
    position: fixed;
    right: 1%;
    bottom: 10%;
    width: 40px;
    border: 1px solid #eee;
    background-color: white;
    font-size: 24px;
    z-index: 1040;
    -webkit-backface-visibility: hidden;
    border-radius:2px;
}
.fixed-btn a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;

}
.go-top span{ font-size:18px; padding-top:5px;}
.my-qrcode{ position:relative; width:40px; height:40px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in; background-image:url(../images/weixin.png); background-position:center center; background-repeat:no-repeat; display:block; float:left; opacity:0.6; }
.my-qrcode:hover{opacity:0.8;}
.my-qq{ position:relative; width:40px; height:40px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in; background-image:url(../images/QQ.png); background-position:center center; background-repeat:no-repeat; display:block; float:left; opacity:0.6; }
.my-qq:hover{opacity:0.8;}
#bottom-qrcode
{
	position:absolute;
    top: auto;
    bottom: 0;
    padding: 10px;
    margin: 0;
    width:200px;
    right: 40px;
    left: auto;
    text-align: center;
    opacity:0;
    display:none;
    background-color: white;  border-radius:2px;
-webkit-transition:all .2s ease-in;transition:all .2s ease-in;
}
#bottom-qrcode p
{ font-size:14px;
}
#search_btn{ float:left; cursor:pointer; background-image:url(../images/top_search.png); background-position:center center; background-repeat:no-repeat;}
.top_search{ float:right;width:300px; display:none; padding-right:5px;}
.close{ background-image:url(../images/close.png)!important;}
.top_search input{ background-color:Transparent;height:30px;}
#sub{height:30px; background-color:Transparent}
#sub img{float:left; }
@media (max-width:767px){.top_search{float:left;width:100%;}
}

.P_t,.P_c,.P_t_1{ display:block; font-size:16px; padding-bottom:15px;}
.P_c{ font-size:12px;}
.P_t_1{ padding-top:15px;}