@charset "utf-8";

@font-face {
	font-family:"Gotham-Book";
	src: url('../fonts/gotham-book.eot'); /* IE9*/	
	src: local('?'),
	url("../fonts/gotham-book.eot") format("embedded-opentype"),
	url("../fonts/gotham-book.woff") format("woff"),
	url("../fonts/gotham-book.ttf") format("truetype"),
	url("../fonts/gotham-book.svg") format("svg"),
	url('../fonts/gotham-book.svg') format('svg'), /* iOS 4.1- */
	url('../fonts/gotham-book.woff2') format('woff2');
	font-weight:bold;
	font-style:normal;
}



*{margin:0;padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ list-style:none; font-style: normal;font-family:'Gotham-Book', "微软雅黑" ; font-size:.4rem; line-height: 150%;}
:focus {outline:none !important;}
a:link, a:visited{ text-decoration:none; color: #333;border: none;}
input,button,a {outline:0 none !important;}
h1,h2,h3,h4,h5,h6,i{font-style: normal;font-weight: normal;}
.relative { position: relative; }
::selection { background: rgb(85, 85, 85); color: rgb(255, 255, 255); text-shadow: none;}
.lt{float: left;}
.rt{float: right;}
button{border: 0;  background-color: transparent; outline: none;cursor: pointer;}
img{border: none; margin: 0;}
*:before, *:after{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;}
*{box-sizing: border-box;-moz-box-sizing:border-box; /* Firefox */   -webkit-box-sizing:border-box; /* Safari */ }


/*header*/


/* 头部 */

canvas {  display:block;width: 100%; height: 100%; opacity: .3;  }
#app-menu{width: 100%;padding:.4rem; margin: 0; z-index: 99;position: fixed;}
#app-menu2{width: 100%; background: #131E2F;padding:.4rem; margin: 0; z-index: 99;}
.ccc .app-logo a::before{color: rgba(0,0,0,.6) !important;}
.ccc a.btnen{border-color: rgba(0,0,0,.6); color:rgba(0,0,0,.6) ;}
.ccc .btn-nav::before{color: rgba(0,0,0,.6);}
/*.app-logo a::before{ display: inline-block; font:.5rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\ec10"; color: #002339; transition: all .3s; color: #fff;}*/
.app-logo a img{ max-height: 40px;}



/*.app-logo a::before{ display: inline-block; font:.8rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\ec10"; color: #002339; color: #fff;}*/
.app-nav {
  width: 100%;
  display:flex; align-items: center;
  border: none;
}

.enbox{flex: 1; text-align: right; padding-right:1rem;}
a.btnen{color: #fff; border: 1px solid #fff; padding: .15rem .5rem;}

.btn-nav {
  position:relative;
  background: transparent;
  border: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
  margin-left: auto;

}

.btn-nav::before{ display: inline-block; font:.8rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e610"; color: #002339; color: #fff;}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 5px 0;
  width: 30px;
  height: 2px;
  background-color: #777;
}

.nav-content {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0px;
  /* background-color: rgba(0, 0, 0, 0.9); */
  background: rgba(0,0,0,.8);
  display: block;
  height: 100%;
  z-index: 99;
  transition: all .5s;
}

.nav-list {
  list-style: none;
  padding: 0;
  position:absolute;
  top: 50%;
  left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  width: 80%;
}

.item-anchor {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {
  margin: 15px auto;
  text-align: center;
}

.nav-item a{color: #fff;}

.animated {
  display: block;

}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #fff;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #fff;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-4px) rotateZ(-45deg);
  -moz-transform: translateY(-4px) rotateZ(-45deg);
  -ms-transform: translateY(-4px) rotateZ(-45deg);
  -o-transform: translateY(-4px) rotateZ(-45deg);
  transform: translateY(-4px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}

@keyframes showNav {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

@-moz-keyframes showNav {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

@-o-keyframes showNav {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

.showNav {
  z-index: 9990;
  -webkit-animation: showNav .3s ease forwards;
  -moz-animation: showNav .3s ease forwards;
  -o-animation: showNav .3s ease forwards;
  animation: showNav .3s ease forwards;
}

@keyframes hideNav {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav .3s ease forwards;
  -moz-animation: hideNav .3s ease forwards;
  -o-animation: hideNav .3s ease forwards;
  animation: hideNav .3s ease forwards;
}

.hidden {
  display:none;
}
/* 头部 */


/* 手机顶部菜单*/
.list{margin:0 auto; width:3rem;}
.list ul li a{color: #fff;display: block;position: relative; line-height: 200%; font-size:.6rem;}
.list ul li a.active{color: #2e94c5;}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 95% center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat 95% center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:1rem; font-size: .5rem;}
.list ul li ul li a.active{color: #2e94c5;}
.list ul li ul li ul li a{padding-left:1rem;}
/* 手机顶部菜单 E*/

#kv{width: 100%;overflow:hidden; position: relative; background: url(../images/kv.jpg) no-repeat top center; background-size: cover;}
video{width: 100%; z-index: -1;}
.kvtxt{position: absolute; width: 90%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); z-index: 100; text-align: center;}
.kvtxt h1{font-size:1rem; color: #fff; font-weight: bold; text-align: center; margin-bottom: .3rem;}
.kvtxt p{font-size:.5rem; line-height:150%; color: #fff; text-align: center; padding-bottom: 1rem;}
.kvtxt a{background: #2e94c5; color: #fff; padding: .15rem .4rem; margin: .5rem 0;}
#incompany{background: #f9f9f9; width: 100%; padding:1rem; overflow: hidden; position: relative;}
.con1{width: 36%; float: left;display: none;}
.con1 img{display: block; width: 90%;}
.con2{width: 100%; float: none;}
.con2 h1{font-size: .6rem; color: #000; width: 100%;}
.con2 h1 span{color: #2e94c5;}
.con2 p{margin-top: .2rem;margin-left: 1.2rem; position: relative;}
.con2 p::before{display:block; content: ''; width: 1rem; height: 1px; background: #333; position: absolute; top:.55rem; left:-1.2rem; }
span.morep{margin-top: .2rem;width: 55%; margin-left: 1rem; position: relative;}
a.more{display: inline-block; border: 1px solid #333;padding: .15rem .4rem; margin:1rem 0;}
.shengm{position: absolute; top: 13%; right: 3%; width: 20px; z-index: 999}
.shengm a{color: #fff}
.shengm span{display: block;}

#incase{width: 100%;background: url(../images/bg_incase.jpg) no-repeat top center; background-size: cover;padding:0 .6rem;}
.casebox1 h1{ font-size: .6rem; text-align: center; margin-bottom: .5rem;}
.casebox1{text-align: center;}
.caselist ul{margin-right:0;overflow: hidden; background: #fff;}
.caselist li{float: left; width:20%; overflow: hidden; }
/*.caselist li:nth-child(2n){background: #f9f9f9;}*/
.caselist li:nth-child(n+16){display: none;}

.caselist li a{ display: block;}
.caselist li img{width: 100%; display: block; transition: all .3s;}
/* .caselist li:hover img{filter: grayscale(0%); opacity: 1;} */


a.more2{display: none; }
.more22box{text-align: center;}
a.more22{display:inline-block; border: 1px solid #fff; padding: .15rem .4rem; color: #fff; margin:1rem 0;}
#inteam{background: #eee; width: 100%; padding:0 .8rem; overflow: hidden; position: relative;background: url(../images/bg_h.jpg) no-repeat top center; background-size: cover;}
.teambox1{text-align: center; padding-bottom: .5rem;}
.teambox1 h1{font-size:.6rem; font-weight: bold; margin-bottom: .4rem;}
.teambox1 p{ line-height: 150%;}
.teambox2{vertical-align: top;}
.teambox2 .mask{overflow: hidden; height: 2.8rem;}
.teambox2 p{padding: .3rem 0;}
.teambox2 p span{display: block; text-align: center;}
.teambox2 p span:nth-child(2){display: none;}
.teambox2 p span:nth-child(3){font-size: .35rem;}
.teambox2 ul{display:table; text-align: center; margin: 0 auto;}
.teambox2 ul li{width: 14.28571%; display: inline-block;}
.teambox2 ul li:nth-child(-n+3):nth-child(n+1){width:14.28571%;}
.teambox2 ul li dd{ margin: .15rem;}
.teambox2 ul li img{width:100%; display: block;}
a.more3{display: none;}
a.more33{display: inline-block; border: 1px solid #333;bottom: 2rem; padding: .1rem .4rem; margin:.5rem 0;}

.more0box{text-align: center; width: 100%;}
a.more0{display: inline-block; bottom: 2rem; padding: .1rem .3rem; margin-top: .5rem; transition: all .3s; background: #666; color: #fff;}
.hidden{display: none !important;}

#innews{width: 100%; background: url(../images/bg_news.jpg) no-repeat top center; background-size: cover;}
.innewsbox{width:90%; margin: 0 auto; overflow: hidden;}
.innewsbox ul{overflow: hidden;}
.innewsbox li{float:left;width:50%;}
.innewsbox li:nth-child(n+3){display: none;}
.inn{margin: .5rem; position: relative;}
.inn img{width: 100%; display: block; transition: all .3s;}
/* .inn span{background: #CCA869; color: #fff; padding: 10px 20px; display: inline-block; position: absolute; top: 0; left: .2rem; margin-top: -10px; z-index: 99; border-radius: 5px;}
.inn span::before{ display: inline-block; font:14px / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e886"; color: #002339; transition: all .3s; color: #fff; margin-right: 5px;} */
.inn p{margin-top: 10px;}
/* .inn:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} */
.inn .mask{overflow: hidden;}

footer{background: #131E2F; width: 100%; padding:.6rem .6rem 0 .6rem; overflow: hidden; position: relative;}
.f1 h1,.f1 h3{display: none;}
.f1,.f2{color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: .4rem; overflow: hidden;}
.f1 li{float: left; overflow: hidden;}
.f1 li:nth-child(3){width: 45%; }
.f1 li:nth-child(4){width: 45%; float: right;}
li.fmenubox{float: right !important; margin-right: 0 !important;}
.f1 li h2{font-weight: bold; margin-bottom: .25rem;}
.f1 li p{display: inline; }
.fmenu{width: 100%;}
.fmenu div{float: left; margin: 0 .35rem;}
.fmenu div h4 a{font-size: .2rem; color: #fff; margin-bottom: .2rem; display: block;}
.fmenu div dt a{color: rgba(255,255,255,.6); display: block; margin-bottom: .1rem; text-align: center;}
.f2{padding-top: .8rem;}
.f2 div:nth-child(3){float: left; width: 30%;}
.f2 div:nth-child(4){float: right; width: 55%; padding-left: .8rem;}
.f2 h1{font-size: .36rem; font-weight: bold;margin-bottom: .3rem; margin-top: .2rem;}
.f2 h6{font-weight: bold; font-size: .45rem;}

.f2 p{margin-bottom: .8rem; }
p.f2b{margin-bottom: 0; color: #fff;}
.f2 div:nth-child(4) a{color: #fff;}
.f2 div input{ border: none; resize: none; background: rgba(255,255,255,0); color: #fff; border-bottom: 1px solid #fff; line-height:200%; margin-bottom: .25rem; width: 90%;}
.f2 div input::-webkit-input-placeholder{	color: #fff;}
.f2 div input:focus{border-bottom: 1px solid #ff0000;}
.f3{padding: .5rem 0;}
.f2 h1{display: none;}
.f3 p, .f3 a{color: #fff; text-align: center;}
.mask2{width:100%; margin: 0 auto}
.mask2 img{display: block; margin: 0 auto; width: 100%;}
button.subtj {border: none; color: #fff; border: 1px solid rgba(255,255,255,.6); padding:.08rem .4rem;}
.fmenubox{display: none;}
.formbox{display: none;}
/* 内页-team */

#banner{width: 100%; overflow: hidden;}
#banner img{width: 100%; display: block;}
#banner p{font-size: .75rem;color: #2A4065; position: absolute; top:2.4rem; left: 10%; font-weight: bold;}
#list-team{width: 100%; overflow: hidden;}
#list-team li{width: 25%; float: left; position: relative; background: #000;}
.mask3 img{display: block; width: 100%; opacity: .5;}
.name{position: absolute; bottom: 10%; left: 10%; color: #fff;}
.name p{font-size: .4rem; font-weight: bold; margin-bottom: .1rem;}
.name h1{font-size: .6rem; font-weight: bold;}
#list-team li:nth-child(1){width: 33.33333333333%;}
#list-team li:nth-child(3){width: 33.33333333333%;}
#list-team li:nth-child(5){width: 33.33333333333%;}

/* 弹出介绍 */
.md-modal2{ position: fixed; top: 50%; left: 50%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-modal { position: fixed; top: 50%; left: 50%; width:75%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-modal3 { position: fixed; top: 50%; left: 50%; width:96%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-modal3 .md-content ul p{font-size: .3rem;}
.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0px; left: 0px; z-index: 9999995; opacity: 0; background: rgba(2, 2, 2, 0.6); transition: all 0.3s ease 0s; }
.md-show ~ .md-overlay { opacity: 1; visibility: visible; }
.md-content { color: #333; background: rgba(255,255,255,.9); position: relative;margin: 0px auto; padding: .4rem; }
.md-content2 {margin: 0px auto;}
.md-effect-1 .md-content2 { transform: scale(0.7); opacity: 0; transition: all 0.3s ease 0s; }
.md-show.md-effect-1 .md-content2 { transform: scale(1); opacity: 1; }
.md-content dt{text-align: right; overflow: hidden;}
.md-effect-1 .md-content { transform: scale(0.7); opacity: 0; transition: all 0.3s ease 0s; }
.md-show.md-effect-1 .md-content { transform: scale(1); opacity: 1; }
.md-show {visibility: visible;}
button.md-close{display: block; float: right;}
button.md-close::before{display: block; font:.4rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e608";}
.md-content ul h1{margin-bottom:15px; font-weight: bold;}
.md-content ul p{margin-bottom: .18rem;line-height:200%; text-align: justify;}
.gongaoh{text-align: center; font-weight: bold;}
/* 弹出介绍-END */

/* 内页-team-END */


/* 新闻 */
.blank{height: 3.5rem; background: #f1f1f1;}
#newbanner{min-height:6rem; background:url(../images/dtbg.jpg) no-repeat top center; background-size: cover;}
#newbanner ul{width: 85%; margin: 0 auto; text-align: center;}
#newbanner ul li{width: 33.33333333%; float: left; position: relative; }
.nlist{margin: 0 .5rem;}
.mask4{overflow: hidden; position: relative;}
.nlist img{width: 100%; display: block; z-index: -1;}
#newbanner ul li:nth-child(2){margin-top: 1rem;}
#newbanner ul li:nth-child(2) .newbtn{top:8%; bottom: auto !important;}
#newbanner ul li:nth-child(2) .zhezhao{top:0; bottom: auto !important; background: linear-gradient(360deg,rgba(0,0,0,0),rgba(0,0,0,.8));}
#newbanner h1{font-weight: bold; font-size: .7rem; text-align: center; color: #fff; padding: .6rem 0;}
.newbtn{position: absolute;color: #fff; padding: .2rem 1rem;font-weight: bold; display: block; bottom:8%; left: 50%; margin-left: -1.52rem;z-index: 99;}
.zhezhao{background: linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,1)); width: 100%;height: 3.5rem; position: absolute; bottom: 0; z-index: 2;}
.newsbox{width: 100%; overflow: hidden; background: #fff;}
.newsbox2{width: 100%; overflow: hidden; background: #f9f9f9;}
.newsbox ul{width:100%; margin: 0 auto; overflow: hidden; padding: .3rem;}
.newsbox2 ul{width:850px; margin: 0 auto; overflow: hidden; padding-bottom: .3rem;}
.newsbox2 ul img{display: block; margin: 0 auto;}
.newsbox2 ul p{line-height: 180%; margin-bottom: .3rem; color: #333;}
.newnav{width:100%; margin: 0 auto; padding: .3rem;}
.newnav li{display: inline-block; margin-right: .3rem;}
.newnav li a{font-size: .4rem;}
.newnav li a.active{color: #2A4065;}
.newnav2{width: 100%; background: #f9f9f9;}
.newnav2 ul{width:850px; margin: 0 auto; padding: .3rem 0;}
.newnav2 li{display: inline-block; margin-right: .3rem;}
.newnav2 li a{font-size: .4rem;}
.newnav2 li a.active {color: #2A4065;}
.nlistall li{width:100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; padding: .2rem 0;}
.nlistall2 h1{font-size: .8rem;  padding: .25rem 0;margin-bottom: .3rem;}
.nlistall2{background: #fff; padding: .5rem;}
.nlistall li h1{font-size: .5rem; font-weight: bold; padding: .25rem 0 .2rem 0;}
.nlistall li p{color: #666; font-size: .3rem;}
.mask5{width: 25%; overflow: hidden; float: left; margin-right: .35rem;}
.mask5 img{width: 100%; display: block;}
.nlistall li a{display: block; overflow: hidden;}
/* .nlistall li:hover .mask5 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} */
ul.hot{height: 2rem;}
ul.hot h1,ul.hot li{display: none;}
.hot{padding-bottom: 1rem !important; overflow: hidden;}
.hot h1{text-align: center; position: relative; margin: .5rem 0;}
.hot h1::before{display: block; height: 1px; background: #e5e5e5; content: ''; width: 40%; position: absolute; top: 50%;}
.hot h1::after{display: block; height: 1px; background: #e5e5e5; content: ''; width: 40%; position: absolute; top: 50%; right: 0;}
.hot li{width: 50%; float: left;}
.hot li div{background: #fff;}
.hot li:nth-child(2) div{ margin-right: .3rem;}
.hot li:nth-child(3) div{ margin-left: .3rem;}
.mask6{overflow: hidden;}
.mask6 img{width: 100%; display: block;}
.hot li h2{ padding:.16rem .25rem; font-size:20px; height: 80px; overflow: hidden; }
.hot li p{padding:0 .25rem .3rem;  color: #999; font-size: 13px; line-height:180%;}
/* 新闻-END */

/* 业务介绍 */
#ywbox{min-height:5.6rem; background: #fff;}
#ywbox ul{width: 90%; margin: 0 auto; text-align: center;}
#ywbox ul li:nth-child(1){width: 10rem; float: left; position: relative; margin-left: 1rem; }
#ywbox ul li:nth-child(2){width: 3.3rem; float: right; position: relative; margin-right: .6rem; }
#ywbox ul li img{width: 100%; display: block;}
#ywbox h1,#casebox h1{font-weight: bold; font-size: .7rem; text-align: center; color: #333; padding: .6rem 0;}
.banner-yw{overflow: hidden; text-align: left;}
.banner-yw h2 p:nth-child(1):before{display:block; content: ''; width: .4rem; height: 1px; background: #333; position: absolute; top:.36rem; left:-.6rem; }
.banner-yw h2>p{ font-size: .5rem;}
.banner-yw h2{margin-bottom: .3rem;}
.banner-yw h3{font-size: .35rem;}
.banner-yw h4{color: #2A4065; padding-top: .65rem;}
.banner-yw h4::before{ display: inline-block; font:.8rem/ 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e611"; }
.blank2{height: 2rem; background: #f1f1f1;}
.blankb{height: .8rem; background: #f1f1f1;}

#three{overflow: hidden;  background: #f1f1f1;display: table; height: 100%; width: 100%;}
#three li{position: relative; background: #000; overflow: hidden; height: 3rem;}
.thlist li img{width: 100%; display: block; opacity: .4;} 
#three li p{width: 100%; position: absolute; top: 50%; text-align: center; font-size: .6rem; color: #fff; margin-top: -.5rem; font-weight: bold;}

.thlist{width:98%; float: left; margin: 1%;  overflow: hidden;}
.thlist ul{background: #fff; padding:.5rem .2rem;overflow: hidden;}
.thlist dd{margin-bottom: .25rem;}
.thlist dd h1{line-height: 200%; color: #2A4065;}
.thlist dd p{line-height: 150%;}
/* 业务介绍-END */


/* 案例 */

#casebox{background: #fff;}
#casebox2{overflow: hidden; position: relative;}
#casebox2 img{display: block; width: 100%;}
#casebox2 .slogin{position: absolute; color: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}

.slogin h1{font-weight: bold; font-size: .7rem; text-align: center; color: #fff; padding-bottom: .3rem;}
.slogin p{ text-align: center; padding-bottom: .05rem; font-size: .3rem;}
.slogin p>span{display: block;}
#fourbox{overflow: hidden;}
#fourbox li{width: 25%; position: relative; float: left;}
.mask7{margin: 0 .1rem;  background: #000;}
.mask7 a{display: block; overflow: hidden;}
.mask7 img{display: block; width: 100%; opacity: .3;}
.mask7 p{width: 100%;text-align: center; font-size: .5rem;color: #fff;font-weight: bold;	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}

.shuju{overflow: hidden; padding-bottom: 1rem;}
h1.dzh{font-size: .6rem; text-align: center; color: #333; padding: .8rem 0;}
.numbox{text-align: center;}
.numbox li{display: inline-block;width: 25%;}
.numbox li:nth-child(1) i::before,.numbox li:nth-child(2) i::before{ display: inline-block; font:.8rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;color: #2A4065; }
.numbox li:nth-child(1) i::before{ content: "\e602"; }
.numbox li:nth-child(2) i::before{ content: "\e612"; }
.numbox li h2{font-size: .8rem;}

#liuyan{background: #2A4065; padding-bottom: 1rem;}
h1.wdz{font-size: .6rem; text-align: center; color: #fff; padding: .8rem 0;}
.lylist{margin: .2rem; padding: .2rem;}
.lylist i{text-align: center;display: block;}
.lylist i::before{display: inline-block; font:1.2rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;color: #CCA869;content: "\e613";}
.lylist p{ margin: .35rem 0; color: #fff; text-align: justify;}
.lylist h2{text-align: center; color: #fff; font-weight: bold;}
.lymain{width:94%; margin: 0 auto;}

#kehubox{width: 100%; overflow: hidden; background: #fff; padding-bottom: .4rem;}
#kehubox ul{width: 100%; display: flex;flex-wrap: wrap; align-content: flex-start;}
#kehubox li{flex: 0 0 26.33333333%;border-radius:5px;background: #fff; margin:2% 3%; padding:1% 4%; filter: grayscale(100%); opacity: .9;}
/* #kehubox li:hover{box-shadow:0px 0px 20px 5px rgba(0,0,0,.1);filter: grayscale(0%); opacity: 1;} */
.mask8{overflow: hidden;}
.mask8 a{display: block; overflow: hidden;}
.mask8 h1{height: .2rem;}
.mask8 img{width: 100%; display: block;}
.mask8 h2{ margin-bottom: .24rem; }
.mask8 p{text-align: center; line-height: 150%;}
h1.dzhle{ text-align: left; color: #333; padding: .45rem 2%; font-size: .6rem;}
span.kemore{display: block; float: right;}
.kemore a{padding: .2rem .4rem; font-size: .4rem; border: 1px solid #333;}

.pzh{font-family:"微软雅黑"; padding-right: 10px;}


.tabsbox{overflow: hidden; padding-bottom: .5rem;}
.tabsbox ul{display: flex;flex-wrap: wrap;align-content: flex-start;}
.tabsbox ul li{flex: 0 0 20%; text-align: center; background: #e5e5e5; transition: all .3s; position: relative;}
.tabsbox ul li a::before{content: ''; background: #CCA869; width: 0%; display: block; height:2px; position: absolute; left: 0; bottom: 0; transition: all .5s;}
.tabsbox a{padding:.5rem .25rem; display: block;}
.tabsbox dd{font-size: .4rem;}
.tabsbox dd::before{display: block; margin: 0 auto; font: .8rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; transition: all .3s;color: #aaa;margin-bottom:.15rem;}
.tabsbox ul li:nth-child(1) dd::before{content: "\e635";}
.tabsbox ul li:nth-child(2) dd::before{content: "\e6b7";}
.tabsbox ul li:nth-child(3) dd::before{content: "\e604";}
.tabsbox ul li:nth-child(4) dd::before{content: "\e65b";}
.tabsbox ul li:nth-child(5) dd::before{content: "\e625";}
.tabsbox ul li a.active{background: #fff;}
.tabsbox ul li a.active dd::before,.tabsbox ul li a.active dd{color:#CCA869;}
.tabsbox ul li a.active::before{width: 100%}
/* .tabsbox ul li:hover,.tabsbox ul li a.active{background: #fff;}
.tabsbox ul li:hover dd::before,.tabsbox ul li a.active dd::before,.tabsbox ul li a.active dd{color:#CCA869;}
.tabsbox ul li:hover dd::before{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-mstransform: rotateY(180deg);}
.tabsbox ul li:hover a::before,.tabsbox ul li a.active::before{width: 100%} */


/* 案例 -END*/

/* 联系我们 */

.lxbox{width: 100%; overflow: hidden;}
.joinus{width: 50%; float: left; position: relative;}
.joinus video{display: block;}
.mediabox{width: 50%; float: left;}
.media,.lxlist{width: 100%; position: relative;}
img.bgpic{width: 100%; display: block;}
.btna1,.btna2,.btna3{ text-align: center;	position: absolute; width: 80%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.btna1{z-index: 999;}

.btna1 h1{font-size: .6rem; text-align: center; line-height: 150%; color: #fff; margin-bottom: .1rem;}
a.zybtn{display:inline-block; padding: .15rem .4rem; color: #fff; background: #2A4065; margin: 0 auto; }
.btna2 h2,.btna3 h2{font-size: .4rem; line-height: 150%; color: #fff;}
.meitibox{text-align: center;}
.meitibox li{display: inline-block; text-align: center; margin: .2rem .2rem 0; width: 1.8rem;}
.mask10{margin: 0 auto;}
.mask10 img{width: 100%; display: block; margin: 0 auto;}
a.zybtn2{display:inline-block; padding:.15rem 0; color: #fff; background: #2A4065; margin: 0 auto; margin-top: .2rem; font-size: .3rem; width: 100%;}
.btna3 ul{overflow: hidden; text-align: center; padding-top: .2rem;}
.btna3 ul li{color: #fff; text-align: left; padding: 0 .25rem; width: 90%; margin: 0 auto; text-align: center;}
.btna3 ul li h3{font-weight: bold; line-height: 150%; font-size: .25rem;}
.btna3 ul li p{line-height: 150%; font-size: .25rem;}
.btna3{width: 100%;}
.pagebox{text-align: center;margin: 0 auto; overflow: hidden; padding: .3rem 0; margin-bottom: .5rem; }
.pagebox li{display: inline-block; margin: 0 .15rem;}
.pagebox li a{padding:.05rem .1rem; color: #999; transition: all .3s;}
/* .pagebox li a:hover{color: #333;} */
.pagebox li.active a{color: #333; background: #f2f2f2;}
.hhang{display: none;}
.msmall{display: none;}

/* 联系我们 -END*/

@media screen and (max-width:860px) {
  .newnav2 ul{width: 96%;}
  .newsbox2 ul{width: 96%;}
  .newsbox2 ul img{width: 100%;}
}

@media screen and (max-width:768px) {
  .joinus{width: 100%;overflow: hidden;}
  .mediabox{width: 100%;}
  .btna2 h2, .btna3 h2{font-size: .8rem;}
  a.zybtn2{font-size: .4rem; margin-top: .5rem; padding: .2rem 0; width: 100%;}

  .btna3 ul li h3,.btna3 ul li p{font-size: .4rem;}
  .mask5{width: 40%;}
  .nlistall li p{font-size: .36rem;}
  .nlistall li h1 {padding: 0.5rem 0 0.2rem 0;}
  .newnav2 ul{padding: 0.6rem 0; text-align: center;}
  .newnav2 li{margin:0 .3rem;}
  .newnav2 li a{font-size: .55rem;}
  .meitibox li{width: 3rem;}
  .caselist li{width: 33.33333%; padding: 30px 0; background: #fff}
  .teambox2 ul li:nth-child(-n+3):nth-child(n+1){width: 25.1%;}
  .teambox2 ul li{width: 25%;}
  .teambox2 .mask{height: auto;}
  footer .f1,.f2 div:nth-child(3){display: none;}
  footer .f2{padding-top: 0;}
  .f2 div:nth-child(4){width: 100%; float: none; padding-left: 0; text-align: center; display: none;}
  .f2 .msmall{display: block; }
  .msmall h6{font-size: .4rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,.2); line-height: 300%;}
  .f2 p{margin-bottom: .3rem;}
.f2{border: none; padding-bottom: 0;}
.f3 p, .f3 a{color: rgba(255,255,255,.3); font-size: .285rem;}
.msmall h6:last-child{border: none;}
.slogin p{font-size: .4rem;}
.btna1 h1,.lxlist{display: none;}
a.zybtn{padding: .2rem .4rem;}
footer{padding: 1.5rem 0.6rem 0 0.6rem;}
.f2 h6{color: rgba(255,255,255,.25); text-align: left;}
}

@media screen and (max-width:640px) {
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{font-size:.8rem;}
/* 头部 */
.btn-nav::before{font-size: 1.2rem;}
.app-logo a::before{font-size: 1.5rem;}
#app-menu{padding:.6rem;}
a.btnen{padding: .15rem .7rem;}
.kvtxt h1{font-size: 1.5rem;}
.kvtxt p{font-size: .8rem;}
.con2 h1{font-size: 1rem;}
.teambox2 p span:nth-child(3){font-size: .6rem; color: #666;}
.casebox1 h1,.teambox1 h1{font-size: 1.2rem;}
.f3 p, .f3 a{font-size: .65rem;}
.f2 h6{font-size: .65rem;}
.f2 div:nth-child(3){width: 45%;}
.banner-yw h3{display: none;}
.banner-yw h2{margin-top: .4rem;}
.banner-yw h2 p{font-size: .6rem;}
.banner-yw h2 p:nth-child(1):before{top: .8rem;}
#ywbox h1, #casebox h1{font-size: 1.2rem;}
#three li p,h1.dzh,.mask7 p,h1.wdz{font-size: 1rem;}
#three li{line-height: 4rem;}
#three li p{margin-top: -.75rem;}
#ywbox{height: 5.5rem;}
.list{ width:35%;}
.list ul li a{font-size:1.2rem;}
.list ul li ul li a{ font-size:1rem;}
.name p{font-size: .8rem;}
.name h1{font-size: 1rem;}
.md-modal{width: 90%;}
.md-content ul p{line-height: 150%;}
.numbox li h2{font-size: 1.5rem; line-height:150%;}
.numbox li:nth-child(1) i::before,.numbox li:nth-child(2) i::before{font-size: 2rem;}
.md-content{padding: 1rem;}
#list-team li{width: 100% !important;}
button.md-close::before{font-size: .8rem;}

h1.dzhle{font-size: 1.2rem;}

h1.wdz{padding: 1rem 0;}

.lylist i::before{font-size: 2.2rem;}
.lylist p{margin: .8rem 0;}
.lymain{width: 94%;}
.newnav li a,.nlistall li h1{font-size: .8rem;}
#newbanner ul{width: 100%;}
.newbtn{padding: 0;}
.newnav{margin-top: .5rem;}
.nlistall li p{display: none;}
.mask5{width: 40%; margin-right: .4rem;}
.nlistall li h1{font-weight: normal;}
.newnav2 li a{font-size: .9rem;}
.newnav2 ul{padding: .8rem 0;}
.nlistall2 h1{font-size: 1.2rem; margin-bottom: .3rem;}
.hot li p{display: none;}
.hot li{width: 100%;}
.hot li:nth-child(2) div{margin-right: 0;}
.hot li:nth-child(3) div{margin-left: 0;}
.mask6{width: 40%; float: left;}
.hot li div{padding: .2rem; overflow: hidden; margin-bottom: .5rem;}
.hot li h2{font-size: .8rem; height: auto; line-height: 150%; padding: .3rem .5rem;}
.hot h1{margin: .8rem 0;}
.media{height: 9rem;}
a.zybtn2{font-size: .8rem;}
img.bgpic{width: 120%; display: block; margin: 0 auto;}
.btna1 h1,.btna2 h2, .btna3 h2{margin-bottom: .5rem; font-size: 1rem;}
.btna3 ul li h3, .btna3 ul li p{font-size: .8rem;}
.btna3 ul li{width: 90%; margin: 0 auto; margin-bottom: .5rem;}
.lxlist{height: 12rem;}
.btna3 h2{padding-top: .5rem;}
.lxlist .bgpic{width: 200%;}
.mask10{width: 4rem;}
#newbanner h1{font-size: .8rem;}
.mask7{height: 3rem;}
.mask7 img{width: 180%;}
.kemore a{padding: .3rem .4rem; font-size: .8rem;}
.videobg{width:100% !important;}
.meitibox li{width: 4.6rem;}
.md-modal3 .md-content ul p{font-size: .6rem;}
.innewsbox li{width: 65%; margin: 0 auto; float: none;}
.kvtxt a{padding: .4rem .8rem;}
.innewsbox li:nth-child(n+3){display: block;}
.innewsbox li{width: 100%; overflow: hidden; margin: .5rem 0;}
.inn .mask{width: 40%; float: left; margin-right: .5rem;}
.caselist li:nth-child(n+13){display: none;}
a.more0{margin: 1.5rem 0;}
#casebox2 h1{font-size: 1.2rem;}
.tabsbox dd::before{font-size: 1.1rem; margin-bottom: .3rem;}
#kehubox li{flex: 0 0 29.333333%; margin: 4% 2%; padding: 1% 4%;}
.msmall h6{font-size: .7rem; line-height: 250%;}
.f3 p, .f3 a{font-size: .58rem;}
.tabsbox dd{font-size: .75rem;}
.slogin{width: 90%;}
footer{padding: 2.5rem 0.6rem 0 0.6rem;}
.f2 h6{color: rgba(255,255,255,.25); text-align: left;}
.slogin p{font-size: .7rem;}
.lslogin{display: none;}
}