@import url(Flex.css);

@font-face {
  font-family: 'BASE';
  src: local('PingFang SC'),
       local("Microsoft Yahei");
	   
}
@font-face {
  font-family: 'quote';
  src: local('SimSun');    
  unicode-range: U+201c, U+201d;
}

*{ -webkit-text-size-adjust:auto !important; -ms-text-size-adjust:auto !important; }
html,body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body { font: .83333333vw 'quote', 'BASE', Arial,Helvetica,sans-serif; color: #000;font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, b, em, i { font-style: normal; font-weight: normal; padding: 0; margin: 0; }
li, ol { list-style: none; }
input, textarea, bottom, button { border: none; outline: none; text-decoration: none; resize: none; }
input[type="text"],input[type="button"],input[type="submit"] ,select,button,textarea{-webkit-appearance:none !important; /*去除input默认样式*/}
textarea { resize: none; }
a {color: inherit; outline: none; text-decoration: none; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/}
a:hover { color: rgb(194,155,96,1); }
a:focus, bottom:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover img { border: none; }
img, video { max-width: 100%; height: auto; border: none; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
/*::-webkit-scrollbar{width:8px;height: auto}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#03a349;}
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}*/

/********* public css *********/
body{ padding-top:4vw;}
.w-auto{ width:100%; position:relative; z-index:2; margin:0 auto; padding: 0 14vw; box-sizing:border-box;}
.button-prev:after ,.button-next:after {font:300 100% "Awesome5"; line-height:inherit; transition: 0.3s ease 0s; outline: none;}
.button-next:after {content:"\f105";}
.button-prev:after {content:"\f104";}
.button-prev:hover { text-indent: -10px; transition: 0.5s ease 0s; }
.button-next:hover{ text-indent: 10px; transition: 0.5s ease 0s; }

/********* header css *********/
header { width: 100%; height:4vw; background:rgb(20,47,88,1); position: fixed; top:0; z-index:199; box-shadow: 0px 0px 4px rgb(0 0 0 / 8%); box-sizing:border-box; }
header .w-auto{ height:100%;}
header .Flex{-webkit-flex-flow: nowrap; -moz-flex-flow: nowrap; -ms-flex-flow: nowrap; -o-flex-flow: nowrap; flex-flow: nowrap;}
header .logo{ width:8%;}

/*** nav css ***/
.menuBtn{ display:none}
.nav{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.nav > li{ color:rgb(194,155,96,1); margin:0 1.4vw; position:relative; z-index:9; text-transform:Capitalize; }
.nav > li:hover:after, .nav > li.on:after {content:""; display:block; width:100%; height:2px; background:rgb(203,191,139,1); }
.nav > li:hover a, .nav > li.on a { color: rgb(203,191,139,1); }
.nav li .ulClass{ display:none; position:absolute; top:calc(100% - 2px); left:0; z-index:99; width:auto; min-width:128px; height:auto; padding:8px 12px; background:#fff; border:solid 2px #ddd;}
.nav li .ulClass li{ position:relative; padding:6px 0; white-space:nowrap; color:#000;}

/********* footer css *********/
footer { background:rgb(20,47,88,1); color:rgb(255,255,255,.75); line-height:2; /*padding:4vw 0; */text-align:center; position:relative; z-index:2; box-sizing:border-box}
footer .logo{ max-width:200px; }
footer .QR{ max-width:90px;}
.copyright{ width:100%; font-size:87.5%; color:#888; background:rgb(20,47,88,1); position:relative; z-index:2; padding:.5em 0; text-align:center; }
#map { width:100%; height:75vh;}
#map img{ max-width: inherit}
#map .BMap_bubble_content { display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size:14px; }
#map .mapinf{ white-space:nowrap; }
.maplogo img{ width:100px}

/* 返回顶部 */
#goTop{ font-size:24px; background:rgb(194,155,96,1); color:#fff; position: fixed; z-index:99;right:32px; bottom:32px; display:none; width:40px; height:40px; line-height:40px; border-radius:100%; cursor:pointer; text-align:center;}
#goTop:hover{ background:rgb(20,47,88,1); color:#fff;}
#goTop:hover a{color:#fff} 

@media (max-width: 1920px) {
.w-auto{ max-width:1200px; padding:0}
}
@media (max-width: 1600px) {
body{ padding-top:64px}
header{ height:64px}
}
@media (max-width: 1440px) {
body{ font-size:1.111111111vw;}
}
@media (max-width: 1200px) {
.w-auto{ padding:0 4vw}
}
@media (max-width: 1024px) {
body{ font-size:1.5625vw; padding-top:6.25vw;}
header { height:6.25vw;}
header .logo{ width:9.5%;}
.menuBtn { display:block; position:absolute; right:0; z-index:99; background:rgb(0,0,0,.25); text-align:center; width:6.25vw; height: 6.25vw; padding:1.6vw 1.4vw; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; box-sizing:border-box;}
.menuBtn b { display: block; height: 2px; background: rgb(203,191,139,1); margin: .4vw 0 .8vw 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;  }
.menuBtn b:last-child { margin:0}
.menuBtn.open b { display: none; margin: 0; position: absolute; left:1.2vw; top: 47%; width:4.1vw;}
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.nav{ display:block; width:100%; height:100%; position:fixed; top:6.25vw; left:-100%; background: rgba(0,0,0,.9); padding:12px; border-top:solid 2px rgb(194,155,96,1); -o-transition:left .5s; -ms-transition:left .5s; -moz-transition:left .5s; -webkit-transition:left .5s; transition:left .5s; box-sizing:border-box; opacity:0; } 
.nav.show{ left:0; opacity:1; } 
.nav > li{ height: auto; margin:0; padding:.5em 0; border-bottom:solid 1px rgb(194,155,96,1); text-align:center; }
.nav > li:hover:after, .nav > li.on:after {content:""; display:none}
}
@media (max-width: 800px) {
body{ font-size:3vw; }
.w-auto{ padding:0 12px}
.menuBtn { padding:1.4vw 1.25vw;}
footer { padding:8vw 0;}
footer .logo{ width:100%; max-width:none;}
footer .logo img{max-width:240px; }
footer .txt{ width:100%; text-align:center;}
footer .QR{ width:100%; max-width:none;}
footer .QR img{max-width:128px; }
#map { height:45vh;}
#map .mapinf{ white-space: normal; }
#goTop{ right:16px; bottom:16px; width:28px; height:28px; line-height:28px; background:rgba(0,0,0,.5);}
}
@media (max-width: 640px) {
body{ padding-top:40px;}
header { height:40px;}
header .logo{ width: auto}
header .logo img{ height:32px; width:auto;}
.menuBtn { width:40px; height:40px; padding:8px; }
.menuBtn b { height:2px; margin: 3px 0 6px 0; }
.menuBtn.open b { width:26px; left:inherit;}
.nav.show{ top:40px;}
}
@media (max-width: 480px) {
body{ font-size:4.2vw; }
}


/********* index *********/
.banner{ width:100%; height:calc( 100vh - 4vw); position: fixed;}
/*.banner .swiper-slide{ width:100%;height:100%; position: relative;}
/*.banner .swiper-slide:after {content: ""; display: block; padding-bottom: 31.25%;}*/
.banner .swiper-slide img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.banner .swiper-pagination-bullet{ width:3.2vw; height:2px; border-radius:0}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.swiper-pagination-bullet-active{color: rgb(20,47,88,1); background: rgb(20,47,88,1); }
.banner .swiper-slide {display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
 position: relative; left:0; color:#fff; width:100%; opacity:0; overflow: hidden;  }
.banner .swiper-slide-active { opacity:1}
.banner .swiper-slide.img1:after {content: ''; position:absolute; width:100%; height:100%; background:rgb(0,0,0,.075);}
.banner .swiper-slide img { position: absolute;top: 0;bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; background-repeat: no-repeat; background-position: right center; background-size: cover;-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  -webkit-transform: scale(1.1); transform: scale(1.1);  }
.banner .swiper-slide-active img { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; }
.banner .swiper-slide .inner{ font-size:320%; font-weight:bold; color:rgb(255,255,255,1); position: relative; z-index:2; padding: .15em .5em; box-sizing:border-box;
background: rgba(0, 0, 0, 0.25) /*hsla(0,0%,80%,.15)*/ border-box; overflow: hidden;
box-shadow: 0 0 0 1px rgb(255,255,255,.5) /*hsla(0,0%,100%,.3)*/ inset,  0 .5em .5em rgba(0, 0, 0, 0.25); text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);/*hsla(216,77%,19%,1);*/ }
.banner .swiper-slide .inner::before { content: ''; position: absolute; top: 0; rightright: 0; bottombottom: 0; left: 0; margin: -30px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); }/*使用滤镜模糊边缘*/  

/* public index */
.warp{ margin-top:100vh; background:#fff; position:relative; z-index:2;}
.section{ padding:4vw 0; position:relative; box-sizing:border-box; overflow:hidden;}
.secTit{ position:relative; z-index:2; text-align:center; padding-bottom:2vw}
.secTit em{ font: bold 200% Times, Georgia, Arial, Helvetica, sans-serif ; color: rgb(12,52,126,1); position:relative; text-transform:Capitalize;}
.secTit em:after {content: ''; display: block; width:64px; height:2px; background:rgb(194,155,96,1); margin:1vw auto; }
.secTit h2{ font-size:150%; color:#333}
/*more*/
.mouse{ display:block; color:#0c347e; width:160px; height:32px; line-height:32px;  margin:0 auto; margin-top:2vw; text-align:center; position: relative; border:1px solid #0c347e; cursor:pointer; }
.a-circle{ position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; }
.a-circle .line{ background:rgb(194,155,96,1); position:absolute; transition:200ms; -webkit-transition:200ms; }
.a-circle .line1{ left:0; bottom:0; height:0; width:1px; transition-delay:600ms; -webkit-transition-delay:600ms; }
.a-circle .line2{ left:0; top:0; width:0; height:1px; transition-delay:400ms; -webkit-transition-delay:400ms; }
.a-circle .line3{ right:0; top:0; height:0; width:1px; transition-delay:200ms; -webkit-transition-delay:200ms; }
.a-circle .line4{ right:0; bottom:0; width:0; height:1px; transition-delay:0ms; -webkit-transition-delay:0ms;  }
.mouse:hover .line1{ height:100%; transition-delay:0ms; -webkit-transition-delay:0ms;  }
.mouse:hover .line2{ width:100%; transition-delay:200ms; -webkit-transition-delay:200ms; }
.mouse:hover .line3{ height:100%; transition-delay:400ms; -webkit-transition-delay:400ms;  }
.mouse:hover .line4{ width:100%; transition-delay:600ms; -webkit-transition-delay:600ms; }
.mouse p{ font-size:87.5%; position:relative; left:-16px; text-transform:Uppercase;-webkit-transition: left 0.8s; -moz-transition: left 0.8s; -o-transition: left 0.8s; transition: left 0.8s; }
.mouse p:after {content: ''; position:absolute; top:calc(50% - 8px); right:16px; width:32px; height:15px; background:url(../images/arrow.png) no-repeat left -34px; vertical-align:middle;-webkit-transition: right 0.8s; -moz-transition: right 0.8s; -o-transition: right 0.8s; transition: right 0.8s; }
.mouse:hover p{ left:0}
.mouse:hover p:after { background-position: left -3px; right:-16px; }

/*简介*/
.sec1{ position:relative; background:#fff; }
.sec1 .txt{ font-size:100%; color:#666; line-height:2;text-align: justify; text-indent: 2em;}

/*业务领域*/
.sec2{ position:relative; background:#fff; }
.sec2:before { content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:0; background: url(../images/bg1.jpg) no-repeat center fixed; background-size: cover;}
.sec2:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; width:100%; height:100%; background:rgb(20,47,88,.9); } 
.sec2 .secTit em{ color:#dfb163;}
.sec2 .secTit h2{ color:#fff}
.sec2 .iBiz{ width:90%; margin:0 auto; position:relative; z-index:3; border-right:solid 1px rgb(255,255,255,.15); border-bottom:solid 1px rgb(255,255,255,.15); }
.sec2 .iBiz li { width:20%; position:relative;text-align:center; border:solid 1px rgb(255,255,255,.15); border-right:none; border-bottom:none; box-sizing:border-box;}
.sec2 .iBiz li a{ display:block; position:relative; padding:2vw; }
.sec2 .iBiz li:before { content: ""; position:absolute;bottom:-1px; right:-1px; z-index:0; width:1px; height:8px; background:rgb(255,255,255,.85);}
.sec2 .iBiz li:after {content: ""; position:absolute; bottom:-1px; right:0; z-index:0; width:8px; height:1px; background:rgb(255,255,255,.85); }
.sec2 .iBiz li a:before { content: ""; position:absolute; top:-1px; left:-1px; z-index:0; width:1px; height:8px; background:rgb(255,255,255,.85);}
.sec2 .iBiz li a:after {content: ""; position:absolute; top:-1px; left:0; z-index:0; width:8px; height:1px; background:rgb(255,255,255,.85); }
.sec2 .iBiz li:hover{ background:rgb(194,155,96,1); }
.sec2 .iBiz li .icon img{-webkit-filter: brightness(100); -moz-filter: brightness(100); -ms-filter: brightness(100); -o-filter: brightness(100); filter: brightness(100);}
.sec2 .iBiz li .tit{ font-size:125%; color:#fff;}

/*办公环境*/
.sec3{ position:relative; background:#fff; }
/*.sec4 { background: url(../images/bg10.jpg) no-repeat center; background-size: cover;}
.sec4:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:0; width:100%; height:100%; background:rgb(20,47,88,.75); } */
.sec3 .text{ font-size:100%; position:relative; z-index:2; text-align:center; margin-bottom:2vw;}
.sec3 .iteam{ width:100%; position:relative; }
.sec3 li{ text-align:center; background:#fff; box-sizing:border-box;}
.sec3 li .pic {height:100%;width:100%; position:relative}
.sec3 li .pic:after {content: ""; display: block; padding-bottom: 75%;}
.sec3 li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec3 li .txt{ padding:1em 0;}
.sec3 .button-prev,.sec3 .button-next{ font-size:300%; width:64px; height:64px; line-height:64px; color:#fff; background:rgb(0,0,0,.25); text-align:center; position:absolute; z-index:2; top:44%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); cursor:pointer;}
.sec3 .button-prev{ left:-6vw;}
.sec3 .button-next{ right:-6vw;}

/*优势*/
.sec4{ position:relative; background:#fff; z-index:0;}
.sec4:before { content: ""; position: absolute; top:0; left:0; bottom:0; right:0; z-index:0; background: url(../images/bg2.jpg) no-repeat center fixed; background-size: cover;}
.sec4:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; width:100%; height:100%; background:rgb(20,47,88,.9); } 
.sec4 .secTit em{ color:#dfb163;}
.sec4 .secTit h2{ color:#fff}
.sec4 .iAdv{ position:relative; z-index:2}
.sec4 .iAdv:before{content: ""; position:absolute; left:0; top:calc(50% - 1px + 16px); z-index:1; width: 100%; height:1px; background: rgb(255,255,255, .25);}
.sec4 .iAdv:after{content: ""; position:absolute; left:calc(50% - 1px); top:0; z-index:1; width: 1px ; height:100%; background: rgb(255,255,255, .25);}
.sec4 .iAdv li{ width:42%; color:rgb(255,255,255,.75); text-align:center; padding:1em; box-sizing:border-box;}
.sec4 .iAdv li .tit{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
width:128px; height:128px; font-size:150%;color:#fff; padding:.5em; background:rgb(194,155,96,1); margin:0 auto; border-radius: 100%; box-sizing:border-box;}
.sec4 .iAdv li .txt{ line-height:1.6; margin-top:1em; text-align: justify; text-indent: 2em;}

/*新闻*/
.sec5{ background: url(../images/bg4-2.jpg) no-repeat center; background-size: cover; }
.sec5 .inews{ width:100%; position:relative; }
.sec5 li{ background:#fff; box-sizing:border-box;}
.sec5 li .pic {height:100%;width:100%; position:relative}
.sec5 li .pic:after {content: ""; display: block; padding-bottom: 66.6666666%;}
.sec5 li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec5 .button-prev,.sec5 .button-next{font-size:300%; width:64px; height:64px; line-height:64px; color:#fff; background:rgb(0,0,0,.25); text-align:center; position:absolute; z-index:2; top:44%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); cursor:pointer; cursor:pointer;}
.sec5 .button-prev{ left:-6vw;}
.sec5 .button-next{ right:-6vw;}
.sec5 li .font{ background:#fff; padding:1em; box-sizing: border-box;}
.sec5 li .font .tit{ font-size:125%; color:#333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.sec5 li .font .txt{ font-size:100%; color:#888; line-height:1.6; height:4vw; min-height:74px; margin:1em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.sec5 .font .time{ font-size:90%; color:#666;}

@media only screen and (max-width:1400px) {
.sec3 .button-prev{ left:-32px;}
.sec3 .button-next{ right:-32px;}
.sec5 .button-prev{ left:-32px;}
.sec5 .button-next{ right:-32px;}
}

@media only screen and (max-width:1024px) {
.banner { width: 100%; height:56.25vw;}
.warp{ margin-top:56.25vw;}
.sec2 li .tit{ font-size:100%;}
.sec4 .iAdv li .tit{ font-size:100%}
.sec4 .iAdv li .txt{ font-size:87.5%}
}

@media only screen and (max-width:800px) {
.banner .swiper-slide .inner{ font-size:200%; }
.banner .swiper-slide.img2 .inner span{ width:100%; display:block}
.section{ padding:8vw 0;}
.secTit{ padding-bottom:4vw;}
.sec1 .txt{ line-height:1.6; }
.sec2 { padding-left: 12px; padding-right:12px;}
.sec2 .iBiz{ width:100%; }
.sec2 .iBiz li { width:33.333333333%; }
.sec2 .iBiz li .tit{ font-size:100%;}
.sec4 .iAdv:before{content: ""; display:none;}
.sec4 .iAdv:after{content: ""; display:none;}
.sec4 .iAdv li{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width:100%; font-size:87.5%; padding: 1em 0;}
.sec4 .iAdv li .tit{ font-size:22px; width:96px; height:96px; margin:0 }
.sec4 .iAdv li .txt{ font-size:75%; line-height:1.5; width: calc(100% - 96px - 2em); margin-top:0}

}
@media only screen and (max-width:480px) {
.banner .swiper-slide .inner{ font-size:160%; }
}


/********* page *********/
/*** page public ***/
.section2{width:100%; padding:4vw 0; position:relative; box-sizing:border-box; }
.pban{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
width:100%; position: fixed; z-index:0; }
.pban:before {content: ''; position:absolute; z-index:1; width:100%; height:100%; background:rgb(0,0,0,.075); }
.pban:after {content: ""; display: block; padding-bottom: 25vw;}
.pban img{position: absolute; top: 0; bottom: 0;left: 0; right: 0; z-index:0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.Res{ width:100%; position: absolute; }
.Res:after { content: ""; display: block; padding-bottom: 25vw;}
.Res .font { color:rgb(20,47,88,1); text-align:center; position: absolute; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.Res .tit{ font-size: 240%; font-weight:bold; color:rgb(20,47,88,1); }
.Res span{ font-size:87.5%; text-align: center; color:rgb(0,0,0,1); opacity:.75;/* text-shadow: 0 .1em .1em rgba(255, 255, 255, .75);*/ }
.warp2{ margin-top:25vw; background:#fff; position:relative; z-index:3; min-height:28.5vw;}

/*简介*/
.about .txt{ color:#666; line-height:2; text-align: justify; text-indent: 2em; }
.about .pic img{ max-width:none; width:100%; margin-top:1em}

/*业务领域*/
.Biz ul{ margin: -2% 0 0 -2%; }
.Biz li { width:31.33333%; margin:2% 0 0 2%; background:#f4f5f9; position:relative; padding:1em; box-sizing:border-box; }
.Biz li a{ display:block; position:relative;}
.Biz li .tit{ display:block; font-size:125%; font-weight:bold; padding:.5em 0;}
.Biz li .txt{ height:6vw; color:#666; line-height:1.8; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;}
.Biz li:hover{ background:rgb(20,47,88,1); }
.Biz li:hover .txt{ color:#fff;}

/*业务详情*/
.Bizshow .L{ width:75%; position:relative; box-sizing: border-box;}
.Bizshow .R{ width:20%; position:relative; box-sizing: border-box; background:#f4f5f9; padding:1em;}
.Bizshow .R .rTit{ font-size:125%; color:#666; padding-bottom:.5em; }
.OBlist li{ width:100%; padding:.5em 0; position:relative;}
.OBlist li .tit{ font-size:100%; padding-left:1.6em;}
.OBlist li .icon{ width:1.4em; position: absolute; }
.title{ display:block; width:100%; font-size:150%; font-weight:bold; text-align:center; padding-bottom:1em; }
.detail{ line-height:2; color:#666; text-align: justify; text-indent: 2em; padding:2em 0; border-bottom: 1px  dotted #ccc; border-top: 1px  dotted #ccc;}
.detail img, .detail p img{ display: block; text-indent: -2em; margin:0 auto;}

/* 页码 */
.page-num{ display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;	
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; 
margin: 2em auto 0 auto; text-align:center; margin: 2em auto 0 auto; text-align:center;}
/*.page-num:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }*/
.page-num a{ display:inline-block; padding:0 10px;line-height: 26px; border: rgb(0,0,0,.25) solid 1px;color: #aaa; background: #fff;text-align: center;margin-right: 6px;color: #666; font-size:12px; box-sizing:border-box;}
.page-num .page-cur,.page-num a:hover { background:rgb(20,47,88,1); border:1px solid rgb(20,47,88,1); color:#fff}

/*定位指向*/
.guide{ width:100%; font-size:87.5%; margin-top:2em; }
.guide span{ width:calc((100% - 100px) / 2); color:#666}
.guide span:nth-child(2) { width:100px; }
.guide span:last-child { text-align:right; }
.guide span a{ color:#333}
.guide span a:hover{ color:rgb(194,155,96,1); }

/*团队*/
.team ul { margin:-5% 0 0 -5%}
.team ul li { width:20%; margin:5% 0 0 5%; padding:.75em; background:rgb(194,155,96,.25); text-align:center; box-sizing:border-box; cursor:pointer;}
.team ul li:hover{ background:rgb(20,47,88,1);}
.team ul li .pic{ width:100%;position:relative; overflow:hidden;}
.team ul li .pic:after {content: ""; display: block; padding-bottom: 140%;}
.team ul li .pic img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; }
.team ul li .txt{ padding:.5em .5em 0 .5em;box-sizing:border-box;}
/*团队人物详情弹窗*/
.det { display:none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45);}
.detBox{width:90%; max-width:1000px; background: #fff; padding:2em; position: absolute; left:50%; top:50%; z-index:5;
-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,0);transform:translate(-50%,-50%);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing:border-box;}
.detBox .close{ position: absolute; top: 4px; right: 4px; cursor:pointer; z-index: 10; background: #222; color: #fff; border-radius: 100%; width: 26px; height: 26px; text-align: center; display: block;}
.close:after{content:"\f00d"; font:300 16px "Awesome5"; line-height: 26px; }
.detBox h2{ font-size:160%; text-align:left; border-bottom: 1px solid #eaeaea; padding-bottom: .5em; margin-bottom: .5em; }
.detBox .txt{height:calc(75vh - 180px); line-height:2; position:relative; margin-top: .5em; overflow: auto; overflow-x:hidden; text-align:left;}
.detBox .txt::-webkit-scrollbar{width:4px;height: auto}
.detBox .txt::-webkit-scrollbar-track{background-color:rgb(194,155,96,1);}
.detBox .txt::-webkit-scrollbar-thumb{background-color:rgb(20,47,88,1); }

/*相册 办公环境*/
.gallery { margin:-2.5% 0 0 -2.5%}
.gallery a { width:22.5%; margin:2.5% 0 0 2.5%; text-align:center; box-sizing:border-box; }
.gallery a .pic { width:100%; position:relative;}
.gallery a .pic:after {content: ""; display: block; padding-bottom: 75%;}
.gallery a .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.gallery a .txt{ padding:.5em 0 .75em 0; background:#f4f5f9;}
.gallery a:hover .txt{background:rgb(20,47,88,1); }

/*新闻列表*/
.news ul {  padding-top:-2vw;}
.news ul li{ width:100%; border-bottom:solid 1px #e6e6e6; padding:1.5em 1em; box-sizing:border-box; }
.news ul li .date{font-size:125%; color:rgb(194,155,96,.75); position:relative;}
.news ul li .date:before {content: "\f017"; font:600 100% "Awesome5"; margin-right:.5em }
.news ul li .tit{ font-size:125%; font-weight:bold; color:rgb(194,155,96,1); margin:0.5em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient:vertical;}
.news ul li .txt{ line-height:1.75; color:#888; margin-top:0.5em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news ul li:hover{background:rgb(20,47,88,1);}
.news ul li:hover .tit,.news ul li:hover .txt,.news ul li:hover .date{ color:#fff; }

/*新闻详细*/
.Ann span{ margin:0 .5em; font-size:87.5%; color:#666}
/*相关新闻*/
.related{ padding:2em; margin-top:4em; background:#f4f5f9; box-sizing:border-box}
.rel-tit{ font-size:125%; color:#888}
.Rlist li{ width:45%;}
.Rlist li .tit{ font-size:100%; margin:0.5em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient:vertical;}
.Rlist li .txt{ font-size:87.5%; line-height:1.6; color:#888; margin-top:0.5em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}

/*招聘*/
.hrList { margin-top:-1em;}
.hrList li{ width:100%; border-bottom:solid 1px #ddd; padding:0 1em; box-sizing:border-box;} 
.hrList li .HRtit{ font-size:125%; font-weight:bold; color:rgb(194,155,96,1); width:100%; padding: 1em 0; position:relative; cursor:pointer; box-sizing:border-box;}
.hrList li .HRtit:after {content:"\f0d7"; font:87.5% "FontAwesome"; position:absolute; top:50%; right:1em;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.hrList li.on .HRtit:after {content:"\f0d8"; }
.hrList li .txt{ display:none; line-height:2; color:#666; padding: 0 0 2em 2em; box-sizing:border-box;}
.hrList li:first-child .txt{ display: block; }
.hrList li:first-child .HRtit:after {content:"\f0d8";}
.hrList li:first-child.on .HRtit:after {content:"\f0d7"; }

/*联系*/
.contactbody footer{ display: none;}
.contactbody .copyright{ background:#f4f5f9;}
.contact .L{ width:34%; padding: 0 2em; background: url(../images/banner1.jpg) repeat center rgb(20,47,88,1);color: #fff;background-size:cover; position:relative; z-index:9; box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 10%); box-sizing:border-box;}
.contact .L:after {content: ""; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; width:100%; height:100%; background: rgb(20,47,88,.95);}
.contact .R{ width:66%; box-shadow: 0 0 1.6vw 0 rgb(0 0 0 / 15%);}
.contact .L .title { font-size: 160%; font-weight:bold; width:100%; text-align:left;}
.contact .L .title:after { content: ''; width: 40px; height: 2px; background: #fff; margin-top: 1em; display: block; }
.contact .L a{ color: #fff;}
.contact .L p{  width:100%; padding:.5em 0}
.contact .L p i{ font-size:125%; margin-right:8px; vertical-align:middle; text-align:center; width:1.25em}
.contact #map { font-size:14px; line-height:2; width:100%; height:31.25vw; min-height:360px;}
.contact #map img{ max-width: inherit}

@media (max-width: 1440px) {
.Biz li .txt{ height:8vw; }
}

@media (max-width: 1024px) {
.Biz li { width:48%; }
.Biz li .txt{ height:11vw; }

.contact .L{ width:100%; padding:1em; }
.contact .L .title{ margin-bottom:0}
.contact .R{ width:100%; }

}

@media (max-width: 800px) {
.pban:after {padding-bottom: 33.333vw;}
.Res:after { padding-bottom: 33.333vw;}
.Res .tit{ font-size: 160%; }
.Res span{ font-size: 87.5%; }
.warp2{ margin-top:33.3333vw}
.team ul { margin:-2.5% 0 0 -2.5%;}
.team ul li { width:47.5%; margin:2.5% 0 0 2.5%;}
.team ul li .txt{ font-size:87.5%;}
.detBox{ padding:1em;}
.detBox .txt{ font-size:87.5%; line-height:1.6; }

.gallery a { width:30.8333333333%; }

.Biz ul{ margin: -2% 0 0; }
.Biz li { width:100%; margin:2% 0 0; padding:.75em; }
.Biz li .tit{ font-size:100%;}
.Biz li .txt{ font-size:87.5%; height:18.5vw; }
.Bizshow .L{ width:100%; }
.Bizshow .R{ width:100%; margin-top:2em; }

.news ul li .tit{ font-size:100%;}

.guide span{ width:100%; padding:.25em 0;}
.guide span:nth-child(2) { width:100%; }
.guide span:last-child { text-align: left; }

.related{ padding:0em; background:none; border-top: solid 1px #eee; padding-top:1em;}
.Rlist li{ width:100%; margin-top:.5em;}
}

@media (max-width: 640px) {
}

@media (max-width: 540px) {
}

@media (max-width: 480px) {
.Biz li .txt{ height:25.5vw; min-height:82px; }
.Ann span{ width:45%;}

.gallery a { width:47.5%; }
}