@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%}}

.product .list{ width:75%; float:right;}
.list{ width:100%; max-width:1200px; margin:auto; float:right;}
.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; border:1px solid #ccc;}
.list ul li .list_img{ width:100%; height:0; padding-top:49%; position:relative; overflow:hidden; margin:auto; }
.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:hover{ transform: scale(1.04,1.04)}

.list ul li .list_text{ padding:2% 0;}
.list ul li .list_border:hover h3{ color:#0088cc;}
.list ul li .list_text p{ font-size:1rem;color:#666; margin-top:1rem;text-align: center; margin-bottom:2rem; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.list ul li .list_text h3{font-size:1.4rem; color:#222; text-align: center; margin-top:1.6rem;}
/*.list ul li .list_border:hover .list_text{color:#f17901; } */



.wangdian{ background:#f1f1f1; padding-top:2rem;}
.wangdian .float_l{ width:73%; float: left;}
.wangdian .float_l ul{ overflow:hidden;}
.wangdian .float_l ul li{width:94%; overflow: hidden; background: #fff; padding:3%; margin-bottom:1rem;}
.wangdian ul li .tu{width:27%; float: left;margin-right:1rem; border:4px solid #fff;  padding-top: 20%; position: relative;overflow: hidden; }
.wangdian ul li .tu img{width:100%;    position: absolute;width: 100%; top: 0;  left: 0; height:100%;}
.wangdian ul li .top{ overflow:hidden;margin-bottom:0.6rem;}
.wangdian ul li .top h2{ font-size:1.2rem; color:#222; line-height: 2rem; float: left; }
.wangdian ul li .top h2:hover{color:#0088cc;}
.wangdian ul li .top span{display:block; width:8%; float: left; border:1px solid #0088cc; text-align: center; margin-left:1rem; font-size:0.9rem; color:#0088cc; margin-top:0.3rem; border-radius: 6px;}
.wangdian ul li .bottom p{ font-size:1rem; color:#666; line-height: 2.2rem;}
.wangdian ul li .bottom p strong{ font-weight:500; color:#444;}
.wangdian ul li .bottom i{ float:left; margin-top:0.5rem; margin-right:0.6rem;}
.wangdian ul li .bottom div{ overflow:hidden;}
.wangdian ul li .bottom .p01{ color:#0088cc; font-weight: 600; font-size:1.1rem;}
.wangdian ul li .bottom .dianhua{ margin-top:1rem; width:20%;height: 2.4rem; text-align: center; font-size: 1rem; color:#fff; border-radius: 8px; background: #0088cc; overflow: hidden;}
.wangdian ul li .bottom .dianhua div{ width:18%; float: left; margin-right:0.8rem; margin-left:1rem; margin-top:0.3rem;}
.wangdian ul li .bottom .dianhua div img{ width:100%;}
.wangdian ul li .bottom .dianhua p{ float:left; color:#fff;line-height: 2.4rem;}

.wangdian .chengshi{ width:96%; overflow:hidden; padding:1rem 2% 1rem 2%; background: #fff; margin-bottom:1rem;}
.wangdian .chengshi span{  float:left; font-size:1.1rem; color:#222;  display: block;line-height: 2rem;}
.wangdian .chengshi p{ font-size:1rem; color:#0088cc; float: left; margin:0 0.6%; line-height: 2rem;}
.wangdian .float_r1{ margin-top:0;}



.wangdian_left{ width:73%; float: left; overflow: hidden;}
.wangdian1 .xiangqing{  background: #fff; width:96%; padding:2%; overflow: hidden;}
.wangdian1 .xiangqing .tu{width:99%; margin-right:2rem; border:4px solid #fff;  padding-top: 50%; position: relative;overflow: hidden; }
.wangdian1 .xiangqing .tu img{width:100%;    position: absolute;width: 100%; top: 0;  left: 0; height:100%;}
.wangdian1 .xiangqing .top{ overflow:hidden;margin-bottom:0.6rem; border-bottom:1px dashed #ccc; padding-bottom:1rem; margin-top:1rem;}
.wangdian1 .xiangqing .top h2{ font-size:1.4rem; color:#222; line-height: 2rem; float: left; display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;}
.wangdian1 .xiangqing .top h2:hover{color:#0088cc;}
.wangdian1 .xiangqing .top span{display:block; width:8%; float: left; border:1px solid #0088cc; text-align: center; margin-left:1rem; font-size:0.9rem; margin-top:0.4rem;color:#0088cc;  border-radius: 6px;}
.wangdian1 .xiangqing .bottom{ overflow:hidden;}
.wangdian1 .xiangqing .bottom p{ font-size:1rem; color:#666; line-height: 2rem;}
.wangdian1 .xiangqing .bottom p strong{ font-weight:500; color:#444;}
.wangdian1 .xiangqing .bottom div{ overflow:hidden;}
.wangdian1 .xiangqing .bottom div i{float:left; margin-top:0.5rem; margin-right:0.6rem;}
.wangdian1 .xiangqing .bottom div .p01{ color:#0088cc; font-weight: 600; font-size:1.1rem;}
.wangdian1 .xiangqing .bottom h3{ margin-top:1rem; width:20%;height: 2.4rem; text-align: center; font-size: 1rem; color:#fff; border-radius: 8px; background: #0088cc; overflow: hidden;}
.wangdian1 .xiangqing .bottom h3 div{ width:18%; float: left; margin-right:0.8rem; margin-left:1rem; margin-top:0.3rem;}
.wangdian1 .xiangqing .bottom h3 div img{ width:100%;}
.wangdian1 .xiangqing .bottom h3 p{ float:left; color:#fff;line-height: 2.4rem;}
 .float_r{ width:21%; float: right; background: #fff; padding:2%;}
.float_r .top{ overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.float_r .top span{width:3px; height:1.6rem; background: #0088cc; margin-right:1rem; float:left; display: block; margin-top:0.3rem;}
.float_r .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}
.float_r .bottom ul{ overflow:hidden; margin-top:1rem;}
.float_r .bottom ul li{width:100%; overflow: hidden; margin-bottom:1rem;}
.float_r .bottom  ul li p{ font-size:1rem; color:#444; line-height: 2rem; float: left; width:90%; 
	    display: block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.float_r .bottom ul li span{ float:left; margin-right:0.6rem;width:5%; margin-top:0.5rem;}
.float_r .bottom ul li span img{width:100%;}
.float_r .bottom  ul li p:hover{ color:#0088cc;}
.float_r1  h3{ font-size: 2.2rem; color:#0088cc; display: block;    font-family: "Impact";}
.float_r1{width:21%; float: right; background: #fff; padding:2%; margin-bottom:1rem; }
.float_r1 .top{overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.float_r1 .top span{width:3px; height:1.6rem; background: #0088cc; margin-right:1rem; float:left; display: block; margin-top:0.3rem;}
.float_r1 .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}
.wangdian_s{ background:#f1f1f1; padding:2rem 0;}


.float_r2{width:21%; float: right; background: #fff; padding:2%; margin-bottom:1rem; margin-top:2rem;}
.float_r2 .top{overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.float_r2 .top span{width:3px; height:1.6rem; background: #0088cc; margin-right:1rem; float:left; display: block; margin-top:0.3rem;}
.float_r2 .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}
.float_r2 ul{ overflow:hidden; margin-top:2rem;}
.float_r2 ul li{ width:100%; padding-bottom:1rem; border-bottom:1px dashed #ccc; overflow: hidden; margin-top:1rem;}
.float_r2 ul li .tu1{ width:15%; float: left; margin-right:1rem;}
.float_r2 ul li .tu1 img{ width:100%;}
.float_r2 ul li .wenzi1{ width: 78%; float: right;}
.float_r2 ul li .wenzi1 p{ font-size:1rem; color:#333; line-height: 1.6rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.float_r2 ul li .wenzi1 span{ font-size:0.86rem; margin-top:0.6rem; color:#999; display: block;}




.wangdian .tupian{ width:94%; padding:3%; background: #fff; margin-bottom:1rem;}
.wangdian .tupian img{width:100%; height:100%;}
.wangdian .tupian .wenzi p:nth-child(1){ font-size:1.8rem; color:#fff; margin-top:-170px; text-align: center; letter-spacing:4px;}
.wangdian .tupian .wenzi p:nth-child(2){ font-size:1.8rem; color:#fff; text-align: center; margin-top:0.4rem;letter-spacing:4px;}
.wangdian .tupian .wenzi span{ font-size:1rem; color:#fff;  text-align: center; display: block; margin-top:0.6rem; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.wangdian .tupian .wenzi h2{ font-size:2.2rem; text-align: center; color:#fff; margin-top:0.6rem; font-weight: 600;}
.wangdian .tupian .wenzi h4{ font-size:1rem;  color:#333; margin-top:0.6rem;  margin-top:0.6rem;}
.wangdian .tupian .wenzi h4 strong{ font-size: 1.2rem;}


.index_wangdian{ overflow: hidden; background: #f7f7f7; }
.index_wangdian .float_l{ width:73%; float: left; margin-top:4rem;}
.index_wangdian .float_l ul{ overflow:hidden;}
.index_wangdian .float_l ul li{width:100%; overflow: hidden; background: #fff; border-bottom:1px dashed #e5e5e5; margin-top:1rem; padding-bottom: 1rem;}
.index_wangdian .float_l ul li:nth-last-child(1){ border-bottom: none;}
.index_wangdian ul li .tu{width:22%; float: left;margin-right:1rem; border:4px solid #fff;  padding-top: 20%; position: relative;overflow: hidden; }
.index_wangdian ul li .tu img{width:100%;    position: absolute;width: 100%; top: 0;  left: 0; height:100%;}
.index_wangdian ul li .wenzi{ width:74%; float: right;}
.index_wangdian ul li .wenzi .dianhua{ margin-top:1rem;}
.index_wangdian ul li .wenzi .dianhua span{ width:40%; background: #0088cc; border-radius: 10px; line-height: 2.3rem; font-size:0.9rem; color:#fff; display: block;  margin-top:1rem; text-align: center; display: none;}

.index_wangdian ul li .top{ overflow:hidden;margin-bottom:0.2rem;}
.index_wangdian ul li .top h2{ font-size:1.2rem; color:#222; line-height: 2rem; float: left; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.index_wangdian ul li .top h2:hover{color:#0088cc;}
.index_wangdian ul li .top span{display:block; width:12%; float: left; border:1px solid #0088cc; text-align: center; margin-left:1rem; font-size:0.9rem; color:#0088cc; margin-top:0.3rem; border-radius: 6px;}
.index_wangdian ul li .bottom p{ font-size:0.9rem; color:#666; line-height: 2rem; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.index_wangdian ul li .bottom p strong{ font-weight:500; color:#444; font-size:0.9rem;}
.index_wangdian ul li .bottom i{ float:left; margin-top:0.5rem; margin-right:0.6rem;}
.index_wangdian ul li .bottom div{ overflow:hidden;}
.index_wangdian ul li .bottom .p01{ color:#0088cc; font-weight: 600; font-size:1rem;}
.index_wangdian ul li .bottom h3{ margin-top:0.9rem; width:20%;height: 2rem; text-align: center; font-size: 0.9rem; color:#fff; border-radius: 8px; background: #0088cc; overflow: hidden;}
.index_wangdian ul li .bottom h3 div{ width:18%; float: left; margin-right:0.8rem; margin-left:1rem; margin-top:0.3rem;}
.index_wangdian ul li .bottom h3 div img{ width:100%;}
.index_wangdian ul li .bottom h3 p{ float:left; color:#fff;line-height: 2rem;}
.index_wangdian .float_l .float_l1{ margin-bottom:2rem; background: #fff; margin-top:2rem; width:94%; padding:3%; margin:auto;}
.index_wangdian .float_l .float_l1 #ul_1{ overflow:hidden; margin-bottom:1rem;}
.index_wangdian .float_l .float_l1 #ul_1 li{ width:20%; float: left; margin:1%;  background: #f5f5f5; border-radius: 4px; padding:0; border-bottom:none;}
.index_wangdian .float_l .float_l1 #ul_1 li:hover{background:#0088cc; }
.index_wangdian .float_l .float_l1 #ul_1 p{  text-align: center; padding:0 1.5%; font-size:1rem; color:#222; line-height: 2rem; cursor:pointer;}
.index_wangdian .float_l .float_l1 #ul_1 p:hover{ background: #0088cc; border-radius: 6px; color:#fff;}
.index_wangdian .float_l .float_l1 #ul_1 .active{ background: #0088cc; border-radius: 6px; color:#fff;}
.index_wangdian .float_l #ul_2 li{ display:none;}
.index_wangdian .float_l #ul_2 li .box{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:1rem; margin-bottom:1rem; }
.index_wangdian .float_l #ul_2 .ul_block{ display:flex;}
.index_wangdian .float_l #ul_2 li .box:nth-last-child(1){ border-bottom:none;}
.index_wangdian .float_l #ul_2 li{ padding-bottom: 0;}
.index_wangdian .float_l #ul_2 li:nth-last-child(1){ border-bottom: none;}


.index_wangdian .float_l .float_l2{ margin-top:2rem;}
.index_wangdian .float_l .float_l2 ul{ overflow:hidden;}
.index_wangdian .float_l .float_l2 ul li{ width:96%; padding:1% 2%; border-bottom:1px dashed #ddd;}
.index_wangdian .float_l .float_l2 ul li p{ font-size:1.1rem; color:#333; line-height: 2rem;}
.index_wangdian .float_l .float_l2 ul li span{ display:block; font-size:0.9rem; color:#999;}
.index_wangdian .float_l .float_l2 ul li p:hover{ color:#0088cc;}

.chengshi1{width:21%; float: right; background: #fff; padding:2%; margin-bottom:1rem; margin-top:4rem;}
.chengshi1 .top{overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.chengshi1 .top span{width:3px; height:1.6rem; background: #0088cc; margin-right:1rem; float:left; display: block; margin-top:0.3rem;}
.chengshi1 .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}
.chengshi1 .bottom{ overflow: hidden;}
.chengshi1 .bottom p{ font-size: 0.9rem; color:#666; float: left; margin-right: 1rem; line-height: 1.8rem;}
.chengshi1 .bottom p:hover{ color:#3521f6;}
.guanggao{ margin:2rem auto; width:100%;}
.guanggao img{ width:100%;}
.index_news{ background: #f7f7f7; padding:2rem 0 4rem 0; }
.index_news .box{ background: #fff; padding:3%; width:94%;}
.index_news .title2{ overflow: hidden;}
.index_news .title2 p{ font-size: 1.8rem; color:#333; text-align: center; font-weight: 600;}
.index_news .top_t{ width:100%; overflow: hidden; margin-top:2rem; border-bottom: 1px solid #e5e5e5; padding-bottom: 1rem;display:flex;justify-content:flex-start;align-items:center;}
.index_news .top_t p{ color:#444; font-size: 1.1rem; color:#444; float: left; font-weight: 600;}
.index_news .top_t a{ float: left; font-size: 1rem; float: left;  margin-right: 2rem;padding:0.5rem 1rem;border-radius:0.3rem;}
.index_news .text{ overflow: hidden; margin-top:3rem;}
.index_news .text .left{ width:40%; float: left; }
.index_news .text .left p{ font-size: 1.2rem; color:#333; }
.index_news .text .left span{ font-size: 0.9rem; color:#999; line-height: 1.8rem; margin-top:0.7rem; display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news .text .left div{ width:100%; height:300px; margin-top:1rem;}
.index_news .text .left div img{ width:100%;height:280px;}
.index_news .text .right{ width:56%; float: right;} 
.index_news .text .right ul{ overflow: hidden;}
.index_news .text .right ul li{ width:100%; overflow: hidden; margin-bottom: 1.4rem; margin-top:0.6rem;}
.index_news .text .right ul li div{ width:30%; float: left; margin-right: 1rem;}
.index_news .text .right ul li div img{ width:100%;}
.index_news .text .right ul li p{ font-size: 1.1rem; color:#333; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.index_news .text .right ul li span{ font-size: 0.9rem; color:#999; line-height: 1.6rem; display: block; margin-top:0.3rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }

.banner_b{ overflow: hidden; margin:2rem auto;}
.banner_b ul{ overflow: hidden; }
.banner_b ul li{ width:23%; float: left; margin:1%;}
.banner_b ul li div{ width:15.3%; display: block; margin:auto;}
.banner_b ul li div img{ width:100%;}
.banner_b ul li p{ font-size: 1rem; color:#444; text-align: center; margin-top:0.4rem;}
.banner_b ul li span{ font-size: 0.9rem; color:#999; text-align: center; margin-top:0.4rem; display: block;}












.tuijian { margin-top:2rem;background: #fff; }
.tuijian ul{ overflow:hidden; width:94%; margin:1rem auto;}
.tuijian ul li{ width:43%; float: left; background: #f1f1f1; padding:3%; margin-left:2%; margin-bottom:2%;}
.tuijian ul li:nth-child(1){margin-left:0; }
.tuijian ul li:nth-child(3){margin-left:0; }
.tuijian ul li .tu{width:27%; float: left;margin-right:1rem; border:4px solid #fff;}
.tuijian ul li .tu img{width:100%;}
.tuijian ul li .top{ overflow:hidden;margin-bottom:0.6rem; width:65%; float: left;}
.tuijian ul li .top h2{ font-size:1.2rem; color:#222; line-height: 2rem; float: left;margin-top:1rem; }
.tuijian ul li .top span{display:block; width:40%; float: left; border:1px solid #0088cc; text-align: center; font-size:0.9rem; color:#0088cc; margin-top:0.3rem; border-radius: 6px;}
.tuijian ul li .bottom p{ font-size:1rem; color:#666; line-height: 1.7rem; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;	}
.tuijian ul li .bottom p strong{ font-weight:500; color:#444;}
.tuijian ul li .bottom{ overflow:hidden; float: left; width:65%;}








.news{ background: #f1f1f1; padding-top:2rem;}
.news .float_l{ width:73%; float: left; }
.news .float_l ul{ overflow:hidden;}
.news .float_l ul li{width:96%; overflow: hidden; background: #fff; padding:2%; margin-bottom:1rem;}
.news .float_l ul li span{  margin-top:0.8rem;display:block; color:#999; font-size: 0.9rem;}
.news .float_l ul li h2{ font-size:1.3rem; color:#222; line-height: 2rem; margin-top:0.4rem;display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;}
.news .float_l ul li h2:hover{color:#0088cc;}
.news .float_l ul li p{ font-size:0.9rem; color:#666; line-height: 1.6rem; margin-top:0.6rem;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news .float_r1{ margin-top:0;}
.news .float_l ul li div{ width:26%; float: left; margin-right: 1rem;}
.news .float_l ul li div img{ width:100%; height: 100%; height: 160px;}

.news_details .float_l .tupian{ width:94%; padding:0.6rem 3% 3% 3%; background: #fff; }
.news_details .float_l .tupian img{width:100%; height:100%;}
.news_details .float_l .tupian .wenzi p:nth-child(1){ font-size:1.8rem; color:#fff; margin-top:-170px; text-align: center; letter-spacing:4px;}
.news_details .float_l .tupian .wenzi p:nth-child(2){ font-size:1.8rem; color:#fff; text-align: center; margin-top:0.4rem;letter-spacing:4px;}
.news_details .float_l .tupian .wenzi span{ font-size:1rem; color:#fff;  text-align: center; display: block; margin-top:0.6rem; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news_details .float_l .tupian .wenzi h2{ font-size:2.2rem; text-align: center; color:#fff; margin-top:0.6rem; font-weight: 600;}
.news_details .float_l .tupian .wenzi h4{ font-size:1rem;  color:#333; margin-top:0.6rem;  margin-top:0.6rem;}
.news_details .float_l .tupian .wenzi h4 strong{ font-size: 1.2rem;}





.location {
    padding: 0 1%;
    max-width: 1200px;
    margin: auto;
	overflow:hidden;
}

 .location p {
        float: left;
        line-height: 60px;
    }

.location span {
        float: left;
        display: block;
        line-height:60px;
        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;
    }


/* 底部 */
	
.footer{
	width:100%;
	background:#222;
	}
.footer .center{
	max-width:1200px;
	width:100%;
	margin:auto;
	overflow: hidden;
	}		
.footer .center .logo_b{ width:25%; float: left; margin-top:3.4rem;}		
.footer .center .logo_b img{width:100%;}
.footer .center .foot_b{ width:36%; float: left; margin-top:2rem; margin-right:4%; margin-left:4%;}
.footer .center .foot_b .ll{ width:49%; float: left; border-right:1px dashed #444;}
.footer .center .foot_b .ll span{ font-size:1rem; color:#e5e5e5; display: block; margin-bottom:0.6rem; text-align: center;}
.footer .center .foot_b .ll p{ font-size:0.8rem; color:#666; line-height: 1.4rem;  text-align: center;}
.footer .center .foot_b .ll p:hover{ color:#999;}
.footer .center .foot_b .rr{ width:49%; float: left;}
.footer .center .foot_b .rr span{ font-size:1rem; color:#e5e5e5; display: block;margin-bottom:0.6rem;text-align: center;}
.footer .center .foot_b .rr p{ font-size:0.8rem; color:#666; line-height: 1.4rem;text-align: center;}
.footer .center .foot_b .rr p:hover{ color:#999;}
.footer .center .foot-z{
	width:30%;
	float:right;
	margin:1.4rem 0rem 1.4rem 0rem;
	}

.footer .center .foot-z .dianhua .p01{
	font-size:1rem;
	line-height:30px;
	color:#fff;
	}
.footer .center .foot-z .dianhua .p01 strong{font-size:1.8rem; font-weight: 500;}
.footer .center .foot-z .dianhua span{
	
	font-size:1rem;
	line-height:30px;
	color:#ccc;
	}
.footer .center .foot-z .dianhua .p02{
	font-size:1rem;
	line-height:30px;
	color:#999;
	}
.footer .center .foot-z .dianhua div{ width:40%; border-radius: 10px; border:1px solid #999; text-align: center; line-height: 2.4rem; margin-top:0.4rem;color:#999;}
.footer .center .foot-z .dianhua div:hover{ background:#999; color:#fff}

	

.fixed{  position:absolute;}
.fixed_dh{ height:4.0rem;text-align:right;display:none; position:fixed; top:60%;right:2%;}	
.paginationa{ padding:4rem 0; background: #f1f1f1;}
.paginationa dl dd{ float:left; border:solid 1px #ccc;margin-left:1%;text-align: center; line-height: 2rem; padding:0 1%;}
.paginationa dl{ max-width:1200px; margin:auto;}
.paginationa dl dd a:hover{ color:#ffc001;}
/* 首页标题 */

.title{
	max-width:1200px;
	margin:auto;
	margin-bottom:2rem;
	overflow: hidden;
	
	}
.title h2{
	color:#222;
	font-weight: 600;
	font-size:2rem;
	text-align:center;
	margin-top:0.4rem;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
	}
.title span{
	color:#999;
	font-size:1rem;
	text-align:center;
	display:block;
	margin-top:0.6rem;
	}
.title div{ background: url(../images/title.png) center no-repeat; width:210px; height:28px; margin:auto;}
.title1{	max-width:1200px;margin:auto;overflow: hidden; padding:1rem 0; }
.title1 span{ width:3px; height:1.8rem; background: #0088cc; float: left; margin-right:1rem;}
.title1 h2{color:#333;font-weight: 600; float: left; font-size:1.6rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}





.question{   background: #f1f1f1; padding:3rem 0;}
.question .float_l{width:67%; float: left; background: #fff; padding:3%;}
.question .float_l .p01{ font-size:1.5rem; color:#333;}
.question .float_l .span01{ display:block; font-size:0.9rem; color:#999; margin-top:0.6rem;}
.question .float_l .huida{ width:100%; border-bottom:1px solid #ccc;}
.question .float_l .huida span{ display:block; width:13%;   font-size:1.1rem; color:#666; border-bottom:2px solid #0088cc; margin-top:3rem;}
.question .float_l .huida1{ overflow:hidden; margin-top:2rem;}
.question .float_l .huida1 li{ width:100%; overflow: hidden; margin-bottom:1rem;border-bottom:1px solid #f1f1f1; padding-bottom:1rem;}
.question .float_l .huida1 li .touxiang{  float:left; margin-right:1rem;}
.question .float_l .huida1 li .wenzi{ width:68%; float: left;}
.question .float_l .huida1 li .wenzi p{ font-size:1rem; color:#333;line-height: 1.8rem; }
.question .float_l .huida1 li .wenzi span{ font-size:0.9rem; color:#999; display: block; margin-top:0.6rem;}
.question .float_l .huida1 li .zuijia{ width:14%; float: right; background: #0088cc; border-radius: 8px; line-height: 2.3rem; font-size:1rem; text-align: center; color:#fff;}

.question .float_l .tuijian1{ margin-top:1rem; font-size:1.4rem; color:#222; line-height: 3rem;}
.question .float_l .tuijian2{ overflow:hidden;}
.question .float_l .tuijian2 li{ width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:1rem;}
.question .float_l .tuijian2 li .tu{width:22%; float: left;margin-right:1rem; border:4px solid #fff;  padding-top: 20%; position: relative;overflow: hidden; }
.question .float_l .tuijian2 li .tu img{width:100%;    position: absolute;width: 100%; top: 0;  left: 0; height:100%;}
.question .float_l .tuijian2 li .wenzi{ width:74%; float: right;}
.question .float_l .tuijian2 li .wenzi .dianhua{ margin-top:1rem;}
.question .float_l .tuijian2 li .wenzi .dianhua span{ width:40%; background: #0088cc; border-radius: 10px; line-height: 2.3rem; font-size:0.9rem; color:#fff; display: block;  margin-top:1rem; text-align: center; display: none;}
.question .float_l .tuijian2 li .top{ overflow:hidden;margin-bottom:0.2rem;}
.question .float_l .tuijian2 li .top h2{ font-size:1.2rem; color:#222; line-height: 2rem; float: left; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.question .float_l .tuijian2 li .top h2:hover{color:#0088cc;}
.question .float_l .tuijian2 li .top span{display:block; width:12%; float: left; border:1px solid #0088cc; text-align: center; margin-left:1rem; font-size:0.9rem; color:#0088cc; margin-top:0.3rem; border-radius: 6px;}
.question .float_l .tuijian2 li .bottom p{ font-size:0.9rem; color:#666; line-height: 2rem; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.question .float_l .tuijian2 li .bottom p strong{ font-weight:500; color:#444; font-size:0.9rem;}
.question .float_l .tuijian2 li .bottom i{ float:left; margin-top:0.5rem; margin-right:0.6rem;}
.question .float_l .tuijian2 li .bottom div{ overflow:hidden;}
.question .float_l .tuijian2 li .bottom .p01{ color:#0088cc; font-weight: 600; font-size:1rem;}
.question .float_l .tuijian2 li .bottom h3{ margin-top:0.9rem; width:20%;height: 2rem; text-align: center; font-size: 0.9rem; color:#fff; border-radius: 8px; background: #0088cc; overflow: hidden;}
.question .float_l .tuijian2 li .bottom h3 div{ width:18%; float: left; margin-right:0.8rem; margin-left:1rem; margin-top:0.3rem;}
.question .float_l .tuijian2 li .bottom h3 div img{ width:100%;}
.question .float_l .tuijian2 li .bottom h3 p{ float:left; color:#fff;line-height: 2rem;}

.question .float_r1{ margin-top:0;}

/* 新闻详情 */
.news_details{   background: #f1f1f1; padding:3rem 0;}
.news_details .float_l{width:73%; float: left; background: #fff;}
.news_details .news_title{
	border-bottom: solid 1px #dbdbdb;
	margin-bottom:1rem;
	padding-bottom:0.6rem;
}
.news_details .news_title .dianhua{ overflow:hidden; width:94%; margin:auto; background: #0088cc; border-radius: 10px; height:3rem; margin-bottom:1rem; display: none;}
.news_details .news_title .dianhua div{ width:8%; float: left; margin:0.45rem 1rem;}
.news_details .news_title .dianhua div img{width:100%;}
.news_details .news_title .dianhua p{ float:left; font-size:1rem; color:#fff; line-height: 3rem; margin-left:0; margin-top:0;}
.news_details .news_title .dianhua span{ float:left; font-size:1.4rem; color:#fff; display: block;line-height: 3rem; font-weight: 600;}





.news_details .news_title h1{
	font-size: 1.2rem;
	color: #4c4c4c;
	text-align: center;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	margin-top:2rem;
}
.news_details .news_title p{
	font-size: 0.9rem;
	color: #999999;
	text-align: center;
	margin-top:0.8rem;
}
.news_details .news_text{
	padding: 2rem 2% 0 2%;
	margin-bottom: 60px; border-top:10px solid #f1f1f1;
}
.news_details .news_text img{
	max-width:80%;
	margin:auto;
	display:block;
	
	}
.news_details .news_text p{
	text-indent: 2rem;
	font-size: 0.9rem;
	color: #666;
	line-height: 30px;
}
.news_details .float_r1{ margin-top:0;}






.switch{
	height: 99px;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	width:94%;
	margin:2rem auto;
}
 .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: #ec4a0c;
}






.lianjie{
	margin:1rem 0 0rem 0;
	overflow:hidden;
	padding-bottom:1rem;
	border-bottom:1px solid #333;
	}
.lianjie  a span{
	color:#999;
	display:block;
	float:left;
	margin-left:3rem;
	line-height:2rem;
	}
.lianjie  p{
	color:#ccc;
	display:block;
	float:left;
	font-size:1.2rem;
	line-height:2rem;
	}




.bottom_fixed{ position:fixed; width:100%;bottom:0; z-index:999; margin:auto;background:#111; opacity:0.8;display:none; height:50px; border-radius:10px;}
.bottom_fixed div{ width:100%;}
.bottom_fixed div img{ width:7%; display:block; float:left; margin-top:0.8rem; margin-right:1rem; margin-left:8rem;}
.bottom_fixed div p{ font-size:1.4rem; color:#fff;float:left; line-height:50px;}



.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{ background:#0088cc;color:#fff;width: 70px;height: 70px;position: relative;text-align: center; cursor: pointer;  margin-bottom:0.6rem; border-radius: 8px; }
.fixed ul li i{color: #fff;margin-top:0.5rem;}
.fixed ul li i{color: #fff;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:#0088cc;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;}

.remen{float: right; width:21%;padding:2%; background: #fff; margin-top:1rem;  }
.remen ul li{ width:40%; float:left; background: #f1f1f1; border-top:3px solid #7278bb; padding:4%;margin:0 1%;  transition: 0.6s; margin-bottom:2%;}
.remen ul li:nth-child(2){border-top:3px solid #e14f4f; }
.remen ul li:nth-child(3){border-top:3px solid #86d9df; }
.remen ul li:nth-child(4){border-top:3px solid #999; }
.remen ul li h2{ font-size:1rem; color:#222;  block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
 overflow: hidden;}
.remen ul li p{ font-size:0.9rem; color:#0088cc; }
.remen ul li div{width:100%;}
.remen ul li div span:nth-child(1){ width:13%; float:left; margin-top:2rem;}
.remen ul li div span img{width:100%;}
.remen ul li div span:nth-child(2){ width:42%; float:right; margin-left:2rem;}
.remen .top{overflow:hidden; border-bottom:1px solid #f1f1f1; padding-bottom:1rem; margin-bottom:1rem;}
.remen .top span{width:3px; height:2rem; background: #0088cc; margin-right:1rem; float:left; display: block;}
.remen .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}

.chengshi2{width:96%; background: #fff; padding:2%; margin-bottom:1rem; margin-top:2rem; display: none;}
.chengshi2 .top{overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem;}
.chengshi2 .top span{width:3px; height:1.6rem; background: #0088cc; margin-right:1rem; float:left; display: block; margin-top:0.3rem;}
.chengshi2 .top h2{font-size:1.4rem; color:#222;  float: left; line-height: 2rem;}
.chengshi2 .bottom{ overflow: hidden;}
.chengshi2 .bottom p{ font-size: 0.9rem; color:#666; float: left; margin-right: 1rem; line-height: 1.8rem;}
.chengshi2 .bottom p:hover{ color:#3521f6;}
.guanggao1{ width:100%; background:#f5f5f5; padding:2rem 0 0 0;}
.guanggao1 div{ width:100%; }
.guanggao1 div img{ width:100%;}

@media screen and (max-width:640px) {


/*.guanggao1{ display: none;}*/
.banner_b ul li{ width:48%; margin:0.7rem 1%;}
.banner_b ul li div{ width:22%;}
/*.guanggao{ display: none;}*/
.index_wangdian .float_l .float_l1{ width:88%;}
.chengshi1{ width:90%; float: none; margin:1rem auto;}
.index_news .text .left{ width:100%;}
.index_news .text .right{ width:100%;}
.news .float_l ul li div{ display: none;}
.chengshi2{ display: block;}
.chengshi1{ display: none;}
.news_details .float_l .tupian img{ height: 190px;}
.news_details .float_l .tupian .wenzi h4{ margin-top:2rem;}


	.footer .center .logo_b{ display:none;}
	.foot_top{display:none;}
	.wangdian .float_l{width:100%;}
	.wangdian .float_r{ display:none;}
	.pingjia{ margin-top:2rem;}
	.index_tuandui{margin-top:2rem;}
	.wangdian ul li .top span{width:16%;}
	.news .float_l{width:100%;}
	.news .float_r{ display:none;}
	.wangdian1 .xiangqing .tu{width:98%; margin-right:1rem; padding-top: 40%;}
	.wangdian1 .xiangqing .top h2{ margin-top:0;}
	.wangdian1 .xiangqing .top span{ width:26%; margin-left:0; margin-top:0.4rem;}
	.tuijian ul li{ width:92%; margin-left:0; }
	.tuijian ul li .top span{margin-left:0.6rem;}
	.fangshi #ul_2 li p{ margin-top:0.7rem;}
	.wangdian ul li .bottom .dianhua{width:40%;}
	.wangdian .float_r1{ display:none;}
	
	.paginationa{ padding:2rem 0;}
	.wangdian .chengshi div{ width:100%;float: right;}
	.wangdian .tupian img{height:190px;}
	
	.wangdian_left{width:96%; margin:auto; float: none;}
	.wangdian_s .float_r1{width:90%; margin:auto; float: none;}
	.wangdian_s .float_r{ width:90%; float: none; margin:1rem auto;}
	.wangdian1 .xiangqing .bottom h3{width:40%;}
	.news  .float_r1{ display:none;}
	.footer .banquan .center div{ text-align: center; display: block;color:#999; }
	.news_details .float_l{ width:100%; float: none;}
	.news_details .float_r1{ display:none;}
	.news_details .float_r{ display:none;}
	.remen{ display:none;}
	.wangdian .tupian .wenzi h4{ margin-top:2rem;}
	
	.news_details{ margin-top:0; padding:1rem 0;}
	.news_details .news_title .dianhua{ display:block;}

	.news_list ul li .tu{ display:none;}
	.news_list ul li .text{ width:90%; margin:auto; float:none; position:unset;}
	.switch{width:90%; margin:auto;}
	.fixed{ display:none;}

	
	.index_wangdian .float_l{ width:100%; float: none;}
	.index_wangdian ul li .tu{ display:none;}
	.index_wangdian ul li .wenzi{ width:100%;}
	.float_r{ display:none;}
	.float_r1{ display:none;}
	.float_r2{ display:none;}
	.index_wangdian ul li .wenzi .dianhua span{ display:block;}
	.index_wangdian ul li .top span{ width:18%; margin-left:0;}
	.question .float_l{ width:94%;}
	.question .float_l .huida span{ width:28%;}
	.question .float_l .huida1 li .zuijia{ display:none;}
	.question .float_l .huida1 li .wenzi{ width:84%;}
	.question .float_l .tuijian2 li .tu{ display:none;}
	.question .float_l .tuijian2 li .wenzi{ width:100%;}
	.question .float_l .tuijian2 li .top span{ margin-left:0;}
	
	
	

	.title .dianhua{ display:block; width:70%;}
.bottom_fixed{ display:block;}


.list ul li{
	width:47%;
    float:left;
	
	}
.footer .center .foot_b{ display:none;}
	.footer .center .foot-z .dianhua div{ display:none;}
	.footer .center .foot-z .dizhi div{ display:none;}
	.footer .center .foot_r{ display:none;}
.footer{ margin-bottom:50px; }
.footer .center{
	width:96%;
	padding:2%;
	
	}

.footer .center .foot-z{
	width:100%;
	padding:2rem auto;
	margin-left: 2%;
	border:none;
	}

.fixed_dh{ display:block;}
	

.fixed_dh{ display:block;}
.left_nav{
	display:none;}
.about .center .float_r{width:100%;}
.left_nav{ display:none;}
.list{ width:100%;}
.news_list .center .float_r{width:100%;}
.news_details .news_right{width:98%; float:none; padding:0 1%;}	
.product_right{ width:100%; float:none;}
.news_details .news_float_r{width:100%;}

}

.footer .banquan {
    overflow: hidden;
    margin-top: 1rem;
    border-top: 1px solid #444;
    width: 100%;
}

    .footer .banquan p {
        font-size: 0.9rem;
        color: #ccc;
        text-align: center;
        line-height: 3rem;
    }