*{margin:0; padding:0;}
body{font-family: "Microsoft Yahei", "hiragino sans gb", Helvetica, Arial, Tahoma;}
.main{width: 1200px; margin-left:auto; margin-right:auto;}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}

.c_tit1{height:74px; line-height: 74px; font-size: 32px; color: #2e2e2e; text-align: center; background: url("tbg1.png") no-repeat center bottom;}
.c_tit2{height:74px; line-height: 74px; font-size: 32px; color: #fff; text-align: center; background: url("tbg2.jpg") no-repeat center bottom;}

header{position: fixed; left:0; top:0; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 99; }
header.dong{ background: rgba(0,0,0,0.4);}
header .aHref{float: right;}
header .aHref>a,header .aHref>span{display: inline-block; height: 34px; line-height: 34px; font-size: 16px; margin-left:32px; cursor: pointer;}
.aHref a,.aHref a:link,.aHref a:visited,.aHref a:active{color: #fff; text-decoration: none;}
.aHref>a.on,.aHref>span.on{border-bottom: 2px solid #fff;}
.aHref>a:hover,.aHref>span:hover,.aHref>span.active{border-bottom: 2px solid #fff;}
.aHref>a.btn{float: right; text-align: center; background: #7cc2b7;  border-radius: 20px; padding:0 10px; border:1px solid #fff; }
.aHref>a.btn:hover{ background: #70b0a6;}
.aHref>a.active{background: #70b0a6;}

.banner_swiper{width: 100%; height: 700px; position: relative; }
.banner_swiper .banner .img1{margin:0 auto; display: block; padding-top: 224px;}
.banner_swiper .banner .img2{margin:0 auto; display: block; padding-top: 224px;}
.banner_swiper .banner .img3{margin:0 auto; display: block; padding-top: 80px; cursor: pointer;}
.banner_swiper .banner{ width: 100%; height: 100%; }
.banner_swiper .dots{ position: absolute; left:0; bottom:0; width: 100%; padding:50px 0; text-align: center; }
.banner_swiper .dots span{ display: inline-block; margin:0 5px; width: 14px; height: 14px; background: #fff; border-radius: 14px; cursor: pointer; }
.banner_swiper .dots span.active{ width: 40px; }

.sm_area{padding-top:50px; padding-bottom: 50px;}
.sm_area .img{width: 33.3%; float: left; text-align: center;}
.sm_area .img:nth-of-type(2){box-sizing: border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

.sq_box{background: url("sq_bg.jpg") no-repeat center center;  background-size:cover; padding-top: 60px; padding-bottom: 20px;}
.sq_center{padding-top: 50px; }
.sq_center img{float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 30px;}

.sh_box{padding-top: 90px; padding-bottom: 90px;}
.sh_center{padding-top: 30px; }
.sh_center .img{width: 25%; text-align: center; float: left; padding-bottom: 30px;}

.sj_box{padding-top: 80px; background: #2e3a54; padding-bottom: 70px;}
.sj_box .txt{text-align: center; color: #ebebed; padding-top:10px; line-height: 26px; font-size: 16px; }
.sj_center{padding-top: 30px;}

.wy_box{padding-bottom:80px; padding-top: 60px;}
.wy_center{padding-top: 46px; text-align: center; }

.ys_box{background: #f8f9f9; padding-top: 60px; padding-bottom: 50px;}
.ys_center{background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); padding:80px; margin-top: 40px;}
.ys_center .ys_mode{padding-bottom: 60px;}
.ys_center .ys_txt{width:540px; font-size: 14px; color: #666; line-height: 24px;}
.ys_center .ys_txt p{padding-bottom: 20px;}
.ys_center .ys_img{width:422px;}
.ys_center .ys_tit{font-size: 32px; color: #333; padding-bottom: 14px;}
.ys_center .ys_tit span{color: #109cfe;}

.ty_box{padding-top: 80px;}
.ty_box .ty_center{padding-top: 50px;}
.ty_box .ty_txt{width: 560px; padding-top:50px;}
.ty_box .ty_img{width: 480px;}
.ty_box .ty_mode{padding-bottom: 70px;}
.ty_box .ty_mode p{font-size: 14px; color: #666; line-height: 24px;}
.ty_box .ty_mode .ty_tit{font-size: 32px; color: #333; line-height: 50px; padding-bottom: 10px;}
.ty_box .btn{padding-top: 16px;}
.ty_box .btn a{display: inline-block; background: #109cfe; width:90px;height:32px;line-height:32px;text-align: center; border-radius: 2px; font-size: 16px; color: #fff;}
.ty_box .btn a,.ty_box .btn a:link,.ty_box .btn a:visited,.ty_box .btn a:active{text-decoration: none; color: #fff;}
.ty_box .btn a:nth-of-type(1):hover{background: #0c75fe;}
.ty_box .btn a:nth-of-type(1){padding:1px; }
.ty_box .btn a:nth-of-type(2){border:1px solid #109cfe; background: #fff; color: #109cfe; margin-left:20px;}
.ty_box .btn a:nth-of-type(2),.ty_box .btn a:nth-of-type(2):link,.ty_box .btn a:nth-of-type(2):visited,.ty_box .btn a:nth-of-type(2):active{text-decoration: none; color: #109cfe;}
.ty_box .btn a:nth-of-type(2):hover{background: #f0f0f0;}

.hz_box{width: 100%; background: url("hz_bg.jpg") no-repeat center center; background-size:cover; padding-top:60px; }
.hz_box .txt{text-align: center; color: #ebebed; padding-top:10px; line-height: 26px; font-size: 16px;}
.hz_box .txt span{ color: #7afffa; }
.hz_center{padding-top:40px; padding-bottom: 40px; }
.hz_line{width: 100%;  background: url("hz_line.jpg") no-repeat 0 413px; background-size:100% 4px; }




.contract_side{position: fixed; right:0; bottom:460px; z-index: 998; }
.contract_side .tel a{ color: #fff; font-style: normal; }
.contrat_state1{ position: absolute; right:0; top:0; width:110px; padding:0 20px; height: auto; background: url("./sidebg.jpg") no-repeat center center; background-size:cover; text-align: center; color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: block;  }
.contrat_state1 .back{ position: absolute; left:0; top:0; cursor: pointer;padding:4px; }
.contrat_state1 .back img{ display: block;  }
.contrat_state1 .img{ padding:20px 0 15px; border-bottom:1px solid rgba(255,255,255,0.3);  }
.contrat_state1 .img img{ max-width: 100%; max-height: 100%;  }
.contrat_state1 .tel{ padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.3); }
.contrat_state1 .tel h2{ font-size: 16px; padding-bottom: 10px; }
.contrat_state1 .tel1{ font-size: 16px; font-style: italic; padding-bottom: 10px; }
.contrat_state1 .tel2{ font-size: 16px; }
.contrat_state1 .qq{ padding-bottom: 16px; margin-top: 10px; }
.contrat_state1 .wechat{ margin-bottom: 10px; }
.contrat_state1 .wechat img{ width: 110px; height: auto; }
.contrat_state2{position: absolute; right:0; top:0; width:22px; padding:20px 10px; background: #3ab6d9; color: #fff; text-align: center; font-size: 14px; cursor: pointer; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: none; }
.contrat_state2 img{ margin-bottom: 10px;}


body
{
    margin:0;
    padding:0;
    background-color:#fff;
    font-family: "Microsoft Yahei", Arial, Tahoma, "hiragino sans gb", Helvetica;
}
a
{
    text-decoration: none;
}
p
{
    margin:0;
    padding:0;
}
#div9
{
    /*background-image:url("../images/footer.png");*/
    background: #303030;
    width:100%;
    height: 230px;
}
#footer
{   color:#9d9d9d;
    width:1000px;
    min-width:1000px;
    margin:0 auto;
}
#footer p
{
    color:#9d9d9d;
}
#footer img
{
    padding-bottom: 8px;
    padding-top: 8px;
}
#footer .p_5-1
{
    color:#fff;
    font-size:14px;

    padding-top: 16px;
}
#footer .p_5-2
{
    font-size:12px;
    line-height:2em;
}
#footer .p_5-2 span
{
    /*font-weight:bold;*/
}
#footer .p_5-3
{
    font-size:12px;

    line-height:1.5em;
}
#div_5-1
{
    float:left;
    width:300px;
    padding-right:60px;
}
#div_5-2
{
    float:left;
    width:170px;
    padding-right:60px;
}
#div_5-3
{
    float:left;
    width:400px;
}
#div10
{
    clear:both;
    border-top:1px solid #444248;
    /*background-image:url("../images/copyright.png");*/
    background: #252525;
    width:100%;
    height: 60px;
}
#copyright
{

    clear:both;
    width:1000px;
    min-width:1050px;
    margin:0 auto;
    margin-top:10px;
}
#copyright p,#copyright p span
{
    font-size:12px;
    color:#909090;
}
#copyright #span10_1
{
    padding: 12px 0;
    display: inline-block;
}
#copyright #span10_2
{
    float:right;
    padding: 12px 0;
    display: inline-block;
}

.footerBg{width:100%; height:8px; }

.zhuanzhu{ background: #29c8ba url("./nbg.jpg") no-repeat center center; background-size: cover;  padding:100px 0 140px; margin-top: 50px;}
.zhuanzhu .tit{ text-align: center;}
.zhuanzhu .tit h2{ font-size: 48px; color: #fff; font-weight: normal;}
.zhuanzhu .tit h2 span{ height: 1px; width: 80px; background: #fef3f2; display: inline-block; position: relative; top: -18px; margin:0 20px; }
.zhuanzhu .tit p{ font-size: 18px; color: #fff; padding-top: 20px; font-weight: normal;}
.zhuanzhu .list{ overflow: hidden; display: flex; text-align: center; padding-top: 100px; }
.zhuanzhu .list .item{ float: left; flex: 1; }
.zhuanzhu .list .item i{ font-style: normal; }
.zhuanzhu .list .item h2{ font-size: 70px; font-weight: normal; color: #fff;}
.zhuanzhu .list .item h2 span{ font-size: 16px; font-weight: normal; }
.zhuanzhu .list .item p{ font-size: 14px;  color: #fff; padding-top: 20px; }

.hezuo{ background: #fff;  padding:60px 0 60px; }
.hezuo .tit{ text-align: center; margin-bottom: 60px;}
.hezuo .tit h2{ font-size: 48px; color: #333; font-weight: normal;}
.hezuo .tit h2 span{ height: 1px; width: 80px; background: #333; display: inline-block; position: relative; top: -18px; margin:0 20px; }
ul,li{list-style: none; margin:0; padding:0;}
.hezuo ul{ overflow: hidden; }
.hezuo ul li{ float: left; width:16.6%; height:150px; }
.hezuo ul li .img{ width: 100%; height: 100%; /*弹性盒模型*/
  display:flex;
  /*主轴居中对齐*/
  justify-content: center;
  /*侧轴居中对齐*/
  align-items: center;  overflow: hidden;  }
.hezuo ul li .img img{ display: block;  object-fit: contain; margin:0 auto; }
.tydemo{ overflow: hidden; padding-top: 10px;}
.tydemo .item{ float: left;  }
.tydemo .item .img{ width: 130px; height: 130px; padding:5px; border:1px solid #eee;}
.tydemo .item .img img{ display: block; width: 100%;  height: 100%;}
.tydemo .item .txt{ width: 140px;  text-align: center; padding:8px; color: #666; font-size: 14px; }

.slelectBox{position: absolute; left:-28px; top: 34px;  height: auto; background: #fff; width: 125px; border-radius: 6px; display: none; padding:6px 0; box-shadow: 0 0 5px rgba(47,183,149,0.2);}
.slelectBox .center{ overflow: hidden; border-radius: 6px;}
.slelectBox::before{
  content: "";
  width:10px;
  height: 10px;
  background: #fff;
  transform:rotateZ(45deg);
  -ms-transform:rotateZ(45deg); 	/* IE 9 */
  -moz-transform:rotateZ(45deg); 	/* Firefox */
  -webkit-transform:rotateZ(45deg); /* Safari 和 Chrome */
  -o-transform:rotateZ(45deg);
  position: absolute; left:55px; top:-5px;
}
.slelectBox p{color: #333; font-size: 14px; padding:5px 0; text-align: center;}
.slelectBox p>a{display: block;}
.slelectBox p:hover,.slelectBox p:hover a{
  color: #2fb795;
  background: #e7faf8;
}
.slelectBox a,.slelectBox a:link,.slelectBox a:visited,.slelectBox a:active{color: #333; text-decoration: none;}

.dingzhi{ background: none; font-size: 48px; }
.dingzhi span{ height: 1px; width: 80px; background: #333; display: inline-block; position: relative; top: -10px; margin:0 20px; }