@charset "UTF-8";

/*首页资质*/
.z-container1 {width: 80%;height: auto;clear: both;margin: 0 auto;}
.ywimgbox li.on{ opacity:1;}
.ywfw_list{ width: 100%;}
.ywfw_list li{ width: 20%;transition: ease 1s; float: left; height: 90vh; box-sizing: border-box; border-right:1px solid rgba(255,255,255,.3);}
.ywfw_list li:last-child{ border-right: none;}
.ywfw_list li a{ display: block; width: 100%; height: 100%; padding: 15vh 8%; box-sizing: border-box; color: #fff;}
.ywfw_list li .num1{ font-size: 48px; font-family:"num2";}
.ywfw_list li .num2{ font-size: 6vw; font-weight: bold; color: rgba(255,255,255,.3); font-family: 'num2'; display: none;}
.ywfw_list li .tit{ margin: 5vh 0;}
.ywfw_list li .icon{ display: block; height: 50px; margin-bottom: 10px;}
.ywfw_list li .tit h3{ font-size: 24px;}
.ywfw_list li .desc{ line-height: 24px; height: 72px; margin-bottom: 3vh;}
.ywfw_list li .arr{ display: block; width: 48px; opacity: 0; transform: translateY(200px); transition: ease .6s; height: 48px; background: url(../images/arr2.png) no-repeat center; background-size: 100% 100%;}
.ywfw_list li.on{ background: #325f99; }
.ywfw_list li.on a{padding-top: 20vh;}
.ywfw_list li.on .num1{ display: none;}
.ywfw_list li.on .num2{ display: block;}
.ywfw_list li.on .arr{ opacity: 1; transform: translateY(0);}
.index_news1{ padding: 9vh 0; background: #ffffff;}
.index_title{ text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 5vh; color:#325f99;}
.index_title p{ font-size:14px; color:#325f99; font-weight:normal; color:#a9a9a9;}

.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.news_swiper li{ position: relative; height: 250px;}
.news_swiper li:before{ content: ""; display: block; width:1px; height: 100%;background: #e3e3e3; position: absolute; right: -40px; top: 0;}
.news_swiper li a{ display: block; width: 100%; height: 100%;}
.news_swiper li .imgbox{ width: 100%; position: relative; margin-bottom: 20px;  height: 200px; padding-bottom: 40px; position: relative;  overflow: hidden; transition: ease .6s;}
.news_swiper li .imgbox:before{ content: ""; z-index: 1; display: block; width: 0; height: 2px; background: #325f99; position: absolute; left: 0; bottom: 0; transition: ease 1s}
.news_swiper li:hover .imgbox:before{ width: 100%;}
.news_swiper li .imgbg{ position: absolute; left: 0; top: 0;}
.news_swiper li:hover .imgbox{ }
.news_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}
.news_swiper li h3{ font-size: 16px;line-height: 24px; height: 48px; text-align:center;}
.news_swiper li h4{ color: #999999; line-height: 24px; height: 72px; margin: 20px 0;}
.news_swiper li .time{ padding-left: 25px; color: #999; background: url(../images/time.png) no-repeat left center;}
.news_swiper li:hover h3{ color: #325f99;}
.news_hd{text-align: center; margin-top: 7vh;}
.news_hd span{ display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: #e1e1e1; border-radius: 50%;}
.news_hd span.swiper-pagination-bullet-active{ background: #325f99;}
.news_lists{ margin-left: -3%;}
.news_lists li{ width: 30.3%; margin-bottom: 50px; position: relative; float: left; margin-left: 3%;}
.news_lists .imgbox{ width: 100%; height:19.5vw; overflow: hidden;}
.news_lists li .img{ width: 100%; height: 100%; transition: all .6s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.news_lists li:hover .img{ transform: scale(1.1,1.1);}
.news_lists li .info{ background: #fff; padding:30px 35px; box-sizing: border-box;}
.news_lists li h3{ font-size: 18px; line-height: 30px; height: 60px; margin-bottom: 50px;}
.news_lists li .time{ background: url(../images/time.png) no-repeat left center; color: #898989; padding-left: 25px;}
.news_lists li:before{ content: ""; z-index: 1; display: block; width: 0%; height: 2px; background: #E25725; position: absolute; left: 0; bottom: 0; transition: ease 1s;}
.news_lists li:hover:before{ width: 100%;}
.news_lists li:hover h3{ color: #E25725;}
.news_swiper2 .swiper-wrapper{ display: block;}
.news_swiper2{ height: 180px;overflow: hidden; width: 100%;}
.news_swiper2 li{ height: 36px!important; line-height: 36px!important; overflow: hidden;}
.news_swiper2 .tit{ display: inline-block; width: 70%;}
.news_swiper2 .fr{float: right; color: #E25725; font-family: "en"; font-size: 16px;}
.news_swiper2 li:hover a{ color: #E25725; }
.news_swiper2 li a{ color: #666;}
.news_artic img{ display: block; height: auto!important; max-width: 100%!important;}
.swiper-pagination-bullet-active {background: rgb(50 95 153)!important;width: 10px!important;}
@media screen and (max-width:1440px){
.news_swiper li:before{right: -20px;}	
.news_tit h3{ font-size: 24px; line-height: 30px;}
.news_swiper li .imgbox{ height: 200px;}
.news_fr{ padding: 20px;}
}
/*手机*/
@media screen and (max-width: 980px){
.z-container{ width: 92%;}
.news_swiper li{ height: auto;}
.news_swiper li:before{right: -10px;}
.news_swiper li .imgbg{ height: 200px;}
.news_swiper li .imgbox{ height: 200px; padding-bottom: 0; margin-bottom: 10px;}
.news_swiper li h4{ margin: 10px 0;}
.index_news1{ padding: 30px 0;}
.index_tit1{ font-size: 18px; margin-bottom: 20px;}
.news_hd{ margin-top: 20px;}
.z-container2{ width: 94%;}
.news_search{ display: block; margin-bottom: 0px;}
.news_search span{ display: block; margin-bottom: 10px; font-size: 16px;}
.news_sel,.news_search .sou{ margin: 0; float: left; width: 49%; margin-bottom: 10px;}
.news_sel:nth-child(2),.news_search .sou{ float: right;}
.news_lists li{ width: 98%; margin-bottom: 10px;}
.news_page{ padding: 20px 0;}
.news_lists .imgbox{ height: 200px;}
.news_lists li .info{ padding: 15px 10px;}
.news_lists li h3{ font-size: 15px; margin-bottom: 10px; line-height: 24px; height: 48px;}
.page_nav2{ margin-top: 50px;}
.news_xq .z-container{ width: 94%;}
.news_fl,.news_fr{ width: 100%;}
.news_fl{ padding-left: 0;}
.news_time{ position: relative; left: auto; top: auto;}
.news_tit h3{ font-size: 16px; line-height: 24px;}
.news_time{ margin-right: 10px;}
.news_xq{ padding: 20px 0;}
.news_bar{ padding: 15px 0;}
.news_artic{ padding: 20px 0;}
.news_fr{ display: none;}
.bshare-custom a{ margin-right: 5px!important;}
.news_fl_bg{ padding: 15px;}
.news_time{ width: auto; height: auto; padding: 0 10px; top: 15px;}
.news_time em{ font-size: 16px;}
.news_tit h3{ padding-left: 60px; box-sizing: border-box;}
}