@import url("//at.alicdn.com/t/font_1570921_s0d6g6cjp2j.css");
* { margin:0; padding:0; }
body  { min-width:1100px; font:14px/1.5 "PingFang_M"; color:#666; background:#fff; overflow-x:hidden;}
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "PingFang_M"; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:inherit; text-decoration:none; }

.flexbox{
	display:flex;
	display:-webkit-flex;
}
.flexbox > .flex{
	flex:1;
	-webkit-flex:1;
}
.flexbox > .flex1{
	flex:1;
	-webkit-flex:1;
}
.flexbox > .flex2{
	flex:2;
	-webkit-flex:2;
}
.flexbox > .flex3{
	flex:3;
	-webkit-flex:3;
}
.flexbox > .flex4{
	flex:4;
	-webkit-flex:4;
}
.flexbox > .flex5{
	flex:5;
	-webkit-flex:5;
}
.flexbox > .flex6{
	flex:6;
	-webkit-flex:6;
}

.header{
	width:100%;
	position:relative;
}
.header .navbox{
	height:100px;
	position:absolute;
	top:0px;
	left:50%;
	width:1220px;
	margin:auto;
	margin-left:-610px;
}
.header .logo{
	text-align:left;
	height:70px;
	margin-top:15px;
}
.header .navlist{
	line-height:100px;
	text-align:right;
}
.header .navlist li{
	width:80px;
	text-align:right;
	font-size:20px;
	display:inline-block;
}
.header .navlist li a{
	color:#FFFFFF;
}
.header .bannerbox{
	height:910px;
}
.header .bannerbox .banner{
	height:100%;
}
.header .number-block{
	width:1220px;
	position:absolute;
	z-index:10px;
	height:90px;
	left:50%;
	margin-left:-610px;
	bottom:0px;
	background-color:#FFFFFF;
	border-radius:10px 10px 0px 0px;
}
.header .number-block ul{
	padding:0px 200px;
}
.header .number-block li{
	text-align:center;
}
.header .number-block li span{
	color:#adadad;
	display:block;
}
.header .number-block li span.tip{
	font-size:40px;
	line-height:50px;
	margin-top:10px;
	font-weight:bold;
	color:#767777;
}

.quick-menu{
	width:50px;
	position:fixed;
	right:50px;
	margin-top:-125px;
	top:50%;
	background-color:#000000;
	z-index:10;
}
.quick-menu span{
	display:none;
}
.quick-menu li{
	display:block;
	height:50px;
	width:50px;
	position:relative;
	border-bottom:2px solid #FFFFFF;
}
.quick-menu a{
	display:block;
	height:50px;
	width:50px;
	position:absolute;
	right:0px;
	top:0px;
	background-color:#5e5e5e;
	text-align:center;
	line-height:50px;
}
.quick-menu ul li:last-child a{
	border-bottom:0px;
}
.quick-menu a:hover{
	width:130px;
	background-color:#818181;
	color:#FFFFFF;
}
.quick-menu a.qq:hover{
	width:50px;
}
.quick-menu a.qq:hover i{
	display:block;
}
.quick-menu li:last-child a{
	background-color:#404040;
}
.quick-menu li:last-child a:hover{
	width:50px;
	background-color:#404040;
}
.quick-menu a i{
	color:#FFFFFF;
	font-size:26px;
}
.quick-menu li:last-child{
	border-bottom:0px;
}

.public-box{
	width:1220px;
	margin:auto;
	padding-bottom:50px;
}
.public-box .public-title h1{
	font-size:26px;
	text-align:center;
	color:#5e5e5e;
	position:relative;
}
.public-box .public-title h3{
	font-size:14px;
	text-align:center;
	color:#adadad;
	font-weight:100;
	line-height:35px;
}
.public-box .public-body{
	width:100%;
}

.yewu{
	padding-top:50px;
}
.yewu .flex{
	margin-top:20px;
	height:515px;
	position:relative;
}
.yewu .flex a{
	display:block;
	width:90px;
	height:30px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#2aaffb;
	line-height:30px;
	text-align:center;
	position:absolute;
	bottom:35px;
	left:50%;
	margin-left:-45px;
}
.yewu .flex img{
	margin:12px 42px 0px 42px;
	width:221px;
	height:221px;
}
.yewu .flex h2{
	font-size:24px;
	text-align:center;
	color:#5f5f5f;
	font-weight:100;
}
.yewu .flex:hover{
	background-color:#e5e5e5;
	box-shadow:3px 3px 3px #CCCCCC;
}
.yewu .flex ul{
	margin:30px 50px 0px 80px;
	line-height:30px;
	list-style:square;
}

