.banner{position: relative;}
.banner:after{content: '';position: absolute;top: 0;bottom: 0;z-index: 2;
	left: 162px;width: 2px;background-color: rgba(255,255,255,.2);
}
.section-first{height: 100vh;}
.header{position: fixed;left: 0;right: 0;top: 0;z-index: 102;
	height: 95px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.header.hd1{background-color: #fdfdfd;
  box-shadow: 9px 0px 13px rgba(0, 0, 0, .3);
}
.header.hd1 .menu b{background-color: #3c3c3c;}
.header.hd1 .lang{color: rgba(32,32,32,.5);}
.header.hd1 .logo{display: block;}
.header.hd1 .logo .img2{display: none;}
.header.hd2{background-color: #212121;
  box-shadow: 9px 0px 13px rgba(0, 0, 0, .8);
}
.header.hd2 .menu b{background-color: #f2f2f2;}
.header.hd2 .lang{color: rgba(255,255,255,.5);}
.header.hd2 .logo{display: block;}
.header.hd2 .logo .img2{display: inline-block;}
.header.hd2 .logo .img1{display: none;}

.menu{width: 40px;height: 30px;display: block;position: relative;cursor: pointer;
	margin-left: 64px;margin-top: 41px;float: left;
}
.menu b{display: block;height: 5px;position: absolute;top: 0;left: 0;right: 0;
	background-color:rgba(255,255,255,.5);border-radius: 5px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.menu b.i2{top: 10px;}
.menu b.i3{top: 20px;}
/*.menu.open b{}*/
.menu.open b.i1,.menu.open b.i3{top: 10px;}
.header .logo{display: none;line-height: 95px;margin-left: 130px;float: left;}
.header .logo img{display: inline-block;vertical-align: middle;}
.menu.open b{}

.nav{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;padding-top: 158px;z-index: 101;
	background: url(../images/nv-bg.png) repeat-y left top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.nav:after{content: '';position: absolute;top: 0;bottom: 0;left: 162px;
	width: 2px;background-color: rgba(255,255,255,.2);
}
.nav li{width: 162px;text-align: center;position: relative;}
.nav li a{display: block;font-size: 16px;color: #fff;height: 113px;
	font-family: 'helvetica-light';padding-top: 28px;
	
}
.nav li:after{content: '';position: absolute;top: 50%;right: -6px;
	margin-top: -5px;background-color: #fff;width: 10px;height: 10px;
	border-radius: 50%;display: none;
}
.nav li:hover a{
	background: url(../images/nv-bg2.png) no-repeat center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
.nav li:hover:after{display: block;}
.nav li .icon{display: block;height: 40px;margin-bottom: 5px;
	background-position: center;background-repeat: no-repeat;
}
.lang{font-size: 28px;color: rgba(255,255,255,.5);
	float: right;line-height: 95px;margin-right: 100px;
}

.ban-txt{color: #fff;padding-top: 15vh;}
.ban-txt .b-logo img{display: block;}
.ban-txt .b-logo{margin-bottom: 10px;}
.ban-txt .tit{margin-bottom: 70px;}
.ban-txt .tit h2{font-size: 130px;
	line-height: 1.15;
}
.ban-txt .tit h3{font-size: 60px;}
.ban-txt .tips{font-size: 36px;line-height: 43px;color: #fff;
	font-family: 'helvetica-light';
}

.g-tab{position: absolute;left: 158px;bottom: 110px;z-index: 3;}
.g-tab li{margin-bottom: 30px;}
.g-tab li a{font-size: 30px;color: #fff;line-height: 36px;display: block;
	padding-left: 76px;position: relative;
}
.g-tab li a:after{content: '';position: absolute;top: 50%;left: 0;
	width: 10px;height: 10px;border-radius: 50%;margin-top: -5px;
	background: rgba(255,255,255,.2);
}
.g-tab li:hover a:after{background: rgba(255,255,255,.5);}
.btn-down{width: 50px;height: 50px;position: absolute;left: 50%;
	bottom: 2px;margin-left: -25px;z-index: 3;
	background: url(../images/i-down.png) no-repeat center center;
}
.row-a2{padding-top: 95px;position: relative;
	background-color: #f7f7f7;
}
.row-a2:after{content: '';position: absolute;left: 162px;top: 0;bottom: 250px;width: 2px;
	background-color: #a2a2a2;
}
.row-a2:before{content: '';position: absolute;bottom: 250px;left: 158px;width: 10px;
	height: 10px;border-radius: 50%;background-color: #a2a2a2;
}
.row-1{position: relative;padding-bottom: 150px;}
.m-t1{font-size: 150px;color: rgba(153,153,153,.09);
	margin-left: 55px;line-height: 1.3;
}
.m-pic1{max-width: 990px;float: right;margin-right: 140px;margin-top: 10px;
	box-shadow: 17px 12px 32px rgba(60,60,60,.26);
}
.m-pic1 img{width: 100%;display: block;}
.m-tab{position: absolute;z-index: 2;
	width: 310px;padding: 30px 35px 20px 48px;
	background-color: #fff;
	box-shadow: 0px 24px 44.64px 17.36px rgba(60, 60, 60, 0.26);
}
.m-tab li{border-bottom: 1px solid #444;margin-bottom: 13px;}
.m-tab li a{display: block;line-height: 65px;font-size: 18px;color: #1d1d1d;
	overflow: hidden;position: relative;padding-left: 70px;
}
.m-tab li i{width: 65px;height: 65px;position: absolute;left: 0;bottom: 0;
	background-position: left center;background-repeat: no-repeat;
}
.m-tab li:last-child{border-bottom: 0;}
.m-tab li a:hover::before{max-width: 100%;}
.m-tab li a::before{
    position: absolute;word-break:break-all;
    top: 0;
    left: 70px;
    height: 65px;
    font-size: 18px;
    overflow: hidden; 
    max-width: 0;
    content: attr(data-hover);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.m-tab-1 li a::before{color: #34a2f6;}
.m-tab-2 li a::before{color: #000000;}
.m-tab-3 li a::before{color: #009944;}
.m-tab-1 li.on a{color: #34a2f6;}
.m-tab-2 li.on a{color: #000000;}
.m-tab-3 li.on a{color: #009944;}

.m-tab-1{top: 120px;left: 560px;}
.g-t1{position: absolute;left: 151px;top: 378px;font-size: 36px;
	color: #212121;line-height: 1.2;
	background-color: #f7f7f7;z-index: 2;padding: 45px 0 105px;
}
.g-t1:after{content: '';position: absolute;top: 0;left: 7px;
	width: 10px;height: 10px;border-radius: 50%;
	background-color: #a2a2a2;
}

.m-txt1{position: absolute;left: 395px;top: 650px;
	font-size: 18px;line-height: 22px;color: #1d1d1d;
	width: 300px;z-index: 3;
}
.m-txt1:after{content: '';position: absolute;top: -15px;left: -125px;
	width: 125px;height: 60px;
	background: url(../images/i-r1.png) no-repeat left center;
}

.row-2{position: relative;padding-bottom: 180px;
	background: url(../images/i-r2.png) no-repeat center bottom;
}
.g-tips{color: #363636;
	margin: 0 85px 130px 260px;
}
.g-tips h3{font-size: 40px;margin-bottom: 20px;}
.g-tips span{display: block;text-align: right;font-size: 30px;font-weight: bold;}
.m-pic2{margin: 0 auto 54px;width: 990px;
	box-shadow: 0px 12px 26.56px 5.44px rgba(6, 6, 6, 0.26);
}
.m-pic2 img{width: 100%;display: block;}
.m-t2{font-size: 150px;color: rgba(153,153,153,.09);
	position: absolute;top: 130px;left: 145px;
	line-height: 1;writing-mode: tb-rl;
}
.m-tab-2{left: 385px;top: 750px;}
.g-t2{margin-left: 805px;font-size: 36px;color: #212121;margin-bottom: 34px;}
.m-txt2{margin-left: 805px;font-size: 18px;line-height: 22px;color: #1d1d1d;
	max-width: 520px;
}
.g-t2-mo{display: none;}
.row-3{position: relative;margin-left: 365px;padding-top: 30px;padding-bottom: 85px;}
.m-t3{font-size: 150px;color: rgba(153,153,153,.09);
	position: absolute;right: 130px;top: -100px;
}
.m-pic3{width: 990px;position: relative;z-index: 2;clear: both;
	box-shadow: 0px 12px 26.56px 5.44px rgba(83, 83, 83, 0.26);
	margin-bottom: 45px;
}
.m-pic3 img{width: 100%;display: block;}
.m-tab-3{right: 310px;z-index: 3;top: 120px;}

.g-t3{float: left;font-size: 36px;line-height: 42px;color: #212121;margin-right: 75px;}
.m-txt3{font-size: 18px;line-height: 22px;color: #1d1d1d;overflow: hidden;
	max-width: 520px;
}
.g-t3-mo{display: none;}

.m-form{margin-left: 162px;overflow: hidden;padding-top: 35px;padding-bottom: 95px;}
.m-form .txt{float: left;}
.m-form .txt h3{font-size: 36px;color: #094;line-height: 1.17;margin-bottom: 8px;}
.m-form .txt h3 span{color: #212121;display: block;}
.m-form .txt p{font-size: 18px;color: #1d1d1d;font-family: 'helvetica-light';}
.m-form .con{overflow: hidden;padding-left: 70px;margin-top: 50px;}
.m-form .inp{float: left;width: 280px;margin-left: 25px;}
.m-form .inp input{width: 100%;display: block;height: 58px;
	border: 2px solid #cecece;border-radius: 5px;padding: 0 15px;
	font-size: 18px;color: #1d1d1d;
}
.m-form .inp input:focus{border-color: #094;}
.m-form .btn{width: 148px;height: 58px;float: left;margin-left: 40px;}
.m-form .btn input{width: 100%;height: 100%;display: block;
	background-color: #009944;font-size: 22px;color: #fff;
	border: 0;border-radius: 5px;
}
.m-form .btn input:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.m-form .code{position: relative;}
.m-form .inp{float: left;width: 264px;margin-left: 25px;}
.m-form .c-pic{position: absolute;top: 5px;right: 5px;bottom: 5px;width: 100px;}
.m-form .c-pic img{width: 100%;height: 100%;display: block;}


.row-a3{padding-top: 165px;position: relative;
	background-color: #242424;
	background: #242424 url(../images/logo-bg.png) no-repeat right center;
	background-attachment:fixed;
}

.g-tit1{color: #f2f2f2;}
.g-tit1 span{font-size: 30px;display: block;}
.g-tit1 h3{font-size: 48px;line-height: 1.2;}
.g-tit1 em{color: #094;font-weight: bold;}

.m-tit1{font-size: 72px;color: #f2f2f2;text-transform: uppercase;}
.m-tit1 em{color: #094;font-weight: bold;}
.m-txt4{max-width: 830px;font-size: 18px;line-height: 22px;color: #fff;
	font-family: 'helvetica-light';padding-top: 8px;
	margin-bottom: 84px;
}

.ul-num{margin-bottom: 95px;}
.ul-num li{color: #fff;font-size: 36px;font-family: 'helvetica-light';height: 175px;line-height: 175px;}
.ul-num li span{font-size: 150px;font-weight: bold;font-family: 'Helvetica-Bold'; }
.ul-num li b{font-size: 100px;display: inline-block;vertical-align: middle;position: relative;top: -20px;
	margin-right: 60px;margin-left: 20px;
}
.ul-num li span em{font-weight: bold;font-family: 'Helvetica-Bold';}

.m-list1{overflow: hidden;padding-top: 35px;padding-bottom: 35px;}
.m-list1 li{width: 25%;float: left;position: relative;}
.m-list1 .con{height: 412px;position: relative;margin: 0 auto;
	transform-style:preserve-3d;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-list1 .pic{position: absolute;left: 0;right: 0;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.m-list1 .pic .ico{height: 120px;display: block;position: relative;
	background-position: center;background-repeat: no-repeat;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.m-list1 .i1 .pic .ico{background-image: url(../images/i-b1.png);}
.m-list1 .i2 .pic .ico{background-image: url(../images/i-b2.png);}
.m-list1 .i3 .pic .ico{background-image: url(../images/i-b3.png);}
.m-list1 .i4 .pic .ico{background-image: url(../images/i-b4.png);}
.m-list1 li:after{content: '';width: 30px;height: 30px;position: absolute;
	top: 50%;margin-top: -15px;right: -15px;
	background: url(../images/i-b.png) no-repeat center center;
}

.m-list1 h3{font-size: 30px;font-weight: normal;font-family: 'helvetica-light';
	color: #f2f2f2;text-align: center;
}

.m-list1 .txt{position: absolute;top: 0;bottom: 0;left: 50%;
	background-color: #f2f2f2;padding: 35px 0 0 0px;
	width: 290px;margin-left: -145px;
	opacity: 0;
	transform:rotateY(180deg);
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-list1 .txt .icon{height: 73px;display: block;margin-bottom: 28px;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.m-list1 .i1 .txt .icon{background-image: url(../images/i-b1-on.png);}
.m-list1 .i2 .txt .icon{background-image: url(../images/i-b2-on.png);}
.m-list1 .i3 .txt .icon{background-image: url(../images/i-b3-on.png);}
.m-list1 .i4 .txt .icon{background-image: url(../images/i-b4-on.png);}
.m-list1 .desc{font-size: 18px;line-height: 22px;color: #242424;
	padding: 0 28px 0 40px;height: 242px;overflow: hidden;
}
.m-list1 li:last-child:after{display: none;}
.m-list1 .i1:hover  .con.pic .ico{background-image: url(../images/i-b1-on.png);}
.m-list1 .i2:hover .con .pic .ico{background-image: url(../images/i-b2-on.png);}
.m-list1 .i3:hover .con .pic .ico{background-image: url(../images/i-b3-on.png);}
.m-list1 .i4:hover .con .pic .ico{background-image: url(../images/i-b4-on.png);}
.m-list1 li:hover .con h3{color: #094;}
.m-list1 li:hover .con .txt{opacity: 1;}
.m-list1 li:hover .con{transform:rotateY(180deg);}
.m-list1 li:hover .con .pic{opacity: 0;}

.row-a3 .m-form{margin-left: 0;padding-bottom: 80px;}
.row-a3 .m-form .txt p,.row-a3 .m-form .txt h3 span{color: #f2f2f2;}
.footer{font-size: 14px;color: rgba(247,247,247,.3);overflow: hidden;
	max-width: 1442px;padding-bottom: 28px;
}
.footer p{float: left;}
.footer span{float: right;padding-left: 25px;
	background: url(../images/i-fd1.png) no-repeat left center;
}
.nav-dian{position: fixed;top: 50%;right: 46px;z-index: 104;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-dian li{padding: 23px 0;}
.nav-dian li a{display: block;width: 15px;height: 15px;
	border: 1px solid #fff;border-radius: 50%;
}
.nav-dian li.on a{background-color: #fff;}
.nav-dian.dian1 li.on a{background-color: #000;}
.nav-dian.dian2 li.on a{background-color: #fff;}
.nav-dian.dian1 li a{border-color: #000;}
.nav-dian.dian2 li a{border-color: #fff;}

/*#row-about{padding-top: 130px;}*/
.m-list2{/*overflow: hidden;*/padding-top: 55px;margin-bottom: 130px;}
.m-list2 .con{position: relative;}
.m-list2 li .pic{position: relative;height: 0;}
.m-list2 .i1{width: 20%;position: relative;float: left;}
.m-list2 .i1 .item1{margin-bottom: 40px;}
.m-list2 .i1 .item1 .pic{padding-top: 100%;}
.m-list2 .i1 .item2 .pic{padding-top: 196.5%;}


.m-list2 .i2{width: 28%;position: relative;float: left;padding-left: 60px;}
.m-list2 .i2 .item1{margin-bottom: 40px;}
.m-list2 .i2 .item1 .pic{padding-top: 175%;}
.m-list2 .i2 .item2 .pic{padding-top: 69%;}

.m-list2 .i3{width: 28%;position: relative;float: left;padding-left: 60px;}
.m-list2 .i3 .item1 .pic{padding-top: 118%;}

.m-list2 .i4{width: 24%;position: relative;float: left;padding-left: 60px;}
.m-list2 .i4 .item1{margin-bottom: 20px;}
.m-list2 .i4 .item1 .pic{padding-top: 61%;}
.m-list2 .i4 .item2 .pic{padding-top: 89%;}

.m-list2 .i4 .item .txt{font-size: 24px;}
.m-list2 .i4 .item .txt h3{font-size: 36px;}

.m-list2 .i5{width: 52%;position: relative;float: left;
	padding-left: 60px;position: relative;top: -10px;
}
.m-list2 .i5 .item1 .pic{padding-top: 46%;}

.m-list2 .i6{clear: both;padding-top: 30px;}
.m-list2 .i6 .item{float: left;}
.m-list2 .i6 .item1{width: 38%;}
.m-list2 .i6 .item2{width: 23%;padding-left: 30px;}
.m-list2 .i6 .item3{width: 39%;padding-left: 30px;}
.m-list2 .i6 .item1 .pic{padding-top: 55%;}
.m-list2 .i6 .item2 .pic{padding-top: 100%;}
.m-list2 .i6 .item3 .pic{padding-top: 57%;}
.m-list2 .bg{position: absolute;top: 0;bottom: 0;right: 0;
	z-index: 3;background-color: #242424;
}


.m-list2 .icon{height: 100px;display: block;opacity: .3;
	position: absolute;top: 50%;left: 0;right: 0;
	background-position: center;background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.m-list2 .i1 .item1 .icon{
	-o-background-size: 80px auto;
	-ms-background-size: 80px auto;
	-moz-background-size: 80px auto;
	-webkit-background-size: 80px auto;
	background-size: 80px auto;

}

.m-list2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;
	opacity: .45;
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}
.m-list2 .pic:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;
	background: linear-gradient(180deg, #009944 0%, rgba(255,99,51,0) 100%);
	transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}

.m-list2 .tit{color: #fff;margin-bottom: 20px;}
.m-list2 .tit em{font-size: 30px;font-family: 'helvetica-light'; }
.m-list2 .tit h3{font-size: 48px;}
.m-list2 .tit h3 span{color: #094;}

.m-list2 .txt{position: absolute;top: 50%;left: 0;right: 0;padding-left: 30px;
	color: #fff;font-family: 'helvetica-light';font-size: 30px;
	line-height: 1.3;opacity: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.m-list2 .txt h3{font-size: 44px;text-transform: uppercase;}
.m-list2 .con:hover{z-index: 2;}
.m-list2 .con:hover .txt{opacity: 1;}
.m-list2 .con:hover .pic img{opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.m-list2 .con:hover .pic:after{opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.m-list2 .con:hover .icon{top: 20px;left: 0px;background-position: left center;opacity: 1;
	-o-background-size: 60px auto;
	-ms-background-size: 60px auto;
	-moz-background-size: 60px auto;
	-webkit-background-size: 60px auto;
	background-size: 60px auto;
}
.nv-btn{position: absolute;top: 0;bottom: 0;left: 0;width: 162px;z-index: 2;}
.nv-btn2{position: absolute;top: 0;bottom: 0;left: 162px;right: 0;z-index: 2;}
.js-state{cursor: pointer;}
.pop-state{position: fixed;right: -300px;top: 0;bottom: 0;width: 300px;
	background-color: #2b2b2b;z-index: 99999;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.pop-state .con{position: absolute;left: 0;right: 0;top: 50%;padding: 0 30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pop-state .con h3{font-size: 18px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.pop-state .con p{color: #8C8C8C;font-size: 14px;line-height: 26px;margin-bottom: 10px;}
body.open .pop-state{right: 0;}