/*body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul,div,img,tr,strong,span,pre{*/
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select,textarea, ul,div,img,strong,span,pre{
margin:0;
padding:0;
border: 0;
background-repeat: no-repeat;
}
button, input, select, textarea {
outline:0;
}
textarea {
resize:none;
}
ul, li {
list-style:none;
}
img {
outline:0;
border:none;
display: block;
}
button, input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance:none;
}
input {
border-radius: 0px;
outline: none;
box-shadow:none
}
a {
color:#666666;
text-decoration:none;
}
a:hover {
text-decoration:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
margin: 0;
padding: 0;
}
html {
overflow-x: hidden;
}
body {
font-size: 14px;
font-family:"微软雅黑";
}
.col-md-3 {
width: 23%;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
@media screen and (min-width: 1440px){
.col-sm-6 {width: 46%;float:left;}
/*.plbn img{ display: none;}*/
.plbn { background: url(../images/plbg.jpg) bottom center no-repeat rgb(222,228,228) !important;  }
.plbn-about { background: url(/uploads/image/20220623/20220623135846_64321.png) bottom center no-repeat rgb(222,228,228) !important;  }
}
.conta{min-width: 320px;width: 100%;margin:auto;padding:auto}
.hdn{ width: 100%; float: left; }
.hdnw{ width: 100%; float: left; background: #fefefe}
@media screen and (min-width: 720px){
.col-sm-6 {width: 46%;float:left;}
.lgo {  float: left; width: 35%; display: block; margin-top: 38px;}
.lgo img{ min-width: 171px;  float: left; width: 50%;}
/*----
.hdn ul { float: left; margin-left: 60px; margin-top: 8px; }
.hdn ul li{ float: left;  margin-right: 35px;}
.hdn ul li a{ color: #fff; font-size: 14px; font-family: sans-serif;} 
-----*/
.serc{ float: right; border: 1px solid #fff;  height: 24px; margin-right:75px; margin-top: 1px; border-radius: 5px;}
.serc input{ background: #000; height: 24px; border: none; color: #fff;  margin: 0 !important; padding: 0 !important; float: left; background: #000;   text-indent: 1em; width: 140px;  }
.serc button{ border: none;  margin: 0 !important; padding: 0 !important;background: #000; float: right;    text-align: right;}
.serc button img{margin-top: 4px; float: left;margin-right: 4px; }
.serc p{ display: none;}
.bnr{ background: #eee; float: left; width: 100%;  z-index: 999; }
.bnr img{}
.pud{ width: 100%; float: left; margin-top: 10px; background: url(../images/cpbg.jpg)bottom center no-repeat}
.pud span{ width: 100%;  float: left; text-align: center; font-size: 24px; color: #c01; background: url(../images/pbg.jpg) bottom center no-repeat; line-height: 60px;}
.pdn{ width: 49.5%; float: left; height: 300px; background: rgba(246,246,246,0.6); margin-top: 10px;position: relative;}
.pd2{ margin-left: 1%;}
.pd4{ margin-left: 1%;}
.pdo{background:url(../images/01.png) bottom left no-repeat  rgba(246,246,246,0.6);position: relative;}
.pdo .cpk{ float: right;  width: 90%; text-align: center;position: relative;}
.pdo .cpk img{ margin: 0 auto; margin-top: 40px;}
.pdo .cpk p{ font-size: 16px; color: #c01; margin-top: 20px;}
.pdo em{display:block;position: absolute;left:0;bottom:3px;width:100%;line-height: 35px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;text-align: center;font-style:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pdn em{display:block;position: absolute;left:0;bottom:3px;width:100%;line-height: 35px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;text-align: center;font-style:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pd2{background:url(../images/02.png) bottom right no-repeat  rgba(246,246,246,0.6);}
.pd2 .cpk{ float: left; width: 90%;text-align: center;}
.pd2 .cpk p{font-size: 16px; color: #c01; margin-top: 20px; display: inline-block;}
.pd2 .cpk img{ margin: 0 auto; margin-top: 40px;}
/*.pud a:hover{ background: url(../images/01.png) bottom left no-repeat rgba(221,221,221,0.6);}*/
.apc{ background: #f6f6f6; margin-top: 18px; width: 100%; float: left; padding-bottom: 18px;}
.apct{ width: 100%;  text-align: center; font-size: 24px; color: #c01; background: url(../images/pbg.jpg) bottom center no-repeat; line-height: 50px; display: block; margin-top: 10px;}
.apcl{ max-width: 1180px; margin: 0 auto; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content:space-around; padding-top: 18px;}
.apcn{ width: 224px !important; overflow: hidden; height: 212px;}
.apcn img{ z-index: 999; width: 100%; float: left;}
.apj { float: left; z-index: 1; width: 100%; margin-top: -148px; height: 148px; background:url(../images/apcb.png) left bottom repeat-x;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.70; }
.apj p{ font-size: 12px; color: #c3c3c3; max-width:204px; margin-left: 10px; float: left; }
.apj span{ font-size: 14px; color: #fff;  max-width:204px; margin-left: 10px; margin-top: 120px; float: left; }
.apcn:hover .apj{ background: #000 !important;}
.apcn:hover .apj span{ font-size: 22px; margin-top: 20px; text-align: center; width: 100%; }
.apcn:hover .apj p{ font-size: 14px; margin-top: 22px;}
.abs{ width: 100%; float: left; margin-top: 20px; background: url(../images/absbg.jpg) bottom center no-repeat rgb(251,251,251); padding-bottom: 20px; background: }
.usn{ max-width: 1160px; margin: 0 auto}
.tus{ width: 580px; float: left; margin-top: 20px;}
.vus{ width: 560px; float: left; margin-top: 20px;}
.tus h2{ font-size: 22px; color: #696e63; font-weight: normal; width: 100%; float: left;}
.tus p{ font-size: 16px; color: #797671; font-family: "Arial"; line-height: 30px; width: 100%; float: left; margin-top: 20px;}
.tus a{ background: #bf0b19; color: #fff; padding: 6px 20px; float: left; margin-top: 15px;}
.vus{ float: left; margin-left: 20px;}
.apct2{ width: 100%;  text-align: center; font-size: 24px; color: #c01; background: url(../images/pbg2.jpg) bottom center no-repeat; line-height: 60px; display: block; margin-top: 10px;}
.cst{ width: 100%; float: left; background: url(../images/ubg.jpg) bottom center no-repeat rgb(243,243,243); margin-top: 20px;}
.news{ width: 100%; float: left; background:url(../images/nbg.jpg) bottom center repeat-y rgb(248,248,248); margin-top: 20px; padding-bottom: 20px; }
.newn{ width: 1200px; margin: 0 auto}
.nwl{ width: 400px; float: left; background: #FFF; padding-bottom: 16px; margin-top: 20px;}
.nwl h3{ font-size: 18px; color: #bf0b19; width: 360px; margin-left: 20px; text-align: center; margin-top: 20px;}
.nwl img{width: 360px; margin-left: 20px; text-align: center; margin-top: 20px;}
.nwl p{width: 360px; margin-left: 20px; text-align: center; margin-top: 20px; font-size: 14px; line-height: 24px; color: #7d7e7f; text-align: left; font-family: "Arial";}
.nwl p a{ float: right; font-size: 10px; color: #bf0b19; line-height: 22px;}
.ner{ float: left; margin-left: 20px; max-width: 780px; margin-top: 20px;}
.ner li{ background: #fff; margin-bottom: 16px; float: left; width: 780px; padding-bottom: 15px;}
.ner li:last-child{padding-bottom: 15px; margin-bottom: 0;}
.nebt{ font-size: 16px; color: #575757; float: left; font-family: "Arial"; line-height: 45px; margin-left: 20px; }
.ner li span{ float: right; font-size: 12px; color: #a4a4a4;line-height: 45px; margin-right: 20px;}
.ner li p{ max-width: 740px; float: left; font-size: 14px; font-family: "Arial"; color: #a4a4a4; line-height: 22px; margin-left: 20px;}
.ner li p a{font-family: "Arial"; color: #a4a4a4; line-height: 22px; color: #bf0b19;float: right; font-size: 12px !important; }
.fot{ width: 100%; float: left; background: #171717;}
.ftn{ width: 1200px; margin: 0 auto; margin-top: 20px;}
.ft1{ width: 205px; float: left; margin-left: 20px;}
.ftt{ color: #fff !important; font-size: 16px; margin-top: 20px; width: 100%; float: left;}
.ftm{ color: #fff !important; width: 100%; float: left;}
.ft1 a{font-family: "Arial"; line-height: 26px; color: #808080; }
.ft2{ width: 280px; float: left; margin-left: 20px;}
.ft2 p{font-family: "Arial"; line-height: 26px; color: #fff; float: left;padding-left:  20px;}
.ft2 p:nth-child(2){ background: url(../images/ftb1.png) left center no-repeat; display: block;}
.ft2 p:nth-child(3){ background: url(../images/ftb2.png) left center no-repeat; display: block;}
.ft2 p:nth-child(5){ background: url(../images/ftb3.png) left center no-repeat; display: block;}
.ft2 p:nth-child(6){ background: url(../images/ftb4.png) left center no-repeat; display: block;}
.fxbq{ border-top: 1px solid #ccc; max-width: 1200px;margin: 0 auto; margin-top: 20px;}
.fxbq p{ width: 100%; float: left; text-align: center;font-size: 14px; line-height: 32px; color: #808080; margin-bottom: 16px;}
.shar{ max-width: 100%; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: center; margin-top: 10px; margin-bottom: 10px;}
.shar a{ margin: 10px;}
.fnk{width: 100%; float: left; background: #f5f5f5; margin-top: 18px; margin-bottom: 18px;}
.fkn{max-width: 1200px; margin: 0 auto;}
.fkn p{ font-size: 14px; color: #747474; line-height: 40px; float: left;}
.fkn a{ font-size: 14px; color: #666; line-height: 40px; float: left; margin-left: 18px;}
.lkn{ float: left;}
.clr{clear: both;}
.plbn{ width: 100%; text-align: center; /*height: 265px;*/ background: url(../images/plbg.jpg) bottom center no-repeat; float: left; }
.plbn-about{ width: 100%; text-align: center; height: 365px; background: url(/uploads/image/20220623/20220623135846_64321.png) bottom center no-repeat; float: left; }
.plc{ max-width: 1200px; margin: 0 auto; margin-top: 20px;}
.pll{width: 300px; float: left; padding-bottom: 20px;background: #ededed;}
.plt{ width: 280px; float: left; display: block; font-family: "Arial"; font-size: 20px; line-height:70px; color: #fff; background: #000; padding-left: 20px; }
.pfl{ width: 100%; float: left; background: #ededed;}
.pfl span{ float: left; width:280px; text-indent: 1em; background: url(../images/sj.png) right center no-repeat; font-size: 18px; color: #bf0b19; line-height: 47px;}
.pfn{ width: 100%; float: left; border-top: 1px solid #fefefe}
.pfn li{ width: 260px; float: left; margin-left: 40px; line-height: 30px;}
.pfn li a{ float: left; font-family: "Arial"; font-size: 14px; color: #000;}
.pfn li p{ float: right; margin-right: 15px; color: #999;font-family: "Arial";}
.plr{ width: 100%; float: left; }
.mbx{ width: 100%; background: url(../images/mbb.jpg) left bottom no-repeat; float: left; }
.mbx h1{ /*width: 340px;*/ max-width:500px; float: left; display: block; font-family: "Arial"; font-size: 24px; line-height:68px; color: #111;padding-left: 20px; font-weight: normal; overflow:hidden;}
.wzh{ float: right; line-height: 68px; margin-right: 10px;}
.wzh p{ float: left; font-size: 12px;}
.wzh a{ font-size: 12px; padding-left: 5px; padding-right: 5px;}
.prln{ width: 100%; float: left; color:#212529;}
.prln ul{ width: 100%; float: left;}
.prln ul li{ width: 100%; float: left; border-bottom: 1px solid #ececec; margin-top: 20px; padding-bottom: 20px;}
.prln ul li img{ width: 317px; height: 317px; float: left;}
.prln ul li h3{ /*float: left;*/ margin-left: 3px; /*max-width: 880px;*/ font-size: 24px; color: #646464; font-family: "Arial"; line-height: 30px; font-weight: normal;}
.raq{ float: left; display: block; line-height: 50px; background: url(../images/xfjc.jpg) left center no-repeat #bf0b19; padding-left: 40px; color: #fff; padding-right: 20px; margin-top: 20px;}
.mif{ float: left; display: block; line-height: 50px; background: url(../images/jtjc.jpg) left center no-repeat #7f7f7f; padding-left: 30px; color: #fff; padding-right: 20px; margin-top: 20px; margin-left: 20px;} 
.prln ul li p{ width: 100%; float: left; font-size: 14px; font-family: "Arial"; line-height: 24px;color: #646464;max-width: 880px; margin-top: 20px;}
.fye,.fye ul{ width: 100%;  float: left; display: block;}
.fye ul { display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px;}
.fye ul li { margin: 5px;}
.fye ul li a{border: 1px solid #999; padding: 2px 6px} 
.prnln{ width: 100%; float: left;}
.prnln ul li{ width: 100%; float: left; border-bottom: 1px solid #ececec; margin-top: 20px; padding-bottom: 20px;border-bottom: 1x solid #a4a4a4}
.nlbt{ font-size: 16px; font-family: "Arial"; color: #575757; line-height: 45px; float: left;}
.prnln ul li span{ float: right;font-size: 12px; font-family: "Arial"; color: #a4a4a4; line-height: 45px; }
.prnln ul li p{ width: 100%; float: left;font-size: 14px; font-family: "Arial"; color: #a4a4a4; line-height: 22px; }
.prnln ul li p a{ float: right; color: #bf0b19; font-size: 12px;}
.nea,.nean{ width: 100%; float: left;}
.nea h1{ font-size: 20px; color: #171717; line-height: 45px; width: 100%; text-align: center; float: left; margin-top: 10px;padding-bottom: 10px; border-bottom: 1px solid #a4a4a4; font-family: "Arial";}
.nean p{ font-size: 14px; color: #3b3b3b; line-height: 30px; width: 100%; float: left; margin-top: 10px;font-family: "Arial";}
.nean img{ max-width: 100%; margin: 0 auto; padding-top: 20px;}
.sxy{ width: 100%; float: left; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3;padding: 16px 0;margin-top:16px;}
.sye{ width: 100%; float: left; }
.sxy p{ float: left; width: auto; line-height: 30px; color: #666; font-size: 14px; font-family: "Arial";}
.sxy a{ float: left;width: auto; line-height: 30px; color: #666; font-size: 14px; font-family: "Arial"; margin-left: 6px;}
.atj{ width: 100%; float: left; margin-top: 16px;}
.atj p{ font-size: 18px; font-family: "Arial"; line-height: 30px; color: #171717; }
.atj ul{width: 100%; float: left;}
.atj ul li{width:96%; float: left; background: url(../images/tjbj.jpg) left center no-repeat; margin-left: 2%;}
.atj ul li a{ text-indent: 1em; width: 100%; float: left;font-size: 14px; font-family: "Arial"; line-height: 30px; color: #646464;}
.prn h1{ width: 80%; float: left; text-align: center; margin-left: 10%; font-size: 20px; color: #171717; line-height: 30px; margin-right: 10%; margin-top: 15px;}
.pri{ width: 100%; float: left; height: 410px; margin-top: 20px;}
.prt{  width: 55%; max-width: 490px; float: left; margin-left: 20px;}
.prx{ width: 35%; float: left; max-width: 280px; margin-left: 20px;}
.prq{ width: 100%; float: left; background: url(../images/cpem.png) left center no-repeat #bf0b19; height: 52px; line-height: 52px; color: #fff;text-align: center;background-position:15%; margin-top: 10px;}
.prv{ width: 100%; float: left; background:url(../images/cpvd.png) left center no-repeat #ededed; height: 52px; line-height: 52px; color: #3d3d3d;text-align: center;background-position:15%;margin-top: 10px;}
.prb{ width: 100%; float: left; background:url(../images/cpdl.png) left center no-repeat #ededed; height: 52px; line-height: 52px; color: #3d3d3d;text-align: center;background-position:15%;margin-top: 10px;}
.prx p{ font-size: 14px; line-height: 30px;font-family: "Arial"; width: 100%; text-align: center; margin-top: 15px; color: #8b8b8b; float: left;}
.psxy{ width: 96%; float: left; padding-top: 16px; padding-bottom: 16px; /*margin-left: 2%;*/}
.psye{ width: 100%; float: left; }
.psxy p{ float: left; width: auto; line-height: 30px; color: #666; font-size: 14px; font-family: "Arial";}
.psxy a{ float: left;width: auto; line-height: 30px; color: #666; font-size: 14px; font-family: "Arial"; margin-left: 6px;}
.patj{ width: 96%; float: left; /*margin-left: 2%;*/}
.panp p{ width: 96%; float: left; /*margin-left: 2%;*/ font-size: 14px; font-family: "Arial"; line-height: 30px; color: #3b3b3b;}
.panp >table >p{line-height:20px;}
.proc{max-width: 1200px;}
.poct{ width: 100%; /*background: #ededed;*/ float: left;}
.poct a:hover{color:#cc0011;}
.poct .acs{color:#cc0011;}
.poct h1{ width: 100%; text-align: center; float: left; font-size: 24px;font-family: "Arial"; color: #646464; font-weight: normal; line-height: 45px; margin-top: 10px; }
.poct p{ width: 96%; float: left; margin-left: 2%;font-size: 14px;font-family: "Arial"; color: #646464; font-weight: normal; line-height: 24px; margin-top: 10px; margin-bottom: 20px; }
.pdv{ width: 100%; float: left;}
.pdvn{ width: 96%; float: left; margin-left: 2%; margin-top: 2%; border-bottom:1px solid #ccc;  padding-bottom: 20px;}
.pvim{ width: 46.5%; float: left; height: 100%;display: block; /*border: 2px solid #ccc*/}
.pvim img{ width: auto; margin: 0 auto}
.pdvr{ width: 51%; float: left; margin-left: 2%;}
.pdvr h3{ width: 100%; float: left; font-size: 32px; color: #646464; font-weight: normal; line-height: 35px;font-family: "Arial"; }
.pvi{ width: 100%; float: left; margin-top: 16px;}
.pvi .pdjs{ float: left; height: 50px; line-height: 50px; background: #bf0b19;padding: 0 18px; color: #fff;}
.pvi .pdif{ float: left; height: 50px; line-height: 50px; background: #999;padding: 0 18px; color: #fff; margin-left: 20px;}
.pdvn p{ font-size: 14px; width: 100%; float: left; color: #646464;line-height: 24px; margin-top: 16px;font-family: "Arial"; max-height: 96px; overflow: hidden;}  
.pdvn ul{ width: 100%; float: left; margin-top: 10px;}
.pdvn ul li{list-style: disc; color: #bf0b19; font-size: 12px; margin-left: 15px;}
.pdvn ul li a{ font-size: 14px; color: #646464; line-height: 30px;}
.pr1l{ width: 100%; float: left; /*background: #ededed;*/ margin-top: 18px;}
.pr1t{ width: 96%; float: left; padding-left: 2%; border-bottom: 1px solid #ddd; }
.pr1t p{height: 50px; line-height: 50px; float: left; font-size: 24px; color: #646464;font-family: "Arial";}
.pr1t a{ float: right; font-size: 10px !important; color: #fff; background: #ccc; height: 24px;line-height: 24px; margin-top: 13px; padding: 0 10px   }
.p1jj{ width: 96%; float: left; margin-left: 2%; font-size: 14px; color: #646464; line-height: 24px;font-family: "Arial"; margin-top: 15px;}
.pr1l ul{ width: 100%; margin-top: 20px; margin-bottom: 20px; float: left; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; /*justify-content: space-between; */flex-wrap: wrap;}
.pr1l ul li{ width: 18.5%; float: left;  border:solid 1px #e6e6e6; margin-bottom:15px;margin-right:15px;}
.pr1l ul li a { width: 100%; max-width: 230px; margin: 0 auto; display: block;}
.pr1l ul li a img{ width: 100%; float: left; margin:10px 0px;max-height:230px;}
.pr1l ul li a p{width: 100%; float: left; text-align: center; margin-top: 10px; line-height:24px; height:24px; overflow:hidden; margin-bottom:10px;}
.xxk{width:629px;height:368px;margin:40px auto 0 auto;border:1px solid #dedede;background:#fff;}
.xxk .xxktit{height:42px;line-height:42px;background:#eeeeee;border-bottom:2px solid #ddd;position:relative;}
.xxk .xxktit ul li{float:left;width:313px;height:42px;border-left:1px solid #dedede;font-size:16px;color:#333;text-align:center;}
.xxk .xxktit ul li a{color:#333;}
.xxk .xxktit ul li a:hover,.xxk .xxktit ul li a.cur{color:#245fa0;}
#khxgd{padding:10px 20px 0 50px;clear:both;width:559px;margin:0 auto;margin-top:10px;position:absolute;}
#kmtbd{padding:10px 20px 0 50px;clear:both;width:559px;margin:0 auto;margin-top:10px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;}
.main1_r_l{width:430px;float:left;border-bottom:1px dashed #dddddd;padding-bottom:15px;margin-bottom:15px;}
.main1_r_bt{font-size:14px;color:#333;font-weight:bold;margin-bottom:5px;}
.main1_r_bt a{color:#333;}
.main1_r_bt a:hover{color:#0068ce;}
.main1_r_nr{font-size:12px;color:#666;line-height:22px;}
.main1_r_r{width:88px;height:73px;float:right;background:url(../images/rq_bj.jpg) no-repeat;color:#fff;font-size:26px;font-weight:bold;text-align:center;line-height:38px;}
.main1_r_r span{color:#333;font-size:14px;text-align:center;display:block;font-weight:normal;}
.h1k{height: 1000px; background: #000; margin-top: 1000px; float: left;}
.qtn{ width: 100%; max-width: 1200px; margin: 0 auto}  
.aui-header-top {
top: 0;
width: 100%;
z-index: 999;
background-color: rgba(0,0,0,0.3);
background-color: #000\9;
transition: all 0.6s ease-out;
float: left;
}
.aui-header-title {
width: 1200px;
margin: 0 auto;
}
.aui-header-title .aui-title {
float: left;
margin-left: 10px;
}
.aui-header-title a {
font-size: 12px;
color: #fff;
opacity: 0.4;
line-height: 28px;
}
.aui-header-title .navList {
float: right;
margin-right: 10px;
}
.aui-header-title .navList li:first-child {
margin-left: 0;
}
.aui-header-title .navList li {
float: left;
margin-left: 66px;
}
.aui-header-title a {
font-size: 12px;
color: #fff;
opacity: 0.4;
line-height: 28px;
}
.aui-header-title .navList li a {
font-size: 12px;
}
.aui-header-nav {
top: 0;
width: 100%;
background-color: transparent;
border-bottom: 1px solid transparent;
z-index: 999;
transition: all 0.45s ease-in-out; float: left;
}
.aui-header-nav.moveDown {
top: 29px;
transition: all 0.45s ease-in-out;
}
.aui-header-nav .wrapper {
position: relative;
width: 960px;
/* padding: 0 10px; */
margin: 0 auto;
}
.aui-header-nav .aui-logo {
width: 130px;
height: 35px;
background: url(../images/icon-white.png) no-repeat;
background: url(../images/icon-white.png) no-repeat\9;
background-size: 130px auto;
}
.aui-header-nav .wrapper .aui-logo {
position: relative;
top: 19px;
}
.aui-header-nav.solid .aui-logo {
background: url(../images/icon-blue.png) no-repeat;
background: url(../images/icon-blue.png) no-repeat\9;
background-size: 130px auto;
}
.aui-header-nav .aui-logo h1 {
text-indent: -99999px;
}
.aui-header-nav .wrapper .aui-top-nav {
position: absolute;
top: 0;
}
.aui-top-nav .menu {
-webkit-user-select: none;
user-select: none;
}
.aui-top-nav .menu >li {
float: left;  height: 50px; line-height: 50px;
}
.aui-top-nav .menu >li >a {
display: inline-block;
vertical-align: baseline;
zoom: 1; 
font-size: 16px;
color: #fff;
border-bottom: 0 \9;
background-color: rgba(0,0,0,0);
padding:0 20px;
}
.aui-header-nav.solid .aui-top-nav .menu >li >a {
color: #383838;
}
.aui-top-nav .menu >li .panel {
position: fixed;
top: 155px;
left: 0;
right: 0;
padding-top: 0;
filter: alpha(opacity = 0) \9;
opacity: 0;
transition-delay: 0.1s;
transition-duration: 0.3s;
z-index: 9999;
visibility: hidden;
visibility: visible\9;
display: none\9;
background-color: rgba(255,255,255,1);
text-align: center;
padding-bottom: 10px;
}
.aui-top-nav .menu >li .panel.product {
height: auto;
}
.aui-top-nav .menu >li .panel .inner {
display: inline-block;
vertical-align: baseline;
zoom: 1; width: 860px;
padding: 28px 0 37px 0;
box-shadow: none;
overflow: hidden;
text-align: center;
}
.aui-top-nav .menu >li .panel .list {
display: inline-block;
vertical-align: baseline;
zoom: 1; /* float: left; */
}
.aui-top-nav .menu >li .panel.product .list {
box-sizing: border-box;
display: block;
height: 60px;
text-align: left;
margin-left: 295px;
margin-top: 30px;
}
.aui-top-nav .menu >li .panel.product .list dt {
display: inline-block;
vertical-align: baseline;
zoom: 1; width: 90px;
vertical-align: middle;
font-size: 16px;
color: #373d40;
line-height: 60px;
margin-right: -20px;
}
.aui-header-nav.solid .aui-top-nav .menu >li .panel .list dt {
color: #7d8496;
}
.aui-top-nav .menu >li .panel .list dd {
display: inline-block;
vertical-align: baseline;
zoom: 1; margin-left: 80px;
text-align: center;
vertical-align: top;
}
.aui-top-nav .menu >li .panel .list a {
display: block;
font-size: 14px;
line-height: 1.5;
color: #383838;
font-weight: 400;
text-align: center;
}
.aui-header-nav.solid .aui-top-nav .menu >li .panel .list a {
color: #383838;
}
.aui-top-nav .u-iconfont {
font-size: 32px;
line-height: 33px;
color: #383838;
}
.aui-top-nav .menu >li .panel .list dd em {
font-weight: 400;
}
.aui-top-nav .menu >li .panel .list dd .txt {
display: block;
margin-top: 8px;
font-style: normal;
}
.aui-header-top.moveUp {
top: -29px;
transition: all 0.5s ease-out;
}
.aui-header-nav.solid {
background-color: #fff;
background-color: #fff\9;
border-bottom: 1px solid #f0f1f2;
transition: all 0.5s ease-in-out;
}
.aui-header-nav .wrapper .m-login {
position: absolute;
right: 10px;
top: 16px;
}
.u-btn {
display: inline-block;
vertical-align: baseline;
zoom: 1; padding: 7px 15px;
background-color: #49a0f5;
border: 1px solid #49a0f5;
border-radius: 2px;
font-size: 14px;
line-height: 1;
color: #fff;
cursor: pointer;
}
.m-login .u-btn {
display: inline-block;
vertical-align: baseline;
zoom: 1; padding: 7px 15px;
font-size: 14px;
border-radius: 2px;
letter-spacing: 0;
line-height: 1.2;
vertical-align: top;
}
.m-login .sign {
transition: all 0.4s ease-out;
}
.u-btn.sign {
padding: 7px 15px;
background-color: transparent;
border: 1px solid #e5e5e5;
color: #e5e5e5;
}
.m-login .u-btn.sign {
margin-right: 12px;
}
.aui-header-nav.solid .m-login .u-btn {
transition: all 0.4s ease-out;
}
.aui-header-nav.solid .m-login .sign {
background-color: transparent;
border: 1px solid #505050;
color: #383838;
transition: all 0.4s ease-out;
}
.aui-header-nav.solid .m-login .free {
background-color: #49a0f5;
border: 1px solid #49a0f5;
color: #fff;
transition: all 0.4s ease-out;
}
.m-login .u-btn {
display: inline-block;
vertical-align: baseline;
zoom: 1; padding: 7px 15px;
font-size: 14px;
border-radius: 2px;
letter-spacing: 0;
line-height: 1.2;
vertical-align: top;
}
.u-btn.free {
padding: 7px 15px;
background-color: #fff;
border: 1px solid #fff;
color: #383838;
}
.m-login .u-btn.free {
margin-left: 0;
}
.aui-header-nav.solid .m-login .u-btn {
transition: all 0.4s ease-out;
}
.aui-header-nav.moveDown {
top: 29px;
transition: all 0.45s ease-in-out;
}
.aui-top-nav .menu >li:hover .panel {
filter: alpha(opacity = 100) \9;
opacity: 1;
transition-delay: 0.1s;
transition-duration: 0.3s;
z-index: 99999;
visibility: visible;
display: block\9;
}
.aui-top-nav .menu >li >a:hover {
color: #bf0b19;
border-color: #bf0b19;
}
.aui-top-nav .menu >li .panel .list dd .txt:hover {
color: #3b8fea;
}
.icon-font {
width: 30px;
height: 30px;
background-size: 30px;
display: block;
margin: 0 auto;
}
.icon-font-item001 {
background: url("../images/icon001.png") no-repeat;
background-size: 30px;
}
.icon-font-item002 {
background: url("../images/icon002.png") no-repeat;
background-size: 30px;
}
.icon-font-item003 {
background: url("../images/icon003.png") no-repeat;
background-size: 30px;
}
.icon-font-item004 {
background: url("../images/icon004.png") no-repeat;
background-size: 30px;
}
.icon-font-item005 {
background: url("../images/icon005.png") no-repeat;
background-size: 30px;
}
.icon-font-item006 {
background: url("../images/icon006.png") no-repeat;
background-size: 30px;
}
.icon-font-item007 {
background: url("../images/icon007.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font {
width: 30px;
height: 30px;
background-size: 30px;
display: block;
margin: 0 auto;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item001 {
background: url("../images/icon001-1.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item002 {
background: url("../images/icon002-2.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item003 {
background: url("../images/icon003-3.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item004 {
background: url("../images/icon004-4.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item005 {
background: url("../images/icon005-5.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item006 {
background: url("../images/icon006-6.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .icon-font-item007 {
background: url("../images/icon007-7.png") no-repeat;
background-size: 30px;
}
.aui-top-nav .menu >li .panel .list a:hover .txt {
color: #3b8fea;
}
.solid .aui-top-nav .menu >li .panel {
top: 61px;
}
.aui-banner-slide {
position: relative;
min-width: 1000px;
background-color: #081238;
}
.aui-banner-main {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
user-select: none;
-webkit-user-select: none;
height: 580px;
}
.aui-banner-wrapper {
position: relative;
-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;
}
.aui-banner-button {
z-index: 1002;
margin-top: 15px;
position: absolute;
top: 59%;
left: 12%;
}
.aui-banner-button a {
padding: 11px 43px;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-radius: 2px;
background-color: #fff;
font-size: 14px;
line-height: 1.3;
color: #383838;
color: #fff;
background-color: #488bff;
border-color: #488bff;
display: inline-block;
vertical-align: baseline;
zoom: 1; border: 1px solid #49a0f5;
}
.aui-banner-button a:hover {
color: #fff;
border-color: #3981ff;
background-color: #3981ff;
}
.aui-banner-button .aui-btn-wh {
color: #fff;
background-color: rgba(255,255,255,0);
margin-left: 20px;
padding: 11px 43px;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-radius: 2px;
font-size: 14px;
line-height: 1.3;
color: #fff;
}
.aui-banner-button .aui-btn-wh:hover {
color: #fff;
background-color: rgba(255,255,255,0.3);
border-width: 1px;
border-style: solid;
border-color: #fff;
}
.aui-banner-news {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.1);
background-color: #6F6E78\9;
}
.aui-banner-news-box {
width: 860px;
margin: 0 auto;
border-left: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
}
.aui-banner-news-box ul {
display: table;
table-layout: fixed;
width: 100%;
vertical-align: top;
white-space: nowrap;
text-align: left;
}
.aui-banner-news-box ul li {
box-sizing: border-box;
display: table-cell;
padding: 27px 54px 27px 40px;
text-align: left;
color: #fff;
border-left: 1px solid rgba(255,255,255,0.2);
width: 320px;
}
.aui-banner-news-box ul li:first-child {
border-left: 0;
}
.aui-banner-news-box ul li a {
font-size: 14px;
line-height: 35px;
color: #fff;
}
.aui-bar-pic {
float: left;
width: 50px;
height: 50px;
margin-right: 20px;
text-align: center;
}
.aui-bar-pic img {
display: block;
width: 100%;
height: auto;
border: none;
vertical-align: middle;
}
.aui-bar-title {
font-size: 16px;
line-height: 1.8;
color: #fff;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.aui-bar-text {
font-size: 14px;
line-height: 1.8;
color: #fff;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.aui-banner-news-box ul li:hover {
background-color: rgba(255,255,255,0.05);
}
.aui-banner-wrapper ul li img {
width: 100%;
height: 580px;
display: block;
border: none;
}
.aui-banner-wrapper ul li {
position: relative;
}
.aui-banner-circle ul li {
display: inline-block;
vertical-align: baseline;
zoom: 1; width: 6px;
height: 6px;
background: url(../images/icon-q1.png) no-repeat;
background: url(../images/icon-q1.png) no-repeat\9;
background-size: 6px 6px;
border-radius: 2px;
cursor: pointer;
margin-left: 4px;
margin-right: 4px;
}
.aui-banner-circle ul .on {
width: 24px;
height: 6px;
background: url(../images/icon-q2.png) no-repeat;
background: url(../images/icon-q2.png) no-repeat\9;
background-size: 24px 6px;
}
.aui-banner-circle {
position: relative;
display: inline-block;
vertical-align: baseline;
zoom: 1; width: auto;
bottom: 138px;
padding: 5px 13px;
padding-bottom: 3px;
border-radius: 16px;
text-align: center;
}
.aui-banner-button-mo {
width: 180px;
left: 50%;
margin-left: -90px;
}
.pnln{ width: 1050px; margin: 0 auto; text-align: left; padding-bottom: 8px; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: center; flex-wrap: wrap}
.pnln a{ color: #333;  float: left;}
.pnln a:hover{color: #bf0b19;}
.hl_nav{
float: left;
color: #ffffff;
height: 30px;
margin-left: 130px;
background: #ccc;
}
.hl_nav a{
display: block;
text-decoration: none;
}
.hl_nav .shade{
width: 100%;
top: 64px;
left: 0;
z-index: 1;
background-color: #ccc;
opacity: 0.9;
filter: alpha(opacity=90);
box-shadow: 0 5px 15px #CCCCCC;
display: none;
border-bottom: #ffffff solid 1px;
border-bottom: rgba(255,255,255,0.3) solid 1px;
}
.hl_nav .nav_list{
position:relative;
top: 0;
left: 300%;
margin: 0 0 0 -600px;
z-index: 2;
padding: 0;
list-style: none;
overflow: hidden;
height: 30px; background: rgba(0,0,0,0.7);
}
.hl_nav .nav_list>li{
padding: 0;
float: left;
margin: 0;
text-align: center;
}
.hl_nav .nav_list>li a{ }
.hl_nav .nav_list>li a span{padding: 0 15px}
.hl_nav .nav_head{
height: 30px;
line-height: 30px;
color: #ffffff;
font-size: 16px;
background-color: #000;
}
.hl_nav .nav_head .icon{
font-size: 18px;
}
.hl_nav .item{
height: 40px;
line-height: 40px;
color: #333333;
position: relative;
}
.hl_nav .item:hover:after{
content: '';
display: block;
position: absolute;
width: 60px;
height: 2px;
bottom: 5px;
left: 30px;
}
.hl_nav .nav_list:hover{
height: 264px;
transition: height 0.3s;
}
.hl_nav .nav_list:hover + .shade{
display: block;
}
.hl_nav .nav_list>li.highlight>:hover{
}
.hl_nav .nav_list>li.highlight>item:hover{background: #000}
.hl_nav .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{
background-color: #000;
}
.hl_nav .nav_list>li.right{
float: right;
}
.item:hover{background: rgba(255,255,255,0.4)
}
.nav_head { height: 40px; background: #000 !important;padding-bottom: 10px;}
.highlight>span{ background: #000 !important; color: #000 !important;}
.highlight .item{color: #fff !important;}
.highlight { overflow: hidden;}
.rig{ float: right; width: 50%; } 
.swiper-wrapper{ max-width: 1200px;}

.vdkg{ width: 50%; text-align: right;}
.vdkg video{ margin-right: 15px; margin-top: 30px;width:70%;border-radius: 5px; box-shadow: 3px 3px 3px #ccc}
.ces .swiper-slide{ background-size: auto 100%; background-repeat: no-repeat; background-position: center;}
.swiper-slide img{height: 100% !important; text-align: center; }
.swiper-slide { text-align: center;}
.cline{border:1px solid #dbdbdb;}
.rign{ width: 70%; background: rgba(255,255,255); text-align: left; margin-top: 30px; padding: 10px 20px;  max-width: 560px; float: left; overflow: hidden;color: #456;}
.swiper-container {
width: 100%;
font-family: "Arial"; 
}
.swiper-slide {
font-size: 18px;
color:#fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*height: 360px !important;*/
}
.parallax-bg {
position: absolute;
left: 0;
top: 0;
width: 130%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
}
.swiper-slide .title {
font-size: 41px;
font-weight: 300;
}
.swiper-slide .subtitle {
font-size: 21px;
}
.swiper-slide .text {
font-size: 14px;
max-width: 400px;
line-height: 1.3;
}
.bnjt{ font-size: 22px; font-weight: normal; line-height: 45px;}
.rign li{ list-style: circle;  margin-left: 16px; float: left; width: 100%;}
.rign li p{ font-size: 14px; line-height: 34px;}
.rign  a{ padding: 8px 16px; background: #fff; color: #456; margin-top: 15px; margin-bottom: 25px; float: left;}
.swiper-slide  img{ margin: 0 auto; width: 100%; height: 100%;}
.swiper-slide2  img{ margin: 0 auto;}
.nlp{ width: 18%; float: left;height:110px;overflow:hidden;}
.nlp img{ width: 100%; float: left; /*height: 110px !important;*/}
.nlrt{ width: 80%; float: left; margin-left: 2%;}
.lctus{ width: 100%; float: left; margin-top: 20px;  background: url(../images/infom.png) top center no-repeat #fff;background-size:300px  160px; height: 160px; }
.lctt{ color: #fff; display: block; width: 100%;height: 40px; font-size: 22px; background: rgba(0,0,0,0.6); margin-top: 60px; text-align: center; line-height: 40px;font-family: "Arial"; }
.lctus img{ width: 100%; float: left; margin-bottom: 10px;} 
.lctus p{ width: 92%; float: left; margin-left: 4%; font-size: 16px; color: #666; line-height: 28px; }
.wcu{ width: 100%; float: left; text-align: center; color: #444 ; margin-top: 16px;}
.wcu a{ color: #444; background: url(../images/timg.jpg) top center no-repeat; display: block; width: 100%;background-size:300px  160px; height: 80px;  padding-top: 80px; font-size: 26px; }
.wcu p{ width: 92%; float: left; margin-left: 4%; text-align: left; font-size: 14px; line-height: 24px; margin-top: 16px;}
.sec-wrap {
max-width: 1255px;
margin-left: auto;
margin-right: auto;
}
.sec-wrap .meet-til {
font-size: 56px;
line-height: 64px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.sec-wrap .meet-des {
font-size: 16px;
line-height: 1.5;
margin-bottom: 50px;
text-align: center;
}
.sec-wrap .list-wrap {
margin-right: 0; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; flex-wrap: wrap
}
.sec-wrap .list-wrap p{line-height:24px;margin-bottom:10px;float:left;width:100%;}
.sec-wrap .list-wrap  img{text-align:center;display: inline-block;}
.Patent {padding-bottom: 65px;}
.usepadding {padding-top: 0;}
.Patent ul li {padding-left: 12px;padding-right: 12px;margin-bottom: 35px;float:left;}
.Patent .Patentdiv {font-size: 16px;text-align: center;box-shadow: 0px 1px 3px #c8c8c8;margin-bottom: 20px;cursor: pointer;}
.Patent .Patentdiv .Patentimg {border: 1px solid #d9d9d9;padding: 15px 0;}
.Patent ul li img {display: block;margin: 0 auto;max-width: 100%;}
.Patent ul li p {height: 65px;line-height: 65px;}
.sec-wrap .width-box2 {width: 50%;display: inline-block;float:left;}
.sec-wrap .item2 {margin-right: 78px;margin-bottom: 60px;}
.sec-wrap .item2 .tip {font-size: 16px;line-height: 1;margin-bottom: 15px;}
.sec-wrap .item2 p {
font-size: 16px;
line-height: 2;
margin-bottom: 0;
}
.sec-wrap .item2 p .key-name {
/*font-weight: bold;*/
}
.sec-wrap .item2 .companies-name p {
font-size: 18px;
line-height: 1;
margin-bottom: 5px;
padding-bottom: 20px;
font-weight: bold;
border-bottom: 1px solid #000;
}
.contact-form {
padding-bottom: 120px;
padding-top: 40px;
background-color: #F3F6FB;
}
.contact-form .contact-title {
font-size: 40px;
line-height: 64px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
}
.contact-form .contact-des {
font-size: 14px;
line-height: 1.5;
margin-bottom: 25px;
text-align: center;
}
.contact-form .contact-subtitle {
font-size: 24px;
line-height: 1;
font-weight: bold;
margin-bottom: 40px;
}
.contact-form .sendStatus {
font-size: 16px;
line-height: 2;
color: red;
}
.contact-form .send-message {
font-size: 18px;
line-height: 1;
color: #fff;
background-color: #212529;
padding: 10px 0;
margin-bottom: 15px;
width: 96%; float: left; margin-left: 2%; border-radius: 8px; margin-top: 20px; margin-bottom: 26px;
}
.contact-form .privacy {
text-align: center;
}
.contact-form .privacy a {
font-size: 12px;
line-height: 1;
color: #bdbdbd;
}
.contact-subtitle{ width: 100%; float: left; text-align: center; font-weight: normal ;}
.mingz{ width: 49%; float: left; }
.mingz input{ width: 100%; float: left; height: 36px; line-height: 36px; text-indent: 1em; font-size: 16px; border-radius: 6px;border: 1px solid #ccc}
.youj{ width: 49%; float: left; margin-left: 2%;}
.youj input{width: 100%; float: left; height: 36px; line-height: 36px; text-indent: 1em;font-size: 16px; border-radius: 6px; border: 1px solid #ccc}
.form-group{ width: 96%; float: left; margin-left: 2%;}
.form-group textarea{ width: 96%; margin-top: 20px;font-size: 16px; border-radius: 6px;border: 1px solid #ccc; padding: 1% }
#contactForm{ background:#F3F6FB; float: left; width: 100%; }
.w98{ width: 98% !important;}
}
/*-------------------------------------------------------------*/
.map {
padding-bottom: 80px;
padding-top: 90px;
background-color: #F3F6FB;
color:#212529;
}
.map .sec-til {
font-size: 56px;
line-height: 64px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.map .sec-des {
font-size: 16px;
line-height: 1.5;
margin-bottom: 35px;
text-align: center;
}
.map .imgbox {
position: relative;
margin-bottom: 25px;
}
.map .pointImg {
position: absolute;
}
.map .tip {
padding-left: 40px;
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin-bottom: 10px; font-family: "Arial";
}
.map .width-box3 {
width: 30.33%;
display: inline-block;
}
.map .width-box3:last-child{ width: 39%}
.map .item {
margin-left: 25px;
margin-right: 25px;
}
.map .item:nth-child(1) {
border-bottom: 2px solid #0050A0;
}
.map .item:nth-child(2) {
border-bottom: 2px solid #2196F3;
}
.map .item:nth-child(3) {
border-bottom: 2px solid #E60000;
}
.map .radio1, .map .radio2 {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 120%;
transform: translate(-50%, -50%);
}
.map .radio1:after, .map .radio2:after {
content:"";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: none;
margin: auto;
border-radius: 100%;
border: 2px solid rgba(230, 0, 0, 0.8);
width: 1px;
height: 1px;
z-index: 2;
opacity: 0;
}
.map .headRadio:after {
border: 2px solid rgba(13, 89, 165, 0.8);
}
.map .subsidiariesRadio:after {
border: 2px solid rgba(13, 89, 165, 0.8);
}
.map .radio1:after {
animation: anima 4.5s ease-out 0.225s infinite;
}
.map .radio2:after {
animation: anima2 4.5s ease-out 1.57s infinite;
}
@keyframes anima {
0% {
width: 1px;
height: 1px;
opacity: 0.8;
}
90% {
width: 80%;
height: 80%;
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes anima2 {
0% {
width: 1px;
height: 1px;
opacity: 0.8;
}
90% {
width: 100%;
height: 100%;
opacity: 0;
}
100% {
opacity: 0;
}
}
.map .pointbox {
display: block;
position: absolute;
font-size: 16px;
width: 7.1%;
padding-bottom: 7.1%;
}
.map .pointbox .point {
width: 12.5%;
height: 12.5%;
background-color: #2196F3;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
border-radius: 100%;
}
.map .pointbox .redPoint {
background-color: #E60000;
}
.map .pointbox .headPoint {
background-color: #0050A0;
}
.map .pointbox:nth-child(1) {
top: 34.4%;
left: 12.36%;
}
.map .pointbox:nth-child(2) {
top: 45.12%;
left: 16.94%;
}
.map .pointbox:nth-child(3) {
top: 31.75%;
left: 20.93%;
}
.map .pointbox:nth-child(4) {
top: 70.64%;
left: 29.61%;
}
.map .pointbox:nth-child(5) {
top: 24.98%;
left: 43.94%;
}
.map .pointbox:nth-child(6) {
top: 23.94%;
left: 46.82%;
}
.map .pointbox:nth-child(7) {
top: 31.75%;
left: 47.54%;
}
.map .pointbox:nth-child(8) {
top: 33.84%;
left: 46.5%;
}
.map .pointbox:nth-child(9) {
top: 39.04%;
left: 48.66%;
}
.map .pointbox:nth-child(10) {
top: 73.94%;
left: 47.54%;
}
.map .pointbox:nth-child(11) {
top: 19.77%;
left: 51.13%;
}
.map .pointbox:nth-child(12) {
top: 35.75%;
left: 53.44%;
}
.map .pointbox:nth-child(13) {
top: 43.21%;
left: 53.2%;
}
.map .pointbox:nth-child(14) {
top: 41.47%;
left: 56.15%;
}
.map .pointbox:nth-child(15) {
top: 40.95%;
left: 59.65%;
}
.map .pointbox:nth-child(16) {
top: 49.63%;
left: 65.31%;
}
.map .pointbox:nth-child(17) {
top: 54.32%;
left: 64.91%;
}
.map .pointbox:nth-child(18) {
top: 60.75%;
left: 66.9%;
}
.map .pointbox:nth-child(19) {
top: 44.08%;
left: 68.26%;
}
.map #p19 {
top: calc(44.08% - 281px);
left: calc(68.26% - 138px);
}
.map .pointbox:nth-child(20) {
top: 34.53%;
left: 69.93%;
}
.map #p20 {
top: calc(34.53% - 281px);
left: calc(69.93% - 138px);
}
.map .pointbox:nth-child(21) {
top: 38.7%;
left: 69.53%;
}
.map #p21 {
top: calc(38.70% - 281px);
left: calc(69.53% - 138px);
}
.map .pointbox:nth-child(22) {
top: 40.61%;
left: 69.93%;
}
.map #p22 {
top: calc(40.61% - 281px);
left: calc(69.93% - 138px);
}
.map .pointbox:nth-child(23) {
top: 42.86%;
left: 69.93%;
}
.map #p23 {
top: calc(42.86% - 281px);
left: calc(69.93% - 138px);
}
.map .pointbox:nth-child(24) {
top: 77.06%;
left: 76.94%;
}
.map .address-overlay {
position: absolute;
width: 382px;
height: 259px;
background-color: #fff;
box-shadow: 3px 3px 5px #ccc, -3px -3px 5px #ccc;
padding: 20px 25px;
}
.map .address-overlay .pre-btn, .map .address-overlay .next-btn, .map .address-overlay .close-btn {
cursor: pointer;
}
.map .address-overlay .company-name {
font-size: 16px;
line-height: 33px;
font-weight: bold;
margin-top: 15px;padding-top: 15px;
}
.map .address-overlay .company-des {
font-size: 16px;
line-height: 24px;
margin-bottom: 45px; 
}
.map .address-overlay .con-icon {
position: absolute;
}
.map .address-overlay .con {
padding-left: 30px;
font-size: 16px;
line-height: 1.5;
margin-bottom: 0px;
}
.map .address-overlay::before {
position: absolute;
content:"";
border-top: 25px solid #fff;
border-bottom: 25px solid transparent;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
margin-left: 132px;
margin-top: 272px;
}
.hide{ display: none;}
.coolMapHide{ display: none;}
.r{ float: right;}
.pre-btn{  float: left;}
.next-btn{  float: left; margin-left: 8px;}
.fucn{ width: 100%; float: left; margin-bottom: 15px;}
/*-----------------------------------------------------------------------*/
.prt{ width: 60%; float: left;height: 300px;z-index: 1;}
.ptjh{ width: 100%; float: left; height: 40px; line-height: 40px; background: #ededed}
.ptjh p{ text-indent: 2em; color: #555;}
.ptjn{ width: 100%; float: left;}
.ptjn ul{ width: 100%; float: left; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: space-around; flex-wrap: wrap;}
.ptjn ul li{ width: 24%; margin-top: 15px;}
.ptjn ul li img{ width: 98%; float: left;border: 2px solid #ededed; }
.ptjn ul li p{ width: 96%; float: left; margin-left: 2%; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 8px;}
.hpqu{ width: 100%; float: left; height: 144px; background: #ededed; margin-top: 20px;}
.hqn{ width: 83%; max-width: 1200px; margin: 0 auto}
.hql { width: 75%; float: left;}
.hql p{ float: left; width: 100%; font-size: 28px; color: #777; margin-top: 37px;}
.hql span{ float: left; width: 100%; color: #777; margin-top:10px;}
.rqtd{ float: right; font-size: 18px;  height: 70px; line-height: 70px; width: 25%; max-width: 280px; text-align: center; color: #fff; background: #bf0b19; font-family: "Arial"; border-radius: 5px; margin-top: 37px; overflow: hidden;}
.lgr{ width: 100%;  max-width: 1440px; margin: 0 auto}
.lgrn{ width: 100%; float: left; text-align: left; margin-bottom: 20px; height: 30px; z-index: 111111111111111;}
.lgrn a{ color: #fff; margin-right: 30px; line-height: 30px;}
.lgrn a:first-child{ display: block;}
.dbn{display: none;}
.lgrn:hover a{ display: block !important;}
.lgrn p{  color: #fff; float: right; line-height: 30px; }
.syyn{ float: right;  width: 70px; margin-left: 20px;}
.syyn a:hover{ color: #f11;}
.plcs{background: rgb(243,246,251); width: 100%; float: left;}
.clr2s{background: rgb(243,246,251)}
.mt10{ padding-top: 10px;}
.dhcp{ width: 190px; margin: 10px;float:left;}
.dhcp:hover .dhcpt{ color: #f11;}
.dhcp img{ width: 190px; height: 120px; float: left; border:1px solid #d4d4d4;}
.dhcpt{ width: 100%; float: left; text-align: center;  font-size: 16px; line-height: 30px; margin-top: 10px;font-family: "Arial"; overflow:hidden;}
.dhcp ul li a{ color: #666; width: 100% !important; text-align: left; line-height: 24px; padding: 0; font-size:14px;}
.dhcp ul li { width: 100%; float: left;overflow: hidden; height: 24px;}
.ejle{ width: 100%; float: left; background: #eee; /*height: 55px;*/ line-height: 55px; margin-bottom:10px;}
.ejn{ width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; /*justify-content: center*/}
.ejn a{ background: #eee; display: block; padding: 0 10px; color: #fff; color: #444; height:55px; overflow:hidden;text-align:center;}
.dqej{background: #bf0b19 !important; color: #fff !important; }
.ejn a:hover{background: #bf0b19 !important; color: #fff !important; }
.ndhn{ width: 100%; float: left; background: #444; height: 50px;}
.hdnwn{ width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; justify-content: space-between; flex-wrap: nowrap}
.tsou{ margin-top: 30px; margin-bottom: 30px; float: left; width: 40%;}
.sout{border: 2px solid #cc0011; float: left; height: 40px; line-height: 40px; padding: 0 !important; margin: 0 !important; text-indent: 1em; border-bottom-left-radius: 8px; border-top-left-radius: 8px; width: 70%; }
.sous{border: 2px solid #cc0011; float: left; height: 44px; line-height: 42px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;width: 28%; font-size: 16px; color: #fff; background: #cc0011} 
.sous:hover{line-height: 44px;}
.tbxl{ height: 40px; border: 1px solid #fff; border-radius: 8px; background: #ededed; width: 30%; max-width:160px; margin-top: 30px; }
.filter-disabled {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.filter-box {
position: relative; 
}
.filter-box select {
display: none !important;
}
.filter-text {
height: 100%;
overflow: hidden;
position: relative; 
cursor: pointer; margin-right: 10px; margin-left: 10px;
background: url(../images/22.png) right center no-repeat #ededed;
border: none; text-align: center; 
}
.filter-text input {
font-size: 14px;
}
.filter-text .filter-title {
width: 100%;
height: 36px;
line-height: 36px;
border: 0;
background-color: transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
cursor: pointer;
}
.filter-list {
display: none;
width: 100%;
max-height: 300px;
background-color: #fff;
font-size: 14px;
position: absolute;
top: 42px;
left: 0;
z-index: 99;
border: 1px solid #e6e6e6;
overflow: auto;
}
.filter-list li.filter-null a {
color: #d2d2d2;
}
.filter-list li a {
display: block;
padding: 0 10px;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.filter-list li a  img{ height: 20px; float: left; width: 30px; margin-top: 8px;}
.filter-list li a p{ float: left; margin-left: 5px;}
.filter-list li:hover {
background-color: #f2f2f2;
}
.filter-list li.filter-selected {
background-color: #5FB878;
}
.filter-list li.filter-selected a{
display: block;
color: #fff;
}
.filter-list li.filter-disabled {
background-color: #fff;
}
.filter-list li.filter-disabled a{
display: block;
color: #d2d2d2;
}
.filter-list li.filter-disabled:hover a {
cursor: not-allowed!important;
background-color: #fff;
}
.icon {
position: absolute;
}
.icon-filter-arrow {
width: 8px;
height: 6px;
background-repeat: no-repeat;
background-image: url(../images/icon_arrow_down_x2.png);
background-size: 100%;
right: 10px;
top: 13px;
transition: all .2s;
}
.icon-filter-arrow.filter-show {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.filter-list::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.filter-list::-webkit-scrollbar-track {
background: #fff 
}
.filter-list::-webkit-scrollbar-thumb {
background: #CBCBCB;
}
.Aftersale{ color:#333;}
.Aftersalelast{ padding-top:30px;}
.Aftersalelast dl dt{ padding-right:0; padding-left:0; border:1px solid #e5e5e5;}
.Aftersalelast dl dt img{ display:block; width:100%;}
.Aftersalelast dl dd{padding: 15px; padding-top:2%;}
.Aftertit{ color:#333; font-size:18px; font-weight:bold; margin-bottom:10px;}
.Aftersale{ padding-top:25px; padding-bottom:10px;}
.Aftersalelast dl{ margin-bottom:20px;}
.Aftersalelast dl:nth-of-type(even){border-right: 2px solid #e5e5e5}
.Aftersalelast dl:nth-of-type(even) dt{ float:right;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
@media (min-width: 1199px){
.Aftersalelast dl dd {padding-top: 8%;}
}
@media (min-width: 991px){
.Aftersalelast dl dd {padding-left: 45px;padding-right: 45px;padding-top: 6%;}
}
.sendStatus {font-size: 16px;line-height: 2;color: red;}
.hide {display: none;}

.google-maps{position: relative;padding-bottom: 25%;height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.address-area {width: 100%;display: block;}
.address-area .col-1 {width: 33%;display: block;float: left;}
.address-area .col-1 h5 {font-family: 'Raleway', sans-serif;color: #cc0011;;font-size: 18px;font-weight: 400;margin-bottom: 10px;line-height: 1.1; text-align: center;}
.address-area .col-1 p {font-family: 'Raleway', sans-serif;color: #121212;font-size: 14px;font-weight: 400;line-height: 1.7;margin-bottom: 20px;display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px; text-align: center;}
.address-area .col-1 p strong {font-family: 'Montserrat', sans-serif;color: #121212;font-size: 16px;font-weight: 400;box-sizing: border-box;}



.abs ul{width:1160px;margin:0 auto;display:flex;justify-content: flex-start;flex-wrap:wrap;}
.abs ul li{width:33.3%;margin-top:20px;}
.abs ul li img{width:100%;height:258px;}























































.apct2_text{
  width:1200px;
  margin:20px auto 0;
}
.apct2_text p{
  color:#333;
  font-size:14px;
  text-align: center;
  line-height: 20px;
}
.apct2_text p a{
  color:#2196F3;
}
.apct2_text p a:hover{
  text-decoration: underline;
}
.cst ul{
  width:1215px;
  margin:0 auto;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  padding:20px 0;
}
.cst ul li{
  width:20%;
  margin-top:15px;
  padding:0 7.5px;
  box-sizing: border-box;
}
.cst ul li .li_box{
  width:100%;
}
.cst ul li .li_box img{
  width:100%;
  height:80px;
}



.lmi{
  width:100%;
  margin-top:20px;
  float:left;
  background:#f3f3f3;
}
.lmi ul{
  width:1220px;
  margin:10px auto 20px;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.lmi ul li{
  width:25%;
  margin-top:20px;
  padding:0 10px;
  box-sizing: border-box;
} 
.lmi ul li .lmi_box{
  width:100%;
}
.lmi ul li .lmi_box img{
  width:100%;
  height:190px;
}



.lam{
  width:100%;
  background:#f3f3f3;
  float: left;
}
.lam .m_port{
  width:1200px;
  margin:20px auto;
  background:#fff;
  box-shadow: 0 3px 6px 3px rgba(0,0,0,.1);
  border-radius: 5px;
  padding:30px;
  box-sizing: border-box;
}
.lam .m_port p{
  font-size:18px;
  color:#333;
}
.lam .m_port .port_list{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.lam .m_port .port_list input{
  width:48%;
  display:block;
  padding:6px 12px;
  box-sizing: border-box;
  margin-top:20px;
  font-size:14px;
  color:#555;
  outline: none;
  border: 1px solid #ccc;
  line-height: 25px;
  border-radius: 3px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.lam .m_port .port_list input:focus{
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.lam .m_port textarea{
  width:100%;
  height:120px;
  border-radius: 3px;
  margin-top:20px;
  padding:6px 12px;
  box-sizing: border-box;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  outline: none;
  border:1px solid #ccc;
  font-size:14px;
  color:#555;
  line-height: 25px;
  font-family: "微软雅黑";
}
.lam .m_port textarea:focus{
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.lam .m_port .port_btn{
  width:250px;
  padding:6px 0;
  line-height: 25px;
  font-size:14px;
  color:#fff;
  text-align: center;
  margin-top:20px;
  background-color: #444;
  border-color: #444;
  cursor: pointer;
}
.lam .m_port .port_btn:hover{
  background-color: #31b0d5;
  border-color: #269abc;
  border-radius: 3px;
}



.pro_content{
  width:100%;
  float:left;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-top:30px;
}
#left1{
  width:24%;
}
#left1 .tit{
  border-left: 7px solid #e7141a;
  background: #333;
  color: #fff;
  padding: 19px 0 19px 25px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#left1 .tit h1,#left1 .tit h1 a{font-size: 14px;color: #fff;}
#left1 ul{
  width:100%;
}
#left1 ul li{
  margin-top:3px;
  background:#f2f2f2;
}
#left1 ul li h1{font-size: 14px; font-weight: bold;}
#left1 ul li a{
  display:block;
  width:100%;
  padding: 14px 0 14px 15%;
  background:url("../picture/icon1.png")no-repeat 5% center;
  background-size:15px 15px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}  
#left1 ul li a:hover{
  background:url("../picture/icon2.png")no-repeat 5% center;
  background-size:15px 15px;
  color:#e7141a;
}
#left1 ul .on_elec a{
  background:url("../picture/icon2.png")no-repeat 5% center;
  background-size:15px 15px;
  color:#e7141a;
}
.pro_content .right{
  width:72%;
}
.pro_content .right .list_pro{
  width:100%;
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}
.pro_content .right .list_pro li{
  width:50%;
  padding:0 30px;
  box-sizing: border-box;
  margin-bottom:30px;
}
.pro_content .right .list_pro li .img{
  width:100%;border: 1px solid #ddd;
}
.pro_content .right .list_pro li .img img{
  width:100%;
  height:auto;
}
.pro_content .right .list_pro li p{
  width:100%;
  height:40px;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top:10px;
}
.pro_content .right .list_pro li p a{
  font-size:14px;
  color:#333;
}
.pro_content .right .list_pro li .btn{
  width:100%;
  margin-top:10px;
}
.pro_content .right .list_pro li .btn a{
  display:block;
  width:85px;
  height:25px;
  line-height: 25px;
  text-align: center;
  border:1px solid #ddd;
  color:#999;
  text-align: center;
  margin:0 auto;
  transition: all ease .25s;
}
.pro_content .right .list_pro li .btn:hover a{
  color:#fff;
  background:#e7141a;
  border:1px solid #e7141a;
}






.share{
  width:100%;
  margin-top:20px;
}
.share .share_tit{
  width:100%;
  display:flex;
  justify-content: space-between;
}
.share .share_tit p{
  background-color: rgb(240, 240, 240);
  padding-left:10px;
  line-height: 42px;
  color:#333;
  font-weight: bold;
  text-align: left;
}
.share .share_list{
  width:100%;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
}
.share .share_list .share_item1{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item1 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon3.png")no-repeat center center;
  background-size:100% 100%;
}
.share .share_list .share_item2{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item2 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon4.png")no-repeat center center;
  background-size:100% 100%;
}
.share .share_list .share_item3{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item3 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon5.png")no-repeat center center;
  background-size:100% 100%;
}
.share .share_list .share_item4{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item4 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon6.png")no-repeat center center;
  background-size:100% 100%;
}
.share .share_list .share_item5{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item5 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon7.png")no-repeat center center;
  background-size:100% 100%;
}
.share .share_list .share_item6{
  width:30px;
  height:30px;
  margin:10px 10px 0;
}
.share .share_list .share_item6 a{
  display:block;
  width:100%;
  height:100%;
  background:url("../picture/icon8.png")no-repeat center center;
  background-size:100% 100%;
}


.lam_art{
  width:100%;
  float: left;
}
.lam_art .m_port{
  width:100%;
  margin:20px auto;
  background:#fff;
  box-shadow: 0 3px 6px 3px rgba(0,0,0,.1);
  border-radius: 5px;
  padding:30px;
  box-sizing: border-box;
}
.lam_art .m_port p{
  font-size:18px;
  color:#333;
}
.lam_art .m_port .port_list{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.lam_art .m_port .port_list input{
  width:48%;
  display:block;
  padding:6px 12px;
  box-sizing: border-box;
  margin-top:20px;
  font-size:14px;
  color:#555;
  outline: none;
  border: 1px solid #ccc;
  line-height: 25px;
  border-radius: 3px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.lam_art .m_port .port_list input:focus{
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.lam_art .m_port textarea{
  width:100%;
  height:120px;
  border-radius: 3px;
  margin-top:20px;
  padding:6px 12px;
  box-sizing: border-box;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  outline: none;
  border:1px solid #ccc;
  font-size:14px;
  color:#555;
  line-height: 25px;
  font-family: "微软雅黑";
}
.lam_art .m_port textarea:focus{
  border-color: #66afe9;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.lam_art .m_port .port_btn{
  width:250px;
  padding:6px 0;
  line-height: 25px;
  font-size:14px;
  color:#fff;
  text-align: center;
  margin-top:20px;
  background-color: #5bc0de;
  border-color: #46b8da;
  cursor: pointer;
}
.lam_art .m_port .port_btn:hover{
  background-color: #31b0d5;
  border-color: #269abc;
  border-radius: 3px;
}


.swiper-container{
  height:650px;
}
.swiper-wrapper .swiper-slide3{
  display:flex;
  justify-content: center;
}
.swiper-wrapper .swiper-slide2{
  background:url("../images/banner03-1.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide3{
  background:url("../images/banner02-2.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide4{
  background:url("../images/banner01-4.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide5{
  background:url("../images/banner03-1.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide6{
  background:url("../images/banner02-2.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide7{
  background:url("../images/banner06.jpg")no-repeat center center;
  background-size:100%;
}
.swiper-wrapper .swiper-slide8{
  background:url("../images/banner07.jpg")no-repeat center center;
  background-size:100%;
}
.f_left{
  margin-top:20px;
}
.pir_box1{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  float:left;
}
.pir_box1 .right{
  width:72%;
  margin-top:20px;
}


@media all and (max-width:1200px) {
  .lmi ul{
    width:100%;
  }
  .lam .m_port{
    width:100%;
  }
}
@media all and (max-width:1215px) {
  .cst ul{
    width:100%;
  }
}
@media all and (max-width:1200px) {
  .apct2_text{
    width:100%;
  }
}
@media all and (max-width: 1160px) {  
  .abs ul{
    width:100%;
  }
}
@media all and (max-width: 980px) {
  .abs ul li img{width:100%;height:200px;}
  .cst ul li{
    width:25%;
  }
  .lmi ul li .lmi_box img{
    height:150px;
  }
}
@media all and (max-width: 750px) {
  .abs ul li img{width:100%;height:150px;}
  .cst{
    background: #f3f3f3 !important;;
  }
  .cst ul li{
    width:33.3%;
  }
  .lmi ul{
    justify-content: space-between;
  }
  .lmi ul li{
    width:48%;
    padding:0;
  }
  .lmi ul li .lmi_box img{
    height:180px;
  }
  .lam .m_port .port_list input{
    width:100%;
  }
  .lam .m_port p{
    font-size:14px;
  }
  .lam .m_port .port_btn{
    width:200px;
  }
  #left1{
    width:80%;
    margin:0 auto;
  }
  .pro_content .right{
    width:100%;
  }
  .pro_content .right .list_pro{
    padding-bottom:30px;
  }
  .pro_content .right .list_pro li{
    margin-top:30px;
    margin-bottom: 0;
  }
  .swiper-wrapper .swiper-slide2{
    height:100%;
    background:url("../images/bn1_1.jpg")no-repeat center center;
    background-size:cover;
  }
  .swiper-container{
    height:400px;
  }
  .pir_box1 .right{
    width:100%;
  }
}
@media all and (max-width: 480px) {
  .cst{
    padding:0 10px;
    box-sizing: border-box;
  }
  .abs ul{
    justify-content: space-between;
  }
  .abs ul li{
    width:49%;
  }
  .abs ul li:nth-child(n+3){
    display: none;
  }
  .abs ul li img{width:100%;height:120px;}
  .cst ul{
    justify-content: space-between;
  }
  .cst ul li{
    width:49%;
    padding:0;
  }
  .lmi{
    padding:0 10px;
    box-sizing: border-box;
  }
  .lmi ul li .lmi_box img{
    height:120px;
  }
  .lam{
    padding:0 10px;  
    box-sizing: border-box;
  }
  .lam .m_port{
    padding:20px;
  }
  #left1{
    width:100%;
  }
  .pro_content .right .list_pro li{
    margin-top:20px;
    padding:0 10px;
  }
  .swiper-container{
    height:260px;
  }
}

#ups-banner .swiper-container .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
}