* {padding:0;margin:0;transition:all  300ms;-webkit-transition:all  300ms;-moz-transition:all  300ms;-o-transition:all  300ms;}
body {width:100%; border: 0 none; background:#fff; font-family:Microsoft Yahei;font-size:62.5%; color:#333;-webkit-text-size-adjust:none;}
table{border-collapse:collapse; border-spacing:0;}
ul {list-style:none; border:none;}
hr{border:none; background:#5ac5fe; width:100%; margin:0 auto; height:2px;}
a{text-decoration: none; outline:none;}
.cl {clear:both;}
.fl{float:left;}
.fr{float:right;}
.pa_rt{padding-right:64px;}
.in_pd{padding:60px 0;}
.pd_btm{padding-bottom:80px;}
.pd{padding-top:25px;}
a{transition:all  300ms;-webkit-transition:all  300ms;-moz-transition:all  300ms;-o-transition:all  300ms;}
a:hover{transition:all  300ms;-webkit-transition:all  300ms;-moz-transition:all  300ms;-o-transition:all  300ms;}
.a_fff a{color:#fff;}
.a_fff a:hover{color:#fff;}
.a_333 a{color:#333;}
.a_333 a:hover{color:#182b62;}
.img_blk{display:block;}
img{ border: 0 none;}
textarea,input{font-family:Arial; font-size:14px;}
.head{background:#fff; position:relative;}
.logo{padding:15px 0;}
.pc_nav ul li{font-size:1.4em; float:left; margin-right:28px; position:relative;}
.pc_nav ul li a{color:#182b62; display:block; padding-bottom:20px;}
.pc_nav ul li:hover{background:url(img/nav_on.png) no-repeat center bottom;}
.nav_lei{display:none; position:absolute; padding:10px 0; top:37px; left:0; z-index:100; text-align:left; width:290px; background:rgba(24,43,98,0.5);}
.pc_nav ul li:hover .nav_lei{display:block;}
.pc_nav ul li .nav_lei a{display:block; font-size:14px; line-height:34px; padding:0; color:#fff; padding-left:40px;}
.pc_nav ul li .nav_lei a:hover{background:url(img/sj.png) no-repeat left center;}
.lang{position:absolute; right:0; top:50%; margin-top:-10px; z-index:1000;}
.lang_on{font-size:1.4em; position:relative; font-weight:bold; color:#182b62; height:20px; cursor:pointer; background:url(img/xia.png) no-repeat top right; padding-right:15px;}
.lang_on img{float:left; padding-right:5px;}
.vd_banner{position:relative; background:#000; overflow:hidden;}
#video-full{position:absolute; top:-30px; left:0; right:0; bottom:0; min-width:100%; min-height:100%; height:auto; width:auto; opacity:0.9;}
.vd_icon{position:absolute; left:0; right:0; margin:0 auto; z-index:100;}
.vd_icon a{display:block; border:3px solid #fff; border-radius:5px; color:#fff; position:relative; overflow:hidden; font-size:2.4em; width:100px; height:100px; float:left; line-height:100px; text-align:center; font-weight:700;}
.vd_icon a span{position:absolute; left:0; right:0; top:0; bottom:0; display:block; text-align:center; opacity:0;}
.vd_icon a:hover span{ opacity:1;}
.vd_i1{background-image:url(img/bn_i1.png); background-repeat:no-repeat; background-position:center center;}
.vd_i2{background-image:url(img/bn_i2.png); background-repeat:no-repeat; background-position:center center;}
.vd_i3{background-image:url(img/bn_i3.png); background-repeat:no-repeat; background-position:center center;}
.vd_icon .vd_i1:hover,.vd_icon .vd_i2:hover,.vd_icon .vd_i3:hover{background-color:#182b62; background-image:none;}
.bn_pic{background:url(img/banner_pic.jpg) no-repeat center center; background-size:cover;}
.vd_bngd{position:absolute; bottom:85px; left:0; right:0; margin:0 auto; width:129px;animation: sd_dtUp 2s infinite ease-in;-webkit-animation: sd_dtUp 2s infinite ease-in;}
@keyframes sd_dtUp {
    0% {transform:translateY(0px);opacity: 0;}
    60% {transform:translateY(6px); opacity: 1;}
    100% {transform:translateY(12px); opacity: 0;}
}
@-webkit-keyframes sd_dtUp {
    0% {-webkit-transform:translateY(0px);opacity: 0;}
    60% {-webkit-transform:translateY(6px); opacity: 1;}
    100% {-webkit-transform:translateY(12px); opacity: 0;}
}
.in_bt{font-size:3.6em; font-weight:700; display:table; text-align:center; margin:0 auto;overflow:hidden;}
.in_bt a{color:#182b62; display:table; position:relative; overflow:hidden; padding-bottom:10px;}
.in_bt a span{height:4px; background:#182b62; display:block; position:absolute; left:-100%; bottom:0; width:100%;}
.in_bt a:hover span{left:0;}
.in_telist ul li{float:left; font-size:1.8em;}
.in_telist ul li a{color:#182b62;}
.te_icon{border:2px solid #182b62; border-radius:5px; margin-bottom:15px;}
.te_icon span{display:block; border-radius:5px;}
.te_i1{background:url(img/js_i1.png) no-repeat center center #ffffff;}
.in_telist ul li a:hover .te_i1{background:url(img/js_i1a.png) no-repeat center center #182b62;}
.te_i2{background:url(img/js_i2.png) no-repeat center center #ffffff;}
.in_telist ul li a:hover .te_i2{background:url(img/js_i2a.png) no-repeat center center #182b62;}
.te_i3{background:url(img/js_i3.png) no-repeat center center #ffffff;}
.in_telist ul li a:hover .te_i3{background:url(img/js_i3a.png) no-repeat center center #182b62;}
.te_i4{background:url(img/js_i4.png) no-repeat center center #ffffff;}
.in_telist ul li a:hover .te_i4{background:url(img/js_i4a.png) no-repeat center center #182b62;}
.in_gy{background:#182b62;}
.in_bt2{font-size:3.6em; font-weight:700; display:table; text-align:center; margin:0 auto;overflow:hidden;}
.in_bt2 a{color:#fff; display:table; position:relative; overflow:hidden; padding-bottom:10px;}
.in_bt2 a span{height:4px; background:#fff; display:block; position:absolute; left:-100%; bottom:0; width:100%;}
.in_bt2 a:hover span{left:0;}
.in_gylist ul li{float:left; font-size:1.8em;}
.in_gylist ul li a{color:#fff;}
.gy_icon{border:2px solid #fff; border-radius:100%; margin-bottom:15px;}
.gy_icon span{display:block; border-radius:100%;}
.gy_i1{background:url(img/gy_i1.png) no-repeat center center;}
.gy_i2{background:url(img/gy_i2.png) no-repeat center center;}
.gy_i3{background:url(img/gy_i3.png) no-repeat center center;}
.gy_i4{background:url(img/gy_i4.png) no-repeat center center;}
.gy_i5{background:url(img/gy_i5.png) no-repeat center center;}
.gy_i6{background:url(img/gy_i6.png) no-repeat center center;}
.gy_i7{background:url(img/gy_i7.png) no-repeat center center;}
.gy_i8{background:url(img/gy_i8.png) no-repeat center center;}
.in_gylist ul li a:hover .gy_i1{background:url(img/gy_i1a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i2{background:url(img/gy_i2a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i3{background:url(img/gy_i3a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i4{background:url(img/gy_i4a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i5{background:url(img/gy_i5a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i6{background:url(img/gy_i6a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i7{background:url(img/gy_i7a.png) no-repeat center center #fff;}
.in_gylist ul li a:hover .gy_i8{background:url(img/gy_i8a.png) no-repeat center center #fff;}
.in_allistap ul li{margin:20px 20px 0;}
.in_allistap ul li img{display:block; padding-bottom:10px;}
.in_allistap ul li h3{font-size:2.0em; font-weight:normal; border-right:3px solid #182b62; line-height:30px; height:30px; overflow:hidden;}
.in_allistap ul li h4{font-size:1.4em; font-weight:normal; border-right:3px solid #182b62; line-height:22px; padding-top:8px; padding-right:10px;}
.in_allistap ul li h5{font-size:1.4em; font-weight:normal; background:url(img/more_bg.png) no-repeat right center; display:table; padding:0 40px; margin:15px auto 0; line-height:29px; height:29px; text-align:center;}
.in_allistap ul li a{color:#333;}
.foot{background:#182b62; color:#fff;}
.foot a{color:#fff;}
.ft_bt{font-size:2.0em; padding:35px 0 15px;}
.ft_news ul li{font-weight:bold; padding-bottom:10px; font-size:1.4em;}
.ft_news ul li a span{display:block; color:#b28850; font-weight:normal;}
.ft_sbjj{font-size:1.6em;}
.ft_sbbg{padding-top:15px;}
.ft_txt{height:40px; line-height:40px; background:#fff; border:none; padding:0 2%; width:100%;margin-top: 10px;}
.ft_tj{background:#b28850; width:30%; font-size:1.6em; color:#fff; border:none; height:40px; cursor:pointer; font-weight:700;margin-top: 10px;}
textarea.ft_txt{height: 80px;}
.ft_icon{padding-top:20px;}
.ft_icon a{margin-right:40px;}
.ft_ctnm{font-size:1.4em; font-weight:700; line-height:26px;}
.ft_ctnr{font-size:1.4em; line-height:26px;}
.ft_bq{border-top:1px solid #fff; padding:15px 0; line-height:32px; font-size:1.4em; color:#898989;}
.ft_bq img{display:block; float:left; margin-right:60px;}
.main{background:#f8f8f8; padding:60px 0;}
.nei_bt{font-size:3em; padding-bottom:20px;}
.abt_topnrwz{font-size:1.4em; line-height:33px; color:#666464;}
.abt_ga{padding-top:50px;}
#factory li span{position:absolute; background:url(img/fd.png) no-repeat center center rgba(24,43,98,0.5); top:0; width:96%; height:95%; margin:auto; right:0; left:0; bottom:0; opacity:0;}
#factory li a:hover span{opacity:1;}
.main2{background:#f8f8f8;}
.te_lfbg{background:#fff; padding:4%;}
.te_bt{font-size:3em; color:#fff; display:table; background:#182b62; height:46px; line-height:46px; padding:0 20px; margin:40px 0 20px;}
.te_bt2{font-size:3em;  margin:40px 0 20px;}
.te_nr{line-height:32px; font-size:1.6em; color:#666464;}
.te_nr img{ max-width: 100% !important; height: auto !important;}
.te1_btm{padding-top:40px;}
.te1_btm ul li{width:48%; border:1px solid #ccc; padding:0.5%; float:left;}
.te1_btm ul > li:nth-child(2n){float:right;}
.te1_btm ul li img{display:block; width:100%;}
.te1_btm ul li a{display:block; overflow:hidden; position:relative; color:#fff;}
.te1_btm ul li h3{ box-sizing: border-box; position:absolute; bottom:0; font-weight:normal; height:50px; background:rgba(24,43,98,0.5); line-height:50px; left:0; right:0; text-align:center; font-size:2.0em;}
.te1_btm ul li a:hover h3{bottom:0;height: 100%;padding-top: 34%;}
.te1_btm ul li h3 span{padding:10px 33px; background:url(img/te_jt.png) no-repeat center right;}
.te_rtnav ul li{font-size:1.6em; margin-bottom:15px;}
.te_rtnav ul li a{color:#333; padding:20px; display:block;}
.te_rtnav ul li a:hover{color:#182b62;}
.te_rtnav ul li .te_on{color:#182b62; background:#fff;}
.te_picls{padding:35px 0;}
.te_picbt{font-size:1.8em; color:#182b62;}
.te_picjj{line-height:1.6em; font-size:1.4em; padding-top:10px; padding-bottom:30px;}
#factory2 li span{position:absolute; background:url(img/fd.png) no-repeat center center rgba(24,43,98,0.5); top:0; width:97%; height:95%; margin:auto; right:0; left:0; bottom:0; opacity:0;}
#factory2 li a:hover span{opacity:1;}
.te_3cs{padding-top:35px;}
.te_3nav{border-bottom:1px solid #dcdddd; height:55px;}
.te_3nav a{display:block; font-size:1.8em; height:53px; float:left; background:#dcdddd; color:#666464; border:1px solid #dcdddd; cursor:pointer; line-height:53px;}
.te_3nr{font-size:1.6em; line-height:1.6em; color:#666464; padding:4%; border-left:1px solid #dcdddd; border-right:1px solid #dcdddd;}
.te_3nr img{max-width:100%;}
.te3_vd{padding:50px 0;}
.indu_nav{background:#fff; border-top:1px solid #b5b6b6; border-bottom:1px solid #b5b6b6; height:65px;}
.indu_nav ul li{float:left; width:107px; text-align:center; border-left:1px solid #b5b6b6; border-right:1px solid #b5b6b6; line-height:65px; height:65px;}
.indu_nav ul li a{display:block; height:81px; color:#666464; font-size:1.6em;}
.indu_nav ul li a:hover{background:url(img/indu_navon.png) no-repeat bottom center; color:#182b62;}
.indu_nav ul li .indu_navon{background:url(img/indu_navon.png) no-repeat bottom center; color:#182b62;}
.indu_bn{padding-top:16px;}
.indu_navap select{height:35px; line-height:35px; font-size:1.6em; width:100%; text-align:center; }
.indu_bg{background:#fff; padding:4%;}
.indu_bt{font-size:2.6em; color:#fff; display:table; padding:0 20px; height:46px; line-height:46px; background:#182b62;}
.indu_pic{width:220px; height:220px; border-radius:100%; border:2px solid #182b62;}
.in_nr{font-size:2.2em; color:#666464; padding-top:30px; line-height:1.8em;}
.indu_picls{padding:50px 0;}
.indu_picls ul li{float:left; border:1px solid #ccc; position:relative;}
.indu_picls ul li img{display:block; width:100%;}
.anli_bt{font-size:3em;text-align: center;}
.anli_list ul li{float:left; background:#fff; padding:1%; margin-top:30px;}
.anli_list ul li img{width:100%; display:block;}
.anli_list ul li span{font-size:1.8em; text-align:center; padding:10px 0; display:block;height: 68px;overflow: hidden}
.anli_nei{background:#fff; margin-top:10px;}
.anli_pic img{display:block; width:100%;}
.anli_neibt{font-size:24px; padding:30px 0;text-align: center}
.anli_nr{line-height:24px; font-size:14px;}
.test_top{background:#fff; padding:4%;}
.test_bt{font-size:3em; color:#fff; display:table; background:#182b62; height:46px; line-height:46px; padding:0 20px; margin-bottom:30px;}
.test_pic{background:#fff; padding:4% 0; margin-top:35px;}
.test_pic ul li{float:left;border:1px solid #ccc;}
.test_pic ul li img{display:block; width:100%;}
.sv_nav{border-left:1px solid #b5b6b6; margin:0 auto;}
.sv_nav ul li{ float:left; width:50%; text-align:center; font-size:1.6em; height:68px; line-height:68px;}
.sv_nav ul li a{display:block; border-right:1px solid #b5b6b6; line-height:68px; color:#666464;}
.sv_nav ul li .sv_on{background:url(img/sv_on.png) no-repeat center bottom;}
.sv_topjj{padding-bottom:25px; font-size:1.6em; color:#666464;}
.sv_topbt{text-align:center; display:table; font-size:2.6em; border-bottom:4px solid #182b62; padding-bottom:8px; color:#182b62; margin:0 auto;}
.sv_map img{margin:35px auto 0; display:block; max-width:100%;}
.sv_btmbt{font-size:2.6em; color:#182b62; margin:40px 0 20px;}
.sv_btmwz{font-size:1.6em; line-height:36px; color:#666464;}
.sv_btmwz img{max-width:100%;}
.ct_bg{padding:4%; background:#fff;}
.ct_lfbt{font-size:2em; border-bottom:1px solid #182b62; padding-bottom:5px; font-weight:bold; color:#182b62;}
.ct_lfjj{font-size:1.6em; color:#666464; line-height:26px; padding:20px 0;}
.ct_msg ul li{padding-top:8px;}
.ct_msg ul li span{display:block; line-height:32px; font-size:1.6em;}
.ct_txt{height:30px; line-height:30px; border:1px solid #ccc; background:#eee;}
.ct_txt2{height:110px; line-height:26px; border:1px solid #ccc; background:#eee;}
.ct_sb{background:#182b62; height:45px; width:170px; font-size:1.6em; color:#fff; border:none; cursor:pointer;}
.ct_logo{padding-bottom:9px;}
.ct_logo img{max-width:100%;}
.ct_cmpn{font-size:1.8em; color:#182b62; font-weight:bold;}
.ct_nr{line-height:30px; font-size:14px; margin-top:20px;}
.ct_nr span{display:block; padding-top:10px;}

.i-box{overflow: hidden}
.i-box:after{content: '';clear: both;display: table;}
.zc-box , .sy-box{width: 48%;float: left;}
.zc-box{margin-right: 4%;}
.i-box-title{font-size: 3.6em;
    font-weight: 700;
    display: table;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;}
.i-box-title a {
    color: #182b62;
    display: table;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.i-box-content{margin-top: 20px;}
.i-box-img{ position: relative; padding: 30px;border: 1px solid #ccc}
.i-box-img:after{content: '→'; box-sizing: border-box; opacity: 0; width: 100%;height: 100%;transition: .4s all ease;
    position: absolute; left: 0;top: 0; background:rgba(24,43,98,0.5);font-size: 48px;color: #fff;display: flex;align-items: center;justify-content: center}
.i-box-img:hover:after{opacity: 1;padding-left: 10px;}

.i-box-bg{padding-top: 108%;background-size: cover;background-position: center;background-repeat: no-repeat}

.i-box-text h4{
    font-size: 2.0em;
    padding: 0 20px;
    font-weight: normal;
    border-right: 3px solid #182b62;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #333;
}
.i-box-text h5{
    color: #182b62;
    font-size: 1.4em;
    font-weight: normal;
    background: url(../img/more_bg.png) no-repeat right center;
    display: table;
    padding: 0 40px;
    margin: 15px auto 0;
    line-height: 29px;
    height: 29px;
    text-align: center;
}
.about-box{}
.about-box:after{content: '';clear: both;display: table;}
.about-left{width: 160px;float: left}
.about-right{width: calc(100% - 160px);padding-left: 30px;float: left;box-sizing: border-box}
.about-tab ul li {
    width: 160px;
    font-size: 2em;
    margin-top: 8px;
    display: table;
    background: #dcdddd;
    color: #666464;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor:pointer;
   }
.about-tab ul li.active{color: #fff;background: #182b62;}
.about-tab ul li:hover{color: #fff;background: #182b62;}

.about-tab-item{display: none}
.about-tab-item.active{display: block}

.news-nav ul:after{content: '';clear: both;display: table;}
.news-nav ul li {width: 160px;float: left}
.news-nav ul li a{display: block;width: 100%;height: 40px; line-height: 40px; text-align: center;  font-size: 2em;
   background: #dcdddd;color: #666464;}
.news-nav ul li.active a{color: #fff;background: #182b62;}
.news-nav ul li a:hover{color: #fff;background: #182b62;}

.news-item{padding: 20px; margin-top: 20px; box-sizing: border-box;border: 1px solid #ccc;}
.news-item a{display: flex;}
.news-item-img{width: 26%;min-width: 26%;}
.news-item-bg{padding-top: 60%;background-repeat: no-repeat;background-position: center;background-size: cover}
.news-item-text{width: 74%;min-width: 74%;padding-left: 30px;box-sizing: border-box;}
.news-item-text h3{font-size: 22px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news-item-text span{margin-top: 10px; padding-bottom: 10px; display: block;color: #666;font-size: 14px;border-bottom: 1px dashed  #ccc}
.news-item-text p{color: #666;line-height: 1.8em;height: 46px; overflow: hidden;margin-top: 20px;}
.news-item:hover .news-item-text h3{color: #182b62}
.news-item:hover .news-item-text span{color: #182b62}


.zcsj-swiper{margin-top: 40px}
.zcsj-swiper .swiper-container, {height: auto!important;}
.zcsj-swiper .swiper-container-thumbs .swiper-slide-thumb-active img{ box-sizing: border-box; border: 2px solid #182b62}
.gallery-top .zcsj-img{height: 400px;position: relative;}
.zcsj-img img{position: absolute;left: 50%; top: 50%;transform:translate(-50% , -50%);height: 100%; max-width: 100%;max-height: 100%}

.gallery-thumbs{margin-top: 20px;}
.gallery-thumbs .zcsj-img{height: 130px;position: relative;}



.zcsj-tabBox{margin-top: 60px;}
.zcsj-tabTitle{font-size: 18px;}
.zcsj-tabNav{display: flex;margin-top: 40px;justify-content: space-between;}
.zcsj-tabNav>div{width: 30%;   font-size: 16px;cursor: pointer;
    background: #dcdddd; text-align: center; color: #333;}
.zcsj-tabNav>div.active{ }
.zcsj-tabNav-bg{ position: relative; padding-top: 67.7%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.zcsj-tabNav-bg:after{content: '→'; opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(24,43,98,0.5);
    font-size: 26px;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center; box-sizing: border-box; transition: .4s all ease}
.zcsj-tabNav-bg:hover:after{padding-left: 20px;opacity: 1;transition: .4s all ease}
.zcsj-tabNav>div h4 {background: #fff;  padding: 10px ;color: #182b62}
.tabContentText span{font-size: 24px; line-height: 1em;display: inline-block;vertical-align: middle }

.zcsj-tabContent{border: 1px solid #ccc;margin-top: 40px}
.zcsj-tabContentText{display: none;padding: 30px 20px;}
.zcsj-tabContentText.active{display: block;}
.zcsj-tabContentText h4{font-size: 18px;}
.zcsj-tabContentText p{font-size: 14px;line-height: 1.8em;margin-top: 20px;text-align: center}
.zcsj-list{ margin-top: 30px; display: flex;justify-content: space-between}
.zcsj-item{width: 30%;}

.zcsj-c{text-align:center}

.new_anli{}
/* .new_anli .swiper-container2{margin-top: 30px;} */
.new_anli .swiper-container2, .new_anli .swiper-slide2{height: auto!important;}
.new_anli .swiper-pagination-bullet{background: #ccc;opacity: 1}
.new_anli .swiper-pagination-bullet-active{background: #007aff;opacity: 1}
.new_anli_item{padding: 10px;border: 1px solid #ccc;transition: .4s all ease}
.new_anli_item .img{overflow: hidden}
.new_anli_item .g_bg{padding-top: 70%;background-size: cover;background-position: center;transition: .8s all ease}
.new_anli_item .text{margin-top: 10px; border-top: 1px solid #ccc;transition: .4s all ease}
.new_anli_item .text h4{padding:  10px 0; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #000;transition: .4s all ease}
.new_anli_item .text p{font-size: 14px;line-height: 24px;height: 28px;overflow: hidden;color: #333}
.new_anli .swiper-container{padding: 40px 0;}
.new_anli_item:hover .text {border-color: #182b62 }
.new_anli_item:hover .text h4{color: #182b62 }
.new_anli_item:hover  {border-color: #182b62}
.new_anli_item:hover .g_bg{transform: scale(1.06);transition: .8s all ease}

.new_anli_list{margin-top: 30px;font-size: 0}
.new_anli_list{display: flex;flex-wrap: wrap}
.new_anli_list .new_anli_item {width: 24%;margin-right: 1.333%;margin-top:40px;box-sizing: border-box}
.new_anli_list .new_anli_item:nth-child(4n){margin-right: 0}

.anli_nei img{ max-width: 100% !important; height: auto !important;}
@media  (max-width: 1200px) {
    .new_n_anli .new_anli_item {width: 32%;margin-right: 2%}
    .new_n_anli .new_anli_item:nth-child(4n){margin-right: 2%}
    .new_n_anli .new_anli_item:nth-child(3n){margin-right: 0}
}

@media  (max-width: 767px) {
.about-left,.about-right{float: none;width: 100%}
    .news-item a{display: block}
    .news-item-img,.news-item-text{width: 100%}
    .news-item-text{padding-left: 0}
    .new_anli_item .text h4{font-size: 14px;}

    .new_n_anli .new_anli_item {width: 49%;margin-right: 2%;margin-top:20px;}
    .new_n_anli .new_anli_item:nth-child(4n){margin-right: 2%}
    .new_n_anli .new_anli_item:nth-child(3n){margin-right: 2%}
    .new_n_anli .new_anli_item:nth-child(2n){margin-right: 2%}

    .anli_neibt{font-size: 20px;}
}
@media  (max-width: 640px) {
    .new_n_anli .new_anli_item {width: 100%;margin-right: 0}
    .new_n_anli .new_anli_item:nth-child(4n){margin-right: 0}
    .new_n_anli .new_anli_item:nth-child(3n){margin-right: 0}
    .new_n_anli .new_anli_item:nth-child(2n){margin-right: 0}
}