@charset "gb2312";
@import url(animate.min.css);
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; max-width: 640px; min-width: 320px; background:#fff!important;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
#ymtj{ display:none!important;}

.xxjj_wap{width:100%; position: relative; overflow: hidden;}


.xxjj_top{ width: 100%; position: relative; overflow: hidden;}
.xxjj_top img{display:block; width: 100%;}
.xxjj_top .xxjj_top01{ width: 50%; position: absolute; top: 6%; left: 25%; animation-delay: 0.5s;}
.xxjj_video{ width:93%; position: absolute; top: 30%; left: 3.5%; overflow: hidden; border-top: 5px solid #fff;}
.xxjj_video img{display:block; width:100%;}
.xxjj_videobox{position: fixed; top: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; max-width: 640px; display: none; z-index: 105;}
.xxjj_gb{position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 1; color: #ffffff; padding-top: 20%;text-align: right;}
.xxjj_videobox video{display: block; width: 92%; margin: 35% auto 0 auto; position: relative; z-index: 2;}
.xxjj_top .xxjj_top02{ width: 93%; position: absolute; top: 73.4%; left: 3.5%;}


.xxjj_ysl{ width:100%; position: relative; overflow: hidden; margin: 6% auto 0;}
.xxjj_ysl img{ width: 100%; display: block;}
.xxjj_ysl .ysl_bt{ width:37%; margin-top: 4%; margin-left: 5%;}
.xxjj_ysl .ysl_bt.yi{ margin-left: 7%;}
.ysl_box{ width:92%; position: relative; overflow: hidden; margin: 0 auto;}
.ysl_box img:nth-child(1){width: 52%;float: left; margin-left: 1%;}
.ysl_box img:nth-child(2){width:46.1%; float:left}
.ysl_box a{ width:47%; height: 100%; display: block; position: absolute; top: 0; right: 0;}


.xxjj_xyhj{ width: 100%; position: relative; overflow: hidden; margin: 6% auto 0;}
.xxjj_xyhj img{ display: block; width: 100%;}
.xxjj_xyhj .xyhj_img01{ width: 100%; position: absolute; top: 8%; left: 0%;}
.xxjj_xyhj .swiper-container{ width: 80%; position: absolute; top: 31.33%; left: 10%;}
.xxjj_xyhj .xyhj_prev{background: url(../images/m_xxjj35.png) no-repeat center; background-size: 100%; top: 55%; left: 5px; outline: none;}
.xxjj_xyhj .xyhj_next{background: url(../images/m_xxjj36.png) no-repeat center; background-size: 100%; top: 55%; right: 5px; outline: none;}
.xxjj_xyhj a{ display: block; width: 53%; position: absolute; top: 87%; left: 23.5%;}


.xxjj_jxms{ width: 100%; position: relative; overflow: hidden;}
.xxjj_jxms img{ display: block; width: 100%;}
.xxjj_jxms .jxms_img01{ margin-top: 6%;margin-bottom: 4%;}
.xxjj_jxms a{ display: block; width: 53%; margin: 4% auto 6%;}


.xxjj_cjy{ width:100%; position: relative; overflow: hidden;}
.xxjj_cjy img{ width: 100%; display: block;}
.xxjj_cjy .cjy_img01{ width: 100%; position: absolute; top: 8%; left: 0%;}

.xxjj_cjy .xxjj_swiper{ width: 52%; position: absolute; top: 51%; left: 24%;}
.xxjj_cjy .cjy_prev{background: url(../images/m_xxjj35.png) no-repeat center; background-size: 100%; top: 67%; left: 9%; outline: none;}
.xxjj_cjy .cjy_next{background: url(../images/m_xxjj36.png) no-repeat center; background-size: 100%; top: 67%; right: 9%; outline: none;}
.xxjj_cjy a{ display: block; width: 53%; position: absolute; top: 89%; left: 23.5%;}


.xxjj_rmzy{ width: 100%; position: relative; overflow: hidden;}
.xxjj_rmzy img{ width: 100%; display: block;}
.xxjj_rmzy a{ display: block; width: 30%; height: 12%; position: absolute;}
.xxjj_rmzy a:nth-child(4){ top: 40%; left: 3%;}
.xxjj_rmzy a:nth-child(5){ top: 40%; left: 36%;}
.xxjj_rmzy a:nth-child(6){ top: 40%; left: 68%;}
.xxjj_rmzy a:nth-child(7){ top: 68%; left: 3%;}
.xxjj_rmzy a:nth-child(8){ top: 68%; left: 36%;}
.xxjj_rmzy a:nth-child(9){ top: 68%; left: 68%;}
.xxjj_rmzy .rmzy_img01{ margin: 6% 0;}
.xxjj_rmzy .rmzy_zx{ display: block; width: 53%; margin: 4% auto 6%;}