@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:#e94709;}
.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; } */






    .service{ max-width: 1200px; width: 98%; margin: 3.0rem auto; text-align: center;}
    .service_ul{ margin-top: 3.0rem;}
    .service_ul ul li{ width: 20%; float: left;text-align: center; transition: 0.6s;}
    .service_ul ul li .service_ico i{ font-size: 3.7rem; color: #666;}
    .service_ul ul li .service_text{ margin-top: 1.2rem;}
    .service_ul ul li .service_text p{ font-size: 1.2rem; color: #444; font-weight: bold;}
    .service_ul ul li .service_text .service_text_bor{ width: 3.0rem; height: 2px; background: #3577cd; margin: .6rem auto;}
    .service_ul ul li .service_text span{ font-size: .87rem; color: #999; display: block;}
    .service_tel{ width: 24rem; color: #222; border: 1px solid #ccc;border-radius: 30px; font-size: 1.1rem;  height: 3.2rem; line-height: 3.2rem; margin: 5.0rem auto 0 auto;}
    .service_tel a{color: #222;}
    .service_tel span{ font-family: impact; font-size: 1.6rem;}
.service_ul ul li:hover{ transform:translate(0,-10px);}
.service_ul ul li:hover p{ color:#3278d0;}




.liucheng{ margin-top:3rem;}
.liucheng .box{ background:url(../images/liucheng.jpg) center no-repeat; height:160px; padding-top:60px;}
.liucheng .box ul{ overflow:hidden;}
.liucheng .box ul li{ width:11.3%; float: left; margin:0.5%; border:1px solid #ddd; padding-bottom:1rem;}
.liucheng .box ul li div{width:47.2%; margin:1rem auto;}
.liucheng .box ul li div img{width:100%;}
.liucheng .box ul li p{ font-size:1rem; color:#222;  text-align: center;}
.liucheng .box ul li span{ font-size:0.9rem; color:#666;  text-align: center; display: block; margin-top:0.4rem;}
.liucheng .box ul li:hover{box-shadow:0px 0px 10px 0px #ccc;}


.youshi{ margin-top:3rem; padding:3%; width:94%; background: #f8f8f8;}
.youshi .text{ width:94%; padding:3%; box-shadow: 0px 0px 10px 0px #ccc; background: #fff;}
.youshi .text p{ font-size:1rem; color:#444; text-indent: 2rem; line-height: 2rem;}
.youshi .adva_ul{ margin-top: 3.0rem;}
.youshi .adva_ul ul li{ width: 20%; float: left;}
.youshi .adva_ul .adva_img{ width: 100%; height: 11rem; overflow: hidden;}
.youshi .adva_ul .adva_img img{ width: 100%;}
.youshi .adva_ul .adva_text{ height: 11rem; width: 100%;background: #fff; text-align: center;display:flex; align-items:center;}
.youshi .adva_ul .adva_text_content{ width: 100%;}
.youshi .adva_ul .adva_text span{  display: block;font-size: 1.2rem; color: #222; line-height: 1.5rem;}
.youshi .adva_ul .adva_text .zhuangye{ font-weight:600; font-size: 1.5rem;}
.youshi .adva_ul .adva_text .adva_text_bor{width: 3.3rem; height:2px; background: #3278d0; margin: 0.6rem auto 0.4rem auto;}
.youshi .adva_ul .adva_text p{ font-size: .75rem; color: #666; line-height: 1.4rem;}



.index_about{ margin-top:4rem; background: url(../images/about.jpg) center no-repeat; height:580px; padding:40px 0;}
.index_about .float_l{ width:45%; float: left; margin-top:4rem;}
.index_about .float_l img{width:100%;}
.index_about .float_r{width:49%; float:right; background: #fff; margin-top:10rem; padding:3%;}
.index_about .float_r .box{ overflow:hidden;}
.index_about .float_r .box .ll{width:50%; float: left;}
.index_about .float_r .box .ll .p01{ font-size:1.4rem; color:#111; margin-top:2rem;}
.index_about .float_r .box .ll span{ display:block; color:#666; font-size:0.9rem; margin-top:0.6rem;}
.index_about .float_r .box .ll .xian{ width:60px; height:3px; background: #3577cd; margin-top:1rem;}
.index_about .float_r .box .rr{ width:24%; float:right; background: #3577ce; border-radius: 20px;  margin-right:2rem; margin-top:3rem;}
.index_about .float_r .box .rr p{ color:#fff; text-align: center; line-height: 2.5rem;}


.index_about .float_r .p02{ font-size:1rem; color:#444; line-height: 2rem; margin-top:2rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;	}






.index_news{  background: #fafafa; padding:3rem 0;}
.index_news ul{ overflow:hidden;}
.index_news ul li{width:30%; float:left; margin:0 1%;}
.index_news ul li div{width:100%; overflow: hidden;}
.index_news ul li div img{width:100%;transition: 1s;}
.index_news ul li p{ font-size:1.2rem; color:#222; margin-top:1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news ul li span{ font-size:0.9rem; display: block; color:#666; margin-top:0.8rem; line-height: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index_news ul li:hover p{ color:#3577ce;}
.index_news ul li:hover img{ transform:scale(1.08,1.08);}


.index_wangdian{margin:3rem 0;}
.index_wangdian ul{ overflow:hidden; margin-top:1rem;}
.index_wangdian ul li{ width:47%; float: left; padding-bottom:1.6rem; border-bottom:1px solid #ccc; margin-bottom:1.6rem;}
.index_wangdian ul li:nth-child(2){float:right;}
.index_wangdian ul li:nth-child(4){float:right;}
    .index_wangdian ul li:nth-child(6) {
        float: right;
    }
    .index_wangdian ul li:nth-child(8) {
        float: right;
    }
    .index_wangdian ul li:nth-child(10) {
        float: right;
    }
    .index_wangdian ul li:nth-child(12) {
        float: right;
    }
    .index_wangdian ul li:nth-child(14) {
        float: right;
    }
    .index_wangdian ul li:nth-child(16) {
        float: right;
    }
    .index_wangdian ul li:nth-child(18) {
        float: right;
    }
    .index_wangdian ul li:nth-child(20) {
        float: right;
    }
    .index_wangdian ul li:nth-child(22) {
        float: right;
    }
    .index_wangdian ul li:nth-child(24) {
        float: right;
    }
    .index_wangdian ul li:nth-child(26) {
        float: right;
    }
    .index_wangdian ul li:nth-child(28) {
        float: right;
    }
    .index_wangdian ul li:nth-child(30) {
        float: right;
    }
    .index_wangdian ul li:nth-child(32) {
        float: right;
    }
    .index_wangdian ul li:nth-child(34) {
        float: right;
    }
    .index_wangdian ul li:nth-child(36) {
        float: right;
    }
    .index_wangdian ul li:nth-child(2n) {
        float: right;
    }
.index_wangdian ul li .tu{ width:25%; float: left; margin-right:1.4rem;}
.index_wangdian ul li .tu img{ width:100%;}
.index_wangdian ul li .wenzi{ overflow:hidden;}
.index_wangdian ul li .p01{ font-size:1.1rem; color:#222; float: left; margin-right:1rem;}
.index_wangdian ul li .dian{ display:block; background: #3278d0; line-height: 1.6rem; border-radius: 6px; width:16%; float: left; font-size:0.9rem; color:#fff; text-align: center;}
.index_wangdian ul li .wenzi1{ overflow:hidden; margin-top:1rem;}
.index_wangdian ul li .wenzi1 img{ float:left;margin-right:0.5rem;margin-top:0.1rem;}
.index_wangdian ul li .wenzi1 span{ font-size:0.9rem; color:#666; display: block;display: -webkit-box;
-webkit-box-orient: vertical;overflow: hidden;}
.index_wangdian ul li .wenzi2{ overflow:hidden; margin-top:0.6rem;}
.index_wangdian ul li .wenzi2 img{ float:left; margin-right:0.5rem; margin-top:0.1rem;}
.index_wangdian ul li .wenzi2 span{ font-size:0.9rem; color:#666; display: block;float: left;}
.index_wangdian ul li .wenzi2 .p02{ font-size:1rem; color:#222;  font-weight: 600; float: left;}
.index_wangdian ul li .p01:hover{ color:#3577ce;}




.float_ll{width:25%; float: left;}
.float_ll .box01{ overflow: hidden; background: #f1f1f1; padding:8% 4%; width:92%;}
.float_ll .box01 .top{ overflow: hidden;width:100%; border-bottom:1px solid #ccc; }
.float_ll .box01 .top span{ display: block; float:left; font-size:1.3rem; color:#222; margin-top:rem; border-bottom:2px solid #3577cd;padding-bottom:1rem;}
.float_ll .box01 .bottom{ border-radius: 40px; background:#3577cd; margin-top:1rem; width:90%;}
.float_ll .box01 .bottom p{ font-size:1.8rem; color:#fff; font-weight: 600; line-height: 46px; text-align: center;}



.float_ll .box02{ overflow: hidden; background: #f1f1f1; padding:8% 4%; width:92%; margin-top:1rem;}
.float_ll .box02 .top{ overflow: hidden;width:100%; border-bottom:1px solid #ccc; }
.float_ll .box02 .top span{ display: block; float:left; font-size:1.3rem; color:#222; margin-top:rem; border-bottom:2px solid #3577cd;padding-bottom:1rem;}
.float_ll .box02 .bottom{ overflow: hidden;}
.float_ll .box02 .bottom div{width:100%; margin:1rem 0; overflow: hidden;}
.float_ll .box02 .bottom div span{ width:8px; height:8px; background: #808080; float: left;    margin-top: 0.4rem; margin-right: 0.8rem;}
.float_ll .box02 .bottom div p{font-size:1rem; color:#444; float: left; }
.float_ll .box02 .bottom div:hover p{ color:#3577cd;}


.float_ll .box03{ overflow: hidden; background: #f1f1f1; padding:8% 4%; width:92%; margin-top:1rem;}
.float_ll .box03 .top{ overflow: hidden;width:100%; border-bottom:1px solid #ccc; }
.float_ll .box03 .top span{ display: block; float:left; font-size:1.3rem; color:#222; margin-top:rem; border-bottom:2px solid #3577cd;padding-bottom:1rem;}
.float_ll .box03 .bottom{ overflow:hidden; padding-bottom:2rem;}
.float_ll .box03 .bottom li{ overflow:hidden; margin-top:1.4rem; width:90%; padding:0 5%;}
.float_ll .box03 .bottom li .tu{ float:left; margin-right:1rem; width:20%;}
.float_ll .box03 .bottom li .tu img{width:100%;}
.float_ll .box03 .bottom li span{ font-size:1.1rem; color:#333; display: block;margin-top:0.4rem; }
.float_ll .box03 .bottom li p{ font-size:0.9rem; color:#666; margin-top:0.3rem;display: -webkit-box;
-webkit-box-orient: vertical;overflow: hidden;}

.about{margin-top:3rem; margin-bottom:3rem;}
.about .float_rr{ width:70%; float:right;}
.about .float_rr .biaoti{width:100%; border-bottom:1px solid #ccc; overflow: hidden;}
.about .float_rr .biaoti .biaoti1{ width:26%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #3577cd; padding-bottom:0.6rem;}
.about .float_rr .text{ margin-top:2rem;  }
.about .float_rr .text div{overflow:hidden;}
.about .float_rr .text div img{ margin-right:1rem;float:left;}
.about .float_rr .text div span{ font-size:1.2rem; color:#222; font-weight: 600; display: block; float:left;}
.about .float_rr .text p{ font-size:0.9rem; color:#555; line-height: 2rem; margin-top:1rem;}
.about .float_rr .tupian{ margin-top:2rem; background: url(../images/about.jpg) center no-repeat; height:182px; padding-top:40px;}
.about .float_rr .tupian .p01{ font-size:1.8rem; color:#fff; text-align: center; font-weight: 600;width:35%; border-bottom:1px dashed #6a6866; margin:auto; padding-bottom:0.6rem;}
.about .float_rr .tupian .p02{ font-size:1rem; color:#fff; text-align: center; margin-top:1rem;}
.about .float_rr .tupian .dianhua{ width:35%; margin:auto; margin-top:1.4rem; overflow: hidden;}
.about .float_rr .tupian .dianhua img{ float:left;}
.about .float_rr .tupian .dianhua p{ font-size:1rem; color:#fff; float:left; margin-top:0.4rem; margin-left:1rem;}
.about .float_rr .tupian .dianhua span{ font-size:1.4rem; color:#fff; float:left; font-weight: 600; display: block;}



.wangdian{ margin-top:3rem; margin-bottom:3rem;}
.wangdian .float_rr{ width:70%; float:right;}
.wangdian .float_rr .biaoti{width:100%; border-bottom:1px solid #ccc; overflow: hidden;}
    .wangdian .float_rr .biaoti .biaoti1 {
        width: 26%;
        float: left;
        font-size: 1.6rem;
        color: #222;
        border-bottom: 3px solid #3577cd;
        padding-bottom: 0.6rem;
    }
.wangdian .float_rr .chengshi{ margin-top:2rem; width:100%; overflow:hidden; }
.wangdian .float_rr .chengshi span{ font-size:1rem; color:#222; display: block; float: left;}
.wangdian .float_rr .chengshi p{ font-size:0.9rem; color:#444; margin:0 2%; float: left; margin-top:0.1rem;}
.wangdian .float_rr .chengshi p:hover{ color:#3577cd;}
.wangdian .float_rr .dianhua{ background:url(../images/about.jpg) center no-repeat; height:180px; margin-top:1.6rem; padding-top:40px;}
.wangdian .float_rr .dianhua .p01{ font-size:1.8rem; color:#fff; text-align: center; font-weight: 600;width:35%; border-bottom:1px dashed #6a6866; margin:auto; padding-bottom:0.6rem;}
.wangdian .float_rr .dianhua .p02{ font-size:1rem; color:#fff; text-align: center; margin-top:1rem;}
.wangdian .float_rr .dianhua .dianhua1{ width:35%; margin:auto; margin-top:1.4rem; overflow: hidden;}
.wangdian .float_rr .dianhua .dianhua1 img{ float:left;}
.wangdian .float_rr .dianhua .dianhua1 p{ font-size:1rem; color:#fff; float:left; margin-top:0.4rem; margin-left:1rem;}
.wangdian .float_rr .dianhua .dianhua1 span{ font-size:1.4rem; color:#fff; float:left; font-weight: 600; display: block;}



.wangdian .float_rr .wangdian_1{ margin-top:2rem;overflow: hidden; border-bottom:1px dashed #ccc; padding-bottom:2.4rem;}
.wangdian .float_rr .wangdian_1 .wenan { overflow:hidden; margin-bottom:1.2rem;} 
.wangdian .float_rr .wangdian_1 .wenan span{ font-size:1.3rem; color:#222; display: blockb; float: left; }
.wangdian .float_rr .wangdian_1 .wenan p{ font-size:0.9rem; width:10%; background: #3577cd; border-radius: 10px; text-align: center; line-height: 1.8rem; float: left; margin-left:1rem; color:#fff;}

.wangdian .float_rr .wangdian_1 .tupian{ margin-top:0.8rem; width:100%; overflow: hidden;}
.wangdian .float_rr .wangdian_1 .tupian img{float:left; margin-right:1rem;}
    .wangdian .float_rr .wangdian_1 .tupian p {
        font-size: 1rem;
        color: #666;
        float: left;
        width: 95%;
    }
.wangdian .float_rr .wangdian_1 .tupian p strong{ font-size:1.3rem; color:#111;}
.wangdian .float_rr .wangdian_1 .zixun {width:20%; border-radius: 20px; background:#3577cd; margin-top:1rem;}
.wangdian .float_rr .wangdian_1 .zixun p{ font-size:1rem; color:#fff; text-align: center; line-height: 2.6rem; }
.wangdian .float_rr .wangdian_1 .zixun:hover{ background: #3577cd;}
.wangdian .float_rr .wangdian_1 .zixun:hover p{ color:#fff;}

.wangdian .float_rr .xiangqing{ margin-top:2rem;overflow: hidden;  padding-bottom:2.4rem; background: #f1f1f1;width:92%; padding:4%;}
.wangdian .float_rr .xiangqing .wenan { overflow:hidden; margin-bottom:1.2rem;} 
.wangdian .float_rr .xiangqing .wenan span{ font-size:1.3rem; color:#222; display: block; float: left; }
.wangdian .float_rr .xiangqing .wenan p{font-size:0.9rem; width:10%; background: #3577cd; border-radius: 10px; text-align: center; line-height: 1.8rem; float: left; margin-left:1rem; color:#fff;}
.wangdian .float_rr .xiangqing .tupian{ margin-top:0.8rem; width:100%; overflow: hidden;}
.wangdian .float_rr .xiangqing .tupian img{float:left; margin-right:1rem;}
    .wangdian .float_rr .xiangqing .tupian p {
        font-size: 1rem;
        color: #666;
        float: left;
        width: 95%;
        margin: 10px auto;
    }
.wangdian .float_rr .xiangqing .tupian p strong{ font-size:1.3rem; color:#111;}
.wangdian .float_rr .xiangqing .zixun {width:20%; border-radius: 20px; background: #3577cd; margin-top:1rem;}
.wangdian .float_rr .xiangqing .zixun p{ font-size:1rem; color:#fff; text-align: center; line-height: 2.6rem;  }
.wangdian .float_rr .xiangqing .zixun:hover{ background: #3577cd;}
.wangdian .float_rr .xiangqing .zixun:hover p{ color:#fff;}


.wangdian .tuijian{ margin-top:2rem; overflow: hidden;}
.wangdian .tuijian .tuijian1 span{ display:block; font-size:1.2rem; font-weight: 600; border-bottom:1px solid #ccc; padding-bottom:0.7rem;}
.wangdian .tuijian ul{ overflow:hidden;margin-top:1rem;}
.wangdian .tuijian ul li{width:100%; background: #f1f1f1; overflow: hidden; margin-top:1rem;}
.wangdian .tuijian ul li .tu{ width:26%; float: left;}
.wangdian .tuijian ul li .tu img{width:100%;}
.wangdian .tuijian ul li .box{ float:left;width:70%; }
.wangdian .tuijian ul li .box .p01{ font-size:1.2rem; color:#222; margin-top:3rem; margin-left:1rem;}
.wangdian .tuijian ul li .box .p02{ font-size:1rem; color:#444; margin-top:1.2rem; margin-left:1rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.wangdian .tuijian ul li .box .p02 img{ margin-right:0.6rem;}
.wangdian .tuijian ul li .box .p03{ font-size:1rem; color:#444; margin-top:1rem; margin-left:1rem;}
.wangdian .tuijian ul li .box .p03 img{ margin-right:0.6rem;}





.news{ margin-top:3rem; margin-bottom:3rem;}
.news .float_rr{ width:70%; float:right;}
.news .float_rr .biaoti{width:100%; border-bottom:1px solid #ccc; overflow: hidden;}
    .news .float_rr .biaoti .biaoti1 {
        width: 26%;
        float: left;
        font-size: 1.6rem;
        color: #222;
        border-bottom: 3px solid #3577cd;
        padding-bottom: 0.6rem;
    }
.news .float_rr ul{ overflow:hidden; margin-top:1.5rem;}
.news .float_rr ul li{ width:100%; padding-bottom:1rem; border-bottom:1px dashed #ccc; }
.news .float_rr ul li .top{ width:100%; overflow: hidden;margin-top:1rem;}
.news .float_rr ul li .top p{ width:80%; float: left; font-size:1.2rem; color:#222;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .float_rr ul li .top span{ display:block; font-size:0.9rem; color:#999; margin-top:0.3rem; float: right}
.news .float_rr ul li .bottom{width:100%; margin-top:0.8rem;}
.news .float_rr ul li .bottom p{ font-size:0.9rem; color:#666; line-height: 2rem;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .float_rr ul li .top p:hover{ color:#3577cd;}




.news_details{ margin-top:3rem;}
.news_details .float_rr{ width:70%; float:right;}
.news_details .float_rr .biaoti{width:100%; border-bottom:1px solid #ccc; overflow: hidden;}
    .news_details .float_rr .biaoti .biaoti1 {
        width: 26%;
        float: left;
        font-size: 1.6rem;
        color: #222;
        border-bottom: 3px solid #3577cd;
        padding-bottom: 0.6rem;
    }
.news_details .float_rr .text{ margin-top:2rem;}
.news_details .float_rr .text h1{ font-size:1.4rem; color:#222; margin-top:1rem;}
.news_details .float_rr .text p{ font-size:1rem; color:#666; line-height: 2rem; margin-top:1rem;}
.news_details .float_rr .text div{ width:80%; margin:auto; margin-top:2rem;}
.news_details .float_rr .text div img{width:100%;}














.contact{margin-top:3rem;}
.contact .float_rr{ width:70%; float:right;}
.contact .float_rr .biaoti{width:100%; border-bottom:1px solid #ccc; overflow: hidden;}
    .contact .float_rr .biaoti .biaoti1 {
        width: 26%;
        float: left;
        font-size: 1.6rem;
        color: #222;
        border-bottom: 3px solid #3577cd;
        padding-bottom: 0.6rem;
    }
.contact .float_rr .box{ overflow:hidden; margin-top:2rem;}
.contact .float_rr .box p{ font-size:1rem; color:#333; line-height: 2rem;}
.contact .float_rr .box p span{  font-size:1.2rem; font-weight: 600;}



.index_product_nav{ text-align: center; display: block; margin:1rem auto; overflow: hidden;}
.index_product_nav a{ padding:0 3%; background: #fff; border:1px solid #ccc; color:#333; line-height: 2.6rem; text-align: center; margin-left:2%; float: left; }
.index_product_nav a:hover{background: #f17901; border:none; color:#fff;}


.location {
    padding: 0 1%;
	float: right;
	overflow:hidden;
	margin-top:1rem;
}

 .location p {
        float: left;
	    color:#444;
	    font-size:0.9rem;
    }

.location span{
        float: left;
	    color:#444;
	    font-size:0.9rem;
	    display: block;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .location a {
    display:block;
    float:left;
    }
    .location a:hover {
        color: #333;
    }

.location h3 a {
        display: inline-block !important;
    }


.left_nav{
	width:23%;
	float:left;
	margin-bottom:2rem;
	}	
.left_nav .xiao_b{ background:url( ../images/nav.png) center no-repeat; background-size:100%; height:92px;}
.left_nav .xiao_b div{ width:38px; height:38px; float: left; margin-top:1.6rem; margin-left:3rem; margin-right:1rem;}
.left_nav .xiao_b div img{ width:100%;}
.left_nav h2{
	font-size:1.6rem;
	color:#fff;
	text-align:center;
	font-weight:600;
	line-height: 92px;
	float:left;
	}

.left_nav .chanpin{
	width:99.4%;
	/*background:#f17901;*/
	border:1px solid #dbdbdb;
	}	
.left_nav .chanpin a div{
	width:100%;
	border-bottom:1px solid #dbdbdb;
	}
	
.left_nav .chanpin a div:hover p{ margin-left:1rem; color:#9c47fd;}
.left_nav .chanpin a div p{
	font-size:1rem;
	color:#222;
	text-align:center;
	line-height:4rem;
	transition: 0.2s;
	}	
.left_nav .nav_b{ width:100%; background: #9c47fd;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:2rem 0;}
.left_nav .nav_b p{ font-size:1.2rem; color:#fff; text-align: center; font-weight: 600;}
.left_nav .nav_b span{ font-size:1.6rem; color:#fff; text-align: center; font-weight: 600; display: block; margin-top:0.8rem;}

/* 底部 */
	
.footer{
	width:100%;
	background:#222;
	padding-bottom:1rem;
	}
.footer .center{
	max-width:1200px;
	width:100%;
	margin:auto;
	overflow: hidden;
	}		
.footer .center .logo_b{ width:20%; float: left; margin-top:1.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:#999; line-height: 1.4rem;  text-align: center;}
.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:#999; line-height: 1.4rem;text-align: center;}
.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}
.footer .banquan{
	width:100%;
	background:#444;
	overflow: hidden;
	}
.footer .banquan .center div{ overflow:hidden; width:14%; margin:auto; color:#999; font-size: 0.9rem; line-height: 1.8rem;}

.footer .banquan p{
	font-size:1rem;
	color:#999;
	text-align:center;
	line-height:3rem;
	float: left;
	margin-left:25rem;
	}				
.footer .banquan span{
	display: block;
	float: left;
	color:#ccc; 
	margin-left:19rem;
	line-height: 3rem;
    font-size:1rem;
}				
	

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

.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:0.4rem 0;
	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;
	font-family: "Adobe Caslon Pro";
	font-weight: 100;
	margin-top:0.7rem;
	}

.title .xian{ background: url(../images/title.png) center no-repeat; height:4px;margin-top:1rem;}
.title p{ margin-top:0.7rem; font-size:1rem; line-height: 1.6rem; color:#999;text-align: center; }





/* 产品详情 */

.index_product{
	width:100%;
	padding:4rem 0 2rem 0;
	}

.product{
	padding-top:3rem;
	
	}



.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: #3577cd;
}






.lianjie{
	margin:1rem 0 0rem 0;
	overflow:hidden;
	padding-bottom:1rem;
	border-bottom:1px solid #666;
	margin-bottom:1rem;
	}
.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;
	}

	
.con .center .box{
	margin-top:2rem;
	padding:5% 0;
	width:100%;
	box-shadow: 0px 0px 10px 0px #ccc;
	overflow: hidden;
	margin-bottom:4rem;
	}	

.con .center .box .float_l{ width:30%; float: left; border-right:1px dashed #ccc; }
.con .center .box .float_l p{ font-size:2rem; color:#222; font-weight: 600; text-align: center; margin-top:1rem;}
.con .center .box .float_l span{ font-size:1.4rem; background: #9c47fd;color:#fff; line-height: 2.8rem; width:80%;  text-align: center; display: block; border-radius: 20px; margin:1rem auto;}
.con .center .box .float_c{ width:40%; float: left; padding-left:4%; padding-top:2rem; }
.con .center .box .float_c p{ font-size:1.1rem; color:#222; line-height: 2rem;}
.con .center .box .float_c p:nth-child(1){ font-size:1.4rem; font-weight: 600;}
.con .center .box .float_r{ width:23%; float: left;border-left:1px dashed #ccc;}
.con .center .box .float_r img{width:50%; margin:auto; display: block;}



.online{
	position:fixed;
	top:50%;
	right:1rem;
	
	}

.bottom_fixed {
    height: 50px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none;
}

    .bottom_fixed ul {
        overflow: hidden;
    }

        .bottom_fixed ul li {
            width: 50%;
            float: left;
        }

            .bottom_fixed ul li:nth-child(1) {
                background: #ff6005;
            }

            .bottom_fixed ul li:nth-child(2) {
                background: #26c540;
            }

            .bottom_fixed ul li img {
                float: left;
                margin-right: 0.6rem;
                margin-left: 4rem;
                margin-top: 0.7rem;
            }

            .bottom_fixed ul li p {
                font-size: 0.9rem;
                color: #fff;
                line-height: 50px;
            }


.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{ background:#fff;color:#222; box-shadow: 0px 0px 10px 0px #ccc; 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: #222;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;position: absolute;top: 0;right: -200px;width: 150px;color:#222;background:#fff;box-shadow: 0px 0px 10px 0px #ccc;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) {
    .banner_box {
        position: relative;
        overflow: hidden;
    }

    .slides clearfix {
        overflow: hidden;
    }

    #slider {
        overflow: hidden;
    }
	
	.service_ul ul li{width:49%; margin-bottom:1rem;}
	.service_ul ul li:nth-child(5){display:none;}
	.service_tel{ margin:2rem auto 0 auto;}
	.youshi .adva_ul ul li{width:96%; float:none; margin:auto;}
	.youshi .adva_ul .adva_img{width:50%; float: left;}
	.youshi .adva_ul .adva_img img{width:100%; height:100%;}
	.youshi .adva_ul .adva_text{width:50%; float: left;}
	.liucheng .box{ background:none; height:auto; padding-top:0;}
	.liucheng .box ul li{width:23.5%; height:130px;}
	.index_about{ background:none; height:auto; padding:0;}
	.index_about .float_l{width:90%; margin:auto; float: none;}
	.index_about .float_r{width:90%; margin:auto; float: none;}
	.index_news ul li{width:96%; margin:auto; float:none; margin-bottom:2rem;}
	.index_news ul li:nth-child(3){ margin-bottom:0;}
	.index_wangdian ul li{width:96%; margin:0 auto 1.6rem auto; float:none;}
	.index_wangdian ul li:nth-child(2){ float:none;}
	.index_wangdian ul li:nth-child(4){ float:none;}
        .index_wangdian ul li:nth-child(6) {
            float: none;
        }

        .index_wangdian ul li:nth-child(8) {
            float: none;
        }

        .index_wangdian ul li:nth-child(10) {
            float: none;
        }

        .index_wangdian ul li:nth-child(12) {
            float: none;
        }

        .index_wangdian ul li:nth-child(14) {
            float: none;
        }

        .index_wangdian ul li:nth-child(16) {
            float: none;
        }

        .index_wangdian ul li:nth-child(18) {
            float: none;
        }

        .index_wangdian ul li:nth-child(20) {
            float: none;
        }

        .index_wangdian ul li:nth-child(22) {
            float: none;
        }

        .index_wangdian ul li:nth-child(24) {
            float: none;
        }
        .index_wangdian ul li:nth-child(26) {
            float: none;
        }
        .index_wangdian ul li:nth-child(28) {
            float: none;
        }
        .index_wangdian ul li:nth-child(30) {
            float: none;
        }
        .index_wangdian ul li:nth-child(32) {
            float: none;
        }
        .index_wangdian ul li:nth-child(34) {
            float: none;
        }
        .index_wangdian ul li:nth-child(36) {
            float: none;
        }
        .index_wangdian ul li:nth-child(38) {
            float: none;
        }
	
	
	
	
	
	.float_ll{ display:none;}
	.about .float_rr{width:96%; margin:auto;float:none;}
	.about .float_rr .biaoti .biaoti1{width:23%; font-size:1.4rem;}
	.location{width:30%;}
	.about .float_rr .tupian{display:none;}
	.wangdian .float_rr{ width:96%; margin:auto; float: none;}
	.wangdian .float_rr .biaoti .biaoti1{width:26%;}
	.wangdian .float_rr .dianhua{ background-size:100% 100%; }
	.wangdian .float_rr .dianhua .p01{width:70%;}
	.wangdian .float_rr .dianhua .dianhua1{width:70%;}
	.wangdian .float_rr .wangdian_1 .wenan p{width:16%;}
        .wangdian .float_rr .wangdian_1 .tupian p {
            width: 90%;
        }
	.wangdian .float_rr .wangdian_1 .zixun{width:30%;}
	.wangdian .float_rr .xiangqing .wenan p{width:16%;}
        .wangdian .float_rr .xiangqing .tupian p {
            width: 90%;
            line-height: 1.6rem;
            margin: 10px auto;
        }
	.wangdian .float_rr .xiangqing .zixun{width:34%;}
	.wangdian .tuijian ul li .box .p01{ margin-top:0.6rem;}
	.wangdian .tuijian ul li .box .p02{ margin-top:0.6rem;}
	.wangdian .tuijian ul li .box .p03{ margin-top:0.4rem;}
	
	
	.news .float_rr{width:96%; margin:auto; float: none;}
	/*.news .float_rr .biaoti .biaoti1{ width:26%;}*/
	
.news_details .float_rr{width:96%; float:none; margin:auto;}
/*.news_details .float_rr .biaoti .biaoti1{width:26%;}*/
.news_details .float_rr .text h1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	.contact .float_rr{ width:96%; float:none; margin:auto;}
	/*.contact .float_rr .biaoti .biaoti1{width:26%;}*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.footer .center .logo_b{display:none;}
	.paginationa{ padding:2rem 0;}
	.fixed{ display:none;}
	.title .dianhua{ display:block; width:70%;}


    .bottom_fixed {
        display: block;
    }

.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 .banquan p{ margin-left:0;}
	.footer .banquan span{ text-align: center; float: none; margin-left:0;}
.footer{ margin-bottom:40px; padding:0 2%; width:96%; margin-top:2rem;}
.footer .center{
	width:100%;
	padding:0;
	
	}

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

    .index_wangdian ul li .dian {
        display: none;
    }

    .index_wangdian ul li .wenzi1 span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

}