/*整体开始*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } /*为了照顾ie6 链接图片有边框*/
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body {font-size:12px; color:#000;font-family:"微软雅黑";}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { clear: both; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }

img {
max-width: 100%;
height: auto;
width: auto;
}
.le{
    float: left;
}
.ri{
    float: right;
}
.dis{
    display: none;
}
video embed, video object, video iframe {
width: 100%;
height: auto;
}
		*{
			margin:0;
			padding:0;
		}
		div{
			display:block;
		}
		body{
    		font-family: "Microsoft Yahei", "Arial", "Helvetica", "sans-serif";

		}
		html{
			color:#666;
		}
		html,body{
			width: 100%;

}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	overflow-x: auto;
	overflow-y: auto;
}
/*轮播图开始*/
		.header{
			width: 100%;
			height: 80px;
			background: transparent;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 20;
		}
		.slider{
			width:100%;
			height:80px;
			position: relative;
			z-index: 1;
		}
		.top{
			width:100%;
			height: 80px;
		}
		.top-1{
			height: 80px;
			overflow: hidden;
			border-bottom: 1px solid #646464;
		}
		.top-1 .logo{
			width: 20.7vw;
			height: 80px;
			padding: 15px 0;
			float:left;
			display: inline;
			margin-left: 3.125vw;
		}
		a{
			outline: none;
			font-weight: lighter;
			color:#fff;
		}
		.logo .logo1{
			width: 550px;
			 height: 51px;
			display: block;
			background:url(../img/toplogo.png) no-repeat;
		}
		.top-1 ul{
			list-style: none;
    		margin: 0;
    		padding: 0;
		}
		.top-1 .subnav{
			width: 670px;
			height: 80px;
			overflow: hidden;
			float: left;
			margin-left: 12.5vw;
		}
		.applyBox{
			float: right;
			width: 143px;
			height: 80px;
			background: #8ec246;
			cursor: pointer;
		}
		.applyBox p{
			color: white;
			margin-top: 20px;
			float: left;
			margin-left: 10px;
		}
		.applyIcon{
			background:url(../img/index/apl.png) no-repeat;
			width: 32px;
			height: 30px;
			float: left;
			margin-top: 20px;
			margin-left: 25px;
		}
		.subnav .subnav1{
			display: inline;
    		overflow: hidden;
		}

		.subnav1 > li > a {
    		display: block;
    		padding: 0 20px;
    		font-size: 14px;
    		line-height: 80px;
    		float: left;
    	}
    	.subnav1 > li > a:hover{
    		color: #8ec246;  /*12.19改*/
    	}
    	.subnav1 .subnav1-1{
    		background: url(../img/shouye/member.png) no-repeat center left 5px;
    		margin-left: 20px;
    	}
    	a{
    		font-weight: lighter;
    		text-decoration: none;
    		outline:none;
    	}
    	.sousuo{
    		width: 83px;
    		height: 78px;
    		float: left;
    		background: url(../img/index/search.png) no-repeat center;
			padding-left: 20px;
			cursor: pointer;
    	}
		.tel{
			width: 183px;
			height: 78px;
			float: left;
			background: url(../img/tel.png) no-repeat left;
			padding-left: 35px;
			margin-left: 20px;
			cursor: pointer;
		}
		.sousuo p{
			float: right;
			color: #aeaeae;
			line-height: 78px;
			font-size: 14px;
		}
		.tel p{
			float: left;
			line-height: 78px;
			font-size: 22px;
			font-family: "Century Gothic";
			color: rgb(142, 194, 70);
		}
		.search-from{
			width:18%; /*12.19改*/
			height:100%;
			position: absolute;
			left:46.5%;  /*12.19改*/
			top:0;
			-webkit-box-sizing: border-box;
			opacity: 1;
    		z-index: 999;
    		transition:all 0.6s;
    		display: none;
		}
		.search-from .from-search{
			height: 38px;
    		width: 38px;
    		background: url(../img/shouye/search.png) no-repeat center;
    		top: 22px;
    		left: 20px;
    		position: absolute;
    		z-index: 999;
    		outline: none;
    		border: none;
		}
		.tel{
			float: left;
		}
		.close{
			left: 16.85vw;
    		position: absolute;
    		z-index: 3;
    		width: 44px;
    		height: 44px;
    		line-height:44px;
    		text-align:center;
    		top: 16px;
    		opacity: 1;
    		color: #fff;
    		font-size:24px;
    		font-weight:normal;
    		cursor: pointer;
    		display: none;
		}
		.close .close-wraper{
			display: block;
    		width: 100%;
    		height: 100%;
		}
		.nav .close .close-wraper .close-left{
			height: 18px;
    		width: 1px;
    		position: absolute;
    		display: block;
    		top: 11px;
    		z-index: 1;
    		right:12px;
    		transform-origin: 0 100%;
		}
		.nav .close .close-wraper .close-right{
			height: 18px;
    		width: 1px;
    		position: absolute;
    		display: block;
    		top: 11px;
    		z-index: 1;
    		right:12px;
    		transform-origin: 0 100%;
		}
		.search-from input{
			width: 100%;  /*12.19改*/
    		height: 36px;
    		border: 1px solid #e6e6e6;
    		background: none;
    		margin-top: 22px;
    		border-radius: 6px;
    		padding-left: 35px;
    		color: #666;
    		box-sizing: border-box;
    		-webkit-box-sizing: border-box;
    		margin-left: 20px;
    		position: absolute;
		}

/*center1开始*/
		.wrap{
			width:100%;
			height:100%;
			position: fixed;
			top:0;
			padding-top: 80px;
			z-index: 19;
		}
		.wrap .box{
			width:100%;
			height:100%;
		}
		.center1{
			/*width:100%;*/
			height:100%;
			/*background:url(../img/jiameng/jiameng1.jpg) 100% 100% no-repeat;*/
			position:relative;
		}
		.center1 .center1-top{
			width:1200px;
			height:22px;
			line-height:22px;
			position:relative;
			top:40px;
			padding:0 340px;
			margin:0 auto;
		}
		.center1-top .center1-top1{
			width:1200px;
			height:22px;
			list-style:none;
			overflow:hidden;
		}
		.center1-top1 li{
			margin-right:20px;
			color: #fff;
    		opacity: 0.8;
    		float:left;
    		font-size:12px;
		}
		.center1-top1 .pinpai{
			line-height:16px;
			font-weight:bold;
		}
		.center1 .center1-bottom{
			width:600px;
			height:300px;
			position: absolute;
    		top: 33%;
    		left: 50%;
    		font-size: 14px;
    		color: #fff;
    		opacity: 0.9;
    		overflow:hidden;
			margin-left: -300px;
		}
		.highHead .center1-bottom{
			top: 31%;
			left: 24%;
			width: 1000px;
			height: 600px;
		}
		.center1-bottom .zhengce1{
			width:600px;
			height:32px;
			position:relative;
			top:0;
			opacity:1;
			transition:all 1s linear 0s;
			text-align: center;
		}
		.highHead .center1-bottom .zhengce1{
			text-align: left;
			margin-top: 10px;
		}
		.comeout .center1-bottom .zhengce1{
			top:100px;
			opacity:0;
		}
		.zhengce1 .zhengce1-1{
    		font-size: 20px;
			font-family: "Arial Narrow";
			color: rgb(142, 194, 70);
			text-transform: uppercase;
		}
		.center1-bottom .zhengce2{
			font-family: "Microsoft YaHei";
			width:600px;
			height:70px;
			margin:5px 0;
			font-size:36px;
			position:relative;
			top:0;
			opacity:1;
			transition:all 1s linear 0.5s;
			text-align: center;
			font-weight: normal;
		}
		.highHead .center1-bottom .zhengce2{
			text-align: left;
			height: auto;
			width: 900px;
		}
