html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} 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{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/*common*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

  a{ color:#5d5d5e; transition: all 0.1s ease-in-out 0s;}
  a:hover{ color:#39ad4c;}
 
body{

	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color:transparent;
	-ms-tap-highlight-color:transparent;  
	-o-tap-highlight-color:transparent;  
	tap-highlight-color: transparent;
}

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {    
  
  }
  
  @media screen and (max-width: 480px) {   
	 
  }




/*----------公共-------------*/
*{
	box-sizing: border-box;
}

body{
	
	font-family: "Noto Sans SC","Helvetica","Arial",sans-serif;
	font-size: 14px; color: #333;
}
input,textarea,button{
	font-family: "Noto Sans SC","Helvetica","Arial",sans-serif;
}
a:hover{
	color: #39ad4c;
}
.wrapper{
	position: relative; width: 1200px; margin: 0 auto;
}

.wrapper:after{
	content: ""; display: block; clear: both;
}


/*header*/
.header{
	height: 100px; background: #000; background: rgba(0,0,0,0.5); position: fixed; left: 0; right: 0; top: 0;z-index: 999;
}
.header-logo{
	float: left; line-height: 100px;
}
.header-logo img{
	vertical-align: middle;
}

.header-main{
	float: right;
}
.header-nav,
.header-lag,
.header-nav li{
	display: inline-block;vertical-align: middle;
}
.header-nav li{
	position: relative;
}
.header-nav li >a{
	color: #fff; font-size: 18px; padding: 0 10px; display: block;line-height: 100px;
}
.header-nav li.active >a{
	color: #F4D176;
}
.header-subnav{
	position: absolute; left: 0; right: 0; top: 100px;text-align: center;  opacity: 0;  visibility: hidden;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s; 
	-webkit-transform: scaleY(0.8);
	transform: scaleY(0.8);
	-webkit-transform-origin: center top;
	transform-origin: center top;
}
.header-subnav dd a{
	line-height: 48px; background: #39ad4c; display: block;color: #fff; border-top: 1px solid rgba(255,255,255,0.5); font-size: 16px;
}
.header-subnav dd a:hover{
	background: #053e93;
}
.header-nav li:hover >a{
	background: #39ad4c;
}
.header-nav li:hover .header-subnav{
	opacity: 1; visibility: visible;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.header-lag{
	line-height: 100px; margin-left: 25px; color: #505251; font-size: 14px;
}
.header-lag a{
	color: #999; float: left; position: relative; margin-left: 6px; padding-left: 6px;
}
.header-lag a:hover,
.header-lag a.active{
	color: #fff;
}
.header-lag a + a:before{
	position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #fff;content: ""; 
}


/*m-banner*/
.m-banner{
	height: 500px; background-repeat:no-repeat ; background-position:center ; background-size:cover ; margin-bottom: 80px;
}
.m-banner.mb60{
	margin-bottom: 60px;
}
.m-banner.mb0{
	margin-bottom: 0;
}
/*footer*/
.footer{
	background: #333333;text-align: center; color: #999999; font-size: 14px; padding: 28px 0;
}



/*sidebar*/
.sidebar{
	position: fixed; right: 1px; top: 50%; width: 45px; z-index: 99;
}
.sidebar li{
	margin-bottom: 1px; position: relative;
}
.sidebar .icon{
	background-color: #eae8e8; background-repeat:no-repeat ; background-position:center ; text-align: center; height: 45px;
}
.sidebar .icon-user{
	background-image:url(../imgs/sidebar-user.png) ;
}
.sidebar .icon-tel{
	background-image:url(../imgs/sidebar-tel.png) ;
}
.sidebar .icon-qr{
	background-image:url(../imgs/sidebar-qr.png) ;
}
.sidebar .icon-gotop{
	background-image:url(../imgs/sidebar-gotop.png) ;
}
.sidebar .icon-home{
	background-image:url(../imgs/sidebar-home.png) ;
}
.sidebar .icon:hover{
	background-color:#F4D176 ;
}
.sidebar-sub{
	position: absolute; width: 150px;  right: 60px; top: 0; height: auto; text-align: center; background: #fff; font-size: 16px; color: #39ad4c; font-weight: bold; border: 1px solid #D3D3D3; border-radius: 5px; 
	opacity: 0; visibility: hidden; 
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px);
}
.sidebar-sub:after{
	content: "";
	background: url(../imgs/arrow.png) no-repeat;
    height: 8px;
    width: 6px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: -6px;
}
.sidebar-sub.tel{
	height: 45px; line-height: 45px;
}
.sidebar-sub.qr{
	 padding:10px;font-size: 0; top: 50%; margin-top: -71px;
}
.sidebar-sub.qr img{
	width: 120px;
}
.sidebar li:hover .sidebar-sub{
	 visibility: visible; opacity: 1; 
	 transform: translateX(0);
}
.sidebar .home,
.h-sidebar{
	display: none;
}


.g-time{
	background: #39ad4c; width: 60px; height: 60px;text-align: center; color: #fff; line-height: 1; padding-top: 4px;
}
.g-time big{
	font-size: 36px; font-weight: bold;
}
.g-time p{
	font-size: 12px;
}
.g-page{
	text-align: center; margin-bottom: 55px;
}
.g-page .btn,
.g-page .num,
.g-page .num li{
	display: inline-block;vertical-align: middle;
}
.g-page .num a{
	display: block; line-height: 38px; min-width: 38px; padding: 0 15px; background: #efefef; border-radius: 5px; margin: 0 2px;color: #686461; font-size: 16px;
}

.g-page .btn{
	line-height: 38px; width: 38px; font-weight: bold;color: #686461;  font-size: 20px; border-radius: 5px; margin: 0 5px;
}
.g-page .num a:hover,
.g-page .btn:hover,
.g-page .num li.active a{
	background: #333333; color: #fff;
}


.g-page1{}
.g-btn-goback{}

.g-type-box{
	text-align: center; margin-bottom: 60px;
}
.g-type-box.mb50{
	margin-bottom: 50px;
}
.g-type-box ul{
	height: auto; overflow: hidden; border: 1px solid #cccccc;
}
.g-type-box li{
	float: left; border-right:1px solid #ccc ; width: 50%;
}
.g-type-box li:last-child{
	border-right: 0;
}
.g-type-box .col3{
	width: 33.33%;
}
.g-type-box .col5{
	width: 20%;
}
.g-type-box a{
	display: block; line-height: 65px; font-size: 18px; color: #333333;
}
.g-type-box li.active a,.g-type-box li.on a,
.g-type-box li:hover a{
	color: #fff; background: #39ad4c;
}

.g-tit{
	text-align: center; 
}
.g-tit h2{
	font-size: 30px;
	font-weight: bold;
	color: #39ad4c;
}
.g-tit p{
	font-size: 16px;
	color: #999999;
	font-weight: 500;
}
/*----------公共 end-------------*/

/*首页*/
.hpage1,
.fp-auto-height{
	padding-top: 0 !important;
}
.hpage1  .img{
	/* position: absolute; left: 0; right: 0; top: 0; bottom: 0;*/
	width: 100%; height: 100%; background-size:cover ; background-repeat:no-repeat ; background-repeat:no-repeat ;
}
.hpage1 .swiper-pagination{
	left: 0; right: 0; bottom: 55px;
}
.hpage1 .swiper-pagination-bullet{
	width: 10px; height: 10px; border-radius: 10px; margin: 0 7px; background: #fff; opacity: 0.5;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.hpage1 .swiper-pagination-bullet-active{
	background: #fff; width: 50px; opacity: 1;
	
}

.h-tit {
	line-height: 1.3;
	margin-bottom: 20px;
	margin-left: 10px;
}
.h-tit .cn{
	font-size: 40px; 
	color: #39ad4c; 
	font-weight: 500;margin-bottom:10px;
}

.h-tit .en{
	font-size:25px; 
	color: #666;
	text-transform: uppercase;
}

.h-tit.fc-white .cn{
	color: #fff;
}
.h-tit.fc-white .en{
	color: #999999;
}
.hpage2-bg-box{
	width: 1200px; margin: 0 auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}
.hpage2 .wrapper{
	position: relative; z-index: 1;
}
.hpage2-bg{
	position: absolute; right: 0; top: 0; bottom: 0;
	 background: #39ad4c; width: 36.5%; 
}
.hpage2-main{
	height: auto; overflow: hidden; margin-bottom: 35px; position: relative; z-index: 1;
}
.hpage2-inner{
	width: 50%; float: left;
}
.hpage2-tit{
	font-size: 40px; color: #333333; margin-top: 40px;
}
.hpage2-txt{
	font-size: 16px; color: #999999; margin-top: 35px; line-height: 1.8;
}
.hpage2-txt p+p{
	margin-top: 30px;
}
.hpage2-video{
	width: 47%; float: right;
}
.hpage2-video-hd{
	text-align: right; margin-top: 78px;
}
.hpage2-video-bd{
	margin-top: 10px; position: relative; width: 568px; height: 380px;
}
.hpage2-video-bd video{
	width: 100%; height: 100%; object-fit: fill;
}
.hpage2-video-bd .icon-play{
	background: url(../imgs/h-icon1.png); width: 51px; height: 51px; position: absolute; left: 50%; margin-left: -25.5px; top: 50%; margin-top: -25.5px; cursor: pointer;
}

.h-btn a{
	 color: #39ad4c; text-transform: uppercase; line-height: 50px;display: inline-block; padding: 0 35px; border-radius: 40px; border: 2px solid #39ad4c; font-weight: 500; font-size: 14px;
}
.h-btn span{
	padding-right: 40px; background: url(../imgs/btn-more.png) no-repeat right center;
}
.h-btn a:hover{
	background: #39ad4c; color: #fff; 
	color: #fff;
}
.h-btn a:hover span{
	background-image: url(../imgs/btn-more1.png) ;
}
.h-btn.white a{
	 color: #fff; border-color:#fff; 
}
.h-btn.white span{
	background-image: url(../imgs/btn-more1.png);
}
.h-btn.white a:hover{
	border-color: #39ad4c; 
}

.page3{
	background: #394d70 url(../imgs/h-bg1.jpg) no-repeat center; background-size:cover ;
}

.page3-tit{
	font-size: 40px; margin-top: 25px;color: #fff;
}
.page3-tabhd{
	margin-top: 30px; height: auto; overflow: hidden;
}
.page3-tabhd li{
	float: left; width: 150px;text-align: center; line-height: 50px; background: #104ba2; color: #fff; font-size: 20px; font-weight: 400; cursor: pointer;
}
.page3-tabhd li.on{
	color: #104ba2; background: #fff;
}
.page3-tabbd{
	background: #fff; height: 400px; margin-bottom: 30px;
}
.g-none{
	display: none;
}
.page3-tabbd1 dl{
	height: auto; overflow: hidden;
}
.page3-tabbd1 dd{
	width: 33.33%; text-align: center;float: left; padding-top: 25px;
}
.page3-tabbd1 .img{
	font-size: 0;
}
.page3-tabbd1 .inner{
	width: 215px; display: inline-block; margin-top: 10px;
}
.page3-tabbd1 .inner h3{
	font-size: 16px; color: #39ad4c; 
}
.page3-tabbd1 .inner .txt{
	color: #999999; font-size: 14px; margin-top: 2px; line-height: 1.3;
}

.page3-tabbd2{
	padding: 30px 80px 0 65px;
}
.page3-tabbd2 .inner{
	width: 461px; float: left;
}
.page3-tabbd2 .inner-txt{
	font-size: 16px; color: #666666; height: 215px; padding-top: 15px; line-height: 1.8; 
}

.page3-tabbd2 .list{
	width: 500px; float: right;
}
.page3-tabbd2 .list .item{
	height: 46px; margin-bottom: 13px;
}
.page3-tabbd2 .list .item-l{
	background: #104ba2;text-align: center; line-height: 46px; width: 46px; color: #fff; font-size: 30px; float: left;
}
.page3-tabbd2 .list .item-r{
	width: 445px;background: #104ba2; float: right; height: 46px; line-height: 46px; padding-left: 21px; position: relative;
}
.page3-tabbd2 .list .item-r .en{
	font-size: 24px; color: #fff; width: 80px; text-transform: uppercase;  float: left; vertical-align: middle;
}
.page3-tabbd2 .list .item-r .cn{
	font-size: 20px; color: #fff;
}
.page3-tabbd2 .list .item-r .tip{
	position: absolute; right: 32px; top: 0; bottom: 0; line-height: 46px; color: #5a6d9a; font-size: 47px; font-weight: bold;
}

.page3-tabbd3{
	padding: 35px 55px 0;
}
.page3-tabbd3 .inner{
	font-size: 16px; color: #666666;text-align: center; line-height: 1.8;
}
.page3-tabbd3 .tip{
	font-size: 16px; color: #104ba2;text-align: center; font-weight: 500; margin-top: 35px;
}
.page3-tabbd3 .list{
	text-align: center; margin-top: 35px;
}
.page3-tabbd3 .list dt{
	display: inline-block;vertical-align: top; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #104ba2; color: #fff; font-size: 16px; margin: 10px 30px 0;
}
.page3-tabbd3 .list  dd{
	margin: 0 13px; display: inline-block;vertical-align: top;
}
.page3-tabbd3 .list  dd .img{
	font-size: 0;
}
.page3-tabbd3 .list  dd h3{
	font-size: 16px; color: #666666; margin-top: 8px; font-weight: 500;
}

.page3-tabbd4{
	text-align: center; padding-top: 25px;
	
}
.page3-tabbd4-l{
	display: inline-block;vertical-align: middle; width: 400px; font-size: 16px; color: #666666;text-align: justify; line-height: 1.8; font-weight: 500;
}
.page3-tabbd4-c{
	display: inline-block;vertical-align: middle; margin-left: 20px; margin-right: 35px;
}
.page3-tabbd4-r{
	display: inline-block;vertical-align: middle;
}

.page4-main{
	height: auto; overflow: hidden; position: relative; padding-bottom: 5px;
}
.page4-main .btns{
	position: absolute; left: 0; bottom: 0;
}
.page4-main .btns .h-btn{
	display: inline-block; vertical-align: middle;
}
.page4-main .btns .btns-swiper{
	display: inline-block;vertical-align: middle; margin-left: 20px;
}
.page4-main .btns .btns-swiper .btn{
	width: 45px; line-height: 42px; height: 45px; border: 2px solid #39ad4c; display: inline-block;vertical-align: middle;text-align: center; color: #39ad4c; font-size: 25px; font-weight: 500;  margin: 0 10px;
}
.page4-main .btns .btns-swiper .btn:hover{
	background: #39ad4c; color: #fff;
}
.page4-main li{
	height: auto; overflow: hidden;text-align: right;
}
.page4-main-inner{
	width: 570px; float: left;text-align: left;
}
.page4-main-img{
	display: inline-block;
	
} 
.page4-main-inner .name{
	font-size: 40px; line-height: 1.3; margin-top: 15px;
}
.page4-main-inner .tip{
	font-size: 16px; color: #999999; margin-top: 5px;
}
.page4-main-inner .txt{
	font-size: 16px; color: #666666; margin-top: 30px; line-height: 1.7;
}
.page4-main-img{
	margin-top: 50px;
}
.page4-main-name{
	position: relative; margin-top: 115px;
}
.page4-main-name:before{
	position: absolute; left: 0; right: 0; top: 10px; height: 4px; content: ""; background: #eeeeee;
}
.page4-main-name ul{
	height: auto; overflow: hidden;
}
.page4-main-name li{
	width: 25%; float: left; text-align: center; font-weight: 500; cursor: pointer;
}
.page4-main-name .icon-dot{
	width: 8px; height: 8px; background: #9f9f9f; border-radius: 50%; margin: 0 auto; margin-top: 8px; position: relative;
}
.page4-main-name .icon-dot:after{
	content: ""; position: absolute; left: 50%; margin-left: -11px; top: 50%; margin-top: -11px;
	width: 22px; height: 22px; border: 3px solid #9f9f9f; border-radius:50% ; box-sizing: border-box;
}
.page4-main-name .icon-line{
	height: 20px; width: 2px; background: #999999; margin: 10px auto 0;
}
.page4-main-name h3{
	font-size: 20px; color: #666666; margin-top: 3px;
}
.page4-main-name p{
	font-size: 16px; color: #999999;
}
.page4-main-name li.on .icon-dot,
.page4-main-name li.on .icon-line{
	background: #39ad4c;
}
.page4-main-name li.on .icon-dot:after{
	border-color: #39ad4c;
}
.page4-main-name li.on h3{
	color: #333;
}
.page5{
	background: url(../imgs/h-bg2.jpg) no-repeat center;
}
.page5-tit{
	font-size: 40px; color: #fff; margin-bottom:40px; margin-top: 5px;
}
.page5-main{
	height: auto; overflow: hidden; 
}
.page5-main-l{
	width: 958px; float: left;
}
.page5-main-l li{
	 position: relative;
}
.page5-main-l li h3{
	position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px;text-align: center; display: none;
}
.page5-main-l li img{
	display: block;
}

.page5-main-r{
	width: 242px; float: right;
}
.page5-main-r li{
	height: 110px; padding: 18px 20px 0 20px; border-bottom: 1px solid #fff; color: #fff; font-size: 14px; cursor: pointer;
}
.page5-main-r li:last-child{
	border-bottom: 0;
}
.page5-main-r li .tit{
	font-size: 18px; margin-bottom: 5px;
}
.page5-main-r li.on{
	background: #8097ba;
}
.page5-main-l .btn-prev,
.page5-main-l .btn-next{
	display: none;
}
.page6{
	background: #f6f6f6 url(../imgs/h-bg3.jpg) no-repeat center; background-size:cover ;
}
.page6-tit{
	font-size: 40px; color: #666666; margin-top: 10px;
}
.page6-list{
	margin-bottom: 44px; margin-top: 25px;
}
.page6-list ul{
	height: auto; overflow: hidden; margin: 0 -12px;  padding-bottom: 10px;
}
.page6-list li{
	 margin: 0 12px; float: left; 
}
.page6-list li a{
	background: #fff; display: block; width: 381px; height: 440px; box-shadow: 0 3px 8px rgba(0,0,0,0.1); position: relative;
}

.page6-list li .g-time{
	position: absolute; left: 15px; top: 15px;
}
.page6-list li .img{
	font-size: 0;
}
.page6-list li .inner{
	padding: 20px;
}
.page6-list li .inner h3{
	font-size: 18px; color: #333333; font-weight: bold;
}
.page6-list li .inner .txt{
	font-size: 16px; color: #999999; margin-top: 15px; height: 3em; overflow: hidden;
	
}
.page6-list li .inner .btn{
	margin-top: 30px; background:url(../imgs/btn-more.png) no-repeat center ; width: 30px; height: 25px;
}
.page6-list li a:hover{
	background: #39ad4c;
}
.page6-list li a:hover .inner h3,
.page6-list li a:hover .inner .txt{
	color: #fff;
}
.page6-list li a:hover .btn{
	background-image:url(../imgs/btn-more1.png) ;
}

.page7{
	background: #39ad4c url(../imgs/h-bg4.jpg) no-repeat center; background-size:cover ;
}
.page7-main{
	margin-top: 70px; height: auto; overflow: hidden; color: #fff;
}
.page7-main .info{
	float: left;
}
.page7-main .info li{
	margin-top: 13px;
}
.page7-main .info .img{
	display: inline-block;vertical-align: middle; width: 55px;
}
.page7-main .info img{
	vertical-align: middle;
}
.page7-main .info-txt{
	display: inline-block;vertical-align: middle; font-size: 18px;
}
.page7-main .qrs{
	float: right;
}
.page7-main .qrs li{
	margin-left: 80px; float: left;text-align: center;
}
.page7-main .qrs h3{
	font-size: 18px; font-weight: 500; margin-bottom: 20px;
}
.page7-form{
	margin-top: 90px;
}
.page7-form li{
	height: auto; overflow: hidden;  margin: 0 -9px;margin-bottom: 30px;
}
.page7-form .col{
	 margin: 0 9px; border: 1px solid #fff; height: 38px; padding: 0 13px 0 45px; position: relative; 
}
.page7-form .col-h{
	height: auto; padding-top: 7px; padding-bottom: 15px;
}
.page7-form .col3{
	width:387px;float: left;
}
.page7-form .col .icon{
	position: absolute; left:13px; top: 13px;
}
.page7-form .col3 .icon{
	top: 0; bottom: 0; line-height: 32px;
}
.page7-form .col3 .icon img{
	vertical-align: middle;
}
.page7-form .col .text,
.page7-form .col textarea{
	width: 100%; height: 100%;background: transparent; border: 0; color: #fff; font-size: 18px;font-weight: 500;
}
.page7-form .col textarea{
	 height: 140px;
}
.page7-form .btn{
	text-align: center;  padding-top: 25px;
}
.page7-form .btn button{
	padding: 0 35px; height: 50px; border: 2px solid #fff; border-radius: 30px; background: transparent; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 500; cursor: pointer;
}
.page7-form .btn button span{
	padding-right: 42px; background: url(../imgs/btn-more1.png) no-repeat right center;
}
.page7-form .btn button:hover{
	background: #fff; color: #39ad4c;
}
.page7-form .btn button:hover span{
	background-image: url(../imgs/btn-more.png);
}
.page7-form .col .text::-ms-input-placeholder,
.page7-form .col textarea::-ms-input-placeholder{
	color: #fff;font-weight: 500;
}
.page7-form .col .text::-webkit-input-placeholder,
.page7-form .col textarea::-webkit-input-placeholder{
	color: #fff; font-weight: 500;
}
.menu{
	position: fixed; right: 0; top: 50%; margin-top: -100px; z-index: 9999;  width: 58px;
}
.menu li{
	height: 30px; line-height: 30px;
}
.menu b{
	color: #ccc; font-size: 14px; font-weight: bold;  margin-right: 5px;vertical-align: middle;display: none;
	
}
.menu i{
	width: 20px; height: 2px; background: #ccc; display: inline-block;vertical-align: middle;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
.menu li.active b{
	display: inline-block;
}
.menu li.active i{
	width: 10px;
}
.menu.on b{
	color: #666;
}
.menu.on i{
	background: #666;
}
/*首页 end*/


/*成功案例一级*/
.m-case-top{
	height: auto; overflow: hidden; position: relative; margin-bottom: 60px;
}
.m-case-top .img{
	float: left; margin-right:40px;
}
.m-case-top .img img{
	width: 600px;display: block;
}
.m-case-top .inner{
	padding: 70px 55px 20px 0;
}
.m-case-top .inner .tit{
	font-size: 24px; color: #333333; margin-bottom: 30px;
	line-height:1.8em;
	
}
.m-case-top .inner .tit sub{
	color: #e60012; font-size: 12px; text-transform: uppercase; font-weight: bold; position: relative; vertical-align: top; margin-left: 5px; top: -8px;
}
.m-case-top .inner .txt{
	font-size: 16px;color: #999999; height: 108px; margin-bottom: 20px;
	 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;line-height:1.8em;
  -webkit-box-orient: vertical;
}

.m-case-top .inner .btn{
	line-height: 50px; padding: 0 37px; display: inline-block; color: #39ad4c; border-radius: 30px; text-transform: uppercase;  border: 2px solid #39ad4c; 
}
.m-case-top .inner .btn span{
	padding-right: 35px; background: url(../imgs/btn-more.png) no-repeat right center;font-weight: 500;font-size: 16px;
}
.m-case-top .inner .btn:hover{
	background: #39ad4c; color: #fff;
}
.m-case-top .inner .btn:hover span{
	background-image: url(../imgs/btn-more1.png);
}
.m-case-top .g-time{
	position: absolute; right: 12px; top: 12px;
}

.m-case-list{
	 margin-bottom: 60px;
}
.m-case-list ul{
	margin: 0 -14px; height: auto; overflow: hidden;
}
.m-case-list  li{
	float: left; margin: 0 14px 35px 14px; width: 381px;
}

.m-case-list li>a{
	position: relative; 
	display:block;
	 box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.m-case-list .g-time{
	position: absolute; left: 20px; top: 15px;
}
.m-case-list .img img{
	display: block;
}
.m-case-list .inner{
	padding: 23px 25px; height: 200px;
}
.m-case-list .tit{
	font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 18px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.m-case-list .txt{
	font-size: 16px; color: #999999; margin-bottom: 30px; height: 3em;
	 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.m-case-list .btn{
	background: url(../imgs/btn-more.png) no-repeat left center; height: 20px;
}
.m-case-list li:hover>a{
	background: #39ad4c;
}
.m-case-list li:hover .tit,.m-case-list li:hover .txt{color: #fff;}
.m-case-list li:hover .btn{
	background-image:url(../imgs/btn-more1.png) ;
}
/*成功案例一级 end*/


/*精英团队一级 start*/
.m-team-list{
	margin-bottom: 60px;
}
.m-team-list ul{
	height: auto; overflow: hidden; margin: 0 -10px;
}
.m-team-list li{
	float: left;
	background-color: #efefef;
	margin: 0 10px 20px;
	border: #fff solid 2px;
}
.m-team-list .img{
	width: 280px;height: 300px;
	position: relative;
}
.m-team-list .img img{
	display: block;
}
.m-team-list .img:after{
	content: "";
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);
	display: none;
}
.m-team-list .btn{
	border-radius: 50px;
	background-color: #39ad4c;
	color: #fff;
	text-align: center;
	width: 160px;height: 50px;
	line-height: 50px;
	position: absolute;
	left: 0; right: 0;
	top: 50%; margin: 0 auto;
	z-index: 2;
	opacity: 0;
	transition: 0.2s;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

.m-team-list .btn span{
	padding-right: 37px; background: url(../imgs/btn-more1.png) no-repeat right center;
}

.m-team-list .inner{
	text-align: center; height: 110px;
}
.m-team-list .name{
	font-size: 18px;color: #333333;
	padding-top: 12px;font-weight:500;
}

.m-team-list .num{
	color: #999999;font-size: 14px; padding-top: 5px;
}

.m-team-list .type{
	color: #39ad4c;
	font-size: 16px;
	padding-top: 5px;
	font-weight: 500;
}

.m-team-list li:hover .inner{
	border: #39ad4c solid 2px; border-top:0 ;
}
.m-team-list li:hover .img:after{
	display: block;
}
.m-team-list li:hover .btn{
	opacity: 1;
	margin-top:-25px;
}
.m-team-list li:hover .inner{
	background: #fff;
}

/*精英团队一级 end*/


/*精英团队二级 start*/
.m-teaminfo-view .img{
	width: 450px;height: 520px;
	float: left; position: relative;
}
.m-teaminfo-view .img .tip{
	position: absolute;top: 25px;left: 25px;
}

.m-teaminfo-view .inner{
	float: right;width: 740px;height: 520px; padding-top: 40px; position: relative;
	text-align: left;
	
}
.m-teaminfo-view .inner .g-btn-goback{
	position: absolute; right: 0; top: 0;
}
.m-teaminfo-view .inner .big{
	font-size: 80px;color: #ebe9e9;
}
.m-teaminfo-view .inner .big{
	 line-height: 1; font-weight: bold; letter-spacing: 5px; 
}
.m-teaminfo-view .inner .inner-box{
	background:url(../imgs/fy55.png) no-repeat center; background-size:cover ; margin-top: 20px;
	width: 786px;height: 370px;
	position: relative;
	margin-left: -45px;
	padding: 25px 45px;
}

.m-teaminfo-view .inner-box h3{
	height: 40px;font-size: 24px;color: #f3d176;
}
.m-teaminfo-view .inner-box .type{
	font-size: 24px;color: #fff; margin-top: 5px;
}
.m-teaminfo-view .inner-box .info{
	margin-top: 25px; line-height: 1.8;
}
.m-teaminfo-view .inner-box .info p{
	color: #FFFFFF;font-size: 14px;margin-bottom: 10px;
}

.m-teaminfo-view .inner-box .info .fc-orange{
	color: #f4d176;
}

.m-teaminfo-txt{
	padding: 60px 0 25px; border-bottom: 1px solid #cccccc; clear: both;
}
.m-teaminfo-txt h3{
	font-size: 18px;color: #39ad4c;font-weight: bold; margin-bottom: 23px;
}
.m-teaminfo-txt p{
	color: #000000; margin-bottom: 23px; font-size: 14px;font-weight: 500;
}
.m-team-other{
	padding-top: 40px; padding-bottom: 30px;
}
.m-team-other .m-team-list{
	margin-top: 25px;
}
/*精英团队二级 end*/
/*成功案例二级*/
.m-detail{
	padding-bottom: 165px;
}
.m-detail-tit .info{
	width: 70%;float: left;
}
.m-detail-tit .info h1{
	font-size: 30px;
}
.m-detail-tit .info .attr {
	margin-top: 20px;
	overflow:hidden;
}
.m-detail-tit .info .attr p{
	padding-left:25px;
	color: #999999;
	font-size: 14px;
	margin-right:30px;
	display: inline-block;
}
.m-detail-tit .info .time{
	background-image: url(../imgs/fy08.png);
	background-repeat: no-repeat;
	background-position-y: 2px;
}
.m-detail-tit .info .see{
	background-image: url(../imgs/fy09.png);
	background-repeat: no-repeat;
	background-position-y: 4px;
}

.m-detail-tit .share{
	float: right;
}
.m-detail-tit .share ul{
	display: inline-block;
	line-height: 45px;
}
.m-detail-tit .share li{
	display: inline;
	margin:0 10px;
}
.m-detail-tit .share li:hover{
	opacity: 0.9;
}
.g-btn-goback{
	border: 2px solid #39ad4c;
	width: 45px;height: 45px;
	text-align: center;
	line-height: 45px;
	float: right;
	margin-left: 10px;
	background: url(../imgs/fy57.png) no-repeat center;
}
.g-btn-goback:hover{
	background-image: url(../imgs/fy57-1.png); background-color: #39ad4c; 
}
.m-detail-main-l{
	width: 790px;
	padding-right: 30px;padding-top: 50px;
	float: left;
}
.m-detail-info{
	color: #333333;
	font-size: 14px;
	line-height: 1.7; font-weight: 500;
}
.m-detail-info p{
	padding-bottom: 20px;
	text-indent: 2em;
}
.m-detail-info img{
	max-width: 100%;
}
.m-detail-info h3{
	color: #e60012; font-size: 16px; font-weight: 500;
}

.g-page1{
	margin-top: 25px; font-size: 14px; font-weight: 500;
}
.g-page1 p{
	line-height: 34px;color: #999999;
}
.g-page1 a{
	color: #999999;
}
.g-page1 a:hover{
	color: #39ad4c;
}
.m-detail-tit{
	border-bottom: 1px solid #fefefe;
	padding-bottom: 50px;
	height: auto; overflow: hidden;
}
.m-detail-main-r{
	float:right; width: 383px;
}

.m-detail-list .hd{
	
	font-size: 24px;color: #333333;
	margin-top: 15px;
	font-weight: 500;
	padding:20px 0;
}
.m-detail-list .bd{
	
	margin-top: 30px;
}
.m-detail-list .bd li{
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);margin-bottom: 40px;position: relative;
}
.m-detail-list .g-time{
	position: absolute;
    left: 20px;
    top: 15px;
}
.m-detail-list .bd .img img{
	display: block;
}
.m-detail-list .bd .inner{
	padding: 20px 25px 30px 25px;
}
.m-detail-list .bd .tit{
	font-size: 18px;color: #333333; font-weight: 500;
}
.m-detail-list .bd .desc{
	font-size: 16px;color: #999999;font-weight: 500;
	margin-top: 15px;
}
.m-detail-list .btn{
	background: url(../imgs/btn-more.png) no-repeat left center;
    height: 20px;
    margin-top: 35px;
}
.m-detail-list .bd li:hover{
	background: #39ad4c;
}
.m-detail-list .bd li:hover .tit,
.m-detail-list .bd li:hover .desc{
	color: #fff;
}
.m-detail-list .bd li:hover .btn{
	background-image: url(../imgs/btn-more1.png);
}
/*成功案例二级 end*/
.m-down-list{
	margin-bottom: 60px;
}
.m-down-list ul{
	margin: 0 -15px; height: auto; overflow: hidden;
}
.m-down-list li{
	width: 380px;float: left;margin: 0 15px 25px 15px;
}
.m-down-list .img img{
	display: block;
}
.m-down-list .name{
	font-size: 18px;color: #333333;margin-bottom: 20px;text-align: center; font-weight: 500;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.m-down-list .btn{
	width: 160px;border-radius: 100px;
	color: #39ad4c;text-align: center;margin: 0 auto;line-height: 50px;
	border: 1px solid #39ad4c; font-size: 16px; font-weight: 500;
}
.m-down-list .btn:hover{
	background: #39ad4c; color: #fff;
}
.m-down-list .shadow{
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);padding-top: 20px;padding-bottom:25px ; height: 150px;
}


/*联系我们* header/*/

.m-contact-main{
	margin-top: 55px; height: auto; overflow: hidden;
}

.m-contact-main .list{
	float: left; width: 514px;
}

.m-contact-main .list2{
	width: 310px;
}
.m-contact-main dt{
	font-size: 18px;color: #333333;	font-weight: 500; margin-bottom: 15px;
}
.m-contact-main dt img{
	vertical-align: middle; margin-right: 10px;
}
.m-contact-main dd{
	font-size: 16px;color: #666666;font-weight: 500; line-height: 30px;
}
.m-contact-main .list2 dd{
	font-size: 18px;
}
.m-contact-main .qr{
	float: right;
}
.m-contact-main .qr li{
	margin-left: 30px;text-align: center; display: inline-block;vertical-align: top;
}
.m-contact-main .qr-name{
	margin-bottom: 5px;font-size: 18px;color: #333333; font-weight: 500;
}
.m-contact-map{
	margin-top: 55px;
	height: 392px;
}
.m-contact-map .main{
	position: relative; background-repeat:no-repeat ; background-position:center ; background-size:cover ; height: 394px;
}
/*.m-contact-map .main:after{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(0,47,117,0.75);
}*/
.m-contact-msg{
	padding-bottom: 95px;
}
.m-contact-msg h2{
	font-size: 30px;
	font-weight: bold;
	color: #39ad4c;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 30px;
}
.m-contact-msg li{
	height: auto; overflow: hidden;  margin: 0 -9px;margin-bottom: 30px; 
}
.m-contact-msg .col{
	 margin: 0 9px; border: 1px solid #fff; height: 38px; padding: 0 13px 0 45px; position: relative; background: #e8e8e8;
}
.m-contact-msg .col-h{
	height: auto; padding-top: 7px; padding-bottom: 15px;
}
.m-contact-msg .col3{
	width:387px;float: left;
}
.m-contact-msg .col .icon{
	position: absolute; left:13px; top: 13px;
}
.m-contact-msg .col3 .icon{
	top: 0; bottom: 0; line-height: 32px;
}
.m-contact-msg .col3 .icon img{
	vertical-align: middle;
}
.m-contact-msg .col .text,
.m-contact-msg .col textarea{
	width: 100%; height: 100%;background: transparent; border: 0; color: #333333; font-size: 18px;font-weight: 500;
}
.m-contact-msg .col textarea{
	 height: 140px; resize:none;
}
.m-contact-msg .btn{
	text-align: center;  padding-top: 25px;
}
.m-contact-msg .btn button{
	padding: 0 35px; height: 50px; border: 2px solid #39ad4c; border-radius: 30px; background: transparent; font-size: 16px; color: #39ad4c; text-transform: uppercase; font-weight: 500; cursor: pointer;
}
.m-contact-msg .btn button span{
	padding-right: 42px; background: url(../imgs/btn-more.png) no-repeat right center;
}
.m-contact-msg .btn button:hover{
	background: #39ad4c; color: #fff;
}
.m-contact-msg .btn button:hover span{
	background-image:url(../imgs/btn-more1.png) ;
}
.m-contact-msg .col .text::-ms-input-placeholder,
.m-contact-msg .col textarea::-ms-input-placeholder{
	color: #333333;font-weight: 500;
}
.m-contact-msg .col .text::-webkit-input-placeholder,
.m-contact-msg .col textarea::-webkit-input-placeholder{
	color: #333333; font-weight: 500;
}


/*联系我们 end*/

.wow{
	visibility: hidden; visibility: visible\9;
}


/*首页动画*/
@media (min-width: 1000px) {
	
	.h-tit .cn{
		opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;
	}
	.section.swiper-slide-active .h-tit .cn{ opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
	.h-tit .en{
		opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;
	}
	.section.swiper-slide-active .h-tit .en{ opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
	
	.h-trans-d3,
	.h-trans-d4,
	.h-trans-d5,
	.h-trans-d6{
		opacity:0; transform:translate(200px,0px); transition:all 0.5s ease-in-out;
	}
	
	.section.swiper-slide-active .h-trans-d3{
		opacity:1; transform:translate(0px,0px); transition-delay:0.7s;
	}
	.section.swiper-slide-active .h-trans-d4{
		opacity:1; transform:translate(0px,0px); transition-delay:0.9s;
	}
	.section.swiper-slide-active .h-trans-d5{
		opacity:1; transform:translate(0px,0px); transition-delay:1.1s;
	}
	.section.swiper-slide-active .h-trans-d6{
		opacity:1; transform:translate(0px,0px); transition-delay:1.3s;
	}
	
	.h-trans-ds1,
	.h-trans-ds2{
		opacity:0; transform:translate(50px,0px); transition:all 0.5s ease-in-out;
	}
	.section.swiper-slide-active .h-trans-ds1{
		opacity:1; transform:translate(0px,0px); transition-delay:1.0s;
	}
	.section.swiper-slide-active .h-trans-ds2{
		opacity:1; transform:translate(0px,0px); transition-delay:1.2s;
	}
	.h-trans-up1,
	.h-trans-up2,
	.h-trans-up3{
		opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;
	}
	.section.swiper-slide-active .h-trans-up1{
		opacity:1; transform:translate(0px,0px); transition-delay:0.9s;
	}
	.section.swiper-slide-active .h-trans-up2{
		opacity:1; transform:translate(0px,0px); transition-delay:1.1s;
	}
	.active .h-trans-up2{
		opacity:1; transform:translate(0px,0px); transition-delay:1.3s;
	}

	.page6-list li{
		opacity:0; transform:translate(0px,50px); transition:all 0.5s ease-in-out;
	}
	.section.swiper-slide-active .page6-list li:nth-child(1){
		opacity:1; transform:translate(0px,0px); transition-delay:0.9s;
	}
	.section.swiper-slide-active .page6-list li:nth-child(2){
		opacity:1; transform:translate(0px,0px); transition-delay:1.1s;
	}
	.section.swiper-slide-active .page6-list li:nth-child(3){
		opacity:1; transform:translate(0px,0px); transition-delay:1.3s;
	}
}