@charset "utf-8";
/* CSS Document */

.center1{max-width:1200px;margin:0 auto}
.center1{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%}}


.xiangmu{ margin-top:3rem; margin-bottom:4rem;}
.xiangmu ul{  width:1200px; margin:auto; margin-top:1rem;}
.xiangmu ul li{width:15.9%; float: left; padding:2%; }
.xiangmu ul li:nth-child(1){ margin-left:0;}
.xiangmu ul li div{ width:100%; transition: 1s; }
.xiangmu ul li div img{ width:66%; margin:auto; display: block;transition: 1s;}
.xiangmu ul li h2{ text-align: center; font-size:1.2rem; color:#444; margin-top:1.4rem; }
.xiangmu ul li p{ text-align: center; font-size:0.9rem; color:#999; margin-top:0.5rem; line-height: 1rem; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}
.xiangmu ul li:hover div img{transform: rotate(360deg);}


/* 首页标题 */

.title{
	max-width:1200px;
	margin:auto;
	margin-bottom:2rem;
	
	}
.title h2{
	color:#333;
	font-size:1.6rem;
	text-align:center;
	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;
	font-family:Adobe Caslon Pro;
	margin-top:0.6rem;
	}
.title div{ background: url(../images/title.png) center no-repeat; height:4px; margin-top:1rem;}
.title1{ background:url(../images/youshi.png) center no-repeat; height:130px; padding-top:30px;}	
.title .dianhua{ background: #027eba; border-radius: 30px; width:26%; height:2.2rem; margin: 1rem auto;}
.title .dianhua p{ font-size:1rem; color:#fff; float: left; line-height: 2.2rem; margin-left:2.8rem;}
.title .dianhua h3{ font-size:1.4rem; color:#fff; float: left; line-height: 2.2rem; display: block;}



.youshi{ margin:4rem auto; }
.youshi .title{ margin-bottom:3rem;}
.youshi .box{background: url(../images/youshi.jpg) center no-repeat; height:393px; margin-top:2rem;}
.youshi .box .float_l{ width:40%; float: left; margin-left:4%;}
.youshi .box .float_l h2{ font-size:1.6rem; color:#fff; margin-top:4.6rem;}
.youshi .box .float_l span{ display:block; color:#fff; margin-top:0.8rem; font-family: "华文中宋"; font-size:1rem;}
.youshi .box .float_l div{ width:20%; background: #fff; height:4px; margin-top:2rem;}
.youshi .box .float_l p{ margin-top:2rem; color:#fff; font-size:1rem; line-height: 2rem;}
.youshi .box .float_r {width:12%;float:right;}
.youshi .box .float_r ul{ overflow:hidden; }
.youshi .box .float_r ul li{ float:right; width:84%; margin-bottom:1.8rem; padding-right:16%;}
.youshi .box .float_r ul li h2{ font-size:2rem; color:#fff; font-family: "华文中宋"; margin-top:0.6rem; font-weight: 600; float: right;}
.youshi .box .float_r ul li p{ font-size:1rem; color:#fff; float: right;width:82%;}




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



.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{border: 1px solid #e2e2e2;}
.fixed ul li{background:#f17901;color:#fff;width: 70px;height: 70px;position: relative;text-align: center;border-bottom: 1px solid #fff; cursor: pointer;}
.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: #666;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;border:1px solid #e2e2e2;position: absolute;top: 0;right: -200px;width: 150px;color:#b89b5f;background:#fff;text-align: center;height: 70px;font-size: 1rem;transition: all 1s;z-index: -999;}
.fixed ul li:hover .p1{right:70px;}
.fixed ul li a{color: #666;}




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


	.xiangmu ul li{ width:16%; margin-left:0%;}
	.xiangmu ul{ width:100%;}
	.title1{ display:none;}
	.youshi .box{ background:#f17901; height:240px; background-size:100%;}
	.youshi .box .float_l{width:90%; margin:auto; float: none;}
	.youshi .box .float_r{ display:none;}
	.youshi .box .float_l h2{ margin-top:0; padding-top:1rem;}
	




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

	
.bottom_fixed{ display:block;}
.product_details .center{
	margin:20px 10px 0;
	}
.product_details .center h1{
	font-size:1.6rem;
	color:#444;
	text-align:center;
	}