*{margin: 0px;padding: 0px;font-family: "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;}
li{list-style: none;}
a{text-decoration: none;color: #303232;}
header{width: 100%!important;overflow:hidden;}
.top-head{position:fixed;top:0;width: 100%;background:#fff;z-index: 100000;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}
.top01{width:100%;height:40px;line-height:40px;background:#303232;color:#fff;}
.top01 span{font-size: 14px;letter-spacing: 2px;width: 100%;}
.topp1{margin: auto;}
.top02{width:100%;height: 95px; position: relative;background: #fff;box-shadow: 0 5px 10px rgba(204, 204, 204, 0.3);}
.top02_center{margin: auto;}
.logo{float:left;padding-top:11px;}
.logo a img{width:100%;}
.rexian{position: absolute;top:20px;overflow: hidden;}
.re img{display: inline-block;width: 56px;}
.xian p{font-size: 21px;color: #d81e06;font-weight: 600;line-height: 26px;}
.xian_one{color: #303232 !important;letter-spacing: 2px;}
.re{float: left;}
.xian{float: right;}
.nav{float:right;}
.nav ul{width:100%;}
.nav li{margin:0 5px 0 6px;float:left;text-align:center;}
.nav li .mmm{width:86px;display:block;font-size:1em;margin-top: 40px;}

.nav li a:after{content: "";display: block;position: absolute;left: 50%;bottom:-21px; right: 50%;height: 3px;opacity: 0;background-color: #d81e06;-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 li:hover .mmm{color:#d81e06;}
.nav li {position: relative;}
.actives{color:#d81e06;border-bottom: 3px solid #d81e06;margin-top: 40px;padding-bottom: 18px}
.active{color:#fff!important;background: red!important;}
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:122px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_img{width:40%;overflow:hidden;float:left;margin-top:15px;}
.nav .sub .nav_xiao .xiao_img img{display:inline-block; width:90%;height:100%;margin: auto;}
.nav .sub .nav_xiao .xiao_img a{width:100%;height:100%;}
.nav .sub .nav_xiao .xiao_nan{float: right;text-align: left;width: 60%;margin-top:15px;}
.nav .sub .nav_xiao .xiao_nan p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_nan p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}
/*shouji导航*/
.mobile-inner-nav {
	overflow: hidden;
}
.mobile-inner-nav a {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: ReturnToNormal;
	animation-name: ReturnToNormal;
}
@-webkit-keyframes ReturnToNormal {
	100% {
		-webkit-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
@keyframes ReturnToNormal {
	100% {
		-webkit-transform: translateX(0%) rotate(0deg);
		transform: translateX(0%) rotate(0deg);
	}
}
.jq22-demo a{color: #fff;text-decoration: none;}
.jq22-demo{width: 100%;padding-bottom: 1.2em;}
.jq22-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.jq22-demo a:hover{opacity: 0.6;}
.jq22-demo a.current{background:#1d7db1;color: #fff; }
#header{
	background-color: #3f8dbf;
	float: left;
	width: 100%;
	height: 50px;
	color: rgba(255,255,255,1);
	line-height: 50px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#header a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	font-size: 15px;
}
#header-left{
	float: left;
	height: 50px;
}
#header-left:hover #header-left-icon{
	background-color: #3F8DBF;
}
#header-left:hover #header-left-text{
	background-color: #599BC8;
}
#header-left-icon{
	float: left;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #35759F;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-icon a {
	font-size: 25px;
}

#header-left-text{
	float: left;
	height: 50px;
		-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-text a {
	padding-left: 20px;
	padding-right: 20px;
}
#header-right{
	float: right;
	height: 50px;
}
#header-right:hover #header-right-icon{
	background-color: #3F8DBF;
	}
#header-right:hover #header-right-text{
	background-color: #599BC8;
	}
#header-right-icon{
	float: right;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #35759F;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text{
	float: right;
	height: 50px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text a {
	padding-right: 20px;
	padding-left: 20px;
}
.wrapper{
	width: 100%;
	float: left;
}
.wrapper-inner{
	/*width: 1100px;*/
	/*margin-right: auto;*/
	/*margin-left: auto;*/
	 /*-webkit-touch-callout: none; /* iOS Safari */
  
}
.wrapper-inner-buttons{
	width: 100%;
	float: left;
	margin-top:50px;
	text-align: center;
}
.wrapper-inner-buttons a{
	background-color: #3f8dbf;
	line-height: 35px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	border-radius: calc(35px / 2);
}
.wrapper-inner-buttons a.current{
	background-color: #f5d76e;
	color: #d35400;
}
.wrapper-inner-buttons a:hover{
	background-color: #35759F;
	color: #fff;
}
.mobile{
	width: 100%;
	float: left;
}
.mobile-inner{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	background-color: rgb(239 200 84);
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0px;
	left: 0px;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 60px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
	font-size: 13px;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 2px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 50px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 585px;
	display: none;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 60px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
	font-size: 14px;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}

/*首页*/
/*轮播图*/
.banner .swiper-container {width: 100%;height:700px;overflow: hidden;margin-top: 130px;}
.banner .swiper-pagination-bullet {display: inline-block;width: 50px;height: 30px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.banner .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(128,128,128,0.2);}
.banner .swiper-pagination-bullet-active span{background:#fff;}
.banner .autoplay .swiper-pagination-bullet-active span{background: rgba(128,128,128,0.2);}
.banner .swiper-pagination-bullet i{background: #fff;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}
.banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.banner .autoplay .replace span{background:#fff;}
.slide1 {background:url(../images/banner3.jpg) no-repeat 100% 100%;background-size: auto:100% 100%;}
.slide2 {background:url(../images/banner1.jpg) no-repeat 100% 100%;background-size: 100% 100%;}
.slide3 {background:url(../images/banner2.jpg) no-repeat 100% 100%;background-size: 100% 100%;}
/*选择我们的理由*/
.shouye-text1{width: 80%;margin: auto;}
.shouye-text01 h2{font-size: 35px;font-weight: 700;text-align: center;margin:45px 0 30px;}
.shouye-text01 p{font-size: 17px;line-height: 30px;text-align: center;margin: 30px auto;transition: all 0.5s linear;}
.shouye-text02 ul{overflow: hidden;padding-bottom: 50px;}
.shouye-text02 ul li{width: 24%;float: left;margin-top:35px;border:1px solid #d8d8d8;margin-right:1%;padding: 12px;}
.shouye-text02 ul li .yuan{width: 130px;height: 130px;line-height:130px;font-size:73px;text-align:center;margin: auto;transition: all 0.5s linear; color: red;}
.shouye-text02 ul li:hover .yuan{color: #fff;}
.shouye-text02 ul li:hover h4{color: #fff;}
.shouye-text02 ul li:hover p{color: #fff;}
.shouye-text02 ul li:hover{background: #d81e06;}
.yuan-01 h4{font-size: 20px;font-weight: 400;text-align: center;margin-top: 20px;color:#d81e06;transition: all 0.5s linear;}
.yuan-01 p{font-size:14px;text-align: center;letter-spacing: 2px;line-height: 21px;width: 80%;margin:40px auto 40px;}
.shouye-text2{background:#f7f7f7;width: 100%;height: 500px;margin-top: 60px;}
.shouyehengtu{width: 100%;margin: 30px 0;}
.shouyehengtu img{width: 100%;}
/*case*/
.shouye-case .h1{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.shouye-case .h2{font-size: 35px;color: #000;font-weight: bold;margin-bottom: 50px;text-align: center;}
.shouye-casemr{text-align: center;margin-top: 45px;margin-bottom: 20px}
.shouye-casemr a{display: inline-block;width: 200px;height: 52px;line-height: 50px;font-size: 16px;color: #333333;border: 1px solid #dfdfdf;border-radius: 30px;transition: all 0.3s linear;}
.shouye-casemr a:hover{border-color: #000;}
/*news*/
.shouye-news{background: #F2F2F2;}
.shouye-news .h2{font-size: 35px;color: #000;font-weight: bold;margin-bottom: 30px;text-align: center;padding-top: 40px;}
.shouye-newsmr{text-align: center;margin: 30px 0;padding-bottom: 30px}
.shouye-newsmr a{display: inline-block;width: 200px;height: 52px;line-height: 50px;font-size: 16px;color: #333333;border: 1px solid #dfdfdf;border-radius: 30px;transition: all 0.3s linear;}
.shouye-newsmr a:hover{border-color: #000;}
/*hezuo*/
.shouye-hz{width: 80%;margin:80px auto;}
.shouye-hz .title .h2{font-size: 35px;color: #000;font-weight: bold;margin-bottom: 30px;text-align: center;padding-top: 30px;}
.hzfrind ul{overflow: hidden;}
.hzfrind ul li{float: left;padding: 10px;transition: all 0.3s linear;}
.hzfrind ul li:hover{transform: scale(1.1);}
/*footer*/
.footer {background-color: #000;padding: 20px 0;}
.foot-top {margin-bottom: 70px;margin-top:48px;}
.foot-nav {float: left;}
.foot-nav .column {float: left;margin-right: 117px;}
.foot-nav .column:last-child {margin-right: 0;}
.foot-nav .h1 {font-size: 20px;color: #fff;margin-bottom: 30px;font-weight: 600;}
.foot-nav .item {display: block;font-size: 16px;color: #888888;margin-bottom: 15px;}
.footer .sales {float: right;margin-right: 38px;}
.footer .sales .h1 {font-size: 20px;color: #fff;margin-bottom: 20px;font-weight: 600;letter-spacing: 2px;text-align: center;}
.footer .sales .words {font-size: 18px;color: #fff;font-weight: 600;}
.footer .sales .img {margin:20px auto;width: 125px;}
.footer .sales .color {color: red;font-size: 24px;}
.foot-bot .link {float: left;}
.foot-bot .link a {font-size: 14px;color: #888888;}
.foot-bot .record {font-size: 14px;color: #888888;text-align: center}
.foot-bot .record a {font-size: 14px;color: #fff!important;}
/*关于我们*/
.gybanner{width: 100%;}
.gybanner img{width: 100%;}

.gy_left h2{font-size: 36px;margin-bottom: 20px;}

.gy_right img{width: 100%;}
.qywh {background: #f6f9fb;overflow: hidden;}
.qywhcontain{position: relative;width: 80%;margin: auto;}

.whtxt li {position: absolute}
.whtxt li:nth-child(odd) {text-align: right}


.whimg {
    display: block;
    width: 24%;
    position: relative;
    text-align: center;
    margin: 0 auto
}
.whimg img {
    width: 100%
}
.whimg h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #282d30;
    font-family: 'zzgfht';
}
.active .whtxt li {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.whtxt h2 {
    color: #282d30;
    padding-bottom: 22px;
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    font-size:18px
}.whtxt p {
    color: #9d9d9d;
    font-size: 14px;
    line-height: 24px
}
.active .whtxt li {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.whtxt li:nth-child(even) h2:before {
    left: -20px;
    bottom: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.whtxt li h2:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00653b;
    position: absolute
}

.whtxt li:nth-child(odd) h2:before {
    right: -20px;
    bottom: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.whtxt li h2:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 132px;
    background: #e0e0e0;
    position: absolute;
    bottom: 0;
}

.whtxt li:nth-child(1) h2:after {
    right: -162px;
    transform: rotate(45deg) translateY(10px);
    -ms-transform: rotate(45deg) translateY(10px);
    -webkit-transform: rotate(45deg) translateY(10px);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.whtxt li:nth-child(2) h2:after {
    left: -162px;
    transform: rotate(-45deg) translateY(10px);
    -ms-transform: rotate(-45deg) translateY(10px);
    -webkit-transform: rotate(-45deg) translateY(10px);
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.whtxt li:nth-child(3) h2:after {
    right: -162px;
    transform: rotate(-45deg) translateY(-10px);
    -ms-transform: rotate(-45deg) translateY(-10px);
    -webkit-transform: rotate(-45deg) translateY(-10px);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.whtxt li:nth-child(4) h2:after {
    left: -162px;
    transform: rotate(45deg) translateY(-10px);
    -ms-transform: rotate(45deg) translateY(-10px);
    -webkit-transform: rotate(45deg) translateY(-10px);
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
/*news*/
.newsbg{margin-bottom: 40px;}
.newstil{width: 85%;}
.newstil h2{border-bottom: 1px solid #eee;color: #444;}
.news{width: 85%;margin: auto;}   
.news-row1{overflow:hidden}
.news-row1 .slick button{position: absolute;bottom: 50px;font-size: 0;width: 30px;height: 30px;z-index: 99;border: 0;transition: all .3s;}
.news-row1 .slick .slick-prev{right: 70px;background: url(../img/img1.png) center center no-repeat;background-size: cover;}
.news-row1 .slick .slick-next{right: 0px;background: url(../img/img2.png) center center no-repeat;background-size: cover;}
.news-row1 .slick .slick-prev:hover{background: url(../img/img1-2.png) center center no-repeat;background-size: cover;}
.news-row1 .slick .slick-next:hover{background: url(../img/img2-2.png) center center no-repeat;background-size: cover;}
.hot-news{font-size:0;margin-bottom:40px;overflow:hidden}
.hot-news .pic{display:inline-block;vertical-align:middle;overflow:hidden}
.hot-news .pic img{display:block;width:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.hot-news .inner{display:inline-block;vertical-align:middle;width:54.2%;padding-bottom:2px}
.hot-news .date{display:block;font-size:16px;color:#333;line-height:1.4;margin-bottom:40px}
.hot-news h4{margin-bottom:30px}
.hot-news h4 a{display:block;color:#333;line-height:1.4;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.hot-news .txt{font-size:14px;color:#666;font-family:Light;line-height:26px;margin-bottom:61px;height:52px;overflow:hidden}
.hot-news .more{display:inline-block;padding:10px 0;font-size:14px;color:#666;font-family:Light;line-height:1.4;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.hot-news:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.hot-news:hover h4 a{color:#202c5e}
.hot-news:hover .more:hover{color:#202c5e}
.news-list1{margin:0 -20px}
.news-list1:after{content:'';display:block;clear:both;width:100%;height:0;visibility:hidden}
.newsL1-item{float:left;margin-bottom:40px}
.newsL1-item .con{margin:0 20px;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.newsL1-item .pic{padding-top:68%;position:relative;overflow:hidden}
.newsL1-item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.newsL1-item .inner{padding:36px 26px;border:1px solid #eee;border-top:none;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.newsL1-item h4{margin-bottom:12px}
.newsL1-item h4 a{display:block;font-size:18px;color:#222;line-height:1.4;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.newsL1-item .txt{margin-bottom:54px;font-size:14px;color:#666;line-height:25px;height:50px;font-family:Light;overflow:hidden}
.newsL1-item .info{padding:0 4px 0 2px;overflow:hidden}
.newsL1-item .info .date{float:right;font-size:14px;color:#999;line-height:26px;padding-left:30px;}
.newsL1-item .info .more{overflow:hidden}
.newsL1-item .info .more a{display:inline-block;font-size:14px;color:#666;line-height:26px;font-family:Light}
.newsL1-item .con:hover{box-shadow:0 4px 22px 0 rgba(0,0,0,.14)}
.newsL1-item .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.newsL1-item .con:hover .inner{border-color:transparent}
.newsL1-item .con:hover h4 a{color:#202c5e}
.newsL1-item .con:hover .info .more a{color:#202c5e}
.newspage{margin: 30px auto;text-align: center;}
.newspage li {display: inline-block;width: 40px;height: 40px;margin: 0 1px;background-color: #eee;font-size: 14px;color: #666;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #eee;
    transition: all 0.5s linear;
}
.newspage li.thisclass {
    background-color: #d81e06;
    color: #fff;
}
.newspage .next {
    background: url(../img/ico40.png) no-repeat center;
}
.newspage li:hover {
	background-color: #d81e06;
	color: #fff;
}
/*contact*/
.con-til >h1{border-bottom: 1px solid #eee;padding: 22px 0 20px;color: #444;}
.con-text{overflow: hidden;}
.con-text1{float: left;}
.con-text1>p{color: #444;width:90%}
.con-text1>p:nth-of-type(1){font-weight: 400;margin-bottom: 20px;}
.con-text1>p:nth-of-type(2){
	background: url(../img/icon4.png) left 0px top 6px no-repeat;padding-left: 30px;
}
.con-text1>p:nth-of-type(3){
	background: url(../img/icon2.png) left 0px top 8px no-repeat;padding-left: 30px;
}
.con-text1>p:nth-of-type(4){
	background: url(../img/icon2.png) left 0px top 8px no-repeat;padding-left: 36px;
}
.con-text1>p:nth-of-type(5){
	background: url(../img/icon2.png) left 0px top 8px no-repeat;padding-left: 36px;
}
.qw{margin-top: 20px;}
.qw-w{float: left;margin-right: 30px;}
.qw-w img{width: 83%;margin-top: 16px;}
.qw-w h4{font-size: 17px;}
.qw-q h4{font-size: 17px;}
.qw-q{float: left;}
.qw-q img{width: 83%;margin-top: 16px;}

.box { width: 100%; height: 400px;}
#container3 { width: 100%; height: 100%; }
/*service*/

.ser-one{background: #f8f8f8;width: 85%;margin:50px auto 50px;}
.ser-til{width: 90%;margin: auto;}
.ser-til>p{
	width: 250px;
	font-size: 20px;
	padding: 30px 20px;
	text-align: center;
	font-weight: 700;
}
.ser-til>p:after {
    content: "";
    width: 70%;
    border-bottom: 3px solid;
    display: block;
    margin: 1em auto 0 auto;
}

.ser-tile{
	width: 90%;
    background: #d81e06;
    color: #fff;
    text-align: center;
    padding: .5em 0 1em 0;
    margin-top: 1em;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
}
.ser-tile>svg {
    margin-right: 1em;
    position: relative;
    top: 10px;}
.ser-text{
	
	font-size: 16px;
	color: #9d9d9d;
	width: 90%;margin:22px auto;
	padding-bottom: 50px;
}
.ser-text>p{line-height: 30px;}
.ser-text>p:nth-of-type(2){text-indent: 2em;}
.ser-text>p:nth-of-type(3){text-indent: 2em;}
.ser-text>p:nth-of-type(4){text-indent: 2em;}
.ser-text>p:nth-of-type(6){text-indent: 2em;}
.ser-text>p:nth-of-type(7){text-indent: 2em;}
.ser-text>p:nth-of-type(8){text-indent: 2em;}
.ser-text>p:nth-of-type(9){text-indent: 2em;}
.ser-text>p:nth-of-type(11){text-indent: 2em;}
.ser-text>p:nth-of-type(12){text-indent: 2em;}
.ser-text>p:nth-of-type(13){text-indent: 2em;}
.ser-text>p:nth-of-type(15){text-indent: 2em;}
.ser-text>p:nth-of-type(16){text-indent: 2em;}
.ser-text>p:nth-of-type(17){text-indent: 2em;}
.ser-text>p:nth-of-type(18){text-indent: 2em;}
.ser-text>p:nth-of-type(19){text-indent: 2em;}

/*case*/
.footer2>span{
	display: inline-block;
	line-height: 40px;
}
.news-tail{width: 85%;margin:auto;}
.news-tail>h2{text-align: center;font-size: 23px;}
.news-tail>span{text-align: center;display: block;margin-top: 18px;margin-bottom:20px}
.news-contt>img{width: 100%;padding: 12px 0;}
.news-contt{margin-bottom: 50px;}
.case-detail{width: 85%;margin:40px auto;}
.case-detail>ul{overflow: hidden;}
.case-detail>ul>li{position: relative;float: left;margin: 1%;overflow: hidden;}
.case-detail>ul>li>img{width: 100%;height: 100%;transition: all 0.5s linear;}
.case-wenzi{position: absolute;bottom: 0;width: 100%;height: 60px;background: #333;opacity: 0.6;line-height: 24px;text-align: center;color: #fff;}
.case-wenzi p:nth-of-type(1){margin-top: 5px}
.case-detail>ul>li:hover img{transform: scale(1.1);}
.case-xian{height: 3px;background: red;transition: all 0.5s linear;width: 0%;position: absolute;bottom: 0;}
.case-detail>ul>li:hover .case-xian{width: 100%;}
.pic>a{width: 100%}
.news-contt img{width: 100%}
.pageinfo{display:none}
.news-contt img{width:100%!important;height:auto!important;margin:10px 0!important;}

    
}