.highHead .center1-bottom .zhengce3{
	margin-top: 45px;
	line-height: 36px;
}
.highHead .wbBtn{
	border-radius: 2px;
	width: 123px;
	height: 43px;
	background-color: rgb(142, 194, 70);
	text-align: center;
	line-height: 43px;
	margin-top: 40px;
	cursor: pointer;
}
.highHead .headList{
	margin-top: 170px;
	color: #fff;
	font-size: 20px;
}
.highHead .headList span{
	margin-right: 60px;
}
.wbTitle h1{
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #272727;
	padding-top: 60px;
}
.wbTitle h2{
	font-family: "Arial";
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #848484;
	padding-top: 10px;
}
.serviceBox h1{
	font-size: 46px;
	font-family: "Roboto";
	color: #313131;
	text-align: left;
	padding-top: 58px;
	margin-left: 40px;
}
.serviceBox h2{
	font-size: 24px;
	color: #313131;
	text-align: left;
	margin-left: 40px;
	padding-top: 15px;
}

.serviceBox .botLine{
	width: 40px;
	margin-left: 40px;
	background: #313131;
	height: 1px;
	margin-top: 15px;
}

.serviceBox p{
	font-size: 14px;
	color: #272727;
	text-align: left;
	margin-left: 40px;
	margin-top: 30px;
	width: 416px;
}

.mts1r h1{
	font-size: 46px;
	font-family: "Roboto";
	color: #313131;
	text-align: left;
	padding-top: 90px;
	margin-left: 100px;
}
.mts1r h2{
	font-size: 24px;
	color: #313131;
	text-align: left;
	margin-left: 100px;
	padding-top: 15px;
}

.mts1r .botLine{
	width: 40px;
	margin-left: 100px;
	background: #313131;
	height: 1px;
	margin-top: 15px;
}

.mts1r p{
	font-size: 14px;
	color: #272727;
	text-align: left;
	margin-left: 100px;
	margin-top: 30px;
	width: 516px;
	line-height: 26px;
}

.mts2 h1{
	font-size: 46px;
	font-family: "Roboto";
	color: #fff;
	text-align: left;
	padding-top: 520px;
	margin-left: 100px;
}
.mts2 h2{
	font-size: 24px;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	padding-top: 15px;
}

.mts2 .botLine{
	width: 40px;
	margin-left: 100px;
	background: #fff;
	height: 1px;
	margin-top: 15px;
}

.mts2 p{
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	margin-top: 30px;
	width: 516px;
	line-height: 26px;
}

.mts3 h1{
	font-size: 46px;
	font-family: "Roboto";
	color: #fff;
	text-align: left;
	padding-top: 90px;
	margin-left: 100px;
}
.mts3 h2{
	font-size: 24px;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	padding-top: 15px;
}

.mts3 .botLine{
	width: 40px;
	margin-left: 100px;
	background: #fff;
	height: 1px;
	margin-top: 15px;
}

.mts3 p{
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin-left: 100px;
	margin-top: 30px;
	width: 380px;
	line-height: 26px;
}

.mts4 h1{
	font-size: 46px;
	font-family: "Roboto";
	color: #8ec246;
	text-align: left;
	padding-top: 90px;
	margin-left: 100px;
}
.mts4 h2{
	font-size: 24px;
	color: #8ec246;
	text-align: left;
	margin-left: 100px;
	padding-top: 15px;
}

.mts4 .botLine{
	width: 40px;
	margin-left: 100px;
	background: #8ec246;
	height: 1px;
	margin-top: 15px;
}

.mts4 p{
	font-size: 14px;
	color: #272727;
	text-align: left;
	margin-left: 100px;
	margin-top: 30px;
	width: 350px;
	line-height: 26px;
}

.serviceBox{
	width: 515px;
	height: 340px;
	background-color: #fff;
	float: left;
	margin: 13px;
}

.serBigBox{
	width: 1626px;  /*12.16改*/
	margin: 0 auto;
	padding: 40px 0 70px 0;
}

.caseBox{
	width: 1626px;
	margin: 0 auto;
	padding: 40px 0 70px 0;
}

.caseBox .case{
	width: 515px;
	height: 443px;
	background-color: #fff;
	float: left;
	margin: 13px;
	position: relative;
}

