@keyframes pic_m {
  0% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}

.banner .title{
	font-size: 78px; line-height: 1.1;
	font-family: Bebas;
	position: relative;
}
.banner .subnav{
	margin-top: 55px; font-size: 16px;
}
.banner .subnav li{
	display: inline-block;
	padding-left: 20px;
	
}
.banner .subnav li:before{
	content: "鈻�";
	margin-right: 20px;
}
.banner .subnav li:first-child{
	padding-left: 0;
}
.banner .subnav li:first-child:before{
	display: none;
}
.banner .subnav li a{
	color: #fff;
	position: relative;
	display: inline-block; line-height: 1.15;
}
.banner .subnav li a:after{
	width: 0;
	height: 3px;
	background: #fff;
	content: "";
	position: absolute; left: 0; bottom: -10px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.banner .subnav li a:hover:after{
	width: 100%;
}
.banner .subnav li.active a:after{
	width: 100%;
	
}
.wrapper{
	
	margin: 0 auto;
}

.er{
	background:#2a2a2a url(../images/_bg.jpg) no-repeat left top; height: 520px;
	color: #fff;
	padding-top: 100px;
}
.-logo{
	float: left;
	width: 590px;
}
.-logo .txt{
	margin-top: 220px;
	font-size: 12px;
	color: #818181;
}
.-nav{
	float: left;
	width: 870px;
	font-size: 16px;
}
.-nav dt{
	color: #ffffff;
}
.-nav dd{
	color: #999999; margin-top: 15px;
}
.-nav dd a:hover{
	color: #fff;
}
.-nav dl{
	float: left;
	width: 175px;
}
.-qrcode{
	float: right;
	font-size: 16px; color: #999999;
}
.-qrcode .qrcode img{
	margin-top: 10px;
}
.-qrcode .shareicos{
	margin-top: 100px;
}
.-qrcode .shareicos li{
	display: inline-block; margin-left: 20px;
}
.-qrcode .shareicos li:first-child{
	margin-left: 0;
}
.-news{
	background: #2a2a2a;
	border-top: #484848 solid 1px;
	padding: 40px 80px 60px;
}
.-news ul{
	overflow: hidden;
}
.-news li{
	width: 25%; float: left; padding-right: 30px;
	font-size: 16px;
	line-height: 1.8;
}
.-news li a:hover p{
	color: #ddd;
}
.-news li h2{
	color: #ffffff;
	
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.-news li p{
	color: #999999;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.-news li h4{
	font-size: 12px; color: #999999; margin-top: 15px;
}

/*鍙戝睍鍘嗙▼*/
.history{
	padding-top: 60px;
	padding-bottom: 130px;
}
.history .gallery-top{
	padding-bottom: 100px;
}
.history .gallery-top li{
	padding: 50px 160px 30px 220px; overflow: hidden;

}
.history .gallery-top li .img{
	width: 490px; float: left;
	padding-left: 100px;
	position: relative;
	padding-bottom: 90px;
}
.history .gallery-top li .img img{
	position: relative; z-index: 2;
	box-shadow: rgba(0,0,0,0.2) 0 10px 40px;
}
.history .gallery-top li .imgbg{
	width: 380px; height: 510px;
	background: #d3d2d2;
	position: absolute; left: 0; top: 90px;
	box-shadow: rgba(0,0,0,0.1) 0 10px 30px;
}
.history .gallery-top li .img label{
	font-size: 125px;
	color: #e7e6e6;
	position: absolute; left: 10px; bottom: 20px;
	font-family: Bebas;
	line-height: 1;
	text-shadow: rgba(0,0,0,0.1) 0 10px 30px;
}
.history .gallery-top li .txt{
	float: right; width: 650px;
	padding-top: 150px;
	font-size: 16px;
}
.history .gallery-top .swiper-button-prev:after,
.history .gallery-top .swiper-button-next:after{
	display: none;
	
}
.history .gallery-top .swiper-button-prev{
	background: url(../images/history_prev2.png) no-repeat; width: 97px; height: 89px;
	/*transform:skewX(30deg);
            -webkit-transform:skewX(30deg); 
            -moz-transform:skewX(30deg);*/
}
.history .gallery-top .swiper-button-next{
	background: url(../images/history_next2.png) no-repeat; width: 93px; height: 85px;

}

/*缂╃暐鍥�*/
.history .gallery-thumbs{
	padding-left: 8%;
	padding-top: 30px;
}
.history .gallery-thumbs li{
	background: url(../images/history_bar.png) no-repeat; width: 421px; height: 100px;
	border-radius: 0;
	opacity: 1;
	text-align: left;
	padding-left: 40px;
	line-height: 68px;
	font-size: 22px;
	font-family: Bebas;
	cursor: pointer;
	margin-right: -20px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.history .gallery-thumbs li.swiper-slide-thumb-active{
	background-image: url(../images/history_bar2.png);
	color: #fff;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
/*
.history  .swiper-pagination{
	white-space: nowrap;
	overflow-x: scroll;
}
.history .swiper-pagination-bullet{
	background: url(../images/history_bar.png) no-repeat; width: 421px; height: 100px;
	border-radius: 0;
	opacity: 1;
	text-align: left;
	padding-left: 40px;
	line-height: 68px;
	font-size: 22px;
	font-family: Bebas;
}
.history .swiper-pagination-bullet-active {
	
}*/

/*鍏徃鐜*/
.companyphoto{

}
.companyphoto .wrapper{
	overflow: hidden;
	padding: 180px 180px;
	
}
.companyphoto .img{
	width: 480px;
	float: left;
	position: relative;

}
.companyphoto .img h1{
	font-size: 200px;
	line-height: 1;
	font-family: Bebas;
	font-weight: normal;
	position: absolute;
	left: -100px;
	/*top: -100px;*/
	top: -150px;
	color: #005e3a;
	display: inline-block;
}
.companyphoto .txt{
	width: 420px; float: right; text-align: center;

	padding-top: 120px;
}
.companyphoto .txt h3{
	font-size: 26px; margin-top: 10px;
}
.companyphoto .txt p{
	font-size: 16px; margin-top: 30px;
}

.companyphoto2{
	background: #f3f3f3;
}
.companyphoto2 .txt{
	float: left;
}
.companyphoto2 .img{
	float: right;
}
.companyphoto2 .img h1{
	left: auto;
	right: -100px;

}
.companyphoto .gallery-thumbs{
	margin: 0 30px;
}
.companyphoto .gallery-thumbs .swiper-slide{
	line-height: 0;
}

.companyphoto .swiper-button-prev:after,
.companyphoto .swiper-button-next:after{
	display: none;
}
.companyphoto .swiper-button-prev,
.companyphoto .swiper-button-next{
	background: url(../images/companyphoto_prev.png) no-repeat left center;
	left: 0;
	bottom: 15px;
	top: auto;
}
.companyphoto .swiper-button-next{
	background-image: url(../images/companyphoto_next.png);
	background-position: right center;
	left: auto; right: 0;
}

.companyphoto .swiper-slide-thumb-active{
	position: relative;
}
.companyphoto .swiper-slide-thumb-active:after{
	content: "";
	border: #005e3a solid 4px;
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
}
/*鍏徃浠嬬粛*/
.about-box{
	background: url(../images/about_07.jpg) no-repeat center top; background-size:cover ;
}
.about-intro{
	padding-top: 215px; padding-bottom: 160px; height: auto; overflow:hidden;
}
.about-intro .txt{
	width: 652px; float: left;
}
.about-intro .txt-hd{
	margin-bottom: 32px;
}
.about-intro .txt-hd h4{
	font-size: 16px; margin-bottom: 15px;
}
.about-intro .txt-hd h2{
	font-size: 32px; color: #333333; line-height: 1.4;
}
.about-intro .img{
	float: right; padding-top: 70px;
}
.about-intro .txt-bd{
	font-size: 16px; line-height: 1.8;
}
.about-addr{
	position: relative; min-height: 775px; height: auto; overflow: hidden;
}
.about-addr .img{
	position: absolute; left: 0; top: 0;
}
.about-addr .txt{
	position: relative; z-index: 1;
	width: 570px; margin-right: 130px; float: right; padding-top: 200px;
}
.about-addr .txt-hd{
	margin-bottom: 20px;
}
.about-addr .txt-hd h2{
	font-size: 32px; font-weight: bold;
}
.about-addr .txt-bd{
	font-size: 16px; line-height: 1.8; margin-bottom: 23px;
}
.about-addr .txt-ft{
	
}
.about-addr .txt-ft .btn{
	width: 267px; height: 96px; display: inline-block; background: url(../images/btnbg.png) no-repeat center; line-height: 65px; padding-left: 95px; font-size: 14px; color: #333333;
}
.about-meta{
	padding: 12px 7px; height: auto; overflow: hidden; 
}
.about-meta .metabox{
	width: 33.33%; float: left; padding: 0 7px; overflow: hidden; position: relative; /*cursor: pointer;*/
}
.about-meta .metabox-info{
	height: 851px; color: #fff; padding: 70px 55px 0 32px;
	 position: relative; overflow: hidden;
}
.about-meta .metabox-bg{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.about-meta .metabox:hover .metabox-bg{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.about-meta .metabox-bg.m1{
	background: url(../images/about_03.jpg) no-repeat center; background-size:cover ;
}
.about-meta .metabox-bg.m2{
	background: url(../images/about_04.jpg) no-repeat center; background-size:cover ;
}
.about-meta .metabox-bg.m3{
	background: url(../images/about_05.jpg) no-repeat center; background-size:cover ;
}
.about-meta .num{
	font-size: 30px; margin-bottom: 135px;  font-family: Bebas;
	position: relative;
}
.about-meta .txt{
	height: 360px;
	position: relative;
}
.about-meta .txt h2{
	font-size: 32px; margin-bottom: 40px;
}
.about-meta .txt p{
	font-size: 16px;
}
.about-meta  .meta{
	position: relative;
}
.about-meta  .meta li{
	display: inline-block;vertical-align: top; font-size: 16px;
}
.about-meta  .meta li +li{
	margin-left: 60px;
}
.about-meta  .meta h1{
	font-size: 78px; line-height: 1.3;  font-family: Bebas;
}
.about-hope{
	height: 1002px; background:url(../images/about_06.jpg) no-repeat center ; background-size:cover ; padding-top: 324px; color: #fff;
}
.about-hope .txt{
	width: 440px;
}
.about-hope .txt-hd{
	font-size: 32px; line-height: 1.5; margin-bottom: 60px;
}
.about-hope .txt-bd{
	font-size: 16px;text-align: justify; line-height: 1.8;
}
/*鑱旂郴鎴戜滑*/
.contact-meta{
	padding: 135px 0 200px;text-align: center;
}
.contact-meta li{
	display: inline-block; padding: 0 80px;vertical-align: top;
}
.contact-meta .ico{
	display: inline-block; width: 50px; height: 50px; background: #000;text-align: center; border-radius: 50%; text-align: center; line-height: 50px; margin-right: 15px;
}
.contact-meta .ico img{
	vertical-align: middle;
	margin-top: 14px;
}
.contact-meta .txt{
	display: inline-block;vertical-align: top;text-align: left; font-size: 16px; color: #333333;margin-top: 10px;
}
.contact-map {
	position: relative;
}
.contact-map .head{
	width: 1375px; background: #fff;z-index: 2;
	position: absolute; left: 0; right: 0; top: -45px; margin: 0 auto; padding: 32px 0; text-align: center; font-size: 16px; color: #333; box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.contact-map . img{
	display: inline-block;vertical-align: middle; margin-right: 6px; 
}
.contact-map . span{
	display: inline-block;vertical-align: middle; padding: 0 8px;
}
/*.contact-map .body img{
	display: block;
}*/
.contact-map .body .map{
	height: 913px;
}
.anchorBL{
	display: none;
}
/*浼佷笟鑽ｈ獕*/
.companyhonor{
	background: url(../images/honorbg.jpg) repeat-y center ; height: auto; overflow: hidden; padding-top: 110px;
}
.companyhonor .wrapper{
	position: relative; height: 100%;
}
.companyhonor-img{
	 position: absolute; right: 0; bottom: 0;
}
.companyhonor-img img{
	display: block; width: 789px;
}
.companyhonor-main{
	width: 705px; box-shadow: 0 0 20px rgba(0,0,0,0.03); padding-bottom:80px;
}
.companyhonor-main .body{
	background: #fff; margin-bottom: 10px; height: 840px;
	overflow-y: scroll;
}
.companyhonor-main .body li{
	padding: 0 50px; 
}
.companyhonor-main .body li+li{
	border-top: 1px solid #d7d7d7;
}
.companyhonor-main .body  .hd{
	 height: 120px; padding-top: 40px; position: relative; cursor: pointer;
}
.companyhonor-main .body  .hd:after{
	position: absolute; right: 0; top: 50%; margin-top: -7px; content: ""; width: 7px; height: 13px; display: block;
	background: url(../images/honor02.png) no-repeat;
	
}
.companyhonor-main .body .icon{
	display: inline-block;vertical-align: middle; width: 100px;
}
.companyhonor-main .body .tit{
	display: inline-block;vertical-align: middle; font-size: 16px; color: #333; width: 285px; line-height: 1.6;
	
}
.companyhonor-main .body .tit p{
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.companyhonor-main .body .bd{
	/*height: 300px;*/
	text-align: center; display: none; padding-top: 20px;text-align: left; padding-left: 105px;
	padding-bottom: 20px;
}
.companyhonor-main .body .bd img{
	width: 277px; box-shadow: -6px 9px 8px 2px rgba(0,0,0,0.15);
}
.companyhonor-main .body li{
	height: 120px;
}
.companyhonor-main .body li.active{
/*	height: 425px;*/
height: auto;
}
.companyhonor-main .body li.active .bd{
	display: block;
	
}
.companyhonor-main .body li.active .hd:after{
	/*-webkit-transform: rotate(90deg);
	transform: rotate(90deg);*/
}
.companyhonor-main .head{
	height: 60px; margin-top: 10px;
}
.companyhonor-main . a{
	position: relative; left: 0; right: 0;
	width: 347px; height: 60px; display: block; float: left;
	box-shadow: 0 0 20px rgba(0,0,0,0.03); background: #fff;background-position:center ; background-repeat:no-repeat ;
}
.companyhonor-main . a+ a{
	margin-left: 10px;
}
.companyhonor-main . a:hover{
	background-color: #005e3a;
}
.companyhonor-main . a.-prev{
	background-image:url(../images/honor04.png) ;
}
.companyhonor-main . a.-next{
	background-image:url(../images/honor05.png) ;
}
.companyhonor-main . a.-prev:hover{
	background-image:url(../images/honor04-1.png) ;
}
.companyhonor-main . a.-next:hover{
	background-image:url(../images/honor05-1.png) ;
}
/*浼佷笟鏂囧寲*/
.cultrue-img{
	text-align: center; padding-top: 190px; padding-bottom: 70px;
}
.cultrue-img li{
	display: inline-block;vertical-align: top; padding: 0 45px;
}
.cultrue-img .img{
	position: relative; margin-bottom: 95px; width: 300px; height: 607px; position: relative;
}
.cultrue-img .img img{
	position: absolute; left: 0; top: 0;
}
.cultrue-img .l1 .img img{
	width: 473px; height: 842px;max-width: initial; left: -20px;
}
.cultrue-img .l2 .img img{
	width: 706px; height: 929px;max-width: initial; left: auto; right: 0;
}
.cultrue-img .l3 .img img{
	width: 691px; height: 887px;max-width: initial; left: -30px;
}
.cultrue-img .l4 .img img{
	width: 584px; height: 789px;max-width: initial; left: auto; right:-90px;
}
.cultrue-img .txt{
	width: 280px;text-align: left; position: relative; z-index: 1;
}
.cultrue-img .txt h2{
	font-size: 24px; margin-bottom: 10px;
}
.cultrue-img .txt p{
	font-size: 16px;
}

.cultrue-txt{
	padding-top: 70px; padding-bottom: 100px;
}
.cultrue-txt li{
	margin-bottom: 70px; height: 211px; margin-right: -142px;
}
.cultrue-txt .num{
	width: 715px; line-height: 211px;text-align: center;font-size: 150px; color: #ececec; float: left;    font-family: Bebas;
}
.cultrue-txt .bar{
	float: left; width: 1058px; height: 211px; background: #ececec;font-size: 16px;border-radius: 211px 0 0 211px;
	position: relative;
}
.cultrue-txt .bar:before{
	content: "";
	position: absolute; left: 300px; top: 0; height: 100%; width: 2000px;
	background: #ececec;
}
.cultrue-txt .bar-ico{
	background: url(../images/cultrue01.png) no-repeat; background-size:cover ; width: 211px; height: 211px;border-radius: 211px; box-shadow: 5px 5px 25px  rgba(0,0,0,0.15);text-align: center; padding-top: 60px; font-size: 20px; float: left;
}
.cultrue-txt .bar-txt{
	float: left; /*width: 524px;*/ margin-left: 120px; line-height: 211px;
	position: relative;
	width: 500px;
}


.cultrue-txt li:nth-child(1n) .bar-txt{
	float: left;
	margin-left: 58px;
}
.cultrue-txt li:nth-child(2n) .bar-txt{
	float: right;
}
.cultrue-txt .bar-txtbox{
	line-height: 1.8; vertical-align: middle; display: inline-block;
}
.cultrue-txt li:nth-child(2n){
	margin-right: 0; margin-left: -142px;
}
.cultrue-txt li:nth-child(2n) .num{
	float: right;
}
.cultrue-txt li:nth-child(2n) .bar{
	float: right;border-radius: 0 211px 211px 0 ;
}
.cultrue-txt li:nth-child(2n) .bar:before{
	left: auto; right: 300px;
}
.cultrue-txt li:nth-child(2n) .bar-ico{
	float: right;
}
.cultrue-txt .bar-txt{
	float: right; margin-left: 0; margin-right: 58px;
}
/*缁勭粐鏋舵瀯*/
.aboutgroup{
	padding: 190px 0 220px; text-align: center;
}

/*棣栭〉*/
.hbanner-img{
	height: 1080px; height: 100vh; background-size:cover ; background-position:center ;text-align: center;  position: relative;
	
	
}
.hbanner  .swiper-slide-active .hbanner-img{
	animation: pic_m 4s ease;
	-webkit-animation: pic_m 4s ease;
}
.hbanner-tit{
	position: absolute; left: 0; right: 0; top: 42%;
	font-size: 78px;color: #fff; font-weight: bold;letter-spacing: 5px;font-style:italic;  text-align: center;
}
.hbanner-tit .dot{
	display: inline-block;vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background: #fff; margin: 0 15px; 
}


.hbanner .swiper-scrollbar{
	background: rgba(255,255,255,0.2);
}
.hbanner.swiper-container-horizontal>.swiper-scrollbar{
	bottom: 155px; width: 100%; left: 0; opacity: 1 !important; height: 1px;
}
.hbanner .swiper-scrollbar-drag{
	z-index: 1;background: #fff;
}
.hbanner.swiper-container-horizontal>.swiper-pagination{
	width: auto; left: 5%; bottom: 125px; font-size: 18px; color: #fff; font-style: italic;    font-family: Bebas; line-height: 1.4;
}
.hbanner .swiper-pagination-total{
	margin-left: 3px;
}
.hbanner .swiper-pagination-current{
	display: block;font-size: 78px; 
}
.hbanner .swiper-button-prev{
	left: auto; right: 5%; bottom: 75px;top: auto; margin-top: 0; margin-right: 102px; width: 105px; height: 81px; background: url(../images/hbtn-left.png) no-repeat top center;
	
}
.hbanner .swiper-button-prev:hover,
.hbanner .swiper-button-next:hover{
	background-position: bottom center;
}

.hbanner .swiper-button-next{
	left: auto; right: 5%;bottom: 155px;top: auto; margin-top: 0;  width: 105px; height: 81px; background: url(../images/hbtn-right.png) no-repeat  top center;
}
.habout{
	height: 1080px; position: relative; background: #2d2d2d; display: flex; display: -webkit-flex; padding-left: 53%;
}

.habout .title{
	position: absolute; right: 4%; bottom: 10%;z-index: 2;
}
.habout .left{
	width: 53%; height: 100%; background:url(../images/himg02.jpg) no-repeat center ; background-size:cover ; padding:5% 0 0 7%;  position: absolute; top: 0; left: 0;
	padding-top: 15vh;
	padding-left: 12%;
}
.habout .left .img{
	margin-bottom: 40px;
}
.habout .left .img1{
	position: relative;width: 66%;margin-left: -10%;
}
.habout .left .img2{
	width: 68%; position: relative; margin-top: -15%;
}
.habout .left .txt{
	font-size: 16px; color: #333;width: 68%;
}
.habout .right{
	width: 100%;
}
.habout .right-img{
	width: 100%; height: 697px; position: relative;
	height: 65vh;
}
.habout .right-img .img{
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size:cover ; background-position:center ; background-repeat:no-repeat ;
}
.habout .right-txt{
	color: #fff; padding: 120px 0 0 105px; font-size: 42px; line-height: 1.3;
	height: 35vh;
	
}
.habout .right-txt .swiper-slide{
	background: #2d2d2d;
}
.habout .swiper-pagination{
	text-align: left; padding-left: 100px; bottom: 50px;
}
.habout .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 6px;
}
.habout .swiper-pagination-bullet{
	width: 12px; height: 12px; background: #fff;display: inline-block;vertical-align: middle; opacity: 1;
	 border: 1px solid #fff;
	 -webkit-transition: all 0.3s;
	 transition: all 0.3s;
}
.habout .swiper-pagination-bullet-active{
	width: 18px; height: 18px; border: 3px solid #fff; background: transparent;
}
.hnums{
	padding: 160px 0; height: auto; overflow: hidden; background: url(../images/hbg01.jpg) no-repeat center; background-size:cover ;background-attachment:fixed;
	height: 55vh;
	padding-top: 180px;
}
.hnums .swiper-slide{
	opacity: 0 !important;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.hnums .swiper-slide.swiper-slide-active{
	opacity: 1 !important;
}
.hnums .img{
	padding-top: 40px; width: 536px;text-align: center; float: left; margin-left: 80px; margin-right: 50px;
}
.hnums .img.pt80{
	padding-top: 80px;
}
.hnums .img h2{
	font-size: 46px; color: #333333; margin-top: 15px;
}
.hnums .txt{
	float: left;width: 755px;
}
.hnums .info{
	font-size: 16px; color: #333; margin-bottom: 45px;
}
.hnums dl{
	
}
.hnums dd{
	display: inline-block;vertical-align: top; width: 185px;
}
.hnums dd h2{
	font-size: 53px; position: relative; line-height: 1; display: inline-block; font-style: italic;    font-family: Bebas;
}
.hnums dd h2 em{
	position: absolute; right: -18px; bottom: 4px;
	display: inline-block; width: 27px; height: 27px; background: #005e3a; text-align: center; line-height: 27px;border-radius: 27px; box-shadow: 0 3px 15px 1px rgba(0,0,0,0.2);
}
.hnums dd h2 em img{
	vertical-align: middle; position: relative; margin-top: -4px;
}
.hnums dd p{
	font-size: 14px; line-height: 1.4; margin-top: 22px;
}
.hmenu{
	height: auto; overflow: hidden;
	height: 45vh;
}
.hmenu ul{
	height: 100%;
}
.hmenu li{
	float: left; width: 25%; height: 454px; position: relative; cursor: pointer; overflow: hidden;
	height: 100%;
}
.hmenu li.col2{
	width: 50%;
}
.hmenu .img{
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background-repeat:no-repeat ; background-size:cover ; background-position:center ;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.hmenu li:hover .img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hmenu .txt{
	position: relative; z-index: 1; color: #fff; padding:0 55px;
	height: 100%;
}
.hmenu .txt-num{
	font-size: 22px;font-family: Bebas;
	padding-top: 55px; height: 40%;
}
.hmenu .txt-tit{
	/*margin-top: 200px;*/
	/*height: 60%;*/
	position: absolute;
	bottom: 55px;
}
.hmenu .txt-tit img{
	
}
.hmenu .txt-tit h4{
	font-size: 24px; color: #fff; margin-top: 10px;
}
.hnums .swiper-button-prev{
	width: 97px; height: 89px; left: 0; margin-top: -35px;	background: url(../images/history_prev2.png) no-repeat center;
}
.hnums .swiper-button-next{
	width: 97px; height: 89px; right: 0;margin-top: -35px;  background: url(../images/history_next2.png) no-repeat center;
}
.happ{
	height: 1080px;  background: #e4e4e4 url(../images/hbg02.jpg) no-repeat left bottom; background-size:cover ;
}
.happ li{
	padding-top: 220px;
	/*height: 1080px;*/
	height: 100vh;
}
.happ .left{
	width: 556px; height: 556px; display: block; position: relative; margin-left: 10%;
}
.happ .left .img1{
	background: url(../images/himg13.png) no-repeat center top/cover;
	width: 556px; height: 556px; border-radius: 556px;
	 overflow: hidden;
}
.happ .left .img1:before,
.happ .left .img1:after{
	content: "";
	width: 418px;
	height: 418px;
	background: #fe7020;
	border-radius: 418px;
	position: absolute; 
	transition: 2s ease;
	-webkit-transition: 2s ease;
}
.happ .left .img1:before{
	top: 95px; left: -220px;
  transform: translate(900px,250px);
}
.happ .left .img1:after{
	background: #ffb901; 
	left: 380px; top: 250px;
transform: translate(-1200px,-150px);
}

.happ li.swiper-slide-active .left .img1:before{
	transform: translate(0,0);
}
.happ li.swiper-slide-active .left .img1:after{
	transform: translate(0,0);
}

.happ .left .img2{
	position: absolute; left: -60px; top: -85px; 
	left: 0;
}
.happ .right{
	width: 42%;
}
.happ .right .txt{
	margin-bottom: 70px; 
}
.happ li.swiper-slide-active .right .txt{
	-webkit-animation: fadeInUp 1s .2s both;
    animation: fadeInUp 1s .2s both;
    -ms-animation: fadeInUp 1s .2s both;
}
.happ .right .txt h4{
	font-size: 16px; color: #333; margin-bottom: 12px;
}
.happ .right .txt h4 img{
	vertical-align: middle; position: relative; margin-top: -2px; margin-right: 15px;
}
.happ .right .txt h2{
	margin-bottom: 35px; font-size: 46px; color: #333333; line-height: 1.1;
}
.happ .right .txt p{
	font-size: 16px;
}
.happ .right .img{
	height: 247px; width: 187px; background: #fff; border-radius: 30px 30px 0 0;box-shadow: 0 5px 15px  rgba(0,0,0,0.06); margin-bottom: 75px;
}

.happ li.swiper-slide-active .right .img{
	-webkit-animation: fadeInUp 1s .4s both;
    animation: fadeInUp 1s .4s both;
    -ms-animation: fadeInUp 1s .4s both;
}
.happ .right .img-hd{
	height: 55px; border: 2px solid #d5d5d5; border-radius: 30px; padding: 0 20px; line-height: 55px; font-size: 14px; position: relative;box-shadow: 0 5px 15px  rgba(0,0,0,0.06);
}
.happ .right .img-hd em{
	width: 55px; height: 55px; background: #005c39; display: block;text-align: center; border-radius: 55px;
	position: absolute; right: -2px; top: -2px; z-index: 1; 
	box-shadow: -3px 5px 15px 1px rgba(0,0,0,0.18);
}
.happ .right .img-hd em img{
	vertical-align: middle;
}
.happ .right .img-bd{
	padding-top: 15px; text-align: center;
}
.happ .right .img-bd img{
	width: 159px; height: 159px;
}
.happ .right .btn{
	
}
.happ li.swiper-slide-active .right .btn{
	-webkit-animation: fadeIn 1s 1s both;
    animation: fadeIn 1s 1s both;
    -ms-animation: fadeIn 1s 1s both;
}
.happ .right .btn a{
	width: 267px; height: 96px; display: inline-block; background: url(../images/btnbg.png) no-repeat;  line-height: 70px; font-size: 14px;color: #333;text-align: left; padding-left: 93px; position: relative;
}
.happ .right .btn a.swiper-button-disabled{
	opacity: 0.5;
}
.happ .right .btn a+a{
	margin-left: -38px;
}
.happ .right .btn a:after{
	position: absolute; left: 35px; top: 30px;  width: 6px; height: 11px; content: "";
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.happ .right .btn a.btn-left:after{
	background: url(../images/btnleft.png) no-repeat center; background-size:cover ;
}
.happ .right .btn a.btn-left:hover:after{
	left: 25px;
}
.happ .right .btn a.btn-right:after{
	background: url(../images/btnright.png) no-repeat center; background-size:cover ; left: auto; right: 65px;
}
.happ .right .btn a.btn-right:hover:after{
	right: 55px;
}
/*鏂伴椈涓績*/
.news-swiper{
	position: relative;
}
.news-swiper #box{
	background: #fff; 
	height: 585px; 
}
.news-swiper .wrapper{
	padding: 95px 35px 110px; height: auto; 
}
.news-swiper .slide{
	background: #fff;
}
.news-swiper .flipbox-side{
	background: #fff;
	box-shadow: 0 30px 60px -2px rgba(77, 81, 84, 0.1);
}
.news-swiper li{
	background: #fff; overflow: hidden;
}
.news-swiper .img{
	float: left; width: 50%; height: 585px; background-size:cover ; background-position:center ;
}
.news-swiper .img img{
	display: block;
}
.news-swiper .txt{
	float: left;width: 50%; height: 585px; box-shadow: 0 0 25px rgba(0,0,0,0.05); padding: 60px 65px 0;
}
.news-swiper .txt-hd{
	border-bottom: 1px solid #cacaca; padding-bottom: 20px; height: auto; overflow: hidden;
}
.news-swiper .txt-hd h2{
	float: left; font-size: 34px; color: #333; line-height: 1.2;    font-family: Bebas;
}
.news-swiper .txt-hd  em{
	float: right;font-size: 14px; line-height: 1.4;text-align: right; font-family: Bebas;
}
.news-swiper .txt-bd{
	padding-top: 95px; font-size: 16px;
}
.news-swiper .txt-bd h2{
	font-size: 26px; margin-bottom: 30px;
}

.news-list{
	background: #e9e9e9; padding: 80px 0 60px;
}
.news-ul{
	height: auto; overflow: hidden; margin: -7px;
}
.news-ul li{
	width: 810px; background: #fff; height: 215px;float: left; margin: 7px; padding: 30px 0;
}
.news-ul .date{
	width: 165px; float: left; height: 150px;text-align: center; line-height: 1.4; font-size: 14px; font-family: Bebas; color: #333; padding-top: 48px; border-right: 1px solid #dbdbdb;
}
.news-ul .date big{
	display: block; font-size: 34px;
}
.news-ul .txt{
	margin-left: 60px; margin-top:35px ; width: 335px;  float: left; font-size: 14px; color: #999999;
}
.news-ul .txt h2{
	font-size: 18px; color: #333; margin-bottom: 12px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.news-ul .txt p{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-swiper .swiper-pagination{
	bottom: 35px; text-align: center; right: 0; left: 0;
}
.news-swiper .swiper-pagination-bullet{
	width: 40px; height: 4px; background: #777777; border-radius: 0; opacity: 1;
	/*border: #fff solid 5px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	box-sizing: content-box;*/
}
.news-swiper .swiper-pagination-bullet-active{
	background: #09603a;
}
.news-swiper .swiper-pagination .swiper-pagination-bullet{
	 margin: 0 0; cursor: pointer;
}
/*鏂伴椈涓績-璇︽儏*/
.newsdetail{
	background: #e9e9e9; padding: 80px 0 90px; height: auto; overflow: hidden;
}
.newsdetail .news-left{
	float: left; width: 1210px;
}
.newsdetail .news-right{
	float: right; width: 405px;
}
.news-related{
	background: #fff;
}
.news-related .{
	height: 55px; line-height: 55px; border-bottom: 1px solid #efefef; padding-left: 20px; border-left: 3px solid #005e3a; font-size: 16px;
}
.news-related .body{
	padding: 0 20px 30px 20px; 
}
.news-related .body li{
	padding: 25px 0 28px; margin-bottom: 5px; border-bottom: 1px solid #efefef;  font-size: 16px;
}
.news-related .body h4{
	font-size: 14px; color: #999999; margin-bottom: 20px; line-height: 1.2;
}
.news-related .body li p{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.newscon{
	background: #fff;
}
.newscon .{
	padding: 28px 32px 20px 50px; border-left: #005e3a solid 8px; border-bottom: 1px solid #e9e9e9;  position: relative; line-height: 1.3;
}
.newscon . h2{
	font-size: 24px;
}
.newscon . h4{
	font-size: 14px; color: #333333; margin-top: 12px;
}
.newscon . .share{
	position: absolute; right: 32px; bottom: 20px;
}
.newscon . .share li{
	display: inline-block;vertical-align: middle; margin-left: 7px;
}
.newscon . .share li img:hover{
	opacity: 0.9;
}
.newscon .body{
	padding: 50px;font-size: 16px; color: #333; 
}
.newscon .body p{
	margin-bottom: 35px;
}
.newspage{
	margin-top: 10px;
}
.newspage ul{
	height: auto; overflow: hidden; margin: -5px;
}
.newspage li{
	width: 600px; height: 68px; background: #fff; float: left; margin: 5px; line-height: 68px; font-size: 16px; color: #333333; padding: 0 32px;
}
.newspage li a{
	 color: #333; display: inline-block; width: 65%;vertical-align: top;
	 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.newspage li a:hover{
	color: #3e6ed4;
}
.newspage-right{
	text-align: right;
}
.newspage .line{
	margin: 0 25px;
}
/*姹借溅绉熻祦*/
.solution-img{
	padding-top: 210px; height: auto; overflow: hidden;
}
.solution-img .txt{
	width: 645px; margin-top: 180px; margin-left: 125px; font-size: 16px; color: #333; float: left;
}
.solution-img .txt h2{
	margin-bottom: 45px; font-size: 28px; color: #333333; line-height: 1.4;
}
.solution-img .img{
	float: right; margin-right: 156px; position: relative; width: 565px; height: 673px;
}
.solution-img .img img{
	display: block;
}
.solution-img .img .img1{
	margin-left: 185px; margin-top: 90px;
}
.solution-img .img .img2{
	position: absolute; right: -10px; top: 190px;
}
.solution-img .img .img3{
	position: absolute; left: 0; top: 0; box-shadow: 20px -20px 30px rgba(0,0,0,0.02);
}
.solution-map{
	height: auto; overflow: hidden;
}
.solution-map .img{
	float: left; width: 859px;
}
.solution-map .txt{
	float: left; margin-top: 125px; margin-left: 55px;
}
.solution-map .txt-dsc{
	width: 565px; font-size: 16px; color: #333;
}
.solution-map .txt-num{
	margin-top: 80px;
}
.solution-map .txt-num li{
	display: inline-block;vertical-align: top; margin-right: 48px; font-size: 16px; color: #333; line-height: 1.5;
}
.solution-map .txt-num h1{
	font-size: 78px; color: #333;font-family: Bebas; line-height: 1.2; margin-bottom: 10px; position: relative;
}
.solution-map .txt-num h1 em{
	width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #09603a; display: inline-block;
	position: absolute; right: -18px; bottom: 0;text-align: center;
}
.solution-map .txt-num h1 em img{
	vertical-align: middle; position: relative; margin-top: -10px;
}

.solution-car{
	padding: 250px 0; background: url(../images/bg01.jpg) no-repeat center; background-size:cover ; height: auto; overflow: hidden;
}
.solution-car+ .solution-car{
	margin-top: 5px;
}
.solution-car .nav{
	float: left;
}
.solution-car .nav li{
	display: inline-block;vertical-align: top; width: 328px; height: 328px; border-radius: 50%; /*background: #fff;*/
	padding: 100px 70px 0 70px;font-size: 16px; color: #fff; position: relative;
	 background-image: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.06));
	
}
.solution-car .nav li + li{
	margin-left: -50px;
}
.solution-car .nav li:nth-child(2n){
	background-image: linear-gradient(rgba(255,255,255,0.06), rgba(255,255,255,0.6));
}
.solution-car .nav h2{
	font-size: 26px;
}
.solution-car .txt{
	float: right;text-align: center; padding-right: 200px; color: #fff; padding-top: 90px;
}
.solution-car .txt h3{
	font-size: 30px;    font-family: Bebas; margin-bottom: 10px;
}
.solution-car .txt h2{
	font-size: 46px;
}
.solution-car2{
	background-image:url(../images/bg02.jpg) ;
}
.solution-car2 .nav{
	float: right;
}
.solution-car2 .txt{
	float: left; padding-left: 200px; padding-right: 0;
}
/*椤虹绉戞妧*/
.solution-wrap{
	background: #f3f3f3; padding-bottom: 100px;
}
.solution-about{
	padding-top: 325px; padding-bottom: 235px;
}
.solution-about .wrapper{
	min-height: 520px; background: #fff; position: relative;
}
.solution-about .imgbox{
	position: absolute; left:67px ; top: 0;
}
.solution-about .imgbox li{
	display: block; float: left; width: 248px; position: relative; margin-right: 20px;
}
.solution-about .imgbox .l1{
	position: relative; margin-top: -40px;
}
.solution-about .imgbox .l2{
	position: relative; margin-top: -170px;
}
.solution-about .imgbox .l3{
	position: relative; margin-top: 35px;
}
.solution-about .imgbox img{
	display: block;
	box-shadow: 3px 10px 15px 2px rgba(0,0,0,0.1);
}
.solution-about .imgbox .txt{
	position: absolute; left: 20px; right: 20px; bottom: 50px; color: #fff; line-height: 1.3;
}
.solution-about .imgbox .txt h4{
	font-size: 14px;
}
.solution-about .imgbox .txt h2{
	font-size: 32px; margin-top: 20px;
}
.solution-about .info{
	width: 625px; padding: 100px 0 110px 0; margin-left: 960px; font-size: 16px;
}
.solution-about .info h2{
	font-size: 26px; margin-bottom: 35px;
}
.solution-about .info p{
	line-height: 1.9;
}
.solution-sec{
	padding-top: 100px;
	padding-bottom: 158px; 
}
.solution-sec .txt{
	float: left; width: 700px; margin-left: 25px; color: #6b6b6b; padding-top: 40px;
}
.solution-sec .txt-num{
	font-size: 60px; font-family: Bebas; line-height: 1.1; margin-bottom: 80px;
} 
.solution-sec .txt-tit{
	font-size: 24px; margin-bottom: 38px;
}
.solution-sec .txt-desc{
	font-size: 16px;
}
.solution-sec .txt-desc li{
	position: relative; padding-left: 35px;
}
.solution-sec .txt-desc li + li{
	margin-top: 50px;
}
.solution-sec .txt-desc li em{
	position: absolute; left: 0; top: 0;
}
.solution-sec .img{
	float: right; position: relative;
}
.solution-sec .img img{
	width: 708px; height: 481px; position: relative; z-index: 1; box-shadow: 10px 10px 40px rgba(0,0,0,0.15);
}
.solution-sec .img:after{
	width: 708px; height: 481px; position: absolute; right: -60px; bottom: -70px; content: ""; background: #b8b7b8;
}
.solution-sec2 .img{
	float: left; margin-left: 25px;
}
.solution-sec2 .txt{
	float: right; margin-right: 25px; padding-top: 60px;
}
.solution-sec2 .txt-desc li + li{
	margin-top: 22px;
}

/*-------------------------------*/
/*鍚堜綔浼欎即*/
.partner{
	background: #ffffff;	
}
.partner .body{
	color: #333333;
	font-size: 16px;
	font-family: 鑻规柟;
	font-weight: bold;	
}
.partner .body ul{
	overflow: hidden;
	width: 110%;
	padding-top: 100px;
	padding-left: 35px;
	margin-left: -35px;
}
.partner .body li{	
	/*display: inline-block;*/
	margin-right: 20px;
	float: left;
}
.partner .body .img{	
	box-shadow: rgba(0,0,0,0.1) 0 0 35px  ;
	width: 394px; height: 222px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.partner .body li:hover .img{
	box-shadow: rgba(0,0,0,0.2) 0 0 35px;
}
.partner .body .img img{
	padding: 22px 78px;   
}
.partner .body .txt{
	text-align: center;
	margin: 25px auto;
}
.partner .{
	margin: 75PX 0 90px 0;	
}



/*浜烘墠鐞嗗康*/
.talent-txt{
	background: #FFFFFF;
	height: auto;
	overflow: hidden;
}
.talent-txt .txt{
	float: left;
	padding-left: 65px;
}
.talent-txt1 .txt{
    margin-top: 390px; width: 450px;
}
.talent-txt2 .txt{
    margin-top: 360px; width: 460px;
}
.talent-txt .txt h2{
	font-family: OPPOSans;
	font-size: 36px;
	color: #333333;
}
.talent-txt .txt p{
	font-size: 16px;
	color: #333;
	padding-top: 45px;
	font-family: OPPOSans;
}
.talent-txt .img{
	float: right;   
}
.talent-txt1 .img{
	margin: 227px 100px 190px 0;
}
.talent-txt2 .img{
	margin: 145px 0 -5px 0;
}
.talent-nav{
	background: #efefef;
}
.talent-nav ul{
	overflow: hidden;
	width: 110%;
	padding: 120px 0 120px 50px;
	margin-left: -50px;
}
.talent-nav li{
	width: 312px;
	height: 507px;
	float: left;
	background: #ffffff;
	box-shadow: rgba(0,0,0,0.3) -10px 10px 50px;
	margin-right: 20px;
	position: relative; top: 0;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.talent-nav li:hover{
	box-shadow: rgba(0,0,0,0.4) -10px 10px 50px;
	top: -15px;
}
.talent-nav .txt{
	font-family: OPPOSans;
	color: #333333;
	padding: 70px 50px 0 40px;
}
.talent-nav .txt h2{
	font-size: 26px;	
}
.talent-nav .txt p{
	font-size: 16px;
	padding-top: 25px;	
}
.talent-nav .ico{
	position: absolute;left: 40px; top: 420px;
}

/*浜烘墠寮曡繘*/
.joblist{
	background: #efefef;
}
.joblist .jobbody{
	padding: 135px 90px 0 90px;
}
.joblist .jobbody li{
	background: #ffffff;
	box-shadow: rgba(0,0,0,0.1) 0 0 15px;
	height: auto;
	overflow: hidden;
	padding: 0 30px;
    border-bottom: #dcdcdc solid 2px;
}
.joblist .jobbody li:last-child{
	border: none;
}
.joblist .jobbody .{
	height: 90px;	
}
.joblist .jobbody .-name{
	font-family: 鑻规柟;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 526px;
	margin: 35px 0;
}
.joblist .jobbody .-num{
	font-family: 鑻规柟;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 110px;
	margin: 22px 0;
	text-align: center;
}
.joblist .jobbody .-num strong{
	font-family: Bebas;
	font-size: 16px;
	color: #005e3a;
	padding-top: 10px;
	text-align: center;
}
.joblist .jobbody .-addr{
	font-family: 鑻规柟;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 370px;
	margin: 22px 0;
	text-align: center;
}
.joblist .jobbody .-addr strong{
	font-family: 鑻规柟;
	font-size: 16px;
	color: #005e3a;
	padding-top: 10px;
	text-align: center;
}
.joblist .jobbody .-date{
	font-family: 鑻规柟;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 170px;
	margin: 22px 0;
	text-align: center;
}
.joblist .jobbody .-date strong{
	font-family: Bebas;
	font-size: 16px;
	color: #005e3a;
	padding-top: 10px;
	text-align: center;
}
.joblist .jobbody .-btn{
	float: right;
	text-align: center;
	margin: 26px 0 ;	
}
.joblist .jobbody .-btn a{
	display: block;
	padding: 10px 38px;
	border: #c3c3c3 solid 1px;
	font-family: 鑻规柟;
	font-size: 14px;
	font-weight: bold;
	color: #333333;	
}
.joblist .jobbody .-btn a:hover{
	background-color: #005e3a;
	color: #FFFFFF;
	border-color:  #005e3a;
	text-decoration: none;
}
.jobbody .body{
	display: block;	
	border-top:#eaeaea solid 1px ;
	padding: 30px 0 55px;
	display: none;
}
.joblist li.active{
	border-color: #005a37;
}
.joblist .jobbody li.active .body{
	display: block;
}
.jobbody .body h2{
	font-family: 鑻规柟;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}
.jobbody .body p{
	font-family: 鑻规柟;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 25px;
}
.job{
	padding: 60px 0 60px 0;
}

/*涓氬姟棰嗗煙-01*/
.solution-box{
	background: #f3f3f3;
	padding-top: 240px;
	padding-bottom: 160px;
}
.solution-box  .solution-intro{	
	/*margin-bottom: 140px;*/	

}
.solution-box  .solution-intro .box{
	background: #FFFFFF;
	height: 580px;	
}
.solution-intro .img{	
	float: left;	
	padding-left: 45px;
	position: relative;margin-top: -55px;
}
.solution-intro .img img{
	width: 792px;
	
	box-shadow: rgba(0,0,0,0.1) 5px 0px 20px;
	line-height: 0;
}
.solution-intro .img sub{
    font-family: Bebas;
	font-size: 140px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;	left: 85px;top: 400px;
	text-shadow: rgba(0,0,0,0.2) 10px 10px 40px;;
	line-height: 1;
}
.solution-intro .txt{
	font-family: OPPOSans;
	color: #333333;
	float: left;
	padding-top: 200px;
	padding-left: 110px;
	width: 700px;
}
.solution-intro .txt h2{
	font-size: 26px;
	padding-bottom: 40px;
}
.solution-intro .txt p{
	font-size: 16px; text-indent: 2em;
}

.solution-box .solution-section{
	padding-top:160px;
}
.solution-box .solution-section .box{
	background: #FFFFFF;
	box-shadow: rgba(0,0,0,0.1) -15px 10px 40px;
	margin-left: 170px;
	/*overflow: hidden;*/
}
.solution-box .solution-section .txt{
	float: left;	
	position: relative;
	padding-left: 85px;
	font-family: OPPOSans;
	font-size: 16px;
	color: #6b6b6b;
	width: 864px;
	height: 583px;
	padding-top: 170px;
	padding-right: 100px;
}
.solution-box .solution-section .txt sup{
	font-family: Bebas;
	font-size: 106px;
	color: #6b6b6b;
	font-weight: bold;
	position: absolute; left: 85px; top: -50px;  
	line-height: 1; z-index: 1;
}
.solution-box .solution-section .txt h2{
	font-family: OPPOSans;
	font-size: 24px;
	color: #6b6b6b;
	font-weight: bold;
	padding-bottom: 50px;z-index: 1; position: relative;
}
.solution-box .solution-section .txt li{
	padding-bottom: 25px; position: relative;z-index: 1; padding-left: 35px;
}
.solution-box .solution-section .txt p{
	position: relative; z-index: 1; text-indent: 2em;
}
.solution-box .solution-section .txt em{
	position: absolute; left: 0; top: 0;
}
.solution-box .solution-section .txt .bgimg{
	position: absolute;right:0;bottom: 0;
}
.solution-box .solution-section .img{
	float: right;
	width: 602px; height: 583px; background-repeat:no-repeat ; background-size:cover ; background-position:center ;
}

.solution-box .solution-section2{
	padding-top: 160px;
}
.solution-box .solution-section2 .box{
	background: #FFFFFF;
	box-shadow: rgba(0,0,0,0.1) 10px 15px 40px;
	margin-right: 170px;
	margin-left: 0;
}
.solution-box .solution-section2 .img{
	float: left;	
	
}
.solution-box .solution-section2 .txt{
	
	float: right;
	width: 864px;
	height: 583px;
	padding-left: 80px;
	position: relative;
	padding-top: 185px;
}
.solution-box .solution-section2 .txt sup{
	position: absolute;right: 80px;
	line-height: 1;
	left: auto;
}
/*.solution-box .solution-section2 .txt img{
	position: absolute;left: 0;bottom: 0;
}*/

/*鍒嗛〉*/
.pages{
	margin-top: 40px;
	height: 90px;
	line-height: 90px;
	border-top: #cacaca solid 1px;
	position: relative;
}
.pages .pages-prev{
	background: url(../images/pages-prev.png) no-repeat left;
	padding-left: 20px;
	font-family: Montserrat;
	color: #005e3a;
	font-weight: bold;
	font-size: 14px;
	position: absolute; left: 0; top: 0;
}
.pages .pages-prev a{
	color: #005e3a;
}
.pages .pages-next{
	background: url(../images/pages-next3.png) no-repeat right;
	float: right;
	padding-right: 20px;
	font-family: Montserrat;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	position: absolute; right: 0; top: 0;
}
.pages .pages-nums{
	font-family: Montserrat;
	color: #414141;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.pages .pages-nums li{
	display: inline-block;
	position: relative;
}

.pages .pages-nums a{
	text-decoration: none;
	padding: 0 20px;
}
.pages .pages-nums a:hover{
	color: #40866b;
}

.pages .pages-nums .active a
{
	color: #40866b;
}
.pages .pages-nums .active:after{
	position: absolute;
	content: "";
	width: 20px; height: 4px; background: #005e3a;
	left: 50%;
	top: 0;
	margin-left: -10px;
}



 
.er{
	background:#2a2a2a url(../images/_bg.jpg) no-repeat left top; height: 520px;
	color: #fff;
	padding-top: 100px;
}
.-logo{
	float: left;
	width: 590px;
}
.-logo .txt{
	margin-top: 220px;
	font-size: 12px;
	color: #818181;
}
.-nav{
	float: left;
	width: 870px;
	font-size: 16px;
}
.-nav dt{
	color: #ffffff;
}
.-nav dd{
	color: #999999; margin-top: 15px;
}
.-nav dl{
	float: left;
	width: 175px;
}
.-qrcode{
	float: right;
	font-size: 16px; color: #999999;
}
.-qrcode .qrcode img{
	margin-top: 10px;
}
.-qrcode .shareicos{
	margin-top: 100px;
}
.-qrcode .shareicos li{
	display: inline-block; margin-left: 20px;
}
.-qrcode .shareicos li:first-child{
	margin-left: 0;
}