*{margin:0; padding:0;}
body{font: 12px/1 "Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
h1,h2,h3,h4{font-weight: normal;}
a {  text-decoration: none;  }
.main{width: 1200px; margin-left:auto; margin-right:auto;}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.bb{border-bottom: 1px solid #eee;}
.bt{border-top: 1px solid #eee;}
.cb{clear: both;}
.tc{text-align: center;}
.none{display: none;}
ul,li{list-style: none;}


header{position: fixed; left:0; top:0; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 999; }
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;
}
.bannerBox{min-height: 640px; background: #fff url("../images/bg1.png") no-repeat center 0; background-size:cover;  }


.banner{ height: 500px; text-align: left; padding-top:120px; }
.banner .txt{ width: 560px; padding-top: 50px;   }
.banner h2{ font-size: 50px; color: #fff; font-weight: normal; padding:40px 0 20px;  }
.banner .p1{ font-size: 30px; color: #fff; letter-spacing: 15px; margin-bottom: 30px; }
.banner .p2{ font-size: 14px; color: #fff; opacity: 0.9; padding-left:6px; line-height: 24px;}
.banner .up{ display: inline-block; position: absolute; left:-10px; top: -10px; }
.banner .down{ display: inline-block; position: relative; bottom: -10px; }
.banner .img{ margin-right:-120px;  }
.banner .more{ font-size: 20px; color: #fff; display: block; width:180px; height:70px; line-height: 70px; border-radius: 35px; background: #ff352f; text-align: center; margin-top:70px; }
.banner .more:hover{  background: #fff; color: #ff352f; border:1px solid #ff352f; }

.characterFun{}
.characterFun .tit1{padding-top:0; text-align: center; margin-top: -80px;}
.characterFun .tit1 img{width: 120px;}
.characterList{overflow: hidden; padding:80px 6px 20px; cursor: pointer; }
.characterList>li{float: left; width: 360px; box-sizing: border-box ; padding:100px 40px 0; height:460px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); border: 2px solid #fff; border-top: 2px solid #ffa8a8; position: relative; border-radius: 4px;}
.characterList>li:nth-of-type(2){
    margin:0 54px;
}
.characterList>li:hover{
    box-shadow: 0 4px 10px rgba(255,53,27,0.3);
    border: 2px solid #ffa8a8;
}
.characterList>li .img{ position: absolute; left:calc(50% - 50px); top:-50px; }
.characterList>li .img img{ width:100px;}
.characterList .conts h2{ font-size: 18px; color: #333; height: 18px; line-height: 18px; margin-bottom: 8px; padding-left:12px; border-left:4px solid #ff352f;}
.characterList .conts p{ font-size: 14px; color: #999; padding-left:12px; line-height: 22px;}
.characterList .conts p:hover{ color: #333;}
.characterList .conts li{ margin-bottom: 20px;}


.solve{ padding:80px 0 60px;}
.solveList{}
.solveList li{ float: left; width: 24%; height:200px; line-height: 180px; color: #fff; text-align: center; margin-bottom:20px; margin-right:1.33%; cursor: pointer;  overflow: hidden; position: relative; border-radius: 10px; }
.solveList li p{ width: 100%; height: 100%;  transition: all 0.6s; cursor: pointer;  }
.solveList li:hover p{ transform: scale(1.1); }
.solveList li h2{ background: url("../images/bg4.png") no-repeat center 120px; background-size: 30px 2px;  font-size: 20px;  position: absolute; left:0; top:0; width: 100%; }
.solveList li:nth-of-type(4n+4){margin-right:0;}


.subtit{padding-top:10px; text-align: center; font-size: 18px; color:#999; margin-bottom: 50px;}
.c_tit1{  text-align: center;  }
.c_tit1 span{ font-size: 30px; color:#333; display: inline-block; padding-bottom:18px;  background: url("../images/bg3.png") no-repeat center bottom; background-size:50px 4px; }
.c_tit2{ text-align: center; }
.c_tit2 span{ font-size: 30px; color:#fff; display: inline-block; padding-bottom:18px;  background: url("../images/bg4.png") no-repeat center bottom; background-size:50px 4px; }

.advantage{ padding:80px 0 40px; background: url("../images/bg2.png") no-repeat 0 0; background-size:100% 100%; }
.advantage .subtit{color: #fff;}
.advantageList{}
.advantageList li{ float: left; width:32.3%; box-sizing: border-box;  margin:0 0.5% 10px; background: #fff; height:250px; border-radius: 4px; text-align: center; padding:30px 60px; box-shadow: 0 4px 4px rgba(0,0,0,0.1);}
.advantageList li .img{ height:70px; line-height: 70px;}
.advantageList li .img img{ max-height:70px; vertical-align: middle;}
.advantageList li h2{ font-size: 22px; color: #333; padding:20px 0 16px; }
.advantageList li p{ font-size: 14px; color: #999; line-height: 22px; }
.advantageList li p:hover{  color: #333; }

.caseList{  padding-bottom: 50px;  padding-top: 40px;}
.caseList ul{ box-sizing: border-box; padding: 10px; }
.caseList li{ float: left; width:30%; margin-bottom: 20px; background: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden;}
.caseList li:nth-of-type(3n+2){ margin-left:5%; margin-right:5%; }
.caseList li .img{ width: 100%; height: 240px; overflow: hidden;  }
.caseList li .img p{ width: 100%; height: 100%; margin:0;  transition: all 0.6s; cursor: pointer; }
.caseList li .img p:hover{
    transform: scale(1.1);
}
.caseList li p{ height: 70px; line-height: 70px; font-size: 14px; color: #666; margin:0 20px;}
.caseList li p:hover{  color: #333; }


.liveVideo{ text-align: center; padding:80px 0 40px;}
.liveVideo li{width: 33.3%; float: left; padding-bottom: 30px; }
.liveVideo li .covers{display: block; width: 100%; height: 100%;  position: absolute; left:0; top:0; z-index: 2;}
.liveVideo li .covers::after{content:""; display: block; width: 100%; height: 100%;  position: absolute; left:0; top:0; z-index: 2; background: rgba(0,0,0,0.5);}
.liveVideo li .covers img{display: block; max-width: 100%; width: auto; height: 100%;}
.liveVideo .mp4_box{width: 370px; height:210px; border:5px solid #eee;  background: #000; position: relative;}
.liveVideo .mp4_box .player{width: 100px; height:70px; line-height: 70px; text-align: center;   border-radius: 6px; position: absolute; left:0; top:0; right:0; bottom:0; z-index: 3; margin:auto; font-size: 0; cursor: pointer;}
.liveVideo .mp4_box .player img{width: 50px; height:50px; display: inline-block; margin-top: 10px;}
.liveVideo .mp4_box .mp4{width: 100%; height:100%; position: absolute; left:0; top:0; z-index: 1;}
.liveVideo .mp4_box .mp4 video{width: 100%; height:100%;}

.newsList{ border-top: 2px solid #ff352f; padding-top: 80px; }
.newsList ul{margin-top: 50px; margin-bottom: 50px;}
.newsList li{ float: left; width: 40%; overflow: hidden; margin-bottom: 30px; background: url("../images/jiao.jpg") no-repeat 0 center; padding-left: 16px;}
.newsList li:nth-of-type(odd){ float: left;}
.newsList li:nth-of-type(even){ float: right;}
.newsList li .txt{ float: left; width: calc(100% - 130px); color: #666; font-size: 14px; height: 24px; line-height: 24px; cursor: pointer;}
.newsList li .txt:hover{  color: #333; text-decoration: underline; }
.newsList li .time{ float: right; color: #999; font-size: 12px; height: 24px; line-height: 24px;}
.newsList li a:link,.newsList li a:visited,.newsList li a:active{ color: #666;}


.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:250px;}
.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: 210px;}
.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; display: none;}
.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;}
.footer .bot a,.footer .bot a:link,.footer .bot a:visited{ color: #939393; }




.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 !important;  }
.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;}


.newsDetail{ padding:100px 0;}
.newsDetail .tit{ font-weight: bold; font-size: 26px; padding:50px 0 30px;}
.newsDetail .cont{ font-size: 16px;
    text-indent: 2em;
    margin: 26px 0;
    line-height: 28px; }
.newsDetail .cont p{ margin-bottom: 10px;}

.hui_tab{ position: fixed; left: 0; top:92px; background: #f5f5f5; width: 100%; text-align: center;}
.hui_tab span{display: inline-block; height:50px; line-height: 50px;  font-size: 16px; box-sizing: border-box; margin:0 50px; cursor: pointer;}
.hui_tab span.active{ border-bottom: 2px solid #ff352f; color: #ff352f;}
.hui_tab a,.hui_tab a:link,.hui_tab a:visited,.hui_tab a:active{
    color: #333;
}
.hui_tab span a{
    display: block;
    padding:0 20px;
}
.hui_tab span.active a,.hui_tab span.active a:link,.hui_tab span.active a:visited,.hui_tab span.active a:active{
    color: #ff352f;
}
.hui_tab a:hover{
    color: #ff352f;
}


.hui_cont{}
.hui_cont ul{}
.hui_cont ul li{overflow: hidden; padding:50px 0;}
.hui_cont ul li:nth-of-type(odd){ background: #fff; }
.hui_cont ul li:nth-of-type(even){ background: #fbfbfb; }
.hui_cont ul .txt{float: left;}
.hui_cont ul .img{float: right;}
.hui_cont ul li:nth-of-type(odd) .txt{
    float: left;
    width: 480px;
    padding-left:40px;
    padding-right:100px;
}
.hui_cont ul li:nth-of-type(odd) .img{
    float: right;
    width: 520px;
    margin-left:40px;
}
.hui_cont ul li:nth-of-type(even) .txt{
    float: right;
    width: 480px;
    padding:0 40px;
}
.hui_cont ul li:nth-of-type(even) .img{
    float: left;
    width: 580px;
    margin-left: 40px;
}

.hui_cont .cont h2{font-size: 24px; color: #333; padding-top:50px; padding-bottom:30px;}
.hui_cont .cont h2 span{ color: #ea4b3f;}
.hui_cont .cont .txt p{ color: #999; font-size: 18px; line-height: 30px;}

.hui_guide{height:406px; background: url("../images/hui_bg1.jpg") no-repeat center center; background-size:cover; }
.hui_guide h2{ padding: 70px 0 20px; }
.hui_guide .img{text-align: center; padding-top: 70px;}

.hui_function{}
.hui_function>h2{  padding: 70px 0 20px;}
.hui_function ul{ padding:50px 10px 80px; box-sizing: border-box;}
.hui_function ul li{ float: left; width: 30%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:4px; padding:20px 0 40px; text-align: center; }
.hui_function ul li:nth-of-type(2){ margin:0 5% }
.hui_function ul li img{ height:100px; width: auto; }
.hui_function ul li h2{  padding-top: 20px; font-size: 20px; color: #333; background: url("../images/bg3.png") no-repeat center top; background-size: 30px 4px; margin-top: 30px; }

.hui_function2 ul li{ width: 40%; margin:0 5% !important; }

.scene_character{padding-bottom: 80px;}
.scene_character>h2{padding:80px 0 60px;}
.scene_character li{ width: 25%; float: left; text-align: center;}
.scene_character .img{ margin-bottom:40px; }
.scene_character .img img{ height: 90px; width: auto; }
.scene_character ul h2{ font-size: 20px; color: #333; }

.solves_box{padding:80px 0; background:url("../images/bg6.jpg") no-repeat center center; background-size: cover;}
.solves_box ul{ padding:10px; margin-top: 50px; box-sizing: border-box; }
.solves_box li{ width: 30%; float: left; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative; padding-top: 42px; text-align: center; border-radius: 6px;}
.solves_box li:nth-of-type(2){margin:0 5%;}
.solves_box li .tit{position: absolute; top:-12px; left:10%; width: 80%; height: 46px; line-height: 46px; font-size: 20px;  background: url("../images/bg5.png") no-repeat center center; background-size: 100% 100%; color: #fff; }
.solves_box td{ height: 60px; border-collapse: collapse; border-right:1px solid #f4e0df;}
.solves_box thead td{ border-bottom: 2px solid #ea4b3f;}
.solves_box table{ width: 100%;}
.solves_box tbody tr:nth-of-type(odd){ background: #fff; }
.solves_box tbody tr:nth-of-type(even){ background: #fafafa; }

.case_detail{}
.case_detail .case_img{ width: 100%; max-width: 100%; height: auto;}

.yongList{ padding:20px 0 60px;}
.yongList ul{}
.yongList li{float: left; width:222px; height:134px; border:1px solid #f6f6f6; margin-left:101px; margin-bottom: 30px; cursor: pointer; overflow: hidden }
.yongList li:nth-of-type(4n+1){ margin-left:0;}
.yongList li img{ width: 100%; height: 100%; display: block; transition: all 0.6s;}
.yongList li:hover img{
    transform: scale(1.1);
}

.alert_mas{position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 1111; background: rgba(0,0,0,0.2); display: none; }
.alert_mas .center{position: fixed; left:calc(50% - 150px); top:calc(50% - 150px); width: 300px; height: 300px; box-shadow: 0 0 10px rgba(0,0,0,0.8); background: #fff;}
.alert_mas .center .img{ width: 100%; height: 100%;  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
.alert_mas .center img{  width:200px; height: auto; }

.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;}

.funList{ background: #f5f5f5; padding:60px 0;}
.funList ul{ padding-top: 50px; }
.funList li{float: left; width: 20%; }
.funList li .center{background: #fff; border-radius: 6px; width:200px; height:200px; cursor: pointer; overflow: hidden; margin:0 auto 30px; }
.funList li:nth-of-type(4n+1){ margin-left:0;}
.funList li .img{ width: 80px; height: 80px; margin:40px auto 30px;}
.funList li img{ width: 100%; height: 100%; display: block;}
.funList li .txt{ text-align: center; font-size: 16px; }
.funList li:hover img{
  transform: scale(1.1);
}

.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; }


.dinghover{ position: absolute; left: -40px; top:50px; height:auto; background: #fff; border-radius: 4px; padding:5px 12px 10px; width: auto; box-shadow: 0 5px 5px rgba(0,0,0,0.3); display: none;}
.dinghover::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*/
}
.dinghover .item{ width: 120px; }
.dinghover .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; }
.dinghover .item ul{ padding-top: 10px; }
.dinghover .item li{ font-size: 14px; color: #333; height: 40px; line-height: 40px; box-sizing: border-box; cursor: pointer; text-align: center; }
.dinghover .item li:hover{ color: #f24239; border-bottom: 1px solid #f24239; }

.zhuanzhu{ background: #f0453a url("../images/nbg.jpg") no-repeat center center;  padding:100px 0 140px; margin-top: 50px;}
.zhuanzhu .tit{ text-align: center;}
.zhuanzhu .tit h2{ font-size: 48px; color: #fff;}
.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: 120px; }
.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; }

#banner_swiper{}
#banner_swiper .center{ width: 100%; height:500px;}
#banner_swiper .swiper-pagination-bullet{width:25px; height: 6px; border-radius: 3px; opacity: 0.2; background: #000;}
#banner_swiper .swiper-pagination-bullet-active{ opacity: 1; background: #f0453a;}

.slogan{ padding-top: 50px;}
.slogan img{}
.slogan .btn{ border:2px solid #fff; height: 40px; line-height: 40px; width: 200px; margin:20px auto 0; text-align: center; font-size: 18px; border-radius: 20px; color: #fff; cursor: pointer;}

.hz_div1{ padding-top:70px; padding-bottom: 40px;}
.hz_div1 ul{ overflow: hidden; padding-top: 50px;}
.hz_div1 li{ float: left; width: 33.3%; text-align: center; height: 450px; margin-bottom: 40px; }
.hz_div1 li .img{ text-align: center; width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; }
.hz_div1 li .img img{ display: block; margin:0 auto; }
.hz_div1 li .tit{ padding-top: 20px; font-size: 22px; color: #333; }
.hz_div1 li .txt{ font-size: 18px; color: #666; padding-top: 20px; }
.hz_div1 li .txt p{ line-height: 26px;}

.hz_div2{ padding-top: 80px; padding-bottom: 20px; background: url("../images/hz_bg1.jpg") no-repeat center center; background-size: cover;}
.hz_div2 .txt{ text-align: center; color: #fff; font-size: 20px; padding-top: 150px; }
.hz_div2 .txt p:nth-of-type(1){ padding-bottom: 6px; }

.hz_div3{ padding-top: 80px; padding-bottom: 80px; background: url("../images/hz_bg2.jpg") no-repeat center center; background-size: cover; border-bottom: 4px solid #f0453a;}
.hz_div3 .img{  padding-top: 40px; text-align: center;}
.hz_div3 .img img{ display: inline-block; max-width: 100%;  }

.hz_div4{ padding-top: 80px; padding-bottom: 80px; background: #fff;}
.hz_div4 .img{ padding-top: 40px; text-align: center; }
.hz_div4 .img img{ display: inline-block; max-width: 100%; }

.hz_div5{ padding-top: 80px; padding-bottom: 80px; background: #181818;}
.hz_div5 .img{ padding-top: 40px; text-align: center; }
.hz_div5 .img img{ display: inline-block; max-width: 100%; }

.hz_div6{ padding:100px 0 50px;}
.hz_div6 .center{ width: 1100px; margin:0 auto;}
.hz_div6 .item{ overflow: hidden; padding-bottom: 60px;}
.hz_div6 .item .txt{ padding-top: 80px; }
.hz_div6 .item .tit{ font-size: 22px; color: #000; padding-bottom: 10px; }
.hz_div6 .item .p{ font-size: 16px; color: #999; padding:10px 0;}

.hz_div7{ padding-top: 80px; padding-bottom: 80px; background: url("../images/hz_bg3.png") no-repeat center center; background-size: cover; }
.hz_div7 .center{ width: 1000px; margin:0 auto; padding-top: 60px;  }
.hz_div7 .list{ padding-top: 60px; }
.hz_div7 .list li{overflow: hidden; margin-bottom:50px;}
.hz_div7 .list li .icon{ float: left; padding-top: 6px;}
.hz_div7 .list li .icon img{}
.hz_div7 .list li .tit{ margin-left: 80px; font-size: 24px; color: #333; padding-bottom: 20px;}
.hz_div7 .list li .txt{ margin-left: 80px; font-size: 18px; color: #999;}
.hz_div7 .img{ padding-right: 50px;}

.hz_div8{ padding-top: 80px; }
.hz_div8 .yi{ position: absolute; left:166px; bottom:80px; color: #666; font-size: 18px; }
.hz_div8 .er{ position: absolute; left:586px; bottom:80px; color: #666; font-size: 18px; }
.hz_div8 .img{ }
.hz_div8 .img img{ display: block; height: auto; margin:0 auto; }

.hz_div9{ padding-top: 80px; padding-bottom: 80px; background: #fbfbfb; }
.hz_div9 .img{ padding-top: 60px; }
.hz_div9 .img img{ display: block; height: auto; margin:0 auto; }

.hz_div10{ padding-top: 80px; padding-bottom: 80px; }
.hz_div10 .img{ padding-top: 60px; }
.hz_div10 .img img{ display: block; height: auto; margin:0 auto; }
.hz_div10 .txt{ text-align: center; width: 860px; margin:0 auto; overflow: hidden; }
.hz_div10 .txt p{ float: left; width: 33.3%; font-size: 16px; color: #666; padding-top: 30px; }
.hz_div10 .txt .p1{ position: relative; left:-36px; }
.hz_div10 .txt .p2{ position: relative; left:0;  }
.hz_div10 .txt .p3{ position: relative; left:46px;  }

.hz_div11{ padding-top: 80px; padding-bottom: 80px; background: #fbfbfb; }
.hz_div11 .img{ padding-top: 60px; }
.hz_div11 .img img{ display: block; height: auto; margin:0 auto; }
.hz_div11 .txt{ overflow: hidden; padding-top: 40px; }
.hz_div11 .txt p{ width: 25%; float: left; text-align: center; font-size: 18px; color: #666; }
.hz_div11 .txt .p1{ position: relative; left:-10px; }
.hz_div11 .txt .p2{ position: relative; left:-4px;  }
.hz_div11 .txt .p3{ position: relative; left:10px;  }
.hz_div11 .txt .p4{ position: relative; left:20px;  }


.hz_div12{ padding-top: 80px; padding-bottom: 80px;}
.hz_div12 .img{ padding-top: 60px; }
.hz_div12 .img img{ display: block; height: auto; margin:0 auto; }
.hz_div12 .txt{ overflow: hidden; padding-top: 40px; }
.hz_div12 .txt p{ width: 30%; float: left; text-align: center; font-size: 18px; color: #666; }
.hz_div12 .txt .p1{ position: relative; left:2px; }
.hz_div12 .txt .p2{ position: relative; left:-12px;  }
.hz_div12 .txt .p3{ position: relative; left:-40px;  }


.hz_div13{ padding-top: 80px; padding-bottom: 80px;}
.hz_div13 .imgs{ padding-top: 20px; overflow: hidden; }
.hz_div13 .imgs .item{ float: left; width:25%; }
.hz_div13 .imgs .item .tit{ font-size: 16px; color: #000; text-align: center; padding:30px 0; }
.hz_div13 .imgs img{ display: block; max-width: 100%; height: auto; margin:0 auto; }
.hz_div13 .tjimg{  }
.hz_div13 .tjimg .tit{ font-size: 16px; color: #000; text-indent: 50px; padding:30px 0;  }
.hz_div13 .tjimg img{ display: block; max-width: 100%; height: auto; margin:0 auto;   }

.hz_div14{ padding-top: 80px; padding-bottom: 80px; background: url("../images/hz_bg4.png") no-repeat center center; background-size: cover; }
.hz_div14 .imgs{ overflow: hidden; padding-top: 60px;}
.hz_div14 .imgs .item{ float: left; width: 20%;}
.hz_div14 .imgs .img{}
.hz_div14 .imgs .img img{}
.hz_div14 .imgs .txt{ font-size: 0;}

.hz_div15{ padding-top: 80px; padding-bottom: 80px; }
.hz_div15 .imgs{ overflow: hidden; padding-top: 60px;}
.hz_div15 .imgs .item{ width: 50%; float: left; overflow: hidden; margin-bottom: 60px; }
.hz_div15 .imgs .item .img{ width: 100px; height: 100px; float: left; display: flex; align-items: center; justify-content: center;   }
.hz_div15 .imgs .item .tit{ margin-left: 120px; font-size: 22px; color: #000; padding:20px 0 20px;  }
.hz_div15 .imgs .item .txt{ margin-left: 120px; font-size: 16px; color: #666; line-height: 26px;  }

.hz_div16{ padding-top: 80px; padding-bottom: 80px;  background: #f8f8f8;}
.hz_div16 .img{ padding-top: 50px;}
.hz_div16 .img img{ display: block; max-width: 100%; height: auto; margin:0 auto; }
.hz_div16 .txt1{ overflow: hidden; padding-top: 40px; }
.hz_div16 .txt1 p{ width: 25%; float: left; text-align: center; font-size: 18px; color: #666; }
.hz_div16 .txt1 .p1{ position: relative; left:-10px; }
.hz_div16 .txt1 .p2{ position: relative; left:-6px;  }
.hz_div16 .txt1 .p3{ position: relative; left:8px;  }
.hz_div16 .txt1 .p4{ position: relative; left:14px;  }
.hz_div16 .txt2{ overflow: hidden; padding-top: 40px; text-align: center; font-size: 18px; color: #666; position: relative; left:10px; }