@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; } */









.xiangmu{ padding-top:3rem; background: #fafafa;padding-bottom:3rem; }

.xiangmu .top{ overflow:hidden;}

.xiangmu .top ul{overflow:hidden; width:30%; margin:auto;}

.xiangmu .top ul li{ width:32%; float: left; border:1px solid #666;}

.xiangmu .top ul li:hover{ background:#333;}

.xiangmu .top ul li:hover p{ color:#fff;}

.xiangmu .top ul li p{ font-size:1rem; color:#222; text-align: center; line-height: 2.6rem;cursor:pointer;}



.xiangmu .bottom{ margin-top:2rem;}

.xiangmu .bottom ul{ overflow:hidden;}

.xiangmu .bottom ul li{ display: none;}

.xiangmu .bottom ul .ul_block{ display:block;}

.xiangmu .bottom ul li .box1{width:23.8%; float: left; margin:0.6%; position: relative;}

.xiangmu .bottom ul li .box1 .tu{ width:100%;}

.xiangmu .bottom ul li .box1 .tu img{width:100%;}

.xiangmu .bottom ul li .box1 .text{width:88%; padding:6%; position: absolute; top:10px; left:10px;}

.xiangmu .bottom ul li .box1 .text span{ font-size:1.4rem; color:#fff; display: block;}

.xiangmu .bottom ul li .box1 .text .p01{ font-size:0.87rem; color:#fff; margin-top:0.6rem;}

.xiangmu .bottom ul li .box1 .text .p02{ font-size:1rem; color:#fff; margin-top:3rem; }







.index_news{ margin-top:2rem;}

.index_news .top{overflow:hidden;}

.index_news .top ul{overflow:hidden; width:69%; float: left; background: #f1f1f1; padding:3%;}

.index_news .top ul li{width:100%; border-bottom:1px dashed #ccc;height: 3rem;}

.index_news .top ul li p{ font-size:1rem; color:#222; float: left;  line-height: 3rem;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;	}

.index_news .top ul li p:hover{ color:#e85f03;}

.index_news .top ul li span{ font-size:0.9rem; color:#999; float: right; display: block;line-height: 3rem;}

.index_news .top ol{width:23%; float:right;}

.index_news .top ol li{ width:44%; margin:1%; float: left; padding:15% 2%;}

.index_news .top ol li:nth-child(1){ background: #9a6c0a;}

.index_news .top ol li:nth-child(2){ background: #846c62;}

.index_news .top ol li:nth-child(3){ background: #687463;}

.index_news .top ol li:nth-child(4){ background: #48616f;}

.index_news .top ol li div{width:36.2%; margin:auto;}

.index_news .top ol li div img{width:100%;}

.index_news .top ol li p{ font-size:1rem; color:#fff; margin-top:0.6rem; text-align: center;}



.index_news .bottom{ background:url(../images/guanggao.jpg) center no-repeat; height:146px; padding-top:40px; margin-top:1rem;} 

.index_news .bottom span{ display:block; font-size:1rem;margin-left:2rem; color:#fff;}

.index_news .bottom .p01{ font-size:2.2rem; margin-top:1rem; color:#fff;margin-left:2rem; font-weight: 600;}

.index_news .bottom .p02{ font-size:0.9rem; margin-top:1rem; color:#fff; margin-left:2rem;}









.liucheng{ margin-top:3rem; background: url(../images/xiangmu.jpg) center no-repeat; height:868px;padding-top:30px;}

.liucheng ul{position: relative; margin-top:9rem;}

.liucheng ul .li01{ background: url(../images/liucheng1.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:0; left:0;}

.liucheng ul .li02{ background: url(../images/liucheng2.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:100px; left:244px;}

.liucheng ul .li03{ background: url(../images/liucheng3.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:-100px; left:488px;}

.liucheng ul .li04{ background: url(../images/liucheng4.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:215px; left:488px;}

.liucheng ul .li05{ background: url(../images/liucheng5.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:100px; left:732px;}

.liucheng ul .li06{ background: url(../images/liucheng6.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:0; left:976px;}

.liucheng ul li div{width:80px; height:68px; background: #fff; border-radius: 50%; margin:3rem auto 2rem auto; padding-top:13px; transition: 0.5s;}

.liucheng ul li div .p01{ font-size:3rem; color:#e85f03; text-align: center; font-family: "方正粗倩_GBK"; font-weight: 600;}

.liucheng ul li .p02{ font-size:1.1rem; color:#fff; text-align: center; margin-top:1rem; margin-bottom:1rem;}

.liucheng ul li span{ font-size:0.9rem; display: block; color:#fff; width:90%; text-align: center; margin:auto;display: -webkit-box;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 1.4rem;}

.liucheng ul li:hover div{ transform: translate(0,-10px)}

.liucheng ul li:hover .p02{ color:#e85f03;}







.liucheng1{ margin-top:2rem; display: none;}

.liucheng1 ul{ overflow:hidden;}

.liucheng1 ul li{ width:32%; overflow: hidden; height:200px;float:left; margin:0.5%;background: url(../images/liucheng1.jpg) center no-repeat;}

.liucheng1 ul li div{width:50%; height:44px; background: #fff; border-radius: 50%; margin:2rem auto 1rem auto; padding-top:13px; transition: 0.5s;}

.liucheng1 ul li div .p01{ font-size:2rem; color:#e85f03; text-align: center; font-family: "方正粗倩_GBK"; font-weight: 600;}

.liucheng1 ul li .p02{ font-size:1rem; color:#fff; text-align: center; margin-top:0.6rem; margin-bottom:0.6rem;}

.liucheng1 ul li span{font-size:0.9rem; display: block; color:#fff; width:90%; text-align: center; margin:auto;display: -webkit-box;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 1.4rem;}





.guanggao2{ background:url(../images/guanggao2.jpg) center no-repeat; height:190px; padding-top:40px;}

.guanggao2 .top p{ text-align: center;  font-size:2.2rem; font-weight: 600;  color:#fff;}

.guanggao2 .top span{ display:block; font-size:0.9rem; text-align: center; color:#b5b4b4;margin-top:1.5rem; font-family: "Adobe Caslon Pro"}

.guanggao2 .dianhua{ overflow:hidden; width:30%; margin:auto; margin-top:2rem;}

.guanggao2 .dianhua div{width:35px; height:35px; float: left;}

.guanggao2 .dianhua div img{width:100%}

.guanggao2 .dianhua p{ font-size:1.1rem; color:#fff; float: left; margin-top:0.4rem; margin-left:1rem;}

.guanggao2 .dianhua span{ display:block; font-size:1.8rem; float: left; color:#fff; font-weight: 600;}













.baozhang{ margin-top:3rem;}

.baozhang .box{ background: url(../images/baozhang.jpg) center no-repeat; height:482px;}

.baozhang .box .float_left{ width:28%; float: left;}

.baozhang .box .float_left p{ font-size:1.2rem; color:#fff; }

.baozhang .box .float_left span{ display:block; color:#fff;  font-size:0.9rem; margin-top:0.6rem; line-height: 1.4rem;}

.baozhang .box .float_left div:nth-child(1){ margin-top:3rem; margin-left:8%;}

.baozhang .box .float_left div:nth-child(2){ margin-top:12rem; margin-left:8%;}

.baozhang .box .float_left div:nth-child(2) p{ color:#222;}

.baozhang .box .float_left div:nth-child(2) span{ color:#666;}

.baozhang .box .float_right{ float:right; width:28%;}

.baozhang .box .float_right p{ font-size:1.2rem; color:#222; }

.baozhang .box .float_right span{ display:block; color:#333;  font-size:0.9rem; margin-top:0.6rem; line-height: 1.4rem;}

.baozhang .box .float_right div:nth-child(1){ margin-top:3rem;}

.baozhang .box .float_right div:nth-child(2){ margin-top:12.6rem;}

.baozhang .box .float_right div:nth-child(2) p{ color:#fff;}

.baozhang .box .float_right div:nth-child(2) span{ color:#fff;}







.index_about{ margin-top:3rem; padding:2rem 0; background: #fafafa;}

.index_about .box{ overflow:hidden;}

.index_about .box .p01{ font-size:1rem; color:#333; line-height: 2rem; text-align: center;width:90%; margin:auto;}

.index_about .box .dianhua{width:28%; margin:auto; border-radius: 10px; background: #e85f03; margin-top:2rem; }

.index_about .box .dianhua img{width:32px; float: left; margin:0.5rem 1rem;}

.index_about .box .dianhua p{ font-size:1rem; color:#fff; float: left; line-height: 3rem;}

.index_about .box .dianhua span{ font-size:1.4rem; font-weight: 600; color:#fff; display: block; line-height: 3rem;}

.index_about ul{  margin-top:2rem;}

.index_about ul li{ width:15.6%; float: left; margin:0 0.5%; background: #e6e6e6; padding:1% 0;}

.index_about ul li div{width:21%; margin:auto; }

.index_about ul li div img{ width:100%;}

.index_about ul li p{ font-size:1rem; color:#222; margin-top:1rem; text-align: center;  margin-top:1rem;}

.index_about ul li:hover{ box-shadow:0px 0px 10px 0px #ccc;}











.index_wangdian{ margin-top:3rem; margin-bottom:3rem;}

.index_wangdian ul{overflow:hidden;}

.index_wangdian ul li{width:49%; float: left; margin:0.5%;}

.index_wangdian ul li .float_left{width:34.6%; float: left;}

.index_wangdian ul li .float_left img{width:100%;}

.index_wangdian ul li .text{width:65.4%; background: url(../images/wangdian2.jpg) right no-repeat; height:180px; float: right;}

.index_wangdian ul li .text p{ font-size:1.2rem; color:#222; padding-top:2.6rem; padding-left:1.5rem; margin-bottom:0.5rem; display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

overflow: hidden;}

.index_wangdian ul li .text span{ font-size:1rem; color:#666; display: block;  overflow: hidden; margin-top:0.8rem;display: -webkit-box;

-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.index_wangdian ul li .text span img{width:15px; height:15px;  margin-left:1.5rem; margin-right:0.6rem; margin-top:0.2rem;}

.index_wangdian ul li .text p:hover{ color:#e85f03;}









.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 #e85f03;padding-bottom:1rem;}

.float_ll .box01 .bottom{ border-radius: 40px; border:2px solid #e85f03; margin-top:1rem; width:90%;}

.float_ll .box01 .bottom p{ font-size:1.8rem; color:#e85f03; 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 #e85f03;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:#e85f03;}





.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 #e85f03;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;-webkit-line-clamp: 1;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:13%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #e85f03; 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:42%; 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:13%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #e85f03; 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:#e85f03;}

.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:42%; 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: #e85f03; 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;}

.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:#e85f03; 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 .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: #e85f03; 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:#e85f03; margin-top:1rem;}

.wangdian .float_rr .xiangqing .zixun p{ font-size:1rem; color:#fff; text-align: center; line-height: 2.6rem;  }







.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:13%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #e85f03; 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:#e85f03;}









.news_details{ margin:3rem 0;}

.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:13%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #e85f03; padding-bottom:0.6rem;}

.news_details .float_rr .text{ margin-top:2rem;}

.news_details .float_rr .text h1{ font-size:2rem; color:#222; margin-top:1rem;text-align:center;}
.news_details .float_rr .text h2{ font-size:1.4rem;}
.news_details .float_rr .text h3{ font-size: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:3rem 0;}

.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:13%; float:left; font-size:1.6rem; color:#222; border-bottom:3px solid #e85f03; 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:3rem 0;}

.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;}













/* 产品详情 */



.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: #e85f03;

}













.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:#e85f03;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:#e85f03;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 .xian{display:none;}

	.xiangmu .top ul{width:80%;}

	.xiangmu .bottom ul li .box1{width:48.8%;}

	.xiangmu .bottom ul li .box1 .text{}

	.xiangmu .bottom ul li .box1 .text{padding:4%;}

	.xiangmu .bottom ul li .box1 .text .p02{ margin-top:1rem;}

	.index_news .top ul{width:96%; padding:2%;}

	.index_news .top ol{ width:96%; float:none; margin:auto;}

	.index_news .top ol li{ width:19%; padding:6% 2%; margin-top:1rem;}

	.index_news .bottom{ display:none;}

	.liucheng{display: none;}

    .liucheng1{display:block;}

	.guanggao2{ display:none;}

    .location a {

        display: block;

        float: left;

    }

	.baozhang{display:none;}

	.index_about .box .dianhua{width:80%;}

	.index_about ul li{width:32.3%; margin-bottom:1%;}

	.index_wangdian ul li{width:100%;}

	.index_wangdian ul li .text p{ padding-top:1rem;}

	.index_wangdian ul li .text{ height:96px; padding-bottom:1rem;}

	.index_wangdian ul li .float_left{height:110px;}

	.index_wangdian ul li .float_left img{height:100%;}

	.float_ll{ display:none;}

	.about .float_rr{width:96%; margin:auto;float:none;}

	.about .float_rr .biaoti .biaoti1{width:27%; font-size:1.4rem;}

	.location{width:55%;}

	.about .float_rr .tupian{display:none;}

	.wangdian .float_rr{ width:96%; margin:auto; float: none;}

        .wangdian .float_rr .biaoti .biaoti1 {

            width: 30%;

        }

	.wangdian .float_rr .dianhua{ background-size:100% 100%; }

	.wangdian .float_rr .dianhua .p01{width:72%;}

	.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;}

	.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:30%;}

	

.news_details .float_rr{width:96%; float:none; margin:auto;}

.news_details .float_rr .biaoti .biaoti1{width:30%;}

.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:30%;}





    .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;

    }

	

	.footer .center .logo_b{display:none;}

	.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:50px; 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;

	}





}