.anli{
	padding-top:50px;
	width:100%;
	overflow-x:hidden;
}
.anli .public-box{
	width:100%;
}
.anli .public-body{
	width:100vw;
	font-size:0px;
	margin-top:40px;
}
.anli .public-body > div{
	width:20vw;
	display:inline-block;
	height:20vw;
	position:relative;
	overflow:hidden;
}
.anli .public-body > div img{
	width:100%;
	height:100%;
	display:block;
}
.anli .public-body > div .detail{
	width:100%;
	height:100%;
	display:block;
	background-color: rgba(0, 0, 0, 0.41);
	position:absolute;
	transition:all 200ms;
}
.anli .public-body > div .detail img{
	width:130px;
	height:130px;
	display:block;
	margin:auto;
	margin-top:60px;
	border:0px;
}
.anli .public-body > div .detail h3{
	text-align:center;
	font-size:22px;
	color:#FFFFFF;
	margin-top:22px;
	font-weight:100;
}
.anli .more{
	border:1px solid #adadad;
	font-size:16px;
	height:30px;
	width:150px;
	text-align:center;
	line-height:30px;
	margin:auto;
	margin:25px auto;
	border-radius:15px;
	display:block;
}
.anli .detail{
	position:absolute;
	bottom:-100%;
}
.anli .public-body > div:hover .detail{
	bottom:0px;
}

.zixun .nav li{
	margin:15px;
	border-bottom:10px solid #DDDDDD;
}

.liucheng{
	padding-top:50px;
}
.liucheng .flex{
	margin:0px 10px;
	border:1px solid #CCCCCC;
}
.liucheng img{
	width:70px;
	display:block;
	margin:45px auto 20px;
}
.liucheng .title{
	display:block;
	text-align:center;
	font-size:22px;
}
.liucheng .desc{
	width:100%;
	display:block;
	text-align:center;
	color:#adadad;
	line-height:30px;
}
.liucheng ul{
	margin:20px auto;
	margin-left:50px;
	line-height:25px;
	list-style:square;
}
.liucheng .public-body img{
	width:70px;
	height:60px;
}

.zixun{
	padding-top:50px;
}
.zixun .nav{
	text-align:center;
	line-height:40px;
	font-size:18px;
}

.zixun .news-box{
	margin:0px 0px 10px 0px;
	font-size:0px;
}
.zixun .news-box div.flexbox{
	width:100%;
	border-bottom:1px dashed #DDDDDD;
	margin-right:20px;
}
.zixun .news-box div.flexbox .tip{
	width:100px;
	height:90px;
	background-color:#c2c2c2;
	margin:15px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}
.zixun .news-box div.flexbox .tip span{
	font-size:34px;
}
.zixun .news-box div.flexbox h3{
	font-size:18px;
	margin-top:15px;
}
.zixun .news-box div.flexbox p{
	font-size:13px;
	line-height:30px;
	color:#adadad;
	max-height:60px;
	overflow:hidden;
}
.zixun .news-box div.flexbox:hover{
	background-color:#f6f6f6;
}
.zixun .news-box div.flexbox:hover .tip{
	background-color:#FFFFFF;
	color:#828282;
}
.zixun .news-box{
	margin-right:20px;
}
.zixun .news-box:last-child{
	margin-left:20px;
	margin-right:0px;
}
.zixun .news-box h3{
	font-weight:300;
}

.full-box{
	width:100%;
}
.yewu,.liucheng{
	background-color:#f6f6f6;
}
.header .number-block{
	background-color:#F6F6F6;
}
.liucheng .public-body{
	margin-top:20px;
}
.zixun .public-body{
	margin-top:20px;
}
.zixun .public-body .rgt .flexbox{
	padding-left:20px;
}
.zixun .public-body .lft{
	width:480px;
	margin-top:20px;
}
.zixun .public-body .lft img{
	display:block;
	width:100%;
	height:230px;
}
.zixun .public-body .lft h3{
	font-size:18px;
	line-height:30px;
	margin:10px 0px 5px;
}
.zixun .public-body .lft p{
	font-size: 13px;
    line-height: 30px;
    color: #adadad;
    max-height: 60px;
    overflow: hidden;
}
.zixun .public-body .lft .more{
	display:block;
	float:right;
	background-color:#2aaffb;
	font-size:14px;
	color:#FFFFFF;
	padding:5px 10px;
	margin-top:5px;
}

