body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#222222; font-size:14px; font-family:"微软雅黑"; min-width: 1300px;
}

a:link {
	color: #222222;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #222222;
}
a:hover {
	text-decoration: none;
	color: #0154a6;
}
a:active {
	text-decoration: none;
	color: #222222;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,i,em{margin:0; padding:0;}
i,em,span{display:inline-block; font-style:normal}
table{border-collapse: collapse;}
img{vertical-align:middle; border:none}

a{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak1{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak2{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
ul,dl{list-style: none;list-style-type: none;margin:0;padding:0;}
li,dt,dd{list-style-type: none;list-style:none;list-style-image:none;margin:0;padding:0;}

.wik{width:1260px; margin:0 auto; padding: 0 20px}
.wik2{width:1260px; margin:0 auto; padding: 0 20px}
.maau{margin: 0 auto;}
.oveh{overflow:hidden}
.por{position:relative}
.poa{position:absolute}
.he1{height: 90px}
.he2{height: .44rem}
.pat{padding-top:40px}
.par{padding-right:40px}
.pab{padding-bottom:40px}
.pal{padding-left:40px}
.pmt{margin-top:40px}
.pmr{margin-right:40px}
.pmb{margin-bottom:40px}
.pml{margin-left:40px}
.pat2{padding-top:30px}
.par2{padding-right:30px}
.pab2{padding-bottom:30px}
.pal2{padding-left:30px}
.pmt2{margin-top:30px}
.pmr2{margin-right:30px}
.pmb2{margin-bottom:30px}
.pml2{margin-left:30px}
.pat3{padding-top:20px}
.par3{padding-right:20px}
.pab3{padding-bottom:20px}
.pal3{padding-left:20px}
.pmt3{margin-top:20px}
.pmr3{margin-right:20px}
.pmb3{margin-bottom:20px}
.pml3{margin-left:20px}
.pat4{padding-top:10px}
.par4{padding-right:10px}
.pab4{padding-bottom:10px}
.pal4{padding-left:10px}
.pmt4{margin-top:10px}
.pmr4{margin-right:10px}
.pmb4{margin-bottom:10px}
.pml4{margin-left:10px}
.bordert{border-top:solid 1px #e5e5e5}
.borderr{border-right:solid 1px #e5e5e5}
.borderb{border-bottom:solid 1px #e5e5e5}
.borderl{border-left:solid 1px #e5e5e5}
.border2{border:solid 1px #fff}
.borderb2{border-bottom:solid 1px rgba(255,255,255,.1)}
.bobg{box-shadow: 0 0 10px rgba(0,0,0,.15)}
.hiid{display:none}
.wid20{width: 20%;}
.wid25{width: 25%;}
.wid30{width: 30%;}
.wid33{width: 33%;}
.wid40{width: 40%;}
.wid45{width: 45%;}
.wid48{width: 48%;}
.wid49{width: 49%;}
.wid50{width: 50%;}
.wid55{width: 55%;}
.wid70{width: 70%;}
.wid80{width: 80%;}
.wid100{width: 100%;}
.wfl{float:left}
.wfr{float:right}
.co1,.co1:link,.co1:visited,.co1:hover,.co1:active{color: #0154a6}
.co2,.co2:link,.co2:visited,.co2:hover,.co2:active{color: #15c0f2}
.co3,.co3:link,.co3:visited,.co3:hover,.co3:active{color: #fe8a45}
.co4,.co4:link,.co4:visited,.co4:hover,.co4:active{color: #666666}
.co5,.co5:link,.co5:visited,.co5:hover,.co5:active{color: #ffffff}
.co6,.co6:link,.co6:visited,.co6:hover,.co6:active{color: #c8c8c8}
.bg1{background: #0154a6}
.bg2{background: #15c0f2}
.bg3{background: #fe8a45}
.bg4{background: #f5f5f5}
.bg5{background: #ffffff}
.bg6{background: #c8c8c8}
.tit1{font-size: 36px;}
.tit2{font-size: 18px;}
.tit3{font-size: 30px;}
.tex1{font-size:14px}
.tex2{font-size:16px}
.tex3{font-size:18px}
.tex4{font-size:14px}
.tex5{font-size:24px}
.tex6{font-size: 80px; line-height: 80px; color: #f4f4f4; word-wrap:break-word;}
.tex6f{margin-top:-50px;}
.fontb{font-weight: bold}
.fontn{font-weight: normal}
.fontd{text-transform: uppercase}
.fonts{letter-spacing: 5px;}
.fonts2{letter-spacing: 2px;}
.fontsr{letter-spacing: 10px; padding-right: 10px;}
.fontsl{letter-spacing: 10px; padding-left: 10px;}
.disb{display:block}
.dis1{display: block}
.dis2{display: none}
.curp{cursor: pointer}
.line125{line-height: 125%}
.line180{line-height: 180%}
.line200{line-height: 200%}
.line220{line-height: 220%}
.line240{line-height: 240%}
.line260{line-height: 260%}
.texl{text-align: left;}
.texc{text-align: center;}
.texr{text-align: right;}

.borb{
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bory{
	-moz-border-radius:500px;
	-ms-border-radius:500px;
	-o-border-radius:500px;
	-webkit-border-radius:500px;
	border-radius:500px;
}

.swiper-container{width: 100%; height: 100%;}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.swiper-slide img{width: 100%}

.swiper1 .swiper-pagination1 .swiper-pagination-bullet-active,.swiper1g .swiper-pagination1g .swiper-pagination-bullet-active{background: #15c0f2}
.swiper1 .swiper-pagination1 span,.swiper1g .swiper-pagination1g span{background: rgba(255,255,255,0.4); opacity: 1}

/*滚动条*/
.swiper2 .swiper-slide {height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.swiper3 .swiper-slide {width: auto;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.p1_1{position: absolute; z-index: 1;  top:0%;left: 0%;}
.p1_1 img{width: 100%;}
.p1_2{position: absolute; z-index: 1; left:20%; bottom:48%; width: 30%;}
.p1_2 img{width: 100%;}
.p1_3{position: absolute; z-index: 1; left:20%; bottom:40%; width: 30%;}
.p1_3 img{width: 100%;}
.p1_4{position: absolute; z-index: 1; left:20%; bottom:32%; width: 30%;}
.p1_4 img{width: 100%;}

.topk{width: 100%;height: 90px; background: #FFFFFF; position:fixed; top: 0px; z-index:999990;}

.logo{padding-top: 15px}
.logo img{max-width:430px}
.nav_menu{width:calc(100% - 550px);margin-left: 45px}
.sete{width:20px; height: 50px; margin-top: 34px;}
.serr{width:100%; height: 22px; cursor: pointer}
/*.tee{float:right; width:85%; height: 20px; line-height: 22px; font-size: 18px; overflow: hidden; text-align: right}*/

.wb1{background: url("../images/wb1.jpg") fixed no-repeat right center; background-size: 45%;}

.abl{float:left; width: 670px; padding:60px 0; background:#FFFFFF}
.abn{font-size:16px; line-height: 260%; color: #444444;}
.abm{widt:330px; height: 80px; margin-top: 20px;}
.abm a{widt:330px; height: 80px; position: relative; display: block;}
.abm1{position: absolute; width: 50px; left: 0; top: 25px;}
.abm1 img{width:65%}
.abm2{position: absolute; width: 150px; left: 50px; color: #0154a6; border-bottom: solid 1px #bcbcbc; padding: 20px 0 20px 40px; font-size: 16px;
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.abm3{position: absolute; width: 70px; height: 70px; left:200px; z-index: 1;
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.abm a:hover .abm2{width: 160px; padding: 20px 0 20px 60px; }
.abm a:hover .abm3{transform: rotate(45deg); left:230px;}
.abd{margin-top: 30px; font-size: 16px; overflow: hidden}

.abr{float:right; width: 440px; min-height: 600px; color: #FFFFFF;}
.shk{border-bottom: solid 1px #FFFFFF; padding:150px 0 60px 0; overflow: hidden}
.shd{font-size: 36px; font-weight: bold; padding: 50px 0;}
.shu{float: left; width: 50%; font-size: 20px;}
.shu i{font-size: 82px; font-weight: bold}
.shu em{font-size: 42px; font-weight: bold}

.swiper4 .swiper-wrapper{margin-bottom: 40px; margin-top: 40px}
.swiper4 .pt{position: absolute; z-index: 2; width:100%; top:20px;}
.swiper4 .pt img{width:25% !important;}
.swiper4 h3{position: absolute; z-index: 2; bottom: 60px; left:40px; right:40px; font-size:24px; height: 40px; color: #FFFFFF; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper4 em{position: absolute; z-index: 2; bottom: 40px; left:40px; right:40px; height:20px; font-size:16px; color: #FFFFFF; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper4 i{position: absolute; z-index: 2; transform:scale(0); bottom: 0; left:0; width:100%; height: 50px; text-align: center; font-size:16px; line-height: 50px; color: #FFFFFF; opacity: 0 !important; background: rgba(21,192,242,.8)}
.swiper4 .prc{position: absolute; z-index: 1; width:100%; height: 100px; bottom: 0; left:0;
	background-image:-webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-ms-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-moz-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-o-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
}
.swiper4 .prr{width:100%; height: 413px;}
.swiper4 .prr img{width:100%; height: 413px}
.swiper4 .prr .prrn{width:100%; height: 413px;}

.swiper4 a{display: block; color: #FFFFFF}
.swiper4 a:hover .pt{top:.7rem;}
.swiper4 a:hover h3{bottom: 120px;}
.swiper4 a:hover em{bottom: 100px;}
.swiper4 a:hover i{opacity: 1 !important; bottom: 0; transform:scale(1)}
.swiper4 a:hover prc{height: 200px;}

.swiper5 .swiper-wrapper{margin-bottom: 40px; margin-top: 40px}
.swiper5 h3{position: absolute; z-index: 2; bottom: 20px; left:20px; right:20px; font-size:18px; height: 22px; color: #FFFFFF; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper5 .prc{position: absolute; z-index: 1; width:100%; height: 50px; bottom: 0; left:0;
	background-image:-webkit-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-ms-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-moz-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:-o-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
	background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6));
}
.swiper5 .prr{width:100%; height: 270px;}
.swiper5 .prr img{width:100%; height: 270px}
.swiper5 .prr .prrn{width:100%; height: 270px;}

.swiper5 a{display: block; color: #FFFFFF}
.swiper5 a:hover .pt{top:.7rem;}
.swiper5 a:hover h3{bottom: 40px;}
.swiper5 a:hover prc{height: 100px;}


.anm2 .prrn{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.anm2:hover .prrn{transform:scale(1.2);}

#company{width: 100%; display: flex; overflow: hidden;/*box-shadow: 0px 8px 15px 2px rgb(0 0 0 / 22%);*/ justify-content: space-between;}
/*#company li.active1> a img {-webkit-filter: invert(1); filter: invert(1);}*/
#company li.active1 >a h3 {color: #FFFFFF;}
#company li.active1 >a span {opacity: 1;}
#company li {width: 25%; overflow: hidden; position: relative; height: 100%; max-height: 580px;margin: 5px; cursor: pointer; transition: all ease .5s;}
#company li:nth-child(12n+1) .comb,#company li:nth-child(12n+3) .comb,#company li:nth-child(12n+5) .comb,#company li:nth-child(12n+7) .comb,#company li:nth-child(12n+9) .comb,#company li:nth-child(12n+11) .comb{position: absolute; z-index: 1;width: 100%; height: 100%; transition: all ease .5s;
	background-image:-webkit-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
	background-image:-ms-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
	background-image:-moz-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
	background-image:-o-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
	background-image:linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));	
}
#company li:nth-child(12n+2) .comb,#company li:nth-child(12n+4) .comb,#company li:nth-child(12n+6) .comb,#company li:nth-child(12n+8) .comb,#company li:nth-child(12n+10) .comb,#company li:nth-child(12n+12) .comb{position: absolute; z-index: 1;width: 100%; height: 100%; transition: all ease .5s;
	background-image:-webkit-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
	background-image:-ms-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
	background-image:-moz-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
	background-image:-o-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
	background-image:linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));	
}
#company li:hover {background: rgba(1,84,166,.1);}
#company li:hover .comb{background-image:linear-gradient(180deg,rgba(1,84,166,.8),rgba(1,84,166,.8),rgba(1,84,166,.8),rgba(1,84,166,.8));}
#company li>img {opacity: 1; height: clamp(15rem, 4.5rem + 52.5vw, 67.5rem);width: 100%; object-fit: cover; max-height: 580px;}
#company li>a {position: absolute; width:calc(100% - 40px); padding: 0 20px; top: 40%; transform: translateY(-50%); z-index: 2; left: 0; right: 0;	margin-top: 0px; transition: all ease .5s;}
#company li>a img {width:86px;	height:86px; display: block; margin: 0 auto;}
/*#company li:hover > a img{-webkit-filter: invert(1);filter: invert(1);}*/
#company li>a h3 {
	color: #FFFFFF;	font-size: 24px; margin-top: 30px; margin-bottom: 20px;	line-height: 1.2; font-weight: normal;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-align: center;
}
#company li:hover >a h3{color:#FFFFFF;}
#company li>a .comn {
	color: #FFFFFF;	font-size: 16px; bottom: 0;	opacity: 1; text-align: center;	display: block;	overflow: hidden; text-decoration: none; text-transform: uppercase;
	transition: all ease .5s;
	word-wrap:break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
#company li:hover>a {padding-bottom: 30px; margin-top: 60px;transition: all ease .5s;}
#company li:hover>a .comn {opacity: 1;}
#company li.active1 {width: 40%; background: rgba(1,84,166.1);}

.pro ul{float: left; width: 33%; margin-bottom: 1.5%;}
.pro li{width: 94%; position: relative; margin: auto; overflow: hidden; border: solid 1px #e5e5e5; background: #FFFFFF}
.pro img{width: 100%; height: 270px;}
.pro h3{height:26px;text-align: center; color: #2c2c2c; padding: 12px; font-size: 16px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro span{height:50px; padding: 0 16px;color: #848484; overflow: hidden; line-height: 180%; margin-bottom: 10px;}
.pro a:hover h3,.pro3 a:hover span{}
.pro dl{width: 100%; height: 100%;text-align: center; position: absolute;background: rgba(189,38,29,.7); color: #FFFFFF; opacity: 0;
	-moz-transform:rotateY(90deg);
	-ms-transform:rotateY(90deg);
	-o-transform:rotateY(90deg);
	-webkit-transform:rotateY(90deg);
	transform:rotateY(90deg);
}
.pro a:hover dl{opacity: 1;
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.pro dt{width: 80%; height: 50px; text-align: center; padding-top: 40px;  margin: 0 auto; font-size:18px; overflow:hidden;}
.pro dd{width: 80%; height: 70px; text-align: center; margin: 0 auto; line-height: 24px; overflow: hidden;}
.pro i{font-size: 60px; margin-top: 30px;}

.pro2 ul{float: left; width: 25%; margin-bottom: 18px;}
.pro2 li{width: 94%; position: relative; margin: auto; overflow: hidden; border: solid 1px #e5e5e5; background: #FFFFFF}
.pro2 img{width: 100%; height: 122px;}
.pro2 h3{height:26px;text-align: center; color: #2c2c2c; padding:0 12px; font-size: 16px; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news{width:1296px; overflow: hidden; margin-bottom: 10px;}
.news ul li{float: left; width:402px; margin-right: 30px; margin-bottom: 30px; overflow: hidden;}
.news ul li a> .newsk .news_e{font-size:18px; color: #15c0f2; margin-bottom: 15px;}
.news ul li a> .newsk  .news_e em{font-size:36px; font-weight: bold}
.news ul li a> .newsk  h3{font-size:18px; height: 57px; line-height: 160%; font-weight: normal; overflow: hidden; margin-bottom: 15px;}
.news ul li a .newsk  .news_n{height: 44px; line-height: 160%; font-weight: normal;overflow: hidden; color: #7c7c7c; margin-bottom: 30px;}
.news ul li a> .news_p {border: solid 1px #e5e5e5;}
.news ul li a img{width:400px; height:267px;}


/*分页*/
.fba{width: calc( 100% - 40px ); height: 530px; padding: 0 20px;}

.lmt{background: url("../images/lmt_bg.png") repeat-x bottom; padding-bottom: 25px;}
.lmt_1{ width:400px;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lmt_1 img{width: 4px; height: 22px; margin-right: 10px; margin-top: -2px;}
.lmt_2{/*width:480px;*/ color:#333333; font-size: 16px;}
.lmt_2 img{	width: 17px; height: 17px; margin-right: 5px; margin-top: -2px;}
.lmt_2 a{color:#333333;}

.wk1{float: left; width:270px;}
.wk2{float: right; width:990px;}
/*ul.container1{overflow:hidden;}
li.menu{}*/
li.button a,li.button2 a{position:relative; line-height:140%; padding:15px 20px; font-size: 16px; color: #7b8ab0; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; display:block; background:#ffffff;}
li.button a:hover,li.button2 a:hover{background: #4ca0f0; color:#FFFFFF; border-left: solid 1px #4ca0f0; border-right: solid 1px #4ca0f0; border-bottom: solid 1px #4ca0f0;}
.dropdown{display:none;border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.dropdown li{color:#CCCCCC;	line-height:120%; font-size: 14px;}
.dropdown li:last-child{border:none}
.dropdown li a{display:block; padding:10px 25px; }
li.buttonh a{background: #4290db; color:#FFFFFF; border-left: solid 1px #4290db; border-right: solid 1px #4290db; border-bottom: solid 1px #4290db;}
li.button2h a{background: #4290db; color:#FFFFFF; border-left: solid 1px #4290db; border-right: solid 1px #4290db; border-bottom: solid 1px #4290db;}

.fmenu{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; overflow:hidden; text-align:center; font-size: 0; margin: 30px 0}
.fmenu a{width: calc(calc(100% / 5) - 40px); font-size: 18px; padding:20px; overflow: hidden; display:inline-block;}
.fmenu a:hover{background: #15c0f2; color:#FFFFFF;}
.fmenuh:link,.fmenuh:visited,.fmenuh:hover,.fmenuh:active{background: #0154a6; color: #FFFFFF}

.menu2{border-top:solid 1px #e5e5e5; padding-top: 30px; overflow:hidden; text-align:center; font-size: 0; margin: 30px 0}
.menu2 a{font-size: 18px; background: #e8e8e8; color:#222222; padding:12px 60px; margin: 5px; overflow: hidden; display:inline-block;
	-moz-border-radius:500px;
	-ms-border-radius:500px;
	-o-border-radius:500px;
	-webkit-border-radius:500px;
	border-radius:500px;
}
.menu2 a:hover{background: #15c0f2; color:#FFFFFF;}
.menu2h:link,.menu2h:visited,.menu2h:hover,.menu2h:active{background: #0154a6; color: #FFFFFF}

.xtit{ line-height: 65px; overflow: hidden}
.xtit li{float:left; width: 33.1%; font-size: 20px; text-align: center; line-height: 62px; font-weight: bold;color: #333333; border-bottom: solid 3px #0d5cd2; background: #f6f6f6; margin-right: 2px; cursor: pointer;}
.xtit .on{color: #FFFFFF; border-bottom: solid 3px #ff5f3b; background: #0d5cd2;}

.cool{width:50%; height: 430px;}
.coor{width:50%}

.ab1{font-size:26px; color:#000;}
.ab2{color:#8f8f8f; font-size: 14px; padding-top: 5px;line-height: 160%;}
.ab2 i{margin-right: 20px;}
.ab2 i:last-child{margin-right: 0;}
.ab3{overflow:hidden;padding-top: 20px; padding-bottom: 10px;}
.ab3_img{max-width:100%; overflow:hidden; margin:0 auto;}
.ab3_img img{border:none; max-width:100%;}
.syp,.xyp{width:50px; height:50px;}
.syp a:link,.syp a:visited,.syp a:hover,.syp a:active{width:50px; height:50px; background:url(../images/syp.gif) no-repeat; display:block}
.xyp a:link,.xyp a:visited,.xyp a:hover,.xyp a:active{width:50px; height:50px; background:url(../images/xyp.gif) no-repeat; display:block}
.ab4{line-height:200%; font-size: 16px;}
.ab4 span{display: inline}
.ab4 img{max-width: 100%}
.ab4_1{float: left; width: calc(50% - 20px);}
.ab4_2{float: right; width: calc(50% - 20px);}
.ab4_3{float: left; width: calc(100% / 3);}
.ab4_3 .ab4_3nl{margin-right: 20px;}
.ab4_3 .ab4_3nm{margin-left: 10px; margin-right: 10px;}
.ab4_3 .ab4_3nr{margin-left: 20px;}
.ab4_4{float:left; width: calc(25% - 20px);}

.nen,.nec{font-size:16px;line-height:230%;}
.nen1{margin-bottom: 10px;}
.nen1 em{color: #0f0f0f; font-size: 26px; font-weight: bold; line-height: 100%; display: block;font-style: normal}
.nen1 span{background: #5299ea; color: #FFFFFF; font-size: 12px;  letter-spacing: 4px; padding-left: 4px; text-transform: uppercase;display: inline}
.nen2{float: left; margin-right:30px;}
.nec{border: solid 1px #e5e5e5; padding: 30px; margin-top: 30px;}
/*.nec tr{border-bottom: solid 1px #e5e5e5}*/

.ta1{border: solid 1px #e5e5e5}

.f_l{margin-top:30px; border-top:solid 1px #e5e5e5; margin-bottom: 30px; padding-top: 10px;}
.f_l li{width: 45%; font-size: 16px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_l li a{padding:15px 0; display: block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_l li i{width:60px;}
.f_l li b{font-weight: normal}
.f_l li:first-child{float: left; text-align: left; display: inline-flex}
.f_l li:first-child i{float: left; text-align: left}
.f_l li:first-child em{float: left; width: calc(100% - 60px); display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_l li:last-child{float: right; text-align: right; display: inline-flex}
.f_l li:last-child i{float: left; text-align: right}
.f_l li:last-child em{float: right; width: calc(100% - 60px); display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fanh a:link,.fanh a:visited,.fanh a:active{display: block; font-size: 18px; width:80px; height: 80px; background: #FFFFFF; border: solid 1px #d8d8d8; color: #686868; text-align: center}
.fanh a:hover{display: block; width:80px; height: 80px; font-size: 18px; background: #15c0f2; border: solid 1px #15c0f2; color: #FFFFFF; text-align: center}
.fanh i{display: block; margin-top: 18px;}
.fanh em{display: block}


.ym{overflow:hidden; text-align: center; }
.ym a{border:solid 1px #e5e5e5; padding:6px 12px 6px 12px; color:#777777; margin-right:5px; margin-bottom:10px; display: inline-block;}
.ym a:hover{background:#15c0f2; color:#FFF; border:solid 1px #15c0f2;}
.ym a.select{background:#15c0f2; color:#FFF; border:solid 1px #15c0f2;}
.ym a.select:hover{background:#15c0f2; color:#FFF; border:solid 1px #15c0f2;}

/*/分页*/
.dwb{background: #1e252d; color: #a5a8ab}
.dwb a{color: #a5a8ab}
.dwb a:hover{text-decoration: underline}
.dwx{margin-top: 50px; margin-bottom: 50px;}

.dw1{float:left; width:400px;border-right: solid 1px #3b4148; padding:0 0 0 50px; min-height: 280px;}
.dw1a a{float:left; margin-right: 40px;margin-top: 10px; margin-bottom: 10px;}

.dw2{float:left; width:440px; border-right: solid 1px #3b4148; padding-right: 40px; min-height: 280px;}

.dw3{float:right; width:320px; text-align: right; justify-content: end}
.dw3 p{width: 125px; margin-left: 20px; text-align: center;margin-bottom: 10px; display:inline-block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dw3 p img{margin-bottom: 10px; width: 125px; height: 125px;}

.dwn em{margin-right: 14px; line-height: 220%}
.dwn em:last-child{margin-right: 0;}

.foot{padding-bottom:.36rem; text-align:center; font-size:.12rem; background: #1e252d}
.down{width:100%;height:.5rem; background:rgba(24,28,32,.9); text-align: center; position:fixed; bottom: 0;z-index: 90; color:#FFF; max-width: 750px; margin:0 auto;}
.down ul{padding: 0 .14rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -o-box;
    display: box;
}
.down li{
	display: block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-flex:1;
	box-flex:1;
}
/*.dok{border-right:solid 1px rgba(255,255,255,.2); height: .26rem}*/
.down li:last-child{border-right:none;}
.down a{display: block; color:#FFF;}
.down i{font-size:.16rem; margin-top: .0rem; display: block}
.down li i img{width:.2rem}
.down span{font-size:.1rem;}
.dok a{ float: right; width:.48rem; height:.48rem;background:#2a7345;}
.dok i{ font-size: .14rem;margin-top: .04rem}
.dost{position: absolute; z-index: 1; width: 100%; height: .48rem}

/*chrome  浏览器滚动条的美化 */
::-webkit-scrollbar-track-piece {
	width: 8px;
	background-color: #d6d6d6;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #15c0f2;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	height: 50px;
	background-color: #15c0f2;
}

::-webkit-scrollbar-thumb:hover {
	width: 8px;
	background-color: #15c0f2;
}

.bounce-up1{animation: bounce-up1 5s linear infinite;}
@-webkit-keyframes bounce-up1 {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
 
@keyframes bounce-up1 {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
 
.animate-bounce-up1{
    -webkit-animation: bounce-up1 2.4s linear infinite;
    animation: bounce-up1 2.4s linear infinite;
}

.turn {animation: turn 6s linear infinite;}
@keyframes turn {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(72deg);
    }

    40% {
        transform: rotate(144deg);
    }

    60% {
        transform: rotate(216deg);
    }

    80% {
        transform: rotate(288deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.bu{border:none; font-size:16px; font-family:"微软雅黑"; cursor:pointer;
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.bum{width:212px; margin: 0 auto}

.bu1:link,.bu1:visited,.bu1:active,.bu1{width:170px; height:44px; line-height:44px; text-align:center; display:block;color: #FFFFFF; background: #0154a6}
.bu1:hover{background: #15b1ec;}

.bu2:link,.bu2:visited,.bu2:active,.bu2{width:170px; height:44px; line-height:44px; text-align:center; display:block;color: #FFFFFF; border: solid 1px #FFFFFF}
.bu2:hover{background: #ff5f3b; border: solid 1px #ff5f3b}

.bu3:link,.bu3:visited,.bu3:active,.bu3{width:170px; height:44px; line-height:44px; text-align:center; display:block;color: #FFFFFF; background: #3192ff}
.bu3:hover{background: #ff5f3b;}

.tx{border:solid 1px #e9e9e9; padding:8px; font-size:14px; font-family:"微软雅黑"}

.tx1{border:solid 1px #e5e5e5;overflow: hidden; width: 540px;font-size: 15px;}
.tx1 dt{float:left; width: 140px; height: 40px; line-height: 40px; background: #E8E8E8; text-align: center;}
.tx1 dd{float:left; width: 340px;}
.tx1 dd img{position: absolute; z-index: 2; top:11px; right:10px}
.tx1 i{float:left; width: 15px; color: #d52340; text-align: center; margin-top: 10px;}
.tx1_1{width: 374px; border:none; padding:10px 12px;font-size: 15px; font-family:"微软雅黑"}

.tx2{border:solid 1px #e5e5e5;overflow: hidden; width: 540px;font-size: 15px;}
.tx2 dt{float:left; width: 140px; height: 80px; line-height: 80px; background: #E8E8E8; text-align: center;}
.tx2 dd{float:left; width: 340px;}
.tx2_1{width: 374px; border:none; padding:13px; height: 52px; font-size: 15px; font-family:"微软雅黑"}

.sel1{padding:8px; width:150px; font-size:14px; font-family:"微软雅黑";border:solid 1px #d1d1d1;}
.sel1 option{ font-family:"微软雅黑";}

.ssk{width:570px; margin:10px auto}
.sear{float:left; width:500px; height: 50px; background: #E5E5E5;}
.sear1{float:left; width:400px; height: 50px; padding: 0 0 0 20px; border:none; background: none; font-size: 16px}
.sear2{float:right; width:80px; height: 50px; border:none; font-size: 16px; cursor: pointer; background:url("../images/ser2.png") no-repeat center center; background-size: 25px;}
.ss2{float:right; width:50px; }
.clo1{width:50px; height: 50px; background: url("../images/close1.png") no-repeat center center; background-size: 100%;}

.cd-popup{
  	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height:calc(100% - 66px);
	padding-top: 66px;
	background: rgba(0,0,0, 0.7);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}


.cd-popup2,.cd-popup3,.cd-popup4,.cd-popup5,.cd-popup6,.cd-popup7{
  	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible,.cd-popup2.is-visible2,.cd-popup3.is-visible3,.cd-popup4.is-visible4,.cd-popup5.is-visible5,.cd-popup6.is-visible6,.cd-popup7.is-visible7{
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container{
	position: relative;
	width: 100%;
	height:100px;
	padding-top: 100px;
	background:rgba(255,255,255,.96);
	margin:auto;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container2,.cd-popup-container3,.cd-popup-container4,.cd-popup-container5,.cd-popup-container6,.cd-popup-container7{
	position: relative;
	width: 840px;
	height: 80%;
	box-shadow: 0 0 .12rem rgba(0,0,0,.2);
	top:10%;
	margin:auto;
	background: #FFF;
	border-radius:10px;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


/*浮动*/
.suspension{position:fixed;z-index:99999;right:15px;bottom:15px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:rgba(0,0,0,0.66);margin-bottom:4px;cursor:pointer;outline:none;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.suspension .a.active,
.suspension .a:hover{background:rgba(0,0,0,0.7);}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/qq_bg.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/tel_bg.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/erw_bg.png);background-repeat:no-repeat;}
.suspension .a-wb .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/wb_bg.png);background-repeat:no-repeat;}
.suspension .a-wm .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/shouji_bg.png);background-repeat:no-repeat;}
.suspension .a-ws .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/ser_bg.png);background-repeat:no-repeat;}
.suspension .a-top .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/top_bg.png);background-repeat:no-repeat; background-size: 20px;}
.suspension .a-top{background:rgba(0,0,0,.6);display:none;}
.suspension .a-top:hover{background:rgba(0,0,0,0.7);}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:58px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service-phone{top:-14px;}
.suspension .d-wm{top:34px;}
.suspension .d-ws{top:84px;}
.suspension .d-service{top:130px;}
.suspension .d-qrcode{top:82px;}
.suspension .d-wb{top:78px;}
.suspension .d .inner-box{padding:8px 22px 8px;}
.suspension .d .inner-box img{width: 180px; height: 180px;}
.suspension .d-service-item{padding:14px 0; overflow: hidden}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight: normal}
.suspension .d-service-item .text{float:left;width:120px;line-height:28px;font-weight: bold;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-size:18px;font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-item .text .red{ color: #df1717; }
.suspension .d-service-intro{padding-bottom:20px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-wb{text-align:center;}
.suspension .d-wb .inner-box{padding:20px 0;}
.suspension .d-wb p{font-size:16px;color:#93959c;}
.suspension .d-wm{text-align:center;}
.suspension .d-wm .inner-box{padding:20px 0;}
.suspension .d-wm p{font-size:16px;color:#93959c;}

.pp1{color:#FFF; padding:4px 12px 4px 12px; margin-bottom:10px; margin-top:10px;
	-moz-border-radius:12px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:-webkit-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-ms-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-o-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-moz-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:linear-gradient(-80deg,#ff9e7b,#fe5967);
}
.pp2{border-top:dotted 1px #e3e3e3; background:#FFF; height:15px; overflow:hidden; margin-top:15px;}
.pp3{color:#FFF; padding:4px 12px 4px 12px; margin-bottom:10px; margin-top:10px;
	-moz-border-radius:70px;
	-ms-border-radius:70px;
	-o-border-radius:70px;
	-webkit-border-radius:70px;
	border-radius:70px;
	background:-webkit-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-ms-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-o-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:-moz-linear-gradient(-80deg,#ff9e7b,#fe5967);
	background:linear-gradient(-80deg,#ff9e7b,#fe5967);
}

.anm1{
	-moz-transition:-moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:-o-transform 1.5s; /* Opera */
	-ms-transition:-o-transform 1.5s;
	transition:transform 1.5s;
}
.anm1:hover{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm2 p img{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.anm2:hover p img{transform:scale(1.2);}

.anm3 p,.anm3 p i,.anm3 p img{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}
	
.anm3:hover p img,.anm3:hover p i{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm4 p,.anm4 p i,.anm4 p img{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}

.anm4:hover p img,.anm4:hover p i{
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

.anmn{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.browser_ieh {height: 240px;}
#browser_ie a{COLOR: #000; }
#browser_ie .brower_info {
	text-align: center;background:url(../images/browser/browser.png); WIDTH: 100%; height: 240px;line-height:24px; bottom:0; position:fixed; z-index: 999980;
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px;text-align: center; width: 900px; margin: 0 auto; font-size: 18px; padding-top:40px;  padding-bottom: 20px;COLOR: #d52340;LINE-HEIGHT: 200%; 
}
#browser_ie .browser_list {
	POSITION: relative;
}
#browser_ie .browser_list img {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list span {
	TEXT-ALIGN: center; WIDTH: 100px; DISPLAY: inline-block;
}
@media screen and (max-width: 1200px){
	.wb1{background: none}	
	.abr{float:right; width: 440px; padding:0 50px; background: url("../images/wb1.jpg")fixed no-repeat center center; background-size:cover; min-height: 640px}
}



@media screen and (max-width: 768px){
	body{font-size:.12rem; min-width: 320px;}
	.wik{width:calc(100% - .32rem); padding: 0 .16rem}
	.wik2{width:100%; padding: 0}
	
	.fonts{letter-spacing: .16rem;}
	.fonts2{letter-spacing: .08rem;}
	.fontsr{letter-spacing: .02rem; padding-right: .02rem;}
	.fontsl{letter-spacing: .02rem; padding-left: .02rem;}
	.dis1{display: none}
	.dis2{display: block}
	.he1{height:.44rem}
	.pat{padding-top:.16rem}
	.par{padding-right:.16rem}
	.pab{padding-bottom:.16rem}
	.pal{padding-left:.16rem}
	.pmt{margin-top:.16rem}
	.pmr{margin-right:.16rem}
	.pmb{margin-bottom:.16rem}
	.pml{margin-left:.16rem}
	.pat2{padding-top:.16rem}
	.par2{padding-right:.16rem}
	.pab2{padding-bottom:.16rem}
	.pal2{padding-left:.16rem}
	.pmt2{margin-top:.16rem}
	.pmr2{margin-right:.16rem}
	.pmb2{margin-bottom:.16rem}
	.pml2{margin-left:.16rem}
	.pat3{padding-top:.08rem}
	.par3{padding-right:.08rem}
	.pab3{padding-bottom:.08rem}
	.pal3{padding-left:.08rem}
	.pmt3{margin-top:.08rem}
	.pmr3{margin-right:.08rem}
	.pmb3{margin-bottom:.08rem}
	.pml3{margin-left:.08rem}
	.pmt4{margin-top:.05rem}
	.pmr4{margin-right:.05rem}
	.pmb4{margin-bottom:.05rem}
	.pml4{margin-left:.05rem}
	.pat4{padding-top:.05rem}
	.par4{padding-right:.05rem}
	.pab4{padding-bottom:.05rem}
	.pal4{padding-left:.05rem}
	.tit1{font-size:.2rem;}
	.tit2{font-size:.12rem;}
	.tit3{font-size:.16rem;}
	.tex1{font-size:.12rem}
	.tex2{font-size:.12rem}
	.tex3{font-size:.12rem}
	.tex4{font-size:.1rem}
	.tex5{font-size:.16rem}
	.tex6{font-size:.4rem; line-height: .44rem;}
	.tex6f{margin-top:-.28rem;}
	.texlm{text-align: left;}
	.texcm{text-align: center;}
	.texrm{text-align: right;}
	.topk{display: none}
	.wid49{width: 100%;}
	
	.ssk{width:90%; margin:10px auto}
	.sear{width:85%; height: .3rem;}
	.sear1{width:75%; height: .3rem; padding: 0 0 0 5%; border:none; background: none; font-size: 16px}
	.sear2{width:20%; height: .3rem; border:none; font-size: .12rem; cursor: pointer; background:url("../images/ser2.png") no-repeat center center; background-size: .18rem;}
	.ss2{width:15%;}
	.clo1{width:.3rem; height: .3rem; background-size: .3rem;}
	
	.wb1{background: none}
	
	.abl{float:inherit; width: calc( 100% - .32rem); margin: auto; padding: .16rem .16rem 0 .16rem}
	.abn{font-size: .12rem; line-height: 220%; overflow: hidden}
	.abm{widt:45%; height: .44rem; margin-top: .1rem;}
	.abm a{width:100%; height: .44rem;}
	.abm1{ width: .3rem; left: 0; top: .1rem;}
	.abm1 img{width:100%}
	.abm2{width:1rem; left: .4rem; padding: .11rem 0 .11rem .22rem; font-size: .12rem;}
	.abm3{width: .44rem; height: .44rem; left:1.34rem;}
	.abm a:hover .abm2{width: 1.1rem; padding: .11rem 0 .11rem .32rem;}
	.abm a:hover .abm3{left:1.5rem;}
	.abd{margin-top: .2rem; margin-bottom: .1rem; font-size: .12rem}
	.abd a{float: left; width: calc( 100% / 3 ); margin: 0; margin-bottom: .12rem}
	
	.abr{float:inherit; width: calc( 100% - .8rem ); padding:0 .4rem; background: url("../images/wb1.jpg") no-repeat center center; background-size:cover; min-height: 1.9rem}
	.shk{padding: .18rem 0;}
	.shd{font-size: .19rem; padding: .18rem 0;}
	.shu{float: left; width: 50%; font-size: .14rem;}
	.shu i{font-size: .42rem;}
	.shu em{font-size: .22rem;}
	
	.swiper4 .swiper-wrapper{margin-bottom: .16rem; margin-top: .16rem}
	.swiper4 h3{bottom: .4rem; left:.16rem; right:.16rem; font-size:.16rem; height: .2rem;}
	.swiper4 em{bottom: .2rem; left:.16rem; right:.16rem; height:.16rem; font-size:.12rem;}
	.swiper4 i{height: .2rem;font-size:.14rem; line-height: .2rem;}
	.swiper4 .prc{position: absolute; z-index: 1; width:100%; height: .2rem; bottom: 0; left:0;}
	.swiper4 .prr{width:100%; height: 2rem;}
	.swiper4 .prr img{width:100%; height: 2rem}
	.swiper4 .prr .prrn{width:100%; height: 2rem;}
	
	.swiper4 a:hover h3{bottom: .52rem;}
	.swiper4 a:hover em{bottom: .34rem;}
	.swiper4 a:hover prc{height: .26rem;}
	
	.swiper5 .swiper-wrapper{margin-bottom: .14rem; margin-top: .14rem}
	.swiper5 h3{ bottom: .16rem; left:.16rem; right:.16rem; font-size:.16rem; height: .2rem;}
	.swiper5 .prc{height: .26rem;}
	.swiper5 .prr{width:100%; height: 2rem;}
	.swiper5 .prr img{width:100%; height: 2rem}
	.swiper5 .prr .prrn{width:100%; height: 2rem;}
	
	.swiper5 a:hover h3{bottom: .32rem;}
	.swiper5 a:hover prc{height: .4rem;}
	
	#company {flex-direction: column; display: block; border-radius: 0;}
	#company li{width: 46%;margin: 2%; float: left; max-height: 2rem;}
	#company li.active1{width: 46%;margin: 2%; }
	#company li:nth-child(12n+1) .comb,#company li:nth-child(12n+4) .comb,#company li:nth-child(12n+5) .comb,#company li:nth-child(12n+8) .comb,#company li:nth-child(12n+9) .comb,#company li:nth-child(12n+12) .comb{
		background-image:-webkit-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
		background-image:-ms-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
		background-image:-moz-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
		background-image:-o-linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));
		background-image:linear-gradient(180deg,rgba(0,174,239,1),rgba(0,174,239,.6),rgba(0,174,239,0),rgba(0,174,239,0));	
	}
	#company li:nth-child(12n+2) .comb,#company li:nth-child(12n+3) .comb,#company li:nth-child(12n+6) .comb,#company li:nth-child(12n+7) .comb,#company li:nth-child(12n+10) .comb,#company li:nth-child(12n+11) .comb{
		background-image:-webkit-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
		background-image:-ms-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
		background-image:-moz-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
		background-image:-o-linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));
		background-image:linear-gradient(180deg,rgba(1,84,166,1),rgba(1,84,166,.6),rgba(1,84,166,0),rgba(1,84,166,0));	
	}
	#company li:hover .comb{background-image:linear-gradient(180deg,rgba(1,84,166,.8),rgba(1,84,166,.8),rgba(1,84,166,.8),rgba(1,84,166,.8));}
	#company li>img {max-height: 2rem;}
	#company li>a img {width: .5rem; height: .5rem}
	#company li>a h3 {margin-top: .14rem; font-size: .16rem; margin-bottom: .08rem;}
	#company li:hover>a {padding-bottom: 0; margin-top: .16rem;}
	#company li>a .comn{font-size: .07rem;}
	
	.news{width:100%; margin-bottom: .08rem;}
	.news ul li{float: inherit; width:100%; margin-right: 0; margin-bottom: 0;}
	.news ul li .newsk{float: right; width: 48%;}
	.news ul li a> .newsk .news_e{font-size:.12rem; color: #15c0f2; margin-bottom: .03rem;}
	.news ul li a> .newsk .news_e em{font-size:.2rem; font-weight: bold}
	.news ul li a> .newsk h3{font-size:.12rem; height: .3rem; line-height: 130%; font-weight: normal; overflow: hidden; margin-bottom: .07rem;}
	.news ul li a> .newsk .news_n{font-size:.1rem;height: .24rem; line-height: 130%; font-weight: normal;overflow: hidden; color: #7c7c7c; margin-bottom: .2rem;}
	.news ul li a> .news_p {float: left; width: 1.4rem; border: solid 1px #e5e5e5; margin-bottom: .08rem}
	.news ul li a img{width:100%; height:.95rem;}
	
	.pro ul{float: left; width: 50%; margin-bottom: 3%;}
	.pro img{width: 100%; height: .9rem;}
	.pro h3{padding: .06rem; font-size: .12rem;}
	
	.pro2 ul{float: left; width: 50%; margin-bottom: .08rem;}
	.pro2 img{width: 100%; height: .56rem;}
	.pro2 h3{height:.12rem;}

	.jdt{float:inherit; width: 100%; margin-top: .14rem}
	
	.fmenu{margin:.08rem .16rem;}
	.fmenu a{width: calc(calc(100% / 5) - .06rem); font-size: .11rem; padding:.08rem .03rem;}
	
	.menu2{margin:.08rem .16rem; padding-top: .12rem;}
	.menu2 a{font-size: .12rem; padding:.07rem .07rem; margin: .02rem;}
	
	.ym{font-size: .11rem}
	
	.cool{width:100%; height:inherit}
	.coor{width:100%}
	
	.wk1{float:inherit; width: 100%; overflow: hidden}
	.wk2{float:inherit; width: 100%; overflow: hidden}
	
	li.button a,li.button2 a{position:relative; line-height:140%; padding:.1rem .07rem;  font-size: .12rem; color: #7b8ab0; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; display:block; background:#ffffff;}
	li.button a:hover,li.button2 a:hover{background: #4ca0f0; color:#FFFFFF; border-left: solid 1px #4ca0f0; border-right: solid 1px #4ca0f0; border-bottom: solid 1px #4ca0f0;}
	.dropdown{display:none; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
	.dropdown li{color:#CCCCCC;	line-height:120%;font-size: .1rem; }
	.dropdown li:last-child{border:none}
	.dropdown li a{display:block; padding:.07rem .14rem; }
	li.buttonh a{background: #4290db; color:#FFFFFF; border-left: solid 1px #4290db; border-right: solid 1px #4290db; border-bottom: solid 1px #4290db;}
	li.button2h a{background: #4290db; color:#FFFFFF; border-left: solid 1px #4290db; border-right: solid 1px #4290db; border-bottom: solid 1px #4290db;}

	.fpr{margin-top:.14rem;}
	.fpr li{margin-bottom: .14rem; padding-bottom: .14rem;}
	.fp1{width:1.4rem; height: 1rem; margin-right: .12rem}
	.fp1 p,.fp1 img{width:1.4rem; height: .96rem;}
	.fp2{height: .28rem; font-size: .12rem;  line-height: 120%; color: #000000; display:block; word-break:normal; white-space:normal; overflow:hidden; text-overflow:ellipsis;}
	.fp3{padding: .04rem 0 0 0; height: .3rem; margin-bottom: .02rem; font-size: .11rem;line-height:140%; color: #8a8a8a; overflow: hidden;}
	.fp4{margin-top: .08rem;}
	.fp4 em{width:.6rem; height: .26rem; margin-left: 0; line-height: .26rem;}
	.fpr a:hover .fp4 em{border: solid 1px #ff5f3b; background: #ff5f3b; color: #FFFFFF;}
	
	.xtit{ line-height: .4rem; overflow: hidden}
	.xtit li{float:left; width: 33%; font-size: .14rem; text-align: center; line-height: .4rem; font-weight: bold;color: #333333; border-bottom: solid 3px #0d5cd2; background: #f6f6f6; margin-right: 1px; cursor: pointer;}
	.xtit .on{color: #FFFFFF; border-bottom: solid 3px #ff5f3b; background: #0d5cd2;}	
	
	.fpn1{float:inherit; width: 100%;}
	.fpn1 img{width: 100%;}
	.fpn2{float:inherit; width: 100%;}
	
	.ab1{font-size:.16rem;}
	.ab2{font-size: .12rem; padding-top: .07rem}
	.ab2 i{display:inline-block; margin-right: .14rem}	
	.ab3{overflow:hidden;padding-top: .16rem; padding-bottom: .08rem;}
	.ab4{font-size: .12rem;}
	.ab4_3 .ab4_3nl{margin-right: 0;}
	.ab4_3 .ab4_3nm{margin-left: 0; margin-right: 0;}
	.ab4_3 .ab4_3nr{margin-left: 0;}
	.ab4_1,.ab4_2,.ab4_3,.ab4_4,.ab4_6,.ab4_7,.ab4_8,.ab4_9{float: inherit; width: 100%; margin-bottom: 20px; margin-right: 0}
	
	.fanh{display: none}
	.f_l{width: 90%; padding: 0 5%; margin: auto; margin-top:.14rem;  margin-bottom: .14rem; padding-top: .14rem;}
	.f_l li{width:48%; font-size: .12rem}
	.f_l li a{margin: auto; display: block; text-align: center; width:.8rem; height: .18rem; padding: .07rem; background: #15c0f2; color: #FFFFFF;
		-moz-border-radius:500px;
		-ms-border-radius:500px;
		-o-border-radius:500px;
		-webkit-border-radius:500px;
		border-radius:500px;
	}
	.f_l li i{display: block; width: 100%}
	.f_l li b{display: none;}
	.f_l li:first-child{text-align:center}
	.f_l li:first-child i{text-align: center}
	.f_l li:first-child em{display:none;}
	.f_l li:last-child{text-align: right;}
	.f_l li:last-child i{text-align: center}
	.f_l li:last-child em{display:none;}
	
	.dw1{float:inherit; width: 100%; margin-right: 0; margin-bottom: .16rem; overflow: hidden; padding: 0; border: none; min-height: inherit}
	.dw1a a{float:left; margin-right: .22rem;margin-top: .04rem; margin-bottom: .04rem; font-size: .11rem;}

	.dw2{float:inherit; width: 100%; margin-bottom: .16rem; overflow: hidden; font-size: .11rem; padding: 0; border: none; min-height: inherit}

	.dw3{float:inherit; width: 100%; justify-content: center; text-align: center;}
	.dw3 p{width: 47%; flloat:left; margin-left: 1%; margin-right: 1%; text-align: center; margin-bottom: .16rem;font-size: .11rem;}
	.dw3 p img{margin-bottom: .08rem; width: 1.2rem; height: 1.2rem}
	
	.dwn{line-height: 180%; padding: .14rem 0; text-align: center; font-size: .11rem}
	.dwn em{display:inline-block;margin-right: .07rem;}
	
	.suspension{position:fixed;z-index:99999;right:.07rem;bottom:.55rem;}
	.cd-popup{height:calc(100% + 160px);padding-top: .26rem; z-index: 90}
	
	.bu1:link,.bu1:visited,.bu1:hover,.bu1:active,.bu1{width:1.2rem; height:.36rem; line-height:.36rem; font-size: .12rem}
	.bu2:link,.bu2:visited,.bu2:hover,.bu2:active,.bu2{width:1.2rem; height:.36rem; line-height:.36rem; font-size: .12rem; margin: auto}
}

.banner .swiper-container {
    width: 100%;
    position: relative;
}

.banner .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #000;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 统一图片和视频容器的高度 */
.banner .swiper-slide .pic, 
.banner .swiper-slide .video_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 42%;
    overflow: hidden;
}

.banner .swiper-slide .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
}

.banner .swiper-slide .video_box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: translateZ(0);
    backface-visibility: hidden;
}



.banner_3g .swiper-container {
    width: 100%;
    position: relative;
}

.banner_3g .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.banner_3g .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #000;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 统一图片和视频容器的高度 */
.banner_3g .swiper-slide .pic, 
.banner_3g .swiper-slide .video_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 59%;
    overflow: hidden;
}

.banner_3g .swiper-slide .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
}

.banner_3g .swiper-slide .video_box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.pro_btn{width: 185px;height: 38px;line-height: 38px;margin:15px auto 0;text-align: center;font-size: 16px;color: #848484;border:1px solid #848484;border-radius: 20px;display: block;}
.pro_btn:hover{color: #104e9a;border:1px solid #104e9a;}