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

body{
width: 100%;
margin: 0;
overflow-x: hidden;
font-family:"OR","OB",arial,sans-serif;
}

*{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 ;font-family:"OR","OB",arial,sans-serif;}
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 {line-height: 1.1;  font-size: 100% ;font-family: "STA"; font-weight: normal;}

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 {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
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:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;width: 100%;height: auto;}


/*公共部分*/
.w85{width: 85%;max-width: 1560px; height: auto;margin: 0 auto;}
.td-space{padding: 100px 0;}
.t-space{padding-top: 100px;}
.margin-t{margin-top: 65px;}
.title{width: 100%;height: auto;}
.title h2{color: #23528e; font-size: 48px;text-transform: uppercase;font-family:"OR","OB",arial,sans-serif;}
.txt-c{width:100%;height: auto;}
.txt-c p{font-size: 18px;color: #000000;}




@media only screen and (max-width:1680px) {
.td-space{padding: 90px 0;}
.t-space{padding-top: 90px;}
.title h2{font-size: 45px;}
}
@media only screen and (max-width:1440px ) {
	.td-space{padding: 85px 0;}
	.margin-t{margin-top: 60px;}
	.t-space{padding-top:85px;}
	.title h2{font-size: 40px;}
	.txt-c p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.td-space{padding:75px 0;}
.margin-t{margin-top: 55px;}
.t-space{padding-top: 75px;}
.title h2{font-size: 36px;}
}
@media only screen and (max-width:1024px) {
.td-space{padding: 65px 0;}
.margin-t{margin-top: 45px;}
.t-space{padding-top: 65px;}
.w85{width:90%;}
.title h2{font-size: 30px;}
.txt-c p{font-size: 15px;}
}
@media only screen and (max-width:720px) {
.td-space{padding: 55px 0;}
.t-space{padding-top:55px;}
.margin-t{margin-top: 35px;}
.title h2{font-size: 25px;}
.txt-c p{font-size: 14px;}
}



.header{width: 100%;height: auto;background: #fff;position: fixed;z-index: 9999;top: 0;left: 0;}
.header .header-t{width: 100%;height: 50px;line-height: 50px; background:#23528e;color: #FFFFFF;}
.header .header-t p{float: left;}
.header .header-t .online{float: right;}
.header .header-t .online a{color: #FFFFFF;text-transform: capitalize;margin-left: 16px;}
.header .header-t .online a i{margin-right: 10px;vertical-align: middle;  width: 24px;display: inline-block;}
.header .header-t .online .share{display: inline-block;vertical-align: middle;margin-left: 15px;}
.header .header-t .online .share a{display: inline-block;width:19px;height: auto;margin-left:5px;vertical-align: middle;}

.header .header-c{width:100%;height: auto;background: #FFFFFF;}
.header .header-c .logo{width: 160px;height: auto;display: block;float: left;margin-top: 7.5px;}
.header .header-c .navbox{width: calc(100% - 160px);float: left;}
.header .header-c .navbox .nav{width: calc(100% - 450px);font-size: 0; padding: 0 5%;text-align: left;float: left;}
.header .header-c .navbox .nav li{transition: all 0.5s ease; margin: 0 3%; font-family: "OB"; display: inline-block;text-transform: uppercase;font-size: 18px; vertical-align: top;line-height: 75px;}
.header .header-c .navbox .nav li a{color: #333;}
.header .header-c .navbox .nav li:hover >a{color: #d8b743;}
.header .header-c .navbox .nav li.twosub i{width: 22px;vertical-align:middle; display: inline-block; margin-right: 10px;}
.header .header-c .navbox .nav li.twosub i .img2{display: none;}
.header .header-c .navbox .nav li.twosub:hover i .img2{display: block;}
.header .header-c .navbox .nav li.twosub:hover i .img1{display:none;}

.header .header-c .navbox .nav li.cut>a{color: #d8b743;}
.header .header-c .navbox .nav li.twosub.cut i .img2{display: block;}
.header .header-c .navbox .nav li.twosub.cut i .img1{display:none;}

.header .header-c .navbox .nav li.twosub .second-box{ z-index: 999; transition: all 0.5s ease; display: none; padding:45px 8%; color: #FFFFFF; width: 100%;position: fixed;top: ;left: 0;background: #23528e;}
.header .header-c .navbox .nav li.twosub .second-box .li{padding:0 10px; display: inline-block;vertical-align: top;width:16.6%;margin-bottom: 30px; line-height: 30px;}
.header .header-c .navbox .nav li.twosub .second-box .li a{color: #FFFFFF;font-size: 16px; font-family: "OB";text-transform: capitalize;}
.header .header-c .navbox .nav li.twosub .second-box .li .downs{margin-top: 10px;}
.header .header-c .navbox .nav li.twosub .second-box .li .downs a{margin-bottom: 5px; position: relative; padding-left: 10px; font-size: 14px; font-family: "OR";display: block;}
.header .header-c .navbox .nav li.twosub .second-box .li .downs a:before{content: "";position: absolute;left:0px;top: calc(50% - 1.5px); height: 2px;background: #FFFFFF;width: 5px;}
.header .header-c .navbox .nav li.twosub .second-box .second-c{font-size: 0; width: 100%;height: auto;}
.header .header-c .navbox .nav li.twosub .second-box .li a:hover{text-decoration: underline;color: #d8b743;}
.header .header-c .navbox .nav li.twosub .second-box .li .downs a:hover:before{background: #d8b743;}
.header .header-c .navbox .nav li.twosub:hover .second-box{display: block;}

.header .header-c .navbox .searchbox{ background: #e7eced;border-radius: 25px;margin-top: 15px; width: 450px;height: auto; float: right;}
.header .header-c .navbox .searchbox form{display: block;position: relative; width: 100%;height: auto;}
.header .header-c .navbox .searchbox .c1{width: 90%;line-height: 20px;font-family: "OR";color: #23528e; padding: 10px 15px;background: none;border: none;}
.header .header-c .navbox .searchbox .send{width: 25px;height:25px;position: absolute;border: none; top:calc(50% - 12.5px);right: 10px;background: url(../img/a004.png)center no-repeat;background-size: cover;}
.header .header-c .navbox .searchbox .c1::-webkit-input-placeholder {font-family: "OR";color: #23528e;}
.header .header-c .navbox .searchbox .c1::-moz-placeholder {font-family: "OR";color: #23528e;}
.header .header-c .navbox .searchbox .c1::-ms-input-placeholder {font-family: "OR";color: #23528e;}


.mbnav{width: 100%;height: 55px;background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 9999; display: none;}
.mbnav .mbnav-c{width: 100%;height: auto;padding: 0 10px;}
.mbnav .mbnav-c .logo{width: 115px;height: auto;display: block;float: left; margin-top: 5px;}
.mbnav .mbnav-c .chat,.mbnav .mbnav-c .inquery{margin-top: 15px; width: 25px;float: left;margin-left: 8%; height:auto;display:inline-block;}
.mbnav .mb-menu{display: none; width: 100%;max-height:calc(100% - 55px);overflow-y: auto; position: fixed; top: 55px;left: 0;background: #23528e;}
.mbnav .mb-menu .searchbox{ width:100%;padding: 20px 5%; height: auto;}
.mbnav .mb-menu .searchbox form{background: rgba(255,255,255,0.1); border-radius: 25px; display: block;position: relative; width: 100%;height: auto;display: block;border: 1px solid rgba(255,255,255,0.3);}
.mbnav .mb-menu .searchbox .c1{width: 90%;line-height: 20px;font-size: 14px; font-family: "OR";color: rgba(255,255,255,0.6); padding:5px 10px;background: none;border: none;}
.mbnav .mb-menu .searchbox .send{width: 20px;height:20px;position: absolute;border: none; top:calc(50% - 10px);right: 10px;background: url(../img/a004s.png)center no-repeat;background-size: cover;}
.mbnav .mb-menu .searchbox .c1::-webkit-input-placeholder {font-family: "OR";color: rgba(255,255,255,0.6);}
.mbnav .mb-menu .searchbox .c1::-moz-placeholder {font-family: "OR";color: rgba(255,255,255,0.6);}
.mbnav .mb-menu .searchbox .c1::-ms-input-placeholder {font-family: "OR";color: rgba(255,255,255,0.6);}

.mbnav .mb-menu ul{width: 100%;height: auto;border-top: 1px solid rgba(255,255,255,0.05);}
.mbnav .mb-menu ul li{color: #FFFFFF; display: block;width: 100%;height: auto;border-bottom:1px solid rgba(255,255,255,0.05);padding: 10px 5%; border-top:0.5px solid rgba(0,0,0,0.05);}
.mbnav .mb-menu ul li a{color: #FFFFFF;font-family: "OB";text-transform: capitalize;}
.lan{width: 100%; height: auto; margin-top: 4px; overflow: hidden;padding: 10px 5%;box-sizing: border-box;}
.lan a{color: #FFFFFF;font-family: "OB";text-transform: capitalize; }
.lan i{color: #FFFFFF;font-family: "OB";margin: 0 5%; }



.mbnav .mbnav-c .toggle{width:20px;height:18px;position: absolute;right: 5%;top:17.5px;}
.mbnav .mbnav-c .toggle span{margin-top: 8px; display: block;width: 20px;height: 2px;background:#23528e; }
.mbnav .mbnav-c .toggle:before {content: "";position: absolute;left: 0;top: 0;height: 2px;background:#23528e; width: 100%;}
.mbnav .mbnav-c .toggle:after{content: "";position: absolute;left: 0;bottom:0;height: 2px;background:#23528e; width: 100%;}
.mbnav .mbnav-c .toggle.open span{display: none;}
.mbnav .mbnav-c .toggle.open:before{transform: rotate(45deg)translateY(4px)translateX(7.5px);}
.mbnav .mbnav-c .toggle.open:after{transform: rotate(-45deg)translateY(-4px)translateX(7.5px);}







@media only screen and (max-width:1680px) {
	.header .header-c .logo{width: 140px;}
	.header .header-c .navbox{width: calc(100% - 140px);}
	.header .header-c .navbox .nav{width: calc(100% - 380px);padding: 0 4%;}
	.header .header-c .navbox .searchbox{width: 380px;}
	.header .header-c .navbox .nav li{margin: 0 2.5%;}	
}
@media only screen and (max-width:1440px) {	
	.header .header-c .navbox .nav li{font-size: 16px;margin: 0 2%;}
	.header .header-c .logo{width: 140px;}
	.header .header-c .navbox{width: calc(100% - 140px);}
	.header .header-c .navbox .nav{width: calc(100% - 340px);padding: 0 4%;}
	.header .header-c .navbox .searchbox{width: 340px;}
}
@media only screen and (max-width:1280px) {	
		.header .header-c .navbox .nav li{font-size: 14px;margin: 0 1.5%;}
		.header .header-c .logo{width: 120px;}
	.header .header-c .navbox{width: calc(100% - 120px);}
	.header .header-c .navbox .nav{width: calc(100% - 280px);padding: 0 2%;}
	.header .header-c .navbox .searchbox{width: 280px;}
}
@media only screen and (max-width:1024px) {
		.header{display: none;}
		.mbnav{display: block;}
}
@media only screen and (max-width:720px) {	
}








.banner{width: 100%;height: auto;margin-top: 25px;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{position: relative; width: 100%;height: auto;}
.banner .banner-js .pic .conbox{width: 100%;height: auto;position: absolute;left: 0;top: 25%;}
.banner .banner-js .pic .conbox span{display: block;margin-bottom: 15px; font-size: 24px;color: #23528e;text-transform: uppercase;}
.banner .banner-js .pic .conbox p{font-size: 66px;color: #23528e;line-height: 1;}
.banner .banner-js .pic .conbox .more{display:inline-block;padding: 12px 45px;margin-top: 65px; color:#FFFFFF;font-size: 16px;text-transform: uppercase; background: #d8b743;border-radius:30px;}
.banner .banner-js .vidbacking{object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}

.banner .banner-js	.swiper-pagination{padding: 0 9%; text-align: left;}
.banner .banner-js .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: none;
    opacity: 1;
    border: 1px solid #23528e;
}




.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
    background:#23528e;
}	

@media only screen and (max-width:1680px) {
	.banner .banner-js .swiper-pagination{padding: 0 7.5%;}
	.banner .banner-js .pic .conbox span{font-size: 22px;}
	.banner .banner-js .pic .conbox p{font-size: 60px;}
}
@media only screen and (max-width:1440px) {
	.banner .banner-js .pic .conbox span{font-size: 20px;}
	.banner .banner-js .pic .conbox p{font-size: 55px;}
	.banner .banner-js .pic .conbox .more{font-size: 15px;padding: 12px 40px;}
}
@media only screen and (max-width:1280px) {
	.banner .banner-js .pic .conbox span{font-size:18px;}
	.banner .banner-js .pic .conbox p{font-size: 45px;}
	.banner .banner-js .pic .conbox .more{font-size: 14px;padding: 12px 35px;}
	
}
@media only screen and (max-width:1024px) {
	.banner {margin-top: 55px;}
	.banner .banner-js .pic .conbox span{font-size:16px;}
	.banner .banner-js .pic .conbox p{font-size: 40px;}
	.banner .banner-js .pic img{display: none;}
	.banner .banner-js .pic .conbox .more{font-size: 14px;padding: 9px 30px;margin-top: 25px;}
	.banner .banner-js .pic{width: 100%;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center;}
}
@media only screen and (max-width:720px) {
	.banner .banner-js .pic .conbox .more{font-size: 12px;padding: 8px 20px;}
	.banner .banner-js .pic .conbox span{margin-bottom: 10px; font-size:15px;}
	.banner .banner-js .pic .conbox p{font-size:25px;}
}





.inpro{width: 100%;height: auto;}
.inpro .inpro-sort{ font-size: 0; width: 100%;margin-top: 35px;}
.inpro .inpro-sort li {cursor: ; padding: 10px 13px;margin: 0 1px;  display: inline-block;font-size: 16px;color: #000000;}
.inpro .inpro-sort li:hover{background: #23528e;border-radius: 30px;color: #FFFFFF;}
.inpro .inpro-sort li.cut{background: #23528e;border-radius: 30px;color: #FFFFFF;}
.inpro .inpro-c{margin-top: 45px;}
.inpro .inpro-c .inpro-list{display: none;}
.inpro  .inpro-js{width: 100%;height: auto;}
.inpro   .inpro-js .li {width: 100%;height: auto;}
.inpro   .inpro-js .li .pic {width: 100%;height: auto;}
.inpro   .inpro-js .li .pic .img2{display: none;}
.inpro   .inpro-js .li .pic:hover .img1{display: none;}
.inpro   .inpro-js .li .pic:hover .img2{display: block;}
.inpro   .inpro-js .li .con{width: 100%;height: auto;margin-top: 20px;}
.inpro   .inpro-js .li .con .tip{ display: inline-block;text-transform: uppercase; padding:2px 12px; font-size: 14px;background: #d8b743;color: #FFFFFF;}
.inpro   .inpro-js .li .con  h3{color: #000000;font-size: 18px;overflow: hidden;text-overflow: ellipsis;margin-top: 15px;margin-bottom: 25px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inpro   .inpro-js .li .con .downs{width: 100%;height: auto;overflow: hidden;}
.inpro   .inpro-js .li .con .downs span{color: #666;font-size: 14px;width: calc(100% - 30px);float: left;}
.inpro   .inpro-js .li .con .downs .zx{display: inline-block; width: 25px;height: auto;}
.inpro .inpro-top{width: 100%;height: auto;position: relative;}
.inpro .inpro-top .title{text-align: left;}

.inpro .inpro-top .swiper-button-next{background-image: url(../img/a020.png);right: 0px;left: auto;}
.inpro .inpro-top .swiper-button-prev{background-image: url(../img/a022.png);right: 65px;left: auto;}
.inpro .inpro-top .swiper-button-next,.inpro .inpro-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    z-index: 10;
    cursor: pointer;
    background-size:45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.inpro-recom{width: 100%;height: auto;margin-top: 45px;}
.inpro-recom .pic{position: relative;}
.inpro-recom .pic .play{display: block;width: 45px;height: auto;position: absolute;top:calc(50% - 22.5px);left: calc(50% - 22.5px);}

@media only screen and (max-width:1680px) {
.inpro   .inpro-js .li .con .downs span{font-size: 13px;}	
.inpro   .inpro-js .li .con .tip{font-size: 13px;}
.inpro .inpro-sort li{font-size: 15px;}
}
@media only screen and (max-width:1440px) {
	.inpro   .inpro-js .li .con  h3{font-size: 16px;}
	.inpro   .inpro-js .li .con .downs span{font-size: 12px;}
	.inpro   .inpro-js .li .con .tip{font-size: 12px;}
	.inpro-recom{margin-top: 40px;}
	.inpro .inpro-sort li{font-size: 14px;}
}
@media only screen and (max-width:1280px) {
	.inpro-recom .pic .play{width:40px;top: calc(50% - 20px);left: calc(50% - 20px);}
	.inpro   .inpro-js .li .con .downs span{font-size: 12px;}
		.inpro   .inpro-js .li .con .tip{font-size: 12px;}
		.inpro .inpro-sort li{font-size: 13px;}
}
@media only screen and (max-width:1024px) {
	.inpro   .inpro-js .li .con  h3{font-size:15px;}
	.inpro   .inpro-js .li .con .downs .zx{width: 20px;}
	.inpro-recom .pic .play{width:35px;top: calc(50% - 17.5px);left: calc(50% - 17.5px);}
	.inpro .inpro-sort li{font-size: 12px;}
	.inpro-recom{margin-top: 35px;}
}
@media only screen and (max-width:720px) {
	.inpro-recom{margin-top: 30px;}
	.inpro .inpro-top{padding-bottom: 45px;}
	.inpro .inpro-sort li{padding:6px 10px;}
	.inpro .inpro-top .swiper-button-prev{right: 50px;}
	.inpro .inpro-top .swiper-button-next,.inpro .inpro-top .swiper-button-prev {top: 100%;width: 40px;height: 40px; margin-top: -20px; background-size:40px 40px;}
	.inpro-recom .pic .play{width: 30px;top: calc(50% - 15px);left: calc(50% - 15px);}
}



.why{width: 100%;height: auto;}
.why .why-c{width: 100%;height: auto;}
.why .why-cl{width: 30%;height: auto;float: left;}
.why .why-cl .more{text-align: center;text-transform: uppercase; background: #d8b743; border-radius: 30px; color: #FFFFFF; font-size:16px;margin-top: 10%;display: inline-block;padding: 12px 8%; }
.why .txt-c{width: 70%;padding-left: 10%; height: auto;float: right;}
.why .adv{width: 100%;height: auto;position: relative;z-index: 0;}
.why .adv .bks{position: absolute;bottom:0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: -1;}
.why .adv ul{width: 100%;height: auto;font-size: 0;text-align: center;}
.why .adv ul li{padding: 0 2%; width: 25%; display: inline-block;vertical-align:top;}
.why .adv ul li h6{font-family: "OB";margin-bottom: 10px; color: #FFFFFF;font-size:36px;text-transform: capitalize;}
.why .adv ul li  .counter{font-size:60px;}
.why .adv ul li h6 b{font-size: 60px;text-transform: uppercase;}
.why .adv ul li p{font-size: 18px;color: #FFFFFF;}

@media only screen and (max-width:1680px) {
.why .adv ul li h6{font-size: 34px;}
.why .adv ul li  .counter{font-size:55px;}
.why .adv ul li h6 b{font-size:55px;}
.why .adv ul li p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
.why .adv ul li h6{font-size: 30px;}
.why .adv ul li  .counter{font-size:50px;}
.why .adv ul li h6 b{font-size:50px;}
.why .adv ul li p{font-size: 16px;}
.why .why-cl .more{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.why .adv ul li h6{font-size:25px;}
.why .adv ul li  .counter{font-size:45px;}
.why .adv ul li h6 b{font-size:45px;}

}
@media only screen and (max-width:1024px) {
.why .adv ul li h6{font-size:20px;}
.why .adv ul li  .counter{font-size:36px;}
.why .adv ul li h6 b{font-size:36px;}
.why .adv ul li p{font-size: 15px;}
.why .why-cl .more{font-size: 14px;padding: 9px 8%;}
}
@media only screen and (max-width:720px) {
.why .why-cl{width: 100%;height: auto;}
.why .why-cl .more{margin-top: 30px;}
.why .txt-c{width: 100%;height: auto;padding-left: 0;margin-top: 45px;}
.why .adv ul li h6{font-size:18px;}
.why .adv ul li  .counter{font-size:35px;}
.why .adv ul li h6 b{font-size:30px;}
.why .adv ul li{width: 50%;margin-bottom: 35px;}
.why .adv ul{padding-bottom: 0;}
}

.process{width: 100%;height: auto;}
.process .title{width: 100%;text-align: center;}
.process .process-list{width: 100%;height: auto;font-size: 0;}
.process .process-list li{border-radius: 10px;overflow: hidden;border: 1px solid #eae6de; display:inline-block; vertical-align: top;width: calc(25% - 30px);margin-right: 40px;}
.process .process-list li a{display: block;}
.process .process-list li:nth-child(4n){margin-right: 0;}
.process .process-list li .bks{padding: 8%;background:#FFFFFF; width: 100%;height: 100%; box-sizing: border-box;}
.process .process-list li .bks .ico{width:50px;height: auto;}
.process .process-list li .bks .ico img{display: block;width: 100%;height: auto;}
.process .process-list li .bks .ico .img2{display: none;}
.process .process-list li .bks h3{font-size: 36px;color: #333333;margin-top: 50px;margin-bottom: 20px;font-family: "OB";}
.process .process-list li:hover .bks{background: rgba(0,0,0,0.2);}
.process .process-list li:hover .bks .ico .img1{display: none;}
.process .process-list li:hover .bks .ico .img2{display: block;}
.process .process-list li:hover  .bks h3{color: #FFFFFF;}
.process .process-list li:hover .bks .txt-c p{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
	.process .process-list li .bks .ico{width: 45px;}
.process .process-list li .bks h3{font-size: 30px;}
	.process .process-list li{width: calc(25% - 24px);margin-right: 32px;}
}
@media only screen and (max-width:1440px) {
	.process .process-list li .bks .ico{width: 40px;}
	.process .process-list li .bks h3{font-size: 25px;margin-top: 45px;}
		.process .process-list li{width: calc(25% - 15px);margin-right: 20px;}

}
@media only screen and (max-width:1280px) {
	.process .process-list li .bks .ico{width: 35px;}
	.process .process-list li .bks h3{font-size: 22px;margin-top: 40px;}	
	.process .process-list li{width: calc(25% - 6px);margin-right:8px;}

}
@media only screen and (max-width:1024px) {
	.process .process-list li .bks .ico{width: 30px;}
	.process .process-list li .bks h3{font-size: 20px;margin-top: 35px;margin-bottom: 15px;}	
	
}
@media only screen and (max-width:720px) {
	.process .process-list li .bks .ico{width:25px;}
	.process .process-list li .bks h3{font-size:18px;margin-top: 30px;margin-bottom: 10px;}	
	.process .process-list li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.process .process-list li:nth-child(4n){margin-right: 10px;}
	.process .process-list li:nth-child(2n){margin-right: 0;}
}




.page-downs-bks{background:#eae6de;}
.touch{width: 100%;height:auto;}
.touch .touch-c{background: #FFFFFF; width: 100%;height: auto;position: relative; padding-left: 35%;}
.touch .touch-c  .pic{width: 35%;position: absolute;top: 0;left: 0;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.touch .touch-c  .form-box{width: 100%;padding: 5%; height: auto;}
.touch .touch-c  .form-box form{display: block;overflow: hidden; width: 100%;height: auto;margin-top: 40px;}
.touch .touch-c  .form-box form .label{float: left; width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.touch .touch-c  .form-box form .label p{margin-bottom: 10px; font-size: 18px;color: #000;}
.touch .touch-c  .form-box form .label input{ background: #f5f5f5;line-height: 20px;border: none; padding: 10px; width: 100%;height: auto;}
.touch .touch-c  .form-box form .label1{width: 100%;}
.touch .touch-c  .form-box form .label2{margin-right: 0;}
.touch .touch-c  .form-box form .label textarea{width: 100%;height:100px;background: #f5f5f5; border: none;padding: 10px;}
.touch .touch-c  .form-box form .send{background: #23528e;font-size: 18px;text-transform: capitalize; display: block;width: 160px;line-height: 20px;padding:15px 0px;border: none;border-radius: 30px;background: #23528e;color: #FFFFFF;}


@media only screen and (max-width:1680px) {
	.touch .touch-c  .form-box form .send{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.touch .touch-c .form-box form .send{font-size: 15px;}
	.touch .touch-c  .form-box form .label p{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
	.touch .touch-c  .form-box form .send{padding: 10px 0;}
	.touch .touch-c .form-box form .label p{font-size: 15px;}
	.touch .touch-c  .form-box form .label input{line-height: 20px;padding: 8px;}
}
@media only screen and (max-width:720px) {
	.touch .touch-c  .form-box form .label p{font-size: 12px;margin-bottom: 5px;}
	.touch .touch-c .form-box form .label{margin-bottom: 10px;}
	.touch .touch-c  .form-box form .label{width: 100%;}
	.touch .touch-c  .pic{position: relative;width: 100%;height: 200px;}
	.touch .touch-c {padding-left: 0;}
	.touch .touch-c .form-box{width: 100%;height: auto;}
}



.footer{background: #353638; width:calc(100% - 90px);height: auto;}
.footer .foot-c{padding: 65px 0; width: 100%;height: auto;overflow: hidden;}

.footer .foot-c .foot-cl{width: 35%;float: left;}
.footer .foot-c .foot-cl .logo{width: 100%; max-width: 200px;display: block;margin-bottom: 10%;}
.footer .foot-c .foot-cl .get{font-size: 24px;line-height: 1; display: inline-block;color: #FFFFFF;text-transform: capitalize; padding-bottom: 2px;position: relative;}
.footer .foot-c .foot-cl .get:after{content: "";position: absolute;border-bottom:1px solid #FFFFFF;left: 0;width: 100%;bottom: 0; height: 1px;}

.footer .foot-c .foot-cr{width: 65%;float: right;height: auto;}
.footer .foot-c .foot-cr h6{font-size: 45px;color: #FFFFFF;font-family: "OR";}
.footer .foot-c .foot-cr .cont-infor{margin-top: 55px; width:100%;height:auto;font-size: 0;}
.footer .foot-c .foot-cr .cont-infor li{padding-right: 5%; display: inline-block;vertical-align: top; width:33.3%;height: auto;}
.footer .foot-c .foot-cr .cont-infor li span{font-size: 16px;text-transform: capitalize; color: rgba(255,255,255,0.3);display: block;margin-bottom: 20px;}
.footer .foot-c .foot-cr .cont-infor li .share a{width:26px;display: inline-block;opacity: 0.6;margin-right: 10px;}
.footer .foot-c .foot-cr .cont-infor li .con{width: 100%;height: auto;}
.footer .foot-c .foot-cr .cont-infor li .con a{display: block;color: #FFFFFF;margin-bottom: 10px; font-size: 20px;text-decoration: underline;}

.footer .foot-d{overflow: hidden; width: 100%;height: auto;padding:30px 0 25px 0;border-top: 1px solid rgba(255,255,255,0.1);}
.footer .foot-d .pcy{color: #FFFFFF;float: left;width: 70%;}
.footer .foot-d .pcy span{display: inline-block;margin-right: 10px; font-size: 15px;color: #FFFFFF;}
.footer .foot-d .pcy span a{color:#FFFFFF;}
.footer .foot-d .shop{width:30%;text-align: right;float: right;}
.footer .foot-d .shop a{display: inline-block;height: 30px;width: auto;margin-left: 10px;}
.footer .foot-d .shop a img{display: block;height: 100%;width: auto;}

.cebox{background:rgba(255,255,255,0.1); width: 90px;height: auto;position:fixed;right: 0;padding: 3.5% 0; text-align: center;bottom: 0;z-index: 9999;}
.cebox a{display: block;width: 100%;padding: 20px 0;}
.cebox a .ico{width: 30px;display: block; height: auto;margin: 0 auto;}
.cebox a .ico img{display: block;width: 100%;height: auto;}
.cebox a p{font-size: 12px; text-transform: uppercase; color: #000000;transform: scale(0.9);}

@media only screen and (max-width:1680px) {
	.footer{width: calc(100% - 80px);}
	.cebox{width: 80px;}
	.footer .foot-c .foot-cr h6{font-size: 40px;}
	.footer .foot-c .foot-cr .cont-infor li .con a{font-size: 18px;}
	.footer .foot-c .foot-cl .get{font-size: 22px;}
	
}
@media only screen and (max-width:1440px) {
	.footer .foot-c .foot-cr h6{font-size: 36px;}
	.footer{width: calc(100% - 70px);}
	.cebox{width: 70px;}
	.footer .foot-c .foot-cl .logo{width:180px;}
	.footer .foot-c .foot-cl .get{font-size: 20px;}
	.footer .foot-c .foot-cl{width: 30%;}
	.footer .foot-c .foot-cr{width: 70%;}
	.footer .foot-c .foot-cr .cont-infor li .con a{font-size: 16px;}
	.footer .foot-c .foot-cr .cont-infor li .share a{width: 24px;}
	.footer .foot-c{padding: 55px 0;}
	.footer .foot-c .foot-cr .cont-infor li span{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.footer .foot-c .foot-cr h6{font-size: 30px;}
	.footer .foot-c .foot-cl .get{font-size: 18px;}
	.footer .foot-c .foot-cl .logo{width: 160px;}
	.footer .foot-c .foot-cl{width:25%;}
	.footer .foot-c .foot-cr{width:75%;}
	.footer .foot-c .foot-cr .cont-infor li .con a{font-size: 15px;}
	.footer .foot-c .foot-cr .cont-infor li .share a{width: 20px;}
	.footer .foot-c{padding: 55px 0 45px 0;}
	.footer .foot-c .foot-cr .cont-infor{margin-top: 45px;}
}

@media only screen and (max-width:1024px) {
	.footer .foot-c .foot-cr h6{font-size:25px;}
	.footer .foot-c .foot-cl .get{font-size: 16px;}
	.footer .foot-c .foot-cl .logo{width: 140px;}
	.footer .foot-c .foot-cr .cont-infor li .con a{font-size: 14px;}
	.footer .foot-c .foot-cl{width: 100%;height: auto;}
	.footer .foot-c .foot-cr{width:100%;height: auto;margin-top: 45px;}
	.footer .foot-d .pcy{width: 100%;float: none;}
	.footer .foot-d .shop{width: 100%;text-align: left; float: none;margin-top: 10px;}
	.cebox{width: 50px;}
	.footer{width: calc(100% - 50px);}
	.footer .foot-d .shop a{height: 25px;}
	.footer .foot-d .pcy span{font-size: 14px;}
	.footer .foot-c .foot-cr .cont-infor li span{font-size: 14px;margin-bottom: 10px;}
	.footer .foot-c .foot-cr .cont-infor li{padding-right: 0;}
	.footer .foot-c{padding: 55px 0 35px 0;}
	.footer .foot-c .foot-cr .cont-infor{margin-top: 35px;}
}
@media only screen and (max-width:720px) {
	.footer .foot-c .foot-cr h6{font-size: 20px;}
	.cebox{width: 40px;}
	.cebox a{transform: scale(0.8);}
	.footer{width: calc(100% - 40px);}
	.footer .foot-d .shop a{height: 20px;}
	.footer .foot-d .pcy span{font-size: 12px;}
	.footer .foot-c .foot-cr{margin-top: 35px;}
	.footer .foot-c .foot-cr .cont-infor li{width: 100%;margin-bottom: 20px;}
}


.in-banner{width: 100%;height: auto;background: #FFFFFF;margin-top: 125px;}
.in-banner .pic{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.in-banner .pic img{display: block;width: 100%;height: auto;}
.in-banner .con{width: 100%;height: auto;position: absolute;top:50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.in-banner .con span{font-size: 16px;text-transform: uppercase;color: #FFFFFF;}
.in-banner .con p{font-size: 66px;text-transform: capitalize;color: #FFFFFF;}


.bread{width: 100%;height: auto;padding-top: 30px;}
.bread .bread-c{width: 100%;height: auto;}
.bread .bread-c  a{font-size: 16px;color: #000000;text-transform: uppercase;display: inline-block;margin-right: 0 10px;}
.bread .bread-c a.home{margin-left: 0;position: relative;padding-left:30px;}
.bread .bread-c i{display: inline-block;width:6px;height: 1px;background: #000000; vertical-align: middle;}
.bread .bread-c a.home:before{content: "";position: absolute;left: 0; width: 20px;height: 20px;background:url(../img/a025.png)center no-repeat;background-size: cover;}
.bread .bread-c a:hover{color: #d8b743;}




@media only screen and (max-width:1680px) {
.in-banner .con span{font-size: 16px;}
.in-banner .con p{font-size:60px;}
}

@media only screen and (max-width:1440px) {
.in-banner .con span{font-size: 15px;}
.in-banner .con p{font-size: 55px;}
.bread .bread-c  a{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.in-banner .con span{font-size: 15px;}
.in-banner .con p{font-size: 50px;}

}
@media only screen and (max-width:1024px) {
.in-banner{margin-top: 55px;}	
	.in-banner .pic{width:100%;height:250px;}
	.in-banner .pic img{display: none;}
	.in-banner .con span{font-size: 14px;}
	.in-banner .con p{font-size:40px;}
		.bread .bread-c  a{font-size: 14px;}	
}
@media only screen and (max-width:720px) {	
	.in-banner .con span{font-size: 12px;}
	.in-banner .con p{font-size:35px;}
}


.page-downs-bks2{background: #f9f9f9;}
.hotnews{width: 100%;height: auto;}
.hotnews .hotnews-js{width: 100%;height: auto;}
.hotnews .hotnews-js  .list .con{width: 45%;z-index: 0;background: #23528e;  height: auto;position: relative;padding: 5%;}
.hotnews .hotnews-js  .list .con .bks{z-index: -1; position: absolute;bottom: 0;width: 100%;left: 0;height: auto;}
.hotnews .hotnews-js  .list{width: 100%;height: auto;border-radius: 10px;overflow: hidden; position: relative;}
.hotnews .hotnews-js  .list .pic{width: 55%;height:100%;position: absolute;top: 0;right: 0;background-size: cover;background-repeat: no-repeat;}
.hotnews .hotnews-js  .list .con .time{margin-bottom: 35px; width: 100%;height: auto;color: #d8b743;text-align: left;}
.hotnews .hotnews-js  .list .con .time span{font-size: 16px;color: #d8b743;display: block;}
.hotnews .hotnews-js  .list .con .time b{line-height: 1; font-size: 60px;color: #d8b743;display: block;}
.hotnews .hotnews-js  .list .con h3{font-size: 24px;color:#FFFFFF;height: 52px; font-family: "OB";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hotnews .hotnews-js  .list .con .txt-c{ width: 100%;height:108px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.hotnews .hotnews-js  .list .con .more{ font-size: 16px;color: #FFFFFF; display: inline-block;margin-top: 10%;font-family: "OR";padding:8px 5%;background: #d8b743; border-radius: 30px; text-transform: uppercase;}
.hotnews .hotnews-js  .list .con .txt-c p{color: #FFFFFF;}
.hotnews .hotnews-js .swiper-button-next{
    background-image: url(../img/a026.png);
    right: 60%;
    left: auto;}
.hotnews .hotnews-js .swiper-button-prev{
    background-image: url(../img/a027.png);
    right:calc(60% + 55px);
    left: auto;}
    
.hotnews .hotnews-js .swiper-button-next,.hotnews .hotnews-js .swiper-button-prev {
    position: absolute;
    top:15%;
    width:45px;
    height: 45px;
    margin-top: -22.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
.hotnews .hotnews-js  .list .con .time b{font-size: 55px;}
.hotnews .hotnews-js  .list .con .time span{font-size: 15px;}
.hotnews .hotnews-js  .list .con h3{font-size: 22px;height: 48px;}
}
@media only screen and (max-width:1440px) {
.hotnews .hotnews-js  .list .con .time b{font-size:45px;}
.hotnews .hotnews-js  .list .con .time span{font-size: 14px;}
.hotnews .hotnews-js  .list .con h3{font-size: 20px;height: 44px;}	
.hotnews .hotnews-js  .list .con{width: 50%;}
.hotnews .hotnews-js  .list .pic{width: 50%;}
.hotnews .hotnews-js  .list .con .txt-c{height: 96px;}
.hotnews .hotnews-js .swiper-button-next{right:55%;}
.hotnews .hotnews-js .swiper-button-prev{ right:calc(55% + 55px);}
}
@media only screen and (max-width:1280px) {
.hotnews .hotnews-js  .list .con .time b{font-size:40px;}
.hotnews .hotnews-js  .list .con .time span{font-size: 14px;}
.hotnews .hotnews-js  .list .con h3{font-size: 18px;height: 40px;}
.hotnews .hotnews-js  .list .con{width: 55%;}
.hotnews .hotnews-js  .list .pic{width:45%;}

.hotnews .hotnews-js .swiper-button-next{right: 50%;}
.hotnews .hotnews-js .swiper-button-prev{ right:calc(50% + 55px);}
}
@media only screen and (max-width:1024px) {
.hotnews .hotnews-js  .list .con .time b{font-size:35px;}
.hotnews .hotnews-js  .list .con .time span{font-size: 14px;}		
.hotnews .hotnews-js  .list .con .txt-c{height: 90px;}
.hotnews .hotnews-js  .list .con{width: 60%;}
.hotnews .hotnews-js  .list .pic{width:40%;}
.hotnews .hotnews-js  .list .con h3{font-size: 16px;height: 36px;}
.hotnews .hotnews-js .swiper-button-next{right: 45%;}
.hotnews .hotnews-js .swiper-button-prev{ right:calc(45% + 55px);}
}
@media only screen and (max-width:720px) {
.hotnews .hotnews-js  .list .con .time b{font-size:30px;}
.hotnews .hotnews-js  .list .con .time span{font-size: 12px;}
.hotnews .hotnews-js  .list .con .txt-c{height: 84px;}
.hotnews .hotnews-js .swiper-button-next{right: 5%;}
.hotnews .hotnews-js .swiper-button-next,.hotnews .hotnews-js .swiper-button-prev {top: 9%;width:40px;height: 40px;margin-top: -20px;z-index: 10;cursor: pointer; background-size: 40px 40px;}
.hotnews .hotnews-js .swiper-button-prev{ right:calc(5% + 50px);}
.hotnews .hotnews-js  .list .con{width:100%;padding: 45px 5%;}
.hotnews .hotnews-js  .list .pic{width:100%;height: 250px;position: relative;}
}

.news-list{width: 100%;height: auto;background: #f9f9f9;}
.news-list .title{text-align: center; width: 100%;height: auto;}
.news-list ul{width: 100%;height: auto;font-size: 0;}
.news-list ul li{margin-bottom: 30px; border-radius: 5px;overflow: hidden; width: calc(33.3% - 20px);margin-right: 30px; vertical-align: top;display: inline-block;}
.news-list ul li:nth-child(3n){margin-right: 0;}
.news-list ul li .bks .time{margin-bottom: 35px; width: 100%;height: auto;color: #d8b743;text-align: left;}
.news-list ul li .bks .time span{font-size: 16px;color: #d8b743;display: block;}
.news-list ul li .bks .time b{line-height: 1; font-size: 60px;color: #d8b743;display: block;}
.news-list ul li .bks{padding:45px 6%; background: #FFFFFF; width: 100%;height: auto;}
.news-list ul li .bks h3{font-size: 24px;height: 52px; color:#23528e;font-family: "OB";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-list ul li .bks .txt-c{ width: 100%;height:108px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news-list ul li .bks  .more{ font-size: 16px;color:#23528e;display: block;margin-top: 10%;font-family: "OR";text-transform: uppercase; padding-top: 10%;border-top: 1px solid #d3d8dc;}
.news-list ul li:hover .bks  .more{border-top: 1px solid rgba(255,255,255,0.1);color:#FFFFFF}
.news-list ul li:hover .bks {background: rgba(0,0,0,0.4);}
.news-list ul li:hover .bks .txt-c p{color: #FFFFFF;}
.news-list ul li:hover .bks h3{color: #FFFFFF;}
.news-list ul li:hover .bks .time span{color: #FFFFFF;}
.news-list ul li:hover .bks .time b{color: #FFFFFF;}

@media only screen and (max-width:1680px) {
	.news-list ul li .bks .time b{font-size: 55px;}
	.news-list ul li .bks .time span{font-size: 15px;}
	.news-list ul li .bks h3{font-size: 22px;height: 48px;}	

}
@media only screen and (max-width:1440px) {
	.news-list ul li .bks .time b{font-size:45px;}
	.news-list ul li .bks .time span{font-size: 14px;}
	.news-list ul li{width: calc(33.3% - 15px);margin-right: 22.5px;margin-bottom: 22.5px;}	
	.news-list ul li .bks h3{font-size: 20px;height: 44px;}
	.news-list ul li .bks  .more{font-size: 15px;}
	.news-list ul li .bks .txt-c{height: 96px;}
}
@media only screen and (max-width:1280px) {
	.news-list ul li .bks{padding: 40px 5%;}	
		.news-list ul li .bks .time b{font-size:40px;}
	.news-list ul li .bks .time span{font-size: 14px;}
	.news-list ul li{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom:15px;}	
.news-list ul li .bks h3{font-size: 18px;height: 40px;}
}
@media only screen and (max-width:1024px) {	
	.news-list ul li .bks{padding: 35px 5%;}
		.news-list ul li .bks .time b{font-size:35px;}
	.news-list ul li .bks .time span{font-size: 14px;}
		.news-list ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom:20px;}
			.news-list ul li:nth-child(3n){margin-right: 20px;}
		.news-list ul li:nth-child(2n){margin-right: 0px;}
.news-list ul li .bks h3{font-size: 16px;height: 36px;}
.news-list ul li .bks  .more{font-size: 14px;}
	.news-list ul li .bks .txt-c{height: 90px;}
}
@media only screen and (max-width:720px) {
	.news-list ul li .bks{padding: 30px 5%;}
		.news-list ul li .bks .time b{font-size:30px;}
	.news-list ul li .bks .time span{font-size: 12px;}
			.news-list ul li{width: calc(100% - 5px);margin-right:10px;margin-bottom:10px;}
			.news-list ul li:nth-child(3n){margin-right: 10px;}
		.news-list ul li:nth-child(2n){margin-right: 0px;}	
			.news-list ul li .bks .txt-c{height:84px;}
}



.news-d{width: 100%;height: auto;}
.news-d .news-dl{float: left;width: calc(100% - 465px);padding-right: 5%;height: auto;}
.news-d .news-dl h1{color: #23528e;font-size: 40px;font-family: "OB";}
.news-d .news-dl .tlcon{width: 100%;height: auto;padding: 45px 0;margin-bottom: 45px;border-bottom: 1px solid #dcdcdc; }
.news-d .news-dl .tlcon span{text-transform: capitalize; font-size: 16px;color: #999;display: inline-block;margin-right: 3%;}
.news-d .news-dl .txt-c{width: 100%;height: auto;}
.news-d .news-dl .txt-c img{max-width: 100%;height: auto;}
.news-d .news-dl .pnr{ padding-top: 35px;border-top: 1px solid #dcdcdc; width: 100%;height: auto;margin-top: 45px;}
.news-d .news-dl .pnr .prev,.news-d .news-dl .pnr .next{color: #000000;margin-bottom: 10px; display: block;width: 100%;height: auto;}
.news-d .news-dl .pnr .return{text-transform: uppercase; display: inline-block; margin-top: 35px; padding: 10px 35px;font-size: 16px;color: #FFFFFF;background:#d8b743;border-radius: 30px;}
.news-d .news-dl .pnr .prev:hover,.news-d .news-dl .pnr .next:hover{color: #d8b743;}

.news-d .news-dr{float: right; width: 465px;height: auto;}
.news-d .news-dr h6{text-transform: uppercase;  font-size: 30px;color: #23528e;margin-bottom: 35px;font-family: "OB";}
.news-d .news-dr .newslist{width: 100%;height: auto;}
.news-d .news-dr .newslist li{margin-bottom: 30px; border-radius: 5px;overflow: hidden; width:100%; vertical-align: top;display: inline-block;}
.news-d .news-dr .newslist li .bks .time{margin-bottom: 35px; width: 100%;height: auto;color: #d8b743;text-align: left;}
.news-d .news-dr .newslist li .bks .time span{font-size: 16px;color: #d8b743;display: block;}
.news-d .news-dr .newslist li .bks .time b{line-height: 1; font-size: 60px;color: #d8b743;display: block;}
.news-d .news-dr .newslist li .bks{padding:45px 6%; background: #FFFFFF; width: 100%;height: auto;}
.news-d .news-dr .newslist li .bks h3{font-size: 24px;color:#23528e;font-family: "OB";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-d .news-dr .newslist li .bks .txt-c{ width: 100%;height: auto;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news-d .news-dr .newslist li .bks  .more{ font-size: 16px;color:#23528e;display: block;margin-top: 10%;font-family: "OR";text-transform: uppercase; padding-top: 10%;border-top: 1px solid #d3d8dc;}
.news-d .news-dr .newslist li:hover .bks  .more{border-top: 1px solid rgba(255,255,255,0.1);color:#FFFFFF}
.news-d .news-dr .newslist li:hover .bks {background: rgba(0,0,0,0.4);}
.news-d .news-dr .newslist li:hover .bks .txt-c p{color: #FFFFFF;}
.news-d .news-dr .newslist li:hover .bks h3{color: #FFFFFF;}
.news-d .news-dr .newslist li:hover .bks .time span{color: #FFFFFF;}
.news-d .news-dr .newslist li:hover .bks .time b{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
.news-d .news-dr .newslist li  .bks .time b{font-size: 55px;}
.news-d .news-dr .newslist li  .bks .time span{font-size: 15px;}
.news-d .news-dr .newslist li  .bks h3{font-size: 22px;height: 48px;}	
.news-d .news-dl h1{font-size: 36px;}
.news-d .news-dr{width: 450px;}
.news-d .news-dl{width: calc(100% - 450px);}
}

@media only screen and (max-width:1440px) {
.news-d .news-dr .newslist li  .bks .time b{font-size:45px;}
.news-d .news-dr .newslist li  .bks .time span{font-size: 14px;}
.news-d .news-dr .newslist li {margin-bottom: 22.5px;}	
.news-d .news-dr .newslist li  .bks h3{font-size: 20px;height: 44px;}
.news-d .news-dl h1{font-size: 30px;}
.news-d .news-dl .tlcon span{font-size: 15px;}
.news-d .news-dr{width: 400px;}
.news-d .news-dl{width: calc(100% - 400px);}
.news-d .news-dr .newslist li .bks  .more{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
.news-d .news-dr .newslist li  .bks{padding: 40px 5%;}	
.news-d .news-dr .newslist li  .bks .time b{font-size:40px;}
.news-d .news-dr .newslist li  .bks .time span{font-size: 14px;}
.news-d .news-dr .newslist li{margin-bottom:15px;}	
.news-d .news-dr .newslist li  .bks h3{font-size: 18px;height: 40px;}
.news-d .news-dl h1{font-size: 26px;}
.news-d .news-dl .tlcon{padding: 35px 0;margin-bottom: 35px;}
.news-d .news-dr{width: 350px;}
.news-d .news-dl{width: calc(100% - 350px);}

}
@media only screen and (max-width:1024px) {	
.news-d .news-dr .newslist li  .bks{padding: 35px 5%;}
.news-d .news-dr .newslist li  .bks .time b{font-size:35px;}
.news-d .news-dr .newslist li  .bks .time span{font-size: 14px;}
.news-d .news-dr .newslist li {margin-bottom:20px;}
.news-d .news-dr .newslist li  .bks h3{font-size: 16px;height: 36px;}
.news-d .news-dl h1{font-size: 24px;}
.news-d .news-dl .tlcon span{font-size: 14px;}
.news-d .news-dr{width:100%;margin-top: 50px;}
.news-d .news-dl{width: 100%;padding-right: 0;}	
.news-d .news-dr .newslist li .bks  .more{font-size: 14px;}
}


@media only screen and (max-width:720px) {
.news-d .news-dl .tlcon{padding: 30px 0;margin-bottom: 30px;}
.news-d .news-dr .newslist li .bks{padding: 30px 5%;}
.news-d .news-dr .newslist li .time b{font-size:30px;}
.news-d .news-dr .newslist li .time span{font-size: 12px;}
.news-d .news-dr .newslist li{width: calc(100% - 5px);margin-right:10px;margin-bottom:10px;}
.news-d .news-dl h1{font-size:24px;}
}




.contact{width: 100%;height: auto;}
.contact .contact-top{width: 100%;height: auto;overflow: hidden;}
.contact .contact-top .title{width:40%;float: left;height: auto;}
.contact .contact-top .share{width:55%;text-align: right;float: right;margin-top: 20px;}
.contact .contact-top .share a{display: inline-block;margin-left: 10px; width: 25px;height: auto;}
.contact .cont-infor{ font-size: 0; width: 100%;height: auto;}
.contact .cont-infor li{background: #fff;padding:4% 2%;display:inline-block;vertical-align: top;  width: calc(33.3% - 20px);margin-right: 30px;height: auto;border: 1px solid #dcdcdc;border-radius: 5px;}
.contact .cont-infor li:nth-child(3n){margin-right: 0;}
.contact .cont-infor li .ico{width:55px;height: auto;display: block;margin: 0 auto;}
.contact .cont-infor li h6{font-size:24px;font-family: "OB";margin-top: 35px;text-align: center; color:#23528e;}

@media only screen and (max-width:1680px) {
	.contact .cont-infor li .ico{width: 50px;}
	.contact .cont-infor li h6{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.contact .cont-infor li .ico{width: 50px;}
	.contact .cont-infor li h6{font-size: 20px;}
	.contact .cont-infor li{width: calc(33.3% - 15px);margin-right: 22.5px;}
}
@media only screen and (max-width:1280px) {
	.contact .cont-infor li .ico{width: 45px;}
	.contact .cont-infor li h6{font-size:18px;}
		.contact .cont-infor li{width: calc(33.3% - 10px);margin-right:15px;}
}
@media only screen and (max-width:1024px) {
	.contact .cont-infor li .ico{width: 50px;}
	.contact .cont-infor li h6{font-size:16px;}
}
@media only screen and (max-width:720px) {
	.contact .contact-top .title{width: 100%;}
	.contact .contact-top .share{width: 100%;height: auto;}
	.contact .cont-infor li .ico{width: 40px;}
	.contact .cont-infor li h6{font-size:15px;}
			.contact .cont-infor li{width: 100%;margin-right:0;margin-bottom: 10px;}
}


.service{width: 100%;height: auto;}
.service .ser-sort{width: 100%;height: auto;font-size: 0;}
.service .ser-sort li{text-align: center; border-radius: 10px;overflow: hidden;border: 1px solid #eae6de; display:inline-block; vertical-align: top;width: calc(25% - 30px);margin-right: 40px;}
.service .ser-sort li:nth-child(4n){margin-right: 0;}
.service .ser-sort li .bks{padding: 8%;background:#FFFFFF; width: 100%;height: auto;}
.service .ser-sort li .bks .ico{margin: 0 auto; width:50px;height: auto;}
.service .ser-sort li .bks .ico img{display: block;width: 100%;height: auto;}
.service .ser-sort li .bks .ico .img2{display: none;}
.service .ser-sort li .bks h3{font-size: 36px;color: #333333;margin-top: 50px;margin-bottom: 20px;font-family: "OB";}
.service .ser-sort li:hover .bks{background: rgba(0,0,0,0.2);}
.service .ser-sort li:hover .bks .ico .img1{display: none;}
.service .ser-sort li:hover .bks .ico .img2{display: block;}
.service .ser-sort li:hover  .bks h3{color: #FFFFFF;}

.service .ser-sort li.cut .bks{background: rgba(0,0,0,0.2);}
.service .ser-sort li.cut .bks .ico .img1{display: none;}
.service .ser-sort li.cut .bks .ico .img2{display: block;}
.service .ser-sort li.cut  .bks h3{color: #FFFFFF;}
.service .service-d{width: 100%;height: auto;background: #e7eced;padding: 5%;}
.service .service-d .title{margin-bottom: 45px; text-align: center;}


@media only screen and (max-width:1680px) {
	.service .ser-sort li{width: calc(25% - 15px);margin-right: 20px;}
	.service .ser-sort li .bks h3{font-size: 32px;margin-top: 45px;}
}
@media only screen and (max-width:1440px) {
	.service .ser-sort li{width: calc(25% - 9px);margin-right:12px;}
	.service .ser-sort li .bks .ico{width: 45px;}
	.service .ser-sort li .bks h3{font-size: 30px;margin-top: 40px;}
}
@media only screen and (max-width:1280px) {
	.service .ser-sort li .bks h3{font-size:28px;margin-top: 35px;}
}
@media only screen and (max-width:1024px) {	
	.service .ser-sort li .bks .ico{width: 40px;}
	.service .ser-sort li .bks h3{font-size: 20px;margin-top: 30px;}
}
@media only screen and (max-width:720px) {
	.service .ser-sort li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.service .ser-sort li:nth-child(4n){margin-right: 0;}
	.service .ser-sort li:nth-child(2n){margin-right: 0;}
	.service .ser-sort li .bks .ico{width:36px;}
	.service .ser-sort li .bks h3{font-size: 18px;margin-top:15px;}
	.service .service-d{padding: 35px 5%;}
}

.pro{width: 100%;height: auto;}
.pro .pro-sort{width:300px;float: left; height: auto;}
.pro .pro-sort li{color: #23528e;margin-bottom: 10px;}
.pro .pro-sort li>a{font-size: 18px;color: #23528e;width: 100%;display: block; padding: 10px 5%;font-family: "OB";}
.pro .pro-sort li .downs{background: #f3f3f3; width: 100%;height: auto;}
.pro .pro-sort li .downs>a{display: block; padding:15px 10px;font-size: 16px;font-family: "OR";}

.pro .pro-sort li:hover>a{color: #FFFFFF;background: #23528e;}
.pro .pro-sort li.cut>a{color: #FFFFFF;background: #23528e;}
.pro .pro-sort li .downs>a{color: #666666;}
.pro .pro-sort li .downs>a:hover{color: #d8b743;}
.pro .pro-sort li .downs>a.cuts{color: #d8b743;}
.pro .pro-sort li.second{background: #F3F3F3;}

.pro .pro-list{width: calc(100% - 300px);padding-left: 5%; float: right;height: auto;}
.pro .pro-list .prolist{width: 100%;height: auto;font-size: 0;}
.pro .pro-list .prolist li {width:calc(25% - 12px);display: inline-block; vertical-align: top; margin-right:16px;margin-bottom: 20px;}
.pro .pro-list .prolist li:nth-child(4n){margin-right: 0;}
.pro .pro-list .prolist li .pic {width: 100%;height: auto;}
.pro .pro-list .prolist li .pic .img2{display: none;}
.pro .pro-list .prolist li .pic:hover .img1{display: none;}
.pro .pro-list .prolist li .pic:hover .img2{display: block;}
.pro .pro-list .prolist li .con{width: 100%;height: auto;margin-top: 20px;}
.pro .pro-list .prolist li .con .tip{ display: inline-block;text-transform: uppercase; padding:2px 12px; font-size: 14px;background: #d8b743;color: #FFFFFF;}
.pro .pro-list .prolist li .con  h3{color: #000000;font-size: 18px;overflow: hidden;text-overflow: ellipsis;margin-top: 15px;margin-bottom: 25px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pro .pro-list .prolist li .con .downs{width: 100%;height: auto;overflow: hidden;}
.pro .pro-list .prolist li .con .downs span{color: #666;font-size: 14px;width: calc(100% - 30px);float: left;}
.pro .pro-list .prolist li .con .downs .zx{display: inline-block; width: 25px;height: auto;}


@media only screen and (max-width:1680px) {
.pro .pro-list .prolist li .con .downs span{font-size: 13px;}	
.pro .pro-list .prolist li .con .tip{font-size: 13px;}
.pro .pro-sort li>a{font-size: 16px;}
.pro .pro-sort{width: 260px;}
.pro .pro-list{width: calc(100% - 260px);}
}
@media only screen and (max-width:1440px) {
.pro .pro-list .prolist li .con  h3{font-size: 16px;}
.pro .pro-list .prolist li .con .downs span{font-size: 12px;}
.pro .pro-list .prolist li .con .tip{font-size: 12px;}
.pro .pro-sort li>a{font-size: 15px;}
.pro .pro-sort li .downs>a{font-size: 14px;}
.pro .pro-sort{width: 230px;}
.pro .pro-list{width: calc(100% - 230px);}
.pro .pro-list .prolist li{width: calc(25% - 9px);margin-right: 12px;margin-bottom: 12px;}
}
@media only screen and (max-width:1280px) {
.pro .pro-sort{width: 200px;}
.pro .pro-list{width: calc(100% - 200px);}
.pro .pro-list .prolist li .con .downs span{font-size: 12px;}
.pro .pro-list .prolist li .con .tip{font-size: 12px;}
.pro .pro-list .prolist li{width: calc(33.3% - 6px);margin-right:9px;margin-bottom: 9px;}
.pro .pro-list .prolist li:nth-child(4n){margin-right: 9px;}
.pro .pro-list .prolist li:nth-child(3n){margin-right: 0;}
}



@media only screen and (max-width:1024px) {
	
.pro .pro-sort li>a{font-size: 14px;}
.pro .pro-sort li .downs>a{font-size: 13px;}
.pro .pro-sort{width: 180px;}
.pro .pro-list{width: calc(100% - 180px);}
.pro .pro-list .prolist li{width: calc(50% - 10px);margin-right:20px;margin-bottom:20px;}
.pro .pro-list .prolist li:nth-child(4n){margin-right: 20px;}
.pro .pro-list .prolist li:nth-child(3n){margin-right:20px;}
.pro .pro-list .prolist li:nth-child(2n){margin-right:0px;}
.pro .pro-list .prolist li .con  h3{font-size:15px;}
.pro .pro-list .prolist li .con .downs .zx{width: 20px;}
}
@media only screen and (max-width:720px) {
	.pro .pro-list .prolist li{width: calc(50% - 5px);margin-right:10px;margin-bottom:15px;}
.pro .pro-list .prolist li:nth-child(4n){margin-right:10px;}
.pro .pro-list .prolist li:nth-child(3n){margin-right:10px;}
.pro .pro-list .prolist li:nth-child(2n){margin-right:0px;}
	.pro .pro-sort{width: 100%;height: auto;float:none;}
	.pro .pro-list{width: 100%;height: auto;float:none;padding-left: 0;}
	.pro .pro-sort{font-size: 0;}
	.pro .pro-sort li{display: inline-block;width:33.3%;vertical-align: top;}
	.pro .pro-sort li>a{font-size: 12px;padding:5px 5px;}
	.pro .pro-sort li.second{width: 100%;}
	.pro .pro-sort li.second .downs a{display: inline-block;vertical-align: top;}
.pro .pro-sort li .downs>a{font-size: 12px;padding:5px 10px;}
	
		
}







.pro .pro-list  .fy{width: 100%;height: auto;text-align: left;margin-top: 35px;}
.pro .pro-list .fy ul{width: 100%;height: auto;font-size: 0;}
.pro .pro-list .fy ul li{margin: 0 5px; vertical-align: middle;font-size: 18px;color: #23528e;text-transform: uppercase;   display: inline-block;}
.pro .pro-list .fy ul li a{color: #23528e;padding:4px 12px;font-family: "OB";  border-radius: 100%;  display: inline-block;}
.pro .pro-list .fy ul li:hover a{background: #d8b743;color: #FFFFFF;}
.pro .pro-list .fy ul li.cut a{background: #d8b743;color: #FFFFFF;}
.pro .pro-list .fy ul li:first-child{margin-left: 0;}

@media only screen and (max-width:1680px) {
	.pro .pro-list .fy ul li{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.pro .pro-list .fy ul li{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
.pro .pro-list .fy ul{text-align: center;}
.pro .pro-list .fy ul li{font-size: 14px;margin: 0 2px;}
.pro .pro-list .fy ul li a{padding:4px 10px;}

}
@media only screen and (max-width:720px) {
}



.search{width: 100%;height: auto;}
.search  .pro-list{width: 100%;height: auto;padding-left: 0;}
.search  .pro-list .prolist li{width: calc(20% - 12px);height: auto;margin-right: 15px;margin-bottom: 15px;}
.search  .pro-list .prolist li:nth-child(4n){margin-right: 15px;}
.search  .pro-list .prolist li:nth-child(5n){margin-right: 0;}
.search  .pro-list  .fy ul{text-align: center;}

@media only screen and (max-width:1680px) {
}

@media only screen and (max-width:1440px) {
	
	.search  .pro-list .prolist li{width: calc(20% - 10px);height: auto;margin-right: 12.5px;}
.search  .pro-list .prolist li:nth-child(4n){margin-right: 12.5px;}
.search  .pro-list .prolist li:nth-child(5n){margin-right: 0;}
}

@media only screen and (max-width:1280px) {
		.search  .pro-list .prolist li{width: calc(25% - 12px);margin-bottom: 16px; height: auto;margin-right: 16px;}
.search  .pro-list .prolist li:nth-child(3n){margin-right: 16px;}
.search  .pro-list .prolist li:nth-child(5n){margin-right: 16px;}
.search  .pro-list .prolist li:nth-child(4n){margin-right: 0px;}
}

@media only screen and (max-width:1024px) {
.search  .pro-list .prolist li{width: calc(33.3% - 10px);margin-bottom: 15px; height: auto;margin-right: 15px;}
.search  .pro-list .prolist li:nth-child(5n){margin-right: 15px;}
.search  .pro-list .prolist li:nth-child(4n){margin-right: 15px;}
.search  .pro-list .prolist li:nth-child(3n){margin-right: 0px;}
}

@media only screen and (max-width:720px) {
.search  .pro-list .prolist li{width: calc(50% - 5px);margin-bottom: 15px; height: auto;margin-right: 10px;}
.search  .pro-list .prolist li:nth-child(5n){margin-right: 10px;}
.search  .pro-list .prolist li:nth-child(4n){margin-right: 10px;}
.search  .pro-list .prolist li:nth-child(3n){margin-right:10px;}
.search  .pro-list .prolist li:nth-child(2n){margin-right:0px;}
}

.pro-d{width: 100%;height: auto;}
.pro-d .pro-l{padding-right:2%; width:35%;height: auto;float: left;}
.pro-d .pro-l #pro-l1{width:100%;height: auto;margin-bottom: 25px;}
.pro-d .pro-l #pro-l1 .pic{width: 100%;height: auto;position: relative;}
.pro-d .pro-l #pro-l1 .vidbacking{object-fit: cover; position: absolute;top: 0;left: 0; width: 100%;height:100%;object-fit: cover;}


.pro-d .pro-l #pro-l2{width: 100%;height: auto;}
.pro-d .pro-l #pro-l2 .pic{position: relative; width: 100%;height: auto;}
.pro-d .pro-l #pro-l2 .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-l #pro-l2 .pic .play{display: block;position: absolute;left: calc(50% - 10px);bottom:calc(50% - 10px); width: 20px;height: auto;}
.pro-d .pro-l #pro-l2 .swiper-slide-active{border: 2px solid #d8b743;}





.pro-d .pro-r{width:65%;padding-left: 5%;float:right;}
.pro-d .pro-r .tips{font-size: 14px;padding: 2px 5px;text-transform: uppercase; background: #d8b743;color: #FFFFFF;}
.pro-d .pro-r h1{font-size: 36px;color:#23528e;font-family: "OR";margin-top: 35px;}
.pro-d .pro-r .txt-c{width: 100%;height: auto;margin-top: 45px;}
.pro-d .pro-r .txt-c p{color: #999;}
.pro-d .pro-r .txt-c p strong{font-weight: normal; display: inline-block;font-size: 14px; padding: 10px 20px; color:#23528e;background:#e7eced;border-radius: 20px; margin-right: 10px;}
.pro-d .pro-r .downs{font-size: 0; margin-top: 65px; width: 100%;height: auto;}
.pro-d .pro-r .downs a{text-transform: uppercase; display: inline-block;vertical-align: top; margin-right: 10px; font-size: 16px;color: #d8b743;border-radius: 30px;  display:inline-block;padding: 0 25px;line-height: 40px;border:1px solid #d8b743;}
.pro-d .pro-r .downs a i{display: inline-block;margin-right: 5px; vertical-align: middle;width: 25px;}
.pro-d .pro-r .downs a:nth-child(2n){color:#FFFFFF;background: #d8b743;}







@media only screen and (max-width:1680px) {
.pro-d .pro-r h1{font-size: 34px;}
}
@media only screen and (max-width:1440px) {
.pro-d .pro-r h1{font-size: 32px;margin-top: 30px;}
.pro-d .pro-r .txt-c{margin-top: 40px;}
.pro-d .pro-r .txt-c p strong{font-size: 13px;padding: 8px 15px;margin-bottom: 10px;}
.pro-d .pro-r .downs a{font-size: 15px;padding: 0 20px;}
.pro-d .pro-r .downs a i{width: 20px;}
}
@media only screen and (max-width:1280px) {
.pro-d .pro-r h1{font-size: 30px;}
.pro-d .pro-r .downs a{font-size: 14px;}
.pro-d .pro-r .txt-c{margin-top: 35px;}
.pro-d .pro-r .txt-c p strong{font-size: 12px;padding:6px 15px;margin-bottom: 10px;}
.pro-d .pro-r .downs{margin-top: 55px;}
}
@media only screen and (max-width:1024px) {
.pro-d .pro-r h1{font-size: 25px;margin-top: 25px;}
.pro-d .pro-r .txt-c{margin-top: 30px;}
.pro-d .pro-r .downs{margin-top: 50px;}
.pro-d .pro-r .downs a{font-size: 12px;padding: 0 8px;margin-bottom: 10px;margin-right: 5px;}
.pro-d .pro-r .downs a{line-height: 30px;}
.pro-d .pro-r .txt-c p strong{padding: 5px 15px;}
.pro-d .pro-r .downs a i{width:15px;}
}
@media only screen and (max-width:720px) {
.pro-d .pro-r h1{font-size: 20px;margin-top: 20px;}
.pro-d .pro-l{width: 100%;height: auto;}
.pro-d .pro-r{width: 100%;height: auto;padding-left: 0;margin-top: 35px;}
.pro-d .pro-r .downs{margin-top: 45px;}
}















.detail{overflow: hidden; width: 100%;height: auto;position: relative; background: #eae6de;z-index: 0;}
.detail .txt-c{margin-top: 45px; width: 100%;height: auto;}
.detail .txt-c img{max-width: 100%;height: auto;}
.detail .bks{width: 35%;position: absolute;top: 10%;right: 8%;z-index: -1;}

.vrs{width: 100%;height: auto;position: relative;z-index: 0;overflow: hidden;}
.vrs:before{content: "";position: absolute;left: 0;height: 30%;background: #eae6de;  width: 100%;bottom: 0;z-index: -1;}
.vrs .vrs-c{overflow: hidden; padding: 5% 0; width: 100%;height: auto;background: #23528e;position: relative;}
.vrs .vrs-c .bks{position: absolute;left: 0;bottom: 0;width: 75%;height: auto;}
.vrs .vrs-c ul{width: 75%;height: auto;font-size: 0;}
.vrs .vrs-c ul li{text-align: center; width: 25%;display: inline-block;color: #FFFFFF; vertical-align: top; padding:0 10px; height: auto;}
.vrs .vrs-c ul li .ico{width:50px;height: auto;margin: 0 auto;}
.vrs .vrs-c ul li  p{color: #FFFFFF;font-size: 18px;margin-top: 10px;}
.vrs .vrs-c .vr360{display: block; position: absolute;top: 0;right: 0; width: 25%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.vrs .vrs-c .vr360 .con{ text-align: center; position: absolute;width: 100%; top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.vrs .vrs-c .vr360 .ico{width: 100px;height: auto;margin: 0 auto;}
.vrs .vrs-c .vr360 .ico img{display: block;width: 100%;height: auto;}
.vrs .vrs-c .vr360 p{font-size: 30px;color: #FFFFFF;font-family: "OB";}


@media only screen and (max-width:1680px) {
	.vrs .vrs-c ul li .ico{width: 45px;}	
	.vrs .vrs-c .vr360 p{font-size: 28px;}
	.vrs .vrs-c ul li  p{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.vrs .vrs-c .vr360 p{font-size: 26px;}
}
@media only screen and (max-width:1280px) {
	.vrs .vrs-c ul li .ico{width: 40px;}
	.vrs .vrs-c .vr360 p{font-size: 24px;}
.vrs .vrs-c ul li  p{font-size: 15px;}
.vrs .vrs-c .vr360 .ico{width: 80px;}
}
@media only screen and (max-width:1024px) {
	.vrs .vrs-c ul li .ico{width: 36px;}
	.vrs .vrs-c .vr360 p{font-size: 20px;}
	.vrs .vrs-c ul li  p{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.vrs .vrs-c ul li{width: 50%;margin-bottom: 20px;}
	.vrs .vrs-c ul li .ico{width:28px;}
	.vrs:before{height: 25%;}
	.vrs .vrs-c .vr360 .ico{width: 70px;}
		.vrs .vrs-c ul li  p{font-size: 12px;}
	.vrs .vrs-c ul{width: 100%;height: auto;padding: 20px 0;}	
	.vrs .vrs-c .vr360 p{font-size: 18px;}
	.vrs .vrs-c .bks{bottom: 35%;width: 100%;}
	.vrs .vrs-c{position: relative;padding-bottom: 0;}
.vrs .vrs-c .vr360{width: 100%;height: auto;padding: 35px 5%; position: static; position: relative;}
.vrs .vrs-c .vr360 .con{position: static;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
}


.ab-box{width: 100%;height: auto;}
.ab-box .about{width: 100%;height: auto;}
.ab-box .about .ab-sort{width: 360px;background: #FFFFFF; height: auto;float: left;}
.ab-box .about .ab-sort ul{width: 360px;height: auto;}
.ab-box .about .ab-sort a{display: block;padding:15px 10%;font-size: 22px; color: #23528e;}
.ab-box .about .ab-sort li.active a{background: #d8b743;color: #FFFFFF;}


.ab-box .content{padding-left: 5%;float: right; width:calc(100% - 360px);height: auto;}
.ab-box .content .ab-bks-box{margin-top: 35px; border-top: 5px solid #23528e; padding: 5%; width: 100%;height: auto;background-color: #FFFFFF;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.ab-box .content .ab-bks-box .title{margin-bottom: 35px;}
.ab-box .content .ab-bks-box:first-child{margin-top: 0;}
.ab{width: 100%;height: auto;}
.ab .numbox{width: 100%;height: auto;}
.ab .numbox{width: 100%;height: auto;font-size: 0;text-align: center;}
.ab .numbox li{padding: 0 2%;text-align: center;  width: 25%; display: inline-block;vertical-align:top;}
.ab .numbox li h6{font-family: "OB";margin-bottom: 10px; color:#d8b743;font-size:30px;text-transform: capitalize;}
.ab .numbox li  .counter{font-size:40px;}
.ab .numbox li h6 b{font-size:40px;text-transform: uppercase;}
.ab .numbox li p{line-height: 1; font-size: 16px;color: #000;}
.ab .high{width: 100%;height: auto;font-size: 0;}
.ab .high li{display: inline-block;width:25%; vertical-align: top;padding: 0 2%;text-align: center;}
.ab .high li .ico{width:40px;height: auto;margin: 0 auto;}
.ab .high li p{font-size: 16px;color: #000000;line-height: 1;margin-top: 10px;}











.capacity{width: 100%;height: auto;}
.capacity  .capacity-js{width: 100%;height: auto;position: relative;}
.capacity  .capacity-js .pic{width: 100%;height: auto;}
.capacity  .capacity-js .pic img{display: block;width: 100%;height: auto;}   

.capacity .numbox{width: 100%;height: auto;}
.capacity .numbox{width: 100%;height: auto;font-size: 0;text-align: center;}
.capacity .numbox li{margin-bottom:35px; padding: 0 2%;text-align: center;  width: 33.3%; display: inline-block;vertical-align:top;}
.capacity .numbox li h6{font-family: "OB";margin-bottom: 10px; color:#d8b743;font-size:36px;text-transform: capitalize;}
.capacity .numbox li p{line-height: 1; font-size: 16px;color: #000;}




@media only screen and (max-width:1680px) {
	.ab .numbox li h6{font-size: 25px;}
	.ab .numbox li .counter{font-size: 35px;}
	.ab .numbox li h6 b{font-size: 35px;}
	
	.capacity .numbox li h6{font-size: 30px;}
	
}

@media only screen and (max-width:1440px) {
	.ab .numbox li h6{font-size: 25px;}
	.ab .numbox li .counter{font-size: 30px;}
	.ab .numbox li h6 b{font-size: 30px;}
	.ab .numbox li p{font-size: 15px;}
	.ab .high li p{font-size: 15px;}
	.capacity .numbox li h6{font-size: 25px;}
	.capacity .numbox li p{font-size: 15px;}

}
@media only screen and (max-width:1280px) {
	.ab .numbox li h6{font-size: 20px;}
	.ab .numbox li .counter{font-size: 26px;}
	.ab .numbox li h6 b{font-size: 26px;}
	.capacity .numbox li h6{font-size: 20px;}
	
	.ab-box .content .ab-bks-box{margin-top: 30px;padding: 45px 5%;}
}
@media only screen and (max-width:1024px) {
	.ab .numbox li h6{font-size:18px;}
	.ab .numbox li .counter{font-size: 22px;}
	.ab .numbox li h6 b{font-size: 22px;}
	.ab .numbox li{width: 50%;height:auto;margin-bottom: 20px;}
	.ab .high li .ico{width: 35px;}
	.ab .numbox li p{font-size: 14px;}
	.ab .high li{width: 50%;height: auto;margin-bottom: 20px;}
	.ab .high li p{font-size: 14px;}
	.capacity .numbox li h6{font-size: 20px;}
		.capacity .numbox li p{font-size: 14px;}
		
		.ab-box .content .ab-bks-box{margin-top:25px;padding: 45px 5%;}
}
@media only screen and (max-width:720px) {
	.ab .numbox li{width: 50%;height:auto;}
	.capacity .numbox li h6{font-size: 18px;}
			.capacity .numbox li p{font-size: 12px;}
			.ab-box .content .ab-bks-box{margin-top:20px;padding:35px 5%;}
}












.quality{width: 100%;height: auto;}
.quality .txt-c{ width: 100%;height: auto;}
.quality .txt-c p strong{margin-bottom: 20px; display: block;font-size:20px;color:#d8b743;}

.quality .video-container{width: 100%;height:360px;position: relative;}
.quality .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;}

.quality .yourDiv .bks{background: rgba(0,0,0,0.05);  width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.quality .video1{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
.quality .yourDiv .bks .play{position:absolute; left: calc(50% - 30px);top: calc(50% - 30px); width:60px;height: auto;}
.quality .yourDiv .bks .play:before{animation: scale 2s infinite;  z-index: 1; content: "";width:calc(100% + 12px);height:calc(100% + 12px);border:1px solid rgba(255,255,255,0.35);  position: absolute;top:-6px;left: -6px; background:none; border-radius: 100%;}
.quality .yourDiv .bks .play:after{animation: scale2 2s infinite;  position: absolute;width: calc(100% + 10px); height: calc(100% + 10px);top:-6px;left: -6px;border:2px solid rgba(255,255,255,0.45); border-radius: 100%;content: ''; }
        @keyframes scale{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.5); opacity: 0.3;}
        }
  @keyframes scale2{
        	0%{ transform: scale(1); opacity:1}
        100%{ transform: scale(1.2); opacity: 0.3;}
        }


.cap{width: 100%;height: auto;}
.cap .txt-c{width: 100%;height: auto;}
.cap .txt-c p strong{margin-bottom: 20px; display: block;font-size:20px;color:#d8b743;}
.cap .cap-js{width: 100%;height: auto;margin-bottom: 45px;}
.cap .cap-js .pic{width: 100%;height: auto;}







@media only screen and (max-width:1680px) {
	.quality .txt-c p strong{font-size: 18px;}
	.cap .txt-c p strong{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
.quality .yourDiv .bks .play{width: 50px;}
.quality .video-container{height:300px}
.quality .txt-c p strong{font-size: 16px;}
.cap .txt-c p strong{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
.quality .video-container{height: 300px;}
}
@media only screen and (max-width:1024px) {
.quality .yourDiv .bks .play{width: 40px;}
.quality .video-c{width: 95%;margin-left: 5%;}
.quality .video-container{height: 250px;}
.quality .txt-c p strong{font-size: 15px;}
.cap .txt-c p strong{font-size: 16px;}
}
@media only screen and (max-width:720px) {
.quality .video-container{height:200px;}
}





@media only screen and (max-width: 1680px) {
	.ab-box .about .ab-sort{width: 320px;}
	.ab-box .about .ab-sort ul{width: 320px;}
	.ab-box .content{width: calc(100% - 320px);}
	.ab-box .about .ab-sort a{font-size: 20px;}
}
@media only screen and (max-width: 1440px) {
	.ab-box .about .ab-sort{width: 300px;}
	.ab-box .about .ab-sort ul{width: 300px;}
	.ab-box .content{width: calc(100% - 300px);}	
.ab-box .about .ab-sort a{font-size: 18px;}
}

@media only screen and (max-width: 1280px) {
.ab-box .about .ab-sort{width:260px;}
.ab-box .about .ab-sort ul{width: 260px;}
.ab-box .content{width: calc(100% - 260px);}
}
@media only screen and (max-width: 1024px) {
	.ab-box .about .ab-sort{width: 180px;}
	.ab-box .about .ab-sort ul{width:180px;}
	.ab-box .content{width: calc(100% - 180px);}
.ab-box .about .ab-sort a{font-size: 15px;}
}

@media only screen and (max-width:720px) {
		
.ab-box .about .ab-sort{display: none; width:100%;height: auto;float: none;}
.ab-box .about .ab-sort ul{width: 100%;height: auto;}
.ab-box .about .ab-sort ul li{display: inline-block;}
.ab-box .content{width: 100%;float: none;}
}














.honor{width: 100%;height: auto;}
.honor .honor-top{width: 100%;height: auto;position: relative;}
.honor .honor-js{width: 100%;height: auto;}
.honor .honor-js .pic{width: 100%;height: auto;}
.honor .honor-js .pic img{display: block;width: 100%;height: auto;}
.honor .honor-top .swiper-button-next{background-image: url(../img/a020.png);right: 0px;left: auto;}
.honor .honor-top .swiper-button-prev{background-image: url(../img/a022.png);right: 65px;left: auto;}
.honor .honor-top .swiper-button-next,.honor .honor-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    z-index: 10;
    cursor: pointer;
    background-size:45px 45px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1680px) {

}
@media only screen and (max-width:1440px) {
	
}
@media only screen and (max-width:1280px) {
	
}
@media only screen and (max-width:1024px) {
	
}
@media only screen and (max-width:720px) {
	.honor .honor-top{padding-bottom: 45px;}	
}