* {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; box-shadow: 0 6px 10px rgba(0,0,0,0.1);}
.logo{padding:15px 0;}
.pc_nav ul li{font-size:1.6em; font-weight: bold; float:left; margin-right:25px; position:relative;}
.pc_nav ul li a{color:#333; display:block; padding-bottom:20px;}
.pc_nav ul li.active a{ color: #182b62;}
/* .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:#182b62;}
.pc_nav ul li:hover > a{ color: #182b62;}
.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;}
}

.lszt_about{ background: #f7f8f9; padding: 50px 0; position: relative; overflow:hidden;}
.lszt_about .ls_left{ width: 46%; margin-right: 4%; float:left;}
.lszt_about .ls_right{ width: 50%; position: relative; float:right;}
.lszt_about .ls_right i{ width: 170px; height: 170px; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 2; border-radius: 50%; background: rgba(255,255,255,0.3);}
.lszt_about .ls_right i:after{ content: ''; width: 60%; height: 60%; background: #fff; position: absolute; top: 20%; left: 20%; z-index: 2; border-radius: 50%;}
.lszt_about .ls_right i em{ width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; z-index: 2;-webkit-animation: czhuan_1 5s ease-in-out infinite;
  animation: czhuan_1 5s ease-in-out infinite;}
.lszt_about .ls_right i em:after{ content: ''; width: 16px; height: 16px; border-radius: 50%; background: #275ae7; position: absolute; top: -8px; right: calc(50% - 8px); z-index: 2;}
.lszt_about .ls_right i img{ position: relative; z-index: 3; top:64px; left:64px; transform: translateY(0);}
/* .lszt_about .ls_right img{ transform: translateY(-6%);} */
.lszt_about .ls_right video{ pointer-events: none;}
.lszt_about .ls_left h2{ font-size: 36px; color: #001f60; line-height: 36px; padding-bottom: 20px; position: relative;}
.lszt_about .ls_left h2:after{ content: ''; width: 60px; height: 5px; position: absolute; left: 0; bottom: 0; background: #001f60;}
.lszt_about .ls_left h3{ font-weight: normal; font-size: 24px; margin: 20px 0;}
.lszt_about .ls_left p{ font-size: 16px; line-height: 30px;}


.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{ text-align: center;float:left; font-size:1.8em;}
.in_telist ul li a{ color:#182b62;}
.te_icon{ 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:40px 0;}
.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;border-bottom: 1px solid #dcdddd;}
.te_3nr img{max-width:100%;}
.te3_vd{padding:50px 0;}
.indu_nav{ width:100% !important; margin: 20px 0;}
.indu_nav ul{ display: flex; justify-content: space-between; align-items: center; padding: 0 37.5px;}
.indu_nav ul li{ text-align:center;}
.indu_nav ul li a{display:block; color:#333; font-size:16px;}
/* .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_nav ul li .indu_navon{ font-weight: bold; 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-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}
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    width: 100%;
}
.row img{
    max-width: 100% !important;
    height: auto !important;
}
.in_nr p, .te_nr p, .in_nr h4, .te_nr h4, .te_3nr p, .te_3nr h4{font-size: 14px; line-height: 1.8; color: #333; margin-bottom: 10px;}
.in_nr h4, .te_nr h4, .te_3nr h4{ line-height: 1.8; margin-top: 15px;}
.te_bt, .indu_bt, .te_bt2{ font-size: 18px; font-weight: bold; color: #182b62; background: none; padding: 0; height: auto; text-align: center; display: block;}


.tven-about *{ box-sizing: border-box !important;}
.tven-about-1{ padding: 120px 0; background: url(../img/about_us01_bg.jpg) center no-repeat; background-size: cover;}
.tven-about-1 .row{ display: flex; align-items: center;}
.tven-about-1 .title{ font-size: 24px; color: #182b62;}
.tven-about-1 .line{ width: 20%; height: 1px; background: #182b62; margin-bottom: 25px; margin-top: 10px;}
.tven-about-1 p{ font-size: 14px; color: #333; line-height: 1.8; margin-bottom: 10px;}

.tven-about-2{ width: 100%;  background: url(../img/about_us02_bg.jpg) center no-repeat; background-size: cover;}
.tven-about-2 ul{ padding: 0; width: 100%; display: flex; justify-content: center; align-items: stretch;}
.tven-about-2 li{ width: 14%; padding: 0 25px; padding-top: 10%; height: 500px; position: relative; overflow: hidden; border-right: 1px solid rgba(255,255,255,.4);}
.tven-about-2 li:last-child{ border-right: none;}
.tven-about-2 h4{ font-size: 24px; color: #fff; margin-bottom: 15px; position: relative;z-index: 2;}
.tven-about-2 p{ font-size: 14px; color: #fff; line-height: 1.8; position: relative;z-index: 2;}
.tven-about-2 .logo{ position: absolute; width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .5s ease; z-index: 1;}
.tven-about-2 .logo img{width: 100%;}

.tven-about-2 li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-100%); background: #fff; transition: all .5s ease; z-index: 0;}
.tven-about-2 li .cover { position: absolute; bottom: 0; transform: translateY(68px); left: 0; width: 100%; transition: all .5s ease; z-index: 2;}
.tven-about-2 li .cover_img { position: absolute; bottom: 100%; background: url(img/about_us02_blue.png) no-repeat top/cover; left: 0; width: 100%; height: 67px; transition: all .5s ease; z-index: 2;}
.tven-about-2 li .cover_img.img02 { opacity: 0.7; transition-delay: 0.15s;}
.tven-about-2 li .cover_img.img03 { opacity: 0.5; transition-delay: 0.25s;}
.tven-about-2 li .cover_img.img04 { opacity: 0.3; transition-delay: 0.35s;}
.tven-about-2 li:hover .logo{ opacity: 1;}
.tven-about-2 li:hover h4 { color: #182b62;}
.tven-about-2 li:hover p { color: #333;}
.tven-about-2 li:hover::after { transform: translateY(0);}
.tven-about-2 li:hover .cover{ transform: translateY(0);}
.tven-about-2 li:hover .cover_img { bottom: 0;}
.tven-about-2 li:hover .cover_img.img02 { bottom: 10px;}
.tven-about-2 li:hover .cover_img.img03 { bottom: 20px;}
.tven-about-2 li:hover .cover_img.img04 { bottom: 30px;}

.tven-about-3 { padding: 100px 0; margin: 0 auto;}
.tven-about-3 .title{ font-size: 24px; text-align: center; color: #182b62; margin-bottom: 20px;}
.tven-about-3 p{ font-size: 14px; color: #333; line-height: 1.8; margin-bottom: 10px;}
.tven-about-3 .swiper{ margin-top: 30px;}
.tven-about-3 .swiper .swiper-button-prev, .tven-about-3 .swiper .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.tven-about-3 .swiper .swiper-button-prev::after, .tven-about-3 .swiper .swiper-button-next::after{ font-size: 18px; color: #fff;}
.tven-about-3 .swiper .swiper-slide .img{ padding-top: 120%; position: relative;}
.tven-about-3 .swiper .swiper-slide .img img{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); max-width: 90%; max-height: 100%;}
.tven-about-3 .swiper .swiper-slide .title{ font-size: 14px; color: #333; margin: 0; margin-top: 10px;}


.tven-index-class{background: #182b62; padding: 15px 0;}
.tven-index-class ul{ padding: 0; margin: 0 auto; list-style: none; display: flex; justify-content: space-between; align-items: stretch;}
.tven-index-class ul li a{ font-size: 18px; color: #fff; display: inline-block; padding: 6px 1em; 
    /* border: 1px solid rgba(255,255,255,.5); */
     transition: all .3s ease;}
/* .tven-index-class ul li a:hover{ background: #fff; color: #182b62; border-color: #fff;} */

.tven_tech_class{ display: flex; justify-content: center; flex-wrap: wrap; padding: 40px 0;}
.tven_tech_class li{ margin: 0 30px;}
.tven_tech_class li a{ display: block; font-size: 16px; color: #333;}
.tven_tech_class li a.te_on{color: #182b62; font-weight: bold;}


@media ( min-width: 992px ){
    .row, .row *{ box-sizing: border-box;}
    .row .col-md-1{
        width: 8.33333333%;
        padding: 0 15px;
        
    }
    .row .col-md-2{
        width: 16.66666667%;
        padding: 0 15px;
    }
    .row .col-md-3{
        width: 25%;
        padding: 0 15px;
    }
    .row .col-md-4{
        width: 33.33333333%;
        padding: 0 15px;
    }
    .row .col-md-5{
        width: 41.66666667%;
        padding: 0 15px;
    }
    .row .col-md-6{
        width: 50%;
        padding: 0 15px;
    }
    .row .col-md-7{
        width: 58.33333333%;
        padding: 0 15px;
    }
    .row .col-md-8{
        width: 66.66666667%;
        padding: 0 15px;
    }
    .row .col-md-9{
        width: 75%;
        padding: 0 15px;
    }
    .row .col-md-10{
        width: 83.33333333%;
        padding: 0 15px;
    }
    .row .col-md-11{
        width: 91.66666667%;
        padding: 0 15px;
    }
    .row .col-md-12{
        width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12{
        width: 100%;
        padding: 0 15px;
    }
    .in_nr img, .te_nr img, .te_3nr img{ max-width: 100% !important; height: auto !important;}
    .in_nr .row, .te_nr .row, .te_3nr .row{ width: calc(100% + 30px);}
    .in_nr iframe, .te_nr iframe, .te_3nr iframe{ width: 100% !important; height: 300px !important;}

    .tven-about .kd{ padding: 0 15px;}
    .tven-about .kd .row{ width: calc(100% + 30px);}
    .tven-about-1{ padding: 40px 0; padding-top: 80px;}
    .tven-about-1 .row .col-md-6:first-child{ order: 2;}
    .tven-about-2 ul{ flex-wrap: wrap;}
    .tven-about-2 ul li{ width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,.4); padding: 15px; height: auto;}
    .tven-about-2 ul li::after, .tven-about-2 ul li .cover, .tven-about-2 ul li .logo{ display: none;}
    .tven-about-2 ul li:hover h4, .tven-about-2 ul li:hover p{ color: #fff;}
    .tven-about-3 .swiper .swiper-slide .img{ padding-top: 100%;}
    .tven-about-3{ padding: 40px 0;}

    .tven-index-class ul{ flex-wrap: wrap; padding: 0 15px;}
    .tven-index-class ul li{ margin: 5px 0;}
    .tven-index-class ul li a{ padding: 5px .8em;}

        
    .tven_tech_class{ padding: 20px 0;}
    .tven_tech_class li{ margin: 5px 10px;}
    .tven_tech_class li a{ font-size: 14px;}
    .te_lfbg{ padding: 0 15px !important;}
    .te_rtnav ul li a{padding: 0;}
}