@charset "utf-8";


body {margin: 0;padding: 0;font: 12px/18px;  overflow-x: hidden; min-width: 1000px;    color: #303030; font-family:"微软雅黑","PingFang SC","Microsoft YaHei","HanHei SC","Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei";	position: relative;
font-weight:normal !important;-webkit-tap-highlight-color: transparent;  }



ul, li, p, from, h2, h3, h4, h5, h6 {margin: 0;padding: 0; font-weight:normal; }
ul, li {list-style: none;margin: 0;padding: 0;}
img {border: 0;}
a { 	text-decoration: none;
}
.clear {clear: both;font-size: 1px;line-height: 0px;margin: 0;	padding: 0;	height: 0;}
.left {float: left}
.right {float: right}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
html, body {
      position: relative;
      height: 100%;
    }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;font-weight:normal;
}


.titlebb {
    position: absolute;
    left: 30.9%;
    top: 38px;
font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    transition: opacity .25s; font-weight:bold
}
.pading100px{}
/*indx-About*/
.indx-About{ width:100%; position:relative; height:auto; background:#ffeb3b; padding-top:120px;}
.content{  margin:0; position:relative; padding-left:20%; padding-right:20%;height:auto}
.indx-content{  margin:0; position:relative;padding-left: 10.15%;
    padding-right: 13.15%;height:auto}

.titleb {left:5.1%;
    position: absolute;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg); font-size:36px; top:-20px; font-weight:bold;font-family:"Circular-Medium","微软雅黑","Microsoft YaHei"; 
transform-origin: left bottom;
}
.description{position:relative; font-size:85px; line-height:100px; font-weight:normal }
.id-description{position:relative; font-size:85px; line-height:100px;font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";letter-spacing:-2px; }
.id-description span{ color:#264aff;font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";}
.id-description p{position:relative; font-size:85px; line-height:100px;font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";letter-spacing:-2px; }

.id-description-cn{font-size:24px; display:block; line-height:50px; padding-bottom:50px;font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";    padding-top: 15px;
    padding-left: 5px; font-weight:600}
.description img{ width:100%; height:auto}
.more{ position:absolute; font-size:16px; text-align:right; right:100px; z-index:1}
.more a{ font-size:16px; width:100%; text-align:right; color: #000;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}
.more a:hover{color: #999;
-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;}

.hero__scroll {
  position: absolute;
  bottom: 20%;
  width: 200px;
  margin: auto;
  display: block;
  cursor: pointer;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  text-transform: uppercase; z-index:1111; text-align:center}
  
  .inde .hero__scroll {  bottom: 2%;
}
  .hero__scroll .chevron {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    color: #fed618; }
	.chevron::before {
  border-style: solid;
  border-width: 0.5em 0.5em 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 20px; }

.chevron.right:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }


.arrowb {
	position: absolute;
	bottom:22px;
	z-index: 23330;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	overflow: hidden;
	height: 50px;
	padding: 10px 0;
}.arrowb2 {
	position: absolute;
	bottom: 20%;
	z-index: 20;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	overflow: hidden;
	height: 50px;
	padding: 10px 0;
}
.arrowb3 {
	position: absolute;
	bottom: 5%;
	z-index: 20;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	overflow: hidden;
	height: 50px;
	padding: 10px 0;
}
.arrowb > a {
	width: 70px;
	height: 25px;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 10px;
}








/*首页业务*/
.indx-business{ width:100%; position:relative; height:auto; background:#ffeb3b; padding-top:180px; padding-bottom:120px}
.indx-business .description{ padding-bottom:60px; padding-top:20px;}
 
 
 /*首页案例*/

 .indx-cases{ width:100%; position:relative; height:auto; background:#FFF; padding-top:100px; padding-bottom:100px;}
 .indx-cases .description{ width:80%;position:relative; font-size:64px; line-height:90px; margin-left:100px; float: none; font-weight:bold;padding-right: 0px;}
.indx-cases .content{margin: 0;
    position: relative;
    padding-left:12%;
    padding-right: 12%;
    height: auto;}
.border_top,
.border_right,
.border_bottom,
.border_left{
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
.border_top,
.border_left{left:0;top:0;position: relative;
background: #ee1d24;}
.border_right,
.border_bottom{bottom:0;right:0;}
.border_top,
.border_bottom{height:10px;width:0;}
.border_right,
.border_left{height:0px;width:10px;}
.border_top:hover,
.border_bottom:hover{width: 100%}
.border_left:hover,
.border_right:hover {height: 100%}

 /*首页经验 / Experience*/

.indx-Experience{ width:100%; position:relative; height:auto; background:#ffeb3b; padding-top:70px;}
.indx-Experience .content{margin: 0;
    position: relative;
    padding-left:10%;
    padding-right:5%;
    height: auto;}
.indx-Experience .content .titleb{top: 35px;}
.indx-Experience .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.indx-Experience .description ul{ width:100%;position:relative;margin-top:0px; float:left}
.indx-Experience .description ul li{width:16.666%;  height: auto; position:relative;float:left; }
.indx-Experience .description img{ width:100%; height:auto}
 
 /*动态 / News*/

.indx-News{ width:100%; position:relative; height: auto; background:#ffeb3b; padding-top:100px;}
.indx-News .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.indx-News .indx-content{background:#FFF; border-left:10px #ffeb3b solid;padding-top:105px; padding-bottom:100px; border-right:10px #ffeb3b solid; padding-right:100px;box-sizing: border-box;}
.indx-News .indx-content .titleb{left:4.4%;top:60px;}
.indx-News .description ul{ width:100%;position:relative;list-style: none;}
.indx-News .description ul li{  height: auto; position:relative;border-left:3px solid #221e1f; width:49%; float:left;  margin-bottom:65px;}
.indx-News .description ul li div{ padding-left:50px;padding-right:16%;}
.indx-News .description ul li div a div{position:relative ;top:0px; font-size:24px; line-height:50px; font-weight: normal; color:#303030;display:inline-block; z-index:11; padding-bottom:7px; height:50px;overflow:hidden; padding-right:20%; padding-left:0; width:80%;
            }
.indx-News .description ul li div a div p.title{position:relative ;top:0px; font-size:24px; line-height:50px; font-weight: normal;color:#303030;display:inline-block; z-index:11;  height:50px; padding-right:0px; margin-right:0;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; width:100%;padding-top:0px;}
.indx-News .description ul li div a {display: block;line-height:25px; font-weight:normal}
.indx-News .description ul li div a p{ position:relative; font-size:14px; line-height:24px;color:#303030;font-weight:normal; padding-top:15px;overflow: hidden;text-overflow: ellipsis;
display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; width:100%; height:50px;}
.indx-News .description ul li div a span{ font-size:14px; float:right; color:#303030;line-height:24px; display: flex;position: absolute;right: 16%;top:20px;}
.indx-News .description ul li div a div::after {
    display: block;
    content: ''; 
	bottom:10px;
    position:absolute;
    width: 0%;
    height: 20px;
    background:#ffeb3b;
    opacity:1;
    transition: width 0.8s;
    -webkit-transition: width 0.8s;
    -ms-transition: width 0.8s; z-index:-1
}
.indx-News .description ul li div a div:hover::after {
    width:78%;
    height: 20px;
    background:#ffeb3b;
    opacity:1;
    transition:width 0.8s;
    -webkit-transition:width 0.8s;
    -ms-transition:width 0.8s; 
}


 /*首页客户/ Client*/

.indx-Client{ width:100%; position:relative; height:auto; background:#ffeb3b; padding-top:150px;}
.indx-Client .content{margin: 0;
    position: relative;
    padding-left:10%;
    padding-right:5%;
    height: auto;}
.indx-Client .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;padding-bottom:150px}
.indx-Client .description ul{ width:100%;position:relative;margin-top:-40px; float:left}
.indx-Client .description ul li{width:16.666%;  height: auto; position:relative;float:left; }
.indx-Client .description img{ width:100%; height:auto}

 /*合作 / Experience*/
.indx-hezuo{ width:100%; position:relative; height:auto; background:#f5f5f5; padding-top:120px;}
.indx-hezuo .content{margin: 0;
    position: relative;
    padding-left:19%;
    padding-right:19%;
    height: auto;}
.indx-hezuo .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin:0 auto; float: none; font-weight:bold;padding-right: 0px;text-align:center; padding-bottom:0px;}
.indx-hezuo .description .indx-hezuoimg{ width:100%; height:0; padding-bottom:22%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:auto 105%; -moz-background-size:auto 105%; background-size: auto 105%;-moz-transition: all 1.5s ease;
		-o-transition: all 1.5s ease;
		transition: all 1.5s ease;}   
.indx-hezuo .description .indx-hezuoimg img{ width:100%; height:auto;-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
-webkit-transition: all 1s ease;
		-moz-transition: all 1.5s ease;
		-o-transition: all 1.5s ease;
		transition: all 1.5s ease;} 
.indx-hezuo .description .indx-hezuo_teaminfo {position: absolute;width:100%;  z-index:100;top:25%;left: 0; color:#000;}
.indx-hezuo .description .indx-hezuo_teaminfo p.title{ font-size:48px; width: auto;line-height:70px;  position:relative; background:#ffeb3b; height:70px; display: inline-block; padding:0 50px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold; color:#000}
.indx-hezuo .description .indx-hezuo_teaminfo p{ font-size:24px; color:#ffeb3b;line-height:35px; }
.indx-hezuo .description a:hover .indx-hezuoimg{opacity: 0.95;
-webkit-background-size:auto 100%; -moz-background-size:auto 100%; background-size:auto 100%;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;}
 
 /*底部 */

.footer{ width:100%; position:relative; height:auto; background:#f5f5f5; padding-top:100px; padding-bottom:60px;}
.footer .content{  margin:0; position:relative; padding:0 160px; }
.contactlist{ width:100%;}
.contactlistb{ width:1000px; margin:0 auto;}
.footerxhx{ position:relative;border-top:2px solid #e3e3e3; height:95px; }
.contactinfo{ width:50%; float:left; position:relative;display:inline-block}
.contactinfo p.title{ position: relative; font-size:24px; font-weight:normal; margin-bottom:25px;z-index:23; display:inline-block; font-family:"Circular-Book","微软雅黑","Microsoft YaHei" }
.contactinfo > p.title:after { content: "";position: absolute;height:20px;background-color: #ffeb32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
left:0; width:100%; z-index:-1; top:10px;}
.contactinfo .ditu{ display: none; color:#858484; font-size:12px;}
.contactinfo .ditu a{ display:block; color:#858484; font-size:12px; font-weight:bold}
.contactinfo .ditu a::before{ display: none;}
.contactinfo .ditu a::after{ display: none;}
.contactinfo p{ font-size:14px; font-weight: bold; margin-bottom:15px; position:relative; font-family:"Circular-Book","微软雅黑","Microsoft YaHei";}
.contactinfo p a{ font-size:14px; font-weight:normal; margin-bottom:15px; display:inline-block; color:#303030; position: relative; line-height:20px;transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;}
.contactinfo p a:hover{color:#264aff;    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;}
.contactinfo p .link{ position:relative; z-index:1}
.contactinfo p .link::before {
    content: '';
    display: block;
    position: absolute;
    bottom:-5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #303030;
    transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out; z-index:-1;

}
.contactinfo p .link::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -5px;
    width: 0;
    height: 1px;
    background:#264aff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:2;
}
.contactinfo p .link:hover::after {
    width: 100%;
    height: 1px;
    background:#264aff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;
}
.contactinfo p .link:hover::before {
    content: '';
    display: block;
    position: absolute;
    bottom:-5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #303030;
    transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out; z-index:-1;
}
.contactinfo a i{ font-size:30px; font-weight:normal; margin-right:30px;-webkit-transition: all 0.3s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.36; color:#000}
.contactinfo a i:hover{-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s; color:#264aff}

.footer-nav{ width:100%; padding-top:60px;}
.footer-nav ul{ margin-left:-40px;}
.footer-nav ul li{ width:110px; border-right:1px solid #606060; float:left; text-align:center; font-size:16px;}
.footer-nav ul li a{text-align:center; font-size:16px; display:inline-block; position:relative; color:#303030;z-index:1;line-height:24px;transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s; font-family:"Circular-Book";}
.footer-nav ul li a:hover{text-align:center; font-size:16px; display:inline-block; position:relative; color:#264aff;opacity:1;transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;}
.footer-nav ul li a:after {
    display: block;
    content: ''; 
	bottom:12px;
    position:absolute;
    width:0%;
    height: 1px;
    background:#000;
    opacity:0;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:-1
}
.footer-nav ul li a:hover:after {
    display: block;
    content: ''; 
	bottom:0px;
    position:absolute;
    width: 100%;
    height:2px;
    background:#264aff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:-1
}
.footer-nav p{  font-family:"Circular-Book","微软雅黑","Microsoft YaHei";margin-top:20px; width:100%;float:left; text-align:center; font-size:14px; text-align:left; display:block; line-height:30px}
.contactinfo.share{padding-top:30px}
.contactinfo .cweixin {background: url(../images/weixin-bg01.png);width: 126px;height:134px;position: absolute;left:-50px;top:-100px;opacity: 0;transform: scale(0);    -webkit-transform: scale(1);transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%;transition: transform ease .5s,opacity ease .5s;-webkit-transition: all ease .5s;display: none; z-index:111;}
.contactinfo .cweixin img{ padding-left:19px; padding-top:17px; width:86px; height:86px;}
.contactinfo a:hover .cweixin  {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.map{top:55px;}

.lianximap{margin:50px 0; width:438px; height:300px;}
.lianximap img{width:100%; height:100%;}

.footer-br{ width:100%; position:relative; height:auto; background:#f5f5f5; }
.footer-br img{ width:100%; height:auto;}
.footer-br .description a{ margin:0; padding:0;}
.footer-br .description {width:100%;position:relative; font-size:64px; line-height:90px; margin:0; padding:0;}
.footer-br .description .footer-br-img{ width:100%; height:auto; overflow:hidden; margin:0 !important; padding:0 !important;display:flex}   
.footer-br .description .footer-br-img img{ width:100%; height:auto;-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale3d(1.01,1.01,1);
transform: scale3d(1.01,1.01,1);
-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;} 
.footer-br .description .footer-br_teaminfo {position: absolute;width:100%;z-index:100;top:35%;left:25%; color:#fff;}
.footer-br .description .footer-br_teaminfo h3{font-size:62px; width: auto;line-height:70px;  position:relative;  height:70px; display: inline-block; font-weight:bold}
.footer-br .description .footer-br_teaminfo p{ font-size:24px; color:#fff;line-height:35px; display:inline-block; position:relative; z-index:1 }
.footer-br .description .footer-br_teaminfo p:after {
    display: block;
    content: ''; 
	bottom:0px;
    position:absolute;
    width: 100%;
    height: 15px;
    background:#264aff;
    opacity:1;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s; z-index:-1
}
.footer-br .description a:hover .footer-br-img img{opacity:1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;} 

.footer a.btn-top {display:block;position:absolute;right:101px;bottom:80px;z-index:1;width:30px;padding-bottom:4px;/*border-bottom:2px solid #212121;*/font-family:'Circular-Medium',"微软雅黑","Microsoft YaHei";font-weight:bold;font-size:18px;line-height:1;text-transform:uppercase;text-align:center;overflow:hidden; opacity:1;transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -ms-transition:opacity 0.5s; color:#303030}
.footer a.btn-top:before {display:block; content:''; position:absolute; bottom:0; z-index:1; height:2px; width:100%; background:#212121;}
.footer a.btn-top:after {display:block; content:''; position:absolute; bottom:0; z-index:2; height:2px; width:0;  background-color: #303030; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s;}
.footer a.btn-top:hover {opacity:0.38; transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -ms-transition:opacity 0.5s;}
.footer a.btn-top:hover:after {width:100%; transition:width 0.5s; -webkit-transition:width 0.5s; -ms-transition:width 0.5s;}
.footer a.btn-top span.t {display:block;font-weight:bold;}
.footer a.btn-top span.o {display:inline-block;float:left;font-weight:bold;}
.footer a.btn-top span.p {display:inline-block;float:right;font-weight:bold;}
.Copyrightall{width:100%; height:100px;display:block; margin-top:40px;background:#ffeb32;}
.Copyright{ width:1000px; margin:0 auto; font-size:14px; padding-top:20px; line-height:30px;font-family: "Circular-Medium","微软雅黑","Microsoft YaHei"; font-weight: bold;}




/*关于我们*/
.weizhi{ width:1000px; margin:0 auto;    font-family: "Circular-Book","微软雅黑","Microsoft YaHei";
    font-weight: bold;}
.weizhi span{ width:10px; height:10px; background:#ffeb32; display:block;border-radius:10px; float:left; margin-top:35px; margin-right:15px;}
.br-a{ width:100%; height:auto; position:relative;}
.br-a img{ width:100%; height:auto;}
.breadcrumb{ width:100%; height:80px; background: #f2f2f2; position:relative; font-size:18px; line-height:80px;}
.daohan{width:100%; height:200px; background: #ffeb32; position:relative; z-index:111 }

.c-daohan{width:1000px; margin:0 auto; position:relative;}
.c-daohan ul{ width:100%; padding-top:40px; position:relative; display:block}
.c-daohan li{width:25%; float:left; font-size:18px;}
.c-daohan li a{width:100px; height:160px; float:left; font-size:18px; color:#202020;}
.c-daohan li a div{width:100px; height:145px; float:left; font-size:18px; color:#202020; border-top:2px solid #202020; padding-left:5px; padding-top:15px;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; position:relative; letter-spacing:10px;}
.c-daohan li a:hover div{  color:#202020;-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
.c-daohan li a div:before{
	display: block;
    content: ''; 
	bottom:0;
	left:0;
    position:absolute;
    width: 100%;
    height:0px;
    background:#202020;
    opacity:1;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s; }		
.c-daohan li a:hover div:before{
	display: block;
    content: ''; 
    position:absolute;
    width: 100%;
    height:80px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -ms-transition: height 0.5s;}
	
.c-daohan li .active div{ background:#202020; color:#FFF !important;}
.About-Duty{ width:100%; position:relative; height: auto; background:#f5f5f5; padding-top:100px; padding-bottom:180px; z-index:1}
.Duty-con{ width:1000px; margin:0 auto;height:100%;    top: -16px;
    position: relative;}
.Duty-con h3{font-size:100px; line-height:120px; display: inline-block; position:relative; z-index:1; font-family:"Circular-Medium","微软雅黑","Microsoft YaHei";}
.Duty-con h3:after {
    display: block;
    content: ''; 
	bottom:-3px;
    position:absolute;
    width: 100%;
    height:50px;
    background:#264aff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;
z-index:-1}

.Duty-con h4{ width:100%; font-size:52px; line-height:120px; letter-spacing:5px; margin-bottom:15px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold; padding-top:25px;}
.Duty-con .description{ width:100%; font-size:16px; line-height:30px;margin-left: 0px;font-weight: normal;padding-right:0px; }
	
	
.About-Office{ width:100%; position:relative; height: auto;z-index:3 }
.About-Office .content{ padding-right: 0;
padding-left: 11%;
width: 89%;
position: relative;
}
.About-Office .content .titleb{top:-40px}
.swiper2 .swiper-wrapper .swiper-slide{ width:100%; height:0; padding-bottom: 56%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.swiper4 .swiper-wrapper .swiper-slide{width:80%; height:0; padding-bottom: 42%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.About-Office-img{ width:100%;position:relative;  margin-left:100px; height: auto; padding:0px;}
.About-Office-img img{ width:100%; height: auto;position:relative; padding:0px;}
.About-Office-bg{background:#ffeb32; width:81%; height:100%; position:absolute; top:-50px; right:0; z-index:2; padding-bottom:50px;}

.about-Advantage{ width:100%; position:relative; height:auto; margin-top: 145px; z-index:22}
.about-Advantage .content{padding-right:0; padding-left:165px;}
.about-Advantagez{margin-left:13%; width:80%}
.about-Advantage .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.about-Advantage .description ul{ width:100%;position:relative; }
.about-Advantage .description ul li{width:16.666%;  height: auto; position:relative;float:left; }
.about-Advantage .description img{ width:100%; height:auto}
.Advantage{width:860px; padding-left:16%; padding-top:13px; padding-bottom:100px;}
.Advantage h3{ font-size:30px; margin-bottom:60px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}
.Advantage p{ font-size:14px; width:740px; margin-left:75px; line-height:28px;}
.Services{width:860px; right:0; margin-left:16%;padding-bottom:100px; text-align: left}




.about-Services{ width:100%; position:relative; height:auto; background:#f5f5f5; padding-top:70px;}
.about-Services .content{padding-left:0; padding-right:0; width:90%}
.about-Services .content .titleb{ top:110px}
.about-Servicesz{background:#f2f1e3; margin-top:-70px;padding-left:24%;padding-top:130px}
.about-Services .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.about-Services .description ul{ width:100%;position:relative;margin-top:-40px; float:left}
.about-Services .description ul li{width:16.666%;  height: auto; position:relative;float:left; }
.about-Services .description img{ width:100%; height:auto}
.Services h3{ font-size:30px; line-height:60px; margin-bottom:50px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}
.Services ul li{ margin-left:0px; float: none; line-height:30px }
.Services ul li h2{ font-size:18px; line-height:24px;margin-bottom:20px; position:relative; display:inline-block; z-index:1;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}
.Services ul li h2:after {
    display: block;
    content: ''; 
	bottom:-5px;
    position:absolute;
    width: 100%;
    height:15px;
    background:#ffeb32;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:-1
}
.Services ul li p{ font-size:14px; line-height:24px;position:relative; z-index:1}



.about-Exhibition{ width:100%; position:relative; height:auto; background:#f5f5f5; padding-top:170px; z-index:1}
.about-Exhibition .content{ padding:0 160px}
.about-Exhibition .description{ width:100%;position:relative; font-size:30px; line-height:30px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.Exhibition{ width:100%; text-align: left;}
.Exhibition h3{ margin-top:5px; font-size:30px; line-height:50px; display:inline-block; padding-left:30%;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}
.Exhibition  p{ font-size:14px; line-height:14px;padding-left:35%; margin-bottom:60px; font-weight:normal; margin-top:50px}

 /*q全球服务*/

.about-Global{ width:100%; position:relative; height:auto; background:#f5f5f5; padding-top:70px;}
.about-Global .content{padding-left:160px; padding-right:0}
.about-Global .description{ width:100%;position:relative; font-size:64px; line-height:90px; margin-left:0px; float: none; font-weight:bold;padding-right: 0px;}
.about-Global .description ul{ width:100%;position:relative;margin-top:-40px; float:left}
.about-Global .description ul li{width:16.666%;  height: auto; position:relative;float:left; }
.about-Global .description img{ width:100%; height:auto}

/*动态*/
.About-dongtai{ width:100%; position:relative; height: auto; background:#f5f5f5; padding-top:100px; padding-bottom:100px;}
.About-dongtaia{  position:relative; padding-left:18.9%; height:100%;}


.teamitem{ position:relative; height:380px; margin-bottom:20px;display:block; z-index:1}
.About-dongtaia a{ color:#303030}

.teamimg{ width:570px; height:380px; float:left;overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:auto 108%; -moz-background-size:auto 108% ; background-size:auto 108%;-webkit-transition:all 1.4s ease-in-out;-moz-transition:all 1.4s ease-in-out;-o-transition:all 1.4s ease-in-out;-ms-transition:all 1.4s ease-in-out;transition:all 1.4s ease-in-out;}
.teaminfo{width:500px;float:left; margin-left:100px; margin-top:70px;}
.teaminfo h3{ font-size:30px; line-height:45px; border-bottom:2px solid #000; height:45px; margin-bottom:15px; font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold; white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.teaminfo p{ font-size:14px; line-height:16px;  height:40px; line-height:22px;overflow:hidden;}
.teaminfo .shijian{ font-size:12px; color:#404040; margin-top:50px}
.teaminfo .shijian span{ margin-left:15px;}
.teaminfo .details{ width:100px; height:30px; font-size:16px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;border:2px solid #404040; text-align:center; line-height:30px; margin-top:30px;-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}
.About-dongtaia img {
	opacity: 0.95;
	-webkit-transition: -webkit-transform 1.35s;
	transition: transform 1.35s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.About-dongtaia a:hover img {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
 .teamitem img {
    border-radius: 0px;
    width: 100%;
    height: auto;
    margin: 0px;
    transition: all 1s ease 0s;
}
.teamitem:hover .teamimg{ -webkit-background-size:auto 100%; -moz-background-size:auto 100% ; background-size:auto 100%;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;transition:all 2s ease-in-out;
}
.teamitem:before{
	display: block;
    content: ''; 
	bottom:0;
	left:0;
    position:absolute;
    width: 0%;
    height:100%;
    background:#ffeb3b;
    opacity:1;
    transition: width 1.1s;
    -webkit-transition: width 1.1s;
    -ms-transition: width 1.1s; z-index:-1 }		
.teamitem:hover:before{
	display: block;
    content: ''; 
    position:absolute;
    width: 100%;
    height:100%;
    transition: width 2s;
    -webkit-transition: width 2s;
    -ms-transition: width 2s;}
.About-dongtaia a:hover .teaminfo .details{ background:#264aff; color:#FFF;border:2px solid #264aff;-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}

.About-bottom{ width:100%; height:95px; text-align:center; background:#ffeb32; }
.About-bottom a{ color:#000; font-size:18px; line-height:95px;height:95px; }
.About-bottom a i{ font-size:18px; font-weight:normal; color:#000; width:24px; height:24px;line-height:20px;position: relative; display:inline-block;
top: 5px; background-image:url(../images/+.svg); margin-left:10px;}
.About-bottom p{ color:#000; font-size:18px; line-height:95px;height:95px; }

/*荣誉*/
.About-honor{ width:100%; position:relative; height: auto; background:#f5f5f5; padding-top:100px; padding-bottom:190px}
.About-honor .content{padding-left:160px; padding-right:160px;}
.About-honora{ position:relative;font-size:60px; line-height:90px;float: none;padding-right: 0px; display:block;text-align:center;}
.About-honora li{ width:100%; margin-bottom:50px; text-align:center; display:block; position:relative;}
.About-honora li div{ position:relative; display:inline-block; z-index:1; }
.About-honora li h3{position:relative; font-size:60px; line-height:80px; letter-spacing:5px; text-align:center;color:#999999;display: inline-block; z-index:1 ; font-family:"Circular-Book","微软雅黑","Microsoft YaHei"}

.About-honora li p{ position:relative;width:100%; line-height:30px; font-size:30px; text-align:center; color:#999999;display:block; z-index:1; font-family:"Circular-Book","微软雅黑","Microsoft YaHei" }
.About-honora li:hover h3{ color:#202020}
.About-honora li:hover p{ color:#202020}
.About-honora li div::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    width:0%;
    height:60%;
    background:#ffeb3b;
    opacity:1;
    transition: width 1.5s;
    -webkit-transition: width 1.5s;
    -ms-transition: width 1.5s; z-index:-1;
}
.About-honora li:hover div::after {
    width: 100%;
    height:60%;
    background:#ffeb3b;
    opacity:1;
    transition: width 1.5s;
    -webkit-transition: width 1.5s;
    -ms-transition: width 1.5s;
}
.About-honora img { width:100%; height:auto;}

.About-kehufuwu {
    width: 100%;
    position: relative;
    height: auto;
    background: #f5f5f5;
    padding-top:0px;
    padding-bottom: 0px;
}
.About-kehufuwu .content {
    margin: 0;
    position: relative;
    padding-left:160px;
    padding-right: 160px;
    height: auto; min-height:490px;
}
.About-honora-logo{position:relative;height:100%;float: none;padding-right: 0px; display:block; padding:0 6.5%;padding-top: 20px;}
.About-honora-logo li{ width:16.5%; height: auto; border:#dadada 1px solid; float:left; margin-left:-1px; margin-bottom:35px;box-sizing: border-box;display: flex; }
.About-honora-logo li img{ width:100%; height:100%;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;}
.About-honora-logo li img:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	
	}
/*文化*/
.About-culture{width:100%; background:#f5f5f5; height: auto; position:relative; display:block; }
.About-culture-c{padding:0 160px; padding-top:100px; position:relative; height:auto;}
.About-culture-c a{position:relative;display:block;padding:0 10px; color:#303030}
.About-culture-teamitem{position:relative; width:50%; float:left; margin-bottom:20px;}
.About-culture-teamimg{position:relative;order-top-left-radius:5px;
border-top-right-radius:5px; background:#fff;overflow:hidden; width:100%; height:0; padding-bottom:58%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:105%; -moz-background-size:105%; background-size:105%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;opacity:1;}
.About-culture-teamimg img{ width:100%;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05); height:auto;-webkit-transition:all 1.4s ease-in-out;-moz-transition:all 1.4s ease-in-out;-o-transition:all 1.4s ease-in-out;-ms-transition:all 1.4s ease-in-out;transition:all 1.4s ease-in-out;opacity:1;}
.About-culture-teamitem:hover .About-culture-teamimg{-webkit-background-size:100%; -moz-background-size:100%; background-size:100%;
	opacity:.6;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
.About-culture-teaminfo{position:relative; background:#FFF; text-align:center; padding:0 30px; margin-top:-3px; height:110px;}
.About-culture-teaminfo h3{ font-size:24px; width:100%; border-bottom:2px solid #f4f4f4;line-height:24px; text-align:left; position:relative; display:inline-block; z-index:1;font-weight:normal; padding-top:20px; padding-bottom:18px;overflow:hidden;
        text-overflow:ellipsis; 
        white-space: nowrap;}
.About-culture-teaminfo h3 div{ position:relative; display:inline-block; z-index:1;overflow: hidden;
    height: 26px;}
.About-culture-teaminfo h3 div::after {
    display: block;
    content: '';
    position: absolute;
    bottom:-10px;
    width: 0%;
    height: 20px;
    background:#ffeb3b;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s; z-index:-1
}
.About-culture-teamitem:hover  h3 div::after {
    width: 100%;
    height:20px;
    background:#ffeb3b;
    opacity:1;
    transition: width 1.5s;
    -webkit-transition: width 1.5s;
    -ms-transition: width 1.5s;
}
.About-culture-teaminfo p{ font-size:14px; color:#aaaaaa; text-align:left}
.About-culture-teaminfo .dizhi{ float:left; background:url(../images/dizhi.svg) left no-repeat; margin-top:10px; padding-left:25px; height:20px; line-height:20px}
.About-culture-teaminfo .shijian{float:right; background:url(../images/shijian.svg) left no-repeat;margin-top:10px; padding-left:25px; height:20px;padding-right: 5px; line-height:20px}


/*展厅*/
.cases_zh{ width:100%; position:relative; height: auto; background:#fff; padding-top:100px; padding-bottom:100px;}
.cases_zha{ padding:0 100px; position:relative; margin:0 auto; height:100%;}
.cases_zh_teamitem {position:relative; width:100%;margin-bottom:20px;}
.cases_zh_teamimg { width:100%; height:0; padding-bottom: 28.5%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}   
.cases_zh_teamimg img{ width:auto; height: auto; }         
.cases_zh_teaminfo {opacity:1;position: absolute;width:100%; height:100%; z-index:100;top: 0;
left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.cases_zh_teaminfo ul{ position:absolute;bottom:60px; margin-left:60px;}
.cases_zh_teaminfo h3{ font-size:36px; width:100%;line-height:45px;  position:relative;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;}
.cases_zh_teaminfo p{ font-size:30px; color:#fff;line-height:45px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; }
.cases_zh_teaminfo .dizhi{ font-size:16px;margin-top:10px; height:20px;line-height:20px;}

.cases_zh_teamitem a:hover .cases_zh_teaminfo{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;}
.cases_zh_teaminfob{position: absolute;width:100%; height:100%; z-index:10;top:0;
left: 0; color:#FFF;opacity:0;background: rgba(255,235,50,0.9);-webkit-transition:all .9s ease-out;
-moz-transition:all .9s ease-out;
-o-transition:all .9s ease-out;
-ms-transition:all .9s ease-out;
transition:all .9s ease-out;}
.cases_zh_teaminfob ul{ position:relative; bottom:-25%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; text-align:center}
.cases_zh_teamitem a:hover .cases_zh_teaminfob{opacity:1;z-index:101;
-webkit-transition:all .9s ease-out;
-moz-transition:all .9s ease-out;
-o-transition:all .9s ease-out;
-ms-transition:all .9s ease-out;
transition:all .9s ease-out;}
.cases_zh_teaminfob ul h3{font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;opacity:0;font-size:60px;line-height:72px; color:#000;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teaminfob ul p{font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;opacity:0;font-size:36px;line-height:60px; color:#000;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teaminfob .dizhi{ font-weight:normal;opacity:0;font-size:18px;line-height:23px; color:#000;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}


.cases_zh_teaminfob .details{opacity:0;background:#264aff;display: block;width:140px; height:40px; margin:0 auto;font-size:24px;line-height:40px;color:#fff; margin-top:55px;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teamitem a:hover .cases_zh_teaminfob ul h3{opacity:1;color:#000;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teamitem a:hover .cases_zh_teaminfob ul p{opacity:1;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teamitem a:hover .cases_zh_teaminfob .dizhi{ font-weight:normal;opacity:1;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_zh_teamitem a:hover .cases_zh_teaminfob .details{opacity:1;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:normal;}
.bsbg{ background:#FFF}
/*案例*/
.cases_al{ width:100%; position:relative; height: auto; background:#fff; padding-top:16px; padding-bottom:100px;}
.cases_ala{ padding:0 10px; position:relative; margin:0 auto; height:100%;}
.cases_al_teamitem {position:relative; width:50%;margin-bottom:10px; float:left; overflow:hidden;}
.cases_al_teamimg {width:100%; height:0; padding-bottom:70.2%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}   
.cases_al_teamimg img{ width:100%; height:auto;}         
.cases_al_teamitem a{ margin:5px 10px; display:block;overflow: hidden;background: rgba(255,235,50,0);-webkit-transition:all 1.9s ease-in-out;-moz-transition:all 1.9s ease-in-out;-o-transition:all 1.9s ease-in-out;-ms-transition:all 1.9s ease-in-out;transition:all 1.9s ease-in-out;}         
.cases_al_teaminfo {position: absolute;width:100%; height:100%; z-index:100;top: 0;left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; opacity:1;}
.cases_al_teaminfo ul{ position:absolute;bottom:60px; margin-left:11.5%; }
.cases_al_teaminfo h3{ font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;font-size:36px; width:100%;line-height:45px;  position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }
.cases_al_teaminfo p{ font-size:30px; color:#fff;line-height:36px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold }
.cases_al_teaminfo .dizhi{ font-weight:normal; font-size:16px;margin-top:10px; height:20px;line-height:20px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.cases_al_teaminfo .details{width:160px; height:40px; font-size:24px; text-align:center; line-height:40px; margin-top:30px; background:#264aff; display:none}
.cases_al_teamitem a:hover .cases_al_teamimg img{opacity:0.1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.cases_al_teamitem a:hover{ -webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;}
.cases_al_teaminfob {position: relative;width:100%; height:0; z-index:100;top: 0; opacity:0; background: rgba(255,235,50,0.8);
left: 0; color:#FFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; padding-bottom: 70.2%;}
.cases_al_teaminfob ul{ position: absolute; top:20%; width:100%; margin:0; text-align:center; color:#000}
.cases_al_teaminfob ul h3{font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;font-size:60px;line-height:90px; color:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; padding:0 20px;}
.cases_al_teaminfob ul p{font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold;font-size:36px;line-height:60px; color:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.cases_al_teaminfob .dizhi{ font-weight:normal;font-size:18px;line-height:23px; color:#000;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; font-weight:normal;}
.cases_al_teaminfob .details{font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:normal;width:140px; height:40px; font-size:24px; text-align:center; line-height:40px; margin-top:30px; background:#264aff; display: block; margin:0 auto;font-size:24px;line-height:40px;color:#fff; margin-top:55px; }

.cases_al_teamitem a:hover .cases_al_teaminfo{ opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out; z-index:-1}
.cases_al_teamitem a:hover .cases_al_teaminfob{ opacity:1;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out; background: rgba(255,235,50,0.8);}
/*recruit招聘*/
.lianxiwom{ padding-bottom:0}
.recruit{ width:100%; position:relative; height:auto; min-height:100px}
.Post{ width:100%; position:relative; height: auto; background:#f5f5f5; padding-top:100px; padding-bottom:0px;z-index:2;}
.Post-con{ width:1000px; margin:0 auto;height:100%; padding-bottom:100px;}
.Post-con h3{  font-size:100px; line-height:120px; z-index: 1;display: inline-block; position:relative; z-index:1; font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold
}
.Post-con h3:after {
    display: block;
    content: ''; 
	bottom:-3px;
    position:absolute;
    width: 100%;
    height:50px;
    background:#264aff;
    opacity:1;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -ms-transition: width 0.5s;
z-index:-1}

.Post-con h4{ width:100%; font-size:52px; line-height:120px; letter-spacing:5px; margin-bottom:10px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight: bold}
.Post-con .description{ width:100%; font-size:16px; line-height:30px;margin-left: 0px;font-weight: normal;padding-right:0px; }





/*br 动画设置*/
	.swiper-slide p{position:absolute; bottom:32%; z-index:111; font-size:24px; color:#FFF; line-height:38px; left:24%; height:38px; display:block;padding-left: 5px;}
	.swiper-slide p span{ position:relative; margin-left:30px; width:38px; height:38px; text-align:left }
	.swiper-slide p span img{ width:38px !important; height:38px; float:right}
.slider-caption h2 {
	position:absolute; bottom:37%; z-index:111; color:#FFF;text-align:left;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	font-size:60px;
	line-height: 1.5;
	margin-bottom: 10px;font-family:"Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold
}
.inde .slider-caption h2{bottom:18%;}
.slider-caption p {
	font-size:24px;
	margin-bottom: 0;font-family:"Circular-Book","微软雅黑","Microsoft YaHei";letter-spacing:2px ;
}
.inde .slider-caption p{bottom:14%;}

.slider-caption h2,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin:0% 50% 0px;
	transform-origin:0% 50% 0px;
	-webkit-transition: -webkit-transform .05s ease-out;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;left:15%; -webkit-transition: all 1.5s ease;

-o-transition: all 1.5s ease;

transition: all 1.5s ease;
}
.inde .mmmswiper-pagination{ 
    bottom:2% !important; 
  

}
.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	-webkit-transition: transform 1s, opacity 1.05s;
	-o-transition: transform 1s, opacity 1.05s;
	transition: transform 1s, opacity 1.05s;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	backface-visibility: hidden;left: 24%;-webkit-transition: all 1.5s ease;
-o-transition: all 1.5s ease;

transition: all 1.5s ease;
}
.swiper-slide.swiper-slide-active .slider-caption h2 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.one-page-arrow { bottom: 30px; }
.one-page-arrow .animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.slider-arrow-left i,
.slider-arrow-right i {
	font-size: 34px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.slider-arrow-left,
.slider-arrow-right,
.owl-carousel-full .owl-nav [class*=owl-] {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.owl-carousel-full .owl-nav [class*=owl-]:hover {
	background-color: transparent !important;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.one-page-arrow {

    position: absolute;
    z-index: 3;
    bottom: 50px;
    left: 50%;
    width:40px;
    height: 20px;
    font-size: 32px;
    text-align: center;
    color: #222; 
}
.one-page-arrow img{width:40px;
    height: 20px;
 
}
.shipinicon{ position:relative;display: inline-block;
 content:""; width:38px; height:38px; background:url(../images/shiping.svg) 0 0;top: 12px;}

.slider-caption p span a:hover .shipinicon{ width:38px; height:38px; background:url(../images/shiping.svg) 0 -38px; }
.kongbai{ display: block; position:relative; height:1px; width:100%; background:#f5f5f5}


.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}
	.swiper-slide .video-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
.video-wrap video {
    position: relative;
    z-index: 1;
    width: 100%;
}

.brpc{ position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover; z-index:0;
}
.brm{ display:none}
.dibupc{ display: block}
.dibum{ display:none}
#beianhaoa{font-family: "Circular-Book","微软雅黑","Microsoft YaHei"; font-weight:bold}




/*低于ie9*/

.m-browser-mask {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.85;
	filter:alpha(opacity=85);
	z-index:99000
}
.m-browser-box {
	position:absolute;
	left:50%;
	top:50%;
	width:1000px;
	height:400px;
	margin:-250px 0 0 -500px;
	background:#fff;
	-webkit-box-shadow:0 0 10px rgba(200,200,200,.75);
	box-shadow:0 0 10px rgba(200,200,200,.75);
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px 45px;
	z-index:99999
}
.m-browser-box .title {
	font-size:30px;
	padding:20px 0;
	text-align:left;
	color:#000;
	border-bottom:1px solid #ccc;
	padding-left:30px
}
.m-browser-box .subtitle {
	font-size:22px;
	color:#717171;
	padding:25px 0 25px 30px
}
.m-browser-box .list {
	width:100%;
	height:200px;
	margin-top:50px
}
.m-browser-box .list li {
	float:left;
	width:20%;
}
.m-browser-box .list li a {
	display:block
}
.m-browser-box .list li a .i-chrome,.m-browser-box .list li a .i-firefox,.m-browser-box .list li a .i-safari,.m-browser-box .list li a .i-EDGE,.m-browser-box .list li a .i-ie {
	display:block;
	width:95px;
	height:100px;
	margin:auto;
	margin-bottom:25px;
	background-image: url(../images/iwin-sprite.png);
    background-repeat: no-repeat;
}
.m-browser-box .list li a .i-chrome {
	background-position: 0 0;
}
.m-browser-box .list li a .i-firefox {
	background-position: -95px 0;
}
.m-browser-box .list li a .i-safari {
background-position: -190px 0;}
.m-browser-box .list li a .i-EDGE {
background-position: -380px 0;}
.m-browser-box .list li a .i-ie {
background-position: -285px 0;}
.m-browser-box .list li a .text {
	display:block;
	font-size:14px;
	text-align:center
}

.cases_zhab{ display: none;}
.About-culture-b{ display: none;}
.About-dongtaiab{ display: none;}
.cases_alaa{ display: none;}