@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666;text-decoration:none;}
.center{max-width:1200px;margin:0 auto}
h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500;}
h1{font-size:2rem;}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}


.index_case .list{ width:72%; float: right; margin-top:2rem;}
.list ul li{ width:30.3%; margin:0 1.5% 3% 1.5%; float:left;position: relative;transition: 0.6s;}
.list ul li .list_border{  background: #fff; transition:0.3s; }
.list ul li .list_img{ width:100%; height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto;  transition: 0.3s;}
.list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.list ul li .list_img:hover{ transform:translate(0,-6px);}

.list ul li .list_text{ padding:2% 0; line-height:2.6rem; text-align: center; }
.list ul li .list_text p{ width:100%; background: linear-gradient(to right, #0c77e4 0%,#00a3ca 100%); line-height:2.6rem;     color:#fff;text-align: center;
    display: block; margin: auto; border-radius: 20px; margin-top: -10px;    position: absolute;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}



.index_xiangmu{ margin-top:3rem;}
.index_xiangmu ul{ width:90%; margin:auto;}
.index_xiangmu ul li{ width:14%; float: left; margin:1%; background: #f1f1f1; padding:1.2% 2%;border-radius: 6px; }
.index_xiangmu ul li img{ margin:auto; text-align: center; display: block;}
.index_xiangmu ul li p{ font-size:1rem; color:#333; text-align: center; margin-top:1rem;}
.index_xiangmu ul li:nth-child(6){ display:none;}

.index_about{ margin-top:3rem; background: #f1f1f1; padding:3rem 0;}
.index_about .float_l{ width:50%; float: left; margin-top:2rem;}
.index_about .float_l .text p{ font-size:0.9rem; color:#666; line-height: 1.8rem; }
.index_about .float_l .dianhua{ margin-top:2rem;}
.index_about .float_l .dianhua img{ float: left; margin-right:1rem; margin-top:0.4rem;}
.index_about .float_l .dianhua p{ font-size:1rem; color:#333; float: left; line-height: 2rem;}
.index_about .float_l .dianhua span{ display:block; font-size:1.6rem; font-weight: 600; color:#444; line-height: 2rem;}
.index_about .float_l .more{ width:30%; line-height: 2.4rem; background: #ed9d03; text-align: center; font-size:1rem; color:#fff; display: block; margin-top:1rem;}
.index_about .float_r{ width:46%; float: right; margin-top:2rem;}
.index_about .float_r img{ width:100%;}



.index_youshi{ background:url("../images/youshi.jpg"/*tpa=http://www.wx-hp.com/images/youshi.jpg*/) center no-repeat; height:778px;}
.index_youshi .title1{padding-top:4rem;}
.index_youshi .top01{ background:#fff; width:100%; overflow: hidden; margin-top:2rem;}
.index_youshi .top01 ul{ }
.index_youshi .top01 ul li{ width:24.9%; float: left; border-right:1px dashed #f1f1f1; padding:2rem 0;cursor:pointer;}
.index_youshi .top01 ul li p{ font-size:1.4rem; color:#333; text-align: center; margin-top:2rem; font-weight: 600;}
.index_youshi .top01 ul li span{ font-size:1rem; display: block; color:#666; text-align: center; margin-top:1rem;}
.index_youshi .top01 ul li .xian{ width:60px; height:1px; margin:1.4rem auto; display: block; background: #ccc;}
.index_youshi .top01 ul li:hover{ box-shadow:0px 0px 10px 0px #ccc;}



.index_youshi .top02{ width:100%; overflow: hidden; margin-top:3rem;}
.index_youshi .top02 ul li{ display:none;}
.index_youshi .top02 ul .ul_block{ display:block;}
.index_youshi .top02 ul li .float_l{ width:50%; float: left;}
.index_youshi .top02 ul li .float_l .p01{ font-size:3rem; color:#ed9d03; font-weight: 600;}
.index_youshi .top02 ul li .float_l .p02{ font-size:1.6rem; color:#444; font-weight: 600;}
.index_youshi .top02 ul li .float_l .p02 strong{ font-size:0.9rem; color:#444; font-weight: 100; font-family: "Adobe Caslon Pro";}
.index_youshi .top02 ul li .float_l .span01{ font-size:0.9rem; color:#444; line-height: 1.4rem;margin-top:1rem; display: block;}
.index_youshi .top02 ul li .float_l .dianhua{ margin-top:1rem;}
.index_youshi .top02 ul li .float_l .dianhua p{ font-size:1rem; color:#444; float: left; margin-top:0.3rem;}
.index_youshi .top02 ul li .float_l .dianhua span{ font-size:1.4rem; color:#444; float: left; font-weight: 600; display: block;}
.index_youshi .top02 ul li .float_r{ width:46%; float: right;}
.index_youshi .top02 ul li .float_r img{ width:100%;}


.index_case{ margin-top:3rem;}
.index_case ul{ overflow:hidden;}
.index_case ul li{ width:23.4%; float: left; margin:0.8%;}
.index_case ul li div{  width:100%; height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto; }
.index_case ul li div img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index_case ul li p{  font-size:1rem; color:#444; text-align: center; margin-top:1rem;}


.index_news{ margin-top:3rem; background:#f1f1f1; padding:3rem 0; overflow: hidden;}
.index_news .float_l{ width:48%; float: left; margin-top:2rem;}
.index_news .float_l div{ width:100%;     height: 0;padding-top: 60%; position: relative;overflow: hidden; margin: auto;}
.index_news .float_l div img{position: absolute;width: 100%;top: 50%; left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index_news .float_l p{ font-size:1.1rem; margin-top:1rem; color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news .float_l p:hover{color:#ed9d03;}
.index_news .float_l span{ display:block; font-size:0.9rem; color:#666; line-height: 1.4rem; margin-top:1rem;}
.index_news ul{ width:50%; float: right; margin-top:2rem;}
.index_news ul li{ width:92%; background: #fff; padding:4%; margin-bottom:1rem;}
.index_news ul li p{ font-size:1.1rem; color:#333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news ul li span{ font-size:0.9rem; color:#666; line-height: 1.8rem; margin-top:1rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news ul li p:hover{ color:#ed9d03;}








.about { padding-top:3rem;  padding-bottom:4rem;background: #f1f1f1;  overflow: hidden;}
.left{ width:26%; float: left; }
.left .top01{ background:#fff; padding:5%; width:90%;}
.left .top01 .top{ overflow:hidden; margin-bottom:1.6rem;}
.left .top01 .top span{ width:2px; height:1.8rem; background: #2e2a5d; display: block; margin-right:1rem; float: left;}
.left .top01 .top p{ font-size:1.4rem; color:#222; float: left;}
.left .top01  ul{ overflow:hidden; margin-top:1rem;}
.left .top01  ul li{ margin-bottom:1.1rem; overflow: hidden;}
.left .top01  ul li span{ display:block; width:8px; height:8px; background: #ccc;  margin-top:0.5rem;border-radius: 50%; float: left; margin-right:0.5rem; }
.left .top01  ul li p{ font-size:0.9rem; color:#444; float:left; width:90%; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.left .top02{ background:#fff; padding:5%; width:90%; margin-bottom:1.4rem; padding-bottom:3rem;}
.left .top02 .top{ overflow:hidden; margin-bottom:1.6rem;}
.left .top02 .top span{ width:2px; height:1.8rem; background: #2e2a5d; display: block; margin-right:1rem; float: left;}
.left .top02 .top p{ font-size:1.4rem; color:#222; float: left;}
.left .top02 .dianhua{ overflow:hidden;}
.left .top02 .dianhua p{ font-size:2rem; color:#2e2a5d; font-weight: 600;}
.left .top02 .dizhi p{ font-size:1rem; color:#666;margin-top:0.6rem; }

.about .right{ width:66%; float: right;  background: #fff; padding:3%;}
.about .right .top{ border-bottom:1px solid #ccc;  overflow: hidden;}
.about .right .top .p01{ font-size:1.5rem; color:#333; font-weight: 600; float: left;}
.about .right .text{ margin-top:2rem;}
.about .right .text p{ font-size:0.98rem; color:#444; line-height: 2rem;}
.about .right .text div{ width:100%; margin-top:2rem;}
.about .right .text div img{ width:100%;}

.news{padding-top:3rem;  padding-bottom:4rem;background: #f1f1f1;  overflow: hidden;}
.news .right{width:66%; float: right;  background: #fff; padding:3%;}
.news .right .top{ border-bottom:1px solid #ccc;  overflow: hidden;}
.news .right .top .p01{ font-size:1.5rem; color:#333; font-weight: 600; float: left;}
.news .right .ul02{ overflow:hidden; margin-top:2rem;}
.news .right .ul02 li{ width:100%; overflow: hidden; padding-bottom:1rem; border-bottom:1px dashed #ccc; margin-bottom:1rem;}
.news .right .ul02 li div{ width:20%; float: left; margin-right:1rem;}
.news .right .ul02 li div img{ width:100%;}
.news .right .ul02 li p{ font-size:1.2rem; color:#222;  margin-top:0.4rem;}
.news .right .ul02 li span{ display:block;  margin-top:0.6rem;font-size:0.9rem; color:#666; line-height: 1.6rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;	}
.news .right .ul02 li p:hover{ color:#2e2a5d;}


.news .right .text{ margin-top:2rem;}
.news .right .text .top1{ padding-bottom:1rem; border-bottom:1px dashed #ccc; width:100%;}
.news .right .text .top1 h1{font-size:1.4rem; color:#333; font-weight: 600; text-align: center; line-height: 3rem;}
.news .right .text .top1 span{ font-size:0.9rem; color:#666; text-align: center; margin-top:0.4rem; display: block;}

.news .right .text p{ font-size:0.9rem; color:#444; line-height: 2rem;}
.news .right .text div{ width:60%; margin:2rem auto;}
.news .right .text div img{ width:100%;}


.contact{padding-top:3rem;  padding-bottom:4rem;background: #f1f1f1;  overflow: hidden;}
.contact .right{width:66%; float: right;  background: #fff; padding:3%;}
.contact .right .top{ border-bottom:1px solid #ccc;  overflow: hidden;}
.contact .right .top .p01{ font-size:1.5rem; color:#333; font-weight: 600; float: left;}
.contact .right .text{ margin-top:3rem;}
.contact .right .dianhua{ width:48%; float: left;  padding:2rem 0;  margin:0 1%;height:100px;}
.contact .right .dianhua img{ margin:auto; display: block;}
.contact .right .dianhua p{ font-size:1rem; color:#333; text-align: center; margin-top:0.4rem;}
.contact .right .dianhua span{ font-size:1.3rem; color:#333; text-align: center; display: block; margin-top:0.4rem; font-weight: 600;}

.contact .right .dizhi{ width:48%; float: left; padding:2rem 0; margin:0 1%;height:100px;}
.contact .right .dizhi img{ margin:auto; display: block;}
.contact .right .dizhi p{ font-size:1rem; color:#333; text-align: center; margin-top:0.4rem;}
.contact .right .dizhi span{ font-size:0.9rem; color:#444; text-align: center; display: block; margin-top:0.4rem;}



.case{padding-top:3rem;  padding-bottom:4rem;background: #f1f1f1;  overflow: hidden;}
.case .right{width:66%; float: right;  background: #fff; padding:3%;}
.case .right .top{ border-bottom:1px solid #ccc;  overflow: hidden;}
.case .right .top .p01{ font-size:1.5rem; color:#333; font-weight: 600; float: left;}
.case .right .ul02{ overflow:hidden;}
.case .right .ul02 li{ width:31.3%; margin:1%; float: left;}
.case .right .ul02 li div{width:100%; height:0; padding-top:60%; position:relative; overflow:hidden; margin:auto;}
.case .right .ul02 li div img{position:absolute; width:100%; height:100%;top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }

.case .right .ul02 li p{ font-size:1rem; color:#333; text-align: center; margin-top:1rem;}





.lianjie{  border-bottom:1px solid #666666; margin-bottom:2rem; }
.lianjie .center .box{ padding-bottom:1rem; overflow: hidden; width:96%; margin:auto;}
.lianjie .center .box p{ font-size:1rem; float: left; margin-right:1rem; color:#fff; }
.lianjie .center .box span{display:block; margin:0 1rem; float: left; color:#fff; font-size:0.9rem; margin-top:0.2rem;}


.foot{  background: #444; padding:2rem 0;}
.foot .tu{width:20%; float: left; margin-top:2rem;}
.foot .tu img{width:100%;}
.foot .daohang{ width:12%; float: left; margin-left:18%;}
.foot .daohang p{ font-size:1.1rem; display: block; border-bottom:1px solid #b2b2b2; padding-bottom:0.6rem; color:#fff; margin-bottom:0.8rem;}
.foot .daohang span{ display:block; color:#b2b2b2; float:left; font-size:0.9rem; margin:4%;}

.foot .lianxi{width:26%; float:left; margin-left:22%;}
.foot .lianxi .p01{ font-size:1.1rem; width:30%;color:#fff; display: block; padding-bottom:0.8rem; border-bottom:1px solid #b2b2b2; overflow: hidden; margin-bottom:1rem;}
.foot .lianxi .box01{ overflow:hidden;}
.foot .lianxi .box01 img{ float:left; margin-right:1rem; }
.foot .lianxi .box01 .p02{ font-size:0.9rem; color:#b2b2b2; float: left;}
.foot .lianxi span{ display: block; font-size:1.4rem; color:#fff; font-weight: 600; margin-top:0.4rem;}
.foot .lianxi .box02{ margin-top:0.6rem;}
.foot .lianxi .box02 img{ float:left; margin-right:1rem; }
.foot .lianxi .box02 .p03{ font-size:0.9rem; color:#b2b2b2; float: left;}


.location {
    padding: 0 1%;
    width:40%;
	float: right;
	overflow:hidden;
}

 .location p {
        float: left;
	    color:#444;
	    line-height: 3rem;
	    font-size:0.9rem;
    }

.location span{
        float: left;
	    color:#444;
	    line-height: 3rem;
	    font-size:0.9rem;
	    display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

.location a:hover {
        color: #333;
    }

.location h3 a {
        display: inline-block !important;
    }



	
	

.fixed{  position:absolute;}
.fixed_dh{ height:4.0rem;text-align:right;display:none; position:fixed; top:60%;right:2%;}	
.paginationa{overflow: hidden; padding:2rem 0; width:100%;}
.paginationa .ul01 li{ float:left; border:solid 1px #ccc;margin-left:1%;text-align: center; line-height: 2rem; padding:0 1%;}
.paginationa .ul01{ max-width:1200px; margin:auto;}
.paginationa .ul01 li a:hover{ color:#ffc001;}
.paginationa .ul01 li a{ color:#222;}
.paginationa span{ display:block; float: left; line-height: 2rem;}
/* 首页标题 */

.title{
	width:22.3%;
	margin:auto;
	margin-bottom:1rem;
	overflow: hidden;
	}
.title .top{ overflow:hidden;}
.title h2{
	color:#333;
	font-weight: 600;
	font-size:1.8rem;
	text-align:center;
	margin:0 1rem;
	float: left;
	}
.title .xian{ width:60px; height:1px; background: #ccc; float: left; margin-top:1.2rem;}
.title p{
	color:#666;
	font-size:1rem;
	text-align:center;
	display:block;
	margin-top:0.6rem;
	}

.title1{
	width:100%;
	margin:auto;
	margin-bottom:1rem;
	overflow: hidden;
	}
.title1 h2{
	color:#fff;
	font-weight: 600;
	font-size:1.8rem;
	text-align:center;
	margin:0 1rem;
	}
.title1 p{
	color:#fff;
	font-size:1rem;
	text-align:center;
	display:block;
	margin-top:0.6rem;
	}





.switch{
	height: 99px;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 3rem;
	margin-top:4rem;
}
 .switch .margin_left{
	
	margin-top: 18px;
}

.switch .margin_left p{
	font-size: 14px;
	color: #999999;
	width: 330px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.switch .margin_left:hover p{
	color: #e85f03;
}


.online{
	position:fixed;
	top:50%;
	right:1rem;
	
	}


.bottom_fixed{ height:50px; position: fixed; bottom:0; width:100%; display:none; background: #ed9d03;border-radius: 10px;}
.bottom_fixed div{ overflow:hidden;  margin:auto; width:26%;}
.bottom_fixed div img{ float:left; margin-right:0.6rem; margin-top: 1.1rem;}
.bottom_fixed div p{ font-size:1.1rem; color:#fff; line-height: 50px;}



.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{ background:#ed9d03;color:#fff;width: 70px;height: 70px; border-radius: 4px; position: relative;text-align: center; cursor: pointer;  margin-bottom:0.6rem; }
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li:last-child img{padding-top: 40%;}
.fixed ul li .img1{width: 50%;margin:0 auto;padding-top: 10%;}
.fixed ul li .img1 img{width: 100%; margin:auto;}
.fixed ul li p{text-align: center;font-size: 0.8rem;}
.fixed ul li .p1 span{display: block;margin: 0.5rem 0;font-weight: none;color: #fff;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;position: absolute;top: 0;right: -200px;width: 150px;color:#fff;background:#ed9d03;text-align: center;height: 70px;font-size: 1rem;transition: all 1s;z-index: -999; border-radius: 6px;}
.fixed ul li:hover .p1{right:70px;}
.fixed ul li a{color: #666;}





@media screen and (max-width:640px) {
	
	.title{ width:71%;}
	
	.index_xiangmu ul li{ width:27%;}
	.index_xiangmu ul li:nth-child(6){ display:block;}
	.index_xiangmu ul li img{ margin-top:0.4rem;}
	.index_about .float_l{ width:90%; float: none; margin:auto;}
	.index_about .float_r{ width:90%; float:none; margin:1rem auto;}
	.index_youshi{ display:none;}
	
	.index_case ul li{ width:48.4%;}
	.index_news .float_l{ width:92%; margin:auto; float: none;}
	.index_news ul{ width:92%; float: none; margin:2rem auto;}
	.case .right .ul02 li{ width:48%; margin-top:1rem;}
	
	
	
	
	
	
	
	.case .right{width:92%; margin:auto; float:none; overflow: hidden;}
	.foot{ margin-bottom:50px;}
	.foot .tu{ display:none;}
	.foot .erweima{ display:none;}
	.foot .daohang{ width:90%; margin:auto; float: none; overflow: hidden;}
	.foot .lianxi{width:90%; margin:auto; float: none; margin-top:1rem;}
	.left{display:none;}
	.about .right{ width:92%; margin:auto; float:none;}
	.location{ width:100%;}
	.news .right{ width:92%; margin:auto; float: none;}
	.news .right ul li div{ display:none;}
	.contact .right{width:92%; margin:auto; float:none; overflow: hidden;}
	.contact .right .dianhua{width:92%; margin:auto; float:none; margin-bottom:1rem; }
	.contact .right .dizhi{width:92%; margin:auto; float:none; margin-bottom:1rem; }
	.contact .right .erweima{display: none; }
	
	
	
	
	.banner_bottom{ display:none;}
	.fixed{ display:none; }
    .bottom_fixed{ display:block;}

}