.footer{
	background-color:#212929;
	height:350px;
	padding-top:40px;
	background-image:url('../images/map.png');
	background-repeat:no-repeat;
	background-position:center center;
	box-shadow: 5px 0px 3px #000000;
	overflow:hidden;
}
.footer .public-box .map{
	width:725px;
	height:310px;
	background-color:#FFFFFF;
}
.footer .map{
	width:700px;
}

.footer .lx{
	padding:0px 50px 0px 20px;
	color:#b8b8b8;
	font-size:18px;
}
.footer .lx > div > div{
	line-height:45px;
}
.footer .lx h2{
	padding-left:40px;
	font-size:32px;
	font-weight:100;
	margin-bottom:20px;
}
.footer .map{
	background-image:url('../images/map1.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.footer .lx i{
	font-size:28px;
	margin-right:20px;
	float:left;
	margin-left:40px;
}
.footer .lx .tel{
	font-size:28px;
	color:#FFFFFF;
	font-weight:bold;
}
.copyright{
	height:40px;
	background-color:#000000;
	line-height:40px;
}
.copyright div{
	width:1220px;
	color:#FFFFFF;
	margin:auto;
	text-align:center;
	font-size:12px;
}
.public-title h1 .line-left{
	position:absolute;
	left:50%;
	z-index:5;
	top:20px;
	border-bottom:2px solid #ababab;
	width:100px;
	margin-left:-200px;
	transition:all 200ms;
}
.public-title h1 .line-right{
	position:absolute;
	left:50%;
	z-index:5;
	top:20px;
	border-bottom:2px solid #ababab;
	width:100px;
	margin-left:100px;
	transition:all 200ms;
}
.quick-menu li:hover span{
	display:block;
}
.quick-menu li:hover i{
	float:right;
}
.quick-menu li:hover a.tel i{
	display:none;
}
.quick-menu img{
	width:80px;
	float:left;
	background-color:#ffffff;
}
.quick-menu li:hover i.icon-icon1{
	display:inline-block;
}
.quick-menu li i{
	display:block;
	width:50px;
	height:50px;
}
.qcode-group img{
	max-width:90px;
	display:block;
	margin:auto;
	margin-top:15px;
	margin-left:40px;
}
.public-box:hover .public-title h1 .line-left{
	margin-left:-120px;
	width:50px;
	border-color:#2aaffb;
}

.public-box:hover .public-title h1 .line-right{
	margin-left:70px;
	width:50px;
	border-color:#2aaffb;
}
.loading{
	background-color:#d5dbe0;
	width:100%;
	height:100vh;
	line-height:100vh;
	text-align:center;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
}
.loading > div{
	background-image:url(../images/88.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
body{
	background-color:#f7f8f9;
}
.loading img{
	height:50px;
}
.yewu .icon1{
	margin: 12px 42px 0px 42px;
    width: 221px;
    height: 221px;
	background-image:url(../images/s0-1.png);
	background-position:center;
	background-repeat:no-repeat;
}
.yewu .flex:hover .icon1{
	background-image:url(../images/s0-2.png);
}
.yewu .flex img{
	display:none;
}
.yewu .icon2{
	margin: 12px 42px 0px 42px;
    width: 221px;
    height: 221px;
	background-image:url(../images/s1-1.png);
	background-position:center;
	background-repeat:no-repeat;
}
.yewu .flex:hover .icon2{
	background-image:url(../images/s1-2.png);
}
.yewu .icon3{
	margin: 12px 42px 0px 42px;
    width: 221px;
    height: 221px;
	background-image:url(../images/s2-1.png);
	background-position:center;
	background-repeat:no-repeat;
}
.yewu .flex:hover .icon3{
	background-image:url(../images/s2-2.png);
}
.yewu .icon4{
	margin: 12px 42px 0px 42px;
    width: 221px;
    height: 221px;
	background-image:url(../images/s3-1.png);
	background-position:center;
	background-repeat:no-repeat;
}
.yewu .flex:hover .icon4{
	background-image:url(../images/s3-2.png);
}
.services-page .bannerbox,.anlis-page .bannerbox,.news-page .bannerbox,.about-page .bannerbox,.contact-page .bannerbox{
	height:540px;
	background-size:auto 100%;
}
.services-page .public-title h3,.anlis-page .public-title h3,.news-page .public-title h3,.about-page .public-title h3,.contact-page .public-title h3{
	padding:10px 0px;
	line-height:normal;
}
.services-page .services,.anlis-page .anlis,.news-page .news,.about-page .about,.contact-page .contact{
	margin-top:50px;
}
.services-page .public-body{
	margin-top:35px;
}
.services-page .image,.services-page .image img{
	width:610px;
}
.services-page .image img{
	display:block;
}
.services-page .detail{
	background-color:#fff1ff;
	padding:50px 40px 0px;
}
.services-page .line:nth-child(2n) .detail{
	text-align:right;
}
.services-page .detail h3{
	font-size:24px;
	font-weight:bold;
}
.services-page .detail li{
	margin-top:15px;
}
.services-page .detail span{
	color:#adadad;
}
.services-page .liucheng .public-box{
	width:100%;
}
.services-page .liucheng .public-body{
	height:426px;
	background-image:url('../images/services-5.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
}

.anlis-page .public-body{
	margin-top:35px;
	font-size:0px;
}
.anlis-page .public-body .line{
	width:24vw;
	display:block;
	margin-right:1vw;
	float:left;
	position:relative;
	overflow:hidden;
	margin-bottom:1vw;
}
.anlis-page .public-body .line:nth-child(4n){
	margin-right:0vw;
}
.anlis-page .public-body .line:after,.anlis-page .public-body .line .detail{
	width:24vw;
	height:24vw;
	position:absolute;
	bottom:-24vw;
	left:0px;
	background-color:#000000;
	z-index:1;
	transition:all 200ms;
	opacity:0.4;
	content:'';
}
.anlis-page .public-body .line .detail{
	opacity:1;
	z-index:20;
	background-color:transparent;
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.anlis-page .public-body .line .detail img{
	width:7vw;height:7vw;
	display:block;
	margin:auto;
	margin-top:6vw;
	margin-bottom:3vw;
}
.anlis-page .public-body .line:hover:after{
	bottom:0vw;
}
.anlis-page .public-body .line:hover .detail,.anlis-page .public-body .line:hover:after{
	bottom:0vw;
}
.anlis-page .public-body .line img{
	width:100%;
	width:24vw;
	height:24vw;
	display:block;
}
.anlis-page .public-box{
	width:100%;
}
.clearfix{
	height:1px;
	width:100%;
	clear:both;
}

.news-page .public-body{
	margin-top:35px;
	font-size:0px;
}
.news-page .public-body .line{
	width:100%;
	margin-right:1vw;
	position:relative;
	overflow:hidden;
	margin-top:1.5vw;
	padding-bottom:1.5vw;
	border-bottom:1px solid #EEEEEE;
}
.news-page .public-body .line .right{
	position:relative;
}
.news-page .public-body .line h3{
	margin-bottom:20px;
	font-size:18px;
}
.news-page .public-body .line p{
	font-size:14px;
	color:#ADADAD;
	line-height:30px;
}
.news-page .public-body .line .image{
	width:300px;
	margin-right:30px;
}
.news-page .public-body .line .image img{
	width:300px;
	height:191px;
}
.news-page .public-body .line .info i{
	margin-right:20px;
}
.news-page .public-body .line .info{
	position:absolute;
	bottom:0px;
	font-size:14px;
	width:100%;
	color:#ADADAD;
}
.news-page .public-body .line .info .rgt{
	text-align:right;
	padding-right:1.5vw;
}


.about-page .public-body{
	margin-top:35px;
	font-size:0px;
}
.about-page .public-title p{
	text-align:center;
	color:#333333;
	line-height:40px;
	margin:70px 0px;
}
.about-page .about-yewu{
	height:364px;
	background-image:url(../images/about-yewu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
}
.about-page .about-team{
	height:360px;
	margin:100px 0px;
	background-image:url(../images/team.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
}