.banner1 .slick-dots,.wrap{margin:0 auto;width:94%;max-width:1600px}
.header{height:100px;position:fixed;top:0;left:0;right:0;z-index:200;background:#fff;-webkit-box-shadow:rgba(0,0,0,.3) 0 0 3px 0;box-shadow:rgba(0,0,0,.3) 0 0 3px 0}
.logo{margin-top:18px;height:61px;float:left}

.logo img{width:auto;height:100%;display:block;overflow:hidden}
.nav{margin-top:30px;float:right;overflow:inherit;}
.nav li{margin-left:50px;float:left;position: relative;}
.nav li .nnav{
	position: absolute;top:70px;left: 0;     overflow: hidden;height: auto; 
	transition:all 1s;transform:translateY(50px);opacity: 0;visibility: hidden;
}
.nav li:hover .nnav{transform:translateY(0px);opacity: 1;visibility: visible;}
.nav li .nnav li{margin: 0;width: 100%;}
.nav li .nnav li a{
    color: #333;
    height: 70px;
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    transition: color 0.6s;
    box-sizing: border-box;
    display: block;
    line-height: 70px;
    font-size: 20px;
    margin: 0;
    border-right: none;
    position: relative;
    padding: 0 20px;}
.nav li .nnav li a:before{
        content: "";
        position: absolute;
    z-index: 0;
    background: #0073bc;
    left: 0%;
    width: 0%;
    bottom: 0;
    height: 100%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    }
.nav li .nnav li a:hover:before{
        width: 100%;
    }
.nav li .nnav li a span{white-space: nowrap;margin: 0;font-size: 16px;color: #999;transition: all .3s;position:relative;z-index:10;}
.nav li .nnav li a:hover span{color: #fff;}
.nav .v1{font-size:18px;line-height:40px;color:#999;text-align:center;display:block;-webkit-transition:transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav .v1 span{opacity:1;text-transform:capitalize;display:block;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav .v1:after{content:attr(data-hover);color:#f26228;opacity:0;display:block;font-weight:700;text-transform:uppercase;-webkit-transition:opacity .3s;transition:opacity .3s}
.nav li.on .v1,.nav li:hover .v1{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.nav li.on .v1 span,.nav li:hover .v1 span{opacity:0}
.nav li.on .v1:after,.nav li:hover .v1:after{opacity:1}
.menuBtn{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
/*@font-face{font-family:Camila;src:url(../fonts/Camila-Bold.otf)}*/
.Camila{font-family:Camila;font-weight:700}
body,html{background:#eaeaea}




.g-more01{width:43px;height:43px;background:rgba(0,0,0,0);border:1px solid rgba(173,173,173,1);border-radius:50%;line-height:41px;text-align:center;display:block;background:url(../images/icon-f01.png) center center no-repeat}
.g-more01.more02{background-image:url(../images/icon-f02.png)}
.g-more02{width:36px;height:56px;display:block;background:url(../images/icon-f03.png) center center no-repeat}
.g-more03{font-size:12px;padding-right:32px;color:#fff;background:url(/img/p02.png) right center no-repeat;-webkit-background-size:18px auto;background-size:18px auto;display:inline-block}
.g-more03:hover{color:#fff}
.g-more04{padding-left:38px;height:25px;line-height:25px;background:url(../images/icon-f05.png) 0 center no-repeat;-webkit-background-size:26px auto;background-size:26px auto;font-size:12px;color:#666;display:block}
.g-more04:hover{color:#666}
.g-tit01{position:relative}
.g-tit01 .left{padding-right:100px}
.g-tit01 h2{margin-bottom:10px;font-size:25px;color:#111;line-height:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;font-weight:400}
.g-tit01 .Camila{margin-left: 20px;    font-weight: normal;}
.g-tit01 em{margin-bottom:12px;width:10px;height:2px;display:block;background:#9a9a9a}
.g-tit01 .desc{font-size:18px;color:#666;line-height:2}
.g-tit01 .g-more04{position:absolute;right:0;bottom:0}
.g-tit01 .newslist{overflow: hidden;margin-top: 20px;width: 50%;}
.g-tit01 .newslist li{width: 23%;margin-right: 2%;float: left;}
.g-tit01 .newslist li:last-child{margin-right: 0;}
.g-tit01 .newslist li a{display: block;    background: #f5f5f5;    color: #666;    padding: 10px 0;    text-align: center;font-size: 16px;    border-radius: 5px;transition:all 0.6s;}
.g-tit01 .newslist li:hover a{color: #fff;background: #014589;}
.g-tit01 .newslist li.on a{color: #fff;background: #014589;}
.banner1{position:relative}
.banner1 .line{position:absolute;top:0;bottom:6px;left:8.33%;z-index:100;display:block;border-left:1px solid #fff;opacity:.14}
.banner1 .line.s2{left:72.14%}
.banner1 .line.s3{left:81.3%}
.banner1 .line.s4{left:90.47%}
.banner1 .item{width:100vw;height:100vh;display:block;overflow:hidden;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
.banner1 .pic,.banner1 .pic img,.banner1 .video,.banner1 .video video{display:block;width:100%;height:100%;object-fit:fill}
.banner1 .cover{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.banner1 .cover .tit{margin-bottom:40px}
.banner1 .cover .tit h3{font-size:72px;line-height:1.5;color:#fff}
.banner1 .cover .desc{margin-bottom:70px;font-size:18px;color:#fff;line-height:23px}
.banner1 .cover .more{width:112px;height:40px;background:rgba(255,255,255,1);border-radius:20px;font-size:14px;color:rgba(51,51,51,1);line-height:40px;display:block;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banner1 .cover .more:hover{opacity:.8}
.banner1 .ban_ani{display:inline-block;position:relative;overflow:hidden}
.banner1 .animated .ani_bg1{animation:.4s ease-in-out .2s forwards ani_bg}
.banner1 .ani_txt1{transform:translateY(100%)}
.banner1 .animated .ani_txt1{animation:.4s ease-in-out .5s forwards ani_txt1}
.banner1 .item .tit1{font-size:24px;line-height:1.5em;font-weight:700;letter-spacing:2px;color:#fff;font-family:inherit}
.banner1 .c1{color:#014589}
.banner1 .txt1{text-align:center}
.banner1 .txt.txt1{text-align:left}
.banner1 .txt1 .en{margin-bottom:60px;display:block;font-size:0}
.banner1 .txt1 .word1{margin:0 5px}
.banner1 .txt1 .letter1{display:inline-block;vertical-align:middle;font-size:36px;line-height:2rem;font-weight:700;font-family:arial;color:#fff;letter-spacing:3px;background-color:#fff;visibility:hidden}
.banner1 .txt1 .animated.en{opacity:1!important}
.banner1 .txt1 .animated .letter1{animation:.5s forwards showletter}
.banner1 .txt1 .animated .letter1.char1{animation-delay:.1s}
.banner1 .txt1 .animated .letter1.char2{animation-delay:.2s}
.banner1 .txt1 .animated .letter1.char3{animation-delay:.3s}
.banner1 .txt1 .animated .letter1.char4{animation-delay:.4s}
.banner1 .txt1 .animated .letter1.char5{animation-delay:.5s}
.banner1 .txt1 .animated .letter1.char6{animation-delay:.6s}
.banner1 .txt1 .animated .letter1.char7{animation-delay:.7s}
.banner1 .txt1 .animated .letter1.char8{animation-delay:.8s}
.banner1 .txt1 .animated .letter1.char9{animation-delay:.9s}
.banner1 .txt1 .h3 .letter1{font-size:72px;line-height:1.5em}
@-webkit-keyframes showletter{
from{visibility:visible;background-color:rgba(255,255,255,1)}
to{visibility:visible;background-color:rgba(255,255,255,0)}
}
@-webkit-keyframes ani_txt1{
from{transform:translateY(100%)}
to{transform:translateY(0)}
}
@keyframes ani_txt1{
from{transform:translateY(100%)}
to{transform:translateY(0)}
}
.banner1 .slick-dots{position:absolute;bottom:110px;left:50%;right:0;text-align:left;z-index:3;font-size:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.banner1 .slick-dots li{display:inline-block;margin:0 7px}
.banner1 .slick-dots button{width:34px;height:4px;border-radius:2px;background:#fff;font-size:0;cursor:pointer;border:none;opacity:.28;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banner1 .slick-dots li.slick-active button{opacity:1;background:#fff}
.banner1 .banner-arrow{position:absolute;width:70px;height:70px;top:50%;margin-top:-35px;z-index:2;border:none;cursor:pointer;font-size:0}
.banner1 .ban-c1{position:absolute;left:0;top:0;width:100%;height:100%;background:0 0;z-index:1;border-radius:50%;opacity:0;-webkit-transition:background .5s,opacity .3s,transform .5s;-moz-transition:background .5s,opacity .3s,transform .5s;transition:background .5s,opacity .3s,transform .5s}
.banner1 .ban-c2{display:block;width:100%;height:100%;position:relative;z-index:2;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;-webkit-transition:background .5s,opacity .3s,transform .5s;-moz-transition:background .5s,opacity .3s,transform .5s;transition:background .5s,opacity .3s,transform .5s}
.banner1 .banner-prev{left:5%}
.banner1 .banner-next{right:5%}
.banner1 .banner-prev .ban-c2{background:url(../images/prev1.png) 0 center no-repeat;background-size:auto 100%}
.banner1 .banner-next .ban-c2{background:url(../images/next1.png) -70px center no-repeat;background-size:auto 100%}
.banner1 .banner-arrow:hover .ban-c1{opacity:1;background:#014589;animation:.5s ease-out forwards pulse}
.banner1 .banner-prev:hover .ban-c2{background-position:-70px center}
.banner1 .banner-next:hover .ban-c2{background-position:0 center}
@keyframes pulse{
from{transform:scale3d(.8,.8,.8)}
45%{transform:scale3d(1.4,1.4,1.4)}
to{transform:scale3d(1.15,1.15,1.15)}
}
.row-f01-s{padding-bottom:58px}
.m-contact1{margin-top:-5px;position:relative}
.m-contact1 .left,.m-contact1 .right{width:50%;float:left;background:#fff}
.m-contact1 .left{padding:200px 36px 162px;position:relative}
.m-contact1 .left .tip{width:207px;height:205px;line-height:205px;background:#f0f0f0;font-size:20px;color:#888;text-align:center;position:absolute;right:0;top:0}
.m-contact1 .left .tip span{display:inline-block;vertical-align:middle;line-height:60px;position:relative}
.m-contact1 .left .tip span:after,.m-contact1 .left .tip span:before{content:"";display:block;height:8px;border-left:1px solid #cdcdcd;position:absolute;left:50%;top:0}
.m-contact1 .left .tip span:after{top:auto;bottom:0}
.m-contact1 .about h3{margin-bottom:45px;font-size:25px;color:#111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-contact1 .about h4{margin-bottom:22px;font-size:16px;color:#333;font-weight:400}
.m-contact1 .about .desc{max-width:600px;margin-bottom:19px;font-size:14px;color:#666;line-height:1.92}
.m-contact1 .right{position:absolute;right:0;bottom:0}
.m-contact1 .txt{padding:0 40px}
.m-contact1 .top{padding:40px 0}
.m-contact1 .top h3{margin-bottom:10px;font-size:45px;color:#333}
.m-contact1 .top .desc{max-width:588px;margin-bottom:25px;font-size:14px;color:#838383;line-height:1.57}
.m-contact1 .bottom{border-top:1px solid #e3e3e3;overflow:hidden;font-size:14px;color:#666;line-height:56px}
.m-contact1 .bottom h3{font-size:14px;color:#666;font-weight:400;float:left}
.m-contact1 .pic{position:relative;overflow:hidden}
.m-contact1 .pic video{width: 100%;    height: auto;}
.m-contact1 .pic img{width:100%;height:auto;display:block}
.m-contact1 .bottom .g-more02{float:right}
.ani_bg,.ani_bg1{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:#014589}
.animated .ani_bg{animation:.3s ease-in-out .3s forwards ani_bg}
@-webkit-keyframes ani_bg{
from{top:0}
to{top:-120%}
}
@keyframes ani_bg{
from{top:0}
to{top:-120%}
}
.m-product,.m-product .item{position:relative}
.m-product .big .pic{padding-top:41.67%;position:relative;overflow:hidden}
.m-product .big .pic img{width:100%;height:100%;display:block;position:absolute;top:0}
.m-product .big .txt{position:absolute;top:18.1%;left:0;right:0;color:#fff}
.m-product .big .txt h3{margin-bottom:20px;font-size:50px}
.m-product .big .txt .desc{margin-bottom:40px;font-size:12px;line-height:1.67}
.m-product .pic-nav{height:130px;background:rgba(0,0,0,.5);position:absolute;bottom:0;left:0;right:0}
.ul-productNav li{width:20%;height:100%;float:left;position:relative}
.ul-productNav .con{min-height:100%;width:100%;position:absolute;bottom:0}
.row-f03-s{padding-top:40px;padding-bottom:100px}
.row-f03-s .g-tit01{margin-bottom:60px}
.m-product02{margin:0 -10px;overflow:hidden}
.m-product02 .left,.m-product02 .right{padding:0 10px;width:50%;float:left}
.m-product02 .item{position:relative;overflow:hidden}
.m-product02 .pic img{width:100%;height:auto;display:block}
.m-product02 .item .cover{width:100%;padding:0 40px;position:absolute;top:100px;color:#fff}
.m-product02 .item h3{margin-bottom:20px;font-size:24px;line-height:2;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-product02 .item .en{font-size:12px;line-height:2;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.m-product02 .right .item .cover{text-align:center;top:auto;bottom:110px}
.padding-t20{padding-top:2.4%}
.row-f04-s{padding-bottom:52px}
.row-f04-s .g-tit01{margin-bottom:55px}
.row-f05-s{padding-bottom:52px}
.partner.swiper-container{margin-top: 20px;}
.partner .swiper-slide{text-align: center;}
.partner .swiper-pagination-bullet-active{    background: #024689;}
.partner .swiper-button-prev, .partner .swiper-container-rtl .swiper-button-next{background-image: url(../images/left.png)}
.partner .swiper-button-next, .partner .swiper-container-rtl .swiper-button-prev{background-image: url(../images/right.png)}
.ul-newsList01{margin:0 -16px;overflow:hidden}
.ul-newsList01 li{margin-bottom:57px;padding:0 16px;width:33.333%;float:left}
.ul-newsList01 .inner{background:#fff}
.ul-newsList01 .pic{padding-top:56.09%;position:relative;overflow:hidden}
.ul-newsList01 .pic img{width:100%;height:100%;display:block;position:absolute;top:0;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.ul-newsList01 .pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ul-newsList01 .txt{padding:0 35px;overflow:hidden}
.ul-newsList01 .top{margin-bottom:33px;padding-top:24px;overflow:hidden}
.ul-newsList01 .top .date{margin-right:24px;padding-right:27px;width:87px;text-align:center;float:left;position:relative}
.ul-newsList01 .top .date:after{content:"";display:block;height:66px;border-left:1px solid #ececec;position:absolute;right:0;top:0}
.ul-newsList01 .top .date .day{font-size:48px;color:#333;line-height:1;font-weight:700}
.ul-newsList01 .top .date .year{font-size:12px;color:#b8b8b8;line-height:22px}
.ul-newsList01 .con{padding-right:18px;overflow:hidden}
.ul-newsList01 .top h3{margin-bottom:5px;height:48px;font-size:16px;line-height:24px;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ul-newsList01 .top h3 a{color:#000;display:block}
.ul-newsList01 .top .desc{height:20px;font-size:12px;line-height:20px;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ul-newsList01 .bottom{border-top:1px solid #e5e5e5;overflow:hidden;position:relative}
.ul-newsList01 .bottom h3{padding-right:40px;font-size:12px;line-height:70px;font-weight:400;color:#b8b8b8;float:left}
.ul-newsList01 .bottom .more{width:30px;height:30px;background:url(../images/icon-f04.png) center center no-repeat;display:block;position:absolute;top:50%;margin-top:-15px;right:0}
.header{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.header.on{background-color:#fff}
.header.on .menuBtn b{background-color:#000}
.menu-open .header.on .menuBtn b{background-color:#fff}
.m-product{overflow:hidden}
.slick-z2 .item{height:130px;position:relative;float:left;width:20%}
.slick-z2 .slick-list{overflow:visible}
.slick-z2 .item .mask2{position:absolute;bottom:-290%;left:0;width:100%;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.slick-z2 .item.on .mask2{bottom:0}
.slick-z2 .item .mask2 .pic{position:relative;padding-top:63.5%}
.slick-z2 .item .mask2 .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.slick-z2 .item .mask2 i{position:relative;z-index:9;display:block;margin:-38px auto;width:75px;height:75px;background-color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center center}
.slick-z2 .item .mask1{position:absolute;top:0;left:0;display:block;width:100%;height:100%;color:#fff;text-align:center;font-size:18px;padding-top:31px;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.slick-z2 .item.on .mask1{top:100%}
.slick-z2 .item .mask1 i{display:block;margin:0 auto 5px;width:48px;height:48px;background-position:center center;background-repeat:no-repeat}
.slick-z2 .item .mask2 .txt{background: linear-gradient(to right,#2951e6,#01ddfc);color:#fff;text-align:center;padding-top:50px;border-bottom:4px solid #de6d1b;padding-bottom:26px}
.slick-z2 .item .mask2 .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}
.slick-z2 .item .mask2 .txt .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:32px;margin-left:10px;margin-right:10px;}
.slick-z2 .item .mask2 .txt h3 a{color:#fff;font-size:20px}
.slick-z2 .item .mask2 .a-more{display:block;margin:0 auto;width:18px;height:10px;background:url(/img/p02.png) center center no-repeat}
.logo-pc{display:block}
.logo-m{display:none}
.menuBtn{display:none;position:fixed;top:20px;right:12px;width:30px;height:30px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:4px;background-color:#fff;margin:4px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:-5px 0 0;position:absolute;left:0;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.footer{padding:0 0 29px;background-color:#282828}
.fd-top{overflow:hidden;padding:48px 0 40px;border-bottom:1px solid #333;margin-bottom:47px}
.fd-nv a{font-weight:700;font-size:12px;line-height:2;letter-spacing:.2px;color:#7c7c7c;margin-right:42px}
.fd-top .mobile{float:left;color:#606466;font-size:14px;line-height:24px;padding-left:24px;background:url(../images/icon-mobile.png) no-repeat;margin-right:42px}
.fd-share{float:right}
.fd-share .bdsharebuttonbox a{width:26px;height:26px;background-position:0 0;margin-left:40px}
.fd-share .bdsharebuttonbox a.bds_weixin{background-image:url(../images/icon-weixin.png)}
.fd-share .bdsharebuttonbox a.bds_tsina{background-image:url(../images/icon-weibo.png)}
.copyright{font-size:12px;color:#7c7c7c;text-align:center}
.copyright a{color:#7c7c7c}
.fd-nv{float:left}
.fd-top .mobile:hover{background-position:left bottom 1px;color:#fff}
.fd-share .bdsharebuttonbox a.bds_weixin:hover{background-position:0 -27px}
.fd-share .bdsharebuttonbox a.bds_tsina:hover{background-position:center -26px}
.fd-nv a:hover{color:#fff}
@media only screen and (max-width:1500px){
.wrap{width:96%}
.banner1 .wrap{width:auto;padding:0 100px}
.banner1 .banner-prev{left:20px}
.banner1 .banner-next{right:20px}
.m-product .big .txt{top: 16%;}
.slick-z2 .item .mask2 .pic{    padding-top: 50%;}
.slick-z2 .item .mask2 .txt .info{margin-bottom: 12px;}
}
@media only screen and (max-width:1199px){
    .nav li {
        margin-left: 30px;
    }

.m-contact1 .right{float:none;width:auto;position:static;margin-top:-20px}
.m-contact1 .left{float:none;width:auto;padding:100px 20px 50px}
.row-f01-s{padding-bottom:30px}
.row-f03-s{padding:20px 0 30px}
.ul-newsList01 li{width:50%}
.fd-top{display:none}
.row-f04-s{padding-bottom:0}
.footer{padding:10px 0}
.banner1 .wrap{padding:0 40px}
.banner1 .banner-prev{left:10px}
.banner1 .banner-next{right:10px}
.banner1 .banner-arrow{width:40px;height:40px}
.banner1 .banner-next .ban-c2{background:url(../images/next1.png) -40px center no-repeat;background-size:auto 100%}
.banner1 .banner-prev:hover .ban-c2{background-position:-40px center}
.banner1 .txt1 .letter1{font-size:30px}
.banner1 .item .tit1{font-size:20px}
.banner1 .txt1 .en{margin-bottom:40px}
.banner1 .item .video{display:none}
.banner1 .slick-dots{left:0;bottom:100px;width:100%;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);text-align:center}
.m-contact1{margin-top:-60px}
.m-contact1 .top{padding-top:10px}
}
@media only screen and (max-width:959px){
.g-tit01 .left{padding-right: 0px;}
.g-tit01 .desc{    font-size: 14px;}
.g-tit01 .newslist li a{font-size: 14px;padding: 5px 0;}
.g-tit01 .newslist{width: 100%;}
.header{height:70px;line-height:70px;background:0 0;}
.nav{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);margin-top:0;z-index:-999;padding-top:40%;display:none}
.nav .v1{font-size:16px}
.nav li{float:none;width:100%;text-align:center;margin-left:0;height:40px;line-height:40px;overflow:hidden}
.nav li:nth-child(1){animation-delay:.1s}
.nav li:nth-child(2){animation-delay:.2s}
.nav li:nth-child(3){animation-delay:.3s}
.nav li:nth-child(4){animation-delay:.4s}
.nav li:nth-child(5){animation-delay:.5s}
.nav li:nth-child(6){animation-delay:.6s}
.nav li:nth-child(7){animation-delay:.7s}
.nav li:nth-child(8){animation-delay:.8s}
.nav li:nth-child(9){animation-delay:.9s}
.menu-open .nav li{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.logo{margin-top:4px}
.menuBtn{display:block}
.banner1 .cover .more{display:none}
.banner1 .cover .tit h3{font-size:40px;text-align:center}
.banner1 .cover .desc{margin-bottom:0;text-align:center}
.banner1 .cover .txt{text-align:center}
.banner1 .cover .tit{margin-bottom:20px}
.m-contact1 .txt{padding:0 15px}
.m-contact1 .top{padding:15px 0;position:relative}
.m-contact1 .top h3{font-size:26px}
.g-more01.more02{position:absolute;right:0;top:15px}
.m-contact1 .top .desc{margin-bottom:15px}
.m-contact1 .left .tip{width:140px;height:140px;line-height:140px}
.m-contact1 .left{padding:40px 15px 30px}
.slick-z2{display:none!important}
.m-product .pic-nav{display:none}
.banner1 .txt1 .h3 .letter1,.m-product .big .txt h3{font-size:30px}
.slick-z1{position:relative}
.slick-z1 .slick-dots{text-align:center;font-size:0;position:absolute;bottom:10px;left:0;width:100%}
.slick-z1 .slick-dots li{display:inline-block;position:relative;overflow:hidden;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 3px}
.slick-z1 .slick-dots li.slick-active{background:#fff}
.slick-z1 .slick-dots li button{position:absolute;left:-9999px}
.m-product02 .left,.m-product02 .right{float:none;width:auto;padding:0}
.m-product02{margin:0}
.m-product02 .item{margin-bottom:10px}
.m-product02 .padding-t20{padding-top:0}
.m-product02 .item .cover{padding:0 15px;top:50%;    text-align: center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.m-product02 .item h3{line-height:1.4;margin-bottom:5px}
.g-tit01 .g-more04{display:none}
.ul-newsList01 li{margin-bottom:20px}
.row-f03-s .g-tit01{margin-bottom:30px}
.g-tit01 h2{font-size:20px}
.row-f04-s .g-tit01{margin-bottom:20px}
.nav li .v1{color:#fff}
.logo-pc{display:none}
.header.on .logo-pc,.logo-m{display:block}
.header.on .logo-m{display:none}

}
@media only screen and (max-width:767px){
    .m-contact1{margin-top:-50px}
.ul-newsList01{margin:0}
.ul-newsList01 li{float:none;width:auto;padding:0}
.ul-newsList01 .txt{padding:0 15px}
.ul-newsList01 .top{padding-top:15px;margin-bottom:15px}
.ul-newsList01 .bottom h3{line-height:50px}
.ul-newsList01 .top .date .day{font-size:28px}
.ul-newsList01 .top h3{font-size:14px;line-height:1.2;height:2.4em}
.ul-newsList01 .top .date{margin-right:16px;padding-right:16px;width:70px;padding-top:10px}
.m-product .big .pic{padding-top:0;height:280px}
.m-product .big .txt h3{font-size:26px;margin-bottom:10px}
.banner1 .txt1 .h3 .letter1{font-size:20px}
.banner1 .cover .desc{font-size:12px}
.m-product .big .txt .desc{margin-bottom:10px}
.banner1 .cover .tit h3{font-size:28px}
.row-f04-s{padding-bottom:10px}
.g-more01{width:30px;height:30px}
.banner1 .txt1 .letter1{font-size:17px;letter-spacing:1px}
.banner1 .txt1 .word1{margin:0 2px;white-space:nowrap}
.banner1 .item .tit1{font-size:16px}
.banner1 .txt1 .en{margin-bottom:20px}
.banner1 .cover{top:35%}
.banner1 .banner-arrow{display:none}
.banner1 .wrap{padding:0 20px}
.banner1 .slick-dots button{width:30px;height:3px}
.banner1 .slick-dots{bottom:80px}
}
@media only screen and (max-width:479px){
.m-contact1 .left .tip{width:100px;height:100px;line-height:100px;font-size:14px}
.m-contact1 .about h4{font-size:12px;margin-bottom:10px}
.m-contact1 .about h3{margin-bottom:8px}
}