﻿@charset "gb2312";
body,div,span,p,em,ul,li,h1,h2,h3,dl,dt,dd,img,header,footer,nav,section,article,video,aside,dialog,figure,figcaption,time,input,textarea{margin:0;padding:0;border:0 none; outline:none;}
body {font-family:sans-serif "Microsoft YaHei";-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;max-width: 640px;margin: 0 auto;}
ul{list-style: none;}
a{text-decoration: none;color:inherit;}
em{font-style:normal;}
h1,h2,h3{ font-size:1em; font-weight:normal;}

#headyestar{background:#000;}
#sections .clearfix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:'';}
#sections .clearfix{ zoom:1;}

#sections .zx_btn{display: block;animation:sec_scale 2s linear infinite;-webkit-animation:sec_scale 2s linear infinite;}
#sections .center_block{width: 93.75%;margin: 0 auto;position: relative;}

#sections img{width: 100%;display:block;}

#sections .slide_dots {text-align: center;margin-top: 2%;}
#sections .slide_dots li{display: inline-block;width:10px;height:10px;border: 1px solid #800c0b; -webkit-border-radius:100%;border-radius:100%;text-indent: -50px;overflow: hidden;margin: 0 2px;background-color:transparent;}
#sections .slide_dots li.cur_active {background-color:#800c0b;}

#sections .slide_nav{width: 95%;margin: 0 auto;}
#sections .slide_nav li {width:33.33%;float:left;position:relative;text-align: center;margin-bottom: 15px;padding: 10px 0;background:#570006 url(../images/nav_bg.jpg) no-repeat;color: #fff;}
#sections .slide_nav li.cur_active {background:#800c0b;}
#sections .slide_nav li.cur_active:after {content:" ";display:block;border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #800c0b; position:absolute;left: 50%;margin-left: -5px;bottom: -5px;}

.sec_hot .slide_dots{display: none;}

.banner{position: relative;}
#sections .banner .slide_dots{position: absolute;width: 100%;left: 0;bottom: 3%;}
#sections .banner .slide_dots li{background: transparent;border: 1px solid #fff;margin-left: 5px;}
#sections .banner .slide_dots li.cur_active{background-color: #fff;}

