body{font-family:Microsoft YaHei, "微软雅黑", "宋体", Arial; background:;}
*{ margin:0; padding:0;}
ul,li{margin:0; padding:0;}
i,em,u{font-style: normal;}
u{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a{text-decoration:none; color:#444;}
a:hover{color:#5f3c28;}
li{ list-style:none;}
.clear{clear:both;}
.mg{margin:0px auto;}
.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.wd96{width:96%;}
.wd96 img{max-width:100%;}
.pt10{padding-top:10px;}
.dp{display:block;}
header,nav,article,footer,.zt_foot,.main{width:100%; max-width:750px !important; margin:0 auto; clear:both;}
.mt5{margin-top:5% !important;}
.clear{clear:both;}




.main1{text-align:center;}
.main1 img{max-width:100%; padding:0px; margin:0px auto; display:block;}

.main1 li{float:left; width:16.66%;}
.main1 li img{width:100%;}

.shuqi1{text-align:center; background:url(../images/bg.jpg) repeat-y;}
.shuqi1 img{max-width:90%; padding:0px; margin:0px auto; display:block;}

.main_txt1{background:url(../images/m_04.jpg) no-repeat; background-size:100% 100%;}
.main_txt1 p{text-align:center; padding-top:2%; padding-bottom:3%; color:#16285e; font-size:0.2rem; line-height:150%;}

.main_txt2{background:url(../images/m_08.jpg) repeat-y; background-size:100%;}
.main_txt2 p{text-align:left; padding:0 5% 0 5%; color:#fff; text-indent:2em; font-size:0.22rem; line-height:170%;}

.main_f_txt1{width:100%; height:0.83rem; text-align:center; position:fixed; left:0px; right:0px; bottom:0px;}
.main_f_txt2{width:100%; height:0.83rem;}

.main1_h{position:relative;}
.main1_hd{position:absolute;}
.main1_hd{ width:100%; z-index:2; bottom:-30px !important; left:0; height:50px; line-height:50px; text-align:center;}
.main1_hd ul{ text-align:center; height:25px; padding-top:5px;  }
.main1_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; background:url(../images/tg_flash_p.png) -15px 0; overflow:hidden; line-height:9999px; }
.main1_hd ul .on{ background-position:0 0; }


.slideBox{width:100%; height:38vw; overflow:hidden; position:relative; background:url(../images/kangshuai_12.jpg) center top no-repeat}
.slideBox li{float:left; width:100%; height:100%; text-align:center;}
.slideBox li img{max-width:90%;}

.slideBox .prev,.slideBox .next{position:absolute; z-index:2; top:50%; margin-top:-41px; display:block; width:34px; height:82px;}
.slideBox .prev{left:1%; background:url(../images/nl.jpg) no-repeat;}
.slideBox .next{right:1%; background:url(../images/nr.jpg) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
@media screen and (min-width:946px){
.slideBox{height:365px;}
}
@media screen and (max-width:320px){
.slideBox{height:121px;}
}


.vido{background:#f3f3f3;}


.btn1{padding:1% 0px 0.5%;}
.btn2{background:#f2f2f2; padding:0% 0px 1%;}

.main2{max-width:946px !important; height:53.07vw; background:#b72230 url(../images/pic14.jpg) left top no-repeat; background-size:100%; position:relative;}
.main2_a{width:94%; margin:0px auto; padding-top:0.8vw; text-align:center;}
.main2_a img{max-width:100%;}
.main2_b{width:80%; position:absolute; left:5%; top:10%;}
.main2_b li{float:left; width:12%; text-align:center; position:relative;}
.main2_b li img{max-width:96%;}
.main2_b li span{width:100%; height:100%; text-align:center; display:none; position:absolute; left:0px; top:0px;}
.main2_b li.on span{display:block;}
@media screen and (min-width:946px){
.main2{height:502px;}
.main2_a{padding-top:18px;}
}
@media screen and (max-width:560px){

}




.swiper-button-next,.swiper-button-prev{background-image:none !important;}




.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:10s;animation-duration:10s}
@-webkit-keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translateX(-50px);transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes change
{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes change
{
0%{-ms-transform:rotate(0deg);}
50%{-ms-transform:rotate(180deg);}
100%{-ms-transform:rotate(360deg);}
}
@-moz-keyframes change
{
0%{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(180deg);}
100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes change
{
0%{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(180deg);}
100%{-moz-transform:rotate(360deg);}
}
@keyframes change
{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(360deg);}
}