@charset "utf-8";

@font-face {
	font-family:"Gotham-Book";
	src: url('../font/Gotham-Book.eot'); /* IE9*/	
	src: local('?'),
	url("../font/Gotham-Book.eot?#iefix") format("embedded-opentype"),
	url("../font/Gotham-Book.woff") format("woff"),
	url("../font/Gotham-Book.ttf") format("truetype"),
	url("../font/Gotham-Book.svg#iconfont") format("svg"),
	url('../font/Gotham-Book.svg#svgFontName') format('svg'), /* iOS 4.1- */
	url('../font/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: 15px; 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*/


/* 头部 */
#app-menu2{width: 100%; padding:.25rem; margin: 0;background: #131E2F; z-index: 99;}
#app-menu{width: 100%; padding:.25rem; margin: 0; position: fixed; 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-nav {
  width: 100%;
  display:flex; align-items: center;
  border: none;
}

.enbox{flex: 1; text-align: right; padding-right:.6rem;}
a.btnen{color: #fff; border: 1px solid #fff; padding: 3px 12px; font-size:13px ;}

.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:.5rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e610"; color: #002339; transition: all .3s; 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:1.8rem;}
.list ul li a{color: #fff;display: block;position: relative; line-height: 200%; font-size: .4rem;}
.list ul li a.active{color: #2e94c5;}
.list ul li .inactive{ background:url(../img/off.png) no-repeat 95% center;}
.list ul li .inactives{background:url(../img/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:.2rem; font-size: .2rem;}
.list ul li ul li a.active{color: #2e94c5;}
.list ul li ul li ul li a{padding-left:.3rem;}
/* 手机顶部菜单 E*/

/* .maskk{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: #036CC2; z-index: -98; opacity: .45;} */
.videobox{overflow: hidden; position: relative;}
.video{width: 100%; z-index: -99;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%);}

#kv{width: 100%;overflow:hidden; position: relative;}
#kv img{display: block; width: 100%;}
video{width: 100%; z-index: -1;}
.kvtxt{ width:100%; z-index: 100; text-align: center;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%);}
.kvtxt h1{font-size: 1.2rem; color: #fff; font-weight: bold;}
.kvtxt p{font-size:.3rem; line-height:300%; color: #fff;}
.kvtxt a{background: #2e94c5; color: #fff; padding: 15px 50px; display: inline-block; transition: all .3s; }
.kvtxt a:hover{background:#26ADD5;}
h5.mouse{text-align: center; width: 100%; padding-top:1rem; animation:mymove 1s alternate infinite; }
h5.mouse::before{display: block; font:.45rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e609";color: #fff;}
.shengm{position: absolute; top: 150px; right: 2%; width: 20px; z-index: 999}
.shengm a{color: #fff}
.shengm span{display: block;}


@-webkit-keyframes mymove{
  0%{opacity:.5;padding-top:1.2rem;}
100%{opacity:1;padding-top:1rem;}
}
@keyframes mymove{
  0%{opacity:.5;padding-top:1.2rem;}
100%{opacity:1;padding-top:1rem;}
}

#incompany{background: #ebebeb; width: 100%; padding:.8rem; overflow: hidden; position: relative;}
.con1{width: 50%; float: left;}
.con1 img{display: block; width: 90%;}
.con2{width: 50%; float: right;}
.con2 h1{font-size: .48rem; color: #000; width: 55%;}
.con2 h1 span{color: #2e94c5;}
.con2 p{margin-top: .2rem;width: 55%; margin-left: .6rem; position: relative;}
.con2 p::before{display:block; content: ''; width: .4rem; height: 1px; background: #333; position: absolute; top:.15rem; left:-.6rem; }
span.morep{margin-top: .2rem;width: 55%; margin-left: .6rem; position: relative;}
a.more{display: inline-block; border: 1px solid #333;padding: .1rem .3rem; margin-top:.6rem; transition: all .3s;}
a.more:hover{border: 1px solid #2A4065; background: #2A4065; color: #fff;}

#incase{width: 100%;background: url(../img/bg_incase.jpg) no-repeat top center; background-size: cover;}
.casebox1 h1{font-size: .5rem; text-align: center;}
.casebox1{text-align: center; margin-bottom: .5rem;}
.casebox2{width: 70%; margin: 0 auto;}
.caselist ul{margin-right:0; background: #fff; overflow: hidden;}
.caselist li{float: left; width: 20%; overflow: hidden;}
.caselist li:nth-child(2n){background: #f9f9f9;}
/* .caselist li{border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;} */
/* .caselist li:nth-child(6n){ border-right:none;}
.caselist li:nth-child(n+7){ border-bottom:none;} */
#incasebox{padding: 20px 0; background: #ebebeb;}

.caselist li img{width: 100%; display: block; transition: all .3s;}
.caselist li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
a.more2{display: inline-block; border: 1px solid #fff; padding: .1rem .3rem; color: #fff; margin-top: .3rem; transition: all .3s;}

.more22box{display: none;}
#inteam{ width: 100%; padding:0 .8rem; overflow: hidden; position: relative;background: url(../img/bg_h.jpg) no-repeat top center; background-size: cover;}
.teambox1{width: 30%; text-align: center; float: left;	position: absolute;
	top: 50%;
	left: 5%;
	-webkit-transform: translate(-5%, -50%);
	-moz-transform: translate(-5%, -50%);
	-ms-transform: translate(-5%, -50%);
	-o-transform: translate(-5%, -50%);
	transform: translate(-5%, -50%);}
.teambox1 h1{font-size: .5rem; margin-bottom: .4rem;}
.teambox1 p{ line-height: 200%; font-size: .25rem;}
.teambox2{float: right; width: 65%; vertical-align: top;}
.teambox2 .mask{height: 2.5rem; overflow: hidden;}
.teambox2 p{line-height:250%;}
.teambox2 p span:nth-child(1){font-weight: bold;}
.teambox2 p span:nth-child(2){margin-right: 5px;}
.teambox2 p span:nth-child(3){color: #666;}
.teambox2 ul{display:table; text-align: center; margin: 0 auto;}
.teambox2 ul li{width: 25%; display: inline-block;}
.teambox2 ul li:nth-child(-n+3):nth-child(n+1){width: 25%;}
.teambox2 ul li dd{ margin: .15rem;}
.teambox2 ul li img{width:100%; display: block;}

#innews{width: 100%; background: url(../img/bg_news.jpg) no-repeat top center; background-size: cover;}
.innewsbox{width:90%; margin: 0 auto; overflow: hidden;}
.innewsbox ul{    display: flex; flex-wrap: wrap; align-content: flex-start;}
.innewsbox li{flex: 0 0 33.33333333%;}
.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; font-size: .2rem;}
.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;}

.more0box{text-align: center;}
a.more0{display: inline-block; bottom: 2rem; padding: .1rem .3rem; margin-top: .5rem; transition: all .3s; background: #666; color: #fff;}
a.more0:hover{background: #2A4065; color: #fff;}
a.more3{display: inline-block; border: 1px solid #333;bottom: 2rem; padding: .1rem .3rem; margin-top: .25rem; transition: all .3s;}
a.more3:hover{border: 1px solid #2A4065; background: #2A4065; color: #fff;}
footer{background: #131E2F; width: 100%; padding:.6rem .6rem 0 .6rem; overflow: hidden; position: relative;}
.f1 h1{font-size: .5rem; font-weight: bold;}
.f1 h3{margin-bottom: .4rem; margin-top: .14rem;}
.f1,.f2{color: #fff !important; 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: 18%;}
.f1 li:nth-child(4){width: 18%;}
.f1 li:nth-child(5){width: 18%;}
.f1 li:nth-child(6){width: 46%;}
.f1 li p{font-size: .2rem;}
li.fmenubox{float: right !important; margin-right: 0 !important;}
.f1 li h2{font-size: .21rem; font-weight: bold; margin-bottom: .2rem;}

.fmenu{width: 100%;}
.fmenu div{float: left; margin: 0 .35rem;}
.fmenu div h4 a{font-size: .21rem; color: #fff; margin-bottom: .2rem; display: block;}
.fmenu div dt a{color: rgba(255,255,255,.6); display: block; text-align: center; font-size: .2rem; line-height: 150%;}

.f2 div{float: left; width: 33.3333%;}
.f2 h1{font-size: .36rem; font-weight: bold;margin-bottom: .3rem; margin-top: .2rem;}
.f2 h6{font-size: .18rem; font-weight: bold;}

.f2 p{line-height:200%; margin-bottom: .15rem;}
.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%; transition: all .3s;}
.f2 div input::-webkit-input-placeholder{	color: #fff;}
.f2 div input:focus{border-bottom: 1px solid #CCA869;}
.f3{padding: .2rem 0;}
.f3 p, .f3 a{color: #fff; text-align: center; font-size: 14px;}
.mask2{width: 2rem; 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; transition: all .3s;}
button.subtj:hover{border: 1px solid rgba(255,255,255,1)}

/* 内页-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; background: #414A53}
#list-team li{width: 25%; float: left; position: relative; background: #000;}
.mask3 img{display: block; width: 100%; opacity: .5; transition: all .3s;}
.mask3:hover img{opacity: 1;}
.name{position: absolute; bottom: 10%; left: 10%; color: #fff; transition: all .3s;}
.name p{font-size: .18rem; font-weight: bold; margin-bottom: .1rem;}
.name h1{font-size: .36rem; 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%;} */
#list-team li:hover .name{bottom: 13%;}

/* 弹出介绍 */
.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:35%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }
.md-modal3 { position: fixed; top: 50%; left: 50%; width:50%;height: auto; z-index: 9999999; visibility: hidden; transform: translateX(-50%) translateY(-50%); }

.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;border-radius: 8px; }
.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.6s 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:.22rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e608"; transition: all .3s; color: #333;}
button.md-close:hover::before {transform: rotate(180deg); -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg);}

.md-content ul h1{font-size:.3rem; margin-bottom:15px; font-weight: bold;}
.md-content ul p{margin-bottom: .18rem; font-size:.22rem; line-height:160%; text-align: justify;}
.gongaoh{text-align: center; font-weight: bold;}
/* 弹出介绍-END */

/* 内页-team-END */


/* 新闻 */
.blank{height: 3rem; background: #f1f1f1;}
#newbanner{min-height:6rem; background:url(../img/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:hover{cursor: pointer;}
.nlist img{width: 100%; display: block; transition: all .3s; 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: .5rem; text-align: center; color: #fff; padding: .45rem 0;}
.newbtn{position: absolute;color: #fff; padding: .2rem 1rem; font-size: .26rem; 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;}
.nlist a{display: block;}
.nlist:hover .mask4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.newsbox{width: 100%; overflow: hidden; background: #fff;}
.newsbox2{width: 100%; overflow: hidden; background: #f9f9f9;}
.newsbox ul{width:1100px; margin: 0 auto; overflow: hidden; padding-bottom: .3rem;}
.newsbox2 ul{width:850px; margin: 0 auto; overflow: hidden; padding-bottom: .3rem;}
.newsbox2 ul p{line-height: 200%; margin-bottom: .15rem; color: #333;}
.newnav{width:1100px; margin: 0 auto; padding: .3rem 0;}
.newnav li{display: inline-block; margin-right: .3rem;}
.newnav li a{font-size: .25rem; transition: all .3s;}
.newnav li a:hover,.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: .25rem; transition: all .3s;}
.newnav2 li a:hover,.newnav2 li a.active{color: #2A4065;}
.nlistall li{width:100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; padding: .2rem 0; transition:all .2s;}
.nlistall2 h1{font-size: .4rem;  padding: .25rem 0}
.nlistall2{background: #fff; padding: .5rem;}
.nlistall2 img{margin: 0 auto !important;}
.nlistall li h1{font-size: .22rem; font-weight: bold; padding: .25rem 0 .2rem 0; transition:all .3s;}
.nlistall li p{color: #666;}
.mask5{width: 25%; overflow: hidden; float: left; margin-right: .35rem;}
.mask5 img{width: 100%; display: block; transition: all .3s;}
.nlistall li:hover{box-shadow: 5px 5px 10px #e6e6e6; padding: .15rem 0 .25rem 0;}
.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);} */
.nlistall li:hover h1{color: #2A4065;}
.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: 45%; position: absolute; top: 50%;}
.hot h1::after{display: block; height: 1px; background: #e5e5e5; content: ''; width: 45%; position: absolute; top: 50%; right: 0;}
.hot li{width: 50%; float: left;}
.hot li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.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; transition: all .3s;}
.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:7.3rem; background: #fff;}
#ywbox ul{width: 85%; margin: 0 auto; text-align: center;}
#ywbox ul li:nth-child(1){width: 9rem; float: left; position: relative; margin-left: 1rem; }
#ywbox ul li:nth-child(2){width: 4.5rem; float: right; position: relative; margin-right: .6rem; margin-top: .7rem; }
#ywbox ul li img{width: 100%; display: block;}
#ywbox h1,#casebox h1{font-weight: bold; font-size: .5rem; text-align: center; color: #333; padding: .45rem 0;}
.banner-yw{overflow: hidden; text-align: left; padding-top: 1.4rem;}
.banner-yw h2 p:nth-child(1):before{display:block; content: ''; width: .4rem; height: 1px; background: #333; position: absolute; top:1.8rem; left:-.6rem; }
.banner-yw h2>p{ font-size: .55rem;}
.banner-yw h2{margin-bottom: .5rem;}
.banner-yw h3{font-size: .25rem;}
.banner-yw h4{color: #2A4065; padding-top: 1.6rem;}
.banner-yw h4::before{ display: inline-block; font:.8rem/ 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\e611"; }
.blank2{height: 1.5rem; background: #f1f1f1;}
.blankb{height: .5rem; background: #f1f1f1;}

#three{overflow: hidden;  background: #f1f1f1; width: 100%;display: flex; flex-wrap: wrap; align-content: flex-start;}
#three li{position: relative; background: #000; overflow: hidden;}
.thlist:hover li img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: .8;}
.thlist li img{width: 100%; display: block; opacity: .4; transition: all .3s;} 
#three li p{width: 100%; position: absolute; top: 50%; text-align: center; font-size: .4rem; color: #fff; margin-top: -.3rem; font-weight: bold;}

.thlist{margin: 1%;  overflow: hidden; flex: 0 0 31.3333333%; background: #fff; }
.thlist ul{ padding:.5rem .2rem;overflow: hidden;}
.thlist dd{margin-bottom: .25rem;}
.thlist dd h1{font-size: .25rem; 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: .6rem; text-align: center; color: #fff; padding-bottom: .3rem;}
.slogin p{ text-align: center; padding-bottom: .05rem; font-size: .24rem;}
.slogin p>span{display: block; margin: 0 auto;}

#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%; transition: all .3s; opacity: .3;}
.mask7 p{width: 100%;text-align: center; font-size: .4rem;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%);}
.mask7:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: .8;}

.shuju{overflow: hidden; padding-bottom: .4rem;}
h1.dzh{font-size: .38rem; text-align: center; color: #333; padding: .45rem 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: .5rem;}
h1.wdz{font-size: .38rem; text-align: center; color: #fff; padding: .45rem 0;}
.lylist{margin: .2rem; padding: .2rem;}
.lylist i{text-align: center;display: block;}
.lylist i::before{display: inline-block; font:.5rem / 1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased;color: #CCA869;content: "\e613";}
.lylist p{ margin: .35rem 0; color: #fff; min-height:200px;text-align: justify}
.lylist h2{font-size: .2rem;text-align: center; color: #fff; font-weight: bold;}
.lymain{width:90%; margin: 0 auto;}

#kehubox{width: 100%; overflow: hidden;padding-bottom: .4rem;}
#kehubox ul{width: 100%; display: flex;flex-wrap: wrap; align-content: flex-start;}
#kehubox li{flex: 0 0 18%;border-radius:5px;margin: 1%; padding:2% 3%; transition: all .3s;filter: grayscale(100%); opacity: .9; }
/* #kehubox li{flex: 0 0 14.6666%;border-radius:5px;background: #fff; margin: 1%; padding: 1%;box-shadow: 5px 5px 10px #e6e6e6; transition: all .3s; } */
#kehubox li:hover .mask8 img.mlogo{-webkit-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.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; transition: all .3s;}
.mask8 h2{ margin-bottom: .24rem; }
.mask8 p{text-align: center; line-height: 150%;font-size: .2rem;}
h1.dzhle{font-size: .38rem; text-align: left; color: #333; padding: .45rem 2%;}
span.kemore{display: block; float: right;}
.kemore a{font-size: .15rem; padding: .1rem .3rem; border: 1px solid #333;padding: .1rem .3rem; transition: all .3s;}
.kemore a:hover{color: #fff; background: #2A4065;}
.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:.25rem; display: block;}
.tabsbox dd{font-size: .22rem;}
.tabsbox dd::before{display: block; margin: 0 auto; font: .5rem / 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: "\e625";}
.tabsbox ul li:nth-child(3) dd::before{content: "\e6b7";}
.tabsbox ul li:nth-child(4) dd::before{content: "\e604";}
.tabsbox ul li:nth-child(5) dd::before{content: "\e65b";}


.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; background: url(../video/bg.jpg) no-repeat top center; background-size: cover;}
.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;
	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{opacity: 0; transition: all .3s;} */
.joinus:hover .btna1{opacity: 1;}

.btna1 h1{font-size: .45rem; 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; transition: all .3s; }
a.zybtn:hover{background: #131E2F;}
.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.2rem;}
.mask10{margin: 0 auto;}
.mask10 img{width: 100%; display: block; margin: 0 auto;}
a.zybtn2{display:inline-block; padding:0.15rem 0; color: #fff; background: #2A4065; margin: 0 auto; margin-top: .2rem; transition: all .3s; width: 100%; }
a.zybtn2:hover{background: #131E2F;}
.btna3 ul{overflow: hidden; text-align: center; padding-top: .2rem;}
.btna3 ul li{display: inline-block; color: #fff; text-align: left; padding: 0 .25rem;}
.btna3 ul li h3{font-weight: bold; line-height: 150%;}
.btna3 ul li p{line-height: 150%;}
.btna3{width: 100%;}
.pagebox{text-align: center;margin: 0 auto; overflow: hidden; padding: .3rem 0; margin-bottom: .5rem; }
.pagebox li{display: inline-block;}
.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;}


.msmall{display: none;}


/* 联系我们 -END*/

@media screen and (max-width:1440px) {
  .btna3 ul li{padding: 0 .1rem;}
  .btna2{width: 96%; margin: 0 auto;}
  .lylist p{min-height: 250px;}
  .hhang span,.hhang2 span{display: block;}
  .shengm{position: absolute; top: 100px; }
}


@media screen and (max-width:1280px) {
  .btna3 ul li{width: 90%; margin: 0 auto; text-align: center; margin-bottom: .2rem;}
  .lylist p{min-height: 242px;}
}



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

  .newnav,.newsbox ul{width: 100%; padding: .3rem;}


}