.caseBox .case img{
	width: 100%;
	height: auto;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.caseText{
	border: 1px solid #dcdcdc;
	border-top: none;
	background-color: #fff;
}

.caseBox .caseText h1{
	font-size: 14px;
	color: #151515;
	padding-top: 20px;
	padding-left: 20px;
	font-weight: bold;
}

.caseBox .caseBtn{
	background-color: #eeeeee;
	color: #151515;
	line-height: 30px;
	float: left;
	width: 98px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	margin: 15px 0 20px 20px;
}

.bgeee{
	background-color: #eee;
}

.bg303{
	background-color: #303030;
}

.bg303 h1{
	color: white;
}

.advBox .adv img{
	width: 71px;
	margin: 0 auto;
}

.advBox .adv{
	width: 400px;
	float: left;
}

.advBox .adv h1{
	font-size: 24px;
	color: #1c1c1c;
	text-align: center;
	margin: 25px 0;
}

.advBox .adv p{
	font-size: 14px;
	color: #444444;
	text-align: center;
}

.mcBox .adv{
	width: 320px;
}

.mtBox .adv{
	width: 533.3px;
}

.mcBox .adv h2{
	font-size: 16px;
	color: #1c1c1c;
	text-align: center;
	margin: 15px 0;
	font-weight: bold;
}

.mcBox .adv p{
	font-size: 14px;
	color: #7a7a7a;
	text-align: center;
}

.advBox{
	width: 1600px;
	margin: 0 auto;
	padding: 60px 0;
}

.mcBox{
	padding: 110px 0 60px;
}

.products-high .psPhone{
	margin-top: 0;
}
		.center1-bottom .zhengce3{
			font-size:20px;
			font-weight: normal;
			opacity: 0.8;
			text-align: center;
		}

		.comeout .center1-bottom .zhengce2{
			top:100px;
			opacity:0;
		}
		.comeout .zhengce3-right{
			top:200px;
			opacity:0;
		}
		.zhengce3-right .zhengce3-right1{
			height:22px;
			line-height:22px;
			font-size:24px;
		}
		.zhengce3-right .zhengce3-right2{
			font-size:14px;
			height:22px;
			line-height:22px;
		}
/*第二面开始*/
		.center2{
			width:100%;
			height:100%;
			position:relative;
		}
		.center2 .center2-1{
			width:640px;
			height:328px;
			position: absolute;
    		top: 2%;
    		left: 6%;
    		font-size: 14px;
    		color: #fff;
    		opacity: 0.9;
    		overflow:hidden;
		}
        .center2-1 .buzhou1 h3:nth-child(2){
            font-size: 20px;
            height: 30px;
        }
        .center2-1 .buzhou1 h3{
            height: 45px;
        }
        .psText{
            width: 61.45vw;
            height: 560px;
            position: absolute;
            left: 0;
            top: 19%;
            background-color: white;
        }
		.psImg{
			width: 38.55vw;
			height: 100vh;
			position: absolute;
			right: 0;
			top: 0;
			background-color: #202020;
		}
        .psLeft{
            margin-left: 8.85vw;
            margin-top: 67px;
            width: 240px;
            border-right: 1px solid #dbdbdb;
            float: left;
			opacity: 1;
			transition:all 0.8s linear 0.5s;
        }
		.comeout .psLeft{
			margin-top: 87px;
			opacity: 0;
		}
        .psLeft li{
            margin-bottom: 51px;
            height: 25px;
            padding-left: 45px;
            font-size: 16px;
            line-height: 25px;
            color: #3a3e40;
			cursor: pointer;
        }
        .psLeft .gd{
            background: url(../img/psl1.png) no-repeat left ;
        }
        .psLeft .yd{
            background: url(../img/psl2.png) no-repeat left ;
            height: 29px;
            line-height: 29px;
        }
        .psLeft .xm{
            background: url(../img/psl3.png) no-repeat left ;
            height: 28px;
            line-height: 28px;
        }
        .psLeft .rm{
            background: url(../img/psl4.png) no-repeat left ;
        }
        .psLeft .yq{
            background: url(../img/psl5.png) no-repeat left ;
            height: 27px;
        }
        .psLeft .jh{
            background: url(../img/psl6.png) no-repeat left ;
            height: 29px;
            line-height: 29px;
        }
        .psRight{
            float: left;
            width: 35vw;
			margin-top: 60px;
			margin-left: 50px;
			transition:all 0.8s linear 0.5s;
			opacity: 1;
		}
		.comeout .psRight{
			margin-top: 80px;
			opacity: 0;
		}
		.psRight h1{
			font-size: 24px;
			color: rgb(25, 25, 25);
			font-weight: bold;
		}
		.psRight h2{
			font-family: "Arial";
			font-size: 18px;
			color: #8ec246;
			margin: 5px 0 20px 0;
		}
		.psRight .pt{
			font-size: 14px;
			line-height: 1.9;
			color: rgb(146, 146, 146);
			text-indent: 2em;
		}
		.psIco{
			width: 4.68vw;
			float: left;
			margin-right: 130px;
			margin-top: 50px;
		}
		.psIco img{
			margin:0 auto;
		}
		.psIco p{
			width: 4.68vw;
			text-align: center;
			margin-top: 8px;
		}
		.psMore{
			background: url(../img/psmore.png) no-repeat left ;
			width: 74px;
			height: 74px;
			position: absolute;
			left: 0;
			top: 69.1%;
			cursor: pointer;
		}
		.psImg img{
			margin-top: 166px;
			margin-left: 62px;
		}
		.psImg h2{
			font-family: "Arial";
			font-size: 32px;
			color: #8ec246;
			margin: 50px auto;
			display: block;
			width: 400px;
			text-align: center;
		}

/*第三面开始*/
		.center3{
			width:100%;
			height:100%;

			position:relative;
		}
		.center3 .center3-1{
			width:470px;
			height:140px;
			left: 6%;
    		font-size: 14px;
    		color: #fff;
    		opacity: 0.9;
    		position:absolute;
    		top:5%;
		}
		.center3-1 .buzhou1{
			width:470px;
			height:98px;
		}
		.buzhou1 h3{
			width:470px;
			height:60px;
			line-height:60px;
			font-size: 36px;
    		font-weight: 100;
    		color: #fff;
    		opacity: 1;
			position:relative;
			top:0;
			transition:all 0.8s linear 0.5s;
		}
		.comeout .buzhou1 h3{
			top:40px;
			opacity:0;
		}
		.buzhou1 p{
			width:60px;
			height:22px;
			opacity: 0.6;
			font-size: 20px;
			position:relative;
			top:0;
			transition:all 1s linear 1s;
            border-bottom: 2px solid #fff;
            padding-bottom: 20px;
		}
		.comeout .buzhou1 p{
			top:40px;
			opacity:0;
		}
		.soList{
			position: absolute;
			left: 6%;
			top: 22%;
			transition: all 0.8s linear 0.5s;
			opacity: 1;
		}
		.comeout .soList{
			opacity: 0;
			top: 23%;
		}
		.soList li{
			color: white;
			margin: 38px 0;
			font-size: 14px;
		}
		.soList li:hover{
			color: #8ec246;
			cursor: pointer;
		}
		.soList .more{
			background: url(../img/more.png) no-repeat;
			height: 31px;
			padding-left: 40px;
			color: white;
			font-size: 14px;
			margin-top: 70px;
			line-height: 31px;
			cursor: pointer;
		}
		.soRight{
			width: 1568px;
			height: 676px;
			position: absolute;
			right: 0;
			top: 6%;
		}
		.soImg,.soBox{
			margin: 2px;
			float: right;
			position: relative;
		}
		.side img{
			width: 388px;
		}
		.boxImg,.soBox{
			width: 388px;
			height: 336px;
		}
		.side8{
			width: 388px;
			height: 336px;
			background-color: rgba(0,0,0,0.5);
		}
		.soT{
			background-color:rgba(0,0,0,0.6);
			color: white;
			text-align: center;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 37px;
			line-height: 37px;
		}
/*第四面开始*/
		.center4{
			width:100%;
			height:100%;
			position:relative;
		}
		.center4 .center4-1{
			width:470px;
			height:140px;
			left: 6%;
    		font-size: 14px;
    		color: #fff;
    		opacity: 0.9;
    		position:absolute;
    		top:5%;
		}
		.center4-1 .tit{
			width:470px;
			height:35px;
			line-height:35px;
			opacity: 0.6;
			position:relative;
			top:0;
			transition:all 1s linear 0s;
		}
		.comeout .center4-1 .tit{
			top:150px;
			opacity:0;
		}
        .newList{
            position: absolute;
            left: 6%;
            top: 22%;
			transition:all 0.8s linear 0.5s;
			opacity: 1;
        }
		.comeout .newList{
			top: 23%;
			opacity: 0;
		}
        .newList li{
            color: white;
            margin: 38px 0;
            font-size: 14px;
        }
        .newList li:hover{
            color: #8ec246;
            cursor: pointer;
        }
        .newList .more{
            background: url(../img/more.png) no-repeat;
            height: 31px;
            padding-left: 40px;
            color: white;
            font-size: 14px;
            margin-top: 70px;
            line-height: 31px;
        }
        .newBox{
            position: absolute;
            right: 0;
            top: 20%;
            width: 1300px;
            height: 486px;
            background-color: white;
			opacity: 1;
			transition:all 0.8s linear 0s;
        }
		.newMove{
			top: 15%;
			opacity: 0;
		}
        .le130{
            left: -1300px;
        }
        .newList ul .active,.soList ul .active,.psLeft .active{
            color: #8ec246;
        }
        .newBox img{
            width: 424px;
            height: 318px;
            float: left;
            margin-top: 84px;
            margin-left: 46px;
        }
        .newsText{
            margin-top: 105px;
            margin-left: 66px;
            float: left;
            width: 610px;
        }
        .newsText h1{
            font-size: 20px;
            color: rgb(25, 25, 25);
            font-weight: bold;
        }
        .newsText h2{
            font-family: "Arial";
            font-size: 16px;
            color: rgb(159, 160, 160);
            margin: 17px 0 20px 0;
        }
        .newsText p{
            font-size: 14px;
            line-height: 1.9;
            color: rgb(72, 72, 72);
            text-indent: 2em;
        }
        .newMore{
            margin-top: 60px;
        }
		.newContent{
			margin-top: 0;
			opacity: 1;
			transition: all 0.8s linear 0.5s;
		}
		.comeout .newContent{
			opacity: 0;
			margin-top: 20px;
		}
/*第五面开始*/
        .numBox{
            width: 1600px;
            margin: 0 auto;
            margin-top: 50px;
        }
        .numSty,.numPlus{
            font-size: 50px;
            color: white;
            font-weight: bold;
            text-align: center;
            float: left;
        }
		.center5{
			width:100%;
			height:100%;
			position:relative;
		}
        .numBox .num:nth-child(1){
            margin-left: 0;
        }
        .num{
            float: left;
            margin-left: 170px;
            width: 180px;
        }
        .mAuto{
            margin: 0 auto;
            width: 140px;
        }
        .num p{
            font-size: 16px;
            text-align: center;
            clear: both;
        }
		.center5 .center5-1{
			width:470px;
			height:140px;
			left: 6%;
    		font-size: 14px;
    		color: #fff;
    		opacity: 0.9;
    		position:absolute;
    		top: 5%;
		}
		.center5-1 .tit{
			width:470px;
			height:35px;
			line-height:35px;
			opacity: 0.6;
			position:relative;
			top:0;
			transition:all 1s linear 0s;
		}
		.comeout .center5-1 .tit{
			top:150px;
			opacity:0;
		}

/*右边导航开始*/
.nav{
	width: 6px;
	height: auto;
	position: fixed;
	right: 20px;
	top: 50%;
	margin-top: -52.5px;
	z-index: 10000;
}
.nav ul{
	width: 100%;
    height: auto;
}
.nav li{
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #928f91;
    display: block;
    margin-bottom:15px;
    cursor: pointer;
	position: relative;
}
.nav .current{
	background: #fefefe;
}
.nav li span{
	width: 76px;
	height: 19px;
	font-size: 13px;
    line-height: 14px;
    color: #fefefe;
    position:absolute;
    left:-84px;
    float: left;
}

	/*bottom开始*/
		.bottom{
			width:100vw;  /*12.16 改*/
			height: 339px;
			position:unset;
			left: 0;
			bottom: 80px;
			box-sizing: border-box;
			background-color: #23272b;
		}
		.bottom2{
			height: 147px;
			background-color: white;
		}
        .logoBox{
            width: 1600px;
            margin: 0 auto;
            padding-top: 60px;
        }
        .logoBox img{
            margin: 0 42px;
            float: left;
        }
		.bottom .bottom1{
			width: 1600px;
			height: 271px;
			margin: 0 auto;
		}
		.bottom1 .bottom1-top{
			width: 1600px;
			height: 230px;
			padding-bottom: 50px;
			border-bottom: 1px solid #666;
			overflow: hidden;
			}
		.bottom1-top .bottom1-top-left{
			height: 230px;
			float: left;
			overflow: hidden;		
		}
		.bottom1-top-left .bottom1-top-left1{
			list-style: none;
		}
        .ml60{
            margin-left: 60px;
        }
/*人才招募开始*/
		.bottom1-top-left1 .rencai{
			float: left;
			list-style: none;
		}
		.rencai .rencai1{
			height: 24px;
			margin-bottom: 40px;
			color: #aeaeae;
			font-size: 14px;
			font-weight: normal;
			text-align:left;
            border-bottom: 1px solid #666;
            margin-top: 33px;
            padding-bottom: 13px;
		}
		.rencai .rencai2{
			height: 24px;
			text-align:left;
            margin: 5px 0;
		}
        .rencai .mb30{
            margin-bottom: 30px;
        }
        .mt35{
            margin-top: -20px;
        }
        .rencai .w300{
            width: 300px;
        }
        .w300{
            width: 300px;
        }
        .w200{
            width: 200px;
        }
        .h60{
            height: 60px;
            margin-left: 0;
        }
        .workDay{
            float: left;
            color: #aeaeae;
            margin-left: 35px;
            margin-top: -10px;
        }
        .h60 p{
            line-height: 60px;
        }
		.rencai .rencai2 a{
			font-weight: lighter;
			text-decoration: none;
			outline: none;
			color: #aeaeae;
			font-size:14px;
		}
		.rencai .rencai2 a:hover{
			color: #b40a0a;
		}
        .linkBox{
            float: left;
        }
        .ml30{
            margin-left: 67px;
        }
        .address{
            float: left;
            color: #aeaeae;
            font-size:14px;
            margin-top: 20px;
        }
        .address p{
            padding-left: 35px;
        }
        .addressIco{
            background:url(../img/address.png) no-repeat;
            width: 18px;
            height: 19px;
            float: left;
            margin-right: 10px;
        }
        .maText{
            color: #aeaeae;
            width: 50px;
            line-height: 22px;
            margin-right: 20px
        }
/*bottom右边开始*/
		.bottom1-top .bottom1-top-right{
			width: 233px;
			height: 140px;
			float: right;
		}
		.bottom1-top-right .kefu{
			width: 233px;
			height: 32px;
			margin-bottom: 30px;
		}
/*最下面开始*/
		.bottom .bottom1-bottom{
			width: 100%;
			margin-top:12px;
			}
		.bottom1-bottom .bottom-left{
			height: 22px;
			float: left;
			display: inline;
			overflow: hidden;
			font-size: 12px;
		}
		.bottom-left span{
			font-weight: normal;
			color: #999;
			line-height: 22px;
			float: left;
		}
		.bottom-left .banquan{
			display: block;
			padding:0 60px 0 26px;
		}
		.bottom1-bottom .bottom-right{
			width: 252px;
			height: 24px;
			float: right;
			display: inline;
			overflow: hidden;
		}
		.bottom-right span .tousu{
			color: #999;
			line-height: 21px;
			text-decoration: none;
			font-weight: lighter;
			font-size: 14px;
		}
		.bottom-right span{
			float: left;
		}
		.bottom-right .shu{
			color: #999;
			font-weight: normal;
			display: block;
			padding: 0 10px;
		}
		.bottom-right .falv{
			color: #999;
			line-height: 20px;
			text-decoration: none;
			font-weight: lighter;
			font-size: 14px;
		}
		.bottom-right .zhongguo{
			margin-left: 55px;
			display: block;
			width: 31px;
			padding-left: 20px;
			height: 20px;
			background:url(../img/shouye/china.png) no-repeat left center;
			line-height: 20px;
			text-align: center;
			font-size: 14px;
			color:#999;
		}
		.bg{
			background:url(../img/bg.jpg) no-repeat left center;
			width: 1920px;
			height: 980px;
		}
		.colorBg{
			background-color: rgba(0,0,0,0.4);
			width: 1920px;
			height: 980px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 11;
			margin-top: 81px;
		}
		.xiala{
			background:url(../img/xiahua.png) no-repeat left center;
			width: 47px;
			height: 82px;
			position: fixed;
			left: 50%;
			margin-left: -23.5px;
			bottom: 5%;
		}
		.header-m{
			display: none;
		}
		.phone{
			display: none;
		}
		.head{
			
		background:url(../img/products/headBg.jpg) no-repeat center center;
		background-size: cover;
		height: 927px;
		
}
.highHead{
	background:url(../img/products/highBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
.products-design .highHead{
	background:url(../img/products/mcBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
.products-media .highHead{
	background:url(../img/products/meBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
.products-mobile .highHead{
	background:url(../img/products/mtsBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
.products-mts .highHead{
	background:url(../img/products/mtBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
.products-yq .highHead{
	background:url(../img/products/yqBg.jpg) no-repeat center center;
	width: 1920px;
	height: 927px;
}
		.psNav{
			background:url(../img/products/navBg.jpg) no-repeat center center;
			width: 1600px;
			height: 598px;
			margin: 50px auto 0;
		}
		.products-mts .psNav{
			margin-top: 0;
		}

		.mtsNav{
			padding: 60px 0 60px;
		}
.products-yq .highHead .center1-bottom .zhengce2{
	width: 1000px;
}

.products-yq .highHead .center1-bottom{
	top: 27%;
}

.voice_2 { width: 1600px; position: relative; left: 0; margin-left: 0;}
.voice_2 ul li { float: left; display: inline; height: 598px; color: #fff; cursor: pointer; position: relative;}
.voice_2 ul li.li1 { background: transparent}
.voice_2 ul li.li2 { background: transparent}
.voice_2 ul li.li3 { background: transparent}
.voice_2 ul li.li4 { background: transparent}
.voice_2 ul li.li5 { background: transparent}
.voice_2 ul li.li6 { background: transparent}
.voice_2 ul li.li7 { background: transparent}
.voice_2 ul li.li8 { background: transparent; border: none}
.voice_2 ul li{
	border-right: 1px solid rgba(180,180,180,0.4);
}
.voice_2 .fold h1{
	font-size: 80px;
	font-family: "Roboto";
	color: rgb(142, 194, 70);
	width: 219px;
	text-align: center;
	margin-top: 202px;
}
.voice_2 .fold h2{
	font-size: 18px;
	color: #fff;
	width: 219px;
	text-align: center;
}
.voice_2 .fold .bottomLine{
	width: 40px;
	margin: 0 auto;
	background: #fff;
	height: 1px;
	margin-top: 15px;
}
.voice_2 .unfold h1{
	font-size: 80px;
	font-family: "Roboto";
	color: rgb(142, 194, 70);
	text-align: left;
	margin-top: 40px;
	margin-left: 40px;
}
.voice_2 .unfold h2{
	font-size: 26px;
	color: #fff;
	text-align: left;
	margin-left: 40px;
}
.voice_2 .unfold .bottomLine{
	width: 40px;
	margin-left: 40px;
	background: #fff;
	height: 1px;
	margin-top: 15px;
}
.voice_2 .unfold p{
	font-size: 14px;
	color: #c4c4c4;
	text-align: left;
	margin-left: 40px;
	margin-top: 30px;
	width: 416px;
	overflow: hidden; /*12.10改 ↓*/
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical; /*12.10改 ↑*/
}
.voice_2 .unfold .psList{
	margin-left: 40px;
}
.voice_2 .unfold .psList .psLi{
	float: left;
	width: 230px;
	font-size: 14px;
	margin-top: 30px;
}
.psRi{
	background:url(../img/products/right.png) no-repeat center center;
	width: 51px;
	height: 51px;
	margin-left: 40px;
	margin-top: 30px;
}
.voice_2 .fold { width: 219px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 38px; line-height: 25px;}
.voice_2 .unfold { width: 500px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;}
.voice_2 .unfold dl { margin: 50px 60px 0px 60px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
.voice_2 .unfold dd { font-size: 18px; line-height: 35px;}
.voice_2 .unfold dd b { font-size: 30px; font-weight: normal;}
.voice_2 .unfold dd b a { font-size: 14px; display: inline-block; color: #fff; margin-left: 40px;}

.psPic{
	width: 1600px;
	height: 498px;
	margin: 0 auto;
	margin-top: 10px;
}

.psPicl{
	background:url(../img/products/psl.jpg) no-repeat center center;
	width: 795px;
	height: 498px;
	float: left;
}

.products-design .psPicl{
	background:url(../img/products/mcl.jpg) no-repeat center center;
	width: 795px;
	height: 498px;
	float: left;
}

.psPicr{
	background:url(../img/products/psr.jpg) no-repeat center center;
	width: 795px;
	height: 498px;
	float: right;
}

.products-design .psPicr{
	background:url(../img/products/mcr.jpg) no-repeat center center;
	width: 795px;
	height: 498px;
	float: right;
}

.psPicl h1{
	font-size: 30px;
	font-family: "Microsoft YaHei";
	color: rgb(63, 63, 63);
	line-height: 2;
	margin-left: 73px;
	margin-top: 78px;
	width: 470px;
}

.psPicl p,.psPicr p{
	font-size: 20px;
	margin-left: 73px;
	margin-top: 68px;
	width: 640px;
	color: #fff;
	line-height: 42px;
}

.products-design .psPicl h1{
	color: white;
}

.products-design .psPic{
	margin: 55px auto;
}

.psPicr h1{
	font-size: 30px;
	font-family: "Microsoft YaHei";
	color: #fff;
	line-height: 2;
	margin-left: 73px;
	margin-top: 78px;
	width: 470px;
}

.psPhone{
	background:url(../img/products/psphone.jpg) no-repeat center center;
	background-size: cover;
	width: 100vw; /*12.16改*/
	height: 372px;
	margin: 0 auto;
	margin-top: 119px;
}

.psPhone h1{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 26px;
	padding-top: 100px;
}

.psPhone h2{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding-top: 30px;
}

.psPhoneBox{
	width: 390px;
	margin: 0 auto;
	margin-top: 20px;
}

.phoneSer{
	width: 251px;
	height: 42px;
	float: left;
	border: none;
	background-color: #fff;
	padding-left: 20px;
}

.phoneBtn{
	width: 114px;
	height: 42px;
	float: left;
	border: none;
	background-color: #8ec246;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.psPhoneBox p{
	clear: both;
	color: #b8b8b8;
	padding-top: 20px;
}

.psPhoneBox p span{
	color: #ff0000;
}

.bottom .bottom1 .bottom1-top-left1 .rencai:nth-child(1) .linkBox .rencai2{
	width: 128px;
}

.mcLogo{
	background:url(../img/products/dzy.png) no-repeat center center;
	background-size: contain;
	width: 152px;
	height: 42px;
	display: block;
}

.pmHead{
	background:url(../img/products/pmhead.jpg) no-repeat center center;
	background-size: contain;
	width: 1596px;
	height: 348px;
	margin: 0 auto;
}

.pmHead h1{
	font-size: 32px;
	color: rgb(255, 255, 255);
	margin-left: 100px;
	padding-top: 65px;
}

.pmHead h2{
	font-size: 18px;
	color: rgb(149, 149, 149);
	padding-top: 15px;
	margin-left: 100px;
	text-transform: uppercase;
}

.pmHead p{
	font-size: 18px;
	color: #fff;
	padding-top: 25px;
	margin-left: 100px;
}

.pt70{
	padding-top: 70px;
}

.products-media .serBigBox{
	padding: 20px 0 53px 0;
}

.mccBox{
	width: 1600px;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 80px;
}

.mcc{
	width: 320px;
	float: left;
	position: relative;
	cursor: pointer;
}

.mcc1{
	background:url(../img/products/mcg1.png) no-repeat center center;
	background-size: contain;
	width: 320px;
	height: 512px;
}

.mcc2{
	background:url(../img/products/mcg2.png) no-repeat center center;
	background-size: contain;
	width: 320px;
	height: 512px;
}

.mcc3{
	background:url(../img/products/mcg3.png) no-repeat center center;
	background-size: contain;
	width: 320px;
	height: 512px;
}

.mcc4{
	background:url(../img/products/mcg4.png) no-repeat center center;
	background-size: contain;
	width: 320px;
	height: 512px;
}

.mcc5{
	background:url(../img/products/mcg5.png) no-repeat center center;
	background-size: contain;
	width: 320px;
	height: 512px;
}

.yqmcBox .mcc1{
	background:url(../img/products/yqc1.jpg) no-repeat center center;
	background-size: contain;
	width: 532px;
	height: 512px;
}

.yqmcBox .mcc2{
	background:url(../img/products/yqc2.jpg) no-repeat center center;
	background-size: contain;
	width: 532px;
	height: 512px;
}

.yqmcBox .mcc3{
	background:url(../img/products/yqc3.jpg) no-repeat center center;
	background-size: contain;
	width: 532px;
	height: 512px;
}

.mcc img{
	width: 53px;
	height: 60px;
	margin: 150px auto 42px;
	z-index: 5;
	position: relative;
}

.mcc h1{
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 25px 0;
	z-index: 5;
	position: relative;
}

.mcc p{
	font-size: 14px;
	color: #fff;
	text-align: left;
	width: 70%;
	margin: 0 auto;
	line-height: 24px;
	z-index: 5;
	position: relative;
	opacity: 0;
}

.products-media .psPhone{
	margin-top: 0;
}

.products-mobile .psPhone{
	margin-top: 0;
}

.qrBox{
	width: 1600px;
	margin: 0 auto 64px;
}

.qrBox img{
	margin: 0 auto;
}

.qrBox h1{
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
}

.mtsBox{
	width: 1600px;
	margin: 30px auto 20px;
}

.mts1l{
	background:url(../img/products/mts01.png) no-repeat center center;
	background-size: cover;
	width: 800px;
	height: 526px;
	float: left;
}

.mts1r{
	background-color: #eaeaea;
	width: 800px;
	height: 526px;
	float: left;
}

.mts3{
	background:url(../img/products/mts03.png) no-repeat center center;
	background-size: cover;
	width: 800px;
	height: 450px;
}

.mts2{
	background:url(../img/products/mts02.png) no-repeat center center;
	background-size: cover;
	width: 800px;
	height: 899px;
	float: right;
}

.mts4{
	background:url(../img/products/mts04.png) no-repeat center center;
	background-size: cover;
	width: 800px;
	height: 449px;
}

.mtsLeft{
	float: left;
	width: 800px;
}

.mtsNav .voice_2 ul li:nth-child(1) .fold{
	background:url(../img/products/mtscg1.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(2) .fold{
	background:url(../img/products/mtscg2.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(3) .fold{
	background:url(../img/products/mtscg3.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(4) .fold{
	background:url(../img/products/mtscg4.jpg) no-repeat center center;
	background-size: cover;
}
.mtsNav .voice_2 ul li:nth-child(5) .fold{
	background:url(../img/products/mtscg5.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(1) .unfold{
	background:url(../img/products/mtscb1.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(2) .unfold{
	background:url(../img/products/mtscb2.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(3) .unfold{
	background:url(../img/products/mtscb3.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(4) .unfold{
	background:url(../img/products/mtscb4.jpg) no-repeat center center;
	background-size: cover;
}

.mtsNav .voice_2 ul li:nth-child(5) .unfold{
	background:url(../img/products/mtscb5.jpg) no-repeat center center;
	background-size: cover;
}

.products-mts .mtsNav{
	background: none;
}

.mtsNav .voice_2 .unfold{
	width: 715px;
}

.mtsNav .voice_2 .fold{
	width: 225px;
}

.mtsNav .voice_2 ul li{
	border: none;
}

.mtBox{
	padding: 50px 0 60px;
}

.mtBox img{
	padding: 20px 0;
}

.products-mts .psPhone{
	margin-top: 0;
}

.mtsNav .voice_2 .fold h1{
	color: white;
	font-size: 48px;
	width: 225px;
}

.mtsNav .voice_2 .fold h2{
	width: 225px;
}

.mtsNav .voice_2 .fold .bottomLine{
	width: 20px;
}

.mtsNav .voice_2 .unfold h1{
	width: 715px;
	text-align: center;
	color: white;
	font-size: 60px;
	margin-left: 0;
	margin-top: 130px;
}

.mtsNav .voice_2 .unfold h2{
	width: 715px;
	text-align: center;
	color: white;
	margin-left: 0;
}

.mtsNav .voice_2 .unfold .bottomLine{
	margin: 15px auto 0;
}

.mtsNav .voice_2 .unfold p{
	width: 400px;
	text-align: left;
	margin: 20px auto 0;
	line-height: 26px;
}

.productNav{
	width: 1200px;
	margin: 40px auto 0;
}

.productBox{
	width: 1600px;
	margin: 0 auto 140px;
	border-top: 1px solid #cbcbcb;
	padding-top: 32px;
}

.proBox{
	width: 240px;
	float: left;
	cursor: pointer;
}

.proBox img{
	width: 44px;
	height: 46px;
	margin: 0 auto;
}

.proBox h2{
	font-size: 16px;
	text-align: center;
	margin: 15px 0;
}

.proBox .proLine{
	width: 0;
	height: 3px;
	background-color: rgb(142, 194, 70);
	margin: 0 auto;
}

.proImg{
	width: 687px;
	height: 439px;
	background-color: rgb(88, 88, 88);
	float: left;
}

.proText{
	width: 913px;
	float: left;
}

.proText h1{
	font-size: 24px;
	color: rgb(43, 43, 43);
	padding-left: 70px;
	margin-top: 10px;
}

.ptBox{
	width: 800px;
	margin: 35px auto;
}

.pt1{
	float: left;
	width: 266.66px;
}

.pt1 img{
	width: 46px;
	margin: 20px auto;
}

.pt1 h2{
	width: 110px;
	text-align: center;
	margin: 0 auto;
	line-height: 22px;
}

.proText p{
	width: 800px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
}

.products-yq .psPhone{
	margin-top: 0;
}

.gBox{
	width: 1600px;
	margin: 0 auto;
	padding: 20px 0 50px;
}

.seBox{
	width: 780px;
	height: 260px;
	border: 1px solid #b4b4b4;
	margin: 15px 0;
}

.seBox img{
	width: 53px;
	margin-left: 30px;
	margin-top: 36px;
	height: 50px;
}

.seBox h1{
	margin-left: 30px;
	margin-top: 30px;
	font-size: 16px;
	color: #1a1a1a;
	font-weight: bold;
}

.seBox p{
	margin-left: 30px;
	margin-top: 20px;
	font-size: 14px;
	color: #1a1a1a;
	width: 90%;
}

.caseLiBox{
	width: 1450px;
	margin: 0 auto;
	padding-top: 600px;
}

.caseLi{
	width: 241px;
	float: left;
	cursor: pointer;
}

.caseLi h1{
	text-align: center;
	color: white;
	font-size: 60px;
	font-family: "Agency FB";
	height: 95px;
}

.caseLi h2{
	text-align: center;
	color: white;
	font-size: 18px;
}

.caseList{
	padding-top: 0;
}

.caseList {
	padding-top: 30px;
}

.caseList .caseLi h2{
	color: #1a1a1a;
}

.caseLiBox .caseActive h2{
	font-weight: bold;
}

.products-case .caseBox{
	padding-top: 15px;
}

.products-case .psPhone{
	margin-top: 20px;
}

.borShadow{
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

.serviceBox{
	cursor: pointer;
}

.caseBtn:hover{
	background-color: #313131;
	color: white;
	cursor: pointer;
}

.caseImg{
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	width: 100%;
	height: 340px;
	display: none;
	cursor: pointer;
}

.mccImg{
	width: 100%;
	background-color: rgba(142,194,70,0.6);
	height: 512px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}

.caseImg h1{
	color: white;
	width: 70px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin: 140px auto 0;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
}

.products-yq .mcc img{
	margin-top: 200px;
}

.thisPro .proLine{
	width: 146px;
}

.thisPro .pro{
	display: none;
}

.thisPro .pros{
	display: block;
}

.pro{
	display: block;
}

.pros{
	display: none;
}

.listPage .head{
	background: url(../img/listBg.jpg) no-repeat center center;
    	background-size: 100% 100%;  /*12.16改*/
	width:100vw; /*12.16改*/
	height: 927px;
}

.listPage .center1-bottom .zhengce3{
	text-align: center;
}

.listPage .center1-bottom .zhengce2{
	margin: 0;
	height: 60px;
}

/* news-list */
.listPage .list-container{
	width: 100%;
	background-color: #eee;
	overflow: hidden;
}
.listPage .list-content{
	width: 80%;
	margin: 2vh auto;
	/* border: 1px solid #000; */
}
.listPage .list-tab{
	width: 100%;
	background-color: #fff;
	margin-bottom: 2vh;
}
.listPage .list-tab-li{
	display: inline-block;
	width: 9vw;
	height: 8vh;
	line-height: 8vh;
	text-align: center;
	font-size: 1vw;
	font-weight: 500;
}
.listPage .list-tab-li:hover{
	cursor: pointer;
}
.listPage .list-tab-on{
	color: #8ec246;
}
.listPage .list-box{
	width: 100%;
	background-color: #fff;
}
.listPage .list-tabBox{
	width: 100%;
	display: none;
}
.listPage .list-box .list-tabBox-on{
	display: block;
}
.listPage .list-item-left{
	width: 70%;
	float: left;
}
.listPage .list-box-item{
	padding: 2vw;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.listPage .list-left-title{
	font-size: 1vw;
	margin: 2vh 0 4vh 0;
}
.listPage .list-left-text{
	font-size: 0.7vw;
	margin: 4vh 0 2vh 0;
	color: #797979;
}
.listPage .list-item-type{
	color: #8ec246;
	font-size: 0.7vw;
	margin-right: 1vw;
}
.listPage .list-item-date{
	color: #767676;
	font-size: 0.7vw;
}
.listPage .list-item-right{
	float: left;
	width: 30%;
	height: 20vh;
	padding-left: 5vw;
	box-sizing: border-box;

}
.listPage .list-item-right img{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #333;
}
.listPage .load-more{
	width: 100%;
	margin: 6vh 0;
}
.listPage .load-more span{
	display: block;
	width: 2.5vw;
	height: 2.5vw;
	margin: 0 auto;
	margin-bottom: 1.5vh;
	background:url(../img/loadmore.png) no-repeat center center;
	background-size: cover;
}
.listPage .load-more p{
	width: 100%;
	text-align: center;
	font-size: 0.8vw;
	color: #797979;
}

.conPage{
	background-color: #eeeeee;
}

.conPage .head{
	height: 400px;
	background:url(../img/conbg.png) no-repeat center center;
	background-size: cover;

}

.conPage .conBox{
	width: 1600px;
	background-color: white;
	margin: 0 auto;
}

.conPage .conBox .content{
	width: 90%;
	margin: 0 auto;
}

.conPage .conBox h1{
	font-size: 20px;
	color: rgb(39, 39, 39);
	line-height: 1.2;
	padding: 80px 0 45px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.conPage .conBox h1 a{
	font-size: 20px;
	color: rgb(39, 39, 39);
	line-height: 1.2;
	padding: 80px 0 45px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.conPage .conNextList .left p{
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
}

.conPage .conBox .content{
	margin-top: 20px;
}

.conPage .conTitle .conClass{
	color: #8ec246;
	font-weight: bold;
	font-size: 16px;
	float: left;
}

.conPage .conTitle .conIco{
	float: left;
	font-size: 12px;
	color: #888;
	line-height: 20px;
}

.conPage .conTitle .conIco img{
	height: 18px;
	float: left;
	vertical-align:middle;
	margin:2px 5px 0 25px;
}

.conPage .conTitle{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 40px;
}

.conPage .conText{
	font-size: 16px;
	color: rgb(121, 121, 121);
	line-height: 2.5;
	padding-top: 35px;
	padding-bottom: 75px;
}

.conPage .conText p{
	text-indent:2em;
}
/*12.10改 ↓*/
.conPage .conText p img{
	margin: 0 auto;
}
/*12.10改 ↑*/
.conPage .conBtn{
	padding-top: 45px;
}

.conPage .conBox .conNext{
	font-size: 20px;
	font-weight: bold;
	color: #8ec246;
	float: left;
}

.conPage .conBtn .conBack:nth-child(3){
	background-color: rgb(85, 85, 85);
	width: 133px;
	height: 39px;
	color: white;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	float: right;
}

.conPage .conBtn .conBack:nth-child(2){
	width: 131px;
	height: 37px;
	color: rgb(85, 85, 85);
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	border: 1px solid rgb(85, 85, 85);
	float: right;
	margin-left: 10px;
}

.conPage .conBtn .conBack:nth-child(2) a{
	color: rgb(85, 85, 85);
}

.conPage .conNextList .left{
	width: 70%;
}

.conPage .conNextList .right{
	width: 30%;
	float: right;
}

.conPage .conNextList .right img{
	width: 305px;
	height: 200px;
	float: right;
	margin-top: 40px;
}

.conPage .conNextList .left h1{
	padding: 80px 0 25px;
}

.conPage .conNextList .left p{
	font-size: 16px;
	color: #797979;
	line-height: 2.5;
}

.conPage .conNextList{
	padding-bottom: 50px;
}

.conPage .phone .conBox{
	width: 100%;
}

.conPage .phone .conBox h1{
	padding: 30px 0 15px;
}

.conPage .phone .conTitle .conIco img{
	display: none;
}

.conPage .phone .conTitle .conIco:nth-child(2){
	clear: both;
}

.conPage .phone .conTitle .conIco{
	margin-right: 10px;
}

.conPage .phone .conTitle{
	padding-bottom: 20px;
}

.conPage .phone .conBtn .conBack:nth-child(2){
	clear: both;
}

.conPage .phone .conNextList .left{
	width: 100%;
}

.conPage .phone .conNextList .right{
	width: 100%;
}

.conPage .phone .conNextList .right img{
	width: 100%;
	height: auto;
}

.conPage .phone .conphback{
	width: 100%;
	clear: both;
}

.conPage .phone .conBtn .conphback .conBack:nth-child(1){
	background-color: rgb(85, 85, 85);
	width: 47%;
	height: 39px;
	color: white;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	float: left;
}

.conPage .phone .conBtn .conphback .conBack:nth-child(2){
	width: 47%;
	float: right;
	clear: unset;
}

.conPage .phone  .conBtn{
	padding-top: 20px;
}

.conPage .phone .conBox .conNext{
	padding-bottom: 10px;
}



/*resources*/
.res-container{
	width: 100%;
	background-color: #eee;
	overflow: hidden;
}
.res-content{
	width: 80%;
	margin: 0 auto;
	margin-top: 2vh;
}
.res-item{
	width: 100%;
	padding: 2vw;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 2vh;
	padding-bottom: 0;
}
.res-item h2{
	font-size: 1.2vw;
	font-weight: bold;
	margin-bottom: 2vh;
}
.res-item p{
	/* height: 1vw;
	line-height: 1vw; */
	font-size: 0.8vw;
	color: #8a8a8a;
	margin-bottom: 1vh;
	position: relative;
	box-sizing: border-box;
}
.res-head p{
	padding-left: 1vw;
}
.res-body{
	display: none;
}
.res-head,.res-cont,.res-body-top{
	margin-bottom: 4vh;
}
.res-show{
	width: 100%;
    height: 5vh;
    line-height: 5vh;
    text-align: center;
    font-size: 0.8vw;
    color: #8a8a8a;
    border-top: 1px solid #ccc;
	margin-top: 4vh;
	position: relative;
}
.res-show:hover{
	cursor: pointer;
}
.res-hide{
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.res-head .res-icon-dw{
	display: inline-block;
	width: 0.7vw;
	height: 0.7vw;
	background:url(../img/dwei.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.res-head .res-icon-wjx{
	display: inline-block;
	width: 0.7vw;
	height: 0.7vw;
	background:url(../img/wjx.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.contactPage .psPhone{
	margin-top: 0;
}

.contactPage #map{
	height: 927px;
}

.contactPage .header{
	background-color: rgba(0,0,0,0.7);
}



/*about-us*/
.aboutPage .head {
	background: url(../img/aboutbg.png) no-repeat center center;
	background-size: 100% 100%;
    	width: 100vw;
	height: 927px;
}
.about-container{
	width: 100%;
	overflow: hidden;
}
.about-top,.about-cont,.about-botm{
	width: 100%;
	margin-bottom: 2vh;
}
.zhengce3-about{
	font-size: 20px;
    font-weight: normal;
    opacity: 0.8;
    width: 17vw;
    text-align: center;
    margin: 0 auto;
}
.about-top-con{
	width: 1600px;
	margin: 0 auto;
	margin-top: 50px;
	border-top: 1px solid #ccc;
	font-size: 16px;
	line-height: 40px;
	color: #676767;
}
.about-top-con img{
	display: inline-block;
	width: 600px;
	background-color: #ccc;
	float: left;
	margin: 0 50px 50px 0;
}
.about-botm-w{
	position: relative;
	width: 1600px;
    margin: 0 auto;
}
.about-botm-con{
	width: 1400px;
	height: 400px;
	margin: 50px auto !important;
	position: relative;
}
.about-botm-con img{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.botm-li{
	/* height: 20vh; */
	/* background-color: #ccc; */
}
/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../img/icon-next.png) !important;
	background-size: cover !important;
    
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/icon-prev.png) !important;
	background-size: cover !important;
}
.about-next,.about-prev{
	width: 44px !important;
	height: 44px !important;
} */

.contactPage .usImg{
	position: absolute;
	top: 188px;
	left: 50%;
	z-index: 100;
	margin-left: -517.5px;
}

.conPage .conNav{
	font-size: 16px;
	width: 1600px;
	margin: 20px auto;
}

.conPage .conNav span{
	margin: 0 10px;
}

.conPage .conNav span a{
	color: #585858;
}




/*case-detail 案例详情*/
.caseDetailPage .head{
	height: 400px;
	background:url(../img/caseBg.png) no-repeat center center;
	background-size: cover;
}
.caseDetailBox{
	width: 100vw;
}
.cleft{
	width: 57.3vw;
	float: left;
	position: relative;
}
.cleft .center1-bottom {
	position: unset;
    margin-top: 50px;
	margin-left: 14.8%;
}
.cleft .center1-bottom .zhengce1{
	text-align: left;
}
.cleft .center1-bottom .zhengce2{
	height: auto;
	text-align: left;
}
.cleft .center1-bottom .zhengce3 {
	width: 100%;
    margin-top: 45px;
	line-height: 36px;
	color: #3a3a3a;
	text-align: justify;
}
.cleft .wbBtn{
	border-radius: 2px;
	width: 123px;
	height: 43px;
	color: #fff;
	font-size: 16px;
	background-color: rgb(142, 194, 70);
	text-align: center;
	line-height: 43px;
	margin-top: 40px;
	cursor: pointer;
}
.cright{
	width: 42.7vw;
	float: left;
	position: relative;
}
.cright img{
	margin: 75px 0 0 -40px ;
}

.about-cont .li5{
	display:none;
}


/*service 服务客户*/
#serPage .head{
	background: url(../img/serBg.png) no-repeat center center;
    background-size: cover;
    height: 927px;
}
.ser-container{
	width: 100vw;
    /* background-color: #f5f5f5; */
	/* overflow: hidden; */
}
.ser-content{
	width: 80vw;
	/* height: 90vh; */
	margin: 0 auto;
	position: relative;
	background-color: #fff;
}
.ser-top{
	width: 100%;
	height: 26vh;
	position: absolute;
	top: -22vh;
	left: 0;
	display: flex;
}
.ser-top-item{
	flex: 1;
	height: 100%;
	/* background-color: #333; */
	overflow: hidden;
	position: relative;
	margin-right: 0.2vw;
	cursor: pointer;
}
.ser-top-item:first-child{
	background:url(../img/serbg01.png) no-repeat center center;
	background-size: cover;
}
.ser-top-item:nth-child(2){
	/* margin: 0 0.2vw; */
	background:url(../img/serbg02.png) no-repeat center center;
	background-size: cover;
}
.ser-top-item:nth-child(3){
	margin: 0 0.2vw;
	background:url(../img/serbg03.png) no-repeat center center;
	background-size: cover;
	margin-right: 0;
}
.ser-topit-con{
	width: 100%;
	height: 8vh;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	position: absolute;
	z-index: 10;
}
.ser-topit-ttext,.ser-topit-btext{
	width: 100%;
	height: 4vh;
	line-height: 4vh;
	padding-left: 11vw;
	box-sizing: border-box;
}
.ser-topit-ttext{
	font-size: 1.2vw;
	font-weight: bold;
	color: #fff;
}
.ser-topit-btext{
	font-size: 1vw;
	color: #fff;
}
.ser-topit-img{
	display: inline-block;
	width: 6vh;
	height: 6vh;
	position: absolute;
	top: 50%;
	right: 16vw;
	transform: translateY(-50%);
	/* background-color: #fff; */
}
.ser-topit-mask{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
}





.ser-botm{
	width: 100%;
	/* height: 60vh; */
	/* border: 1px solid #ccc; */
	padding: 10vh 2vw;
	box-sizing: border-box;
	display: none;
}
.ser-botm-ul{
	width: 100%;
}
.ser-botm-item{
	float: left;
	width: 19vw;
	height: 20vh;
	box-sizing: border-box;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	font-size: 1vw;
	line-height: 20vh;
	color: #333;
	font-weight: 600;
}
.ser-botm-item:hover{
	background-color: #636363;
	color: #fff;
	cursor: pointer;
}
.ser-botm-item:nth-child(4n-1),.ser-botm-item:nth-child(4n-2){
	/* width: 17vw; */
	width: 19vw;/*03.12改*/
}
.ser-botm-item:nth-child(4n),.ser-botm-item:nth-child(4n-3){
	/* width: 21vw; */
	width: 19vw; /*03.12改*/
}
.ser-botm-item:nth-child(1),.ser-botm-item:nth-child(2),.ser-botm-item:nth-child(3),.ser-botm-item:nth-child(4){
	border-top: none;
}
.ser-botm-item:nth-child(4n){
	border-right: none;
}
.ser-more{
	width: 100%;
	margin-top: 4vh;
}
.ser-more:hover{
	cursor: pointer;
}
.ser-more-img{
	width: 100%;
	height: 8vh;
	overflow: hidden;
}
.ser-more-img img{
	display: block;
	width: 5vh;
	height: 5vh;
	margin: 2vh auto;
}
.ser-more-text{
	width: 100%;
	height: 4vh;
	/* line-height: 4vh; */
	font-size: 14px;
	color: #666;
	text-align: center;
}

/*产品服务*/
.cp-box{
	width: 100%;
	height: 100%;
	
}
.cpit:first-child{
	background: url(../img/prohead01.jpg) no-repeat center center;
    background-size: cover;
    height: 927px;
}
.cpit:last-child{
	background: url(../img/prohead02.jpg) no-repeat center center;
    background-size: cover;
    height: 927px;
}
.cp-next div,.cp-prev div{
	width: 2vw;
    color: #fff;
    position: absolute;
    top: 120%;
    left: 0;
    font-size: 1vw;
}
.cp-next{
	right: 2vw !important;
}
.cp-prev{
	left: 2vw !important;
}
.cp-next,.cp-prev{
	position: relative;
}
.cp-prev{
	display: none;
}

/* 数据开放平台 03.04 */
.dop .head{
	background: url(../img/dataopenBg.png) no-repeat center center;
    background-size: cover;
    height: 927px;
}
.dop .center1 .center1-bottom{
	left: 10%;
	top: 25%;
	margin-left: 0;
	width: 53%;
	height: 400px;
}
.breadcrumbNav{
	width: 84.5vw;
	margin: 40px auto 0;
}
.dop .breadcrumb a{
	color: #000;
	font-size: 14px;
}
.dop .breadcrumb a:hover{
	text-decoration: underline;
}
.dop .center1-bottom .zhengce1{
	text-align: left;
}
.dop .zhengce1 .zhengce1-1{
	font-size: 26px;
}
.dop .center1-bottom .zhengce2{
	text-align: left;
	height: unset;
	margin: 10px 0;
}
.dop .center1-bottom .zhengce3{
	line-height: 2em;
	text-align: justify;
	margin-top: 40px;
	text-indent: 2em;
}
.dop .wbBtn{
	border-radius: 2px;
	width: 123px;
	height: 43px;
	color: #fff;
	font-size: 16px;
	background-color: rgb(142, 194, 70);
	text-align: center;
	line-height: 43px;
	margin-top: 40px;
	cursor: pointer;
}
.dataOpenBox{
	width: 100vw;
}
.dataOpenCon1{
	background: url(../img/dataConBg1.png) center center no-repeat;
	background-size: cover;
	width: 84.5vw;
	height: 580px;
	margin: 30px auto 0;
	position: relative;
	right: 15px;
}
.dopConLeft{
	width: 50%;
	float: left;
}
.doplCon{
	width: 70%;
	margin: 20% 0 0 10%;
}
.doplTitle{
	font-size: 32px;
	color: #fff;
	margin-left: -23px;
}
.doplTitle:before{
	display: inline-block;
	content: "";
	width: 8px;
	height: 33px;
	background: #8ec246;
	border-radius: 4px;
	margin: 0 15px -5px 0;
}
.doplIntro{
	font-size: 18px;
	line-height: 2em;
	color: #fff;
	margin-top: 25px;
}
.dopConCenter{
	position: absolute;
	top: 20%;
	left: 50%;
	transform:translateX(-50%);
}
.dopConCenter img{
	margin: 50px 0 ;
}
.dopConRight{
	width: 50%;
	float: right;
}
.doprCon{
	width: 70%;
	margin: 60px 0 0 80px;
}
.doprCon:nth-child(1){
	margin-top: 22%;
}
.doprTitle{
	font-size: 20px;
	color: #8ec246;
}
.doprIntro{
	font-size: 16px;
	color: #fff;
}
.dataOpenCon2{
	background: url(../img/dataConBg2.png) center center no-repeat;
	background-size: cover;
	height: 670px;
	margin: 40px 0 80px;
}
.dopcon2Img img{
	float: right;
	margin: 45px 170px 0 0;
}
.dataOpenCon3{
	width: 70vw;
	margin: 40px auto;
	position: relative;
}

.apitr{
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.apitd{
	text-align: center;
	position: relative;
}
.apiBorder{
	border: 1px solid #e4e4e4;
	width: 190px;
	height: 190px;
	position: absolute;
}
.apiImgBox{
	width: 190px;
	height: 190px;
	position: relative;
}
.apiImgBox img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.apiImgg{
	display: none;
}
.apitd:hover img.apiImgg{
	display: block;
}
.apitd:hover img.apiImg {
	display: none;
}
.apitd:hover .apiBorder{
	border: 1px solid #8ec246;
	transform: rotate(45deg);
	transition: transform 0.3s linear 0s;
	width: 150px;
	height: 150px;
	top: 20px;
	left: 20px;
}
.apitd:hover .apiTitle,.apitd:hover .apiUL li a,.apitd:hover .apiUL li::after{
	color: #8ec246;
}
.apiIntro{
	position: relative;
	top: 20px;
}
.apiTitle{
	display: inline-block;
	text-align: center;
	font-size: 28px;
	color: #3d3d3d;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.apiTitle.noBorder{
	border-bottom: none;
}
.apiUL li{
	display: inline-block;
	font-size: 16px;
	color: #6c6c6c;
}
.apiUL li a{
	color: #6c6c6c;
}
.apiUL li::after{
	content: "|";
	color: #6c6c6c;
	display: inline-block;
	padding-left: 3px;
}
.apiUL li:last-child::after,.apiUL li.noline::after{
	content: "";
}
.dataOpenCon4{
	width: 80vw;
	margin: 40px auto 220px;
	
}
.dataOpenCon4 img{
	height: 490px;
	width: 40vw;
	display: inline-block;
}
.dopCon4Left{
	float: left;
	position: relative;
}
.dopCon4Right{
	float: right;
	position: relative;
}
.dop4Bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 40vw;
	height: 490px;
	background: rgba(142,194,70,0.6);
	z-index: 1;
	display: none;
}
.dop4Title{
	position: absolute;
	font-size: 30px;
	color: #fff;
	top: 20%;
	left: 10%;
	z-index: 2;
}
.dop4Intro{
	position: absolute;
	font-size: 20px;
	color: #fff;
	top: 32%;
	left: 10%;
	z-index: 2;
}