@charset "UTF-8";

.header{height: 100px;background:rgba(255, 255, 255, 0);}

/*导航按钮*/
.nav_btn{opacity: 1;top:0px;float: left;width: 100px;background:#d7000f;height:100px;position: relative;cursor: pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.other_header .nav_btn{opacity: 0;top:80px;}
.nav_btn span{display: inline-block;width: 45px;height: 1px;background-color: #fff;
  position: absolute;top: 50%;left:50%;
  margin-left: -22px;
}
.nav_btn span:after{content:'';display: inline-block;width: 45px;height: 1px;
  background-color: #fff;position: absolute;top: 14px;left:0px;
  transition:transform 0.3s ease-out;
}
.nav_btn span:before{content:'';display: inline-block;width: 45px;height: 1px;
  background-color: #fff;position: absolute;top: -14px;left:0px;
  transition:transform 0.3s ease-out;
}

.nav_btn:hover span:after{
  transition:transform 0.3s ease-out;
  transform: translateX(5px);
}
.nav_btn:hover span:before{
  transition:transform 0.3s ease-out;
  transform: translateX(-5px);
}


.nav_btn.anim span:after{
  -webkit-animation: nav_btn 2s infinite;
  -moz-animation: nav_btn 2s infinite;
  -o-animation: nav_btn 2s infinite;
  -ms-animation: nav_btn 2s infinite;
  animation: nav_btn 2s infinite;
}
.nav_btn.anim span{
  -webkit-animation: nav_bt 2s infinite;
  -moz-animation: nav_bt 2s infinite;
  -o-animation: nav_bt 2s infinite;
  -ms-animation: nav_bt 2s infinite;
  animation: nav_bt 2s infinite;
}
.nav_btn.anim span:before{
  -webkit-animation: nav_b 2s infinite;
  -moz-animation: nav_b 2s infinite;
  -o-animation: nav_b 2s infinite;
  -ms-animation: nav_b 2s infinite;
  animation: nav_b 2s infinite;
}
@keyframes nav_btn{
  0%{
    width: 45px;  
    }
  50%{
    width: 35px; 
  }
  100%{
    width: 45px; 
  }
}
@keyframes nav_bt{
  0%{
    width: 45px; 
  }
  50%{
    width: 30px; 
  }
  100%{
    width: 45px; 
  }
}
@keyframes nav_b{
  0%{
    width: 45px; 
  }
  50%{
    width: 35px; 
  }
  100%{
    width: 45px; 
  }
}
/*导航按钮结束*/

.logo{opacity: 1;top:0px;float: left;line-height: 100px;height:100px;padding-left: 70px;position: relative;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.other_header .logo{opacity: 0;top:80px;}
.logo img{height: auto; max-height: 100%;max-width: 100%;vertical-align: middle; width: auto;}
.header .right{float: right;color: #fff;margin-right:100px;margin-top:25px;font-size: 12px;line-height: 26px;}
.header .right a{color: #fff;}
.header .right a:hover{opacity: 0.8;}
.header .right .top{text-align: right;}
.header .right .top i{display: inline-block;padding:0 20px;}

.ssgs{position: relative;display: inline-block;}
.ssgs a{display: inline-block;position: relative;}
.ssgs>a:after{content: "";display: block;position: absolute;right: -12px;top: 12px;
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.ssgs dl{display:none;position: absolute;top: 25px;right: -25px;line-height: 1.5;width: 111px;background: #313131;overflow: hidden;padding:10px;z-index: 9;}
.ssgs dl dd{text-align: right;padding:2px 0;}

.header .search{border-bottom: 1px solid #626268;padding-bottom: 5px;overflow: hidden;width: 190px;float: left;margin-right:15px;}
.header .search input{border:0;background-color: transparent;height: 22px;float:left;width: 150px;}
.header .search input.text{text-align: right;padding-right: 10px;font-size: 12px;}
.header .search input.sub{margin-top:5px;background: url(../images/search_btn.png) no-repeat center;width:30px;height:14px;border-left: 1px solid #626268;text-indent: -99999px;}

.header .language2{text-align: center;color: #fff;float: right;margin-right:30px;position: relative;font-size: 12px;font-weight: 700; display:none;}
.header .language2>*{display: inline-block;}
.header .language2 i{padding:0 5px!important;}

@media only screen and (max-width: 1720px){
  .header .right{margin-right: 20px;}
}

@media only screen and (max-width: 1400px){
  .header{height: 70px;}
  .logo{height: 70px;line-height: 70px;padding-left: 40px;}
  .nav_btn{width: 70px;height: 70px;}
  .nav_btn span{width: 40px;margin-left: -20px;}
  .nav_btn span:after{width: 40px;top:11px;}
  .nav_btn span:before{width: 40px;top:-11px;}
}
@media only screen and (max-width: 1100px){
  .logo{padding-left: 40px;}
}
@media only screen and (max-width: 1000px){
  .ssgs>a:after{right: -8px;}
  .header{height: 70px;}
  .header .right{margin-top:25px;margin-right: 10px;}
  .header .search{width: 160px;}
  .header .search input{width: 120px;}
  /*.header .language2{margin-top: 10px;}*/
  .header .right .top i{padding:0 5px;}
  .logo{padding-left: 10px;height: 70px;line-height: 70px;}
  .nav_btn{width: 70px;height: 70px;line-height: 70px;}
}
.phone_search_bg{display: none;}
.phone_search_btn{display: none;}
@media only screen and (max-width: 767px){
  .ssgs{display: none;}
  .nav_btn span{width: 40px;margin-left: -20px;}
  .nav_btn span:after{width: 40px;top:11px;}
  .nav_btn span:before{width: 40px;top:-11px;}
  .nav_btn:hover span:after{
    transition:transform 0s ease-out;
    transform: translateX(0px);
  }
  .nav_btn:hover span:before{
    transition:transform 0s ease-out;
    transform: translateX(0px);
  }
  .header{height: 70px;overflow: hidden;}
  .nav_btn{width: 70px;height: 70px;}
  .logo{line-height: 70px;height: 70px;width:140px;}
  
  .header .right{margin-right: 10px;margin-top:12px;line-height: 1.2;}
  .header .right .top>a{display: none;}
  .header .right .top>i{display: none;}
  .header .search{display: none;}
  .phone_search_btn{display: block;float: left;margin:18px 15px 0 0;}
  .phone_search_bg{display: none;position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;background: rgba(0,0,0,0.8);z-index: 999999;}
  .p_s_clo{width: 50px;height: 50px;color:#fff;font-size:36px;position: absolute;top:20px;right: 20px;text-align: right;}
  .phone_search_bg .phone_search{height:25px;width: 90%;margin:30% auto 0;border-bottom: 1px solid #fff;padding-bottom: 5px;}
  .phone_search input{border:0;background-color: transparent;height: 22px;float:left;}
  .phone_search input.text{float:left;padding-right: 35px;-webkit-box-sizing:border-box;box-sizing:border-box;width: 90%;}
  .phone_search input.sub{margin-top:5px;background:url(../images/search_btn.png) no-repeat center;width:9%;height:14px;border-left: 1px solid #626268;text-indent: -99999px;}

  /*.header .language2{margin:5px 0 0 0;border:0;width:auto;line-height: 0.7;text-align: right;}*/
  .header .language2 a{display: block;text-align: right;}
  .header .language2 a.en{position: relative;top: -4px;}
  .header .language2 i{padding:0 0px;transform:rotate(68deg) translateY(-3px);font-size: 18px;line-height: 1.2;}
  .header .language{width: 40px;margin:0;}
  .header .language span{padding-left: 7px;}
  .header .language i{right: 3px;}
  .header .language i{
    right: 5px;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #e4e4e4;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    margin-top: -1px;
  }
}
/*首页头部样式*/

.index_header.header{background: transparent;position: absolute;top: 0px;left: 0px;right: 0px;}
.index_header .nav_btn{height: 0px;}
.index_header .nav_btn span{opacity: 0;}
.index_header .logo{background:#1c1c1f;background: rgba(28,28,31,0.9);
  padding-right: 0px;padding-left: 0px;
  width:0px;text-align: center;opacity: 0;
}
.touch_body .index_header .logo{opacity: 1!important;}
.index_header .logo img{opacity: 0;transform:scale(0.5);transition:all 0.5s ease-in-out 0.4s;}
.index_header .logo img.tran{opacity: 1;transform:scale(1);}

/*清除移动端logo动画效果横竖屏的bug*/
.phone_body .index_header .logo{width: 140px!important;}
.phone_body .index_header .nav_btn{height: 70px!important;}
.phone_body .index_header .nav_btn span{opacity: 1!important;}
.phone_body .index_header .logo img{opacity: 1!important;transform:scale(1);}
@media only screen and (max-width: 1366px){
  .index_header .logo{padding:0 20px;}
}
@media only screen and (max-width: 1000px){
  .phone_body .index_header .nav_btn{height: 70px!important;}
}
@media only screen and (max-width: 767px){
  .phone_body .index_header .logo{width: 140px!important;}
  .phone_body .index_header .nav_btn{height: 70px!important;}
}
@media only screen and (max-width: 320px){
  .phone_body .index_header .logo{padding:0 10px;box-sizing:border-box;}
}
/*首页头部样式结束*/
.slide_nav{opacity: 0;position: fixed;top: 0px;left: -520px;bottom: 0px;width: 420px;background: #fff url(../images/nav_bg.png) no-repeat right bottom;z-index: 999999;}
.slide_nav .n_logo{height: 100px;line-height: 100px;padding-left: 75px;}
.slide_nav .n_logo img{vertical-align: middle;width: 100%;max-width:150px;}
.slide_nav .nav{overflow: hidden;position: relative;z-index: 99999;}
.slide_nav .nav.overY{overflow-y: auto;}
.slide_nav ul li{color: #fff;position: relative;}
.slide_nav ul li>a{display: block;padding-left: 75px;color: #1c1c1f;font-size: 15px;/* border-bottom: 1px solid #212124; */position: relative;}
.slide_nav ul li>a q{display:none;width:40px;position: absolute;right: 30px;top: 0%;background: url(../images/jia.png) no-repeat center;}
.slide_nav ul li.activ>a{ color:#fff;}
.slide_nav ul li.activ>a q{background: url(../images/jian.png) no-repeat center;}


.slide_nav ul li:nth-child(3)>a q{display:block;}


.slide_nav ul li>a i{position: relative;z-index: 2;}
.slide_nav ul li>a span{position: absolute;top: 0px;left: 0px;background: #d7000f;width: 0%;z-index: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.slide_nav ul li:hover>a span{width: 100%;}
.slide_nav ul li.activ>a span{width: 100%;}
.slide_nav ul li dl{display: none;}
.slide_nav ul li dd{line-height: 45px;position: relative;}
.slide_nav ul li dd>a{display: block;padding-left: 95px;font-size: 14px;color: #000;}
.slide_nav ul li dd>a i{position: relative;z-index: 2;}
.slide_nav ul li dd>a span{height:45px;position: absolute;top: 0px;left: 0px;background:#d7000f;width: 0%;z-index: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.slide_nav ul li dd:hover>a span{width: 100%;}
.slide_nav ul li dd:hover>a{color: #fff;}

.slide_nav .nav_colse{position: absolute;right: 0px;top: 0px;width:50px;height: 50px;
  /*background: #000;*/cursor: pointer;text-align: center;line-height: 50px;color: #000;font-size: 1.5rem;
}

.slide_nav .share{position: relative;height: 290px;}
.slide_nav .share .share_con{position: absolute;left:0px;right:0px;text-align: center;bottom:65px;}
.slide_nav .share .share_con .bdshare-button-style0-24 a,.slide_nav .share .share_con .bdshare-button-style0-24 .bds_more{float:none;display:inline-block;width:22px;height: 20px;padding-left: 0;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_tsina{background: url(../images/sina.png) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_weixin{background: url(../images/weixin.png) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_fbook{background: url(../images/face.png) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_twi{background: url(../images/twi.png) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_lin{background: url(../images/lik.png) no-repeat left center;}
@media only screen and (max-width: 1600px){
  .slide_nav .share{height: 200px;}
}
@media only screen and (max-width: 1400px){
  .slide_nav{width: 300px;}
  .slide_nav .n_logo{padding-left: 45px;}
  .slide_nav ul li>a{padding-left:45px;}
  .slide_nav .share{height: 100px;}
  .slide_nav .share .share_con{bottom:30px;}
  .slide_nav ul li dd>a{padding-left: 60px;}
}
@media only screen and (max-width:800px){
  .slide_nav .share{height: 200px;}
}

.aaa_nav{ display:none;}

@media only screen and (max-width: 767px){
  .slide_nav{width: 100%; }
  .slide_nav .share{height: 150px;}
  
  .aaa_nav{ display:block;}

}
.bd_weixin_popup{z-index: 999999!important;}
.footer{background: #272a2f;border-top:1px solid #d7000f;padding-top:60px;padding-bottom: 20px;}
.footer .footer_con01{max-width: 1720px;margin-left: auto;margin-right: auto;}
.footer .f_con01{float: left;}
.footer .f_con01 p{font-size: 12px;color: #6d7277;margin:10px 0;}
.footer .f_con01 .input{position: relative;width:295px;}
.footer .f_con01 input[type="text"]{border:1px solid #525558;height:30px;line-height: 30px;width:100%;
  border-radius: 35px;background: transparent;color: #fff;text-indent: 10px;
}
.footer .f_con01 input[type="button"]{border:0;position: absolute;right: 0px;top: 0;width: 30px;height: 30px;background:url(../img/input_btn.png) no-repeat center;}
.footer .f_con01 .share>*{margin-right: 15px;}
.footer .bdshare-button-style0-24 a,.footer .bdshare-button-style0-24 .bds_more{width:22px;height: 20px;padding-left: 0;}
.footer .bdshare-button-style0-24 .bds_tsina{background: url(../img/sina.png) no-repeat left center;}
.footer .bdshare-button-style0-24 .bds_weixin{background: url(../img/weixin.png) no-repeat left center;}
.footer .bdshare-button-style0-24 .bds_fbook{background: url(../img/face.png) no-repeat left center;}
.footer .bdshare-button-style0-24 .bds_twi{background: url(../img/twi.png) no-repeat left center;}
.footer .bdshare-button-style0-24 .bds_lin{background: url(../images/lin.png) no-repeat left bottom;}
.footer .share .bdsharebuttonbox{float: left;}
.footer .share>p{float: left;margin:0;}
.footer .share>p em{display: inline-block;width: 30px;height: 24px;float: left;border-radius: 3px;}
.footer .share>p em svg{border-radius: 5px;margin-top: 6px;padding:3px;}
.footer .share>p a{display:inline-block;font-size: 0.8rem;color: #a5a5a5;height: 32px;line-height: 32px;}
.footer .share>p a:hover{color: #fff;}

.footer .f_con01 .ewm_con{color: #747a7f;font-size: 12px;margin-top: 10px;}
.footer .f_con01 .ewm_con dl{float: left;margin-right: 40px;}
.footer .f_con01 .ewm_con dd{margin-top: 10px;}
.footer .f_con02{float: right;margin-left: 3%;}
.footer .f_con02 a{margin-bottom:20px;font-size:12px;display: block;width: 200px;height: 50px;line-height: 50px;border:1px solid #52565a;border-radius: 8px;color: #e4e4e5;}
.footer .f_con02 a img{vertical-align: middle;padding:0 10px;}
.footer .f_con02 a:hover{background: #1a1b1d;border:1px solid #1a1b1d;}
.footer .f_con03{float: right;margin-left: 7%;width:200px;}
.footer .f_con03 dt{color: #f1f2f2;line-height: 30px;}
.footer .f_con03 dt a{color: #f1f2f2;}
.footer .f_con03 dt img{margin-right: 13px;}
.footer .f_con03 dd{margin-left: 40px;}
.footer .f_con03 dd a{display: block;float: left;width: 58px;height: 26px;line-height: 26px;
  text-align: center;color: #63676c;border:1px solid #3f4347;border-radius: 5px;
  margin-top: 20px;margin-right: 20px;
}
.footer .f_con03 dd a:hover{background: #1a1b1d;border:1px solid #1a1b1d;color: #f1f2f2;}
.footer .f_con04{float: right;margin-left: 5%;}
.footer .f_con04 dl{float: left;width: 120px;margin-left: 120px;text-align: right;}
.footer .f_con04 dl:first-child{margin-left: 0;}
.footer .f_con04 dl dt{border-bottom: 1px solid #3f4347;color: #f1f2f2;padding-bottom: 15px;margin-bottom: 25px;}
.footer .f_con04 dl dt a{color: #f1f2f2;}
.footer .f_con04 dl dd{margin-bottom: 15px;}
.footer .f_con04 dl dd a{color: #6d7277;font-size: 12px;}
.footer .f_con04 dl dd a:hover{color: #f1f2f2;}
.phone_body .footer a.phone_dom{display: inline-block!important;}

.footer .f_con05{float: right;position: relative;}
.footer .f_con05 a{margin-bottom:20px;font-size:12px;display: block;width: 100px;height: 50px;
  line-height: 50px;border:1px solid #52565a;border-radius: 8px;color: #e4e4e5;
  text-align: center;
}
.footer .f_con05 a:hover{background: #1a1b1d;border:1px solid #1a1b1d;}
.footer .f_con05 .f_c05_a.hover a{background: #1a1b1d;border:1px solid #1a1b1d;}
.f_c05_a_con{display: none;}
.footer .f_con05 .f_c05_a.hover .f_c05_a_con{display: block;}

.footer .f_con05 .f_c05_a h3{text-align: center;position: relative;height: 40px;line-height: 40px;width: 100%;margin-top: 10px;}
.footer .f_con05 .f_c05_a h3 span{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.footer .f_con05 .f_c05_a_con{position: fixed;top: 50%;left: 50%;width: 680px;height: 300px;background: #fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 999;}
.footer .f_con05 .input{width: 540px;margin:10px auto 0;}
.footer .f_con05 .p{float: left;margin:0 20px 10px 20px;position: relative;}
.footer .f_con05 .p label{font-size:12px;display: inline-block;margin-right: 10px;height:30px;line-height: 30px;float: left;width: 50px;text-align: right;}
.footer .f_con05 .p label em{color: #d00217;}
.footer .f_con05 .p label.error{position: absolute;top: 0px;right: 0px;color: #f00;}
.footer .f_con05 .p input{float:left;border:1px solid #ccc;width: 165px;height:30px;line-height: 30px;border-radius: 30px;box-sizing:border-box;padding:0 10px;}
.footer .f_con05 .input_submit{width: 100%;margin-top:20px;text-align: center;float: left;}
.footer .f_con05 .input_submit input{width: 115px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #d7000f;border:0;border-radius: 35px;}

.footer .f_con05 .f_c05_a_con.f_c05_a2_con{height: 320px;}
.footer .f_con05 .f_c05_a2_con .input{width: 600px;}
.footer .f_con05 .f_c05_a2_con .p{margin:0;margin-bottom: 10px;}
.footer .f_con05 .f_c05_a2_con .p label{width:100px;}
.footer .f_con05 .f_c05_a2_con .input_submit{margin-top: 10px;}
.footer .f_con05 .f_c05_a2_con .last_p.p input{width:440px;}

/*三级城市下拉*/
.input_hidden{width: 0px;height: 0px;overflow: hidden;}
.footer .public_search{display: inline-block;float: left;}
.footer .public_search .down_btn{height: 30px;line-height: 30px;width: 30px;background: url(../images/sele_btn.png) no-repeat center;position: absolute;right: 0px;top: 0px;}
.footer .public_search .search_list{width: 165px;float: left;position: relative;height:30px;line-height: 30px;border:1px solid #ccc;border-radius: 30px;box-sizing:border-box;}
.footer .public_search .selec_con{z-index:99;height: 105px;display: none;background: #fff;border:1px solid #ccc;position: absolute;top: 30px;left: 0px;right: 0px;}
.footer .public_search .show_text{text-indent: 10px;font-size: 12px;}
.footer .public_search .selec_con ul li{margin-left: 10px;cursor: pointer;font-size: 12px;line-height: 26px;}
.footer .public_search .selec_con ul li:hover span{color: #d00217;}

/*三级城市联动*/
.footer .public_search .mScrol{margin-right: 0;height: 105px;}
.footer .public_search .mScrol.overY{overflow-y: auto;}
.footer .public_search .city_style .down_btn{background: url(../images/sele_btnH.png) no-repeat center;}


@media only screen and (max-width: 1720px){
  .footer .footer_con01{padding-right: 50px;padding-left: 50px;}
  .footer .f_con04{margin-left: 10%;}
  .footer .f_con03{margin-left: 5%;}
}
@media only screen and (max-width: 1600px){
  .footer .f_con04 dl{margin-left: 80px;}
}
@media only screen and (max-width: 1500px){
  .footer .f_con04 dl{width: 100px;margin-left: 50px;}
}
@media only screen and (max-width: 1400px){
  .footer .f_con01{width:270px;}
  .footer .f_con04{margin-left: 5%;}
}
@media only screen and (max-width: 1300px){
  .footer .f_con01{width:230px;}
  .footer .f_con01 .input{width:100%;}
  .footer .f_con04{margin-left: 2%;}
}
@media only screen and (max-width: 1200px){
  .footer{padding-top:30px;}
  .footer .f_con01{width:300px;}
  .footer .f_con03{display: none;}
  .footer .f_con05 .f_c05_a_con{position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 999999;}
}
@media only screen and (max-width: 1000px){
  .footer{padding-top:20px;}
  .footer .f_con04{width: 60%;margin-left: 0;float: left;}
  .footer .f_con04 dl{width:49%;text-align: left;margin-left: 2%;text-indent: 10px;}
  .footer .f_con04 dl dt{margin-bottom: 10px;padding-bottom: 10px;}
  .footer .f_con04 dl dd{margin-bottom: 5px;}
  .footer .f_con02{float: right;margin-top: 10px;width:31%;}
  .footer .f_con02 a{float: left;margin-right: 20px;}
  .footer .f_con01{float: none;width:100%;}
  .footer .f_con01 .pad_lay{width: 50%;float: left;}
  .footer .f_con01 .ewm_con{width: 50%;float: right;margin-top: 0;}
  .footer .f_con01 .ewm_con dl{float: right;}

  .footer .f_con05{width: 100%;}
  .footer .f_con05>div{display: inline-block;}
}
@media only screen and (max-width: 767px){
  .footer .footer_con01{padding-right: 10px;padding-left: 10px;}
  .footer .f_con04{width: 100%;float: none;}
  .footer .f_con02{width: 100%;float: none;margin-left: 0;}
  .footer .f_con02 a{width: 60%;margin-right: 0;float: right;height:35px;line-height: 35px;margin:15px 0;}
  .footer .f_con02 a:first-child{width:38%;margin-left: 0;float: left;}
  .footer .f_con01 .pad_lay{width:100%;float: none;}
  .footer .f_con01 .pad_lay>a{display: none;}
  .footer .f_con01 .pad_lay>.share .bdsharebuttonbox{display: none;}
  .footer .f_con01 input[type="text"]{border-radius: 5px;}
  .footer .f_con01 .ewm_con{width:100%;float: none;margin-top: 10px;}
  .footer .f_con01 .ewm_con dl{float: left;margin-top: 10px;margin-right: 10px;}

  .footer .f_con05 a{height:35px;line-height: 35px;}
  .footer .f_con05 .f_c05_a_con{width: 95%;height: auto;padding-bottom: 30px}
  .footer .f_con05 .input{width: 95%;}
  .footer .f_con05 .p{width: 100%;margin:0;margin-bottom: 10px;}
  .footer .f_con05 .p label{width:80px;}
  .footer .public_search{width: 65%;}
  .footer .f_con05 .p input{width: 65%;}
  .footer .public_search .search_list{width: 100%;}
  
  .footer .f_con05 .f_c05_a2_con .p label{width:80px;}
  .footer .f_con05 .f_c05_a_con.f_c05_a2_con{height: auto;padding-bottom: 30px;}
  .footer .f_con05 .f_c05_a2_con .input{width: 95%;}
  .footer .f_con05 .f_c05_a2_con .p input{width:65%;}
  .footer .f_con05 .f_c05_a2_con .last_p.p input{width:65%;}
}

.footer_ban{background: #1a1b1d;padding:20px 0;}
.footer_ban .footer_con02{max-width: 1720px;padding:0 20px;margin-left: auto;margin-right: auto;}
.footer_ban p{float: right;color: #6d7277;font-size: 12px;}
.footer_ban p:first-child{float: left;}
.footer_ban p a{color: #6d7277;font-size: 12px;}
@media only screen and (max-width: 1720px){
  .footer_ban .footer_con02{padding-right: 50px;padding-left: 50px;}
}
@media only screen and (max-width: 767px){
  .footer_ban .footer_con02{padding-right: 10px;padding-left: 10px;}
  .footer_ban .footer_con02 a.jing{display: block;}
  .footer_ban p{float: none;}
  .footer_ban p:first-child{float:none;}
}

/*首页样式*/
.phone_dom{display: none!important;}
.phone_body .phone_dom{display: block!important;}
.phone_body .pc_dom{display: none!important;}
/*.w1200.index_body .scrollPage0{height: auto!important;}*/

.index_body{height: 100%;overflow: hidden;}
.w1200.index_body{height: auto;overflow-y: auto;}

.index_body .header{z-index: 999999;}
.index_body .header .search{border-color:#fff;}
.index_body .header .search input.text{color: #fff!important;}
.index_body .header .language{border-color: #fff;}
.section{overflow: hidden;position: relative;}
.sPage0_video video{width:100%;}
.in_con01{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);z-index: 98;}
.in_con01 .text{margin-bottom: 140px;text-align: center;}
.in_con01 .text img{width: 250px;}
.in_con01 h3{color: #fff;letter-spacing:13px;}
.in_con01 p{color: #fff;text-transform: Uppercase;letter-spacing:3px;}
.in_con01 .more{display: inline-block;margin-left: 50px;}
/* .in_con01 .more.more01{margin-left: 0;} */
.in_con01 .more a{border-color: #fff;color: #fff;width:200px;}
.in_con01 .more a i{border-left-color:#fff;right:25px;}
.in_con01 .more:hover a i{
  -webkit-animation: bounce 1s;
  -moz-animation: bounce 1s;
  -o-animation: bounce 1s;
  -ms-animation: bounce 1s;
  animation: bounce 1s;
}

.in_news{z-index: 90;position: absolute;bottom: 0px;left: 0px;
  background: #303030;background: rgba(0,0,0,0.3);
  border-right:1px solid #5d5b62;border-top:1px solid #5d5b62;
  padding:20px 50px 30px 100px;
  color: #fff;width: 430px;height:90px;overflow: hidden;
}
.in_news a{color: #fff;}
.in_news .left{float: left;width: 230px;padding-top: 20px;}
.in_news .left p{font-size: 0.8rem;overflow: hidden;line-height:1.5;height:3em;overflow:hidden;}
.in_news .left p.other{color: #999;font-size: 12px;display:none;}
.in_news .right{float: left;width: 100px;margin-left: 100px;height: 100px;position: relative;}
.in_news .right>*{position: absolute;}
.in_news .right em{font-size: 30px;left: 20px;}
.in_news .right i{font-size: 0.8rem;left: 55px;top:50px;}
.in_news .right span{font-size: 12px;right:0px;top: 30px;}
.in_news .right q{display: block;width: 1px;height: 40px;background: #fff;left: 50px;top: 30px;transform:rotate(45deg);}
.in_news .bx-wrapper{margin-bottom: 0;}
.in_news .bx-wrapper .bx-pager{bottom: 0;text-align: left;}
.in_news .bx-wrapper .bx-pager.bx-default-pager a{border-radius: 0;background: #fff;}
.in_news .bx-wrapper .bx-pager.bx-default-pager .active a{background: #d7000f;}
@media only screen and (max-width: 1440px){
  .in_news{padding:20px 20px 30px 20px;width: 360px;}
  .in_news .right{margin-left: 10px;}
}
@media only screen and (max-width: 1366px){
  .in_news .right em{font-size: 20px;left: 30px;top: 10px;}
  .in_con01 .text{margin-bottom: 80px;}
  .in_news{padding:0px 10px 10px 20px;}
}
@media only screen and (max-width: 1200px){
  .in_news{bottom: 80px;border-bottom: 1px solid #5d5b62;}
}
@media only screen and (max-width: 1024px){
  .in_con01{top: 45%;}
}
@media only screen and (max-width: 800px){
  .in_con01 .text{margin-bottom: 1%;}
  .in_con01 h3{letter-spacing:0px;}
  .in_con01 p{letter-spacing:0;}
  .in_con01 .more{margin-left: 8px;}
  .in_con01 .more a{width: 150px;}
}
@media only screen and (max-width: 767px){
  .in_con01{width: 90%;text-align: center;}
  .in_con01 .more a{background: transparent;}
  .in_news{width: 100%;box-sizing:border-box;padding:0px 10px;height: 100px;border-right: 0;}
  .in_news .right{margin-left: 0; }

  .in_news .left{width: 240px;}
}
@media only screen and (max-width: 320px){
  .in_con01 .text{margin-bottom: 100px;}
  .in_con01 .more a{width: 120px;}
  .in_con01 .more a i{right: 5px;}
  .in_news .left{width: 195px;}
}
/*第二屏*/
.in_con02,.in_con02_bg{position: absolute;top:0px;bottom: 0px;right: 0px;left:-100%;z-index: 99;overflow: hidden;}
.in_con02_bg{background: rgba(255,255,255,0.5);}
.con02_ul{position: absolute;right: 50px;z-index: 100;top: 50%;transform:translateY(-50%);}
.con02_ul li{width: 380px;height: 100px;border:1px solid #fff;color: #fff;cursor:pointer;
  line-height: 100px;margin-top:40px;position: relative;overflow: hidden;
}
.con02_ul li q{position: relative;z-index: 5;text-indent:60px;display: block;}
.con02_ul li i{position: absolute;top:35px;right:-60px;opacity: 0;z-index: 2;width:193px;display: block;}
.con02_ul li i img{width: 100%;}
.con02_ul li em{position: absolute;right: -100%;top:0;z-index: 1;display: block;width: 380px;}
.con02_ul li em img{width: 100%;}
.con02_ul li.li1{margin-top: 0px;background: url(../images/con02_ul_bg01.png) no-repeat right bottom;}
.con02_ul li.li2{background: url(../images/con02_ul_bg02.png) no-repeat right bottom;}
.con02_ul li.li2 i{top:25px;right:-45px;}
.con02_ul li.li3{background: url(../images/con02_ul_bg03.png) no-repeat right bottom;}

.con02_ul li.no_background{background-image: none;}

.con02_tab{position: relative;}
.con02_tab>div{opacity: 0;position: absolute;top: 0px;left: 0px;right:0;}
.con02_tab>div:first-child{opacity: 1;}
.c02_text{position: absolute;top: 50%;left: 50px;z-index: 9;width:680px;transform:translateY(-50%);color:#fff;}
.c02_text .p{margin-top:50px;margin-bottom: 140px;}
.c02_text .btn a{position: relative;;display:block;width:206px;height:38px;line-height:38px;text-align:center;color:#fff;background: url(../images/index_pro.png) no-repeat;}
.c02_text .btn a i{position: absolute;right: 30px;top: 50%;margin-top:-3px;}
.c02_text .btn:hover a i{
  -webkit-animation: bounce 1s;
  -moz-animation: bounce 1s;
  -o-animation: bounce 1s;
  -ms-animation: bounce 1s;
  animation: bounce 1s;
}
@media only screen and (max-width: 1366px){
  .con02_ul li{width: 300px;height: 80px;line-height: 80px;background-size: 80%;margin-top:30px;}
  .con02_ul li em{width: 300px;}
  .con02_ul li i{width: 150px;}
  .con02_ul li q{text-indent: 30px;}
  .c02_text .p{margin-top: 30px;margin-bottom: 100px;}
}
@media only screen and (max-width: 1100px){
  .c02_text{width: 550px;}
}
@media only screen and (max-width: 800px){
  .con02_ul{top: 150px;transform:translateY(0);left: 0px;right:0px;}
  .con02_ul li{width: 31.3%;float:left;margin-left: 1%;margin-right: 1%;
    margin-top:30px;margin-top:0;-webkit-box-sizing:border-box;box-sizing:border-box;
  }
  .con02_ul li em{width: 100%;}
  .con02_ul li em img{height: 78px;}
  .con02_ul li i{width: 130px;right: -15px;}
  .con02_ul li.li2 i{top:30px;right:-20px;}
  .con02_ul li.li3 i{top: 45px;right: -9px;}
}
@media only screen and (max-width: 600px){
  .c02_text{width: auto;left:10px;right: 10px;top:300px;transform:translateY(0);}
  .c02_text .p{margin:10px 0 40px;}
  .con02_ul{top: 200px;}
  .con02_ul li{height:50px;line-height: 50px;text-align: center;}
  .con02_ul li em img{height: 48px;}
  .con02_ul li i{width: 80px;top: 30px;}
  .con02_ul li.li2 i{top:25px;right:-10px;}
  .con02_ul li.li3 i{top: 35px;right:-10px;}
  .con02_ul li q{text-indent: 0;}
}
@media only screen and (max-width: 320px){
  .con02_ul{top: 150px;}
  .c02_text{top: 250px;}
}
/*第三屏*/
.in_con03,.in_con03_bg{position: absolute;top:0px;bottom: 0px;right: 0px;left:-100%;z-index: 99;overflow: hidden;}
.in_con03_bg{background: rgba(255,255,255,0.5);}
.sPage0_img img{position: absolute;top: 0px;}
.sPage0_img .div_img{position: absolute;left: 50%;top: -200px;transform:translateX(-50%);width: 55%;}
.lt9 .sPage0_img .div_img{margin-left: -490px;}
.sPage0_img .div_img img{width: 100%;}
.sPage0_img img.img1{
  animation: rotate_o 10s infinite;
}
.sPage0_img img.img2{
  animation: rotate_o 15s infinite;
}
.sPage0_img img.img3{
  animation: rotate_t 11s infinite;
}
.sPage0_img img.img4{
  animation: rotate_o 17s infinite;
}
.sPage0_img img.img5{
  animation: rotate_t 12s infinite;
}
.sPage0_img img.img6{
  animation: rotate_o 17s infinite;
}
@keyframes rotate_o{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(360deg)
  }
}
@keyframes rotate_t{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(-360deg)
  }
}
.c03_text{position: absolute;top: 40%;left: 0px;right: 0px;z-index: 9;transform:translateY(-50%);}
.c03_text h3{text-align:center;color: #fff;}
.c03_text .btn a{display: block;background: rgba(0,0,0,0.5);width:200px;position: relative;
  height: 35px;line-height: 35px;text-align: center;color: #fff;transition:all 0.5s ease-in-out;
  margin:100px auto 0;border-radius: 35px;
}
.c03_text .btn i{position: absolute;top: 50%;right: 40px;margin-top: -11px;transition:all 0.5s ease-in-out;width:22px;height: 22px;display: inline-block;}
.c03_text .btn a:hover{background: rgba(215,0,15,0.8);}
.c03_text .btn a:hover i{transform:rotate(360deg);}
.c03_ul{position: absolute;bottom: 10%;left: 0px;right: 0px;z-index: 9;transform:translateY(-50%);
  width: 500px;background: rgba(0,0,0,0.5);margin:0 auto;
  padding:10px 70px;border-radius: 55px;
}
.c03_ul li{float: left;width: 14.2%;text-align: center;}
/*pad1366*/
.h1366.phone_body .sPage0_img .div_img{width: 123%;}
.h1024.phone_body .sPage0_img .div_img{width: 77%;}
@media only screen and (max-width: 1600px){
  .sPage0_img .div_img{width: 65%;top:-250px;}
}
@media only screen and (max-width: 1366px){
 .sPage0_img .div_img{width: 58%;top:-200px;}
}
@media only screen and (max-width: 1340px){
  .sPage0_img .div_img{top:-150px;}
}
@media only screen and (max-width: 1024px){
  .sPage0_img .div_img{width: 77%;}
}
@media only screen and (max-width: 800px){
  .sPage0_img .div_img{width: 130%;}
}
@media only screen and (max-width: 600px){
  .sPage0_img .div_img{width: 185%;}
  .c03_ul{width: 100%;box-sizing:border-box;padding:10px 20px;}
}
@media only screen and (max-width: 320px){
  .sPage0_img .div_img{width: 200%;}
  .phoneX .sPage0_img .div_img{width: 220%}
}


/*切换按钮*/
.index_btn{width: 356px;position: absolute;bottom: 20px;left: 50%;margin-left: -178px;z-index: 999;}
.index_btn:after{content: "";display: block;width: 4px;height: 4px;background: #fff;border-radius: 4px;position: absolute;right: 24px;bottom:0px;}
.index_btn li{text-indent:4px;cursor:pointer;float:left;
  background:url(../images/index_nav.png) no-repeat left bottom;
  width:83px;height:50px;line-height: 50px;text-align: center;
  color: #fff;position: relative;
}
.index_btn li em{opacity: 1;}
.index_btn li q{position: absolute;bottom: 1px;left: 0px;width: 100%;display: block;height: 1px;background: #fff;}
.index_btn li:hover em{opacity: 1;color: #d7000f;font-weight: 700;}
.index_btn li.hover{background:url(../images/index_navH.png) no-repeat left bottom;}
.index_btn li.hover em{opacity: 1;color: #d7000f;font-weight: 700;}
.index_btn li q{width: 100%;animation: widthA 5s infinite;}
.index_btn li.hover q{width: 0%;animation: initial;}
@media only screen and (max-width: 320px){
  .index_btn{width: 300px;margin-left: -150px;}
  .index_btn li{width: 68px;}
}
@keyframes widthA{
  0%{
    width: 0%;
  }
  50%{
    width: 55%;
  }
  100%{
    width: 0%;
  }
}



/*内页面包屑*/
.crumb{background: #eaeaea;position: relative;overflow: hidden;height: 80px;left:0;}
.crumb_con{float: left;margin-left: 70px;}
.crumb_con .tit{height:80px;line-height:80px;float: left;width: 170px;margin-right: 20px;background: url(../images/crum_jt.png) no-repeat right center;}
.crumb_con ul{height:80px;line-height:80px;float: left;}
.crumb_con ul li{float: left;margin-left: 40px;text-align: center;position: relative;height: 100%;}
.crumb_con ul li a{display: block;padding:0 10px;color:#303030;}
.crumb_con ul li i{display: block;padding:0 10px;color:#303030;}
.crumb_con ul li a:after{content: "";position: absolute;bottom: 0px;right: 0px;left: 0px;height: 4px;}
.crumb_con ul li.active a:after{display: block;background: #d7000f;}
.crumb_con ul li a:hover:after{display: block;background: #d7000f;}
.other_crumb.crumb{position: fixed;top: 0;left: 0px;right:0;z-index: 99999;}

.touch_body .crumb_con ul li a:hover:after{display: block;background: #eaeaea;}
.touch_body .crumb_con ul li.active a:after{display: block;background: #d7000f;}

.other_navbtn{float: left;overflow: hidden;}
.other_navbtn .nav_btn{height: 80px;background: #c0c0c0;opacity: 0;position:relative;top:-100px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.other_navbtn .logo{height: 80px;line-height: 80px;opacity: 0!important;position:relative;top:-100px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.lt9 .other_navbtn .logo{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.lt9 .other_navbtn .nav_btn{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.other_crumb .other_navbtn .nav_btn{opacity: 1;top:0;}
.other_crumb .other_navbtn .logo{opacity: 1!important;top:0;}
.lt9 .other_crumb .other_navbtn .logo{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.lt9 .other_crumb .other_navbtn .nav_btn{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.phone_crumb{display: none;}

@media only screen and (max-width: 1500px){
  .about_crumb.crumb_con ul li{padding:0;margin-left: 5px;}
}

@media only screen and (max-width: 1400px){
  .crumb{height: 70px;}

}
@media only screen and (max-width: 1366px){
  .crumb_con .tit{width: 120px;}
  .aaa_header_bbb .ccc_navDl {width: 42rem;}

}
@media only screen and (max-width: 1320px){
  .about_crumb.crumb_con ul li{margin-left: 20px;}
}
@media only screen and (max-width: 1200px){
  .crumb_con{margin-left: 30px;}
  .crumb_con .tit{width: 115px;margin-right: 10px;}
  .crumb_con ul li{margin-left: 0px;padding:0 10px;}

  .about_crumb.crumb_con ul li{padding:0;margin-left: 5px;}
}
@media only screen and (max-width: 1024px){
  .crumb{display: block;}
  .crumb .other_navbtn{display: none;}
  .phone_crumb{display: block;background: #f9f9f9;}
  .phone_crumb ul{padding:10px 0;overflow: hidden;}
  .phone_crumb li{float: left;margin:0 7px;width: 60px;text-align: center;border-bottom: 1px solid #f9f9f9;}
  .phone_crumb li:hover{border-bottom: 1px solid #d7000f;}
  .phone_crumb li.hover{border-bottom: 1px solid #d7000f;}
  .phone_crumb li a{font-size: 12px;}
}
@media only screen and (max-width: 800px){
  .crumb{padding:  0 10px;}
  .crumb_con{margin-left: 70px;}
  .o_crumb .crumb_con ul li{padding:0 2px;}
  .o_crumb .crumb_con ul li a{padding:0 5px;}
  .o_crumb .crumb_con .tit{width: 95px;}
  .o_crumb .crumb_con{margin-left: 10px;}
  
  .about_crumb.crumb_con{margin-left: 0px;}
  .about_crumb.crumb_con ul li{margin-left: 0;}
}

@media only screen and (max-width: 767px){
  .crumb{height: auto;padding:0;}
  .crumb_con{float: left;margin-left: 0;}
  .crumb_con .tit{width: auto;background: none;height: 60px;line-height: 60px;}
  /*.crumb_con ul{display: none;}*/

  .other_navbtn .nav_btn{height: 60px;width:60px;}
  .other_crumb .other_navbtn .nav_btn span{width: 30px;margin-left: -15px;}
  .other_crumb .other_navbtn .nav_btn span:after{width: 30px;top:10px;}
  .other_crumb .other_navbtn .nav_btn span:before{width: 30px;top:-10px;}
  .other_navbtn .logo{height: 60px;line-height: 60px;margin-left: 10px;width: 140px;}

  /*.about_crumb.crumb_con .tit{display: block;}*/
  .crumb_con .tit{display: none;}
  .other_navbtn .logo, .crumb_con .tit, .crumb_con ul{height: auto;line-height: 1.5;}
  .crumb_con ul{padding:10px 5px;}
  .crumb_con ul li{padding:5px 0!important;}
  .crumb_con ul li a:after{height: 2px;}

}






/***********底部*******************/
footer{background:#333;position: relative;z-index: 9;}
footer .footer-top{padding:30px  0px;border-bottom:1px solid #484848;}
footer .footer-top .f-logo-box{line-height:2;padding: 10px 0px;font-size:1rem;color: #fff;border-bottom:1px solid #454545;}


.f-nav-box{margin:3% 0 0; overflow:hidden;}
.footer-top .f-nav {}
.footer-top .f-nav .lf{width:20%;}
.footer-top .f-nav li{float:left;width:90%;}
.footer-top .f-nav a{display: block;}
.footer-top .f-nav li a{font-size: 0.7rem;color:rgba(255, 255, 255, 0.8);line-height: 30px;transition:all .3s linear;}
.footer-top .f-nav li .tit{font-size: 0.8rem;color:#fff;margin-bottom: 8px;}
.footer-top .f-nav li a:hover{color:#fff;}
.footer-top .f-nav li a:nth-child(10){ display:none;} 


.f_con{width:250px;margin-right:5%; float:left;}
.f_con dt{color: #fff;line-height: 30px;margin-bottom: 8px;} 
.f_con dt a{color: #fff; font-size:0.8rem;}
.f_con dt img{margin-right: 13px;}
.f_con dd{margin-left:2rem;}
.f_con dd a{display: block;float: left;width:200px;height:32px;line-height: 32px;text-align: center;color:rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 5px;margin-top: 7px;margin-right: 20px;}
.f_con dd a:hover{background: rgb(195, 21, 31);border:1px solid rgb(195, 21, 31);color: #fff;}


.lixi{width:35%; max-width:300px;float: left;}
.lixi a{ color:#fff; font-size:0.8rem;margin-bottom: 8px; line-height:30px;}
.footer-right-address {font-size: 0.7rem; line-height: 24px; color: #b2b6c0;}
.footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line,.footer-add-detail {color:rgba(255, 255, 255, 0.8);margin-top: 0.4rem; }
.footer-right-address .footer-add-h5 { padding-left: 15px;color: rgb(195, 21, 31); margin-top:0.7rem; background: url(../images/add2.png) no-repeat left center;}



.footer-top .qrcode-box{text-align: center;width:130px;}
.footer-top .qrcode-box .qrcode{width:130px;height:130px;margin:0 auto;}
.footer-top .qrcode-box img{width: 100%;}
.footer-top .qrcode-box .text{font-size: 0.7rem;color:rgba(255, 255, 255, 0.8);line-height: 24px;margin:15px 0 0;}


.footer-bottom{padding:20px 0px; overflow:hidden;}
.footer-bottom .copy,.footer-bottom .copy a,
.footer-bottom .beian,.footer-bottom .beian a{font-size: 0.7rem;color:rgba(255, 255, 255, 0.8);transition:all .3s linear;}
.footer-bottom .copy a:hover,.footer-bottom .beian a:hover{color:#fff;}

@media only screen and (max-width:767px ) {	
.footer-top .f-nav .lf { display:none;}
.f_con {width: 70%; margin-right: 0; float: left;}
.footer-top .f-nav .lixi {width: 100%;max-width: 100%;float: left; margin-top: 29px;}
.footer-top .qrcode-box {text-align: center; width: 35%; position:absolute; right:0; margin-top:0px; }
.footer-bottom .copy,.footer-bottom .beian { width:100%; float:none;}
.footer-bottom .copy, .footer-bottom .copy a, .footer-bottom .beian, .footer-bottom .beian a {text-align:center; }
.f-nav .nav_foot{ display:none;}
.footer-bottom {padding: 10px 0 10px; overflow: hidden;}

}
