.banner1 .slick-dots,.wrap{margin:0 auto;width:100%;max-width:1492px}
.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:30px;height:39px;float:left}
.logo a{display:block}
.logo img{width:auto;height:100%;display:block;overflow:hidden}
.nav{margin-top:30px;float:right;overflow:hidden}
.nav li{margin-left:50px;float:left}
.nav .v1{font-size:14px;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(../images/icon-f01-on.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;font-weight:400}
.g-tit01 em{margin-bottom:12px;width:10px;height:2px;display:block;background:#9a9a9a}
.g-tit01 .desc{font-size:12px;color:#666;line-height:2}
.g-tit01 .g-more04{position:absolute;right:0;bottom:0}
.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:14px;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:#88c4ff}
.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:462px;margin-bottom:25px;font-size:12px;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 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}
@media screen and (min-width: 1024px) {.m-product .big .txt .desc{margin-bottom:40px;font-size:12px;line-height:1.67;width: 34%;}}
@media screen and (max-width: 1024px) {.m-product .big .txt .desc{margin-bottom:40px;font-size:12px;line-height:1.67;width: 84%;}}


.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:1%}
.row-f04-s{padding-bottom:52px}
.row-f04-s .g-tit01{margin-bottom:55px}
.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:35px;height:35px;background-position:center center;background-repeat:no-repeat}
.slick-z2 .item .mask2 .txt{background:#014589;color:#fff;text-align:center;padding-top:50px;border-bottom:4px solid #f84e0f;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}
.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(../images/j-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}
}
@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){
.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:15px}
.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%;-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}
}

@media screen and (min-width: 1024px) {.news-tab-wrap {padding:65px 0 57px;}}
@media screen and (max-width: 1024px) {.news-tab-wrap {padding:24px 0 4px;}}

.news-tab-wrap li {display:inline-block;margin-right:10px;}
.news-tab-wrap li a {
    display:block;
    width:150px;
    height:50px; margin-top:14px;
    font-size:14px;
    color:#666;
    line-height:50px;
    text-align:center;
    background:#fff;
    border-radius:25px;
    transition:all .4s ease-in-out;
}
.news-tab-wrap li.on a,.news-tab-wrap li a:hover {color:#fff;background:#f26228;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
}

.comAsk{float: left; width: 100%; padding-top: 42px;}
.comAskSearch{float: right; width: 532px; border: 1px solid #e7e7e7; padding: 0 68px 0 32px; position: relative;
 -webkit-border-radius:26px; 
    -moz-border-radius:26px;
         border-radius:26px;}
.comAskSearch input{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 14px; color: #333;}
.comAskSearch a{position: absolute; right: 0; top: 0; height: 50px; display: block; width: 68px; background: url(../images/ask01.png) no-repeat center;}
.comAsk ul{float: left; width: 100%; margin-top: 7px;}
.comAsk ul li{float: left; width: 100%; margin-top: 35px;}
.comAsk .comAskQue{float: left; width: 100%; padding: 11px 11px 11px 52px; background: #f3f3f3; font-size: 16px; color: #757575; line-height: 21px; position: relative; font-weight: bold;}
.comAsk .comAskQue::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask02.png) no-repeat; top: 11px; left: 11px;}
.comAsk .comAskAns{float: left; width: 100%; margin-top: 14px; padding:0 52px; font-size: 14px; color: #686868; line-height: 26px; position: relative; letter-spacing: 1px;}
.comAsk .comAskAns::before{position: absolute; content: ""; width: 21px; height: 21px; background: url(../images/ask03.png) no-repeat; top: 4px; left: 11px;}

@media  screen and (max-width:991px){
  .comAsk{padding-top: 35px;}
  .comAskSearch{width: 332px;padding: 0 48px 0 20px;}
  .comAskSearch input{line-height: 40px; height: 40px;}
  .comAskSearch a{height: 40px; width: 48px; background-size: 100%;}
  .comAsk ul{ margin-top: 0;}
}
@media  screen and (max-width:767px){
  .comAsk{padding-top: 20px;}
  .comAskSearch{width: 100%;}
  .comAsk ul {margin-top: 5px;}
  .comAsk ul li{margin-top: 15px;}
  .comAsk .comAskQue{padding: 8px 8px 8px 37px; font-size: 15px; }
  .comAsk .comAskQue::before{top: 8px; left: 8px;}
  .comAsk .comAskAns{margin-top: 10px; padding:0 15px 0 37px; font-size: 13px; line-height: 22px;}
  .comAsk .comAskAns::before{top: 4px; left: 8px;}
}