

/* 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:80%}}
@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) {.telphone {display:none;} 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; width:70%; 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(../image/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(../image/xiangmu.jpg) center no-repeat; height:868px;padding-top:30px;}
.liucheng ul{position: relative; margin-top:9rem;}
.liucheng ul .li01{ background: url(../image/liucheng1.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:0; left:0;}
.liucheng ul .li02{ background: url(../image/liucheng2.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:100px; left:244px;}
.liucheng ul .li03{ background: url(../image/liucheng3.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:-100px; left:488px;}
.liucheng ul .li04{ background: url(../image/liucheng4.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:215px; left:488px;}
.liucheng ul .li05{ background: url(../image/liucheng5.jpg) center no-repeat; width:231px;height:300px; position: absolute; top:100px; left:732px;}
.liucheng ul .li06{ background: url(../image/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(../image/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(../image/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(../image/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%;text-align: center;}
.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: #00000000; 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(../image/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: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(../image/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: #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: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: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%;
    width:25%;
	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( http://www.1-watch.com/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(../image/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: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;}
	.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;
	}
	
	
	.telphone {
		width: 100%;
		height: 6rem;
		display: flex;
		position: fixed;
		bottom: 0;
		z-index: 999;
	}
	
	.telphone a {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.telphone a:visited {
		text-decoration: none;
	}
	
	.telphone img {
		width: 2.8125rem;
		height: 2.9375rem;
		margin: 0;
		margin-right: 1.25rem;
	}
	
	.telphone button {
		font-size: 1.78rem;
		color: #fff;
		outline: none;
		background: rgba(1,1,1,0);
	}
	
	.telphone .foot1 {
		width: 50%;
		background: #FF6005;
	}
	
	.telphone .foot2 {
		width: 50%;
		background: #26C540;
	}
}










