*{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;}
.pr{position: relative;}

.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: 999; background: #f0453b; }
header.dong{ background: #f0453b;}
header .aHref{ width: auto; float: left; margin-left: 50px; line-height: 34px;}
.aHrefIndex{ float: right; height: 52px; line-height: 52px; color: #333; font-size: 20px; text-align: center;}
.aHrefIndex a{ display: inline-block;}
.aHrefIndex a:link,.aHrefIndex a:visited,.aHrefIndex a:active{color: #333;}
.aHrefIndex a:hover{color: #ff352f;}
header .aHref a{display: inline-block; height: 50px; line-height: 50px; font-size: 16px; margin-left:32px; cursor: pointer; box-sizing: border-box;}
.aHref a,.aHref a:link,.aHref a:visited,.aHref a:active{color: #fff; text-decoration: none;}
.aHref a.on{border-bottom: 2px solid #fff;}
.aHref a:hover{border-bottom: 2px solid #fff;}
.header_fff{background: #fff; border-bottom:1px solid #eee; line-height: 52px; font-size: 26px; color: #333; letter-spacing: 10px;}
.header_fff em{color: #ff352f;  font-style: normal;}

header.dong .aHref a,header.dong .aHref a:link,header.dong .aHref a:visited,header.dong .aHref a:active{color: #fff; text-decoration: none;}
header.dong .aHref a.on{border-bottom: 2px solid #fff;}
header.dong .aHref a:hover{border-bottom: 2px solid #fff;}
header .apps{ float: right;}
header .apps span{
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  margin-left: 10px;
  cursor: pointer;
  color: #fff;
  position: relative;
  box-sizing: border-box;
}
header .apps span:hover{
  text-decoration: underline;
}

header .apps span a,header .apps span a:hover,header .apps span a:active,header .apps span a:link,header .apps span a:visited{color: #fff; text-decoration: none;}

#tiyan a,#tiyan a:hover,#tiyan a:active,#tiyan a:link,#tiyan a:visited{color: #ff352f; text-decoration: none;}
header img{
  height:50px;
  width:auto;
  display: block;
}



.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;}
.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("../../images/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; }



.tesehover{ position: absolute; left: -50px; top:50px; height:auto; background: #fff; border-radius: 4px; padding:5px 32px 20px; width: 420px; box-shadow: 0 5px 5px rgba(0,0,0,0.3); display: none;}
.tesehover::before{
  content: "";
  position: absolute;
  left: 70px;
  top: -5px;
  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); 	/* O*/
}
.tesehover .item{ float: left;  width: 110px; padding-right:30px; }
.tesehover .item .tit{ font-size: 16px; color: #999; height: 40px; line-height: 40px; padding-left: 20px; background: url("../../images/quot.png") no-repeat 0 center; border-bottom: 1px solid #ddd; }
.tesehover .item ul{ padding-top: 10px; }
.tesehover .item li{ font-size: 14px; color: #333; height: 40px; line-height: 40px; box-sizing: border-box; cursor: pointer; }
.tesehover .item li:hover{ color: #f24239; border-bottom: 1px solid #f24239; }

.jiehover{ position: absolute; left: -54px; top:50px; height:auto; background: #fff; border-radius: 4px; padding:5px 32px 20px; width: auto; box-shadow: 0 5px 5px rgba(0,0,0,0.3); display: none;}
.jiehover::before{
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  top: -5px;
  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); 	/* O*/
}
.jiehover .item{ width: 120px; }
.jiehover .item .tit{ font-size: 16px; color: #999; height: 40px; line-height: 40px; padding-left: 20px; background: url("../../images/quot.png") no-repeat 0 center; border-bottom: 1px solid #ddd; }
.jiehover .item ul{ padding-top: 10px; }
.jiehover .item li{ font-size: 14px; color: #333; height: 40px; line-height: 40px; box-sizing: border-box; cursor: pointer; text-align: center; }
.jiehover .item li:hover{ color: #f24239; border-bottom: 1px solid #f24239; }


.hoverMa{position: absolute; top:40px;  background: rgba(0,0,0,0.2); display: none; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index: 19999;}
.hoverMa .center{ width: 100px; height: 100px; padding:10px;}
.hoverMa img{ display: block; width: 100px; height: auto;}
.hoverxcx{ left: -22px;}
.hovergzh{ left: -22px;}



.footer{color: #939393; overflow: hidden; background: #1e1e1e; padding-top:60px;}
.footer .tit{color: #fff; font-size: 16px;}
.footer ul{float: left; overflow: hidden; margin-left: 50px;}
.footer li{ text-align: left; margin-bottom: 30px; height: 24px; line-height: 24px; width: auto; font-size: 14px;}
.footer .div0{ width:170px;}
.footer .div1{ width:70px; }
.footer .div1 a,.footer .div1 a:link,.footer .div1 a:visited,.footer .div1 a:active{ color: #939393; }
.footer .div1 a:hover,.footer li:hover{color: #fff; text-decoration: underline;}
.footer .div1 .img{}
.footer .div1 .desc{ font-size: 14px; text-align: left; text-indent: 2em; margin-top: 10px;}
.footer .div1 .img img{width: 151px; height: auto;}
.footer .div1 p{font-size: 12px; padding-top: 10px;}
.footer .div2{ width:320px; margin-left: 110px;}
.footer .div2 li.tit{ padding-left:0;}
.footer .div2 li{ padding-left:40px;}
.footer .div2 li:nth-of-type(2){background: url("../../images/site_big.png") no-repeat 0 center; background-size:17px 21px; }
.footer .div2 li:nth-of-type(3){background: url("../../images/tel_big.png") no-repeat 0 center; background-size:14px 21px;}
.footer .div2 li:nth-of-type(4){background: url("../../images/qq_big.png") no-repeat 0 center; background-size:17px 19px;}
.footer .div2 li:nth-of-type(5){background: url("../../images/email_big.png") no-repeat 0 center; margin-bottom: 0; background-size:20px 16px;}
.footer .div3{float: right; margin-right: 80px;}
.footer .div3 img{width:130px; height: auto; margin-top: 30px; padding:10px; background: #fff;}

.footer .bot{text-align: center; font-size: 14px;}
.footer .bot div{ padding:30px 0 50px; border-top:1px solid #333;}