@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


.bts{
	text-align: center;
	color: #2e3139;
	line-height: 1;
	margin-bottom: 40px;
}
.bts a{
	font-size: 48px;
	color: #2e3139;
	font-weight: bold;
}
.bts span{
	display: block;
	font-size: 30px;
	font-weight: normal;
	margin-top: 10px;
}
.shz{
	position: relative;
	z-index: 99999;
	margin-top: -50px;
	padding-bottom: 70px;
}
.shz-min{
	width: 1200px;
	height: 770px;
	margin: 0 auto;
	padding: 0 48px;
	padding-top: 80px;
	box-sizing: border-box;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 0 46px rgba(0,0,0,.4);
}
.shz .shz-box{
	position: relative;
	overflow: hidden;
}
.shz .shz-box .shz-video{
	float: left;
	width: 552px;
	height: auto;
}
.shz .shz-box .shz-video img{
	display: block;	
	width: 100%;
	height: auto;
}
.shz .shz-box ul{
	float: right;
	width: 500px;
	overflow: hidden;
	padding: 36px 0 0 36px;
	box-sizing: border-box;
}
.shz .shz-box ul li{
	float: left;
	width: 240px;
	height: 240px;
	margin-left: -36px;
	margin-top: -36px;
	border-radius: 50%;
	padding-top: 48px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(46,49,57,.8);
}
.shz .shz-box ul li b{
	display: block;
	line-height: 1;
	font-size: 80px;
	color: #8FC31F;
	margin-bottom: 10px;
}
.shz .shz-box ul li p{
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
.shz .shz-box ul li p span{
	display: block;
	margin-top: 8px;
	font-size: 15px;
	font-weight: normal;
	color: rgba(255,255,255,.5);
}
.shz .shz-box .txt{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 470px;
}
.shz .shz-box .txt p{
	display: inline-block;
	font-size: 20px;
	color: #2e3139;
	letter-spacing: 12px;
	line-height: 40px;
	border-bottom: 2px solid #abacae;
}


.solution{
	padding: 10px 0 0 0;
	overflow:hidden;
}
.solution-min{

}
.solution .solution-ul{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 25px;
	overflow: hidden;
}
.solution .solution-ul li{
	float: left;
	width: 33%;
	text-align: center;
	line-height: 1;
	border-right: 1px solid #a0a0a0;
	box-sizing: border-box;
	cursor: pointer;
}
.solution .solution-ul li b{
	display: block;
	font-size: 20px;
	color: #2e3139;
	font-weight: normal;
}
.solution .solution-ul li span{
	display: block;
	font-size: 12px;
	margin-top: 6px;
	color: #8b8b8b;
}
.solution .solution-ul li:last-child{
	border: 0;
}
.solution .solution-ul li.cur b,.solution .solution-ul li.cur span{
	color: #8FC31F;
}

.solution .solution-list{
	height: 535px !important;
}
.solution .solution-list .item{
	text-align: center;
}
.solution .solution-list .item1{
	display: block;
}
.solution .solution-list .item img{
	display: block;
	width: auto;
	margin: 0 auto;
	height: auto;
}
.solution .solution-fa{
	background: #dadada;
	padding-top: 34px;
	padding-bottom: 80px;
}
.solution .solution-l{
	width: 840px;
	float: left;
}
.solution .solution-l ul{
	overflow: hidden;
	padding-top: 6px;
}
.solution .solution-l ul li{
	float: left;
	width: 266px;
	height: 315px;
	background: #2e3139;
	border-radius: 6px;
	margin-right: 12px;
	overflow: hidden;
	transition: all ease .6s;
}
.solution .solution-l ul li:hover{
	transform: translateY(-6px);
}
.solution .solution-l ul li:hover .imgs img{
	transform: scale(1.1);
}
.solution .solution-l ul li .imgs{
	display: block;
	width: 266px;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.solution .solution-l ul li img{
	display: block;
	width: 100%;
	height: auto;
	transition: all ease .6s;
}
.solution .solution-l ul li p{
	font-size: 15px;
	line-height: 1;
	margin-left: 20px;
	padding-left: 18px;
	border-left: 2px solid  rgba(255,255,255,.5);
	color: rgba(255,255,255,.5);
}
.solution .solution-l ul li p b{
	display: block;
    font-size: 18px;
    color: #8FC31F;
    margin-bottom: 6px;
    line-height: 24px;
}

.solution .solution-r{
	position: relative;
	float: right;
	width: 360px;
	height:306px;
}
.solution .solution-r h3{
	font-size: 30px;
	color: #2e3139;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 30px;
}
.solution .solution-r h3 b{
	display: block;
	margin-bottom: 6px;
}
.solution .solution-r ol{
	overflow: hidden;
}
.solution .solution-r ol li {
	float: left;
	width: 110px;
	margin-right: 8px;
	margin-bottom: 10px;
	border-radius: 0 18px 18px 0;
	overflow: hidden;
}
.solution .solution-r ol li a{
	display: block;
	line-height: 34px;
	padding-left: 12px;
	font-size: 15px;
	color: #8FC31F;
	box-sizing: border-box;
	background: #2e3139;
	background:url(Img/Index/solution_icon.png) #2e3139 no-repeat 86px center; 
}
.solution .solution-r ol li a:hover{
	/*background:url(Img/Index/solution_icon.png) #1143a0 no-repeat 86px center; */
}
.solution .solution-r .more{
	margin-top:28px;
}
.solution .solution-r .more a{
	font-size: 15px;
	color:#2e3139;
	line-height:18px;
	border-bottom:2px solid #1143a0;
}
.solution .solution-r .btn{
	position: absolute;
	left:0;
	bottom: 0;
}
.solution .solution-r .btn span{
	display: inline-block;
	width: 41px;
	height: 41px;
	cursor: pointer;
}
.solution .solution-r .btn span img{
	display: block;
	width: 100%;
	height: auto;
}
.solution .solution-r .btn .btns1{
	margin-right: 20px;
}


.pro{
	padding: 80px 0;
}
.pro .pro-min{
	width: 1200px;
	margin: 0 auto;
	position:relative;
}
.pro .pro-min .pro-ul{
	text-align: center;
	margin-bottom: 42px;
}
.pro .pro-min .pro-ul li{
	display: inline-block;
	width: 230px;
	line-height: 46px;
	margin: 0 3px;
	background: #2e3139;
	border-radius: 26px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.pro .pro-min .pro-ul li a
{
    color:#fff;
}
.pro .pro-min .pro-ul li.cur{
	background: #8FC31F;
}
.pro .pro-list{
	position: relative;
	float: left;
	width: 566px;
	height: 510px;
}
.pro .pro-list .pro-item-inner
{
    width: 566px;
	height: 510px;
}
.pro .pro-list .pro-item-inner .item{
	width: 566px;
	height: auto;
}
.pro .pro-list .pro-item-inner .item.item1{
	display: block;
}
.pro .pro-list .pro-item-inner .item img{
	display: block;
	width: 100%;
	height: 510px;
}

.pro .btns1,.pro .btns2{
	position: absolute;
	top: 315px;
	width: 41px;
	height: 41px;
	z-index: 999;
	cursor: pointer;
}
.pro .btns1{
	left: -56px;
}
.pro .btns2{
	right: 575px;
}


.pro .pro-item dl {
	width: 546px;
	float: right;
	margin-top: 48px;
}
.pro .pro-item dl dt h5{
	height: 105px;
	font-size: 30px;
	color: #2e3139;
	font-weight: normal;
	line-height: 1;
	background:url(Img/Index/pro_br.jpg) no-repeat left bottom; 
	margin-bottom: 22px;
}
.pro .pro-item dl dt h5 b{
	display: block;
	margin-bottom: 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro .pro-item dl dt p{
	font-size: 18px;
	color: #2b2f32;
	line-height: 33px;
	height:210px;
	overflow:hidden;
	text-align: justify;
}
.pro .pro-item dl dd ol {
	overflow: hidden;
	margin-top: 52px;
	margin-bottom: 56px;
	padding-top: 80px;
	background:url(Img/Index/pro_icon.png) no-repeat left top;
}
.pro .pro-item dl dd ol li{
	float: left;
	width: 85px;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	margin-right: 30px;
	color: #2b2f32;
}
.pro .pro-item dl dd ol li.no{
	margin: 0;
}
.pro .pro-item dl dd .more{
	display: block;
	width: 150px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #fff;
	padding-left: 58px;
	box-sizing: border-box;
	border-radius: 26px;
	background:url(Img/Index/zx_icon.png) #1E2327 no-repeat 26px center; 
}

.ys .bts{
	margin-top: 80px;
}
.ys .bts,.ys .bts a{
	color: #fff;
}
.ys{
	background: url(Img/Index/video_bj.jpg) no-repeat center top;
	height: 902px;
    overflow: hidden;
}
.ys .content{
	position: relative;
}
.ys .content .ys-ul{
	position: absolute;
	top: 0;
	right: 0;
	width: 502px;
	height: 100%;
	z-index:2;
}
.ys .content .ys-ul li{
	position: relative;
	float: right;
	width: 378px;
	height: 125px;
	padding: 0 30px;
	padding-top: 30px;
	cursor: pointer;
	background: rgba(46,49,57,.9); 
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.ys .content .ys-ul li.cur,.ys .content .ys-ul li:hover{
	width: 502px;
	padding-left: 154px;
	background:url(Img/Index/ys_icon1.png) #1143a0 no-repeat 32px center; 
	border-radius: 78px 0 0 78px;
}
.ys .content .ys-ul li.no{
	border: 0;
}
.ys .content .ys-ul li h4{
	font-size: 20px;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}
.ys .content .ys-ul li p{
	font-size: 15px;
	line-height: 18px;
	color: rgba(255,255,255,.5);
}
.ys .ys-item{
	height: 626px;
}
.ys .ys-item .item{
	height: auto;
	/*display: none;*/
}
.ys .ys-item .item img{
	display: block;
	width: 100%;
	height: auto;
}
.ys .ys-item .item1{
	display: block;
}


.case{
	padding: 80px 0;
	overflow:hidden;
}
.case .case-min{
	position: relative;
	background:url(Img/Index/case_bgs.jpg) no-repeat center top; 
}
.case-content
{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.case .case-min .item1{
	margin: 0 auto;
}
.case .case-min .item{
	width: 1200px;
}
.case .case-min .item dl{
	width: 1200px;
	height: 754px;
	/*background:url(Img/Index/case_br.jpg) no-repeat center bottom;*/ 
}
.case .case-min .item dl dt{
	width: 1200px;
	height: auto;
	margin-bottom: 30px;
}
.case .case-min .item dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.case .case-min .item dl dd h5{
	margin-bottom: 20px;
}
.case .case-min .item dl dd h5 b{
	display: block;
	font-size: 30px;
	color: #2e3139;
	line-height: 1;
	margin-bottom: 6px;
}
.case .case-min .item dl dd h5 span{
	font-size: 12px;
	color: #9b9b9b;
	font-weight: normal;
	line-height: 1;
}
.case .case-min .item dl dd p{
	width: 824px;
	font-size: 15px;
	line-height: 20px;
	color: #353944;
}

.case .case-min .btns1,.case .case-min .btns2{
	position: absolute;
	top: 636px;
	left: 50%;
	width: 41px;
	height: 41px;
	cursor: pointer;
}
.case .case-min .btns1 img,.case .case-min .btns2 img{
	display: block;
	width: 100%;
	height: auto;
}
.case .case-min .btns1{
	margin-left: 500px;
}
.case .case-min .btns2{
	margin-left: 560px;
}

.wd{
}
.wd .wd-min{
	position: relative;
}
.wd .wd-min .wd-item{
	height: 820px;
}
.wd .wd-min .wd-ul{
	position: absolute;
	top: 466px;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
	z-index: 22;
}
.wd .wd-min .wd-ul li{
	position: relative;
	z-index: 2;
	float: left;
	width: 252px;
	height: 252px;
	padding-top: 52px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.5);
	cursor: pointer;
	text-align: center;
	margin-left: -16px;
}
.wd .wd-min .wd-ul li span{
	display: block;
	font-size: 30px;
	color: #fff;
	line-height: 1;
	margin-bottom: 12px;
}
.wd .wd-min .wd-ul li h6{
	font-size: 40px;
	color: #8FC31F;
	line-height: 1;
	margin-bottom: 10px;
}
.wd .wd-min .wd-ul li i{
	display: block;
	font-size: 12px;
	line-height: 1;
	color: rgba(255,255,255,.4);
	margin-bottom: 26px;
}
.wd .wd-min .wd-ul li b{
	font-size: 72px;
	line-height: 1;
	color: rgba(255,255,255,.4);
}
.wd .wd-min .wd-ul li.cur{
	z-index: 999;
	background: #1E2327;
	border-color: #1E2327;
}
.wd-item-form{
	height: 820px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	z-index: 2;
	width: 100%;
}
.wd .wd-min .wd-item .item{
	height: 820px;
	padding-top: 190px;
	box-sizing: border-box
}
.wd-msg{
	position: absolute;
	left: 0;
	right: 0;
	top: 180px;
	z-index: 22;
}
.wd-msg .txt{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.wd-msg .txt h3{
	font-size: 30px;
	color: #fff;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 32px;
}
.wd-msg .txt p{
	font-size: 15px;
	color: rgba(255,255,255,.7);
	line-height: 24px;
}
.wd .wd-min .wd-item .item1{
	background:url(Img/Index/wd_img1.jpg) no-repeat center top; 
}
.wd .wd-min .wd-item .item2{
	background:url(Img/Index/wd_img2.jpg) no-repeat center top; 
}
.wd .wd-min .wd-item .item3{
	background:url(Img/Index/wd_img3.jpg) no-repeat center top; 
}
.wd .wd-min .wd-item .item4{
	background:url(Img/Index/wd_img4.jpg) no-repeat center top; 
}
.wd .wd-min .wd-item .item5{
	background:url(Img/Index/wd_img5.jpg) no-repeat center top; 
}


.hz{
	height: 865px;
	padding-top: 120px;
	box-sizing: border-box;
	background:url(Img/Index/hz_bg.jpg) no-repeat center top; 
}
.hz .hz-bt{
	width: 406px;
	margin-bottom: 34px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.hz .hz-bt i{
	display: block;
	font-size: 72px;
	color: #2e3139;
	font-weight: normal;
	line-height: 64px;
	margin-bottom: 12px;
}
.hz .hz-bt span{
	display: block;
	font-size: 48px;
	color: #2e3139;
	font-weight: normal;
}
.hz .hz-bt span b{
	color: #8FC31F;
}
.hz .list{
	width: 560px;
	overflow: hidden;
	margin-bottom: 44px;
}
.hz .list li{
	float: left;
	width: 214px;
	height: 66px;
	margin: 0 60px 6px 0;
	transition: all ease .6s;
}
.hz .list li:hover{
	transform: translateY(-6px);
}
.hz .list li img{
	display: block;
	width: 100%;
	height: auto;
}
.hz .more a{
	display: block;
	width: 210px;
	height: 52px;
	line-height: 52px;
	color: #8FC31F;
	font-size: 15px;
	padding-left: 25px;
	box-sizing: border-box;
	background: #1E2327;
	border-radius: 0 36px 36px 0;
	background:url(Img/Index/solution_icon.png) #1E2327 no-repeat 172px center; 
}

.about-bj{
	background:url(Img/Index/about_bg.jpg) no-repeat center top; 
}
.about-bj a
{
    display: block;
	width: 100%;
	height:932px;
}
.about .about-min{
	background: #2e3139;

}
.about .about-l{
	float: left;
	width: 400px;
	height: 196px;
	padding: 30px 0 0 48px;
	box-sizing: border-box;
	background: #8FC31F;
}
.about .about-l span{
	display: block;
	width: 290px;
	height: 58px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	background:url(Img/Index/about_icon.png) no-repeat top right; 
	border-bottom: 4px solid #fff;
}
.about .about-l h5{
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	color: #fff;
}
.about .about-l h5 a
{
    color: #fff;
}
.about .about-l h5 b{
	display: block;
	margin-bottom: 6px;
	font-size: 32px;
}
.about .about-list{
	float: right;
	width: 732px;
	overflow: hidden;
	margin-top: 20px;
}
.about .about-list li{
	float: left;
	width: 150px;
	text-align: center;
	cursor: pointer;
	margin-right: 44px;
}
.about .about-list li:hover span{
	transform: rotate(360deg);
}
.about .about-list li span{
	display: block;
	width: 105px;
	height: 105px;
	border-radius: 50%;
	transition: all ease .6s;
	border: 2px solid #fff;
	margin: 0 auto 14px;
}
.about .about-list li.li1 span{
	background:url(Img/Index/about_icon1.png) no-repeat center center; 
}
.about .about-list li.li2 span{
	background:url(Img/Index/about_icon2.png) no-repeat center center; 
}
.about .about-list li.li3 span{
	background:url(Img/Index/about_icon3.png) no-repeat center center; 
}
.about .about-list li.li4 span{
	background:url(Img/Index/about_icon4.png) no-repeat center center; 
}
.about .about-list li p{
	font-size: 15px;
	color: #fff;
	line-height: 1;
	margin-bottom: 6px;
}
.about .about-list li i{
	font-size: 12px;
	color: #868a96;
	line-height: 1;
}
.about .about-list .li1.cur span{
	background:url(Img/Index/about_icons1.png) #fff no-repeat center center; 
	
}
.about .about-list .li2.cur span{
	background:url(Img/Index/about_icons2.png) #fff no-repeat center center; 
	
}
.about .about-list .li3.cur span{
	background:url(Img/Index/about_icons3.png) #fff no-repeat center center; 
	
}
.about .about-list .li4.cur span{
	background:url(Img/Index/about_icons4.png) #fff no-repeat center center; 
	
}
.about .about-list li.li4{
	margin: 0;
}