*{
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
}
img{
	border:0px;
}
ul,ol{
	list-style:none;
}
input{
	padding-top:0;
	padding-bottom:0;
	border:none;
}
a{ 
	text-decoration: none;
	color: #686868;
}
body {
	font: normal normal 12px "宋体";
	color: #4c4c4c;
	background-color: #ffffff;
}
.l_float {
	float: left;
}
.r_float {
	float: right;
}
.y_center{
    width: 1200px;
    margin: 0 auto;
}
.clearfix:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.center{
	width: 1600px;
	margin: 0 auto;
}
/*---------------头部  开始---------------*/
/* .logo{
	width: 370px;
	height: 113px;
	line-height: 113px;
	margin-left: 63px;
} */
.logo img{
	display: inline-block;
	vertical-align: middle;
}
.nav{
	height: 113px;
	margin-left: 160px;
}
.header .nav li{
	float: left;
	height: 113px;
	font: normal bold 16px/113px "微软雅黑";
	margin-right: 70px;
}
.header .nav li a{
	color: #020000;
}
.header .nav li a img{
	display: inline-block;
	vertical-align: middle;
}
.header .tel{
	height: 113px;
	line-height: 113px;
	width: 12%
}
.header .tel img{
	display: inline-block;
	
}
.header .tel span{
	color: #868585;
	font: normal normal 21px/113px "微软雅黑";
}
/*---------------头部  结束---------------*/
/*---------------Banner  开始---------------*/
.banner{
	
}
.banner img{
	width: 100%;
}
/*---------------Banner  结束---------------*/
/*---------------服务项目  开始---------------*/
.serve{
	position: relative;
}
.serve .serve-top{
	height: 260px;
	text-align: center;
}
.serve .serve-top h2{
	color: #191919;
	font: normal normal 30px "微软雅黑";
	padding-top: 70px;
}
.serve .serve-top h3{
	color: #191919;
	font: normal bold 18px "Arial";
	padding-top: 15px;
}
.serve .serve-top p{
	font: normal normal 14px "微软雅黑";
	padding-top: 40px;
}
.serve-bottom{
	height: 476px;
	position: relative;
}
.serve-bottom .prev,.serve-bottom .next{
	cursor: pointer;
}
.serve .serve-bottom ul{
	width: 94%;
	margin: 0 auto;
}
.serve .serve-bottom li{
	float: left;
	height: 476px;
	margin: 0px 15px;
	width: 22.873%;
	border: 1px solid #ddd;
	text-align: center;
	transition: all 0.3s;
}
.serve .serve-bottom li:hover{
	background: #0090ff;
    background: -moz-linear-gradient(top,  #0090ff 0%, #7f7fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0090ff), color-stop(100%,#7f7fff));
    background: -webkit-linear-gradient(top,  #0090ff 0%,#7f7fff 100%);
    background: -o-linear-gradient(top,  #0090ff 0%,#7f7fff 100%);
    background: -ms-linear-gradient(top,  #0090ff 0%,#7f7fff 100%);
    background: linear-gradient(to bottom,  #0090ff 0%,#7f7fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#7f7fff',GradientType=0 );
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	transform:scale(1.0005);
}
.serve .serve-bottom li h2{
	padding-top: 40px;
	color: #191919;
	font: normal bold 30px "微软雅黑";
	/* transition:all 0.6s; */
}
.serve .serve-bottom li:hover h2{
	color: #ffffff;
}
.serve .serve-bottom li:hover .des{
	color: #ffffff;
}
.serve .serve-bottom li:hover .btn{
	color: #ffffff;
	border: 1px solid #ffffff;
}
.serve .serve-bottom li img{
	transition:all 0.6s;
	padding-top: 45px;
}
.serve .serve-bottom li .des{
	padding: 45px 50px 0 50px;
	font: normal normal 13px/20px "微软雅黑";
}
.serve .serve-bottom li .btn{
	margin: 53px auto 45px auto;
	height: 52px;
	width: 200px;
	border: 1px solid #ddd;
	border-radius: 30px;
	font: normal normal 16px/52px "微软雅黑";
	color: #6f6f6f;
}
.serve .ser-btn{
	width: 19px;
	height: 34px;
}
.serve .btn-l{
	position: absolute;
	left: 30px;
	top: 215px;
	background: url(../images/left.png);
}
.serve .btn-r{
	position: absolute;
	right: 30px;
	top: 215px;
	background: url(../images/right.png);
}
.serve .serve-bottom li:hover img{
	transform:rotateY(-180deg);
	-ms-transform:rotateY(180deg);
	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	
}
.serve .serve-bottom li:hover h2{
	 /* transform:rotate(360deg); */
}

/*---------------服务项目  结束---------------*/
/*---------------首页案例  开始---------------*/
.index-case{
	height: 794px;
	margin-top: 80px;
	background: url(../images/case.png);
	background-size:100%100%;  
}
.index-case .index-case-t h3{
	padding-top: 106px;
	text-align: center;
	color: #fff;
	font: normal normal 30px "微软雅黑";
}
.index-case .index-case-l,.index-case .index-case-r{
	float: left;
	/*height: 794px;*/
	width: 50%;
	/*background-color: rgba(34, 123, 214, 0.3);*/
}
.index-case .index-case-l p ,.index-case .index-case-r p{
	color: #fff;
	font: normal normal 24px "微软雅黑";
	padding-top: 56px;
}
.index-case .index-case-l h4 ,.index-case .index-case-r h4{
	color: #fff;
	font: normal bold 36px "Arial";
	padding-top: 24px;
}
.index-case .index-case-l .more,.index-case .index-case-r .more{
	color: #fff;
	font: normal normal 16px/54px "微软雅黑";
	width: 164px;
	height: 54px;
	margin: 52px auto;
	border: 1px solid #fff;
}
.index-case .index-case-l .more a,.index-case .index-case-r .more a{
	color: #fff;
}
.index-case .p-l{
	text-align: center;
    padding: 154px 0 0 118px;
}
.index-case .p-r{
	text-align: center;
	padding: 154px 118px 0 0;
}
/*---------------首页案例  结束---------------*/
/*---------------首页解决方案  开始---------------*/
.index-project .index-project-top{
	height: 260px;
	text-align: center;
	position: relative;
}
.index-project .index-project-top h2{
	color: #191919;
	font: normal normal 30px "微软雅黑";
	padding-top: 70px;
}
.hr1{
	position: absolute;
    width: 80px;
    left: 803px;
    top: 60px;
    background: #19192f;
    border: none;
    height: 1px;
}
.hr2{
	display: inline-block;
    width: 42px;
    background: #19192f;
    border: none;
    height: 1px;
    vertical-align: middle;
    margin-left: 11px;
}
.index-project .index-project-top h3{
	color: #191919;
	font: normal bold 18px "Arial";
	padding-top: 15px;
}
.index-project .index-project-top p{
	font: normal normal 14px "微软雅黑";
	padding-top: 40px;
}
.index-project-center{
	/* height: 720px; */
}
.index-project-center li{
	float: left;
	width: 25%;
}
.index-project-center li img{
	width: 100%;
	vertical-align: middle;
	cursor: pointer;
}
.index-project-bottom{
	height: 124px;
	background-color: #eceff0;
	position:relative;
}
.index-project-bottom .project-btn{
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-indent: 35px;
	text-align: left;
	color: #ffffff;
	margin: auto;  
	position: absolute;  
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	font-size:15px;
	background: url(../images/jian.png) no-repeat right 35px center #0082fb;
	-webkit-transition: 0.4s;
}
.index-project-bottom .project-btn:hover{
	background-color: #F57426;
    background-position: right 32px center;
}
.index-project-bottom .project-btn span{
	color: #fff;
	font: normal normal 15px "微软雅黑";
}
.index-project-bottom .project-btn i{
	margin-left: 10px;
	width: 30px;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/jian.png) no-repeat;
}
.index-project li .txts {
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    height: 100%;
    overflow: hidden;
    transition: all 0.4s;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
}
.index-project li .imgs {
    overflow: hidden;
    position: relative;
}
.index-project li .txts h2 {
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    height: 76px;
    line-height: 76px;
    overflow: hidden;
    margin-top: 23%;
}
.index-project li:hover .txts {
	cursor: pointer;
    bottom: 0;
}
.index-project ul li .txts a i.bgs2 {
    background: url(/Public/Home/images/2018/i_pic2.png) center top no-repeat;
}
.index-project ul li .txts a i {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    transition: all 0.4s;
}
.index-project ul li .txts a {
    color: #fff;
    display: inline-block;
    width: 62px;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
}
.index-project ul li .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
/*---------------首页解决方案  结束---------------*/
/*---------------首页关于我们  开始---------------*/
.index-about{
	height: 678px;
}
.index-about .index-about-l{
	width: 45%;
    margin-top: 134px;
    overflow: hidden;
    margin-right: 40px;
    margin-left: 40px;
	
}
.index-about .index-about-l img{
	/* padding-left: 40px; */
	cursor: pointer;
    transition: all 0.6s;
}
.index-about .index-about-l img:hover{
	transform: scale(1.2);
}
.index-about .index-about-r{
	margin-top: 134px;
	width: 50%;
}
.index-about .index-about-r h3{
	font: normal normal 28px "微软雅黑";
	color: #4b4d50;
}
.index-about .index-about-r p{
	font: normal normal 16px "微软雅黑";
	color: #858585;
	margin-top: 36px;
}
.index-about .index-about-r h4{
	font: normal normal 20px "微软雅黑";
	color: #4b4d50;
	margin-top: 36px;
}
.index-about .index-about-r ul{
	margin-top: 46px;
}
.index-about .index-about-r li{
	float: left;
	width: 20%;
}
.index-about .index-about-r li img{
	width: 156px;
	height: 46px;
}
.index-about .index-about-btn{
	/* margin-top: 58px;
	width: 216px;
	height:63px;
	line-height: 63px;
	text-align: center;
	background-color: #0082fb; */
	background: url(../images/jt.png) no-repeat right 44px center;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font: normal normal 18px "微软雅黑";
    margin-top: 58px;
    width: 216px;
    height: 63px;
    line-height: 63px;
    text-indent: 44px;
    text-align: left;
    background-color: #0082fb;
    -webkit-transition: 0.4s;
}
.index-about .index-about-btn:hover{
	background-color: #F57426;
    background-position: right 32px center;
}
.index-about .index-about-btn span{
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font: normal normal 18px "微软雅黑";
}
.index-about .index-about-btn i{
	margin-left: 10px;
	width: 40px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/jt.png) no-repeat;
}
/*---------------首页关于我们  结束---------------*/
/*---------------首页问题  开始---------------*/
.index-question{
	position: relative;
	color: #fff;
	height: 788px;
	text-align:center;
	background: url(../images/problem.png);
	background-size:100%100%;  
}
.index-question .hr1{
	background: #fff;
	left: 796px;
    top: 87px;
}
.index-question .hr2{
	background: #fff;
}
.index-question .index-question-t h2{
	padding-top: 98px;
	font: normal normal 30px "微软雅黑";
}
.index-question .index-question-t h3{
	padding-top: 12px;
	font: normal bold 18px "Arial";
}
.index-question .index-question-t p{
	padding-top: 48px;
	font: normal normal 14px "微软雅黑";
}
.index-question .index-question-c{
	padding-top: 128px;
}
.index-question .index-question-c ul{
	width: 60%;
	margin: 0 auto;
}
.index-question .index-question-c li{
	float: left;
	width: 25%;
}
.index-question .index-question-c li h4{
	margin: 0 auto;
	padding-bottom: 8px;
	width: 104px;
	border-bottom: 2px solid #fff;
	font: normal normal 24px "微软雅黑";
	transition:all 0.6s;
}
.index-question .index-question-c li p{
	font: normal normal 14px "微软雅黑";
	padding-top: 40px;
}
.index-question .index-question-b{
	width: 404px;
	height: 86px;
	border: 2px solid #fff;
	margin: 0 auto;
	margin-top: 138px;
	font: normal normal 24px/86px "微软雅黑";
}
.index-question .index-question-b a{
	color:#ffffff;
}
.index-question .index-question-c li:hover{
	cursor: pointer;
}
.index-question .index-question-c li:hover h4{
	
	transform:rotate(360deg);
}
/*---------------首页问题  结束---------------*/
/*---------------首页新闻  开始---------------*/
.index-news{
	margin-top: 60px;
}
.index-news li{
	cursor: pointer;
	margin: 62px 10px 10px 10px;
	float: left;
	width: 43%;
	padding: 40px;
	border-bottom: 1px solid #8f8f8f;
	position: relative;
}
.index-news li:hover h4{
	color:#0082fb;
}
.index-news .news_lone_img{
	float:left;
	width: 258px;
    height: 182px;
	overflow:hidden;
}
.index-news li img{
	float: left;
	cursor: pointer;
	width:100%;
	transition: all 0.6s;
}
.index-news li img:hover{
	transform: scale(1.2);
}
.index-news li h4{
	color: #000000;
	font: normal normal 21px "微软雅黑";
	padding-bottom: 50px;
	margin-left: 274px;
}
.index-news li .des{
	color: #8f8f8f;
	font: normal normal 17px "微软雅黑";
	margin-left: 274px;
}
.index-news li .date{
	text-align: center;
	width: 80px;
	height: 80px;
	border:3px solid #0082fb;
	position: absolute;
	left: 80px;
	top: -16px;
	color: #0082fb;
	font: normal normal 26px/80px "微软雅黑";
}
.index-news li .year{
	position: absolute;
	left: 185px;
	top: 2px;
	color: #0082fb;
	font: normal normal 22px "微软雅黑";
}
/*---------------首页新闻  结束---------------*/
/*---------------首页留言  开始---------------*/
.index-message{
	height: 270px;
	background-color: #efefef;
	margin-top: 106px;
}
.index-message .index-message-t h3{
	color: #0c0c0c;
	padding-top: 52px;
	font: normal normal 30px "微软雅黑";
}
.index-message .index-message-c .button{
	width: 192px;
	height: 58px;
	color: #FFFFFF;
    background-color: #040404;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}
.index-message .index-message-c{
	margin-top: 32px;
}
.index-message .index-message-c .input{
	width: 264px;
	height: 56px;
	padding-left: 12px;
}
.index-message .index-message-c .input-b{
	width: 824px;
	height: 56px;
	padding-left: 12px;
}
.index-message .index-message-b{
	margin-top: 32px;
}
.index-message .index-message-b p{
	font: italic normal 12px "微软雅黑";
}
/*---------------首页留言  结束---------------*/
/*---------------公共底部  开始---------------*/
.footer{
	height: 420px;
	color: #fff;
	background: url(../images/footer.png) no-repeat;
}
.footer .footer-l,.footer .footer-r{
	width: 50%;
	margin-top: 82px;
}
.footer .footer-l ul{
	margin: 46px 0 0 20px;
}
.footer .footer-l li{
	float: left;
	padding-right: 46px;
}
.footer .footer-l h4{
	font: normal bold 30px "微软雅黑";
}
.footer .footer-l p{
	font: normal normal 18px "微软雅黑";
}
.footer .footer-l .address{
	padding-top: 44px;
}
.footer .footer-l .p1{
	color: #999999;
	padding-top: 10px;
}
.footer .footer-r-t p{
	margin-right: 13px;
    float: right;
	width: 192px;
	height: 64px;
	border: 1px solid #fff;
	text-align: center;
	font: normal normal 14px/64px "微软雅黑";
}
.footer .footer-r-t p span{
	padding-right: 10px;
	font: italic bold 24px/64px "微软雅黑";
}
.footer .footer-r .footer-r-b .email{
	margin: 10px 0 0 360px;
	font: normal bold 24px/64px "微软雅黑";
}
.footer .footer-r .footer-r-b .company{
	margin-left: 400px;
	font: normal normal 14px/24px "微软雅黑";
}
.footer .footer-r .footer-r-b img{	
	margin-top: 34px;
    padding-left: 458px;
}
/*---------------公共底部  结束---------------*/
.top01{ width:100%; height:38px; line-height:38px; background:#f67524; /*color:#f5f5f5;*/ color:#fff; overflow:hidden;}
.top01 .l{ font-size:14px;}
.top01_center{ text-align:left;/* width:362px; *//*padding-left:840px; margin:0 auto;*/ float:right; font-size:14px;}
.top01_center img{ vertical-align:sub; display:inline-block; margin-right:8px;}
.top01_center div{ font-size:14px; height:38px; overflow:hidden; display:block; text-align:right;}
.top01_center div.div1{transition:all 0.3s;}
.top01_center:hover div.div1{ margin-top:-38px;}
.top02{ height:86px; width:100%; min-width:1200px;}
.top02 .top02_center{width:93%; min-width:1200px;margin:0 auto;}
.logo{ width:344px; float:left; padding-top:13px;}
.logo img{ float:left;}
.logo .logo-year{ margin-top:17px; height:20px; line-height:20px; width:38px; text-align:center; font-size:12px; color:#fff; background:#f67524; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.logo .logo-text{ margin-top:5px; height:18px; color:#656565;line-height:18px; overflow:hidden;}
.nav{/* width:770px; */float:left;margin-left: 154px;}
/*.nav ul{ width:780px;}*/
.nav li.m{ width:86px; padding-right:22px;  margin:0 22px 0 0;float:left; text-align:center;/* position:relative;*/ }
.nav li:last-child{ background:none; padding-right:0; margin-right:0;}
.nav a.mmm{ width:86px;  height:46px; padding-top:40px; display:block; font: normal bold 16px "微软雅黑"; color:#020000; /*overflow:hidden; */}
.tel{float:right;}
.tel span { float: left;height: 46px;padding-top: 40px;display: block;color: #868585;font: normal normal 21px "微软雅黑";}
.tel img{float:left;padding-top:40px;padding-right: 10px;}
/*.nav li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -3px;
	height: 3px;
	opacity: 0;
	background-color: #dc6103;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li a:hover:after{
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}*/
.nav a:hover{ /*border-bottom:3px solid #f3782a;*/}
.nav .m.on a.mmm{color:#f3782a;}
.nav a#sel{/*border-bottom:3px solid #f3782a;*//*color:#f3782a;*/}
/*.nav a#sel:hover:after{opacity: 0;}*/

#top_bg{background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; display:none;}
.nav .sub{ display:none; /*默认隐藏*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:86px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nav .sub .nav_xiao{ width:1440px; overflow:hidden; margin:0 auto;}
.nav .sub .nav_xiao.max1100{ max-width:1100px;}
.nav .sub .nav_xiao .xiao_one{overflow:hidden; padding-top:40px; padding-bottom:40px;}
.nav .sub .nav_xiao .xiao_one ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_one ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; }
.nav .sub .nav_xiao .xiao_one ul li:last-child a{ border-right:0;}
.nav .sub .nav_xiao .xiao_one ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_one ul li a i{ display:block; width:101px; height:84px; margin:0 auto;margin-bottom:23px; overflow:hidden; background-image:url(../images/201807/top_pic1.png); background-repeat:no-repeat;transition:all 0.3s; margin-top:20px;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{ background-position:-720px top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{ background-position:left top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{ background-position:-360px top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{ background-position:-1088px top;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(../images/201807/top_pic1.png);}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{ background-position:-720px bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{ background-position:left bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{ background-position:-360px bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{ background-position:-1088px bottom;}

.nav .sub .nav_xiao .xiao_two{ margin-top:40px;/*margin-left:405px; width:670px;*/ margin-bottom:40px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_two ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_two ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; }
.nav .sub .nav_xiao .xiao_two ul li:last-child a{ border-right:0;}
.nav .sub .nav_xiao .xiao_two ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_two img{ float:left; margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{ float:left; width:380px; padding-top:30px; font-size:12px; color:#666666; line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{ font-size:16px; color:#f3782a; font-weight:normal; letter-spacing:1px; line-height:36px;}
.nav .sub .nav_xiao .xiao_two ul li a i{ display:block; width:104px; height:104px; margin:0 auto;margin-bottom:13px; overflow:hidden; background-image:url(../images/201807/top_pic2.png); background-repeat:no-repeat; margin-top:10px; background-color:#999999; border-radius:50%; position:relative;transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{ background-position:30px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{ background-position:-330px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{ background-position:-691px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{ background-position:-1050px center;}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{ background-color:#f67524; margin-top:5px; }




.nav .sub .nav_xiao .xiao_three{overflow:hidden; margin-top:60px; margin-bottom:60px;}
.nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:18%; height:218px; overflow:hidden; margin-right:2.5%; text-align:center; position:inherit; line-height:56px; background-color:#fff;}
.nav .sub .nav_xiao .xiao_three ul li:last-child{ margin-right:0;}
.nav .sub .nav_xiao .xiao_three ul li img{ width:100%; display:block;transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_three ul li a{ color:#000000; width:100%; font-size:18px; height:100%; display:block;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{ color:#f67524;}
/*.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}*/


.nav .sub .nav_xiao .xiao_four{ width:50%; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.nav .sub .nav_xiao .xiao_four.l{ border-right:1px solid #e3e3e3;}
.nav .sub .nav_xiao .xiao_four.r{ width:49%;}
.nav .sub .nav_xiao .xiao_four h2{ font-size:16px; font-weight:bold; color:#000; height:18px; line-height:18px;}
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px;}
.nav .sub .nav_xiao .xiao_four .ul li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; padding-left:15px; margin-right:40px; width:265px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){ margin-right:0;}
.nav .sub .nav_xiao .xiao_four .ul li:hover{ background-color:#fff;}
.nav .sub .nav_xiao .xiao_four .ul li a{ display:block;text-align:left; color:#999999; font-size:14px;}
.nav .sub .nav_xiao .xiao_four .ul li a i{ margin-right:10px; margin-top:4px; float:left; width:36px; height:36px; background-repeat:no-repeat; background-position:center center;}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{ background-image:url(../images/201807/top_pic4.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{ background-image:url(../images/201807/top_pic5.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{ background-image:url(../images/201807/top_pic6.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{ background-image:url(../images/201807/top_pic7.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{ background-image:url(../images/201807/top_pic8.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{ background-image:url(../images/201807/top_pic9.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{ background-image:url(../images/201807/top_pic10.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{ background-image:url(../images/201807/top_pic11.png);}
.nav .sub .nav_xiao .xiao_four .ul li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2{ width:540px; margin:0 auto; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px;}
.nav .sub .nav_xiao .xiao_four .ul2 li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; margin-right:40px; width:250px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){ margin-right:0;}
.nav .sub .nav_xiao .xiao_four .ul2 li a{ display:block;text-align:left; color:#999999; font-size:14px;}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{ display:inline-block; width:35px; height:15px; overflow:hidden; background:url(../images/201807/top_pic12.png) no-repeat; margin-left:3px;}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{ color:#f67524;}

.nav .sub .nav_xiao .xiao_five{ width:549px; overflow:hidden; float:left; margin-top:40px; margin-bottom:40px; border-right:1px solid #e6e6e6;}
.nav .sub .nav_xiao .xiao_five img{ width:391px; height:259px;}
.nav .sub .nav_xiao .xiao_five a{ width:391px; height:259px; padding:0; margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;text-align: left; margin-top:71px;}
.nav .sub .nav_xiao .xiao_five2 a{text-align: left; float:left; margin-right:100px; height:38px; line-height:38px;/* width:155px;*/ color:#000000; font-size:18px; margin-bottom:42px; transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){ margin-right:3px;}
.nav .sub .nav_xiao .xiao_five2 a i{ width:38px; height:38px; border-radius:50%; background-color:#999999; background-repeat:no-repeat; background-image:url(../images/201807/top_pic3.png); float:left; margin-right:20px;transition:all 0.3s; margin-left:0px;}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524;}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524; /*margin-left:3px;*/}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{ background-position:9px 8px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{ background-position:-233px 8px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{ background-position:9px -72px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{ background-position:-233px -72px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{ background-position:9px -152px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{ background-position:-233px -152px;}

/*.nav .sub .nav_xiao .xiao_six_l{ float:left; width:140px; margin-left:70px; overflow:hidden; margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{ display:block; height:46px; line-height:46px; font-size:16px; color:#333333; padding-left:20px; background:url(../images/2017/yuming_pic9.png) left center no-repeat; padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/2017/yuming_pic9_on.png) left center no-repeat; color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{ float:left; width:990px; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{ display:block; margin:0 auto; margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{ float:left;  width:140px;height:auto; border-left:1px solid #e2e3e3; padding-top:0; margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{ margin-top:-4px; margin-bottom:36px;}*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden; height:338px; border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul li{ float:left;display:inline; height:338px; width:33.2%; overflow:hidden;border-right:1px solid #e6e6e6; text-align:center;}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{ background:url(../images/201807/yuming_bg1.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{ background:url(../images/201807/yuming_bg2.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{ background:url(../images/201807/yuming_bg3.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{ margin:0 auto; width:80%; max-width:360px;height:338px; overflow:hidden; text-align:left;}
.nav .sub .nav_xiao .xiao_six ul li:last-child{ border-right:0;}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{ font-size:18px; font-weight:bold; height:62px; line-height:62px; border-bottom:1px solid #e6e6e6; margin-bottom:23px;}
.nav .sub .nav_xiao .xiao_six ul li a{ float:left; width:136px; overflow:hidden; height:30px; line-height:30px;font-size:16px; color:#666666;}
.nav .sub .nav_xiao .xiao_six ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_six ul li .a{ display:block; width:182px; height:42px; line-height:42px;  text-align:center; color:#fff; font-size:16px; margin-top:31px;transition:all 0.3s; clear:both;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{ background-color:#f67524;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{ background-color:#248cf6; margin-top:61px;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{ background-color:#1ecc85; margin-top:91px;}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;}



@media screen and (max-width: 1600px){
	.center{
		width: 1200px;
		margin: 0 auto;
	}
	.serve .center .btn-r{
		right:7px;
	}
	.serve .center .btn-l{
		left:7px;
	}
	.hr1{
		left:40%;
	}
	.index-about .index-about-l{
		width:43%;
	}
	.index-about .index-about-l img{
		width:100%;
	}
	.index-question .hr1{
		left:40%;
	}
	.index-message .index-message-c .input{
		width:16%;
	}
	.index-message .index-message-c .input-b{
		width:48%;
	}
	.footer .footer-r-t p{
		width:185px;
	}
	.footer .footer-r .footer-r-b img{
		padding-left:46%;
	}
	.footer .footer-r .footer-r-b .email{
		margin-left:32%;
	}
	.footer .footer-r .footer-r-b .company{
		margin-left:38%;
	}
	.nav li.m{
		width: 45px;
	}
	.nav{
		margin-left:21px;
	}
	.index-news li{
		width:41%;
	}
	.index-news li .des{
		font: normal normal 12px "微软雅黑";
	}
	.index-news li h4{
		font: normal normal 16px "微软雅黑";
	}
}
@media screen and (max-width: 1439px){
	.nav li.m{
		width: 42px;
	}
	.nav{
		margin-left:-25px;
	}
}