*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:""}
table{border-collapse:collapse;border-spacing:0}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
a{color:#333;text-decoration:none}
a:hover{color:inherit}
img{max-width:100%;border:none}
em,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-size:12px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{background:#fff;border:1px solid #bbb}
.false:focus{border:2px solid #ff1531;background:#fff}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear,::-ms-reveal{display:none}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"";height:0;clear:both}
.c{clear:both}
.col-l,.l{float:left}
.col-r,.r{float:right}
.ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{width:96%;max-width:1170px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
.headerrel01{position:absolute;left:0;top:0;right:0;height:128px;z-index:100}
.headerrel01.on{background-color:#0640c5}
.headerrel01 .wp:after{content:'';display:block;clear:both;width:100%;height:0;visibility:hidden}
.headerrel01 .headerrel01-logo{float:left;height:128px;line-height:128px;font-size:0;overflow:hidden}
.headerrel01 .headerrel01-logo img{display:inline-block;vertical-align:middle;max-height:100%}
.headerrel01 .headerrel01-nav{margin-top:30px;float:right}
.headerrel01 .headerrel01-nav li{float:left;position:relative}
.headerrel01 .headerrel01-nav li a{padding:0 16px;display:block;min-width:80px;text-align:center;font-size:14px;color:#fff;font-family:SHSN-N;letter-spacing:1px;line-height:68px;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.headerrel01 .headerrel01-nav li a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:4px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.headerrel01 .headerrel01-nav li:last-child a{padding-right:0}
.headerrel01 .headerrel01-nav>.on>a,.headerrel01 .headerrel01-nav>li:hover>a{color:#6bd1ff}
.headerrel01 .headerrel01-nav .headerrel01-navsub{padding:10px 0;display:none;position:absolute;white-space:nowrap;min-width:100%;background:#03a9f4}
.headerrel01 .headerrel01-nav .headerrel01-navsub a{padding:4px 10px;font-size:14px;color:rgba(255,255,255,.9);line-height:1.8}
.headerrel01 .headerrel01-nav .headerrel01-navsub a:hover{color:#fff}
.headerrel01 .headerrel01-menuBtn{display:none;width:1em;height:1em;position:relative;margin:10px 15px;font-size:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.headerrel01 .headerrel01-menuBtn span{height:1px;position:absolute;top:50%;display:block;width:100%;margin:0 auto;border:none;cursor:pointer;color:inherit}
.headerrel01 .headerrel01-menuBtn span:before{content:"";position:absolute;top:0;left:50%;display:block;width:100%;height:100%;-ms-transform:translate(-50%,-.28em);-webkit-transform:translate(-50%,-.28em);transform:translate(-50%,-.28em);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;background-color:#000;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}
.headerrel01 .headerrel01-menuBtn span:after{content:"";position:absolute;top:0;left:50%;display:block;width:100%;height:100%;-ms-transform:translate(-50%,.28em);-webkit-transform:translate(-50%,.28em);transform:translate(-50%,.28em);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;background-color:#000;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}
.headerrel01 .headerrel01-menuBtn.headerrel01-menuBtn__open span{background:0 0}
.headerrel01 .headerrel01-menuBtn.headerrel01-menuBtn__open span:before{-ms-transform:translate(-50%,0) rotate(45deg);-webkit-transform:translate(-50%,0) rotate(45deg);transform:translate(-50%,0) rotate(45deg)}
.headerrel01 .headerrel01-menuBtn.headerrel01-menuBtn__open span:after{-ms-transform:translate(-50%,0) rotate(-45deg);-webkit-transform:translate(-50%,0) rotate(-45deg);transform:translate(-50%,0) rotate(-45deg)}
@media only screen and (max-width:1199px){
.headerrel01{height:90px}
.headerrel01 .headerrel01-logo{height:90px;line-height:90px}
.headerrel01 .headerrel01-logo img{max-height:50%}
.headerrel01 .headerrel01-nav{margin-top:25px}
.headerrel01 .headerrel01-nav li a{line-height:40px}
}
@media only screen and (max-width:959px){
.headerrel01{content:'';position:fixed;z-index:100;top:0;padding:0;width:100%;height:45px;background:#0262bb}
.headerrel01 .headerrel01-menuBtn{display:block;position:fixed;z-index:101;right:0}
.headerrel01 .headerrel01-menuBtn span,.headerrel01 .headerrel01-menuBtn span:after,.headerrel01 .headerrel01-menuBtn span:before{background-color:#fff}
.headerrel01 .headerrel01-logo{height:45px;line-height:45px}
.headerrel01 .headerrel01-logo img{max-height:60%}
.headerrel01-hdr.headerrel01-hdr__down{bottom:100%;visibility:hidden;opacity:0}
.headerrel01-hdr.headerrel01-hdr__down.headerrel01-hdr__open{bottom:0;visibility:visible;opacity:1}
.headerrel01-hdr{overflow:scroll;position:fixed;z-index:99;left:0;top:45px;width:100%;max-height:100%;background-color:rgba(0,0,0,.8);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.headerrel01 .headerrel01-nav{margin:0;padding:10px 0;float:none;background-color:rgba(0,0,0,.2)}
.headerrel01 .headerrel01-nav li{float:none;text-align:center}
.headerrel01 .headerrel01-nav li a{padding:0 15px;display:inline-block;line-height:50px;font-size:18px;text-align:center}
.headerrel01 .headerrel01-nav li:last-child a{padding:0 15px}
.headerrel01 .headerrel01-nav .headerrel01-navsub{position:static}
}
.banner{padding-top:49%;position:relative;overflow: hidden;}
.banner-inner{background:#0640c5 url('../image/banner-t-bg.jpg');background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;}
.banner-inner:hover {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}

.banner-inner:hover {
    transform: scale(1.05,1.05);
}

.banner .header-video { left: 0; top: 0; min-height: 100%; min-width: 100%;display: inline-block;vertical-align: baseline;position: absolute}
.banner .banner_bg{left: 0; top: 0; min-height: 100%; min-width: 100%;position: absolute;background:#0640c5;opacity:0.6; z-index:1}
.banner img{display:block;width:100%;display:none}
.banner-inner{position:absolute;left:0;top:0;right:0;bottom:0;}
.banner-inner .wp{position:relative;height:100%}
.banner-txt{margin-top:-20px;position:absolute;left:50%;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); width: 580px; margin-left: -290px; text-align: center}
.banner-txt h2{margin-bottom:20px;font-size:48px;color:#fff;font-weight:700}
.banner-txt .txt{margin-bottom:70px;font-size:18px;color:#fff;line-height:1.67}
.banner-txt .btn:after{content:'';display:block;clear:both;width:100%;height:0;visibility:hidden}
.banner-txt .btn a{margin-right:22px;display: inline-block; width:148px;height:50px;line-height:48px;border:1px solid transparent;font-size:16px;color:#fff;text-align:center;border:1px solid #fff;border-radius:3px 2px 2px 3px;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.banner-txt .btn a:hover{background-color:#f77d07;border-color:#f77d07;box-shadow:28px 28px 60px rgba(0,0,0,.15)}
.mouse-down{position:absolute;right:0;bottom:46px}
.mouse-down .icon{margin-right:16px;display:inline-block;vertical-align:bottom;overflow:hidden}
.mouse-down .icon em{margin-top:2px;display:block;width:20px;height:12px;background:url(../image/mouseDown-i1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.mouse-down .icon em:nth-child(1){opacity:.1;animation:mouseDown .9s ease infinite alternate;-webkit-animation:mouseDown .9s ease infinite alternate}
.mouse-down .icon em:nth-child(2){opacity:.5;animation:mouseDown2 .9s ease infinite alternate .3s;-webkit-animation:mouseDown2 .9s ease infinite alternate .3s}
.mouse-down .icon em:nth-child(3){animation:mouseDown3 .9s ease infinite alternate .6s;-webkit-animation:mouseDown3 .9s ease infinite alternate .6s}
@keyframes mouseDown{
from{opacity:.05}
to{opacity:.1}
}
@-webkit-keyframes mouseDown{
from{opacity:.05}
to{opacity:.1}
}
@keyframes mouseDown2{
from{opacity:.1}
to{opacity:.5}
}
@-webkit-keyframes mouseDown2{
from{opacity:.1}
to{opacity:.5}
}
@keyframes mouseDown3{
from{opacity:.5}
to{opacity:1}
}
@-webkit-keyframes mouseDown3{
from{opacity:.5}
to{opacity:1}
}
.mouse-down span{display:inline-block;vertical-align:bottom;font-size:12px;color:#fff;overflow:hidden}
@media only screen and (max-width:1366px){

.banner-txt h2{margin-bottom:15px;font-size:30px}
.banner-txt .txt{margin-bottom:40px;font-size:16px;}
.banner-txt .btn a{width:140px;height:44px;line-height:42px;font-size:14px}
}
@media only screen and (max-width:1199px){
.banner-txt{margin-top:-20px;/*text-align:left;width:400px;*/}
/*.banner-txt{margin:0;left:15px;right:15px}*/
.mouse-down{left:15px;bottom:30px}
/*.banner{background:#0640c5 url('/static/images/banner1.jpg');background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;}*/
.banner .header-video{display:none}
.banner .banner_bg{display: none}
}
@media only screen and (max-width:959px){
.banner-txt{margin-top:-30px;text-align:center; left:50%; right: auto; /*margin-left: -200px;*/}
.banner-txt .txt{margin:0 auto 30px}
.banner-txt .btn{font-size:0;text-align:center}
.banner-txt .btn a{margin:0 10px;float:none;display:inline-block;vertical-align:middle}
.mouse-down{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
}
@media only screen and (max-width:768px){
.banner-txt{ width: 90%; margin-left: -45%;}
.banner{padding-top:70%}
.banner-txt{margin-top:-20px}
.banner-txt h2{margin-bottom:10px;font-size:22px}
.banner-txt .txt{margin-bottom:20px;font-size:14px;width:auto}
.banner-txt .btn a{width:100px;height:34px;line-height:32px}
.mouse-down{bottom:15px}
.mouse-down .icon{margin-right:10px}
/*.banner{background:#0640c5 url('/static/images/banner1_bg.jpg')no-repeat; background-size: cover}*/
}
.footer{background-color:#282828;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.fd-hd{padding:56px 0 27px;border-bottom:1px solid #4a4a4a;overflow:hidden}
.fd-txt{float:left;width:320px;color:#8b8b8b}
.fd-txt h3{margin-bottom:30px;font-size:18px;font-weight:700}
.fd-txt .txt{font-size:12px;line-height:24px;overflow:hidden}
.fd-txt .txt h4{margin-bottom:1px;font-size:16px;font-weight:400}
.fd-txt .txt p{background-repeat:no-repeat;background-position:left top 3px;padding-left:22px;}
.fd-txt .txt a{color:#8b8b8b;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.fd-txt .txt a:hover{color:#00a0e9;text-decoration:underline}
.fd-share{margin-top:58px;float:right;width:320px;font-size:0;text-align:right}
.fd-share.bdshare-button-style0-16 a{padding:0;margin:0;float:none;display:inline-block;vertical-align:middle;width:24px;height:24px;margin-left:26px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.fd-share.bdshare-button-style0-16 .bds_qzone{background:url(../image/icon-qq.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.fd-share.bdshare-button-style0-16 .bds_weixin{background:url(../image/icon-wechat.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.fd-share.bdshare-button-style0-16 .bds_tsina{background:url(../image/icon-blog.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.fd-logo{font-size:0;text-align:center;overflow:hidden}
.fd-logo img{display:inline-block;vertical-align:middle}
.bd_weixin_popup{width:auto!important;height:auto!important}
.fd-copy{padding:10px 0;font-size:12px;color:#8b8b8b;line-height:20px;text-align:center}
.fd-copy a{color:#8b8b8b;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.fd-copy a:hover{color:#00a0e9;text-decoration:underline}
@media only screen and (max-width:959px){
.fd-share,.fd-txt{width:240px}
}
@media only screen and (max-width:767px){
.fd-hd{padding:30px 0}
.fd-share,.fd-txt{float:none;width:auto}
.fd-txt h3{margin-bottom:15px}
.fd-share{margin-top:20px;text-align:center}
.fd-share.bdshare-button-style0-16 a{margin:0 10px}
.fd-logo{display:none}
.fd-copy{padding:15px 0}
}
@font-face{font-family:BEBAS;src:url(../font/BEBAS.TTF)}
.bgcfa{background-color:#fafafa}
.tit-01{padding:42px 0;overflow:hidden}
.tit-01 h3{font-size:48px;color:#00a0e9;font-weight:700;text-align:center}
.tit-02{margin-bottom:34px;padding:20px 0;position:relative;font-size:0;overflow:hidden}
.tit-02:before{content:'';position:absolute;left:0;top:0;width:75px;height:2px;background-color:#00a0e9}
.tit-02 h3{padding-right:40px;display:inline-block;vertical-align:middle;font-size:36px;color:#00a0e9;line-height:1.1;position:relative}
.tit-02 h3:after{content:'';position:absolute;right:0;top:-10px;width:33px;height:31px;background:url(../image/about-i1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.tit-02 h3 span{display:block;font-size:16px;color:#999;font-weight:400;text-transform:uppercase}
.tit-03{margin:32px 160px 0 0;padding:32px 0;float:left;position:relative}
.tit-03:before{content:'';position:absolute;left:0;top:0;width:75px;height:2px;background-color:#00a0e9}
.tit-03 h3{font-size:36px;color:#00a0e9;line-height:1.1;font-weight:700}
.tit-03 h3 span{display:block;font-size:36px;color:#999;text-transform:uppercase;font-weight:400}
.row-ind1{padding:108px 0 122px;background-color:#f7f8fb;overflow:hidden}
.plan-slick{position:relative;overflow:hidden}
.plan-slick .slick-list{padding-bottom:30px}
.plan-slick .slick-slide>div{display:block;font-size:0}
.plan-slick .item{display:inline-block;vertical-align:top}
.plan-slick .con{padding:19px 60px 34px;margin:0 15px;display:block;border-radius:5px;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.plan-slick .hd{padding-top:24px;margin:0 auto 38px;width:122px;background:url(../image/bg-1.png) center top no-repeat;-webkit-background-size:100% 93%;background-size:100% 93%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.plan-slick .pic{margin:0 auto 5px;width:70px;height:70px;overflow:hidden}
.plan-slick .pic img{display:block;width:100%;height:100%}
.plan-slick h4{padding:0 15px;font-size:18px;color:#00a0e9;font-weight:400;text-align:center;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.plan-slick .txt{font-size:14px;color:#595f6f;line-height:18px;text-align:center;height:36px;overflow:hidden}
.plan-slick .more{margin:0 auto;display:block;width:203px;height:50px;line-height:50px;background-color:#f77d07;font-size:16px;color:#fff;text-align:center;border-radius:5px;opacity:0;height:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.plan-slick .con:hover{padding:30px 60px 50px;background-color:#fff;box-shadow:10px 10px 10px rgba(0,0,0,.05)}
.plan-slick .con:hover .hd{margin-bottom:24px}
.plan-slick .con:hover .pic{margin-bottom:8px}
.plan-slick .con:hover .more{margin-top:68px;opacity:1;height:50px}
.row-ind2{padding:108px 0 134px;background-repeat:no-repeat;background-position:right top;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-ind2 .tit-01{margin-bottom:6px}
.product-slick{padding-bottom:14px;position:relative;overflow:hidden}
.product-slick .slick-list{margin:0 -9px}
.product-slick .slick-slide>div{margin-bottom:17px;display:block;font-size:0}
.product-slick .con{padding:29px 0 18px;margin:0 9px;display:block;border:1px solid #d2d2d2;border-radius:5px;position:relative;overflow:hidden}
.product-slick .pic{margin-bottom:15px;height:134px;line-height:134px;font-size:0;text-align:center;overflow:hidden}
.product-slick .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.product-slick .txt{padding:0 24px}
.product-slick .txt h4{margin-bottom:4px;font-size:18px;color:#333;font-weight:700;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.product-slick .txt p{font-size:14px;color:#666;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.product-slick .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(21,142,198,.85);opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.product-slick .mask .icon{position:absolute;left:50%;top:50%;width:56px;height:56px;background:url(../image/i-1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.product-slick .con:hover .mask{opacity:1}
.plan-slick .slick-dots,.product-slick .slick-dots{position:absolute;left:0;bottom:0;right:0;font-size:0;text-align:center;z-index:2}
.plan-slick .slick-dots li,.product-slick .slick-dots li{margin:0 7.5px;display:inline-block;vertical-align:middle;width:14px;height:14px;background-color:#bfbfbf;border-radius:50%;cursor:pointer;overflow:hidden}
.product-slick .slick-dots li{margin:0 6px;width:12px;height:12px;background-color:#dcdcdc}
.plan-slick .slick-dots button,.product-slick .slick-dots button{outline:0;border:none;text-indent:-999px}
.plan-slick .slick-dots .slick-active,.product-slick .slick-dots .slick-active{background-color:#00a0e9}
.row-ind3{overflow:hidden}
.pic-01{float:left;width:35.1%;height:349px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.pic-01 img{display:block;width:100%;display:none}
.txt-01{padding-left:10.3%;height:349px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.list-02{margin-top:96px;width:86.4%;overflow:hidden}
.list-02 li{float:left;width:33.33%}
.list-02 .icon{margin-bottom:15px;display:block;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.list-02 .num{display:block;font-size:34px;color:#fffefe;line-height:1.4}
.list-02 h4{padding-bottom:17px;font-size:16px;color:#fff;font-weight:400;position:relative}
.list-02 h4:after{content:'';position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:#fff}
.row-ind4{padding:60px 0 114px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-ind4 .tit-01{margin-bottom:19px}
.list-03{padding-top:62.7%;position:relative;overflow:hidden}
.list-03 li{position:absolute;left:0;top:0;width:48%;overflow:hidden}
.list-03 .pic{padding-top:63.6%;position:relative;overflow:hidden}
.list-03 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-03 .mask{padding:18.3% 40px;position:absolute;left:0;top:0;width:100%}
.list-03 .mask h4{margin-bottom:18px;font-size:24px;color:#fff;font-weight:400}
.list-03 .mask .txt{padding-left:14px;font-size:14px;color:#fff;line-height:22px;position:relative}
.list-03 .mask .txt:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background-color:#fff}
.list-03 .list3-item_2{top:auto;bottom:0}
.list-03 .list3-item_3{left:auto;right:0;width:50.5%}
.list-03 .list3-item_3 .pic{padding-top:124.1%}
.list-03 .list3-item_3 .mask{padding:12% 40px}
.list-03 li:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.row-ind5{padding:60px 0 73px;background-color:#fff;overflow:hidden}
.list-04{margin:0 -15px;overflow:hidden}
.list-04 li{margin-bottom:30px;float:left;width:33.33%}
.list-04 .con{margin:0 15px;display:block;border-radius:5px;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .pic{padding-top:62%;position:relative;border-radius:5px;overflow:hidden}
.list-04 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .inner{padding:10px 0;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .date{margin-bottom:12px;display:block;font-size:12px;color:#666;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 h4{margin-bottom:14px;font-size:18px;color:#333;font-weight:700;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .txt{margin-bottom:15px;font-size:14px;color:#999;line-height:24px;height:48px;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .more{display:block;font-size:14px;color:#00a0e9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.list-04 .con:hover{background-color:#00a0e9}
.list-04 .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.list-04 .con:hover .inner{padding:10px 20px}
.list-04 .con:hover .date{color:#fff}
.list-04 .con:hover h4{color:#fff}
.list-04 .con:hover .txt{color:#fff}
.list-04 .con:hover .more{color:#fff}
.row-about1{padding:60px 0 35px;background-color:#fff;overflow:hidden}
.about01-pic{margin-left:146px;float:right;position:relative}
.about01-pic:before{content:'';position:absolute;left:-100px;top:148px;right:158px;bottom:-12px;background:url(../image/about-bg1.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.about01-pic:after{content:'';position:absolute;right:60px;bottom:-23px;width:39px;height:28px;background:url(../image/about-i2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.about01-pic .pic{width:470px;position:relative;overflow:hidden}
.about01-pic .pic img{display:block;width:100%}
.about01-pic .bd{margin-top:-74px;position:relative;font-size:0;text-align:center;z-index:2}
.about01-pic .bd .num{margin-right:14px;display:inline-block;vertical-align:bottom;font-size:138px;color:#fcac00;line-height:1.1;font-family:BEBAS}
.about01-pic .bd .txt{padding-bottom:2px;display:inline-block;vertical-align:bottom;font-size:18px;color:#333;line-height:1.33;width:100px;text-align:left}
.about01-txt{padding-top:2px;overflow:hidden}
.about01-txt h4{margin-bottom:50px;font-size:18px;color:#333;font-weight:400}
.about01-txt .txt{font-size:16px;color:#838383;line-height:1.88}
.row-about2{overflow:hidden}
.ab2-num{position:relative;z-index:2;overflow:hidden}
.row-about2 .list-02{width:auto;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;margin-right:-90px;padding:59px 0 68px;padding-left:184px}
.row-about2 .list-02 li{padding-right:90px}
.adv01{padding:290px 0 120px;margin-top:-177px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;position:relative;z-index:1}
.ad01-right{overflow:hidden}
.list-05{margin:0 -66px;font-size:0;text-align:center;overflow:hidden}
.list-05 li{padding:0 66px;margin-bottom:20px;display:inline-block;vertical-align:top;width:25%}
.list-05 .pic{margin:0 auto 18px;width:120px;height:120px;overflow:hidden}
.list-05 .pic img{display:block;width:100%;height:100%}
.list-05 h4{font-size:24px;color:#666;font-weight:400;text-align:center}
.row-about3{height:650px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-about3 .wp{height:100%;position:relative;overflow:hidden}
.about3-txt{padding-top:30px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../image/about3-bg2.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.about3-txt .top{margin-bottom:24px;padding:20px;padding-left:72px;overflow:hidden}
.about3-txt h4{margin-bottom:36px;padding:10px 0;font-size:18px;color:#fff;font-weight:400;text-transform:uppercase;position:relative}
.about3-txt h4:after{content:'';position:absolute;left:0;bottom:0;width:31px;height:2px;background-color:#80d0f4}
.about3-txt h3{font-size:36px;color:#fff;font-weight:700;line-height:1.67}
.about3-txt .bgT{margin-bottom:-12px;font-size:67px;color:rgba(255,255,255,.6);text-transform:uppercase;font-weight:700;line-height:1.2}
.about3-start{margin:-55.5px 0 0 -55.5px;position:absolute;left:50%;top:50%;width:111px;height:111px;background:url(../image/about3-i1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.about3-start:hover{-webkit-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-o-transform:scale(.9,.9);transform:scale(.9,.9)}
.m-pop{position:fixed;left:0;top:0;right:0;bottom:0;z-index:800;display:none}
.pop-bg{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1}
.video-pop{position:absolute;left:50%;top:50%;width:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.video-pop video{display:block;width:100%;height:100%}
.video-close{position:absolute;right:20px;top:20px;width:50px;height:50px;background:url(../image/close-i1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;cursor:pointer;z-index:3}
.plan01{margin-top:50px;padding:30px 58px 51px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.plan01 h3{margin-bottom:25px;font-size:36px;color:#fff;font-weight:700}
.plan01 .txt{font-size:16px;color:#fff;line-height:1.88}
@media only screen and (max-width:1199px){
.plan-slick .con,.plan-slick .con:hover{padding:25px 30px}
.plan-slick .con:hover .more{margin-top:40px}
.row-about2 .list-02{padding-left:14%}
.tit-03{margin-right:10%}
.list-05{margin:0 -10px}
.list-05 li{padding:0 10px}
.about01-pic .pic{width:400px}
}
@media only screen and (max-width:959px){
.wp{width:100%;padding:0 15px}
body{padding-top:45px}
.row-ind1{padding:60px 0}
.tit-01{padding:0;margin-bottom:30px}
.tit-01 h3{font-size:30px}
.plan-slick .con,.plan-slick .con:hover{padding:20px}
.plan-slick .con:hover .hd,.plan-slick .hd{margin-bottom:15px;width:100px}
.plan-slick .con:hover .pic,.plan-slick .pic{margin-bottom:5px;width:50px;height:50px}
.plan-slick h4{font-size:16px}
.plan-slick .con:hover .more,.plan-slick .more{margin-top:30px;width:80%;height:40px;line-height:40px;font-size:14px;opacity:1}
.plan-slick .slick-dots li,.product-slick .slick-dots li{margin:0 4px;width:10px;height:10px}
.row-ind2{padding:60px 0}
.row-ind2 .tit-01{margin-bottom:30px}
.product-slick .con{padding:20px 0 10px}
.product-slick .pic{margin-bottom:10px;height:100px;line-height:100px}
.product-slick .txt{padding:0 15px}
.product-slick .txt h4{font-size:16px}
.list-02{margin-top:40px;width:100%}
.list-02 .icon{margin-bottom:10px}
.list-02 .num{font-size:30px}
.pic-01,.txt-01{height:240px}
.txt-01{padding-left:9%}
.row-ind4{padding:60px 0}
.row-ind4 .tit-01{margin-bottom:30px}
.list-03 .mask{padding:12% 30px}
.list-03 .mask h4{margin-bottom:15px;font-size:20px}
.list-03 .list3-item_3 .mask{padding:8% 30px}
.row-ind5{padding:60px 0 40px}
.list-04{margin:0 -10px}
.list-04 li{margin-bottom:20px}
.list-04 .con{margin:0 10px}
.list-04 h4{font-size:16px}
.about01-pic{float:none;margin:0 146px 60px}
.row-about2 .list-02{padding:40px 0;padding-left:10%;margin:0}
.list-05 .pic{width:90px;height:90px}
.list-05 h4{font-size:20px}
.tit-03{margin-top:20px}
.tit-03 h3{font-size:28px}
.tit-03 h3 span{font-size:28px}
.tit-02 h3{font-size:28px}
.row-about1{padding:60px 0}
.tit-02{margin-bottom:30px}
.about01-txt h4{margin-bottom:30px}
.adv01{padding:250px 0 60px}
.row-about3{height:500px}
.about3-txt{left:15px}
.about3-txt .top{padding:15px;padding-left:40px}
.about3-txt h4{font-size:16px}
.about3-txt h3{font-size:28px}
.about3-txt .bgT{font-size:46px;margin-bottom:-8px}
.video-pop{width:70%}
.plan01 h3{margin-bottom:15px;font-size:28px}
}
@media only screen and (max-width:767px){
.row-ind1{padding:40px 0}
.tit-01{margin-bottom:20px}
.tit-01 h3{font-size:20px}
.plan-slick .con,.plan-slick .con:hover{margin:0 5px;padding:20px 5px}
.plan-slick .con:hover{box-shadow:5px 5px 5px rgba(0,0,0,.05)}
.plan-slick .con:hover .hd,.plan-slick .hd{width:100px;margin-bottom:15px}
.plan-slick .con:hover .pic{margin-bottom:5px}
.plan-slick h4{padding:0 5px}
.plan-slick .con:hover .more,.plan-slick .more{margin-top:20px;opacity:1;height:30px;line-height:30px;font-size:12px}
.product-slick .mask .icon{width:40px;height:40px}
.row-ind2{padding:40px 0}
.row-ind2 .tit-01{margin-bottom:20px}
.product-slick .slick-slide>div{margin-bottom:10px}
.product-slick .slick-list{margin:0 -4px}
.product-slick .con{margin:0 5px}
.product-slick .pic{height:80px;line-height:80px}
.pic-01,.txt-01{float:none;width:auto;height:auto}
.pic-01{background:0 0!important}
.pic-01 img{display:block}
.txt-01{padding:40px 15px}
.list-02{margin:0}
.list-02 li{padding:0 10px}
.list-02 .icon{margin:0 auto 10px;width:40px;height:40px}
.list-02 .num{margin-bottom:10px;font-size:24px;text-align:center}
.list-02 h4{padding-bottom:10px;text-align:center}
.list-02 h4:after{left:50%;margin-left:-25px}
.row-ind4{padding:40px 0 30px}
.row-ind4 .tit-01{margin-bottom:20px}
.list-03{padding:0}
.list-03 .list3-item_3,.list-03 li{position:relative;width:auto}
.list-03 li{margin-bottom:10px}
.list-03 .mask h4{margin-bottom:10px;font-size:18px}
.row-ind5{padding:40px 0 30px}
.list-04 li{margin-bottom:10px;width:100%}
.list-04 .con{background-color:#00a0e9}
.list-04 .con .inner{padding:10px 20px}
.list-04 .con .date,.list-04 .con .more,.list-04 .con .txt,.list-04 .con h4{color:#fff}
.row-about1{padding:40px 0}
.about01-pic{margin:0;margin-bottom:30px}
.about01-pic .pic{width:auto}
.about01-pic .bd{margin-top:-44px}
.about01-pic .bd .num{font-size:100px}
.about01-pic .bd .txt{font-size:14px}
.tit-02{margin-bottom:20px;padding:15px 0}
.tit-02 h3{font-size:20px}
.tit-02 h3 span{font-size:14px}
.about01-txt h4{margin-bottom:15px;font-size:16px}
.about01-txt .txt{font-size:14px}
.row-about2 .list-02{padding:20px 0}
.row-about2 .list-02 li{padding-right:0;padding:0 10px}
.row-about2 .list-02 li .num{font-size:20px}
.adv01{padding:220px 0 30px}
.tit-03{padding:15px 0;float:none;margin:0;margin-bottom:20px}
.tit-03 h3{font-size:20px}
.tit-03 h3 span{font-size:20px}
.list-05 .pic{margin-bottom:10px;width:50px;height:50px}
.list-05 h4{font-size:16px}
.row-about3{height:240px}
.about3-txt{padding-top:0;top:15px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);display:none}
.about3-txt .top{margin-bottom:0;padding:15px 30px}
.about3-txt h4{margin-bottom:10px}
.about3-txt h3{font-size:20px}
.about3-txt .bgT{font-size:30px;margin-bottom:-5px}
.about3-start{margin:-40px 0 0 -40px;width:80px;height:80px}
.plan01{margin-top:40px;padding:20px 15px}
.plan01 h3{font-size:20px}
.plan01 .txt{font-size:14px}
}