*{ margin:0; padding:0; list-style:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a{text-decoration:none;color: #333;}
html{font-size:20px; overflow-x: hidden; font-family:"Microsoft YaHei","arial";
	-moz-user-select:none;/*防止复制*/
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
      user-select:none;}
body{ background-color: #fff; overflow: hidden;letter-spacing:0px;}
#header{background-color: #000;text-align: center;height: 96px;line-height: 96px;color: #333;position: relative; position:fixed;top:0;left:0; width: 100%; z-index: 999;}
#header span.right{width: 96px;height: 96px;position: absolute;right: 0;top: 0;background:url("../img/index-icon-1.png") no-repeat center center;background-size: 80%;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 潞脥 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#header span.right.on{background: url("../img/index-icon-2.png") no-repeat center center;background-size: 80%;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 潞脥 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#header h1{font-size:32px;font-weight: normal; border-bottom: 2px solid #f0f0f0; }
#header a.left{position:absolute;left:0;top:0;display: block;width: 96px;height: 96px; background: url("../img/index-icon-3.png") no-repeat center center;background-size: 70%;}
.menu{overflow: hidden;background-color: #000;width: 100%;position: fixed;left: 0;top: 96px;right: 0;z-index: 9999;height: 0;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
box-shadow:rgba(0,0,0,.1) 0 4px 6px;
}
#header span.left{ height: 96px; width: 96px; position: absolute; top: 0; left: 0;  background: url("../img/index-icon-4.png")no-repeat center center;background-size: 80%;}
#header span.left a{ height: 96px; width: 96px; display: block;}
.menu li{width: 100%;text-align: center;border-bottom: 1px solid #666;font-size:28px;height:70px;line-height:70px; }
.menu li a{color: #fff;display: inline-block;width: 100%;text-align: center; text-decoration:none;}

.index-main{ margin: 96px auto 0 auto; width: 750px;}
.index-section-1{ background: url("../img/index-img-1.jpg") no-repeat; width: 100%; min-height:545px; border-top:1px solid #91f6e4;}
.index-section-1 h1{ font-size: 54px; text-align: center; margin-top: 80px; }
.index-section-1 p{  font-size: 28px;line-height: 56px; text-align: center;}
.index-section-1 p font{ color: #4c7aff; font-weight: bold; padding: 0 5px; font-size: 28px;}
.index-section-2{ background-color:#000;border-top:1px solid #000;}
.index-section-2 h1{ color: #fff; text-align: center; font-size: 30px; line-height: 108px; margin-top: 60px;}
.index-section-2 p{ color: #fff; text-align: center; padding: 0 30px 80px 30px; font-size: 20px; line-height: 2rem; }
.index-section-3 ul{margin: 4rem auto;width: 37.5rem;}
.index-section-3 ul li{ padding-left: 1rem; width: 18rem; display: inline-block; margin: 1.5rem 0;}
.index-section-3 ul li h2{ font-size: 1.4rem; line-height: 3.2rem; font-weight: 400; color: #4ca6ff;}
.index-section-3 ul li p{ font-size: 20px; line-height: 2.8rem;}
.index-section-4{ background: url("../img/index-img-4.jpg") no-repeat; width: 100%; height: 538px;}
.index-section-4 h1{ font-size: 48px; line-height: 96px; padding-top: 90px; color: #fff; text-align: center; font-weight: normal;}
.index-section-5 div{width: 750px; margin: 0 auto;}
.index-section-5 div h1{ text-align: center; line-height: 10rem; margin-top: 2rem; font-size: 2.4rem; font-weight: normal;}
.index-section-5 div ul{display: flex; flex-wrap:wrap;}
.index-section-5 div ul li{width: 354px; height: 220px;}
.index-section-5 div ul li:nth-child(1){background-color: #f0f0f0; border-radius: 1rem 0 0 0;}
.index-section-5 div ul li:nth-child(4){background-color: #f0f0f0; border-radius: 0 0 1rem 0 ;}
.index-section-5 div ul li img{ width: 354px; height: 220px;}
.index-section-5 div ul li p{ margin: 0 auto; width: 230px; margin-top:3rem; font-size: .8rem; line-height:1.4rem; }
.index-section-5 div ul li p a{ color: #7d6b57; font-size: 1.4rem;}
.index-section-6 h1 {text-align: center;  margin-top: 6rem; font-size: 2.4rem; font-weight: normal;}
.index-section-6 p{ text-align: center; font-size: .8rem; color: #999; line-height: 2rem; margin-bottom: 5rem;}
.index-section-6 img{ margin-left: 1.5rem;}
.index-section-7{ background: url("../img/index-img-7.jpg")  no-repeat;  width: 100%; height: 350px;  margin-top: 2rem;}
.index-section-7 p{ font-size: 1.2rem;line-height: 2.4rem; width: 16rem; padding: 3rem 0 0 3rem; color: #fff;}
.index-section-8{ background-color: #f2f5fa; width: 100%; padding-bottom: 2rem; }
.index-section-8 h1{ text-align: center;  padding-top: 2rem; font-size: 2.4rem; font-weight: normal;}
.index-section-8 p{ font-size:.8rem;line-height: 1.6rem; padding: 0 30px;  color: #999; text-align: center;}
.index-section-9{ background: url("../img/index-img-9.jpg")  no-repeat;  width: 100%; height: 350px; }
.index-section-9 h1{ color: #fff; font-weight: normal; padding: 2rem 0 0 1.8rem;font-size: 1.5rem; }
.index-section-9 p{ font-size: 1rem;line-height: 2rem; width: 15rem; padding: 1rem 0 0 1.8rem; color: #fff;}
.index-section-10{ background: url("../img/index-img-10.jpg")  no-repeat;  width: 100%; height: 600px; }
.index-section-10 h1{ width: 400px; color: #fff; font-weight: normal; padding: 8rem 0 0 1.8rem;font-size: 2rem; color: #666666; }
footer{margin:3rem auto 2rem auto; width: 750px; text-align: center; line-height:3.6rem;}
footer h1{font-weight: normal; line-height:4.2rem;  font-size: 1.4rem;}
footer p{ font-size:1rem;}

.product-main{width:750px; padding:8rem 0; background-color: #fff; margin: 0 auto;}
.product-main h1{ margin: 0rem auto 3rem auto;  font-size: 2.4rem; line-height: 5.2rem;  text-align: center; font-weight: normal; margin-bottom: 1rem;}
.product-main>p{font-size: 24px; line-height: 3rem; padding: 0 1rem;}
.product-main>img{margin:1rem 0 1rem 1rem; }
/*产品列表*/
.product-main ul{margin: 1rem 0 0rem 0; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.product-main ul li{ width: 340px; margin-left: 1rem; border: 1px solid #f0f0f0; background-color: #fff;} 
.product-main ul li:nth-child(2n){margin-right: .5rem;}
.product-main ul li img{width:336px;} 
.product-main ul li p { line-height: 2.4rem; font-size:28px; padding-left: 1rem;}
.product-main ul li span{color:#999;font-size: 1rem; display: block;padding:0 0 1rem 1rem;}
.product-main ul li p font{ color: #0b73f5;font-size: 28px;} 
.product-main ul li:hover{ box-shadow:0px 0px 4px #cccccc; z-index: 999; cursor: pointer;} 

/*服务*/
.serve-banner{ width: 750px; margin: 0rem auto 1rem auto; padding-top: 7rem; text-align: center;}
.serve-banner h1{ padding-bottom: 1rem; font-size:42px; }
.serve-banner p{ font-size: 20px;}
.serve-banner img{width: 750px;}
.serve-section-2{ width:710px;  margin: 0 auto; margin-bottom: 4rem; }
.serve-section-2 h1{ line-height:5rem;}
.serve-section-2 ul li:nth-child(1){border-top:1px solid #ebebeb; }
.serve-section-2 ul li{ border-bottom:  1px solid #ebebeb; padding: 1rem 0 .5rem .5rem;}
.serve-section-2 ul li div.answer{ display: none; background-color: #f5f5f5; line-height: 2rem; font-size: 20px; padding: 1rem;}
.serve-section-2 ul li p{letter-spacing:0px; line-height: 2rem; color: #000; font-size:20px;  padding: 0 .5rem;}
.serve-section-2 ul li p.faq{font-size:20px; line-height: 2rem;}
.serve-section-2 ul li:hover div.answer{ display: block;}
.serve-section-2 ul li:hover p.faq{ color: red; cursor: pointer; }
/*加盟*/
.join-section-1{width: 750px; margin: 0rem auto 1rem auto; padding:7rem 1rem 1rem 1rem; }
.join-section-1 h1{ font-size:42px; line-height: 3rem; margin-bottom: 1rem;  text-align: center;}
.join-section-1>h2{margin-top:2rem;font-size: 30px; line-height: 3rem; font-weight: normal; color: #0b73f5;}
.join-section-1 div>h2{font-weight: normal;}
.join-section-1 p{ font-size: 24px; line-height: 3rem;}
.join-section-1-list{ margin: 2rem 0 0 0; }
.join-section-1-list:after{clear:both; content: '.'; display: block; visibility: hidden;}
.join-section-1-list .left,.join-section-1-list .right{background-color: #f2faf7;  margin-bottom: 1rem; padding: 1rem;}
.join-section-1-list .left h2,.join-section-1-list .right h2{font-size:36px; line-height: 3rem; font-weight: 900; }
.join-section-1-list .left p,.join-section-1-list .right p{font-size: 24px; line-height: 3rem;}
.join-section-1 .bom{background-color: #f2faf7; padding: 1rem; margin-top: -2rem;}
.join-section-1 .bom p{font-size: 24px;line-height: 3rem;}
/*案例*/
.serve-case{ margin-top:7rem;}
.serve-case .case-list li{ border:1px solid #ccc; margin: 0 1rem; font-size: 1.2rem; line-height: 4rem; padding-left: 1rem;}
.casebox{ width:35.5rem; padding: 6rem 1rem; margin: 0 auto;}
.casebox section{ display: none;}
.casebox section img{ width: 100%;}
.casebox section h1{ font-size:40px; line-height:5rem; }
.casebox section p{font-size: 24px; line-height:3rem; }
/*关于我们*/
.about-main-1{margin-top: 8rem;}
.about-main-2,.about-main-3{margin-top:4rem;}
.about-main-text{ width: 35.5rem; padding: 0 1rem; margin:0 auto; }
.about-main-text h1{ font-size:2rem; line-height: 5.2rem; margin-bottom: 1rem; font-weight: normal; text-align: center;}
.about-main-text p{ font-size: 24px; line-height: 2.5rem;}
.about-main-3{ margin-bottom:10rem;}
.about-main-3 ul{display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-main-3 ul li{ text-align: center; width: 10rem; background-color: #f2faf7;}
.about-main-3 ul li h4{ margin-top:2rem;font-size: 1.2rem; line-height: 2rem; font-weight: normal; color: #0b73f5;}
.about-main-3 ul li p{padding-bottom: 1rem;font-size: 1rem; line-height: 2rem;}