@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
body{
    width:100%;height:100%;position: relative;;
}
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.index-body{width:100%;height:100%;overflow: hidden;position: relative;}
.forwar{position: absolute;right: 5%;top: 5px;line-height: 35px;}
.forwar a{
    line-height: 32px;
    padding: 10px 0;
}
#times{
    color: #EC0928;
    margin-top: 14px;
    margin-right:10px;
}
.s-img{position: absolute;opacity: 0;}
.p101{width: 12.3%;left:6.6%;bottom:29.5%;
    -webkit-animation:smallbig .6s forwards ;
}
.p102{width: 8%;left:6.6%;bottom:17.2%;
    -webkit-animation:smallbig 1.6s forwards .6s  ease;
}
.p103{width: 13%;left:22%;bottom:0;
    -webkit-animation:smallbig 1.6s forwards .3s  ease;
}
.p104{width: 14%;left:37%;bottom:0;
    -webkit-animation:smallbig 1.6s forwards  .9s ease;
}
.p105{width: 20%;left:53%;bottom:0;
    -webkit-animation:smallbig 1.6s forwards 1.2s  ease;
}
.p106{width: 11%;right:2.6%;bottom:16.2%;
    -webkit-animation:smallbig 1.6s forwards .6s  ease;
}
.p107{width: 18%;right:14%;bottom:30.2%;
    -webkit-animation:smallbig 1.6s forwards .3s  ease;
}
.p108{width: 15%;right:13%;top:22.8%;
    -webkit-animation:smallbig 1.6s forwards .9s  ease;
}
.p109{width: 17%;right:23%;top:2.2%;
    -webkit-animation:smallbig 1.6s forwards  1.2s  ease;
}
.p110{width: 8%;right:42%;top:0;
    -webkit-animation:smallbig 1.6s forwards ;
}
.p111{width: 23%;left:22%;top:17.3%;
    -webkit-animation:smallbig 1.6s forwards ;
}
.p112{width: 44%;left: 9.25%;top:0;
    -webkit-animation:fadeInDown .6s forwards  ease .8s;
}
.p113{width: 32%;left:60%;bottom:0;
    -webkit-animation:fadeInUp .6s forwards  ease .8s;
}
.s-wrap{}
.s-wrap img{position: absolute;}
.s1-wrap{width:30.2%;position:absolute;left:41%;top:22.8%;}
.p114{width: 100%;position: relative;
    -webkit-animation:big-small .3s forwards  ease 1s;
}
.p115{width: 100%;top:0;left:0;
    -webkit-animation:fadeIn 1.6s forwards  ease 1.4s;
}
.p116{width: 5.3%;left:5%;bottom:5%;
    -webkit-animation:fadeIn 1.6s forwards  ease 1.4s;
}
.p117{width: 4%;right:8%;bottom:12.7%;
    -webkit-animation:fadeIn 1.6s forwards  ease 1.4s;
}
.p118{width: 31%;left: 11%;top: 38%;
    -webkit-animation:smallbig 1.6s forwards  ease 1.4s;
}
.p119{width: 6%;left: 34%;top: 63%;display: block;
    -webkit-animation:flash 3.6s infinite  ease 1.4s;
}
.p119 img{width: 100%;position: relative;
    -webkit-animation:fadeIn 1.6s forwards  ease 1.4s;
}
@-webkit-keyframes big-small{
    0%{opacity: 0;transform: scale(2.5);-webkit-transform: scale(2.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-moz-keyframes big-small{
    0%{opacity: 0;transform: scale(2.5);-webkit-transform: scale(2.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-o-keyframes big-small{
    0%{opacity: 0;transform: scale(2.5);-webkit-transform: scale(2.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes big-small{
    0%{opacity: 0;transform: scale(2.5);-webkit-transform: scale(2.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-moz-keyframes smallbig{
    0%{opacity: 0;transform: scale(0.5);-webkit-transform: scale(0.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-o-keyframes smallbig{
    0%{opacity: 0;transform: scale(0.5);-webkit-transform: scale(0.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes smallbig{
    0%{opacity: 0;transform: scale(0.5);-webkit-transform: scale(0.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
@keyframes smallbig{
    0%{opacity: 0;transform: scale(0.5);-webkit-transform: scale(0.5);}
    100%{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
}
/*棣栭〉*/
.body{background: #ecebea;}
.index-top{height: 70px;background: #fff;width:100%;}
.main-width{width: 1200px;margin: 0 auto;}
.logo{display: block;float: left;margin-left:40px;}
.nav-list{float: left;position: relative;margin-left:70px;}
.nav-list li{float: left;margin-left: 40px;/* background: red; */}
.nav-list li.one-li{text-align: center;display: block;position: relative;}
.nav-list li.one-li a.one-a{font-size: 15px;text-decoration: none;display: block;height: 70px;line-height: 70px;text-align: center;color: #4a4a4a;/* padding-left: 40px; */}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #4a4a4a;border-bottom: 3px solid #ec0928;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #4a4a4a;border-bottom: 3px solid #ec0928;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.footer{padding: 45px 3px;text-align: center;color: #666;}
.nav-list li.one-li div{width: 100px;top: 70px;height:0px;overflow: hidden;position: absolute;left: -34px;z-index: 44445;}
.nav-list li.one-li div span{display: block;width: 100%;height: 40px;}
.nav-list li.one-li div span a{color: #4a4a4a;display: block;font-size: 16px;text-decoration:none;background:#fff; height: 40px;line-height: 40px;}
.nav-list li.one-li div span a.on{text-decoration: none;color: #4a4a4a;background: #fff;font-weight: normal;border-bottom: 3px solid #ec0928;}
.nav-list li.one-li div span a:hover{  text-decoration: none;  color: #4a4a4a;background:#fff;font-weight: normal;border-bottom: 3px solid #ec0928;}
.nav-list li.one-li div span a:active{ text-decoration: none; }
.nav-list li.one-li div span a:visited{text-decoration: none; }
.nav-list li.one-li:hover div{ transition: 1s;height: 500px; }
.content-main{position: relative;padding-right:420px;}
.main-content-left{margin-left:20px;margin-top:-17px;position: relative;background: #fff;padding: 20px 60px;}
.main-content-right{ margin-top:-17px;background: #fff;padding: 60px 20px 0;position: absolute;right:20px;top:0;width: 360px;}
.title{height: 34px;line-height: 34px;text-align: center;  color: #ec0928;font-size: 18px;font-weight: bold;}
.title-h1{background: url("images/title-bg1.png") no-repeat;width:85px;}
.title-h2{background: url("images/title-bg2.png") no-repeat;width:122px;}
.title-h3{background: url("images/title-bg3.png") no-repeat;width:216px;}
.main-p{font-size: 15px;line-height: 25px;  color: #4a4a4a;margin-top:25px;}
.margin45{margin-top:45px;}
.left-code{margin-top:20px;}
.left-code table{}
.left-code table tr td{ }
.left-code table tr td img{ margin-right:10px;margin-bottom:0px;}
.content-top{font-size: 18px;line-height: 45px;}
.content-top i{color:#ec0928;font-size: 25px;font-style: normal;}
.content-top span{color:#ec0928}
.zb{
    margin-top: 33px;
}
.zb ul{}
.zb ul li{
    background: url("images/logo-yj.png") no-repeat left top;
    line-height: 20px;
    padding-left: 103px;
    position: relative;
    padding-top: 11px;
    margin-top: 30px;
    min-height: 44px;
}
.zb ul li.yj{
    background: url("images/logo-yj.png") no-repeat left top;
    line-height: 20px;
    padding-left: 53px;
    position: relative;
    padding-top: 11px;
    margin-top: 21px;
    min-height: 44px;
    text-align: left;
}
.zb ul li.zl{
    background: url("images/logo-zl.png") no-repeat left top;
    line-height: 20px;
    padding-left: 53px;
    position: relative;
    padding-top: 11px;
    margin-top: 12px;
    min-height: 44px;
}
.zb ul li:before{
    content: "";
    position: absolute;
    left: 51px;
}
.zb ul li.zl:before{
    content: "";
    position: absolute;
    left: 51px;
}
.code2{margin-top:60px;}
.bottom-btn{position: absolute;bottom:0;left:0;width:100%;height:55px;}
.bottom-btn a{display:block;position:relative;width:100%;height:55px;text-align: center;color:#fff;font-size: 15px;background: #ec0928;line-height: 55px;text-decoration: none;}
.bottom-btn a:hover{text-decoration: none;}
.bottom-btn a:active{text-decoration: none;}
.bottom-btn a:visited{text-decoration: none;}
.img-wrap{width:96%;margin:0 auto;}
.img-wrap ul{}
.img-wrap ul li{background: #fff;padding:5px;float:left;width:30%;margin-left:1.6%;margin-right:1.6%;margin-top:20px;}
.img-wrap ul li img{}
.hd{padding: 26px 98px}
.js{background: #fff;}
.lc{background: #fafafa;}
.jl{background: #fff;}
.js-content{line-height: 30px;font-size: 15px;text-align: center;color:#4a4a4a;}
.main-p2{color:#ed0a28;font-size: 22px;font-weight: bold;line-height: 30px;}
.main-p3{line-height: 30px;font-size: 15px;color:#4a4a4a;}
.container2{min-width: 1200px !important;}
.h2-title{font-weight: bold;font-size: 16px;line-height: 30px;
    margin-top:15px;}
.p{line-height: 30px;font-size: 15px;}
.main-p4{}
.main-p4:before{
    content: ">"
}
.qa-wrap{}
.qa-wrap ul{}
.qa-wrap ul li{padding: 30px 0;border-bottom: 1px solid #ecebea;}
.qa-wrap ul li h1{font-size: 15px;color:#313131;line-height: 30px;}
.qa-wrap ul li h1.QA-q{background: url("images/add.jpg") no-repeat right;cursor: pointer;}
.qa-wrap ul li h1.QA-q.on{background: url("images/delet.jpg") no-repeat right;cursor: pointer;}
.qa-wrap ul li h1.QA-q:before{content: "Q锛?;color:#ed0a28;}
.qa-wrap ul li h1.QA-a{display: none;margin-left:15px;}
@media all and (min-width: 321px) and (max-width: 981px) {
    .index-body{width:100%;height:1000px;overflow: hidden;position: relative;}
    .s-img{position: absolute;}
    .p101{width: 12.3%;left:6.6%;bottom:29.5%;}
    .p102{width: 8%;left:6.6%;bottom:17.2%;}
    .p103{width: 13%;left:22%;bottom:0;}
    .p104{width: 14%;left:37%;bottom:0;}
    .p105{width: 20%;left:53%;bottom:0;}
    .p106{width: 11%;right:2.6%;bottom:16.2%;}
    .p107{width: 18%;right:14%;bottom:30.2%;}
    .p108{width: 15%;right:13%;top:22.8%;}
    .p109{width: 17%;right:23%;top:2.2%;}
    .p110{width: 8%;right:42%;top:0;}
    .p111{width: 23%;left:22%;top:17.3%;  }
    .p112{width: 44%;left: 9.25%;top:0;}
    .p113{width: 32%;left:60%;bottom:0;}
    .s-wrap{}
    .s-wrap img{position: absolute;}
    .s1-wrap{width:30.2%;position:absolute;left:41%;top:22.8%;}
    .p114{width: 100%;position: relative;}
    .p115{width: 100%;top:0;left:0;}
    .p116{width: 5.3%;left:5%;bottom:5%}
    .p117{width: 4%;right:8%;bottom:12.7%;}
    .p118{width: 31%;left: 11%;top: 38%;}
    .p119{width: 6%;left: 34%;top: 63%;}
}
@media all and (min-width: 981px) and (max-width: 1281px) {
    .index-body{width:100%;height:100%;overflow: hidden;position: relative;}
    .s-img{position: absolute;}
    .p101{width: 12.3%;left:6.6%;bottom:29.5%;}
    .p102{width: 8%;left:6.6%;bottom:17.2%;}
    .p103{width: 13%;left:22%;bottom:0;}
    .p104{width: 14%;left:37%;bottom:0;}
    .p105{width: 20%;left:53%;bottom:0;}
    .p106{width: 11%;right:2.6%;bottom:16.2%;}
    .p107{width: 18%;right:14%;bottom:30.2%;}
    .p108{width: 15%;right:13%;top:22.8%;}
    .p109{width: 17%;right:23%;top:2.2%;}
    .p110{width: 8%;right:42%;top:0;}
    .p111{width: 23%;left:22%;top:17.3%;  }
    .p112{width: 44%;left: 9.25%;top:0;}
    .p113{width: 32%;left:60%;bottom:0;}
    .s-wrap{}
    .s-wrap img{position: absolute;}
    .s1-wrap{width: 23.2%;position:absolute;left: 44%;top: 27.8%;}
    .p114{width: 100%;position: relative;}
    .p115{width: 100%;top:0;left:0;}
    .p116{width: 5.3%;left:5%;bottom: 2%;}
    .p117{width: 4%;right:8%;bottom:12.7%;}
    .p118{width: 31%;left: 14%;top: 33%;}
    .p119{width: 6%;left: 37%;top: 61%;}
}
@media all and (min-width: 1281px) and (max-width: 1367px) {
    .index-body{width:100%;height:100%;overflow: hidden;position: relative;}
    .s-img{position: absolute;}
    .p101{width: 12.3%;left:6.6%;bottom:29.5%;}
    .p102{width: 8%;left:6.6%;bottom:17.2%;}
    .p103{width: 13%;left:22%;bottom:0;}
    .p104{width: 14%;left:37%;bottom:0;}
    .p105{width: 20%;left:53%;bottom:0;}
    .p106{width: 11%;right:2.6%;bottom:16.2%;}
    .p107{width: 18%;right:14%;bottom:30.2%;}
    .p108{width: 15%;right:13%;top:22.8%;}
    .p109{width: 17%;right:23%;top:2.2%;}
    .p110{width: 8%;right:42%;top:0;}
    .p111{width: 23%;left:22%;top:17.3%;  }
    .p112{width: 44%;left: 9.25%;top:0;}
    .p113{width: 32%;left:60%;bottom:0;}
    .s-wrap{}
    .s-wrap img{position: absolute;}
    .s1-wrap{width: 23.2%;position:absolute;left: 44%;top: 27.8%;}
    .p114{width: 100%;position: relative;}
    .p115{width: 100%;top:0;left:0;}
    .p116{width: 5.3%;left:5%;bottom: 2%;}
    .p117{width: 4%;right:8%;bottom:12.7%;}
    .p118{width: 31%;left: 14%;top: 33%;}
    .p119{width: 6%;left: 37%;top: 61%;}
}
.poster-main{
    position: relative;
    margin: 50px auto;
}
.poster-main .poster-list .poster-item{
    position: absolute;
    left: 0;
    top: 0;
}
.poster-main .poster-btn{
    position: absolute;
    top: 0;
    cursor: pointer;
}
.poster-main .poster-prev-btn{
    left: 0;
    background: url("images/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
    right: 0;
    background: url("images/btn_r.png") no-repeat center center;
}