@charset "utf-8";
.clear{clear: both;}
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	height: auto;
	margin: 0;
	font-size: 0;
	font-family: arial,impact;
}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
h4{letter-spacing: 1px;font-family: impact;font-weight: normal;font-family: impact;}

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {  font-family:arial,impact }
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

/*公共部分*/
.w85{width: 85%;max-width: 1300px;margin: 0 auto;}
.w90{width: 90%;max-width: 1600px;margin: 0 auto;}
.at-txt p{font-size: 18px;}
.title{width: 100%;height: auto;padding-left: 65px;position:relative}
.title:before{content: "";position: absolute;left: 0;top: 0; width: 55px;height:100%;background:url(../img/a002.png)center repeat;background-size: cover;}
.title h3{font-family: arial;font-size: 24px;color: #FE3C00;line-height: 1;text-transform: capitalize;}
.title h4{font-family: impact;font-size: 48px;color: #233E99;line-height: 1;margin-top: 10px;text-transform: uppercase;}
.margin-pub{width: 100%;height: auto;padding: 95px 0;}
.margin-space{width: 100%;height: auto;margin-top: 60px;}
.mores{text-transform: capitalize; width: 180px;margin-top: 50px; line-height: 50px; background: #233E99;color: #FFFFFF;display: block;position: relative;padding-right: 45px;font-size: 18px;text-align: center;border-radius:5px;}
.mores span{width: 45px;height: 50px;background: #162a6e;display: block;position: absolute;right: 0;top: 0;border-top-right-radius:5px;border-bottom-right-radius: 5px;font-size: 24px;}
.mores:hover{background: #FE3C00;}
.mores:hover span{background: #d33605;}
@media only screen and (max-width:1500px) {
.at-txt p{font-size: 16px;}
	.title{padding-left: 60px;}
	.title:before{width: 50px;}
	.title h3{font-size: 20px;}
	.title h4{font-size: 45px;}	
	.margin-pub{padding: 80px 0;}
	.margin-space{margin-top: 50px;}
}
@media only screen and (max-width:1300px) {
	.at-txt p{font-size: 15px;}
		.title{padding-left: 50px;}
	.title:before{width: 40px;}
	.title h3{font-size: 20px;}
	.title h4{font-size:38px;}		
	.margin-pub{padding: 70px 0;}
	.margin-space{margin-top:45px;}
}
@media only screen and (max-width:1024px) {
	.at-txt{font-size: 15px;}
		.title{padding-left:40px;}
	.title:before{width: 30px;}
	.title h3{font-size: 16px;}
	.title h4{font-size: 30px;}	
	.margin-pub{padding: 60px 0;}	
	.margin-space{margin-top: 40px;}
}
@media only screen and (max-width:720px) {
.w85{width: 90%;}
	.at-txt{font-size: 15px;}
	.title{padding-left:30px;}
	.title:before{width: 20px;}
	.title h3{font-size: 15px;}
	.title h4{font-size: 26px;}	
	.margin-pub{padding: 55px 0;}	
	.margin-space{margin-top: 35px;}
}



.header{width: 100%;height: auto;position: fixed;top: 0;left: 0;padding: 35px 0 0px 0;z-index: 999;}

.header h1{float: left;width:180px;height: auto;}
.header h1 a{width: 100%;height: auto;display: block;}
.header h1 a img{display: block;width: 100%;height: auto;}
.header h1 a .img2{display: none;}
.header .nav-r{width: calc(100% - 180px);height: auto;float: right;}
.header .nav-r ul{width: calc(100% - 140px);float: left;text-align: right; height: auto;}
.header .nav-r ul li{font-size: 18px;color: #FFFFFF;display: inline-block;padding: 0 2%;position: relative;line-height: 90px;}
.header .nav-r ul li a{color: #FFFFFF;text-transform: uppercase;}
.header .nav-r ul li>a{position: relative;padding-bottom: 15px;}
.header .nav-r ul li.active>a:before{content: "";position: absolute;left: 50%;transform: translateX(-50%); width: 100%;height: 2px;background: #FE3C00;bottom: 0;}
.header .nav-r ul li:hover>a:before{content: "";position: absolute;left: 50%;transform: translateX(-50%); width: 100%;height: 2px;background: #FE3C00;bottom: 0;}

.header .nav-r ul li .downs a{width: 100%; display: block;font-size: 15px; color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,0.2);border-top:0.5px solid rgba(0,0,0,0.05);}
.header .nav-r ul li .downs{display: none; line-height:40px; position: absolute; width: 210px;height: auto;background: #233E99;text-align: center;left: 50%;top: 100%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.header .nav-r ul li .downs a:last-child{border-bottom: none;}
.header .nav-r ul li:hover .downs{display: block;}
.header .nav-r ul li .downs a:hover{background: #fe3c00;color: #FFFFFF;}
.header .nav-r .lang{color: #FFFFFF;font-size: 18px;width: 100px;float: left;}
.header .nav-r .lang a{position: relative; display: inline-block;line-height: 90px; font-size: 18px;color: #FFFFFF;text-transform: uppercase;padding: 0 8px;}
.header .nav-r .lang a:first-child:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); right: 0;width: 2px;height:16px;background: #FFFFFF;}
.header .nav-r .lang a.cut{color:#fe3c00;}
.header .nav-r .lang a:hover{color:#fe3c00;}
.header .nav-r .lang a.cut{color:#fe3c00;}
.header .nav-r .search{float: right;position: relative; width:25px; height: auto;cursor: pointer;padding: 32.5px 0;}
.header .nav-r .search img{display: block;width:100%;height: auto;}
.header .nav-r .search .img2{display: none;}

.header .nav-r .search .search-box{position: absolute;display: none; top: 100%;right: 0;background:#233E99;width: 450px;padding: 20px;}
.header .nav-r .search .search-box form{background: #FFFFFF; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); width: 100%;height: 50px;position: relative;}
.header .nav-r .search .search-box .sk{width: calc(100% - 50px);height: 50px;background: none;border: none;padding-left: 20px;}
.header .nav-r .search .search-box .ss{position: absolute;top: 0;right: 0;border: none; width: 50px;height: 50px;background:url(../img/a001.png)center no-repeat #FE3C00;} 
.header .nav-r .search .search-box.open{display: block;}
.header2{background: #FFFFFF;padding: 0;transition: all 0.5s ease;box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.header2 h1 a .img1{display: none;}
.header2 h1 a .img2{display: inherit;}
.header2 .nav-r ul li>a{color: #000000;}
.header2 .nav-r .lang{color: #000000;}
.header2 .nav-r .lang a{color: #000000;}
.header2 .nav-r .search .img1{display:none;}
.header2 .nav-r .search .img2{display: inherit;}
.header2 .nav-r .lang a:first-child:before{width: 1px; background: #000000;}


.header3 .nav-r ul li>a{color: #000000;}
.header3 .nav-r .lang{color: #000000;}
.header3 .nav-r .lang a{color: #000000;}
.header3 .nav-r .search .img1{display:none;}
.header3 .nav-r .search .img2{display: inherit;}
.header3 .nav-r .lang a:first-child:before{width: 1px; background: #000000;}



#dl-menu{display: none;}
@media only screen and (max-width:1500px) {
	.header .nav-r ul{width: calc(100% - 120px);}
	.header .nav-r .lang{width: 90px;}
	.header .nav-r .lang a{font-size: 16px;}
	.header .nav-r .search{width: 22px;}
	.header .nav-r ul li{font-size: 16px;padding: 0 1.5%;}
}
@media only screen and (max-width:1300px) {
	.header h1{width: 145px;}
	.header .nav-r{width: calc(100% - 145px);}
	.header .nav-r ul li{padding: 0 1.3%;line-height: 85px;}
	.header .nav-r .lang a{line-height:85px;}
	.header .nav-r .search{padding:30px 0;}
}
@media only screen and (max-width:1024px) {
	.header{display: none;}
	#dl-menu{display: inherit;border-bottom: 1px solid #DCDCDC;}
}





.banner{width: 100%;height:auto;} 
.banner .banner-js{width: 100%;height: 100%;}
.banner .banner-js .pic{width: 100%;height:auto;position: relative;}
.banner .banner-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner-js .pic .bk{width: 100%;height:100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.3);}
.banner .banner-js .pic .bk .con{width:70%;height: auto; overflow: hidden;transition: all 0.6s ease; text-align: center; color: #FFFFFF;position: absolute;left: 150%; top:50%;transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);}
.banner .banner-js .pic .bk .con .txt{width: 100%;font-family: impact;  overflow: hidden; margin-top: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.banner .banner-js .pic .bk .con .txt p{font-size:65px;color: #FFFFFF;}
.banner .banner-js .pic .bk .con .more-box{font-size: 0; width: 100%;height: auto;margin-top: 60px;line-height: 50px;}
.banner .banner-js .pic .bk .con .view{margin: 0 5%;text-transform: uppercase;  display:inline-block;width: 200px;height: 50px;font-size: 18px; background: #FFFFFF;color: #233e99;border-radius: 3px;}
.banner .banner-js .pic .bk .con .more{text-transform: uppercase; display:inline-block;width: 200px;height: 50px;border:1px solid #FFFFFF;font-size: 18px; color: #FFFFFF;border-radius: 3px;}
.banner .banner-js .pic .bk .con .view:hover{background:#233E99;color: #FFFFFF;}
.banner .banner-js .pic .bk .con .more:hover{background:#233E99;color: #FFFFFF;border: 1px solid #233E99;}

.banner .banner-js .swiper-slide-active .pic .bk .con{transition: all 0.5s ease;left: 50%;}

.banner .banner-js  .swiper-pagination-bullet { margin: 0 0px;}
.banner .banner-js .swiper-pagination-bullets {bottom:35px;left: 0;width: 100%;}
.banner .banner-js .swiper-pagination-bullet {
    width: 100px;
    height:36px;
    font-family: arial;
    color:#FFFFFF;
    font-size: 22px;
    display: inline-block;
    border-radius: 0;
    background:none;
    opacity: 1;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
}

.banner .banner-js .swiper-pagination-bullet-active {opacity: 1;border-bottom: 1px solid #FE3C00;}

@media only screen and (max-width:1500px ) {
.banner .banner-js .pic .bk .con .txt p{font-size: 60px;}
}
@media only screen and (max-width:1300px ) {
.banner .banner-js .pic .bk .con .txt p{font-size:46px;}

	.banner .banner-js .pic .bk .con .more-box{line-height: 45px;margin-top: 45px;}
	.banner .banner-js .pic .bk .con .view{width: 160px;height: 45px;}
	.banner .banner-js .pic .bk .con .more{width: 160px;height: 45px;}
}
@media only screen and (max-width:1024px ) {
	.banner{margin-top: 60px;}
	.banner .banner-js .pic .bk .con{width: 90%;}
.banner .banner-js .pic .bk .con .txt p{font-size: 36px;}
.banner .banner-js .pic .bk .con .more-box{line-height: 40px;margin-top: 35px;}
	.banner .banner-js .pic .bk .con .view{width: 140px;height: 40px;font-size: 15px;}
	.banner .banner-js .pic .bk .con .more{width: 140px;height: 40px;font-size: 15px;}

}
@media only screen and (max-width:720px ) {
	.banner .banner-js .pic .bk .con{width: 90%;}
.banner .banner-js .pic .bk .con .txt p{font-size:20px;}
.banner .banner-js .swiper-pagination-bullet {width:35px;height:2px;}
.banner .banner-js .pic .bk .con .more-box{line-height:35px;margin-top: 20px;}
	.banner .banner-js .pic .bk .con .view{width: 90px;height: 35px;font-size: 12px;}
	.banner .banner-js .pic .bk .con .more{width: 90px;height: 35px;font-size: 12px;}
	.banner .banner-js .swiper-pagination-bullet{font-size: 0;}
	.banner .banner-js .swiper-pagination-bullets {bottom:15px;left: 0;width: 100%;}
}

.in-ab{width: 100%;height: auto;}
.in-ab .w85{position:relative}
.in-ab .in-ab-l{width: 50%; height: auto;float: left;}
.in-ab .in-ab-l .txt{width: 100%;max-height: 189px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;word-wrap: break-word;}
.in-ab .in-ab-l .txt p{color: #000000;}
.in-ab .in-ab-r{width: 40%;height: 100%;background: url(../img/b004.jpg)center no-repeat;background-size: cover; float: right;border-top-right-radius: 30px; border-bottom-left-radius: 30px;position: absolute;right: 0;top: 0;}
.in-ab .in-ab-r img{display: block;width: 100%;height: auto;}
.in-ab .in-ab-r .video-container{
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;

}
.in-ab .in-ab-r .video-container iframe{
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	border-top-right-radius: 30px;border-bottom-left-radius: 30px;

}
.in-ab .in-ab-r .yourDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
	border-top-right-radius: 30px;border-bottom-left-radius: 30px;

}
.in-ab .in-ab-r .yourDiv img{display: block;width: 100px;height: auto;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.in-ab .in-ab-r .video1{
	width: 100%;
	height: 100%;
	object-fit:cover;
	z-index: 1;
border-top-right-radius: 30px;border-bottom-left-radius: 30px;
}

 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
@media only screen and (max-width:1500px) {
	.in-ab .in-ab-l .txt{max-height: 168px;}
	.in-ab .in-ab-r .yourDiv img{width: 80px;}
}
@media only screen and (max-width:1300px) {
		.in-ab .in-ab-l .txt{max-height: 154px;}
.mores{width: 160px;margin-top: 45px; line-height: 45px; }
.mores span{width: 45px;height: 45px;font-size: 22px;}
.in-ab .in-ab-r .yourDiv img{width: 65px;}
.in-ab .in-ab-r{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.in-ab .in-ab-r .yourDiv{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.in-ab .in-ab-r .video1{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.mores{width: 140px;margin-top:40px; line-height: 40px;font-size: 15px;}
.mores span{width: 40px;height:40px;font-size:20px;}
	
}
	
@media only screen and (max-width:1024px) {
		.in-ab .in-ab-l .txt{max-height: 154px;}
.in-ab .in-ab-r .yourDiv img{width: 55px;}
.in-ab .in-ab-r{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.in-ab .in-ab-r .yourDiv{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.in-ab .in-ab-r .video1{border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.mores{width: 140px;margin-top:40px; line-height: 40px;font-size: 15px;}
.mores span{width: 40px;height:40px;font-size:20px;}
}

@media only screen and (max-width:850px) {
		.in-ab .in-ab-l .txt{max-height: 154px;}
	.in-ab .w85{position: static;}
	.in-ab .in-ab-l{width: 100%;height: auto;float: none;}
	.in-ab .in-ab-r{width: 100%;height:auto;float: none;margin-top: 40px;position: static;}
		.in-ab .in-ab-r .video-container iframe{height: auto;width: 100%;position: static;border-top-right-radius: 0px;border-bottom-left-radius: 0px;}
	.in-ab .in-ab-r .video-container {width: 100%;height: auto;position: static;}

}

@media only screen and (max-width:720px) {
.in-ab .in-ab-l .txt{max-height: 154px;}
.in-ab .in-ab-r .yourDiv img{width: 50px;}
.in-ab .in-ab-r{height: auto;}
.in-ab .in-ab-r{border-top-right-radius: 0px;border-bottom-left-radius: 0px;}
.in-ab .in-ab-r .yourDiv{border-top-right-radius: 0px;border-bottom-left-radius: 0px;}
.in-ab .in-ab-r .video1{border-top-right-radius: 0px;border-bottom-left-radius: 0px;}	
}

.more1{display: inline-block; font-size: 18px;text-transform: uppercase;color: #FE3C00;line-height: 20px;padding-top: 2px; padding-right: 30px;position: relative;}
.more1 span{position: absolute;top: 0;right: 0;width: 20px;height: 20px;background:#FE3C00;}
.more1 span:before{content: "";position: absolute;width: 2px;height: 10px;background: #FFFFFF;left: 9px;top:5px;}
.more1 span:after{content: "";position: absolute;width: 10px;height: 2px;background: #FFFFFF;left: 5px;top:9px;}
.more1:hover{color: #223e99;transition: all 0.5s ease;}
.more1:hover span{background:#223e99;transition: all 0.5s ease;}
@media only screen and (max-width:1500px) {
	.more1{font-size: 16px;}
}
@media only screen and (max-width:1300px) {
	.more1{font-size: 15px;}
}

.in-pro{width: 100%;height: auto;background: #f8f9fb;}
.in-pro .in-pro-sort{width: 100%;height: auto;border-bottom: 1px solid #dcdcdc;margin-top: 45px;}
.in-pro .in-pro-sort ul{width: 100%;height: auto;}
.in-pro .in-pro-sort li{cursor: pointer; position: relative; display: inline-block;font-size:18px;font-weight: bold; color: #000000;padding: 10px 1.3% 20px 1.3%;}
.in-pro .in-pro-sort li.cut:before{content: "";width: 100%;height: 2px;background: #FE3C00; position: absolute;left: 0;bottom: -1px;}
.in-pro .in-pro-sort li.cut{color: #FE3C00;}
.in-pro .in-pro-c{display: none; width: 100%;height: auto;margin-top: 50px;overflow: hidden;}
.in-pro .in-pro-c .pic{width:40%;height: auto;float: left;}
.in-pro .in-pro-c .pic img{display: block;width: 100%;height: auto;}
.in-pro .in-pro-cr{width: 50%;float: right;height: auto;}
.in-pro .in-pro-cr h4{color: #233e99;font-size: 24px;}
.in-pro .in-pro-cr .txt{width: 100%;height: auto;margin-top: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-wrap: break-word;}
.in-pro .in-pro-cr .txt p{color: #000000;}
@media only screen and (max-width:1500px) {
	.in-pro .in-pro-cr h4{font-size: 22px;}
	.in-pro .in-pro-sort li{font-size: 16px;}
	.in-pro .in-pro-cr .txt{margin-top: 40px;}
}
	
@media only screen and (max-width:1300px) {
	.in-pro .in-pro-sort li{font-size: 15px;}
.in-pro .in-pro-cr h4{font-size: 20px;}
.in-pro .in-pro-cr .txt{margin-top: 35px;}
}
@media only screen and (max-width:1024px) {
	.in-pro .in-pro-sort{border-bottom: none;}
		.in-pro .in-pro-sort li{width:calc(33.3% - 2px);line-height: 35px;font-size: 14px; height: auto;text-align: center;padding-bottom: 0; background: #eee;margin:1px;}
		.in-pro .in-pro-sort li.cut{background: #FE3C00;color:#FFFFFF;}
	.in-pro .in-pro-cr h4{font-size: 18px;}
	.in-pro .in-pro-c .pic{width: 45%;}
	.in-pro .in-pro-cr{width: 50%;padding-left:5%;}
}
@media only screen and (max-width:720px) {
	.in-pro .in-pro-sort{border-bottom: none;}
	.in-pro .in-pro-sort li{width:calc(50% - 2px);line-height: 35px;font-size: 14px; height: auto;text-align: center;padding-bottom: 0; background: #eee;margin:1px;}
	.in-pro .in-pro-sort li.cut{background: #FE3C00;color:#FFFFFF;}
	.in-pro .in-pro-cr h4{font-size: 18px;}
	.in-pro .in-pro-c .pic{width: 100%;float: none;}
	.in-pro .in-pro-cr{width: 100%;height: auto;float: none;padding-left: 0;margin-top: 30px;}
	.in-pro .in-pro-cr .txt{margin-top: 30px;}
}






.in-adv{width: 100%;height: auto;background-size: cover;background-position: center;background-repeat:no-repeat;}
.in-adv .in-adv-top{width: 100%;height: auto;overflow: hidden;}
.in-adv .in-adv-top .title{width: calc(100% - 200px);float: left;}
.in-adv .in-adv-top .mores{float: right;margin-top: 10px;}
.in-adv .in-adv-list{width: 100%;height: auto;overflow: hidden;}
.in-adv .in-adv-list li{text-align: center; position: relative; width:calc(50% - 5px);height: auto;float:left;margin-right: 10px;margin-bottom: 10px;vertical-align: top;}
.in-adv .in-adv-list li:nth-child(2n){margin-right: 0;}
.in-adv .in-adv-list li .pic{width: 100%;height: 300px;background-size: cover;background-repeat:no-repeat;background-position: center;}
.in-adv .in-adv-list li .bk{position: absolute;bottom:0;left: 0;background: rgba(22,42,110,0.96);width: 100%;height:0;overflow: hidden;}
.in-adv .in-adv-list li .more1 span{background:#FFFFFF;}
.in-adv .in-adv-list li .more1 span:before{background: #223e99;}
.in-adv .in-adv-list li .more1 span:after{background: #223e99;}
.in-adv .in-adv-list li .more1{color: #FFFFFF;margin: 0 auto;margin-top: 20px;}
.in-adv .in-adv-list li .con{width: 100%;height: auto;position: absolute;top: 50%;left: 0;padding: 0 5%;transform: translateY(-50%);}
.in-adv .in-adv-list li .con h4{color: #FFFFFF;font-family: impact;font-size: 30px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-adv .in-adv-list li .txt{width: 100%;height:81px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical; word-wrap: break-word;}
.in-adv .in-adv-list li .txt p{color:#FFFFFF;}
.in-adv .in-adv-list li:hover .bk{height: 100%;transition: all 0.5s ease;}
@media only screen and (max-width:1500px ) {
	.in-adv .in-adv-list li .con h4{font-size: 26px;}
	.in-adv .in-adv-list li .txt{height:66px;}
}
	
@media only screen and (max-width:1300px) {
	.in-adv .in-adv-list li .con h4{font-size: 22px;}
	.in-adv .in-adv-list li .txt{height:66px;margin-top: 15px;}
	.in-adv .in-adv-list li .pic{height: 280px;}
}

	
@media only screen and (max-width:1024px) {
.in-adv .in-adv-list li .txt{height:66px;margin-top: 10px;}
.in-adv .in-adv-list li .con h4{font-size: 18px;}
.in-adv .in-adv-list li .pic{height: 240px;}
}
@media only screen and (max-width:720px) {
	.in-adv .in-adv-top .title{width: calc(100% - 140px);}
		.in-adv .in-adv-list li{width: 100%;margin-right: 0;margin-bottom: 10px;}
	.in-adv .in-adv-list li .txt{height:44px;-webkit-line-clamp: 2;}
.in-adv .in-adv-list li .con h4{font-size: 18px;}
.in-adv .in-adv-list li .pic{height: 200px;}
.in-adv .in-adv-list li .bk{height: 100%;}
.in-adv .in-adv-list li:nth-child(2n) .bk{background: rgba(254,60,0,0.90);}
.in-adv .in-adv-list li:nth-child(2n) .more1 span:before{background: rgba(254,60,0,0.90);}
.in-adv .in-adv-list li:nth-child(2n) .more1 span:after{background: rgba(254,60,0,0.90);}

}


.in-box{width: 100%;height: auto;}
.in-box .in-cer{width: 50%;border-right: 1px solid #dcdcdc;height: auto;float: left;padding-right: 5%;}
.in-box .in-cer .in-cer-top{width: 100%;height: auto;position: relative;}
.in-box .in-cer .in-cer-top .title{width: calc(100% - 80px);}
.in-box .in-cer .in-cer-top .more1{width: 80px;position: absolute;right:0;bottom:0}
.in-box .in-cer .in-cer-c{width: 100%;height: auto;}
.in-box .in-cer .in-cer-c .in-cer-js{width: 100%;height: auto;}
.in-box .in-cer .in-cer-c .in-cer-js .pic{width: 100%;height: auto;}
.in-box .in-cer .in-cer-c .in-cer-js .pic img{display: block;width: 100%;height: auto;}
.in-box .in-cer .in-cer-c .in-cer-js .swiper-button-next{
    background-image: url(../img/a004.png);
    right: 0px;
    left: auto;
}
.in-box .in-cer .in-cer-c .in-cer-js .swiper-button-prev{
    background-image: url(../img/a005.png);
    left: 0px;
    right: auto;
}
.in-box .in-cer .in-cer-c .in-cer-js .swiper-button-prev,.in-box .in-cer .in-cer-c .in-cer-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width:30px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 30px 40px;
    -webkit-background-size: 30px 40px;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.in-box .in-news{width: 50%;float: right;padding-left: 5%;}
.in-box .in-news .in-news-top{width: 100%;height: auto;position: relative;}
.in-box .in-news .in-news-top .title{width: calc(100% - 80px);}
.in-box .in-news .in-news-top .more1{width:80px;position: absolute;right:0;bottom:0}
.in-box .in-news  .in-news-list{width: 100%;height: auto;}
.in-box .in-news .in-news-list{width: 100%;height: auto;}
.in-box .in-news .in-news-list li{width: 100%;height: auto;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DCDCDC;}
.in-box .in-news .in-news-list li h6{font-size: 20px;color: #000000;width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-box .in-news .in-news-list li .time{font-family: impact;color: #223e99;font-size: 16px;margin-top: 10px;}
.in-box .in-news .in-news-list li .txt{width: 100%;height: 54px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
.in-box .in-news .in-news-list li .txt p{color: #000;}
.in-box .in-news .in-news-list li:hover h6{color: #FE3C00;}
@media only screen and (max-width:1500px) {
.in-box .in-news .in-news-list li .txt{height: 48px;}
}
@media only screen and (max-width:1300px) {
	.in-box .in-news .in-news-list li .txt{height: 44px;}
	.in-box .in-news .in-news-list li h6{font-size: 18px;}
	.in-box .in-news .in-news-list li{padding-bottom: 25px;margin-bottom: 25px;}
	.in-box .in-news .in-news-list li:last-child{margin-bottom: 0;}
	.in-box .in-news .in-news-list li .time{font-size: 15px;}
	.in-box .in-news{padding-left: 3%;width: 52%;}
	.in-box .in-cer{padding-right: 3%;width: 48%;}
}
	
@media only screen and (max-width:1024px) {
	.in-box .in-news .in-news-list li h6{font-size: 16px;}
	.in-box .in-cer{width: 100%;height: auto;float: none;padding-right: 0;padding-bottom: 35px;margin-bottom: 35px; border-right: none;border-bottom: 1px solid #DCDCDC;}
.in-box .in-news{width: 100%;height: auto;float: none;padding-left: 0;}
.in-box .in-news .in-news-list li .txt{margin-top: 15px;}
	.in-box .in-news .in-news-list li{padding-bottom: 20px;margin-bottom: 20px;}
	.in-box .in-news .in-news-list li:last-child{margin-bottom: 0;}
}
@media only screen and (max-width:720px) {
	.in-box .in-news .in-news-list li .time{font-size: 14px;margin-top: 5px;}
}




.footer{width: 100%;height: auto;padding-top: 60px; background: #283140;color: #FFFFFF;font-size: 18px;}
.footer .foot-d{width: 100%;height: auto;padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.3);}
.footer .foot-d p{font-size: 18px;color: #FFFFFF;width:calc(100% - 25px);float: left; text-align: left;}
.footer .foot-d .return-top{width: 25px;height:auto;float: right;display: block;}
.footer .foot-d .return-top img{display: block;width: 100%;height: auto;}
.footer .foot-d p a{color: #FFFFFF}
.footer .w85{overflow: hidden;}

.footer .foot-t{width: 100%;height: auto;overflow: hidden;padding-bottom: 50px;}
.footer .foot-t .foot-tl{width:230px;height: auto;float: left;}
.footer .foot-t .foot-tl .share{width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.footer .foot-t .foot-tl .logo{width:100%;height: auto;display: block;}
.footer .foot-t .foot-tl .logo img{display: block;width: 100%;height: auto;}
.footer .foot-t .foot-tl .share a{display: inline-block;width: 35px;height: 35px;background: #212936;margin-right: 18px;}
.footer .foot-t .foot-tl .share a:hover{background: #FE3C00;}
.footer .foot-t .foot-tr{width: 270px;float: right;}
.footer h4{font-size: 30px;color:#FFFFFF;margin-bottom: 20px; text-transform: capitalize;}
.footer .foot-t .foot-tr .cont{width: 100%;height: auto;}
.footer .foot-t .foot-tr .cont p{width: 100%;height: auto;color: #FFFFFF;margin-bottom: 10px;}
.footer .foot-t .foot-tr .cont .tel{font-size: 24px;color: #FE3C00;font-weight: bold;}
.footer .foot-t .foot-tc{width:calc(100% - 500px);height: auto;float: left;padding:0 12% 0 18%}
.footer .foot-t .foot-tc a{position: relative; display: block; color: #FFFFFF;width: 240px;background: #222b38;border-radius: 5px;padding-right: 70px;line-height: 50px;text-align: center;text-transform: uppercase;}
.footer .foot-t .foot-tc a span{width: 70px;height: 50px;border-top-right-radius: 5px;border-bottom-right-radius:5px;position: absolute;right: 0;top: 0;background: #1a2029;}
.footer .foot-t .foot-tc a span img{display:inline-block;margin-top: 12.5px; width: 30px;height: 25px;}
.footer .foot-t .foot-tc p{color: #fff;font-size: 18px; margin-top: 20px;}
@media only screen and (max-width:1500px) {
	.footer .foot-d p{font-size: 16px;}
	.footer .foot-t .foot-tr .cont p{font-size: 16px;}
	.footer .foot-t .foot-tr .cont .tel{font-size: 22px;}
	.footer h4{font-size: 26px;}
	.footer .foot-t .foot-tc p{font-size: 16px;}
	.footer .foot-t .foot-tc a{font-size: 16px;}
}
@media only screen and (max-width:1300px) {
	.footer .foot-d p{font-size: 15px;}
	.footer .foot-t .foot-tr .cont p{font-size: 15px;}
	.footer .foot-t .foot-tr .cont .tel{font-size: 20px;}
	.footer h4{font-size: 24px;}
	.footer .foot-t .foot-tc a{font-size: 15px;width: 200px;line-height: 45px;}
	.footer .foot-t .foot-tc a span{height: 45px;}
	.footer .foot-t .foot-tc{padding: 0 5% 0 15%;}
	.footer .foot-t .foot-tc{width: calc(100% - 450px);}
	.footer .foot-t .foot-tl{width: 200px;}
	.footer .foot-t .foot-tr{width: 250px;}
	.footer .foot-t .foot-tl .share a{margin-right: 10px;}
	.footer .foot-t .foot-tc a span img{margin-top: 10px;}
	.footer .foot-t .foot-tc p{font-size: 15px;}
	.footer{padding-top: 50px;}
	
}
@media only screen and (max-width:1200px) {
	.footer{padding-top: 40px;}
	.footer .foot-t .foot-tc{padding: 0 5% 0 10%;}
}
@media only screen and (max-width:1024px) {
	.footer{padding-top: 35px;}
	.footer h4{font-size: 20px;margin-bottom: 15px;}
	.footer .foot-t .foot-tc{width: calc(100% - 200px);padding:0 0 0 10%;text-align: right;}
	.footer .foot-t .foot-tc a{display: inline-block;}
	.footer .foot-t .foot-tr{display: none;}
	.footer .foot-t .foot-tc a{font-size: 15px;width: 180px;line-height: 40px;}
	.footer .foot-t .foot-tc a span{height: 40px;}
	.footer .foot-t{padding-bottom: 35px;}
}
@media only screen and (max-width:720px) {
		.footer .foot-t .foot-tl{width: 100%;height: auto;float: none;text-align: center;}
		.footer .foot-t .foot-tl .logo{width: 180px;margin: 0 auto;}
		.footer .foot-t .foot-tl .share{text-align: center;}
		.footer .foot-t .foot-tc{width: 100%;height: auto;margin-top: 35px; text-align: center;padding: 0;float: none;}
		.footer .foot-d{padding:15px 0 25px 0;text-align: center;}
		.footer .foot-d p{text-align: center;width: 100%;}
		.footer .foot-d .return-top{display: none;}	
}


.in-banner{width: 100%;height: auto;position: relative;} 
.in-banner .pic{width: 100%;height:auto;}
.in-banner .pic img{display: block;width: 100%;height: auto;}
.in-banner .pic .img2{display: none;}
.in-banner  .bk{width: 100%;height:100%;position: absolute;top:0%;left: 0;text-align: center;background: rgba(0,4,40,0.2);}
 .title2 h4{color: #FFFFFF;text-align: center;font-size: 60px;text-transform: uppercase;}
 .in-banner .title2 {position: absolute;top: 50%;left: 0;width: 100%;height: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
@media only screen and (max-width:1500px) {

 .title2 h4{font-size: 56px;}
}
@media only screen and (max-width:1300px) {

 .title2 h4{font-size: 48px;}
}
@media only screen and (max-width:1024px) {
	.in-banner{margin-top: 60px;}
.in-banner .pic .img1{display: none;}
.in-banner .pic .img2{display:block;}
.title2 h4{font-size: 40px;}
}
@media only screen and (max-width:720px) {
 .title2 h4{font-size: 30px;}
}

.bread{padding-top: 35px; width: 100%; height: auto;text-align: right;font-size: 18px;font-weight: bold; text-transform: uppercase;color:#000000}
.bread a{display: inline-block;color: #000000;margin: 0 15px;}
.bread a:hover{color:#FE3C00;}
@media only screen and (max-width:1500px) {
	.bread{font-size:16px}
}
@media only screen and (max-width:1300px) {
	.bread{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.bread{padding-top: 30px;}
	.bread a{margin: 0 8px}
}
.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news ul li {margin-bottom: 40px; width: 100%;height: auto;padding: 45px;background: #f5f5f5;overflow: hidden;}
.news ul li .pic{overflow: hidden; width: 350px;height: auto;float: right;}
.news ul li .pic img{display: block;width: 100%;height: auto;}
.news ul li .con{width: calc(100% - 350px);float:left;padding-right: 10%;height: auto;}
.news ul li .con .time{margin-bottom: 15px; font-size: 18px;color: #FE3C00;font-weight: bolder;}
.news ul li .con h6{font-size: 24px;color: #223E99;width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family:impact;letter-spacing: 1px;font-weight: normal;}
.news ul li .con .txt{margin:20px 0 30px 0; width: 100%;max-height:81px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 4;word-wrap: break-word;}
.news ul li .con .txt p{color:#000000}
.news ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s ease;}
.news ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.2);}

.fy{width: 100%;height: auto;text-align: center;padding-top: 30px;}
.fy a{text-transform: uppercase;line-height: 35px;font-weight: bolder; margin: 0 8px; padding: 0 8px; display: inline-block;font-size: 18px;color: #000000;}
.fy a.cut{background: #FE3C00;color: #FFFFFF;}
.fy a:hover{background: #FE3C00;color: #FFFFFF;}

@media only screen and (max-width:1500px) {
	.news ul li .con h6{font-size: 22px;}
	.news ul li .con .time{font-size: 16px;}
	.news ul li .con .txt{max-height: 72px}
	.fy a{font-size: 16px;margin: 0 8px;}
}
@media only screen and (max-width:1300px) {
	.news ul li .con .time{margin-bottom: 10px;}
		.news ul li .con h6{font-size: 20px;}
		.news ul li .con .txt{margin: 15px 0 25px 0;}
	.news ul li .con .time{font-size: 15px;}
	.news ul li .con .txt{max-height: 66px;}
	.news ul li .pic{width: 300px;}
	.news ul li .con{width: calc(100% - 300px);}
		.news ul li{padding: 35px;}
		.fy a{font-size: 15px;margin: 0 5px;padding: 0 5px;line-height: 30px;}
}
@media only screen and (max-width:1024px) {
	.news ul li .con .txt{margin: 10px 0 20px 0;}
		.news ul li{padding: 25px;}
	.news ul li .con h6{font-size: 18px;}
	.news ul li .con .time{font-size: 15px;}
		.news ul li .pic{width: 250px;}
	.news ul li .con{width: calc(100% - 250px);}
	.news ul li .con .txt{max-height: 44px; -webkit-line-clamp: 2;}
}

@media only screen and (max-width:720px) {
	.news ul li{padding:0px;}
	.news ul li .con h6{font-size: 18px;}
	.news ul li .con .time{font-size: 15px;}
	.news ul li .con .txt{max-height: 44px; -webkit-line-clamp: 2;}
	.news ul li .con{padding: 20px 10px; width: 100%;height: auto;}
	.news ul li .pic{width: 100%;height: auto;}
	
}

.news-d{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.news-d .news-dt{width: 100%;height: auto;padding-bottom: 35px;margin-bottom: 35px; border-bottom: 1px solid #DCDCDC;}
.news-d .news-dt h6{font-weight: normal;letter-spacing: 1px;font-family: impact; color: #FE3C00;width: 100%;height: auto;text-align: center;font-size: 30px;}
.news-d .news-dt .time{width: 100%;height: auto;text-align: center;font-size: 18px;color: #000000;margin-top: 10px;}
.news-d .pn{width: 100%;height: auto;padding-top: 35px;margin-top: 35px;border-top: 1px solid #DCDCDC;}
.news-d .pn .pn-l{width:calc(100% - 200px);float: left;height: auto;}
.news-d .pn .pn-l a{color: #000;font-size: 18px; display: block;font-weight: bolder; width: 100%;height: auto;margin-bottom: 10px;}
.news-d .pn .pn-l a span{color: #000000;text-transform: capitalize;}
.news-d .pn .pn-l a:hover{color: #223E99;}
.news-d .pn .return{float: right;text-transform: uppercase;margin-top: 0;}
.news-d .pn .return span img{display: inline-block;width: 25px;height: auto;margin-top: 10px;}
@media only screen and (max-width:1500px) {
	.news-d .news-dt h6{font-size:26px;}
	.news .news-dt .time{font-size: 16px;}
	.news-d .pn .pn-l a{font-size: 16px;}
}
@media only screen and (max-width:1300px) {
	.news-d .news-dt h6{font-size: 24px;}
.news-d .news-dt .time{font-size: 15px;}
.news-d .pn .pn-l a{font-size: 15px;}	
.news-d .pn .return span img{width: 20px;}
.news-d .news-dt{padding-bottom: 30px;margin-bottom: 30px;}
.news-d .pn{padding-top: 30px;margin-top: 30px;}
}
@media only screen and (max-width:1024px) {
	.news-d .news-dt h6{font-size: 20px;}
	.news-d .pn .pn-l{width: 100%;height: auto;float: none;}
	.news-d .pn .return{float:none;margin-top: 25px;}
	.news-d .news-dt{padding-bottom: 25px;margin-bottom: 25px;}
	.news-d .pn{padding-top: 25px;margin-top: 25px;}
}


.contact-box{width: 100%;height: auto;padding-bottom: 90px; background-size: cover;background-position: center top;background-repeat: no-repeat;}
.contact{width: 100%;height: auto;}
.contact .contact-c{padding-bottom: 20px;z-index: 0; height: auto;position: relative;}
.contact .contact-c #map{z-index: -1; top:0;right: 0; position: absolute;width: 60%;height:100%;background-size: cover;background-position: center;background-repeat: no-repeat;}

.contact .contact-c .cont-inform{box-shadow: 5px 5px 15px rgba(0,0,0,0.2); width: 50%;height: auto;margin-top: 60px;background: #162a6e;color: #FFFFFF;padding: 40px;}
.contact .contact-c .cont-inform ul{width: 100%;height: auto;}
.contact .contact-c .cont-inform ul li{color: #FFFFFF;margin-bottom: 25px;}
.contact .contact-c .cont-inform ul li:last-child{margin-bottom: 0;}
.contact .contact-c .cont-inform ul li h6{text-transform: uppercase; color: #FFFFFF;font-size: 24px;color: #FFFFFF;margin-bottom: 10px;}
.contact .contact-c .cont-inform ul li p{font-size: 18px;color: #FFFFFF;}


.form{ width: 100%;height: auto;position: relative;z-index: 0;}
.form .bk{width: 100%;height:100%;position: absolute;top: 0;z-index: -1; left: 0;background: rgba(40,49,64,0.9);}
.form  .title h4{text-align: left;width:;color: #FFFFFF;margin-top: 0;}
.form .title{padding-left: 0;float: left;width: 280px;padding-top: 5%;}
.form .title:before{display: none;}
.form form{font-size: 18px;font-family: arial; float: right; display: block;width:calc(100% - 280px);padding-left: 15%; height: auto;}
.form form .c1{ width: calc(50% - 10px);padding-left: 20px; margin-right: 20px;margin-bottom: 20px; display: block;height: 50px;border-radius: 5px; float: left; border: none;background: #FFf;color: #999;text-transform: capitalize;}
.form form .c1:nth-child(2){margin-right: 0;}
.form form .c2{ padding-left: 20px;padding-top: 20px; width: 100%;height: 180px;border-radius: 5px;}
.form form .send {border: none;border-radius: 5px;margin-top: 20px; width: calc(50% - 10px);height: 45px;background: #223E99;color: #FFFFFF}
@media only screen and (max-width:1500px) {
.form form{font-size: 16px;}
.contact-box{padding-bottom: 80px;}
.contact .contact-c .cont-inform ul li h6{font-size: 22px;}
.contact .contact-c .cont-inform ul li p{font-size: 16px;}	
}
@media only screen and (max-width:1300px) {
	.form form {font-size: 15px;}
		.contact-box{padding-bottom: 70px;}
	.contact .contact-c .cont-inform ul li h6{font-size: 20px;}
.contact .contact-c .cont-inform ul li p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
		.contact-box{padding-bottom: 60px;}
	.form form {font-size: 15px;}
	.form form{padding-left:5%;}
		.contact .contact-c .cont-inform ul li h6{font-size:18px;}
.contact .contact-c .cont-inform ul li p{font-size: 15px;}
}
@media only screen and (max-width:850px) {
	.form form {font-size: 15px;padding-left: 0%;width: 100%;height: auto;margin-top: 35px;}
	.form form .c1{height: 40px;line-height: 40px;border-radius: 3px;margin-bottom: 10px;}
	.form form .send{height: 40px;line-height: 40px;border-radius: 3px;}
.contact .contact-c .cont-inform ul li h6{font-size:18px;margin-bottom: 5px;}
.contact .contact-c .cont-inform ul li p{font-size: 15px;}
.contact .contact-c  .cont-inform{ width: 100%;height: auto;}
.contact .contact-c{position: static;}
.contact .contact-c #map{width: 100%; position:static;height: 250px;margin-top: 35px;}
.form  .title{padding-top: 0;}
}
@media only screen and (max-width:720px) {
.contact-box{padding-bottom: 50px;}	
.contact .contact-c .cont-inform{padding: 20px;margin-top: 40px;}
}
@media only screen and (max-width:480px) {

	.form form {font-size: 15px;padding-left: 0%;width: 100%;height: auto;margin-top: 35px;}
	.form form .c1{width: 100%;margin-right: 0; height: 40px;line-height: 40px;border-radius: 1px;margin-bottom: 10px;}
	.form form .send{width: 100%; height: 40px;line-height: 40px;margin-top: 15px; border-radius:1px;}
.form form .c2{height: 140px;}
}

.product{width: 100%;height: auto;}
.product .pro-sort{width: 100%;height: auto;border-bottom: 1px solid #DCDCDC;margin-top: 45px;margin-bottom: 45px;}
.product .pro-sort ul{width: 100%;height: auto}
.product .pro-sort ul li{ position: relative;padding-bottom: 15px; font-size: 18px;display: inline-block;margin: 0 1.5%; font-weight: bolder;}

.product .pro-sort ul li a{color: #000000;}
.product .pro-sort ul li:hover:before{content: "";position: absolute;margin-left: 0;bottom: -1px;width: 100%;height: 2px;background: #FE3C00;}
.product .pro-sort ul li.cut:before{content: "";position: absolute;margin-left: 0;bottom: -1px;width: 100%;height: 2px;background: #FE3C00;}
.product .pro-sort ul li.cut a{color: #FE3C00;}
.product .pro-sort ul li:hover a{color: #FE3C00;}
.product .pro-list{width: 100%;height: auto;}
.product .pro-list li{vertical-align: top; padding-bottom: 30px;margin-bottom: 30px; position: relative; text-align: center; width: calc(33.3% - 20px);margin-right: 30px; display:inline-block ;background-image: linear-gradient(to right, #e2e2e2 , #f2f2f2);}
.product .pro-list li:nth-child(3n){margin-right: 0;}
.product .pro-list li .pic{width: 100%;height: auto;}
.product .pro-list li .pic img{display: block;width: 100%;height: auto;}
.product .pro-list li .con{width: 100%;height: auto;padding: 0 20px;margin-top: 20px;}
.product .pro-list li .con h6{text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 20px;color: #000000;text-align: center;}
.product .pro-list li .more1{margin: 0 auto;margin-top: 20px;}
.product .pro-list li:hover .con{opacity: 0;}
.product .pro-list li .bk{position: absolute;bottom: 0;left: 0;width: 100%;height: 0%;overflow: hidden; background: rgba(34,62,153,0.96);}
.product .pro-list li .bk .cons{color: #FFFFFF; position: absolute;top: 50%;left: 0;width: 100%;height: auto;padding: 0 15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.product .pro-list li .bk .more1{color: #FFFFFF;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.product .pro-list li .bk .more1 span{background: #FFFFFF;}
.product .pro-list li .bk .more1 span:before,.product .pro-list li .bk .more1 span:after{background: #223e99;}
.product .pro-list li .bk .cons h6{text-transform: uppercase; font-size: 20px;color:#FFFFFF;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product .pro-list li .bk .cons .txt{ width: 100%;max-height: 54px; margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.product .pro-list li .bk .cons .txt p{color: #FFFFFF}
.product .pro-list li:hover .bk{height:100%;transition: all 0.5s ease;}

@media only screen and (max-width:1500px) {
	.product .pro-sort ul li{font-size: 16px;}
	.product .pro-list li .con h6{font-size: 22px;}
	.product .pro-list li .bk .cons h6{font-size: 22px;}
	.product .pro-list li .bk .cons  .txt{max-height: 48px;}
	
}
@media only screen and (max-width:1300px) {
	.product .pro-sort ul li{font-size: 15px;margin: 0 1%;}
	.product .pro-list li .con h6{font-size: 20px;}
	.product .pro-list li .bk .cons h6{font-size: 20px;}
	.product .pro-list li {width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 20px;}
.product .pro-list li .bk .cons .txt{max-height: 44px;}
	
}
@media only screen and (max-width:1024px) {
	.product .pro-list li .con h6{font-size: 18px;}
	.product .pro-list li .bk .cons h6{font-size: 18px;}
	.product .pro-sort ul li{width:calc(33.3% - 2px);line-height: 35px;font-size: 14px; height: auto;text-align: center;padding-bottom: 0; background: #eee;margin:1px;}
	.product .pro-sort ul li.cut{background: #FE3C00;color:#FFFFFF;}
	.product .pro-sort ul li.cut:before{display: none;}
	.product .pro-sort ul li:hover:before{display: none;}
	.product .pro-sort {border-bottom: none;}
	.product .pro-list li .bk .cons .txt{max-height: 44px;}
}
@media only screen and (max-width:720px) {
	.product .pro-list li .con{padding: 0 10px;margin-top: 10px;}
	.product .pro-list li .con h6{font-size: 16px;}
    .product .pro-list li .bk .cons .txt{max-height: 44px;}
	.product .pro-list li .bk .cons h6{font-size: 16px;}
	.product .pro-list li .con .more1{margin-top: 10px;}
	.product .pro-list li {padding-bottom: 20px; width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.product .pro-list li:nth-child(3n){margin-right: 10px;}
	.product .pro-list li:nth-child(2n){margin-right: 0;}
	.product .pro-sort {border-bottom: none;}
	.product .pro-sort ul li{width:calc(50% - 2px);line-height: 35px;font-size: 14px; height: auto;text-align: center;padding-bottom: 0; background: #eee;margin:1px;}
	.product .pro-sort ul li.cut{background: #FE3C00;color:#FFFFFF;}
	.product .pro-sort ul li.cut a{color: #fff;}
		.product .pro-sort ul li:hover{background:  #FE3C00;}
	.product .pro-sort ul li:hover a{color: #fff;}
}


.pro-d{width: 100%;height: auto;background: #f0f0ef;padding: 150px 0 80px 0;}
.pro-d .pro-dl{width: 50%;padding-right: 5%;height: auto;float: left;padding-top: 8%;}
.pro-d .pro-dr{width: 45%;height: auto;float: right;}
.pro-d .pro-dr .pro-dr-js{width: 100%;height: auto;}
.pro-d .pro-dr .pro-dr-js .pic{width: 100%;height: auto;}
.pro-d .pro-dr .pro-dr-js .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-dl h6{font-size: 20px;color: #000000;margin-top: 20px;margin-bottom: 10px;}
.pro-d .pro-dl h5{color: #000000;font-size: 45px;color: #000000;font-weight: normal;font-family: impact;}

.pro-d .pro-dr .pro-dr-js  .swiper-pagination-bullet { margin: 0 0px;}
.pro-d .pro-dr .pro-dr-js .swiper-pagination-bullets {bottom:0px;left: 0;width: 100%;}
.pro-d .pro-dr .pro-dr-js .swiper-pagination-bullet {
    width: 60px;
    height:2px;
    font-family: arial;
    color:#FFFFFF;
    font-size: 0px;
    display: inline-block;
    border-radius: 0;
    background:none;
    opacity: 1;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
}
.pro-d .pro-dr .pro-dr-js .swiper-pagination-bullet-active {opacity: 1;border-bottom: 1px solid #FE3C00;}

@media only screen and (max-width: 1500px) {
	.pro-d .pro-dl h6{font-size: 18px;}
	.pro-d .pro-dl h5{font-size: 40px;}
}

@media only screen and (max-width:1300px) {
		.pro-d .pro-dl h6{font-size: 16px;}
	.pro-d .pro-dl h5{font-size:36px;}
}

@media only screen and (max-width:1024px) {
			.pro-d .pro-dl h6{font-size: 15px;}
	.pro-d .pro-dl h5{font-size:30px;}
	.pro-d{margin-top: 60px;padding:35px 0 45px 0;}
	.pro-d .pro-dl{padding-top: 5%;padding-right: 3%;}
	.pro-d h5{font-size: 48px;color:#000000}
}
@media only screen and (max-width:720px) {
		.pro-d .pro-dl h6{font-size: 15px;}
	.pro-d .pro-dl h5{font-size:28px;}
	.pro-d{margin-top: 60px;padding:10px 0 35px 0;}
	.pro-d .pro-dl{margin-top: 30px; width: 100%;height: auto; padding-top:0%;padding-right: 0%;}
	.pro-d h5{font-size: 48px;color:#000000}
	.pro-d .pro-dr{width: 100%;height: auto;margin-top: 00px;}
}


.pro-decribe{width: 100%;height: auto;}
.pro-decribe .decr1{width: 100%;overflow: hidden; height: auto;padding: 45px 0;}
.pro-decribe .decr1 .txt2{float: left; width: 55%;height: auto;padding-right: 6%;}
.pro-decribe .decr1 .txt1{float: right;width: 45%;height: auto;background: #223575;color: #FFFFFF;padding: 30px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.pro-decribe .decr1 p{color: #000000;}
.pro-decribe .decr1 .txt1 h5{color: #FFFFFF;margin-bottom: 20px;}
.pro-decribe .decr1 .txt1 p{color: #FFFFFF}
.pro-decribe .decr1 h5{color:#fe3c00;font-size: 30px;font-family: impact;font-weight: normal;margin-top: 20px; margin-bottom: 10px;}
.pro-decribe .decr2{background: #f5f5f5;padding: 45px 0;}
.pro-decribe .decr2 h5{color: #fe3c00;font-size: 30px;font-family: impact;font-weight: normal;text-align: center;margin-bottom: 25px;}
.pro-decribe .decr2 .pic{width: 100%;height: auto;}
.pro-decribe .decr2 .pic img{display: block;width: 100%;height: auto;}
.pro-decribe .decr3{width: 100%;height: auto;padding: 45px 0;background-size: cover;background-repeat: no-repeat;font-size: 16px;}
.pro-decribe .decr3 h5{color: #fe3c00;font-size: 30px;font-family: impact;font-weight: normal;text-align: center;margin-bottom: 25px;}
.pro-decribe .decr3 table,.pro-decribe .decr3 tbody{display: block; width: 100%;height: auto;border: none;}
.pro-decribe .decr3 table tr { display: block; width: 100%;height: auto;background: #f5f5f5;border-left: 2px solid #223e99;overflow:hidden; padding:20px;margin-bottom: 20px;}
.pro-decribe .decr3 table tr td:first-child{font-weight: bolder; border: none; width: 45%;display: block; padding-right: 3%; float: left;font-size: 24px;font-weight: normal;}
.pro-decribe .decr3 table tr td:nth-child(2){width: 55%;border: none; float: right;display: block; height: auto;color: #000;font-size: 16px;}

@media only screen and (max-width: 1500px) {
	.pro-decribe .decr1 h5{font-size: 26px;}
	.pro-decribe .decr2 h5{font-size: 26px;}
	.pro-decribe .decr3 h5{font-size: 26px;}
.pro-decribe .decr3 table tr td:first-child{font-size: 22px;}
.pro-decribe .decr3 table tr td:nth-child(2){font-size: 15px;}
.pro-decribe .decr3{font-size: 15px;}

}
@media only screen and (max-width:1300px) {
	.pro-decribe .decr1 h5{font-size: 24px;}
	.pro-decribe .decr2 h5{font-size: 24px;}
	.pro-decribe .decr3 h5{font-size: 24px;}
.pro-decribe .decr3 table tr td:first-child{font-size: 20px;}
.pro-decribe .decr3 table tr td:nth-child(2){font-size: 15px;}
.pro-decribe .decr3{font-size: 15px;}
}
@media only screen and (max-width:1024px) {

	.pro-decribe .decr1 h5{font-size: 20px;}	
	.pro-decribe .decr2 h5{font-size: 20px;}
	.pro-decribe .decr3 h5{font-size: 20px;}

	.pro-decribe .decr3 table tr td:first-child{font-size: 18px;}
	.pro-decribe .decr3 table tr td:nth-child(2){font-size: 14px;}
	.pro-decribe .decr3{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.pro-decribe .decr1 h5{font-size:18px;}
	.pro-decribe .decr2 h5{font-size: 18px;}
	.pro-decribe .decr1 .txt2{width: 100%;height: auto;margin-top: 25px;}
	.pro-decribe .decr1 .txt1{width: 100%;height: auto;}
	.pro-decribe .decr3 h5{font-size: 18px;}
.pro-decribe .decr3 table tr{border-left: none;border-top: 2px solid  #223e99;}
.pro-decribe .decr3 table tr td:first-child{width: 100%;height: auto;padding-bottom: 15px;position: relative;}
.pro-decribe .decr3 table tr td:first-child:before{content: "";position: absolute;left: 0;bottom: 0;width:35px;height:1px;background:#Fe3C00;}
	.pro-decribe .decr3 table tr td:nth-child(2){width: 100%;height: auto;margin-top:15px;}
}


.recom{width: 100%;height: auto;}
.recom .recom-top{width: 100%;height: auto;position:relative;}
.recom .recom-top .more1{position:absolute;right: 0;bottom: 0;width: 90px;}
.recom .recom-top .title{width: calc(100% - 100px);} 
.recom .recom-js{width: 100%;height: auto;}
.recom .recom-js .li{display: block;vertical-align: top; padding-bottom: 30px; position: relative; text-align: center; background-image: linear-gradient(to right, #e2e2e2 , #f2f2f2);}
.recom .recom-js .li .pic{width: 100%;height: auto;}
.recom .recom-js .li .pic img{display: block;width: 100%;height: auto;}
.recom .recom-js .li .con{width: 100%;height: auto;padding: 0 20px;margin-top: 20px;}
.recom .recom-js .li .con h6{text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 20px;color: #000000;text-align: center;}
.recom .recom-js .li .more1{margin: 0 auto;margin-top: 20px;}
.recom .recom-js .li:hover .con{opacity: 0;}
.recom .recom-js .li .bk{position: absolute;bottom: 0;left: 0;width: 100%;height: 0%;overflow: hidden; background: rgba(34,62,153,0.96);}
.recom .recom-js .li .bk .cons{color: #FFFFFF; position: absolute;top: 50%;left: 0;width: 100%;height: auto;padding: 0 15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.recom .recom-js .li .bk .more1{color: #FFFFFF;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.recom .recom-js .li .bk .more1 span{background: #FFFFFF;}
.recom .recom-js .li .bk .more1 span:before,.recom .recom-js .li .bk .more1 span:after{background: #223e99;}
.recom .recom-js .li .bk .cons h6{text-transform: uppercase; font-size: 20px;color:#FFFFFF;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recom .recom-js .li .bk .cons .txt{width: 100%;max-height: 54px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.recom .recom-js .li .bk .cons .txt p{color: #FFFFFF}
.recom .recom-js .li:hover .bk{height:100%;transition: all 0.5s ease;}
.recom .recom-js .swiper-button-next{
    background-image: url(../img/a004.png);
    right: 0px;
    left: auto;
}
.recom .recom-js .swiper-button-prev{
    background-image: url(../img/a005.png);
    left: 0px;
    right: auto;
}
.recom .recom-js .swiper-button-prev,.recom .recom-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width:30px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 30px 40px;
    -webkit-background-size: 30px 40px;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.recom .recom-js .swiper-button-prev:hover,.recom .recom-js .swiper-button-next:hover{background-color: #223e99;}

@media only screen and (max-width:1500px) {
.recom .recom-js .li .con h6{font-size: 22px;}
.recom .recom-js .li .bk .cons h6{font-size: 22px;}
.recom .recom-js .li .bk .cons .txt{max-height: 48px;}
	
}
@media only screen and (max-width:1300px) {
.recom .recom-js .li .con h6{font-size: 20px;}
.recom .recom-js .li .bk .cons h6{font-size: 20px;}
.recom .recom-js .li .bk .cons .txt{max-height: 44px;}

	
}
@media only screen and (max-width:1024px) {
.recom .recom-js .li .con h6{font-size: 18px;}
.recom .recom-js .li .bk .cons h6{font-size: 18px;}
.recom .recom-js .li .bk .cons .txt{max-height: 44px;}

}
@media only screen and (max-width:720px) {
.recom .recom-js .li.con{padding: 0 10px;margin-top: 10px;}
.recom .recom-js .li .con h6{font-size: 16px;}
.recom .recom-js .li .bk .cons h6{font-size: 16px;}
.recom .recom-js .li .con .more1{margin-top: 10px;}
	.recom .recom-js .li {padding-bottom: 20px; }
	.recom .recom-js .li .bk .cons .txt{max-height: 44px;}
}

.quality-box{width: 100%;height: auto;background-position: center bottom;background-repeat: no-repeat;background-size: cover;}

.quality{width: 100%;height: auto;}
.quality .quality-c{width: 100%;height: auto;position: relative;padding: 5% 0;z-index: 1;}
.quality .con{width: 55%;box-shadow: 0 10px 20px rgba(0,0,0,0.2); height: auto;background: #162a6e;padding: 6%;color: #FFFFFF}
.quality .con p{color: #FFFFFF;}
.quality .quality-c .pic{position: absolute;top: 0;right: 0;width: 50%;z-index: -1; height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
@media only screen and (max-width:720px) {
.quality .con{width: 90%;}	
.quality .quality-c{padding: 0; padding-bottom: 150px;}
.quality .quality-c .pic{bottom: 0;top:auto;height: calc(20% + 150px);width: 90%;}
}


.honor{width: 100%;height: auto;}
.honor  .honor-l{width: calc(100% - 380px);padding-right: 10%; float: left; height: auto;}
.honor .honor-r{width:380px;float: right;height: auto;}
.honor .honor-r .honor-js{width: 100%;height: auto;padding-top: 100px;}
.honor .honor-r .honor-js .pic{width: 100%;height: auto;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.honor .honor-r .honor-js .pic img{display: block;width: 100%;height: auto;}

.honor .honor-r .honor-js .swiper-button-next{
    background-image: url(../img/a021.png);
 right: 0px;
left: auto;
}
.honor .honor-r .honor-js .swiper-button-prev{
    background-image: url(../img/a020.png);
    right: 70px;
    left: auto;
}
.honor .honor-r .honor-js .swiper-button-prev,.honor .honor-r .honor-js .swiper-button-next {
    position: absolute;
    top:10px;
    bottom: auto;
    width: 55px;
    height: 55px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-color:#223e99 ;
    border-radius: 3px;
    background-size: 35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1500px) {
	.honor .honor-r .honor-js .swiper-button-prev,.honor .honor-r .honor-js .swiper-button-next {
    top:10px;
    bottom: auto;
    width: 45px;
    height: 45px;

    background-size: 35px 35px;

}
}
@media only screen and (max-width:1300px) {
	.honor .honor-r .honor-js .swiper-button-prev,.honor .honor-r .honor-js .swiper-button-next {
    top:10px;
    bottom: auto;
    width: 40px;
    height: 40px;
    background-size: 35px 35px;
}

.honor  .honor-l{width: calc(100% - 340px);}
.honor .honor-r{width:340px;}
}
@media only screen and (max-width:1024px) {
	.honor .honor-r .honor-js .swiper-button-prev{
    right: 50px;
    left: auto;
}
	.honor .honor-r .honor-js .swiper-button-prev,.honor .honor-r .honor-js .swiper-button-next {
    top:10px;
    bottom: auto;
    width: 35px;
    height:35px;
    background-size:25px 25px;
}
.honor  .honor-l{width: calc(100% - 300px);padding-right: 6%;}
.honor .honor-r{width:300px;}
}

@media only screen and (max-width:850px) {
	.honor  .honor-l{width:100%;padding-right: 6%;}
.honor .honor-r{width:100%;margin-top: 35px;}
.honor .honor-r .honor-js{padding: 0 15px 15px 0}
.honor .honor-r .honor-js .swiper-button-prev{
    right: auto;
    left: 0px;
}
.honor .honor-r .honor-js .swiper-button-next{
    left: auto;
    right: 15px;
}
	.honor .honor-r .honor-js .swiper-button-prev,.honor .honor-r .honor-js .swiper-button-next {
    top:50%;
    bottom: auto;
    width: 35px;
    height:35px;
    margin-top: -30px;
    background-size:25px 25px;
}
}


.inspection{width: 100%;height: auto;}
.inspec-js{width: 100%;height: auto;padding: 0 15%; height: auto;}
.inspec-js .pic{height: 480px;background-size: cover;background-repeat: no-repeat;background-position: center; position: relative;}
.inspec-js .pic .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}

.inspec-js .pic .bk .con{width: 100%;height: auto;text-align: center;position: absolute;bottom: 5%;padding: 0 10px 30px 10px;}
.inspec-js .pic .bk .con .num{color:#FFFFFF;font-size: 56px;font-family: impact;font-weight: normal;text-align: center;}
.inspec-js .pic .bk .con h6{font-size: 30px;color: #FFFFFF;margin-top: 20px;}

.inspec-js .swiper-button-next{
    background-image: url(../img/a021.png);
 right: 13%;
left: auto;
}
.inspec-js .swiper-button-prev{
    background-image: url(../img/a020.png);
    left: 13%;
    right: auto;
}
.inspec-js .swiper-button-prev,.inspec-js .swiper-button-next {
    position: absolute;
    top:50%;
    bottom: auto;
    width: 55px;
    height: 55px;
    margin-top: -27.5px;
    z-index: 10;
    cursor: pointer;
    background-color:#Fe3C00;
    border-radius: 3px;
    background-size: 35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1500px) {
	.inspec-js .pic{height: 450px;}
	.inspec-js .pic .bk .con .num{font-size: 50px;}
	.inspec-js .pic .bk .con h6{font-size:26px;}
	
}
@media only screen and (max-width:1300px) {
	.inspec-js .pic{height: 400px;}
	.inspec-js .pic .bk .con .num{font-size: 45px;}
	.inspec-js .pic .bk .con h6{font-size:24px;}
	.inspec-js .swiper-button-prev,.inspec-js .swiper-button-next {
    width:45px;
    height:45px;
    margin-top: -22.5px;
    background-size: 30px 30px;

}
	
}
@media only screen and (max-width:1024px) {
	.inspec-js .pic{height:350px;}
	.inspec-js .pic .bk .con .num{font-size:36px;}
	.inspec-js .pic .bk .con h6{font-size:20px;}
	.inspec-js .swiper-button-prev,.inspec-js .swiper-button-next {
    width:35px;
    height:35px;
    margin-top: -17.5px;
    background-size: 25px 25px;
}
.inspec-js .swiper-button-next{
 right: 8%;
left: auto;
}
.inspec-js .swiper-button-prev{
    left: 8%;
    right: auto;
}

.inspec-js{width: 100%;height: auto;padding: 0 10%; height: auto;}	
}
@media only screen and (max-width:720px) {
	.inspec-js .pic{height:300px;}
	.inspec-js .pic .bk .con .num{font-size:30px;}
	.inspec-js .pic .bk .con h6{font-size:18px;margin-top: 10px;}
	.inspec-js .swiper-button-prev,.inspec-js .swiper-button-next {
    width:35px;
    height:35px;
    margin-top: -17.5px;
    background-size: 25px 25px;
}
.inspec-js{width: 100%;height: auto;padding: 0 10%; height: auto;}	
}


.ser-box{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.company{width: 100%;height: auto;}
.company .company-c{width: 100%;height: auto;}
.company .company-c h5{color: #Fe3C00;font-size: 30px;font-weight: normal;font-family:impact;margin-bottom: 20px;}
.company .company-c .txt{width: 100%;height: auto;}
.company .company-c .txt p{color: #000000;}
.company .company-c .txt p img{display: block;width: 100%;height: auto}
.company  .pic{width: 100%;height: auto;margin-top: 20px;}
.company  .pic img{display: block;width: 100%;height: auto;}

.history{width: 100%;height: auto;}
.history .history-c{width: 100%;height: auto;}
.history .history-js{width: 100%;height: auto;box-shadow:0px 10px 20px rgba(0,0,0,0.2);}
.history .history-js  .pic{width: 100%;height: 450px;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.history .history-js .bk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(35,62,153,0.6);}
.history .history-js .bk .con{width: 100%;padding: 0 5%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.history .history-js .bk .con h6{text-align: center; color: #FFFFFF;font-family:impact;font-size: 30px;font-weight: normal;}
.history .history-js .bk .con .time{font-size:24px;color: #FFFFFF;text-align: center;margin-top: 20px;}


.history .history-js .swiper-button-next{
    background-image: url(../img/a021.png);
    right: 0px;
    left: auto;
}
.history .history-js .swiper-button-prev{
    background-image: url(../img/a020.png);
    left: 0px;
    right: auto;
}
.history .history-js .swiper-button-prev,.history .history-js .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    background-color: #FE3C00;
    border-radius: 3px;
    background-size: 35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1500px) {
	.history .history-js .bk .con h6{font-size: 26px;}
	.history .history-js .swiper-button-prev,.history .history-js .swiper-button-next {
    width: 50px;
    height: 50px;
     margin-top: -25px;}
     .history .history-js .bk .con .time{font-size: 20px;}
     .history .history-js  .pic{height: 400px;}
     .company .company-c h5{font-size: 26px;}
     
     
}
@media only screen and (max-width:1300px) {
	.history .history-js .bk .con h6{font-size: 24px;}
	.history .history-js .swiper-button-prev,.history .history-js .swiper-button-next {
    width: 50px;
    height: 50px;
     margin-top: -25px;}
     .history .history-js .bk .con .time{font-size: 20px;}
     .history .history-js  .pic{height: 350px;}
     .company .company-c h5{font-size: 24px;}
     
}
@media only screen and (max-width:1024px) {
	.company .company-c h5{font-size: 20px;}
	 .history .history-js  .pic{height: 300px;}
	 	.history .history-js .bk .con h6{font-size: 20px;}
	.history .history-js .swiper-button-prev,.history .history-js .swiper-button-next {
    width:40px;
    height: 40px;
     margin-top: -20px;
     background-size: 30px 30px;
     border-radius: 3px;
     }
     .history .history-js .bk .con .time{font-size: 18px;}
}
@media only screen and (max-width:720px) {
	 .history .history-js  .pic{height:200px;}
	 .company .company-c h5{font-size: 18px;}
	 	.history .history-js .bk .con h6{font-size: 18px;}
	.history .history-js .swiper-button-prev,.history .history-js .swiper-button-next {
    width:35px;
    height: 35px;
     margin-top: -17.5px;
     background-size: 25px 25px;
     }
     .history .history-js .bk .con .time{font-size: 16px;}
}


.adv{width: 100%;height: auto;}
.adv .adv-js{width: 100%;height: auto;}
.adv .adv-js .con{width: 45%;height: auto;padding-bottom: 95px;padding-right: 20px;}
.adv .adv-js .con h6{font-size:30px;color:#FE3C00;font-family: impact;margin-bottom: 35px;text-transform: capitalize;font-weight: normal;}
.adv .adv-js .pic{box-shadow: 5px 5px 10px rgba(0,0,0,0.2); width: 45%;position: absolute;right: 15px;top: 0;height: calc(100% - 15px);background-size: cover;background-repeat: no-repeat;background-position: center;}

.adv .adv-js .swiper-button-next{
    background-image: url(../img/a021.png);
   left: 70px;
right: auto;
}
.adv .adv-js .swiper-button-prev{
    background-image: url(../img/a020.png);
    left: 0px;
    right: auto;
}
.adv .adv-js .swiper-button-prev,.adv .adv-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 55px;
    height: 55px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-color:#223e99 ;
    border-radius: 3px;
    background-size: 35px 35px;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1500px) {
	.adv .adv-js .con h6{font-size: 26px;}
	.adv .adv-js .swiper-button-prev,.adv .adv-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-size: 35px 35px;}
	
}
@media only screen and (max-width:1300px ) {
	.adv .adv-js .con h6{font-size: 24px;}
		.adv .adv-js .swiper-button-prev,.adv .adv-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 40px;
    height: 40px;
     background-size: 30px 30px;}
     .adv .adv-js .swiper-button-next{
   left: 55px;
right: auto;
}
}
@media only screen and (max-width:1024px) {
	.adv .adv-js .con h6{font-size: 20px;}
	.adv .adv-js .swiper-button-prev,.adv .adv-js .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 35px;
    height: 35px;
     background-size: 25px 25px;}
}
@media only screen and (max-width:850px) {
	.adv .adv-js .pic{position: static;width:100%;height:250px;}
	.adv .adv-js .con{width: 100%;height: auto;margin-top: 30px;}
	.adv .adv-js .con{padding-bottom: 0;}
		.adv .adv-js .swiper-button-prev,.adv .adv-js .swiper-button-next {
    position: absolute;
    top: 125px;
    bottom: auto;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
     background-size: 25px 25px;}
          .adv .adv-js .swiper-button-next{
right: 0px;
left: auto;
}
.adv .adv-js .con h6{margin-bottom: 20px;}
}

.service{width: 100%;height: auto;}
.service ul{width: 100%;height: auto;position: relative;z-index: 0;padding: 20px 0;}
.service ul li{width: calc(50% - 20px);margin-right: 40px;vertical-align:middle;display: inline-block; padding: 15px 30px;}
.service ul li h6{color: #FFFFFF; font-size: 24px;margin-bottom: 10px;}
.service ul li .txt{width: 100%;height: auto;}
.service ul li .txt p{color: #FFFFFF;}
.service ul li:nth-child(2n){margin-right: 0;}
.service ul li:nth-child(2n) h6{color: #000000;}
.service ul li:nth-child(2n) .txt p{color: #000000;}
.service ul:before{content: "";width: calc(50% - 20px);position: absolute;height: 100%;z-index: -1; top: 0;left: 0;background: #162a6e;box-shadow: 5px 10px 15px rgba(0,0,0,0.2);}
.service ul:after{content: "";width: calc(50% - 20px);position: absolute;height: 100%;z-index: -1; top: 0;right: 0;background: #f5f5f5;}

@media only screen and (max-width:1500px) {
	.service ul li h6{font-size: 22px;}
}
@media only screen and (max-width:1300px) {
	.service ul li h6{font-size: 20px;}
	.service ul li{padding: 10px 20px;}
}
@media only screen and (max-width:1024px) {
		.service ul li h6{font-size: 18px;}
}
@media only screen and (max-width:850px) {
		.service ul li{width: 100%;height: auto;}
		.service ul li .txt p{color: #000;}
		.service ul li h6{color: #000;padding-left: 15px;position: relative;color: #162a6e;}
		.service ul li:nth-child(2n) h6{color: #162a6e;}
		.service ul li h6:before{content: "";position: absolute;left: 0;top:10px;width: 5px;height:5px;background:#FE3C00;}
		
		.service ul:before{width:100%;height:50%;top: 0;box-shadow: none;background: #f5f5f5;}
		.service ul:after{width: 100%;height:50%;bottom: 0;top: auto;}
}