.sec_nav{position: relative;}
.sec_nav ul{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sec_nav li{float: left;width: 25%;height: 100%;float: left;}
.sec_nav li a{display: block;height: 100%;}

.sec_notice{position: relative;font-size: 12px;color: #fff;overflow: hidden;}
.sec_notice > div{position: absolute;left: 43%;height: 100%;top: 0;width: 100%;}
.sec_notice h3{color: #fe9f35;padding: 3% 0 2%;font-size: 14px;}

.noticeBanner {width:100%;height:20px;line-height:20px;overflow:hidden;}
#noticeScroll {height:20px;}
#noticeScroll li {height:20px;width: 95%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#noticeScroll li span{background-color: #fe9f35;display: inline-block;margin: 0 3px;width: 30px;text-align: center;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

.sec01{padding: 8% 0;}
.sec01 .sec01_con{margin-top: 3%;}
.sec01 .sec01_con ul{width: 87.5%;margin: 0 auto;}

.sec01 .sec01_con li{width:19.5%;float: left;position: relative;margin-top: 5%;}
.sec01 .sec01_con li span{width: 42.34%;position: absolute;right: -8px;top: -8px;-webkit-animation:Indexbounce 2s .2s ease both infinite;
    animation:Indexbounce 2s .2s ease both infinite;}
.sec01 .sec01_con li+li{margin-left: 7.3%;}
.sec01 .sec01_con li:nth-of-type(4n+1){margin-left: 0;}

.sec02{background: #edebf1;padding: 3% 0;}
.sec02 h3{font-size:1.7rem;text-indent:10px;margin-bottom:3%;color:#9F4147;}
.sec02 .sec02_con{overflow: hidden;position: relative;}
.sec02 .sec02_con .sec02_page{position: absolute;right: 5%;bottom: 15%;color: #fff;border: 1px solid #fff;padding: 0.1% 3%;font-size: 12px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}

.sec03{padding: 8% 0;}
.sec03 .sec03_con{margin-top: 3%;}
.sec03 .sec03_item dl{width: 33.3%;float: left;color: #7a0310;text-align: center;font-size: 14px;}
.sec03 .sec03_item dl h3{margin-top: 3%;text-overflow: ellipsis;white-space: nowrap;}
.sec03 .sec03_item h3 span{width: 19.43%;display: inline-block;vertical-align: middle;margin-left: 3%;-webkit-animation:Indexbounce 2s .2s ease both infinite;
    animation:Indexbounce 2s .2s ease both infinite;}
.sec03 .sec03_item dl p{margin-right: 20%;}
.sec03 .sec03_item dl em{font-size: 0.5em;}
.sec03 .sec03_item p span{color: #626262;text-decoration: line-through;font-size: 0.8em;margin-left: 5%;}
.sec03 .sec03_con .zx_btn{width: 53.91%;margin: 5% auto 0;}

.sec04{padding: 3% 0 8%;}
.sec04 .sec04_con{width: 96.88%;margin: 3% auto 0;}
.sec04 .sec04_con li{float: left;width: 49%;margin-top: 2%;position: relative;}
.sec04 .sec04_con li+li{margin-left: 2%;}
.sec04 .sec04_con li:nth-of-type(1){width: 100%;}
.sec04 .sec04_con li:nth-of-type(1) span{width: 7.74%;padding-top: 20%;}
.sec04 .sec04_con li:nth-of-type(2){margin-left: 0%;}
.sec04 .sec04_con li div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 12px;}
.sec04 .sec04_con li span{display: inline-block;width: 15.48%;padding-top: 30%;}
.sec04 .sec04_con .zx_btn{width: 53.91%;margin: 8% auto 0;}

.show_video{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;z-index: 1001;display: none;}
.show_video > div{position: relative;height: 50%;top:25%;width:70%;margin: 0 auto;}
.show_video span{width: 25px;display: block;float: right;}
.show_video video{width: 100%;}

.sec05{/*padding-bottom: 5%;*/}
.sec05 .sec05_con{margin-top: 5%;}
.sec05 .sec05_con dl{text-align: center;margin-top: 5%;}
.sec05 .sec05_con dt{display: inline-block;background-color: #800c0b;color: #fff;padding: 2px 10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.sec05 .sec05_con dt+dt{margin-left: 5%;background-color: #fe9f35;}

.sec05 .sec05_item{position: relative;}
.sec05 .sec05_item li{position: relative;opacity: 0;}
.sec05 .sec05_item li+li{position: absolute;left: 0;top: 0;width:100%;}
.sec05 .sec05_item li+li .swiper-pagination{display: none;}
.sec05 .sec05_item li.cur_active{ z-index: 2;opacity: 1;}

.sec05 .swiper-container{padding-bottom: 10%;}
.sec05 .swiper-pagination-bullet{background: transparent;border: 1px solid #800c0b;}
.sec05 .swiper-pagination-bullet-active{background:#800c0b ;}

.sec06{/*background-color: #4f010e;*//*padding: 8% 0;*/}
.sec06 .sec06_con{margin-top: 5%;}
.sec06 .sec06_con .zx_btn{width: 53.91%;margin: 8% auto 0;}

.sec07{padding: 8% 0;}
.sec07 .sec07_con{margin-top: 5%;}
.sec07 .sec07_con .zx_btn{width: 53.91%;margin: 8% auto 0;}

.sec08 .sec08_title{height: 40px;line-height: 40px;background: #6d3a1c;text-align: center;display: block;color: #fff; font-weight: bold; letter-spacing: 1px;}
.sec08 .sec08_con{padding: 8% 3%;font-size: 12px;}
.sec08 .sec08_con li+li{margin-top: 5%;}
.sec08 .sec08_con li em{color: #b30000;}
.sec08 .sec08_con li span{width: 20%;float: left;text-align: center;}
.sec08 .sec08_con li div{padding-left: 20%;width: 80%;}
.sec08 .sec08_con li input{width: 100%; height: 30px; border: 1px solid #d0d1d5;line-height: 30px;text-indent: 10px;font-size: 12px; -webkit-user-select: text !important;-user-select: text !important;}
.sec08 .sec08_con li textarea{width: 100%; height: 80px; border: 1px solid #d0d1d5;padding-top: 10px;text-indent: 10px; -webkit-user-select: text !important;-user-select: text !important;}
.sec08 .sec08_con .btn_sub{background-color: #6d3a1c; color: #ffffff;font-size: 25px; font-weight: bold; height: 42px; line-height: 42px; width: 182px; border-radius: 5px;display: block;text-align: center;margin: 5% auto 0;}

.sec09{margin-bottom: 80px;}

@keyframes sec_scale {
0% {transform: scale(0.9);opacity: 0.9;}
50% {transform: scale(1);opacity: 1; }
100% {transform: scale(0.9);opacity: 0.9;}
}
@-webkit-keyframes sec_scale {
0% {-webkit-transform: scale(0.9);opacity: 0.9;}
50% {-webkit-transform: scale(1);opacity: 1; }
100% {-webkit-transform: scale(0.9);opacity: 0.9;}
}

@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}

#head .head_con {
  background: #000;
  width: 100%;
  height: 4rem;
  padding: 0.8rem 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 640px;
  z-index: 1001;
}
#head .icon_slogan {
  width: 12.5rem;
  background-position: center;
  background-image: url("/picture/icon_slogan.png");
  background-size: cover;
  margin: 0 auto;
}
#head .nav_img {
  height: 2.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*s商务通样式*/
.footer_new{width: 100%; height: 80px; margin:0 !important;padding:0 !important;position: fixed;bottom: 0; left:0px;z-index: 999;overflow:visible !important; background:-moz-linear-gradient(left,#871119,#871119); background:-webkit-gradient(linear,0 50%,100% 50%,from(#871119),to(#871119)); background:-webkit-linear-gradient(left,#871119,#871119); background:-o-linear-gradient(left,#871119,#871119)}
.footer_new .mask { width:74px; left:50%; /*bottom:10px;*/ margin-top: 2px;position:fixed; margin-left:-38px; }
.footer_new .mask img { width:100%; }
.footer_new .foo_menu li{display: flex}
.footer_new .foo_menu li a{display: block;flex: 1}
.footer_new .foo_menu li a i{display: block; max-width: 47px; height: 47px;margin: 0 auto; margin-top: 4px;}
.footer_new .foo_menu li a span{display: block;font-size: 12px;text-align: center;color: #fff; margin-top: 5px;}

.footer_new .foo_menu li.li1 a:nth-child(1) i{background: url('/swt/images/sy.png') no-repeat center bottom;background-size: 40px 40px;}
.footer_new .foo_menu li.li1 a:nth-child(2) i{background: url('/swt/images/al.png') no-repeat center bottom;background-size: 40px 40px;}
.footer_new .foo_menu li.li1 a:nth-child(3){}
.footer_new .foo_menu li.li1 a:nth-child(4) i{background: url('/swt/images/jg.png') no-repeat center bottom;background-size: 40px 40px;}
.footer_new .foo_menu li.li1 a:nth-child(5) i{position: relative; background: url('/swt/images/zx.png') no-repeat center bottom;background-size: 40px 40px;}
.footer_new  i sup {position: absolute; width: 20px; height: 20px; font-size: 12px; background: #ff0000; border-radius: 50%; display: block; line-height: 20px; text-align: center; color: #fff; position: absolute; top: 1px; right: -2px; font-style: normal; border: 1px solid #fff; }

/* 右侧活动 */
.s-ripple{
  cursor: pointer;
  position: fixed;
  width: 20%;
  max-width:246px;
  z-index: 100000;
  top: 30%;
  right: 2%;
}
.s-ripple .min-tel{
  -webkit-animation: tada 1.5s linear normal both infinite;
  -o-animation: tada 1.5s linear normal both infinite;
  animation: tada 1.5s linear normal both infinite;
  position:absolute;
  width:100%;
  left:0;
  top:0;
}
@-moz-keyframes tada{
  0%{-moz-transform:scale(1);}
  10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
  30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
  40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
  100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);}
  10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
  40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}
