html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-callout:none;cursor:auto!important;}
body,form,img,ul,ol,li,dl,dt,dd,p,tr,td,strong,span,pre{margin:0;padding:0;border:0;background-repeat:no-repeat}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-weight:normal}
body,button,input,select,textarea{font-size:14px;line-height:24px;color:#333;font-family:'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif}
ul,li{list-style:none}
img{border:0px;vertical-align:middle}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#333;outline:none;cursor:Pointer!important}
a:hover{background-repeat:no-repeat;text-decoration:none}
a,input[type="button"],button,label,input[type="submit"]{cursor:Pointer!important}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
.swiper-wrapper{width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform,-moz-transform;transition-property:transform;transition-property:transform,-webkit-transform,-moz-transform,-o-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}
.swiper-container-multirow > .swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
.clear{clear:both;line-height:0;height:0;font-size:0}
.fl{float:left}
.fr{float:right}
@media (min-width:1260px){.commonweb{margin:0px auto;max-width:1200px;padding:0}}
.indexbanner{width:100%;overflow:hidden;position:relative;margin-top:-30px;}
.indexbanner ul{width:100%}
.indexbanner ul li{width:100%;height:340px;overflow:hidden;z-index:44}
.indexbanner ul li .pic,.indexbanner ul li .vi{position:relative;width:100%;height:100%;top:0;left:0}
.indexbanner ul li .banner-img{display:block;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;background-position:center center}
.indexbanner ul li.cur .banner-word .title{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1}
.indexbanner ul li.cur .banner-word .sub{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1}
.indexbanner ul li.cur .banner-more{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1}
.index-banner-prev,.index-banner-next{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none;cursor:pointer;position:absolute;z-index:66;width:40px;height:40px}
.index-banner-prev:after,.index-banner-next:after{content:'';width:30px;height:30px;position:absolute;border:1px solid #e5e6e5;top:50%;left:0%}
.index-banner-prev:after{border-right:none;border-bottom:none;-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);-o-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
.index-banner-next:after{border-right:none;border-bottom:none;-webkit-transform:translateY(-50%) rotate(135deg);-moz-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);-o-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}
.swiper-button:hover:after{border-color:#0396b8!important;}
.index-pagination{position:absolute;bottom:15px;width:100%;left:0;text-align:center;z-index:66}
.index-pagination span{display:inline-block;margin:0 2px;vertical-align:middle;width:28px;height:3px;cursor:pointer;background-color:#000;-webkit-border-radius:0;border-radius:0}
.index-pagination span.swiper-pagination-bullet-active{background-color:#149c38}
.banner-pos{position:absolute;top:40%;z-index:2;width:100%}
.banner-word{color:#fff;text-align:center;margin-top:-45px!important;}
.banner-word .title{color:#fff!important;display:block;width:100%;font-size:18px;font-weight:bold;line-height:1.3;-webkit-transition:all 0.6s;-o-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);opacity:0}
.banner-word .sub{width:100%;color:#fff;font-size:14px;line-height:1.6;padding-top:0px;padding-bottom:0px;-webkit-transition:all 0.8s;-o-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);opacity:0}
.banner-word .sub p{color:#fff;}
.banner-more{width:100%;text-align:center;padding-top:25px;-webkit-transition:all 0.9s 0.2s;-o-transition:all 0.9s 0.2s;-moz-transition:all 0.9s 0.2s;transition:all 0.9s 0.2s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);opacity:0}
.banner-morebtn{display:inline-block;vertical-align:top;line-height:34px;padding:0 26px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;color:#fff;font-size:12px;border:1px solid #fff;border-radius:20px;margin-top:-30px;}
/*.mouseicon{width:18px;height:41px;position:absolute;left:50%;bottom:10px;z-index:105;margin-left:-12px;background:url(../images/mouse.png) center no-repeat;display:block;-webkit-animation:updown 1s infinite;-o-background-size:auto;background-size:auto;display:none}*/
.shubiao{width: 18px;height: 41px;display: block;position: absolute;bottom:10px;left: 50%;z-index: 11;margin-left: -12px;background: url("../images/mouse.png") no-repeat center;animation: shubiao 1.3s linear infinite;}
@keyframes shubiao{
    0%{
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
        opacity: 0;}
    100%{
        transform:translate(0,0px);
        -webkit-transform:translate(0,0px);
        -moz-transform:translate(0,0px);
        -o-transform:translate(0,0px);
        -ms-transform:translate(0,0px);
        opacity: 1;}}

@media (min-width:768px){.indexbanner ul li{height:460px}
.banner-pos{top:45%}
.banner-word .title{font-size:24px}
.banner-word .sub{font-size:16px}
.banner-more{padding-top:45px}
.banner-morebtn{line-height:38px;font-size:14px}
}@media (min-width:1024px){.watch-video{display:none}
.bannerwatch-video{display:block}
.indexbanner ul li{height:-webkit-calc(100vh - 70px);height:-moz-calc(100vh - 70px);height:calc(100vh - 70px)}
.index-banner-prev{left:40px}
.index-banner-next{right:40px}
.index-pagination{bottom:40%}
.index-pagination span{width:60px;margin:0 5px}
.index-banner-prev,.index-banner-next{display:block}
.banner-word .title{font-size:34px}
.banner-word .sub{font-size:20px;padding-top:20px;padding-bottom:20px}
.banner-more{padding-top:80px}
.banner-morebtn{font-size:16px}
.banner-morebtn:hover{border-color:#0396b8;color:#fff;background-color:#0396b8!important;}
.mouseicon{display:block}
}@media (min-width:1260px){.index-banner-prev{Left:8.33333%}
.index-banner-next{right:8.33333%}
.index-banner-prev,.index-banner-next{width:60px;height:60px}
.index-banner-prev:after,.index-banner-next:after{width:50px;height:50px}
.banner-word .title{font-size:36px}
.banner-word .sub{font-size:22px}
}@media (min-width:1400px){.banner-word .title{font-size:50px}
.banner-word .sub{font-size:30px;padding-top:26px;padding-bottom:26px}
.banner-more{padding-top:120px}
.banner-morebtn{font-size:16px}
}