@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	color: #333333;
font-family: "ML","MS";
}


*{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%;color: #333; }

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: "ML";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:1;color: #333;font-family: "ML";}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:1;color: #333;font-family: "ML";}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:1;color: #333;font-family: "ML";}



/*公共部分*/
.w90{width: 90%;max-width: 1720px;margin: 0 auto;}
.td-space{padding: 120px 0;}
.t-space{padding-top: 120px;}
.d-space{padding-bottom: 120px;}
.margin-t{margin-top: 75px;}
.title{width: 100%;height: auto;}
.title b{color: #333333;font-family: "MS";font-size: 64px;font-weight: normal;text-transform: uppercase;}
.title2 b{text-transform: none;text-transform: capitalize;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 18px;font-family: "ML";color:#333333;}
.view{color: #F5BF2F;text-transform: uppercase;font-size: 20px;  font-family: "MS";display: inline-block;padding: 15px 35px;border-radius: 10px;  border: 3px solid #F5BF2F;text-shadow: 0 10px 10px rgba(245,191,47,0.5); box-shadow: 0 0px 10px rgba(245,191,47,0.5);}
.view:hover{background: #f5bf2f;color: #FFFFFF;}
@media only screen and (max-width:1680px) {
	.title b{font-size: 55px;}
	.td-space{padding: 110px 0;}
.t-space{padding-top: 110px;}
.d-space{padding-bottom: 110px;}
.margin-t{margin-top: 65px;}
}
@media only screen and (max-width:1440px) {
	.view{font-size: 18px;}
	.txt-c p{font-size: 16px;}
	.title b{font-size:48px;}
		.td-space{padding: 90px 0;}
.t-space{padding-top: 90px;}
.d-space{padding-bottom: 90px;}
.margin-t{margin-top: 55px;}
}
@media only screen and (max-width:1280px) {
	.view{font-size: 16px;}
	.title b{font-size: 40px;}
			.td-space{padding: 80px 0;}
.t-space{padding-top: 80px;}
.d-space{padding-bottom: 80px;}
.margin-t{margin-top: 50px;}
}
@media only screen and (max-width:1024px) {
.w90{width: 90%;margin: 0 auto;}
.title b{font-size:34px;}
.view{font-size: 15px;border: 2px solid #F5BF2F;padding: 15px 25px;}
.td-space{padding: 70px 0;}
.t-space{padding-top: 70px;}
.d-space{padding-bottom: 70px;}
.margin-t{margin-top: 45px;}
	.txt-c p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
.title b{font-size: 28px;}
.view{font-size: 14px;border: 2px solid #F5BF2F;padding: 10px 20px;border-radius: 5px;}
			.td-space{padding: 65px 0;}
.t-space{padding-top: 65px;}
.d-space{padding-bottom: 65px;}
.margin-t{margin-top: 40px;}
}


.header{transition: all 0.5s ease; position: fixed;top: 0;left: 0;width: 100%;height: auto;border-bottom: 1px solid rgba(255,255,255,0.1);z-index: 999;}
.header .logo{float: left; display: block;width: 280px;height: auto;margin-top: 32px;}
.header .logo .img2{display: none;}
.header .menu{ width: calc(100% - 280px);float:left;text-align: right;}
.header .menu ul {font-size: 0;width: calc(100% - 170px);padding-right: 5%;text-align: right;float: left;}
.header .menu ul li{position: relative; margin: 0 2%; line-height: 110px;font-size: 20px;  display: inline-block;vertical-align: top;}
.header .menu ul li>a{text-transform: uppercase; color: #fff;}
.header .menu ul li:hover a{color: #F5BF2F;}
.header .menu ul li:hover:after{content: "";position: absolute;left: 0;width: 100%;height: 3px; background: #F5BF2F;bottom: -1px;}

.header .menu ul li.active a{color: #F5BF2F;}
.header .menu ul li.active:after{content: "";position: absolute;left: 0;width: 100%;height: 3px; background: #F5BF2F;bottom: -1px;}

.header .menu ul li .downs{display: none; line-height: 60px; position: fixed;top: 111px; left: 0;width: 100%;text-align: center;background: rgba(255,255,255,0);}
.header .menu ul li .downs a{ color: #FFFFFF;font-size:16px;margin: 0 3%;display: inline-block;position: relative;}
.header .menu ul li .downs a:hover{color: #F5BF2F;}
.header .menu ul li .downs a:hover:after{content: "";position: absolute;left: 0;bottom: 0px; height: 3px;width: 100%;background: #F5BF2F;}
.header .menu ul li .downs a.cut{color: #F5BF2F;}
.header .menu ul li .downs a.cut:after{content: "";position: absolute;left: 0;bottom: 0px; height: 3px;width: 100%;background: #F5BF2F;}


.header .menu ul li:hover .downs{display: block;}
.header .menu .talk{text-transform: uppercase; font-size: 20px;margin-top: 30px; width: 170px;line-height: 45px;text-align: center;float: right; border: 3px solid #f5bf2f;color: #F5BF2F;display: block;border-radius: 10px;}
.header .menu ul li.twosub.active .downs{display: block;}
.header .menu .talk:hover{background: #f5bf2f;color: #FFFFFF;}

.header2{background: #FFFFFF;border-bottom: 1px solid #d6d6d6;}
.header2 .logo .img1{display: none;}
.header2 .logo .img2{display: block;}
.header2 .menu ul li a{color: #333;}
.header2 .menu ul li .downs{background:rgba(255,255,255,1);}
.header2 .menu ul li .downs a{color: #333333;}


.header3{background: #FFFFFF;border-bottom: 1px solid #d6d6d6;}
.header3 .logo .img1{display: none;}
.header3 .logo .img2{display: block;}
.header3 .menu ul li a{color: #333;}
.header3 .menu ul li .downs{background:rgba(255,255,255,1);}
.header3 .menu ul li .downs a{color: #333333;}

.header .toggle{display: none;}
body.body-bks{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
body.body-bks:before{content:""; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 998;}

@media only screen and (max-width:1680px) {
	.header .menu ul li{font-size: 18px;margin: 0 1.5%;}
	.header .menu .talk{font-size: 18px;width:150px;}
.header .logo{width: 260px;}
.header .menu{width: calc(100% - 260px);}
	.header .menu ul{width: calc(100% - 150px);}
}
@media only screen and (max-width:1440px) {
	.header .logo{width: 230px;margin-top: 30px;}
	.header .menu{width: calc(100% - 230px);}
	.header .menu ul li{font-size: 16px;margin: 0 1.5%;line-height: 90px;}
	.header .menu .talk{width:130px;font-size: 16px;margin-top: 20px;line-height: 40px;}
	.header .menu ul{width: calc(100% - 130px);}
	.header .menu ul li .downs{top: 91px;}
}
@media only screen and (max-width:1280px) {
	.header .menu ul{padding-right: 3%;}
		.header .logo{width: 200px;margin-top: 30px;}
	.header .menu{width: calc(100% - 200px);}
	.header .menu ul li{font-size: 15px;margin: 0 0.8%;}
	.header .menu .talk{width:100px;font-size: 15px;line-height: 35px;margin-top: 20px;}
	.header .menu ul{width: calc(100% - 100px);}
}
@media only screen and (max-width:1024px) {
	.header .toggle{display: block; width: 30px;height: auto;position: absolute;right: 5%;top:12.5px;}
.header .toggle img{display: block;width: 100%;height: auto;}
.header .toggle .img2{display: none;}
.header .toggle.open .img1{display: none;}
.header .toggle.open .img2{display: block;}	
	.header{width: 100%;height: 55px;}
	.header .logo{margin-top: 12.5px;}
	.header .menu{ display: none;position: fixed;top: 55px;left: 0;width: 100%;background: #032c2d;padding-bottom:30px;max-height: calc(100% - 55px);overflow-x: hidden;overflow-y: auto;}
	.header .menu ul{padding-right: 0; float: none; text-align: left; width: 100%;height: auto;}
	.header .menu ul li{border-bottom: 1px solid rgba(255,255,255,0.1);border-top: 0.5px solid rgba(0,0,0,0.1);  margin: 0; line-height:35px;padding: 10px 10% 10px 10px;width: 100%;display: block;}
	.header .menu ul li a{color: #FFFFFF;}
	.header .menu ul li:after{display: none;}
	.header .menu ul li .downs{top: 0; text-align: left; position:relative;width: 100%;}
	.header .menu ul li .downs a{display: block;color: #FFFFFF;}
	.header .menu ul li:hover .downs{display: none;}
	.header .menu ul li.twosub:before{content: "";position: absolute;right: 5%;top: 18px;border-top: 6px solid #999;border-left: 6px solid rgba(0,0,0,0);border-right: 6px solid rgba(0,0,0,0);border-bottom: 6px solid rgba(0,0,0,0);}
	.header .menu .talk{line-height: 35px;border: 2px solid #F5BF2F; float: none;margin-left: 10px;}
	.header3 .menu ul li .downs{background: none;}
}
@media only screen and (max-width:720px) {
}






.banner{width: 100%;height:100%;position: relative;}
.banner .bks{width: 100%;height: 100%;z-index: 33;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;}
.banner .video-bks{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;z-index: 0;}
.banner .video-bks .vidbacking{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.banner .bks .con{position: absolute;top:58%;transform:translateY(-50%);width: 100%;padding: 0 10%;text-align: center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.banner .bks .con h2{color:#FFFFFF;font-size: 64px;font-family: "MS";text-transform: uppercase;}
.banner .bks .con p{ font-size: 24px;color: #FFFFFF;margin-top: 15px;}
.banner .bks .con .view{margin-top: 50px;font-family: "MS";display: inline-block;text-shadow: 0 10px 10px rgba(245,191,47,0.5); box-shadow: 0 0px 10px rgba(245,191,47,0.5);}
@media only screen and (max-width:1680px) {
.banner .bks .con h2{font-size: 53px;}	
.banner .bks .con p{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.banner .bks .con h2{font-size: 45px;}
.banner .bks .con p{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
	.banner .bks .con{padding: 0 5%;}
	.banner .bks .con h2{font-size: 40px;}
.banner .bks .con p{font-size:18px;}
}
@media only screen and (max-width:1024px) {
		.banner .bks .con{padding: 0 5%;}
	.banner .bks .con h2{font-size:35px;}
.banner .bks .con p{font-size:16px;margin-top: 10px;}
.banner .bks .con{top: 50%;}
}
@media only screen and (max-width:720px) {
	.banner{height: 400px;}
			.banner .bks .con{padding: 0 5%;}
	.banner .bks .con h2{font-size:20px;}
.banner .bks .con p{font-size:14px;}
.banner .bks .con .view{margin-top: 30px;}
}


.loyal{width: 100%;height: auto;}
.loyal .title{text-align: center;} 
.loyal .txt{margin-top: 45px;padding: 0 28%;text-align: center;}
.loyal .txt p{font-size: 24px;font-family: "ML";color: #333333;} 
.loyal ul {width: 100%;height: auto;font-size: 0;}
.loyal ul li{text-align: center; position: relative;padding: 0 10px;  padding-bottom: 10px;cursor: pointer; text-align: center; display: inline-block;width: 20%;vertical-align: top;}
.loyal ul li .pic{margin: 0 auto; width: 50%;max-width: 120px;height: auto;}
.loyal ul li strong{font-size: 24px;color: #333333;display: block;margin-top: 30px;font-weight: normal;}
.loyal ul li .con {top: auto; display: none; left:calc(50% - 230px);bottom: 0; position: absolute;width:460px; margin: 0 auto;margin-top: 45px;padding: 45px;background: #f6f3eb;border-radius: 30px;}
.loyal ul li .con:before{content: "";position: absolute;bottom: 100%;left: calc(50% - 5px); border-top: 10px solid rgba(0,0,0,0);border-bottom: 10px solid #F5BF2F;border-left: 10px solid rgba(0,0,0,0);border-right: 10px solid rgba(0,0,0,0);}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
.loyal ul li .con .txt-c{width: 100%; max-height:180px;overflow-x: hidden;overflow-y: auto;}
.loyal ul li.hover .con{display: block;}
.loyal ul li.hover strong{font-family: "MS";color: #F5BF2F;} 
.loyal ul li:nth-child(1) .con{left:5%;}
.loyal ul li:nth-child(5) .con{right: 5%;left: auto;}


.loyal ul li:nth-child(1) .con:before {left: calc(20% - 5px);}

.loyal ul li:nth-child(5) .con:before {left: calc(80% - 5px);}
.loyal ul li.hover{padding-bottom: 210px;}





@media only screen and (max-width:1680px) {
	.loyal .txt p{font-size: 22px;}
	.loyal .txt{padding: 0 25%;}
	.loyal ul li strong{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.loyal .txt p{font-size: 20px;}
.loyal ul li strong{font-size: 22px;}
.loyal .txt{padding: 0 20%;margin-top: 40px;}
.loyal ul li .con{width: 400px;left: calc(50% - 200px);padding: 40px;}

}
@media only screen and (max-width:1280px) {
.loyal .txt p{font-size: 18px;}
.loyal ul li strong{font-size: 18px;margin-top: 25px;}
.loyal .txt{padding: 0 15%;margin-top: 35px;}
.loyal ul li .con{width:360px;left: calc(50% - 180px);padding: 35px;}

}
@media only screen and (max-width:1024px) {
.loyal .txt p{font-size: 16px;}
.loyal ul li strong{font-size: 16px;margin-top: 20px;}
.loyal ul li{padding-bottom:230px;}
.loyal .txt{padding: 0 10%;margin-top: 25px;}
.loyal ul li .con{width:340px;left: calc(50% - 170px);padding: 25px;}
}
@media only screen and (max-width:720px) {
.loyal .txt{padding: 0;margin-top: 15px;}
.loyal ul{position: relative;}
.loyal ul li {position: static; padding-bottom:160px;}
.loyal ul li.hover{padding-bottom: 160px;}
.loyal ul li .pic{width: 65%;}
.loyal ul li strong{font-size: 12px;margin-top: 15px;}
.loyal ul li .con{width: 100%; left:0;padding:20px 15px;border-radius: 20px;}
.loyal ul li:nth-child(1) .con{left:0%;}
.loyal ul li:nth-child(5) .con{right:0%;left: auto;}

}


.page-box{width: 100%;height: auto;position: relative;z-index: 0;}
.page-box>.bks{width:100%;height: 70%;position: absolute;bottom: 0;left: 0;background-size: cover;background-repeat: no-repeat;z-index: -1;}
.inpro{width: 100%;height: auto;}
.inpro .inpro-c{position: relative; width: 100%;height: auto;z-index: 22;}
.inpro .inpro-c .inpro-js{width: 100%;height: auto;font-size: 0;z-index: 0;}
.inpro .inpro-c  .inpro-js a{transition: all 0.5s ease; display: block;height: auto;position: relative;display: inline-block;vertical-align: top; background-size:cover;background-repeat: no-repeat;background-position: center;}
.inpro .inpro-c .inpro-js .swiper-slide{padding-left: 25%;position: relative;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(1){width: 25%;position: absolute;top: 0;left: 0;height: 100%;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(2),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(3),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(4){width:calc(33.3% - 10px);margin-left: 10px;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(5),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(6){width: calc(50% - 10px);margin-left: 10px;margin-top: 10px;}
.inpro .inpro-c  .inpro-js a .bks{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #d9be9c;}
.inpro .inpro-c  .inpro-js a .bks strong{color: #FFFFFF;display: block;font-size: 32px;font-family: "MS";padding: 0 35px;margin-top:10%;}
.inpro .inpro-c  .inpro-js a .bks span{text-transform: uppercase; width: calc(100% - 70px);display: block;position: absolute; padding: 20px 0;bottom:10%; left: 30px;border-bottom: 3px solid #fff;color: #FFFFFF;font-size: 20px;font-family: "MS";}
.inpro .inpro-c  .inpro-js a .bks i{width: 15px;height: auto;display: inline-block;margin-left: 10px;vertical-align: middle;}
.inpro .inpro-c  .inpro-js a.hover .bks{display: block;}

.inpro .inpro-c .swiper-button-next{ background-image: url(../img/a017.png);right:-3%;left: auto;}
.inpro .inpro-c .swiper-button-prev{ background-image: url(../img/a018.png);left: -3%;right: auto;}
.inpro .inpro-c .swiper-button-next,.inpro .inpro-c .swiper-button-prev {position: absolute;top: 50%;width: 15px;height: 30px;margin-top: -15px;z-index: 10;cursor: pointer;background-size:15px 30px;background-position: center;background-repeat: no-repeat;}



.inpro .inpro-c .swiper-button-next.swiper-button-disabled,.inpro .inpro-c .swiper-button-prev.swiper-button-disabled {
    opacity:0;
    cursor: auto;
    pointer-events: none;
}




@media only screen and (max-width:1680px) {
	.inpro .inpro-c  .inpro-js a .bks span{font-size: 18px;}
	.inpro .inpro-c  .inpro-js a .bks strong{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
	
	.inpro .inpro-c .inpro-js a .bks strong{font-size: 26px;padding: 0 30px;}
	.inpro .inpro-c .inpro-js a .bks span{font-size: 16px;padding: 15px 0;width: calc(100% - 60px);left:30px;}
}
@media only screen and (max-width:1280px) {
	
	.inpro .inpro-c .inpro-js a .bks strong{padding: 0 25px; font-size: 24px;}
	.inpro .inpro-c .inpro-js a .bks span{width: calc(100% - 50px);left: 25px;font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(1){width: 25%;position: absolute;top: 0;left: 0;height: 100%;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(2),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(3),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(4){width:calc(33.3% - 5px);margin-left: 5px;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(5),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(6){width: calc(50% - 5px);margin-left: 5px;margin-top: 5px;}
	.inpro .inpro-c .inpro-js a .bks span{font-size: 14px;width: calc(100% - 40px);left:20px}
	.inpro .inpro-c .inpro-js a .bks strong{font-size: 20px;padding: 0 20px;}
}

@media only screen and (max-width:900px) {
	.inpro .inpro-c .inpro-js .swiper-slide{padding-left: 0;}
		.inpro .inpro-c .inpro-js .swiper-slide >.pic1:nth-child(1){width: calc(50% - 2.5px);position:relative;top: 0;left: 0;margin-right: 5px; height:auto;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(2),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(3),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(4){width:calc(50% - 2.5px);margin-top: 5px; margin-left:0px;margin-right: 5px;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(2){margin-right: 0;margin-top: 0;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(4){margin-right: 0;}
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(5),
.inpro .inpro-c .inpro-js .swiper-slide .pic1:nth-child(6){width: calc(100% - 0px);margin-left: 0px;margin-top:5px;}
}

@media only screen and (max-width:720px) {
.inpro .inpro-c .inpro-js a .bks strong{font-size: 18px;}
}



.in-news{width: 100%;height: auto;}
.in-news .in-news-l{width:55%;height: auto;float: left;padding-right: 5%;}
.in-news .in-news-l .pic{width: 100%;height: auto;margin-bottom: 55px;}
.in-news .in-news-r{width: 45%;height: auto;padding-left: 5%;float: right;}
.in-news .in-news-r  li{width: 100%;height: auto;margin-bottom: 45px;}
.in-news .time{font-size: 20px;vertical-align: bottom;color: #d2ac80;line-height: 1;}
.in-news .time span{color: #d2ac80;display: inline-block;font-size: 56px; margin-right: 15px;vertical-align: bottom;}
.in-news strong{font-size: 32px;font-family: "MS";margin-bottom: 10px; text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; margin-top: 30px; color: #333333;}
.in-news .in-news-l .txt-c{width: 100%;height: 81px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.in-news .in-news-r ul li .txt-c{width: 100%;height:54px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.in-news .more{display: block;text-align: right;font-size: 18x;font-family: "MS";color:#333333;text-transform: uppercase;line-height: 35px;}
.in-news .more i{width:50px;height: auto;display: inline-block;vertical-align: middle;margin-left: 10px;}
.in-news .in-news-r ul li:hover strong{color: #F5BF2F;}
.in-news .in-news-l:hover strong{color:#F5BF2F;}

@media only screen and (max-width:1680px) {
	.in-news strong{font-size: 28px;}
	.in-news .time{font-size: 18px;}
	.in-news .time span{font-size: 50px;}
	.in-news .in-news-r li{margin-bottom: 40px;}
	.in-news .in-news-l .pic{margin-bottom: 45px;}
}
@media only screen and (max-width:1440px) {
	.in-news .in-news-l .txt-c{height: 72px;}
	.in-news .in-news-r ul li .txt-c{height: 48px;}
	.in-news strong{font-size: 26px;margin-top: 25px;}
	.in-news .time{font-size: 16px;}
	.in-news .time span{font-size: 45px;}
	.in-news .in-news-r li{margin-bottom: 35px;}
	.in-news .in-news-l .pic{margin-bottom: 40px;}
	.in-news .more{font-size: 16px;}
	.in-news .more i{width: 45px;}
}
@media only screen and (max-width:1280px) {
	.in-news strong{font-size: 24px;margin-top: 20px;}
	.in-news .time{font-size: 18px;}
	.in-news .time span{font-size: 40px;margin-right: 10px;}
	.in-news .in-news-r li{margin-bottom: 30px;}
	.in-news .in-news-l .pic{margin-bottom: 35px;}
}
@media only screen and (max-width:1024px) {
	.in-news .in-news-l .txt-c{height: 67.5px;}
	.in-news .in-news-r ul li .txt-c{height: 45px;}
	.in-news strong{line-height: 1; font-size: 22px;margin-top: 15px;}
	.in-news .time{font-size: 16px;}
	.in-news .time span{font-size: 40px;}
	.in-news .in-news-r{padding-left: 0%;}
	.in-news .more{font-size: 15px;}
	.in-news .more i{width:40px;}
}
@media only screen and (max-width:720px) {
	.in-news strong{font-size: 20px;}
	.in-news .time{font-size: 15px;}
	.in-news .time span{font-size: 30px;}
	.in-news .in-news-l{width: 100%;padding-bottom: 25px;margin-bottom: 25px; height: auto;border-bottom: 1px solid #dcdcdc;padding-right: 0;}
	.in-news .in-news-r{width: 100%;}
	.in-news .in-news-r li{margin-bottom: 25px;}
}







.footer{width: 100%;height: auto;}
.footer .wish{width: 100%;height: auto;background: #6a7c7d;padding:60px 0;text-align: center;}
.footer .wish b{margin-bottom: 55px; color: #fff;font-family: "MS";text-transform: uppercase; font-size: 32px;  display: block;}
.footer .foot{padding: 90px 0 80px 0; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.footer .foot  .foot-c{width:75%;padding-right: 3%;}
.footer .foot .foot-c .foot-top{width: 100%;height: auto;overflow: hidden;}
.footer .foot .foot-c .foot-top .left{width: 35%;height: auto;float: left;padding-right: 5%;}
.footer .foot .foot-c .foot-top .left .logo{display: block; width:80%;max-width: 170px;height: auto;}
.footer .foot .foot-c .foot-top .left .txt-c{width: 100%;height: auto;margin-top: 40px;}
.footer .foot .foot-c .foot-top .left .txt-c p{color: rgba(255,255,255,0.6);}
.footer .foot .foot-c .foot-top .right{font-size: 0; width: 65%;height: auto;float: left;}
.footer .foot .foot-c .foot-top .right li{display: inline-block;padding-left: 3%;vertical-align: top;width:33.3%;}
.footer .foot .foot-c .foot-top .right li strong{display: block; font-size: 32px;color: #FFFFFF;font-family: "MS";margin-bottom: 20px;}
.footer .foot .foot-c .foot-top .right li .downs{width: 100%;height: auto;}
.footer .foot .foot-c .foot-top .right li .downs a{display: block; color: rgba(255,255,255,0.6);font-size: 18px;margin-bottom: 10px;}
.footer .foot .foot-c .foot-down{width: 100%;height: auto;}
.footer .foot .foot-c .foot-down .share-link{width: 100%;height: auto;}
.footer .foot .foot-c .foot-down .share-link a{width: 30px;display: inline-block;margin-right:10px;}
.footer .foot .foot-c .foot-down .term{width: 100%;font-size: 18px; height: auto;margin-top: 45px;color:rgba(255,255,255,0.6);}
.footer .foot .foot-c .foot-down .term a{display: inline-block;color: #FFFFFF;}
.footer .foot .foot-c .foot-down .pcy{font-size: 18px; width: 100%;height: auto;color: #FFFFFF;}
.footer .foot .foot-c .foot-down .pcy span{display: inline-block;margin-right: 10px;}
.footer .foot .foot-c .foot-down .pcy span a{color: #FFFFFF;}
@media only screen and (max-width:1680px) {
	.footer .wish b{font-size: 28px;margin-bottom: 50px;}
	.footer .foot .foot-c .foot-top .right li strong{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
.footer .wish b{font-size: 26px;margin-bottom: 45px;}
.footer .foot .foot-c .foot-top .right li strong{font-size: 26px;}
.footer .wish{padding: 55px 0;}
.footer .foot .foot-c .foot-top .right li .downs a{font-size: 16px;}
.footer .foot  .foot-c{width: 80%;}
.footer .foot .foot-c .foot-down .term{font-size: 16px;margin-top: 40px;}
.footer .foot .foot-c .foot-down .pcy{font-size: 16px;}
.footer .foot{padding: 80px 0 70px 0;}
.footer .foot .foot-c .foot-top .left .txt-c{margin-top: 35px;}
}
@media only screen and (max-width:1280px) {
.footer .wish b{font-size: 24px;margin-bottom: 40px;}
.footer .foot .foot-c .foot-top .right li strong{font-size: 24px;}
.footer .foot .foot-c .foot-top .right li .downs a{font-size: 15px;}
.footer .foot  .foot-c{width: 85%;}
.footer .foot .foot-c .foot-down .term{font-size: 15px;margin-top: 35px;}
.footer .foot .foot-c .foot-down .pcy{font-size: 15px;}
.footer .foot{padding: 70px 0 60px 0;}
.footer .foot .foot-c .foot-down .share-link a{width: 25px;}
}
@media only screen and (max-width:1024px) {
.footer .wish b{font-size: 22px;margin-bottom: 35px;}
.footer .foot .foot-c .foot-top .right li strong{font-size: 22px;}
.footer .wish{padding: 50px 0;}
.footer .foot .foot-c .foot-top .right li .downs a{font-size: 14px;}
.footer .foot .foot-c .foot-top .right{display: none;}
.footer .foot .foot-c{width: 100%;}
.footer .foot .foot-c .foot-top  .left{width: 100%;}
.footer .foot .foot-c .foot-down .term{font-size: 14px;margin-top: 35px;}
.footer .foot .foot-c .foot-down .pcy{font-size: 14px;}
.footer .foot{padding: 70px 0 50px 0;}
.footer .foot .foot-c .foot-down .share-link a{width: 20px;}
.footer .foot .foot-c .foot-top .left .txt-c{margin-top: 25px;}
.footer .foot .foot-c .foot-top .left .logo{max-width: 150px;}
}
@media only screen and (max-width:720px) {
.footer .wish b{font-size: 18px;margin-bottom: 25px;}
.footer .wish{padding: 40px 0;}
.footer .foot .foot-c .foot-top .right li strong{font-size: 20px;}
.footer .foot{padding: 50px 0 45px 0;}
.footer .foot .foot-c .foot-down .term{font-size: 12px;margin-top: 20px;}
.footer .foot .foot-c .foot-down .pcy{font-size: 12px;}
.footer .foot .foot-c .foot-down{padding-top: 40px;}
}




.ab{width: 100%;height: auto;}
.ab .ab-c{width: 100%;height: auto;}
.ab .ab-c .pic{width: 100%;height: auto;margin-bottom: 35px;}
.ab .ab-c  .txt-c{width: 100%;height: auto;}
.ab .ab-c .numbox{width: 100%;height: auto;font-size: 0;}
.ab .ab-c .numbox li{width: 33.3%;height: auto;padding-right: 5%; display: inline-block;vertical-align: top;}
.ab .ab-c .numbox li .ico{width: 65px;float: left;}
.ab .ab-c .numbox li .con{width: calc(100% - 65px);float: left;padding-left: 5%;}
.ab .ab-c .numbox li:last-child{padding-right: 0;}
.ab .ab-c .numbox li .con h6{font-size: 48px;font-family: "MS";color: #333;line-height: 1;}
.ab .ab-c .numbox li .con p{font-size: 18px;color: #333;margin-top: 5px;}

@media only screen and (max-width:1680px) {
	.ab .ab-c .numbox li .ico{width: 60px;}
	.ab .ab-c .numbox li .con{width: calc(100% - 60px);}
	.ab .ab-c .numbox li .con h6{font-size: 45px;}
}
@media only screen and (max-width:1440px) {
		.ab .ab-c .numbox li .ico{width: 55px;}
	.ab .ab-c .numbox li .con{width: calc(100% - 55px);}
	.ab .ab-c .numbox li .con h6{font-size: 40px;}
	.ab .ab-c .numbox li .con p{font-size: 16px;}	
}
@media only screen and (max-width:1280px) {
	.ab .ab-c .numbox li{padding-right:3%;}
			.ab .ab-c .numbox li .ico{width: 50px;}
	.ab .ab-c .numbox li .con{width: calc(100% - 50px);}
	.ab .ab-c .numbox li .con h6{font-size: 35px;}
	.ab .ab-c .numbox li .con p{font-size: 15px;}
	
}
@media only screen and (max-width:1024px) {
		.ab .ab-c .numbox li{padding-right:2%;}
			.ab .ab-c .numbox li .ico{width: 45px;}
	.ab .ab-c .numbox li .con{width: calc(100% - 45px);}
	.ab .ab-c .numbox li .con h6{font-size: 30px;}
	.ab .ab-c .numbox li .con p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
		.ab .ab-c .numbox li .ico{float: none;width: 35px;}
			.ab .ab-c .numbox li .con{width: 100%;float: none; padding-left: 0;margin-top: 20px;}
				.ab .ab-c .numbox li .con h6{font-size: 20px;}
		.ab .ab-c .numbox li{padding-left: 10px;}
	.ab .ab-c .numbox li .con p{font-size: 14px;}
}


.chains{width: 100%;height: auto;}
.chains .chains-sort{font-size: 0; width: 100%;height: auto;}
.chains .chains-sort li{text-transform: uppercase; cursor: pointer; display: inline-block;vertical-align: top; padding: 15px 5px;font-size: 20px;color: #333; width: 20%;text-align: center;background: #f5f7f6;}
.chains .chains-sort li:hover{background: #f5bf2f;font-family: "MS";color: #FFFFFF;}
.chains .chains-sort li.hover{background: #f5bf2f;font-family: "MS";color: #FFFFFF;}
.chains .chains-c{padding: 5%;display: none; border: 1px solid #dcdcdc;border-top: none;overflow: hidden;}
.chains .chains-c .con{transition: all 0.5s ease;  width: 55%;height: auto;padding-right: 6%;float: left;}
.chains .chains-c .con strong{text-transform: uppercase; display: block;margin-bottom: 45px; font-size: 32px;font-family: "MS";}
.chains .chains-c .pic{ width: 45%;height: auto;float: right;}

@media only screen and (max-width:1680px) {
	.chains .chains-sort li{font-size: 18px;}
	.chains .chains-c .con strong{font-size: 28px;}
}
@media only screen and (max-width:1440px) {
	.chains .chains-sort li{font-size: 16px;}
	.chains .chains-c .con strong{font-size: 26px;}
}
@media only screen and (max-width:1280px) {
	.chains .chains-sort li{font-size: 15px;}
	.chains .chains-c .con strong{font-size: 24px;}
}
@media only screen and (max-width:1024px) {
	.chains .chains-c .con strong{font-size: 22px;}
	.chains .chains-sort li{width: 33.3%; font-size: 13px;border-right:1px solid #ececec;border-bottom: 1px solid #ececec; padding: 15px 10px;height: 80px;}
		.chains .chains-sort li:nth-child(4),	.chains .chains-sort li:nth-child(5){width: 50%;border-bottom: none;}
	.chains .chains-c .con strong{margin-bottom:35px;}
}
@media only screen and (max-width:720px) {
	.chains .chains-c{padding: 35px 5%;}
	.chains .chains-c .con strong{font-size: 20px;}
	.chains .chains-c .con strong{margin-bottom: 25px;}
	.chains .chains-c .con{ padding-right: 0;float: none; width: 100%;height: auto;}
	.chains .chains-c .pic{width: 100%;float: none;margin-top: 35px;}
}


.brand{width: 100%;height: auto;}
.brand .title{text-align: center;}
.brand ul{font-size: 0;width: 100%;height: auto;}
.brand ul li{text-align: center; display: inline-block;vertical-align: top;width: 20%;}
.brand ul li .pic{margin: 0 auto; width: 50%;max-width: 120px;height: auto;padding: 0 10px;}
.brand ul li strong{font-size: 24px;color: #333333;display: block;margin-top: 30px;font-weight: normal;}
.brand ul li .ico{width: 120px;margin: 0 auto;height: auto;margin-top: 20px;}
@media only screen and (max-width:1680px) {
.brand ul li strong{font-size: 22px;}
	.brand ul li .ico{width: 110px;}
}
@media only screen and (max-width:1440px) {
.brand ul li .ico{width: 100px;}
.brand ul li strong{font-size: 22px;}

}
@media only screen and (max-width:1280px) {
.brand ul li .ico{width: 90px;}
.brand ul li strong{font-size: 18px;margin-top: 25px;}
}
@media only screen and (max-width:1024px) {
	.brand ul li .ico{width: 60px;margin-top: 10px;}
.brand ul li strong{font-size: 16px;margin-top: 20px;}
}
@media only screen and (max-width:720px) {
		.brand ul{text-align: center;}
	.brand ul li{width: 33.3%;margin-bottom: 25px;}
.brand ul li .pic{width: 65%;}
.brand ul li strong{font-size: 12px;margin-top: 15px;}

}



.blog{width: 100%;height: auto;}
.blog .blog-l{width:340px;float: left;}

.blog .blog-l ul {width: 100%;height:auto;}
.blog .blog-l ul li{cursor: pointer; font-size: 24px; padding: 20px 0;border-bottom: 1px solid #e5e5e5; width: 100%;height: auto;overflow: hidden;}
.blog .blog-l ul li i{width: 18px;height: auto;border: 1px solid #000;margin-top: 8px; display: block;float: left;}
 .blog .blog-l ul li.select i{background: #f5bf2f;border: 1px solid #f5bf2f;}
.blog .blog-l ul li span{display: block;float: right;width: calc(100% - 28px);padding-left: 10px;color: #333;}
 .blog .blog-l ul li:hover i{background: #f5bf2f;border: 1px solid #f5bf2f;}



.blog .blog-r{width: calc(100% - 340px);float: right;padding-left: 8%;}
.blog  .blog-list{width: 100%;height: auto;}
.blog  .blog-list li{margin-bottom: 30px; transition: all 0.5s ease; overflow: hidden; width: 100%;height: auto;padding: 5%;border: 1px solid #f5f7f6; border-left:15px solid #f5f7f6}
.blog .blog-list li .pic{width: 290px;height: auto;float: left; background-size: cover;background-repeat: no-repeat;background-position: center;}
.blog .blog-list li .con{width: calc(100% - 290px);padding-left: 5%;float: left;}
.blog .blog-list li .con .time{font-size: 20px;vertical-align: bottom;color:#F5BF2F;line-height: 1;}
.blog .blog-list li .con .time span{color:#F5BF2F;display: inline-block;font-size: 56px; margin-right: 15px;vertical-align: bottom;}
.blog  .blog-list li .con strong{font-size: 32px;font-family: "MS";margin-bottom: 10px; text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block; margin-top: 30px; color: #333333;}
.blog  .blog-list li .con .txt-c{width: 100%;height:54px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.blog  .blog-list li:hover{border: 1px solid #f5bf2f;border-left: 15px solid #f5bf2f;}

.blog  .blog-list li:hover strong{color: #F5BF2F;}
.blog  .blog-list li:hover .con strong{color:#F5BF2F;}

.fy{padding-top: 45px; width: 100%;height: auto;text-align: center;display: block;}
.fy a{display: inline-block;margin: 0 15px;vertical-align: middle;font-size: 24px;color: #333;}
.fy a:hover{color: #f5bf2f;font-family: "MS";}
.fy a.cut{color: #f5bf2f;font-family: "MS";}
.fy .prev,.fy .next{border: 1px solid #f5bf2f; padding:10px  16px; border-radius:100%;}
.fy .prev img,.fy .next img{width: 16px; }
.fy .prev .img2,.fy .next .img2{display: none;}
.fy .prev:hover,.fy .next:hover{background: #f5bf2f;}
.fy .prev:hover .img1,.fy .next:hover .img1{display: none;}
.fy .prev:hover .img2,.fy .next:hover .img2{display:block;}



@media only screen and (max-width:1680px) {
	.blog .blog-l{width: 320px;}
	.blog .blog-r{width: calc(100% - 320px);padding-left: 6%;}
	.blog .blog-l ul li{font-size: 22px;}
	.blog  .blog-list li .pic{width: 250px;}
	.blog  .blog-list li .con{width: calc(100% - 250px);}
.blog  .blog-list li .con strong{font-size: 28px;}
.blog  .blog-list li .con .time{font-size: 18px;}
.blog  .blog-list li .con .time span{font-size: 50px;}
.fy a{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.blog .blog-l{width: 300px;}
	.blog .blog-r{width: calc(100% - 300px);padding-left: 5%;}
	.blog .blog-l ul li{font-size: 20px;}
	.blog  .blog-list li .pic{width: 220px;}
	.blog  .blog-list li .con{width: calc(100% - 220px);}
.blog  .blog-list li .con .txt-c{height: 48px;}
.blog  .blog-list li .con strong{font-size: 26px;margin-top: 25px;}
.blog  .blog-list li .con .time{font-size: 16px;}
.blog  .blog-list li .con .time span{font-size: 45px;}
.fy a{font-size: 20px;}
.fy .prev,.fy .next{ padding:9px  15px;}
.fy .prev img,.fy .next img{width: 15px; }
}
@media only screen and (max-width:1280px) {
		.blog .blog-l{width:280px;}
	.blog .blog-r{width: calc(100% - 280px);padding-left: 5%;}
	.blog .blog-l ul li{font-size: 18px;}
		.blog  .blog-list li .pic{width: 200px;}
	.blog  .blog-list li .con{width: calc(100% - 200px);}
.blog  .blog-list li .con strong{font-size: 24px;margin-top: 20px;}
.blog  .blog-list li .con .time{font-size: 18px;}
.blog  .blog-list li .con .time span{font-size: 40px;margin-right: 10px;}
.fy a{font-size: 18px;margin: 0 10px;}
}
@media only screen and (max-width:1024px) {
		.blog .blog-l{width:100%;}
		.blog .blog-l ul{width: 100%;font-size: 0;}
	.blog .blog-l ul li{padding-top: 0; font-size: 16px; display: inline-block;vertical-align: top; width: calc(33.3% - 10px);margin-right: 15px;}
	.blog .blog-l ul li:nth-child(3){margin-right: 0;}
			.blog .blog-r{width: 100%;padding-left: 0;margin-top: 35px;}
			.blog  .blog-list li .pic{width: 160px;}
	.blog  .blog-list li .con{width: calc(100% - 160px);}
.blog  .blog-list li .con .txt-c{height: 45px;}
.blog  .blog-list li .con strong{line-height: 1; font-size: 22px;margin-top: 15px;}
.blog  .blog-list li .con .time{font-size: 16px;}
.blog  .blog-list li .con .time span{font-size: 40px;}
.fy a{font-size: 16px;}
.fy {padding-top: 25px;}
.fy .prev,.fy .next{ padding:6px  10px;}
.fy .prev img,.fy .next img{width: 14px; }
}
@media only screen and (max-width:720px) {
	.blog .blog-l ul li{font-size: 15px;width:100%;padding: 20px 0;}
		.blog .blog-l ul li:first-child{padding-top: 0;}
	.blog .blog-l ul li i{margin-top: 5px;}
	.blog  .blog-list li{border-left: 10px solid #f5f7f6;margin-bottom: 20px;}
	.blog  .blog-list li:hover{border-left: 10px solid #f5bf2f;}
.blog  .blog-list li .con strong{font-size: 20px;}
.blog  .blog-list li .con .time{font-size: 15px;}
.blog  .blog-list li .con .time span{font-size: 30px;}
.blog  .blog-list li .pic{width: 100px;display: block;margin-bottom:25px;}
.blog  .blog-list li .con{width: calc(100% - 0px);padding-left: 0;}

}


.bread{width: 100%;height:auto;padding-bottom: 75px;}
.bread .bread-c{font-size: 20px;font-family: "ML";color: #999;}
.bread .bread-c a{display: inline-block;margin: 0 10px;text-transform: uppercase;color: #999;}
.bread .bread-c a.cut{color: #f5bf2f;}
.bread .bread-c a.home{padding-left:30px;position: relative;}
.bread .bread-c a.home:before{content: "";position: absolute;left: 0;top: 5px; width: 20px;height: 20px;background: url(../img/a031.png)center no-repeat;background-size: cover;}

.blog-d{width: 100%;height: auto;}
.blog-d .blog-dl{width:calc(100% - 560px);padding-right: 5%; height: auto;float: left;}
.blog-d .blog-dl h1{font-size: 32px;font-family: "MS";}
.blog-d .blog-dl .tl{width: 100%;height: auto;padding: 25px 0 40px 0;margin-bottom: 40px; border-bottom: 1px solid #dcdcdc;}
.blog-d .blog-dl .tl span{padding-left: 30px;background-size: 20px 20px;line-height: 20px;background-repeat: no-repeat;background-position: center left; color:#666;font-size: 20px;}
.blog-d .blog-dl .txt-c{width: 100%;height: auto;}
.blog-d .blog-dl .pn{width: 100%;height: auto;overflow: hidden;padding-top: 40px;margin-top: 40px;border-top: 1px solid #dcdcdc;}
.blog-d .blog-dl .pn-l{width: 80%;padding-right: 5%;float: left;}
.blog-d .blog-dl .view{box-shadow: none;text-shadow: none; padding-top: 5px;padding-bottom: 5px; float: right;}
.blog-d .blog-dl .pn-l a{display: block;font-size:20px;margin-bottom: 10px;color: #333;}
.blog-d .blog-dl .pn-l a span{text-transform: uppercase;}
.blog-d .blog-dl .pn-l a:hover{font-family: "MS";color: #f5bf2f;}

.blog-d .blog-dr{width:560px;float: right;height:auto;}
.blog-d .blog-dr .relat-pro{width: 100%;height: auto;}
.blog-d .blog-dr .relat-pro .li{width: 100%;height: auto;position: relative; padding-bottom: 20px;border-bottom: 3px solid #f5bf2f;}

.blog-d .blog-dr .relat-pro .li  i{display: block;position: absolute;bottom:28px; right: 0;width: 19px;height: 19px;}
.blog-d .blog-dr .relat-pro .li i:before{content: "";position: absolute;left: 0;top:8px;height: 3px;width: 100%;background: #f5bf2f;}
.blog-d .blog-dr .relat-pro .li i:after{content: "";position: absolute;left: 8px;top:0px;height: 100%;width: 3px;background: #f5bf2f;}
.blog-d .blog-dr .relat-pro .li.open i:after{display: none;}
.blog-d .blog-dr .relat-pro .con{ display: none; width: 100%;height: auto;margin-top: 10px;}
.blog-d .blog-dr .relat-pro .con a{display: block;position: relative; font-size:20px;color: #333; padding: 25px 20px 25px 0;border-bottom: 1px solid #dcdcdc;}
.blog-d .blog-dr .relat-pro .con a i{position: absolute;right: 0;width: 10px;height:auto;display: block;top:calc(50% - 10px);}

.blog-d .blog-dr .blog-list{width: 100%;margin-top: 45px;}
.blog-d .blog-dr .blog-list li {margin-bottom: 10px;}
.blog-d .blog-dr .blog-list li .pic{width: 130px;}
.blog-d .blog-dr .blog-list li .con{padding-top: 25px; width: calc(100% - 130px);}
.blog-d .blog-dr .blog-list li .con .time{font-size: 14px;}
.blog-d .blog-dr .blog-list li .con .time span{font-size: 24px;}
.blog-d .blog-dr .blog-list li .con strong{font-size: 20px;margin-top: 20px;}
.blog-d .blog-dr b{font-size: 24px;font-family: "MS";font-weight: normal;display: block;}

@media only screen and (max-width:1680px) {
	.bread .bread-c{font-size: 18px;}
	.bread{padding-bottom: 65px;}
	.blog-d .blog-dl h1{font-size:28px;}
	.blog-d .blog-dl .tl span{font-size: 18px;}
	.blog-d .blog-dl .pn-l a{font-size: 18px;}
	.blog-d .blog-dr b{font-size: 22px;}
	.blog-d .blog-dr .relat-pro .con a{font-size: 18px;}
	.blog-d .blog-dr{width: 500px;}
	.blog-d .blog-dl{width: calc(100% - 500px);}
	
}
@media only screen and (max-width:1440px) {
	.bread .bread-c{font-size: 16px;}
	.bread{padding-bottom: 55px;}
	.blog-d .blog-dl h1{font-size: 26px;}
	.blog-d .blog-dl .tl span{font-size: 16px;}
	.blog-d .blog-dl .tl{padding: 25px 0 35px 0;margin-bottom: 35px;}
	.blog-d .blog-dl .pn{margin-top: 35px;padding-top: 35px;}
	.blog-d .blog-dl .pn-l a{font-size: 16px;}
	.blog-d .blog-dr b{font-size: 20px;}
		.blog-d .blog-dr .relat-pro .con a {font-size: 16px;padding: 20px 20px 20px 0;}
		.blog-d .blog-dr .blog-list{margin-top: 40px;}
		.blog-d .blog-dr{width: 450px;}
	.blog-d .blog-dl{width: calc(100% - 450px);}
}
@media only screen and (max-width:1280px) {
	.bread .bread-c{font-size: 15px;}
	.bread{padding-bottom: 50px;}
	.blog-d .blog-dl h1{font-size:24px;}
	.blog-d .blog-dl .tl span{font-size: 15px;}
	.blog-d .blog-dr b{font-size: 18px;}
	.blog-d .blog-dr .relat-pro .con a{font-size: 15px;}
			.blog-d .blog-dr{width:360px;}
	.blog-d .blog-dl{width: calc(100% - 360px);}
}
@media only screen and (max-width:1024px) {
	.bread .bread-c{font-size: 14px;}
	.bread .bread-c a.home{padding-left: 25px;}
	.bread .bread-c a.home:before{width: 16px;height: 16px;top: 3px;}
	.blog-d .blog-dl{width: 100%;height: auto;padding-right: 0;}
	.blog-d .blog-dr{width: 100%;height: auto;margin-top: 45px;}
	.bread{padding-bottom: 45px;}
	.blog-d .blog-dl h1{font-size: 22px;}
	.blog-d .blog-dl .tl span{font-size: 14px;background-size: 16px 16px;}
	.blog-d .blog-dl .tl{padding: 20px 0 30px 0;margin-bottom: 30px;}
	.blog-d .blog-dl .pn{padding-top: 30px;margin-top: 30px;}
	.blog-d .blog-dl .pn-l a{font-size: 15px;}
	.blog-d .blog-dl .pn-l{float:none;margin-bottom: 20px;}
	.blog-d .blog-dl .view{float: none;}
	.blog-d .blog-dr .blog-list{margin-top: 35px;}

}
@media only screen and (max-width:720px) {
	.blog-d .blog-dl h1{font-size: 22px;}
.blog-d .blog-dr .blog-list li .pic{float: none; width: 100px;}
.blog-d .blog-dr .blog-list li .con{width: 100%;float: none;padding-left: 0;}
.blog-d .blog-dr .blog-list li .con strong{font-size: 18px;}
.blog-d .blog-dr .blog-list{margin-top: 25px;}
}


.privacy{width: 100%;height: auto;}
.privacy h1{font-weight: normal;font-family: "MS";font-size: 48px;}
.privacy .txt-c{width: 100%;height: auto;margin-top: 45px;}
@media only screen and (max-width:1680px) {
	.privacy h1{font-size: 45px;}
}
@media only screen and (max-width:1440px) {
.privacy h1{font-size: 40px;}
}
@media only screen and (max-width:1280px) {
.privacy h1{font-size: 36px;}
}
@media only screen and (max-width:1024px) {
.privacy h1{font-size: 30px;}
}
@media only screen and (max-width:720px) {
.privacy h1{font-size: 26px;}
}


.pro{width: 100%;height: auto;}
.pro .md-title{text-align: center;}
.md-title{width: 100%;height: auto;}
.md-title b{font-size: 48px;font-weight: normal;font-family: "MS";}
.md-title h1{font-size: 48px;font-weight: normal;font-family: "MS";}
.pro .pro-list{width: 100%;height: auto;display: inline-block;font-size: 0;}
.pro .pro-list li{width: calc(25% - 22.5px);background: #FFFFFF; display: inline-block;vertical-align:top;margin-bottom: 30px; margin-right: 30px;border: 2px solid #f3f3f3;}
.pro .pro-list li:nth-child(4n){margin-right: 0;}
.pro .pro-list li .pic{width: 100%;height: auto;margin-bottom:25px;}
.pro .pro-list li .con{text-align: center; padding: 40px 5%;width: 100%;}
.pro .pro-list li .con b{font-size:24px;color: #333;margin-bottom: 20px;font-family: "MS";}
.pro .pro-list li .con .txt-c{ width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .pro-list li .con .txt-c p{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .pro-list li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.1);border:2px solid #f5bf2f}
.pro .pro-list li:hover .con b{color: #f5bf2f;}

.pro-sort{width: 100%;height: auto;display: none;}
.pro-sort a{ color: #333;font-size:15px;margin: 0 3%;display: inline-block;position: relative;margin-bottom: 10px;}
.pro-sort a:hover{color: #F5BF2F;}
.pro-sort a:hover:after{content: "";position: absolute;left: 0;bottom: 0px; height: 3px;width: 100%;background: #F5BF2F;}
.pro-sort a.cut{color: #F5BF2F;}
.pro-sort a.cut:after{content: "";position: absolute;left: 0;bottom: 0px; height: 3px;width: 100%;background: #F5BF2F;}


@media only screen and (max-width:1680px) {
.pro .pro-list li .con b{font-size: 22px;}
.md-title b{font-size: 45px;}
.md-title h1{font-size: 45px;}
}
@media only screen and (max-width:1440px) {
	.pro .pro-list li .con b{font-size: 20px;}	
.pro .pro-list li{width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
.pro .pro-list li .con{padding: 35px 5%;}
.md-title b{font-size: 40px;}
.md-title h1{font-size: 40px;}
}
@media only screen and (max-width:1280px) {
	.pro .pro-list li .con b{font-size: 18px;}
	.pro .pro-list li .pic{margin-bottom: 20px;}
.md-title b{font-size: 35px;}
.md-title h1{font-size: 35px;}
}
@media only screen and (max-width:1024px) {
	.pro-sort{display: block;margin-top:35px;}
	.pro-sort a{margin: 0 5px;margin-bottom: 20px; }
.md-title b{font-size: 30px;}
.md-title h1{font-size: 30px;}
	.pro .pro-list li .pic{margin-bottom: 15px;}
	.pro .pro-list li .con b{font-size: 16px;}
	.pro .pro-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.pro .pro-list li:nth-child(4n){margin-right: 20px;}
	.pro .pro-list li:nth-child(2n){margin-right: 0;}
	.pro .pro-list li .con{padding: 30px 5%;}
}
@media only screen and (max-width:720px) {
	.pro .pro-list li{width: calc(50% - 5px);margin-right:10px;margin-bottom:10px;}
	.pro .pro-list li:nth-child(4n){margin-right: 10px;}
	.pro .pro-list li:nth-child(2n){margin-right: 0;}
	.md-title b{font-size:28px;}
.md-title h1{font-size:28px;}
}




.download{width: 100%;height: auto;}
.download .download-l{width: 340px;float: left;height: auto;}
.download .download-l ul {width: 100%;height:auto;}
.download .download-l ul li{cursor: pointer; font-size: 24px; padding: 20px 0;border-bottom: 1px solid #e5e5e5; width: 100%;height: auto;overflow: hidden;}
.download .download-l ul li i{width: 18px;height: auto;border: 1px solid #000;margin-top: 8px; display: block;float: left;}
.download .download-l ul li.select i{background: #f5bf2f;border: 1px solid #f5bf2f;}
.download .download-l ul li span{display: block;float: right;width: calc(100% - 28px);padding-left: 10px;color:#333}
.download .download-l ul li:hover i{background: #f5bf2f;border: 1px solid #f5bf2f;}
/*.download .download-l .down-sort a{text-transform: capitalize; padding: 15px 0;  display: block;font-size: 24px;color: #333333;}
.download .download-l .down-sort a:hover{font-family: "MS";color: #F5BF2F;}
.download .download-l .down-sort a.current{font-family: "MS";color: #F5BF2F;}*/

.download .download-r {width: calc(100% - 340px);padding-left: 8%; float: right;height: auto;}
.download .download-r ul{width: 100%;height: auto;}
.download .download-r ul li{margin-bottom:15px; padding:3%;overflow: hidden; width: 100%;height: auto;border: 1px solid #f5f7f6;border-left: 15px solid #F5F7F6;}
.download .download-r ul li strong{font-weight: normal; width: 60%;float: left; padding-right: 5%; display: block;font-size: 20px;color: #333333;}
.download .download-r ul li .bn{width: 40%;float: right;text-align: right; font-size: 0;}
.download .download-r ul li a{ display: inline-block;line-height: 30px; margin-left:30px; color: #333333; font-size:16px;}
.download .download-r ul li a i{margin-right: 10px; width: 38px;height: auto;vertical-align: middle;display: inline-block;}
.download .download-r ul li:hover{border:1px solid #F5BF2F;border-left: 15px solid #F5BF2F;}


@media only screen and (max-width:1680px) {
	.download .download-r ul li strong{font-size: 18px;}
	.download .download-r ul li a i{width: 35px;}
	.download .download-l ul li{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	
	.download .download-l{width:300px;}
	.download .download-r{width: calc(100% - 300px);padding-left: 5%;}
	
	.download .download-r ul li a i{width: 30px;}
	.download .download-r ul li strong{font-size: 16px;width: 50%;}
	.download .download-r ul li .bn{width: 50%;}
	.download .download-l ul li{font-size: 20px;}
	
}
@media only screen and (max-width:1280px) {

	.download .download-l{width:250px;}
	.download .download-r{ width: calc(100% - 250px);padding-left: 3%;}
	
	.download .download-r ul li a{font-size: 14px;}
		.download .download-r ul li a i{margin-right: 5px;}
		.download .download-r ul li strong{font-size: 16px;width: 55%;}
	.download .download-r ul li .bn{width: 45%;}
	.download .download-l ul li{font-size: 18px;}
	
}
@media only screen and (max-width:1024px) {
		.download{margin-top: 0;}
.download .download-l{width:100%;float: none;}
.download .download-l ul{width: 100%;font-size: 0;}
	.download .download-l ul li{padding-top: 0; font-size: 16px; display: inline-block;vertical-align: top; width: calc(33.3% - 10px);margin-right: 15px;}
	.download .download-l ul li:nth-child(3){margin-right: 0;}
	.download .download-r{ width: 100%;padding-left: 0;float: none;margin-top: 45px;}
	.download .download-r ul li a i{width: 28px;}
	.download .download-r ul li strong{font-size: 15px;}
}
@media only screen and (max-width:720px) {
.download .download-l ul li{font-size: 15px;width:100%;padding: 20px 0;}
.download .download-l ul li:first-child{padding-top: 0;}
.download .download-l ul li i{margin-top: 5px;}
.download .download-l{width: 100%;height: auto;}
.download .download-r{width: 100%;height: auto;padding-left: 0;}
.download .download-r ul li strong{width: 100%;height:auto;float: none; padding-right: 0;margin-bottom: 15px;font-family: "MS";}
.download .download-r ul li .bn{width: 100%;height: auto;float: none;text-align: right;}



}


.faq{width: 100%;height: auto;background-position: center;background-size: cover;background-repeat: no-repeat;}
.faq .faq-list{width: 100%;height: auto;}
.faq .faq-list ul{width: 100%;height: auto; border-top: 1px solid #e5e5e5;}
.faq .faq-list ul li{width: 100%;height: auto;padding:25px 0;border-bottom: 1px solid #e5e5e5;}
.faq .faq-list ul li .tl{width: 100%;padding: 10px 5% 10px 0; height: auto;position: relative;}
.faq .faq-list ul li .tl b{position: relative;padding-left: 50px; font-size:24px;display: block;font-weight: normal;}
.faq .faq-list ul li .tl b i{position: absolute;display: block; left: 0;top: 5px; width: 30px;height: auto;margin-right: 20px;vertical-align: middle;}
.faq .faq-list ul li .tl b i .img2{display: none;}
.faq .faq-list ul li .tl span{display: block;width: 19px;height:19px;position: absolute;top: calc(50% - 9.5px);right: 0;}
.faq .faq-list ul li .tl span:before{content: "";position: absolute;left: 0;width: 100%;height:3px;top: 8px;background: #333333;}
.faq .faq-list ul li .tl span:after{content: "";position: absolute; right: 0;width: 3px;height: 100%;left: 8px;top: 0;background: #333333;}
.faq .faq-list ul li.open .tl span:after{display: none;}
.faq .faq-list ul li.open .tl span:before{background: #F5BF2F;}
.faq .faq-list ul li.open .tl b{color: #F5BF2F;font-family: "MS";}
.faq .faq-list ul li.open .tl b i .img2{display: block;}
.faq .faq-list ul li.open .tl b i .img1{display: none;}
.faq .faq-list ul li .txt-c{padding-left:50px; width: 100%;height: auto;display: none;padding-right: 5%;}
.faq .faq-list ul li.open .txt-c{display:block;}
@media only screen and (max-width:1680px) {
	.faq .faq-list ul li .tl b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.faq .faq-list ul li .tl b{font-size: 20px;padding-left: 45px;}
	.faq .faq-list ul li .tl b i{width: 25px;height: auto;}
	.faq .faq-list ul li .txt-c{padding-left: 45px;}
	
	.faq .faq-list ul li .tl{}
}
@media only screen and (max-width:1280px) {
	.faq .faq-list ul li .tl b{font-size: 18px;padding-left: 35px;}
	.faq .faq-list ul li .tl{}
	.faq .faq-list ul li .tl b i{width: 20px;margin-right: 15px;}
	.faq .faq-list ul li .txt-c{padding-left: 35px;}
	.faq .faq-list ul li{padding:20px 0;}
}
@media only screen and (max-width:1024px) {
	.faq .faq-list ul li .tl  b{font-size: 16px;padding-left: 30px;}
	.faq .faq-list ul li .tl{padding-right: 45px;}
	.faq .faq-list ul li .txt-c{padding-right: 45px;padding-left: 30px;}
	
}
@media only screen and (max-width:720px) {
	.faq .faq-list ul li{padding:10px 0;}
}



.ship{width: 100%;height: auto;}
.ship .ship-c{width: 100%;height: auto;}
.ship .ship-c .txt-c{width: 100%;height: auto;font-size: 0;}
.ship .ship-c .txt-c p{display: inline-block;vertical-align: top;width: calc(50%  - 35px);margin-right: 70px;margin-bottom: 60px;}
.ship .ship-c .txt-c p:nth-child(2n){margin-right: 0;}
.ship .ship-c .txt-c p strong{font-size: 24px;color: #333333; display:block;font-weight: normal;font-family: "MS";margin-bottom: 15px;}

.ship .ship-list ul{width: 100%;height: auto; border-top: 1px solid #e5e5e5;}
.ship .ship-list ul li{width: 100%;height: auto;padding:25px 0;border-bottom: 1px solid #e5e5e5;}
.ship .ship-list ul li .tl{ width: 100%;padding: 10px 5% 10px 0; height: auto;position: relative;}
.ship .ship-list ul li .tl b{font-size:24px;padding-left: 50px;position: relative; display: block;font-weight: normal;}
.ship .ship-list ul li .tl b i{display: block;position: absolute;left: 0;top: 5px; width: 30px;height: auto;margin-right: 20px;vertical-align: middle;}
.ship .ship-list ul li .tl b i .img2{display: none;}
.ship .ship-list ul li .tl span{display: block;width: 19px;height:19px;position: absolute;top: calc(50% - 9.5px);right: 0;}
.ship .ship-list ul li .tl span:before{content: "";position: absolute;left: 0;width: 100%;height:3px;top: 8px;background: #333333;}
.ship .ship-list ul li .tl span:after{content: "";position: absolute; right: 0;width: 3px;height: 100%;left: 8px;top: 0;background: #333333;}
.ship .ship-list ul li.open .tl span:after{display: none;}
.ship .ship-list ul li.open .tl span:before{background: #F5BF2F;}
.ship .ship-list ul li.open .tl b{color: #F5BF2F;font-family: "MS";}
.ship .ship-list ul li.open .tl b i .img2{display: block;}
.ship .ship-list ul li.open .tl b i .img1{display: none;}
.ship .ship-list ul li .txt-c{padding-left:50px; width: 100%;height: auto;display: none;padding-right: 5%;}
.ship .ship-list ul li.open .txt-c{display:block;}
.ship .ship-list ul li:last-child{border-bottom: none;}

@media only screen and (max-width:1680px) {
.ship .ship-list ul li .tl b{font-size: 22px;}
.ship .ship-c .txt-c p strong{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
.ship .ship-list ul li .tl b{font-size: 20px;padding-left: 45px;}
.ship .ship-list ul li .tl b i{width: 25px;height: auto;}
.ship .ship-list ul li .txt-c{padding-left: 45px;}
.ship .ship-list ul li .tl{}
.ship .ship-c .txt-c p{width: calc(50% - 20px);margin-right: 40px;margin-bottom: 50px;}
.ship .ship-c .txt-c p strong{font-size: 20px;}
}
@media only screen and (max-width:1280px) {
.ship .ship-list ul li .tl b{font-size: 18px;padding-left: 35px;}
.ship .ship-list ul li .tl{}
.ship .ship-list ul li .tl b i{width: 20px;margin-right: 15px;}
.ship .ship-list ul li .txt-c{padding-left: 35px;}
.ship .ship-list ul li{padding:15px 0;}
.ship .ship-c .txt-c p strong{font-size: 18px;}
.ship .ship-c .txt-c p{width: calc(50% - 15px);margin-right: 30px;margin-bottom: 40px;}
}
@media only screen and (max-width:1024px) {
.ship .ship-list ul li .tl b{font-size: 16px;padding-left: 30px;}
.ship .ship-list ul li .tl{padding-right: 45px;}
.ship .ship-list ul li .txt-c{padding-right: 45px;padding-left: 30px;}
	.ship .ship-c .txt-c p{width: 100%;}
}
@media only screen and (max-width:720px) {
.ship .ship-list ul li{padding:10px 0;}
.ship .ship-c .txt-c p{width: 100%;}
}



.tech{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.tech .tech-c{width: 100%;height: auto;}
.tech .tech-c .txt-c{width: 100%;height: auto;font-size: 0;}
.tech .tech-c .txt-c p{width: calc(33.3% - 40px);font-size: 22px; margin-right: 60px;margin-bottom: 60px;display: inline-block;vertical-align: top; }
.tech .tech-c .txt-c p:nth-child(3n){margin-right: 0;}
.tech .tech-c .txt-c p strong{text-transform: capitalize; padding-top: 20px;width: 100%; border-top: 1px solid #ECECEC; font-size:16px;color: #9999;margin-bottom: 10px;font-weight: normal; display: block;}

@media only screen and (max-width:1680px) {
	.tech .tech-c .txt-c p{font-size: 20px;}
}
@media only screen and (max-width:1440px) {
	.tech .tech-c .txt-c p{font-size: 18px;width: calc(33.3% - 30px);margin-right: 45px;}
	.tech .tech-c .txt-c p strong{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.tech .tech-c .txt-c p{font-size: 16px;width: calc(33.3% - 20px);margin-right: 30px;}
		.tech .tech-c .txt-c p strong {font-size: 14px;}
}
@media only screen and (max-width:1024px) {
		.tech .tech-c .txt-c p{font-size: 16px;width: calc(33.3% - 10px);margin-right:15px;}
		.tech .tech-c .txt-c p strong {font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.tech .tech-c .txt-c p{width: 100%;margin-bottom: 20px;}
}


.pro-banner{width: 100%;height: auto;}
.pro-banner .md-title{width: 100%;height:auto;text-align: center;}
.pro-banner .pic{width: 100%;height: auto;padding: 4% 26%; border-bottom: 1px solid #ececec;}

.pro-banner .pro-d{width: 100%;height: auto;overflow: hidden;}
.pro-banner .pro-d .pro-d-c{position: relative;overflow: hidden;}
.pro-banner .pro-d .txtbox{width: 55%;padding-right: 5%; float: left; height: auto;}
.pro-banner .pro-d .txtbox .txt-c{width: 100%;height: auto;}
.pro-banner .pro-d .txtbox .col-dmtxt1{display: none;}
.pro-banner .pro-d .txtbox .col-dmtxt2{position: absolute;width: 55%;padding-right: 5%;padding-bottom: 20px; left: 0;top: 0;max-height: 100%;overflow: hidden;text-overflow: ellipsis;}
.pro-banner .pro-d .txtbox .txt-c .txt-less{margin-top: 10px;position: absolute;left: 0;bottom: 0; font-family: "MS"; display: block;font-size: 14px; color: #F5bf2f}
.pro-banner .pro-d .txtbox .txt-c .txt-less:hover{text-decoration:none;}
.pro-banner .pro-d .txtbox .txt-c .txt-more{width: 100%;background: #fff; color: #F5bf2f;position: absolute;left: 0;bottom: 0; font-family: "MS"; font-size: 14px;display: inline-block;}
.pro-banner .pro-d .txtbox .txt-c  .txt-more:hover{text-decoration:none;}
.pro-banner .pro-d .txtbox .txt-c p{margin-bottom: 20px;}

.pro-banner .pro-d .txtbox .txt-c p strong{display: block;font-family: "MS";font-weight:normal;}
.pro-banner .pro-d .picbox{width: 45%;float: right;height: auto;}
.pro-banner .pro-d .picbox .picbox-js{width: 100%;height: auto;}
.pro-banner .pro-d .picbox .picbox-js .pic{width: 100%;height: auto;padding: 0;}
.pro-banner .pro-d .picbox .picbox-js .swiper-button-next{ background-image: url(../img/a017.png);right:5%;left: auto;}
.pro-banner .pro-d .picbox .picbox-js .swiper-button-prev{ background-image: url(../img/a018.png);left: 5%;right: auto;}
.pro-banner .pro-d .picbox .picbox-js .swiper-button-next,.pro-banner .pro-d .picbox .picbox-js .swiper-button-prev {position: absolute;top: 50%;width: 15px;height: 30px;margin-top: -15px;z-index: 10;cursor: pointer;background-size:15px 30px;background-position: center;background-repeat: no-repeat;}



.pro-banner .pdf{width: 100%;height: auto;}
.pro-banner .pdf ul{width: 100%;height: auto;}
.pro-banner .pdf ul li{width: 100%;height: auto;padding: 25px 0;border-bottom: 1px solid #ececec;}
.pro-banner .pdf ul li a{display: block;position:relative;padding-left: 45px; color: #333; font-size: 20px; line-height: 30px;}
.pro-banner .pdf ul li a i{width: 25px;height: 25px;position: absolute;display: block;left: 0;top: 5px;}
.pro-banner .pdf ul li:hover a{color:#f5bf2f;}
.pro-banner .pdf ul li:last-child{border-bottom: none;}





@media only screen and (max-width:1680px) {
	.pro-banner .pdf ul li a{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1280px) {
	.pro-banner .pic{padding: 4% 20%;}
	.pro-banner .pdf ul li a{font-size: 16px;padding-left: 40px;}
	.pro-banner .pdf ul li a i{width: 20px;}
	.pro-banner .pdf ul li{padding: 20px 0;}
}
@media only screen and (max-width:1024px) {
	.pro-banner{margin-top: 0;}
	.pro-banner .pic{padding: 35px 15%;}
	.pro-banner .pro-d .pro-d-c{position: static;}
	.pro-banner .pro-d .txtbox{position: relative;padding-bottom: 20px; width: 100%;height: auto;padding-right: 0;float: none;}
	.pro-banner .pro-d .txtbox .col-dmtxt2{width: 100%;height: 360px;position: relative;}
	.pro-banner .pro-d .picbox{ width: 100%;height:auto;float: none;margin-top: 35px;}
		.pro-banner .pdf ul li a{font-size: 15px;padding-left: 35px;}
	.pro-banner .pdf ul li a i{width: 20px;}
	.pro-banner .pdf ul li{padding: 15px 0;}
}
@media only screen and (max-width:720px) {
		.pro-banner .pic{padding: 35px 5%;}
}

.infor{width: 100%;height: auto;background: #f7f7f7;}
.infor ul{width: 100%;height: auto;font-size: 0;}
.infor ul li{width: calc(33.3% - 30px);margin-right: 45px;padding: 3%;border-radius: 5px; background: #FFFFFF; display: inline-block;position: relative;vertical-align: top; margin-bottom: 45px;}
.infor ul li:nth-child(3n){margin-right: 0;}
.infor ul li b{font-weight: normal;color: #333;font-family: "MS";text-transform: uppercase; font-size: 32px;margin-bottom: 30px;display: block;}
.infor ul li .ico{width:70px;height:auto;border-radius: 100%;position: absolute;right: 8%;top:8%;}
.infor ul li .ico img{display: block;width: 100%; border-radius: 100%;}
.infor ul li .con{width: 100%;height: auto;}
.infor ul li .con p{position: relative; width: 100%;height: auto;display: block;font-size: 20px;color: #333;margin-bottom: 20px; padding-left:35px;}
.infor ul li .con p i{width: 20px;height: auto;display: block;position: absolute;left: 0;top: 5px;}
.infor ul li .con p.tel{font-family: "MS";color: #f5bf2f;}
@media only screen and (max-width:1680px) {
	.infor ul li b{font-size: 28px;}
	.infor ul li .ico{width: 65px;}
	.infor ul li .con p{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
		.infor ul li b{font-size: 26px;}
	.infor ul li .ico{width: 60px;}
	.infor ul li .con p{font-size: 18px;}
	.infor ul li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
}
@media only screen and (max-width:1280px) {
		.infor ul li b{font-size: 24px;}
	.infor ul li .ico{width:50px;}
	.infor ul li .con p{font-size: 16px;}
	.infor ul li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
}
@media only screen and (max-width:1024px) {
			.infor ul li b{font-size: 24px;}
	.infor ul li .ico{width:45px;}
	.infor ul li .con p{font-size: 16px;}
	.infor ul li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
}

@media only screen and (max-width:900px) {
				.infor ul li b{font-size: 20px;}
	.infor ul li .ico{width:40px;}
	.infor ul li .con p{font-size: 15px;}
.infor ul li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}	
.infor ul li:nth-child(3n){margin-right: 10px;}
.infor ul li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:720px) {
	.infor ul li{width:100%;margin-bottom: 10px;padding: 5%;}
}

.contact{width: 100%;height: auto;padding-top: 110px;overflow: hidden;}
.contact .form{width:58%;height: auto;float: left;}
.contact .form .title{line-height: 1;}
.contact .form .form-c{width: 100%;padding: 0 8%;}
.contact .form .form-c .txt-c{width: 70%;height:auto;margin-top: 25px;}
.contact .form .form-c .txt-c p{color: #999;}
.contact .form .form-box{width: 100%;height: auto;}
.contact .form .form-box form{width: 100%;clear: both; height: auto;display: block;font-size: 0;}
.contact .form .form-box .label{margin-bottom: 30px; display:inline-block;width: calc(50% - 20px);margin-right: 40px; vertical-align: top;}
.contact .form .form-box .labels{margin-right: 0;}
.contact .form .form-box .label p{font-size: 14px;color: #999;display: block;margin-bottom: 10px;}
.contact .form .form-box .label input{border: none;display: block;border-bottom: 1px solid #ececec; font-size: 20px;font-family: "ML";  width: 100%;line-height: 25px;padding: 15px 0;color: #333;}
.contact .form .form-box .send{width: 240px;text-transform: uppercase;margin-top: 35px; line-height: 55px;background: #f5bf2f;box-shadow: 0 5px 10px rgba(245,191,47,0.8); font-size: 18px;font-family: "MS"; color: #FFFFFF;border: none;border-radius: 10px;}

.contact .form .form-box .label .request{border: none;display: block;border-bottom: 1px solid #ececec; font-size: 20px;font-family: "ML";  width: 100%;line-height: 25px;padding: 15px 0;color: #333;}

.contact .form .form-box .label3,.contact .form .form-box .label4 {width:100%;height: auto;}
.contact .form .form-box .label4 textarea{width: 100%;height:90px;border: none;border-bottom: 1px solid #ececec;font-size: 20px;font-family: "ML";}


.contact .form .form-box .label .layui-input-block{margin-left: 0;width: 100%;}



.contact .form .form-box .label .layui-form-select dl dd,.contact .form .form-box .label .layui-form-select dl dt{font-size: 16px;color: #333;}


.contact .form .form-box .label .layui-form-select dl dd.layui-this{color: #fff;background: #f5bf2f;}




.contact .contbox{width: 42%;height: auto;float: right;background: #f7f7f7;}
.contact .contbox .lx-infor{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.contact .contbox .lx-infor .lx-infor-c{padding:0 10%;}
.contact .contbox .lx-infor strong{margin-bottom: 45px; font-family: "MS";color: #333;display: block;font-size: 26px;font-weight: normal;}
.contact .contbox .lx-infor .con{width: 100%;height: auto;}
.contact .contbox .lx-infor .con p{position: relative; width: 100%;height: auto;display: block;font-size: 20px;color: #333;margin-bottom: 20px; padding-left:35px;}
.contact .contbox .lx-infor .con p i{width: 20px;height: auto;display: block;position: absolute;left: 0;top: 5px;}
.contact .contbox .lx-infor .con p.tel{font-family: "MS";color: #f5bf2f;}
.contact .contbox iframe{display: block; background:#ECECEC;width: 100%;height:650px;}
@media only screen and (max-width:1680px) {
.contact .contbox .lx-infor strong{font-size: 24px;}
.contact .contbox .lx-infor .con p{font-size: 18px;}
.contact .contbox iframe{height: 600px;}
}
@media only screen and (max-width:1440px) {
.contact .contbox .lx-infor strong{font-size: 22px;}
.contact .contbox .lx-infor .con p{font-size: 18px;}
.contact .form .form-box .label{margin-bottom: 25px;}
.contact .form .form-box .label p{font-size: 13px;}
.contact .form .form-box .label input{font-size: 18px;}
.contact .form .form-box .label .request{font-size: 18px;}
.contact .form .form-box .label4 textarea{font-size: 18px;}
.contact .form .form-c .txt-c{width: 80%;}
.contact .form .form-box .send{width: 220px;line-height: 50px;font-size: 16px;}
.contact .contbox iframe{height: 550px;}
}
@media only screen and (max-width:1280px) {
.contact .contbox .lx-infor strong{font-size: 20px;}
.contact .contbox .lx-infor .con p{font-size: 16px;}
.contact .form .form-box .label p{font-size: 12px;margin-bottom: 5px;}
.contact .form .form-box .label input{font-size: 16px;}
.contact .form .form-box .label .request{font-size: 16px;}
.contact .form .form-box .label4 textarea{font-size: 16px;}
.contact .form .form-c .txt-c{width: 85%;}
.contact .form .form-box .send{width: 180px;line-height:45px;font-size: 15px;}
.contact .contbox .lx-infor .lx-infor-c{padding:0 5%;}
.contact .contbox iframe{height: 550px;}
}
@media only screen and (max-width:1024px) {
.contact{padding-top:55px;}
.contact .contbox .lx-infor strong{font-size: 18px;}
.contact .contbox .lx-infor .con p{font-size: 16px;}
.contact .form .form-box .label{width: 100%;height: auto;margin-bottom: 20px;}
.contact .contbox{width: 100%;height:auto;float: none;}
.contact .form {width: 100%;height: auto;float: none;}
.contact .contbox #map{background: #887AFF;width: 100%;height:450px;}
.contact .form .form-c .txt-c{width: 100%;}
.contact .form .form-box .label{margin-bottom: 20px;}
.contact .form .form-box .label input{font-size: 15px;padding: 10px 0;}
.contact .form .form-box .label .request{font-size: 15px;padding: 10px 0;}
.contact .form .form-box .label4 textarea{font-size: 15px;}
.contact .form .form-box .send{width: 160px;line-height:45px;font-size: 15px;margin-top: 20px;}
.contact .form .form-c{padding: 0 5%;}
}
@media only screen and (max-width:720px) {
.contact{padding-top:55px;}
.contact .form .form-c{padding: 0 5%;}
.contact .form .form-box .label{margin-bottom: 15px;}
.contact .contbox .lx-infor .con p{font-size: 15px;}
.contact .contbox #map{background: #887AFF;width: 100%;height:350px;}
}