*{margin: 0;padding: 0;box-sizing: border-box}
ul,ol{list-style: none;}
a{text-decoration: none}
input{border: none}

.header{position: relative;z-index:5;width:100%;background: #fff;}
.header .logo{height:90px;line-height:90px;}
.header nav ul li{position:relative;float:left;margin:0 30px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:90px}
.header nav ul li:hover a{ color:#df0808;}
.header nav ul li a.layui-this-moren{ color:#df0808;}
.header nav ul li>a{position:relative;height:90px;line-height:90px;color:#333;font-size:16px;display: inline-block;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#df0808;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;z-index:1;top:150px;left:50%;width:160px;color:#fff;background:rgba(0,0,0,.3);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#fff;}
.header nav ul li .sub-nav a:hover{background:rgba(231, 56, 56, 0.8); color:#fff;}
.header .language{color:#fff;line-height: 90px;padding-left: 140px;font-size: 16px;}
.header .language em{height:90px;line-height:90px;cursor:pointer;padding-right:15px}
.header .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header .language ul{z-index:1;width:100%;top:90px;left:50%;background:rgba(255,255,255,.1);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul li a{height:30px;line-height:30px;border-bottom:1px solid rgba(255,255,255,.5) ;background: rgba(0,0,0,.4);}
.header .language ul li a:hover{text-decoration:underline; color:#df0808;}
.inftfl a{color:#fff}
  .file {
            position: relative;
            display: inline-block;
            background: #D0EEFF;
            border: 1px solid #99D3F5;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }
        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }
        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }
    </style>


.header nav ul li .hdbt{width: 1200px;position: absolute;left: 0;}

.nfr_box img{display:block;margin:0 auto}

.layui-container1{width: 1600px;}
.dn{display: none}

.zizhiny {padding-top:20px;}
.zizhiny .honorimg {width:320px;height:210px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #dddddd;padding:10px;}
.zizhiny .honorimg img {height:100%;width:auto; }
.zizhiny li {display:block;text-align:center}
.zizhiny li p {padding:20px;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zizhiny li:hover p {color:#0093dd;}

/*海报区域*/
.banner{  width:100%; display: none!important;}
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{ background: none; outline: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; outline: none;font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:30px; height: 5px; opacity: 1; background: #fff; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:30px;background: #df0808 }

.ind_newx{margin: 60px 0;}

.ind_nsfl h1{font-size: 30px;font-weight: bold;color: #666;padding: 30px 0 10px 0;}
.ind_nsfl span{font-size: 18px;font-weight: bold;color: #666;}
.ind_nsfl a{display: block;}
.ind_nsfl h3 {font-size: 20px;font-weight: bold;color: #666;padding: 20px 0 15px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ind_nsfl p {font-size:14px; color: #666; line-height: 25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ind_nsfl:hover a h3{color: #df0808;}
.ind_nsfl i{display: block;height:5px;background: #d4d4d4;margin-top: 40px;}

.in1_topdy{ background: #fff; }
.in1_topdy .intpfr{ overflow: hidden;    }
.in1_topdy .intpfl{ color: #333; overflow: hidden;padding-bottom: 25px;}
.in1_topdy .intpfl span{ font-size: 22px; font-weight: bold;;color: #df0808; }
.in1_topdy .intpfl a{ float: right; }
.scre li h3{font-size: 16px;color: #666;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.scre li p{font-size: 14px;color: #666;padding-top: 10px;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.scre li a{display: block;}
.scre li{margin-bottom: 25px;}
.scre li:hover h3{color: #df0808;}
.ind_nscn{ padding :0 40px;}




.ind_pro{padding: 60px 0 80px 0;background: #ededed;}
.indp_box li .ind_pimg{overflow: hidden;}
.indp_box li img{transition: 1s;}
.indp_box li:hover img{transform: scale(1.3);}

.indp_box li .ind_ptxt{ padding: 20px;background: #fff;}
.indp_box li .ind_ptxt h3{font-size: 20px;font-weight: bold;text-align: center;color: #666;}
.indp_box li .ind_ptxt p{font-size:14px; text-align: center;color: #666;padding-top: 5px;}
.indp_box li:hover h3{color: #df0808;}

footer{background: #181818;padding: 30px 0;overflow: hidden;}
.inftfl .inftltop{position: relative;}
.inftfl .inftltop::after{display: block;clear: both;content: "";width: 3px;height: 40px;background: #fff;position: absolute;left: 0 ;top: 5px; }
.inftfl .inftltop h2{font-size: 20px; color: #fff;padding-left: 10px;}
.inftfl .inftltop span{font-size: 16px; color: #fff;padding-left: 10px}
.inftfl  p{font-size: 14px;color: #aeaeae;line-height: 24px;padding-top: 20px;}
.inftfl {float: left;}
.inftfr {float: right;}
.inftfr p{font-size: 14px;color: #fff;line-height: 24px;padding-top: 10px; }





.ly-nr {border-bottom:1px solid #eaeaea;}
.fly-panel-title {position:relative;height:70px;line-height:70px;color:#333;font-size:18px;}
.fly-panel-title .nbiao {color:#333;font-size:16px;position: absolute;right: 0;top: 0;}
.fly-panel-main {padding:10px 15px;}
.fly-filter a {padding:0 5px;color:#333;}
.fly-filter a:hover {color:#df0808;}
.fly-panel-title .layui-hide-xs a:last-child {color:#df0808;}
.fly-filter img {margin-top:-4px;}
.fly-filter .fly-mid {margin:0 8px;}
.fly-filter-right {position:absolute;left:0;top:0;}
.fly-filter-right p {padding:0 13px;display:inline-block;}
.fly-filter-right a {color:#333;font-size:16px;padding:0;position:relative;display:inline-block;height:70px;line-height:70px;}
.fly-filter-right p:last-child {padding-right:0;}
.fly-filter-right  a.layui-this-moren {color:#df0808;border-bottom:3px solid #df0808;}
.fly-filter-right  a:after {content:"";width:0;height:3px;background:#df0808;position:absolute;top:94%;left:50%;transition:all .8s;}
.fly-filter-right  a.layui-this-moren:after {content:"";width:0;height:3px;background:#df0808;position:absolute;top:100%;left:50%;transition:all .8s;}
.fly-filter-right  a:hover:after {left:0%;width:100%;}
.fly-filter  .layui-this-moren {color:#df0808;}



.n_about{margin: 80px 0;}
.n_abo h3{font-size: 30px;color: #df0808;}
.n_abo h4{font-size: 40px;color: #666;padding: 10px 0 20px 0;}

.join1 h3{font-size: 24px;}
.join1 h4{font-size: 24px;padding-bottom: 30px;}
.join1 span{font-size: 16px;color: #666;font-weight: bold;}
.join1 p{line-height: 32px;color: #666;font-size: 16px;padding: 5px 0;}
.join1 h5{ color: #df0808;font-size: 16px;padding-top: 20px;}

.join_l{padding-top: 20px;}


.join_l .ceng{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 1; display: none;}
.join_l .closes{width:24px; height: 24px; background: #fff; color: #333; text-align: center; line-height: 24px;font-size: 35px; cursor: pointer;position:absolute;right:20px;top: 8px;}
.join_l .shipin{width:50%;overflow-y: auto;overflow-x:hidden;height: 700px;padding:50px  40px;  background: #fff; position:fixed; left: 50%;  top: 50%;  transform: translate(-50%,-50%);  display: none; z-index: 3;}
.join_l .shipin h4{font-size: 20px;line-height: 30px; }
.join_l .shipin p {font-size: 16px;line-height: 30px; margin : 30px 0;}

.join_l .jontop span{font-size: 12px;}
.join_l .jontop  h2{font-size: 16px;padding-top: 5px ;}
.join_l .jontop  h4{font-size: 14px;}
.join_l .jontop  p{font-size: 14px;color: #666;line-height: 28px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.join_l li{padding: 30px 20px; border: 1px solid #ccc;margin-left: -1px;margin-top: -1px;cursor: pointer;}
.join_l li:hover .jontop h2{color: #df0808;}
.join_l li:hover{ box-shadow:0 0 2px 2px rgba(0,0,0,.1);}

.sqcw{width: 120px;line-height: 40px;background:#df0808;text-align: center;color: #fff;border-radius: 10px;margin-top: 30px;display:block}

.wid6{padding-right: 10%;margin-bottom: 10px;}
.wid4{padding-left: 10%;}
.wid2{text-align: center;padding-top: 20px;}
.jiin h4{font-size: 18px;padding-left: 3%;}
.jiin hr{margin-bottom: 50px;}



.contact .coctfl{position: relative;}
.contact .coctfl::after{width: 1px; height: 180px;position: absolute;right: 0;top: 0; background: #ccc;display: block;clear: both;content: "";}
.contact .coctfl h3{font-size: 24px;font-weight: bold;color: #df0808;padding-bottom: 15px;}
.contact .coctfl img{margin-right: 5px;}
.contact .coctfl p{font-size: 15px; color: #666;line-height: 30px;}
.contact .coctfr{padding-left: 8%;}
.contact .coctfr img{margin-right: 15px;}
.contact .coctfr p{font-size: 15px; color: #666;line-height: 30px;padding: 15px 0 10px 0;}
.contact .coctfr h4{font-size: 18px;color: #333;}



.hist{ background: #f6f9ff;padding: 80px 0; margin: 0;}
.history-bg { background: url(../images/history-bg.jpg) no-repeat right bottom; padding-bottom: 100px; width: 100%; padding-top: 40px; overflow:hidden;}
.historybox {width: 100%;margin: 0 auto;background: url(../images/hbox-bg.jpg) repeat-y center center;overflow: hidden;}
.historybox li { width: 606px; padding-bottom: 40px; position: relative; margin-bottom: 15px; }
.historybox .hl { float: left; text-align: right; }
.historybox .hr { float: right; }
.hr .historycont { padding-left: 50px; }
.hl .historycont { padding-right: 55px; }
.historybox li h4 { color: #0048a3; font-family: "ocrb10n-webfont"; font-size: 36px; letter-spacing: -3px; margin-bottom: 10px; padding-top: 15px; }
.historybox li p { padding-left: 6px; }
i.hs-point { display: block; width: 74px; height: 74px; background: url(../images/point1.png) no-repeat; position: absolute; top: 0; -webkit-transition: all .3s; transition: all .3s; }
.hr i.hs-point { left: -32px; }
.hl i.hs-point { right: -32px; }
a.btn-ajax { display: block; width: 79px; height: 79px; background: url(../images/icon-ajax.png) no-repeat; margin: 40px auto 40px; }
.historybox li:hover i.hs-point { background: url(../images/point2.png) no-repeat; }


.wenhua .whq1{background: url(../images/wh1.jpg) no-repeat;height: 401px;}
.wenhua .whq2{background: url(../images/wh2.jpg) no-repeat;height: 401px;}
.wenhua .whq3{background: url(../images/wh3.jpg)  ;height: 401px;}
.container1560{width: 1560px;margin:0 auto;}
.whbox1{overflow: hidden;width: 540px;margin: 0 auto;padding-top:20px;}
.whbox1 li{float: left;margin-right: 4px;}
.whbox2{overflow: hidden;width: 660px;margin: 0 auto;padding-left: 126px;margin-top: -33px;}
.whbox2 li{float: left;margin-right: 4px;}
.wenhua .whtit h3{font-size: 26px;font-weight: bold;text-align: center;padding: 30px 0 1px 0;}
.wenhua .whtit p{font-size: 20px; text-align: center; }

.whbox1 .whceng{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 9999; display: none;}
.whbox1 .whcloses{width:24px; height: 24px; background: #fff; color: #333; text-align: center; line-height: 24px;font-size: 35px; cursor: pointer;position:absolute;right:20px;top: 8px;}
.whbox1 .whcon{width:50%;overflow-y: auto;overflow-x:hidden;height: 400px;padding:50px  40px;  background: #fff; position:fixed; left: 50%;  top: 50%;  transform: translate(-50%,-50%);  display: none; z-index: 99999;}
.whbox1 .whcon h4{font-size: 20px;line-height: 30px; }
.whbox1 .whcon p {font-size: 16px;line-height: 30px; margin : 30px 0;}
.whbox1 .whcon h4 i{color: #ebebeb;font-size: 18px;}
.whbox1 .whcon h4 span{font-size: 24px;}

.whbox2 .whceng2{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 9999; display: none;}
.whbox2 .whcloses2{width:24px; height: 24px; background: #fff; color: #333; text-align: center; line-height: 24px;font-size: 35px; cursor: pointer;position:absolute;right:20px;top: 8px;}
.whbox2 .whcon2{width:50%;overflow-y: auto;overflow-x:hidden;height: 400px;padding:50px  40px;  background: #fff; position:fixed; left: 50%;  top: 50%;  transform: translate(-50%,-50%);  display: none; z-index: 99999;}
.whbox2 .whcon2 h4{font-size: 20px;line-height: 30px; }
.whbox2 .whcon2 p {font-size: 16px;line-height: 30px; margin : 30px 0;}
.whbox2 .whcon2 h4 i{color: #ebebeb;font-size: 18px;}
.whbox2 .whcon2 h4 span{font-size: 24px;}

 
.video_box{padding-top: 10px}
.video_box li {margin-bottom: 30px;}
.video_box li a {position: relative;display: block}
.video_box em{display:block;position:absolute;background: rgba(0, 0, 0, 0);  top:0; right:0;bottom:0;left:0; }
.video_box li:hover em{opacity: 1;background: rgba(0, 0, 0, 0.6);background-image:url(../images/sp_hei.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;}
.video_box li p{padding-top: 20px;text-align: center;}
.video_box li img{width: 100%;background: rgba(0, 0, 0, 0.3); }
.sptit{text-align: center;padding:75px 0 30px 0;display: block;}

.news_box{    overflow: hidden; background: #e6edf7;}
.news_con{margin-top: 50px;}
.news_fl .n_fltit{background: #d8e0ee;padding: 50px 50px 50px 0;}
.news_fl{background: #e6edf7;min-height: 400px;}
.news_fl .n_fltit h3{font-size: 30px;font-weight: bold;text-align: right;color: #003894;}
.news_fl .n_fltit h4{font-size: 30px; text-align: right;color: #adbad0;}
.news_fl .nstact {text-align: center;}
.news_fl .nstact {padding-top: 20px;}
.news_fl .nstact h2{color: #333;font-size: 26px;padding: 15px 0;}
.news_fl .nstact p{color: #333;font-size: 14px;padding-bottom: 20px;}
.news_fl .nstact a{display: block;width: 100px;line-height: 35px;margin: auto; text-align: center;color: #fff; background: #00b0af;border-radius: 25px;}
.news_fr {background: #f6f9ff;padding: 40px ;min-height: 800px;}
.news_fr .ne_frul li span{font-size: 15px;    font-weight: bold;color: #666;font-family: 微软雅黑;}
.news_fr .ne_frul li h3{font-size: 16px;font-weight: bold;color: #333;padding: 10px 0 8px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_fr .ne_frul li p{font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news_fr .ne_frul li:hover h3{color: #00b0af;}
.news_fr .ne_frul li{padding: 20px; border-bottom: 1px solid #ccc;margin-bottom: 10px;}
/* .news_fr .ne_frul li:hover{border: 3px solid #ccc;} */
.news_fr .ne_frul li a{display: block;}




.news_fl .nfl_box{padding: 55px 70px 30px 30px;}
.news_fl .nfl_box h5{font-size: 16px;font-weight: bold;color: #333;padding-bottom: 5px;}
.news_fl .nfl_box h4{font-size: 16px;font-weight: bold;color: #333;}
.news_fl .nfl_ul{padding: 0px 70px 50px 30px;}
.news_fl .nfl_ul li{margin-bottom: 30px;}
.news_fl .nfl_ul li span{font-size: 15px;font-weight: bold;color: #666;}
.news_fl .nfl_ul li h3{font-size: 16px;font-weight: bold;color: #333;padding: 10px 0 8px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_fl .nfl_ul li p{font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.news_fl .nfl_ul li:hover h3{color: #00b0af;}
.news_fr .nfr_tit h3{font-size: 20px;font-weight: bold;}
.news_fr .nfr_tit span{font-size: 15px;font-weight: bold;color: #00b0af;padding: 10px 0 5px 0;display: block;}
.news_fr .nfr_tit p{color: #666;}


 .picSlideWr{position:relative; height:497px; overflow:hidden; margin-bottom: 40px;}
 .picSlideWr .bd li{float:left; margin-right: 9px; height:497px; width:709px;}
 .picSlideWr .pon_box{position:absolute; right:0; top:0; z-index: 5; height:497px; width:482px; background:url("../images/opacity_bg.png");}
 .picSlideWr .pon_box .next{position:absolute; left:50%; top:50%; margin:-34px 0 0 -34px; width:68px; height:68px; background:url("../images/next.png") no-repeat center;}
.zl_box h3{font-size: 24px;text-align: center; padding-bottom: 30px;}
.zl_box h4{font-size: 18px; color: #333;padding: 5px 0;  }
.zl_box h5{font-size: 16px; color: #666;padding: 5px 0;  }
.zl_box  p{font-size: 14px; color: #666;padding: 5px 0;  }
.djds{background: url(../images/zbg.png);}
.zl_sn{background: url(../images/zl.png) ; padding: 140px 0;}
.zl_con {position: relative;background: url(../images/zl2.png) no-repeat center;width: 433px;height: 433px;margin: auto;}
.zl_con .zl_b1 {width: 115px;height: 115px;text-align: center; position: absolute; background: #34a7e8;border: 3px solid rgba(213, 247, 255, 0.5);border-radius: 50%;   padding: 20px 0; }
.zl_con a{display: block;}
.zl_con .zlsp p{color: #fff;padding-top: 10px;font-size: 14px;font-weight: bold;}
.zl_con .zl_1{left: 50%;top: -65px; transform: translate(-50%,0);}
.zl_con .zl_bce {width: 185px;height: 185px;text-align: center;position: absolute; background: #34a7e8;border: 6px solid rgba(213, 247, 255, 0.5);border-radius: 50%; padding: 40px 0;   }
.zl_con .zl_ce{left: 50%;top: 125px; transform: translate(-50%,0);}
.zl_con .zl_2{left:-4%;top: 9px;  }
.zl_con .zl_3{left:77%;top: 9px;  }
.zl_con .zl_4{left:-15%;top: 175px;  }
.zl_con .zl_5{left: 87%;top: 175px;  }

.zl_con .zl_6{left:  9%;top: 350px;  }
.zl_con .zl_7{left: 63%;top: 350px;  }
.zl_con .zl_b1:hover img{ transform: rotateY(360deg);}
.zl_con .zl_b1  img{ transition: 1s;}
.zl_con .zl_bce  img{ transition: 1s;}
.zl_con .zl_bce:hover img{ transform: rotateY(360deg);}


@media(max-width:1560px){
.container1560{width: 100%;}
 
}

@media(max-width:1366px){
  .hr i.hs-point{left: 0;}
  .hl i.hs-point{right: 0;}
  .hr .historycont{padding-left: 100px;}
  .hl .historycont{padding-right: 100px;}
.header nav ul li{margin: 0 20px;}
.header .language{padding-left: 20px;}
.picSlideWr .pon_box{width: 422px;}
}




@media(max-width:1200px){
  .historybox li{width: 100%;}
  .historybox li h4{padding-top: 0;}
  .hl i.hs-point{left: 0;}
  .historybox .hl{text-align: left;}
  .hl .historycont{padding-left: 100px;padding-right:  0px;}
  .historybox {   background: url(../images/hbox-bg.jpg) repeat-y left;background-position-x: 35px; }
  .picSlideWr .pon_box{width: 222px;}
.header nav ul li{margin: 0 10px;}

.banner{  display: block!important;}
#slide{display: none!important;}
}
@media(max-width:1024px){

.news_box .news_fl {display: none;}
.header nav ul li{margin: 0 10px;}
.header .logo img{
height: 60px;
}


.header nav ul li>a {
font-size: 16px;
}	

.abny .abnyfr p{line-height: 22px;margin-bottom: 15px;text-indent: 2em;}
.abny .abnyfr{padding-left: 30px;}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}


} 

@media(max-width:993px){
.header .language{display: none;}
.header .logo{display: none;}
.header .clearfix{margin-right: 80px;}
}

@media(max-width:768px){

.header-m{display:block!important;z-index:999;position:fixed;left:0;top:-1px;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header-m .logo img{max-height:45px; max-width:none;}
.header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active::before{height:0}
.header-m .nav>li.active>a{color:#fff;background:#df0808;}
.header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
.header{display:none}

.main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer; }
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#df0808;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(236, 59, 59, 0.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
.ly-nr{display: none;}
.ind_nscn{padding: 0;}
.ind_nsfl h1{padding: 10px 0;}
.ind_nscn {padding-top: 30px;}
.banner{padding-top: 70px;}
.n_banner{padding-top: 70px;}
.n_about{margin: 30px 0;}
.picSlideWr .pon_box{width: 80px;}
}
@media(max-width:767px){
.ind_newx{margin: 30px 0;}
.ind_pro{padding: 30px 0;}
.inftfl{float: none;}
.inftfr{float: none;text-align: center;padding-top: 20px;}
.n_abo h3{font-size: 24px;}
.n_abo h4{font-size: 24px;}
.join_l .shipin{width: 80%;height:70%;}
.join_l .shipin p{margin: 20px 0;font-size: 14px;}
.join_l .shipin{padding: 20px;}
.wid2{text-align: left;padding-top: 20px;}
.contact .coctfr{padding-left: 0;padding-top: 20px;}
.contact .coctfl::after{display: none;}
.hist{padding: 20px 0;}
.history-bg{padding-top: 0;}
.whbox1{width: 100%;}
.whbox2{width: 100%;padding-left: 0;margin-top: 20px;}
.wenhua .whq3{height: auto;}
.whbox1 li{width: 49%;margin-right: 0;text-align: center;margin-bottom: 10px;}
.whbox2 li{width: 49%;margin-right: 0;text-align: center;margin-bottom: 10px;}
.wenhua .whq1{display: none;}
.wenhua .whq2{display: none;}
.whbox1 .whcon{width: 80%;height:70%;}
.whbox1 .whcon p{margin: 20px 0;font-size: 14px;}
.whbox1 .whcon{padding: 20px;}
.whbox2 .whcon2{width: 80%;height:70%;}
.whbox2 .whcon2 p{margin: 20px 0;font-size: 14px;}
.whbox2 .whcon2{padding: 20px;}
.news_fr{padding: 10px;}
.news_fr .ne_frul li{padding: 10px;}
.news_con{margin-top: 30px;}
 .zl_sn{padding: 30px 0;}
.zl_con{width: 100%;height: auto;padding: 30px 0;}
.zl_con .zl_ce{position: initial;transform:none;margin: auto;margin-bottom: 20px;}
.zl_con .zl_b1 {position: initial;margin-bottom: 20px; transform:none ;width: 50%;margin: auto; text-align: center;width: 185px;height: 185px;padding: 50px 0;text-align: center;}
}