@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box; }

/*banner*/
.main-img { width: 100%;height:300px; padding: 50px 0 30px; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat; background-size: cover; }
.main-img-inner { width: 80%; margin: 0 auto; }
.main-img-inner h2 { font-size: 1rem; font-weight: 300; padding-top: 1rem; color:#fff;}
.main-img-inner h2 span {
    color: #ff6e3b;font-size: 1rem;
}
.main-img-inner .desc { font-size: .6rem; margin:.5rem 0 1rem 0;color:#fff; }
.main-img-inner .btn { padding: .4rem 1.3rem; font-size: .6rem; color: #fff; border: 1px solid #fff; border-radius: 2px; }



*{ margin:0; padding:0; text-decoration:none; list-style-type:none; font-family:"微软雅黑"; font-size:14px; border:0; outline:none; color:#666666; }
input[type=button], input[type=submit], input[type=file], button {
cursor: pointer;
-webkit-appearance: none;
}
body{ max-width:720px; margin:0 auto; }
    .swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      margin-top: 30px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
/*头部*/
.top{ width:100%; float: left;}
.top img{ width:100%; float: left;}

.tuangou{ width:78%; padding: 0 11%; margin: 0 auto 20px auto; overflow: hidden;}
.tuangou h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 80px;}
.tuangou p{ width:100%; float: left; text-align: center; line-height: 25px;}

.tuangouyoushi{ width:80%; padding: 0 10%; margin: 0 auto;}
.tuangouyoushi h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 80px;}
.tuangouyoushi ul{width:100%; float: left;}
.tuangouyoushi ul li{ width:100%; float: left; text-align: center; margin: 0 0 40px 0;}
.tuangouyoushi ul li span{ width:80px; height: 80px; border-radius: 100%; background: #ff5353; display: inline-block; line-height: 80px;}
.tuangouyoushi ul li i{ color:#fff;font-size: 45px;}
.tuangouyoushi ul li .icon-jiageprice1{ font-size:40px;}
.tuangouyoushi ul li h4{ width:100%; float: left; text-align: center; font-size: 16px; color: #333333; line-height: 40px;}
.tuangouyoushi ul li p{ width:100%; float: left; text-align: center;line-height: 25px;}
.tuangouyoushi ul .youshi2 span{ background: #1bd679;}
.tuangouyoushi ul .youshi3 span{ background: #f8cc1b;}
.tuangouyoushi ul .youshi4 span{ background: #109fec;}

.tuangoumoshi{width:100%; margin: 0 auto 20px auto; overflow: hidden;}
.tuangoumoshi h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 80px;}
.tuangoumoshi img{ width:100%; float: left;}

.jiejuexuqiu{ width:80%; padding: 0 10%; margin: 0 auto;}
.jiejuexuqiu h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 80px;}
.jiejuexuqiu ul{width:100%; float: left;}
.jiejuexuqiu ul li{ width:100%; float: left; text-align: center; margin: 0 0 40px 0;}
.jiejuexuqiu ul li img{ width:100%; float: left; margin: 5px 0 0 0;}
.jiejuexuqiu ul li h4{ width:100%; float: left; text-align: center; font-size: 16px; color: #333333; line-height: 40px;}
.jiejuexuqiu ul li p{ width:100%; float: left; text-align: center;line-height: 25px;}

.tese{ width:100%; padding: 20px 11% 60px 11%; margin: 0 auto; background: url(../images/bg2.jpg) no-repeat; background-size: cover; overflow: hidden;}
.tese h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #fff; line-height: 80px;}
.tese ul{ width:100%; float: left;}
.tese ul li{ width:100%; float: left; color: #fff; background: url(../images/bg1.png) no-repeat 0 13px; background-size:7px; padding: 0 0 0 15px; line-height: 30px;}

.anli{width:100%; margin: 0 auto 20px auto; overflow: hidden;}
.anli h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 80px;}
.anli .beizhu{ width:100%; float: left; color: #666666; text-align: center; float: left;}

.jishuzhichi{ width:80%; padding: 0 10%; margin: 0 auto;}
.jishuzhichi h2{ width:100%; float: left; text-align: center; font-size: 20px; color: #333333; line-height: 30px; margin: 30px 0;}
.jishuzhichi ul{ width:100%; float: left; margin: 0 0 30px 0; overflow: hidden;}
.jishuzhichi ul li{ width:50%; float: left; text-align: center;}
.jishuzhichi ul li span{ width:80px; height: 80px; border-radius: 100%; background: #ff5353; display: inline-block; line-height: 80px; border: 3px solid #ffd9d9;}
.jishuzhichi ul li i{ color:#fff;font-size: 45px;}
.jishuzhichi ul li p{ width:100%; float: left; text-align: center;line-height: 25px; margin: 15px 0 40px 0;}
.jishuzhichi ul .jishu2 span{ background: #f8cc1b; border: 3px solid #fdf4cd;}
.jishuzhichi ul .jishu3 span{ background: #109fec; border: 3px solid #cbeafb;}
.jishuzhichi ul .jishu4 span{ background: #c477f6; border: 3px solid #f2e1fd;}

.foot{ width:100%; margin: 0 auto; background: url(../images/foot.jpg) no-repeat; background-size: cover; overflow: hidden;}
.foot p{ width:100%; float: left; color: #fff; font-size: 20px; text-align: center; margin: 40px 0;}
.foot p font{ color:#fffc11; font-size: 20px;}
.foot span{ width:100%; float: left; color: #fff; text-align: center; margin: 0 0 40px 0;}



@media screen and (max-device-width: 320px) {
    body {-webkit-text-size-adjust:none}
}
@media screen and (max-device-width: 480px) {
    body {-webkit-text-size-adjust:none}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	body {-webkit-text-size-adjust:none}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {-webkit-text-size-adjust:none}
}