@charset "utf-8";



* {margin:0; padding:0; list-style:none; }



html{_background:url(about:blank);background-attachment:fixed;}



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;}



body{ background:#fff; color:#696969; font-size:14px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}



ul,li{list-style:none;text-transform:capitalize;}



input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', '宋体',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}



button{cursor: pointer;}



table{border-collapse:collapse;border-spacing:0;}



.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}



.left{ float:left;}.right{ float:right;}



a{color:#666666; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}



a:hover{color:#fd8f13; text-decoration:none;}



img{border:none;}



#clear{width:100%; height:0px; clear:both;}



.clear{width:100%; height:0px; clear:both;}



p{line-height:25px;}



.left{ float:left;}



.right{ float:right;}





#top{width:100%; height:128px; margin:0 auto; background:#fff; border-bottom:1px solid #d4d4d4;}



#topc{width:1280px; height:88px; margin:0 auto;}
.tkz{ width:1280px;}


#topcl{width:521px; height:88px; float:left; margin-top:0px;}



#topcl img{height:88px; min-width:370px;}



#topcr{width:690px; height:88px; float:right; position:relative; padding-right:0px;}

.snav{ display:none;}









#menu_wp{width:100%; height:88px; }
#menu { display:block; width:100%; margin:0 auto; height:88px;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; width:115px; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:95px; margin:0 auto; text-align:center; line-height:88px;  color:#202020; height:88px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#fff; background:#2567ca; text-decoration:none; z-index:999}
#nav .mainlevel ul { display:block; position:absolute; display:none;  top:89px; margin-left:-45px;   z-index:99; ackground:#fff;}
#nav .mainlevel li {background:#fff; padding-top:px; }
#nav .mainlevel li a {padding:0px; width:225px; color:#666; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px;  display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; background:#2567ca; }
.tp{ width:100%; height:91px;}


@media(max-width:1300px){
	.tkz{ width:96%;}
#topc{width:96%; height:88px; margin:0 auto;}
#topcr{width:450px; height:88px; float:right; position:relative; padding-right:0px;}
#nav .mainlevel {float:left; text-align:center; width:75px; display:block; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:75px; margin:0 auto; text-align:center; line-height:88px;  color:#202020; height:88px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel ul { display:block; position:absolute; display:none;  top:89px; margin-left:-75px;   z-index:99; ackground:#fff;}
}

@media(max-width:1100px){
#top{ display:none;}
.snav{ display: block;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

.sp_header{height:80px;overflow:hidden; display:block;background:#fff url(../images/xt_1.jpg) bottom center  no-repeat;;position:fixed;z-index:100000000000;width:100%;border-top:1px solid #0953ac; border-bottom:1px solid #d4d4d4; }

.sp_logo{padding:10px;float:left;height:80px}

.sp_logo img{margin:auto;max-height:50px;}

.sp_nav{width:80px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}

.sp_nav span{display:block;background:#0953ac;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9999999999999999;background-color:#fff;opacity: 0.9; width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:80px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 150px)}

.sjj_nav>ul>li:first-child .language{float:right;width:150px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:60px;float:left;text-align:center; margin:0px 5px; font-size:12px; border-radius:2px;color:#fff; background:#0953ac;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;border-left:1px #0953ac solid;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #0953ac solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #009ee0 solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#4b4a4a;width:80%}

.sjj_nav ul li ul li a{color:#4b4a4a;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#0953ac;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#0953ac}

.sjj_nav ul li ul li>ul{margin-left:10px}

/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.tp{ width:100%; height:82px;}

}




.cont1{ width:100%; height: auto ; padding-bottom:70px; background:url(../images/p.png) center top no-repeat; background-size:cover;}
#bt1{width:80%;  margin:0 auto; min-height:25px; text-align:center; padding:30px 0px 30px 0px; color:#fff;}
#bt1 h2{font-size:30px; line-height:60px;}
#bt1 p{ font-size:14px; line-height:20px; color:#fff; font-weight:normal;}
#cont2c{width:1280px; height: auto; margin:36px auto 0px auto;  }
#ps1{width:237px; height:135px; background:#fff;  text-align:center; padding:0px;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;}
#ps1 p{ height:50px; width:350px; line-height:46px;}
#ps1 img{width:237px; height:135px; }
.ps2{ width:215px; height:75px; text-align:left; line-height:35px; color:#fff; overflow:hidden; text-align:center; font-size:20px; padding-top:15px; }
.ps2  p{ font-size:14px; line-height:20px}
#pp1{ width:237px; height:250px; padding:0px 40px; }
#pp1 a{ width:237px; margin:0 auto; height:230px; padding:9px; border:1px solid #1d81ea; display:block; background:#143988;}
#pp1 a:hover{background:#3d96f4;}
@media(max-width:1300px){
#cont2c{width:96%; height:220px; margin:15px auto 0px auto;  }
}


@media(max-width:1100px){
#bt1{width:80%;  margin:0 auto; min-height:25px; text-align:center; padding:40px 0px 0px 0px; color:#fff;}
#bt1 h2{font-size:20px; line-height:30px;}
#cont2c{width:96%; height: auto; margin:15px auto 0px auto;  }
.cont1{ width:100%; height: auto ; padding-bottom:30px; background:url(../images/p.png) center top no-repeat; background-size:cover;}
#ps1{width:140px; height:80px; background:#fff;  text-align:center; padding:0px;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;}
#ps1 p{ height:40px; width:140px; line-height:40px;}
#ps1 img{width:140px; height:80px; }
.ps2{ width:140px; height:65px; text-align:left; line-height:20px; color:#fff; overflow:hidden; text-align:center; font-size:14px; padding-top:5px; }
.ps2  p{ font-size:12px; line-height:20px}
#pp1{ width:140px; height:200px; padding:0px 10px; }
#pp1 a{ width:140px; margin:0 auto; height:160px; padding:9px; border:1px solid #1d81ea; display:block; background:#143988;}
#pp1 a:hover{background:#3d96f4;}


}

.cont2{ width:100%; height:auto; background:#eff7ff; padding-bottom:40px;}
.cnt2{ width:1280px; height:auto; margin:0 auto;}
.cnt2 li{ width:252px; height:330px; float:left; margin:0px 34px 20px 34px;}
.cnt2 li a{ width:252px; height:330px; display:block; line-height:30px; text-align:center; color:#6e6e6e;}
.cnt2 li a img{ width:250px; height:250px; margin-bottom:15px;  border:1px solid #d3d3d3;}
.cnt2 li a:hover{ color:#fd8f13; }

@media(max-width:1300px){
.cnt2{ width:96%; height:auto; margin:0 auto; }
.cnt2 li{ width:23.5%; height: auto; float:left; margin:0px 2% 20px 0px ;}
.cnt2 li:nth-child(4n){ margin-right:0px;}
.cnt2 li a{ width:100%; height: auto; display:block; line-height:30px; text-align:center; color:#6e6e6e;}
.cnt2 li a img{ width:100%; height: auto; margin-bottom:15px;  border:1px solid #d3d3d3;}
.cnt2 li a span{ width:100%; height:20px; display:block; line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; ;}
.cnt2 li a:hover{ color:#fd8f13; }
}
@media(max-width:1100px){
.cnt2{ width:96%; height:auto; margin:0 auto; padding-top:15px; }
}
@media(max-width:756px){
.cnt2 li{ width:49%; height: auto; float:left; margin:0px 2% 20px 0px ;}
.cnt2 li:nth-child(2n){ margin-right:0px;}	
}
.cont3{ width:100%; height: auto; background:url(../images/ba1.png) center top no-repeat; background-size:cover; padding-bottom:60px;}

.cnt3{ width:1280px; height: auto; padding:50px 40px; background:#fff; margin:0 auto; margin-top:20px;box-sizing: border-box; }
.ct3l{ width:38%; height: auto; float:left;}
.ct3l img{ width:100%;}
.ct3r{ width:58%; height:292px; float:right; position:relative;}
.ct3t{ width:100%; height:56px; }
.ct3t img{ max-width:100%;}
.ct3r p{ width:100%; height:175px; line-height:25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7; overflow: hidden;}
.mor1{ width:110px; height:40px; background:#6dcbfe; position:absolute; bottom:0px; }
.mor1 a{ width:110px; height:40px; text-align:center; display:block; line-height:40px; color:#fff;}
.mor1 a:hover{ text-decoration:underline; c}

@media(max-width:1300px){
.cnt3{ width:96%; height: auto; padding:50px 40px; background:#fff; margin:0 auto; margin-top:20px;box-sizing: border-box; }
}
@media(max-width:1000px){
	.cont3{ width:100%; height: auto; background:url(../images/ba1.png) center top no-repeat; background-size:cover; padding-bottom:30px;}
	.cnt3{ width:96%; height: auto; padding:20px 10px; background:#fff; margin:0 auto; margin-top:20px;box-sizing: border-box; }
.ct3l{ width:100%; height: auto; float:left;}
.ct3l img{ width:100%;}
.ct3r{ width:100%; height: auto; padding-top:15px; float:right; position: static;}
.ct3r p{ width:100%; height: auto; line-height:20px; }
.mor1{ width:110px; height:40px; background:#6dcbfe; position: static; margin:20px auto; }
}


.cont4{ width:1280px; height: auto; margin:0 auto; padding-bottom:60px; }
.cnt4{ width:1280px; height:426px; }
.cnt4 li{ width:33.33%; height:213px; float:left;}
.cnt4 li a{ width:100%; height:213px;}
.cnt4 li a .ct4l{ width:50%; height:213px; float:left;}
.cnt4 li a .ct4l img{ width:100%; height:100%;}
.cnt4 li a .ct4r{ width:50%; height:193px; float:right; padding:10px 0px;}
.ct4r h2{ width:80%; margin:0 auto; height:40px; line-height:40px; font-size:16px; background:url(../images/dx.png) left bottom no-repeat; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#4c4c4c;}
.cnt4 li a:hover h2{ color:#fd8f13;}
.ct4r p{ width:80%; height:100px; line-height:25px; overflow:hidden; margin:10px auto 0px auto; color:#6e6e6e;}
.xcnt2{ display:none;}
@media(max-width:1300px){
.cont4{ width:96%; padding-top:20px;}
.cnt4{ width:100%; height: auto; }
.cnt4 li{ width:50%; height:213px; float:left;}
}

@media(max-width:1000px){
	.cont4{ padding-bottom:30px;}
.cnt4{ display:none;}
.xcnt2{ width:96%; height:auto; margin:20px auto; display:block;}

.xcnt2 li{ width:100%; height:80px;  margin-bottom:20px;}

 .lft{width:120px; height:80px;float:left;margin-right:-200px;background: ;}

  .lft img{ width:100%; height:100%;}

.rght{width:100%;float:left;}

.rght_content{margin-left:130px; height:80px; overflow:hidden;}

.rght_content h2{ font-size:14px; font-weight:normal; padding-top:5px; line-height:28px; height:28px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.rght_content p{ color:#b3b3b3; width:100%; height:32px; line-height:16px;  overflow:hidden;   }


}



.footer{ width:100%; height: auto; border-top:5px solid #6dcbfe; background:#054896;}
.foot{ width:1280px; height: auto; margin:0 auto;}
.ftl{ width:600px; height:60px; float:left; margin-top:30px; overflow:hidden; float:left;}
.ftl li{ width:185px; height:30px; line-height:30px; float:left; padding-left:15px; overflow:hidden; background:url(../images/dd.png) center left no-repeat;}
.ftl li a{ color:#fff;}
.ftl li a:hover{ text-decoration:underline;}
.ftr{ width:600px; height: auto; padding-top:25px; text-align:right; line-height:25px; color:#fff; float:right;}

@media(max-width:1300px){
.footer{ width:100%; height: auto; border-top:2px solid #6dcbfe; background:#054896; padding:25px 0px;}

.foot{ width:96%; height: auto; margin:0 auto;}

.ftl{ width:90%; height: auto; float: none; margin:0 auto; padding-bottom:15px; overflow:hidden; float: none; padding-left:15px;box-sizing: border-box;}

.ftl li{ width:50%; height:30px; line-height:30px; float:left; padding-left:15px; padding-right:15px; overflow:hidden; background:url(../images/dd.png) center left no-repeat; box-sizing: border-box; }

.ftl li a{ color:#fff;}

.ftl li a:hover{ text-decoration:underline;}

.ftr{ width:96%; height: auto; padding-top:15px; text-align: center; line-height:25px; color:#fff; float:none;}
}









.bannera{ width:100%; height:auto; border-bottom:1px solid #d4d4d4;}



.bannera img{ width:100%; height:auto;}







.ab{ width:1280px; height: auto; margin:0 auto; color:#8a8a8a;}
.ab_list{ width:100%; height: auto; padding-top:20px;text-align:center;}
.ab_list a{ line-height:10px; padding:12px 30px; margin-right:5px; font-size:16px; margin-left:5px; display:inline-block; background:#0b4191;  color:#fff;}
.ab_list a:hover{ background:#3474d4; color:#fff;}
@media(max-width:1300px){
.ab{ width:96%; height: auto; margin:0 auto; color:#8a8a8a;}
.main{ width:96%;}	
}
@media(max-width:1000px){
.ab_list a{ line-height:10px; padding:10px 15px; margin-right:5px; font-size:14px; margin-left:5px; background:#0b4191;  color:#fff; border-radius:5px;}
}









.main{ width:1280px; height:auto; margin:0 auto;padding-top:40px;padding-bottom:50px;}
.main img{ max-width:100%; }
.mbin img{ float:left;}









@media(max-width:1300px){
.main{ width:96%;padding-top:10px;padding-bottom:20px;}	
}











.product{ width:1280px; height:auto; margin:0 auto;}
.product li{ width:252px; height:300px; float:left; margin:0px 34px 20px 34px;}
.product li a{ width:252px; height:300px; display:block; line-height:50px; text-align:center; color:#6e6e6e;}
.product li a p{line-height:50px; text-align:center; color:#6e6e6e;}
.product li a img{ width:250px; height:250px; border:1px solid #d3d3d3;}
.product li a:hover{ color:#fd8f13}

@media(max-width:1300px){

.product{ width:100%; height:auto; margin:0 auto;}
.product li{ width:23.5%; height: auto; float:left; margin:0px 2% 20px 0px ;}
.product li:nth-child(4n){ margin-right:0px;}
.product li a{ width:100%; height:auto; display:block; text-align:center; color:#6e6e6e; }
.product li a p{ width:100%;line-height:50px; text-align:center; color:#6e6e6e; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.product li a img{ width:100%; height: auto; border:1px solid #d3d3d3;box-sizing: border-box; }

}
@media(max-width:756px){
.product li{ width:49%; height: auto; float:left; margin:0px 2% 20px 0px ;}
.product li:nth-child(2n){ margin-right:0px;}	
}



  /*分页*/



#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}



#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #407ec2; color:#407ec2;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}



#nx_pg a:hover{background:#407ec2;border:1px solid #407ec2; color:#fff;}



#nx_pg .on{ background:#407ec2;border:1px solid #407ec2; color:#fff;}



#info-T{width:100%; min-height:30px; padding-top:35px; padding-bottom:15px; line-height:30px; text-align: left; font-size:24px; font-weight:500; color:#333333}



#info-M{width:100%; height:45px; line-height:45px; text-align: left; border-top:#e0e0e0 1px dotted;}



#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}







#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}



#info-N{width:100%; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}







#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}



#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}



#big img{height:380px; max-width:728px;}







.ak{ width:100%; height:auto;}