.indexbanner { height: 750px; margin-top: 80px;}
.viewbtn_banner{max-width:22.5em; border-color:#fff;}
.viewbtn_banner:hover{color:#fff;}
.viewbtn_banner:after{background-color:#fff;}
.index_banner_left{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; left:4.94791666666667%;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:4.94791666666667%;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.banner_img_jj_mid{margin:0 15em;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.banner_img{position:relative; width:100%; height:750px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_img_mob { display: none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:47%; z-index:10; color:#fff;transform:translateY(-50%);}
.viewbtn_banner{color:#fff; margin:0 auto;}
.banner_img_jj_mid_1{font-size:50px; font-weight: bold; font-family: "微软雅黑";text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); position: relative; padding-bottom: 22px; margin-bottom: 22px; line-height: 80px;}
.banner_img_jj_mid_1:after{ position: absolute; content: ""; width: 115px; height: 3px; background-color: #cc3333; bottom: 0px; left: 0;}
.banner_img_jj_mid_1.tc:after{ left: 47%;}
.banner_img_jj_mid_2{font-size:24px; line-height: 45px;}
.banner_img_jj_mid_3 { text-align: left; margin-top: 25px;}
@media (max-width:1600px){
.indexbanner { height: 625px;}
.banner_img{ height:625px;}
}
@media (max-width:1440px){
.indexbanner { height: 565px;}
.banner_img{ height:565px;}
.banner_img_jj_mid{margin:0 6em;}
.banner_img_jj_mid_2{font-size:20px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:42%; }
}
@media (max-width:1366px){
.indexbanner { height: 535px;}
.banner_img{ height:535px;}
.banner_img_jj_mid_2{ line-height: 35px;}
.banner_img_jj_mid_1{font-size:40px;padding-bottom:20px; margin-bottom: 20px;  }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:40%; }
}
@media (max-width:1280px){
.indexbanner { height: 500px;}
.banner_img{ height:500px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:38%; }
.banner_img_jj_mid_1{font-size:32px;padding-bottom:15px; margin-bottom: 15px; line-height: 60px; }
.banner_img_jj_mid_1:after{ width:95px;}
}
@media (max-width:1200px){
.indexbanner { margin-top: 60px;}
.indexbanner { height: 470px;}
.banner_img{ height:470px;}
}
@media (max-width:1024px){
.indexbanner { height: 400px;}
.banner_img{ height:400px;}
.banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.banner_img_jj_mid_1{font-size:36px; }
}
@media (max-width:992px){
.indexbanner { height: 360px;}
.banner_img{ height:360px;}
.banner_img_jj_mid{margin:0 2em;}
.banner_img_jj_mid_1{ line-height:40px; padding-bottom: 20px; }
.banner_img_jj_mid_1:after{ width: 50px;  }
.banner_img_jj_mid_2{ font-size:18px;line-height: 26px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  right:36%; }
}
@media (max-width:768px){
.banner_img_jj_mid_2{ font-size:16px; }
.indexbanner { height: 420px;}
.banner_img{ height:420px;}
.banner_img_jj_mid_1{ font-size:22px; padding-bottom: 15px; margin-bottom: 15px; }
.indexbanner .swiper-pagination-bullet {width: 10px;height: 10px; border-radius: 5px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{	bottom:15px; right:30%; }
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px}
.indexbanner .swiper-pagination-bullet-active { width: 35px;}
.banner_img_jj_mid_3{ display: none;}
.banner_img_jj{top:50%;}
.banner_img_pc{display: none; }
.banner_img_mob { display: block;}
}
@media (max-width:568px){
.indexbanner { height: 310px;}
.banner_img{ height:310px ;}
}
@media (max-width:468px){
.indexbanner { height:260px;}
.banner_img{ height:260px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid{margin:0 1em;}
.banner_img_jj_mid_1{ font-size:20px; padding-bottom: 10px;}
}
@media (max-width:428px){
.indexbanner { height:240px;}
.banner_img{ height:240px;}
}
@media (max-width:400px){
.indexbanner { height:220px;}
.banner_img{ height:220px;}
}
@media (max-width:384px){
.indexbanner { height:210px;}
.banner_img{ height:210px;}
}
.index-pro ul{ margin-top: 10px;}
.index-pro ul li { margin-bottom: 30px;}
.index-pro .info{ border: 1px solid #eeeeee; text-align: center;}
.index-pro .info img{ width: 100%;}
.index-pro .info ._t{ padding-top: 15px; padding-bottom: 15px; font-size:18px; line-height:30px; color:#333e46;transition: all .5s ease; }
.index-pro .info a:hover ._t{background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);background-color: #015593;color:#fff;transition: all .5s ease;} 
@media screen and (max-width: 1280px){
.index-pro .info ._t{ font-size:16px; padding-top: 10px; padding-bottom: 10px; }
}		
@media screen and (max-width: 568px){
.index-pro .info ._t{ font-size:16px; padding-top: 7px; padding-bottom: 7px; }
.index-pro ul{ margin-top: 0px;}
.index-pro ul li { margin-bottom: 20px;}
}
.index-about { background: url(../images/index_about.png) no-repeat bottom;}
.index-about.page-section { padding-bottom: 140PX;}
.index-about .pro_title {text-align: left; color: #fff;font-size:28px; font-weight: bold; margin-bottom: 45px;}
.index-about .pro-profile { text-align: left; font-size:16px; color: #fff; margin-bottom: 40px; }
.index-about .pro-profile p{line-height: 32px;}
.index-about .more { margin-left: 0px;}
.index-about .more span{ color: #fff;background: url(../images/look_bg2.png) 75px center no-repeat;}
.index-about img{ float: right;}
.index-about-bottom .content{background:#fff; width:100%; position:relative; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); margin:-2rem 0 0.6rem;}
.index-about-bottom .content ul{padding:35px 45px; text-align:center}
.index-about-bottom .content ul li{float:left; width:25%; border-left: 1px solid #aaaaaa; position: relative;}
.index-about-bottom .content ul li:before{ position: absolute; left: -1px; top: 0px; height: 25px; width: 2px; content: ""; background-color: #cc3333;}
.index-about-bottom .content ul li .about-item .about-img {width: 50px;height:50px;margin: 0 auto;}
.index-about-bottom .content ul li .about-item .about-img .img {width: 100%;height: 100%;}
.index-about-bottom .content ul li .about-item .about-img .img2 {display: none;}
.index-about-bottom .content ul li .about-item:hover .img1 {display: none;}
.index-about-bottom .content ul li .about-item:hover .img2 {display: block;}
.index-about-bottom .content ul li .about-item .about-tit {font-size:18px; margin-top: 15px;}
@media (max-width:1600px){
.index-about img{ width: 100%;}
}
@media (max-width:992px){
.index-about-bottom .content{  margin:-3rem 0 0.2rem;}
.index-about .pro_title { font-size:22px; margin-bottom: 15px;}
}
@media (max-width: 768px){
.index-about { background: url(../images/index_about.png) no-repeat top;}
.index-about-bottom .content ul{padding:15px 25px; }
.index-about-bottom .content ul li{float:left; width:50%; margin-bottom: 20px; margin-top: 20px;}
.index-about-bottom .content ul li .number span{font-size:40px; color: #cc3333; line-height:50px; display:inline-block; margin-right:0.05rem;}
.index-about .pro-profile p{line-height: 28px;}
.index-about .pro_title { font-size:20px; }
}
@media (max-width: 568px){
.index-about-bottom .content ul li .number span{font-size:36px; }
.index-about-bottom .content ul li .txt{font-size:15px; line-height:24px;}
}
@media (max-width: 368px){
.index-about-bottom .content ul li .number span{font-size:32px; }
}
  
.index-service {background-color: #fff;}
.index-service .service-lists ul li { text-align: center;} 
.index-service .service-lists ul li .service-item {background-color: #fff; border: 1px solid #e5e5e5;padding: 40px 30px;}
.index-service .service-lists ul li .service-item .service-img {width: 66px;height: 66px;margin: 0 auto;}
.index-service .service-lists ul li .service-item .service-img .img {width: 100%;height: 100%;}
.index-service .service-lists ul li .service-item .service-img .img2 {display: none;}
.index-service .service-lists ul li .service-item .service-txt .service-tit {font-size: 18px; font-weight: bold; margin: 15px 0;}
.index-service .service-lists ul li .service-item .service-txt .service-c {font-size: 16px; color: #666; line-height: 30px; }
.index-service .service-lists ul li .service-item:hover {background-color: #015593;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);color: #fff;}
.index-service .service-lists ul li .service-item:hover .img1 {display: none;}
.index-service .service-lists ul li .service-item:hover .img2 {display: block;}
.index-service .service-lists ul li:hover .service-item .service-txt .service-c { color: #fff; }
@media (max-width:1440px){
.index-service .service-lists ul li .service-item {padding: 30px 20px; }
}
@media (max-width:1366px){
.index-service .service-lists ul li .service-item {padding: 30px 17px; }
}
@media (max-width:1280px){
.index-service .service-lists ul li .service-item {padding: 20px 15px; }
.index-service .service-lists ul li .service-item .service-txt .service-c { line-height: 28px; }
}
@media (max-width:1200px){
.index-service .service-lists ul li .service-item {padding: 20px 5px; }
}
@media (max-width:1130px){
.index-service .service-lists ul li .service-item .service-txt .service-c { height: 110px; }
}
@media (max-width:1024px){
.index-service .service-lists ul li .service-item .service-txt .service-tit {font-size: 17px;margin: 10px 0;}
.index-service .service-lists ul li .service-item .service-txt .service-c { line-height: 26px; }
}
@media (max-width:992px){
.index-service .service-lists ul li { margin-bottom: 25px;}
.index-service .service-lists ul li .service-item {padding: 20px 15px; }
.index-service .service-lists ul li .service-item .service-txt .service-c { height: 70px; }
}
@media (max-width:500px){
.index-service .service-lists ul li .service-item {padding: 20px 5px; }
.index-service .service-lists ul li .service-item .service-txt .service-c { height: 110px; }
}
@media (max-width:420px){
.index-service .service-lists ul li .service-item .service-txt .service-c { font-size: 15px; line-height: 23px;}
}
.index-application{ background-color: #f7f7f7;}
.index-application.page-section{ padding-bottom: 0px;}
.dib_fz{letter-spacing:0px; word-spacing:0px; font-size:0;}
.i_zgs{width:100%;}
.izgsc{width:100%; }
.i_zgs_li{ display: inline-block;  vertical-align:top; width:18%; min-height:700px; max-height:700px;position:relative; cursor:pointer; transition:all .4s ease 0s; overflow:hidden;}
.i_zgs_li .i_zgstit,.i_zgs_li .i_zgsmc,.i_zgs_li span{ display:none;}
.js_wzgs{width:46%;}
.js_wzgs .i_zgstit,.js_wzgs .i_zgsmc,.js_wzgs span{ display:block;}
.js_wzgs .i_zgstit{  position:absolute; bottom:65px; left:75px; z-index:3; transition:all .4s ease 0s;}
.js_wzgs .i_zgstit .i_zgsimg{width:100%; height:auto; line-height:0; overflow:hidden;}
.js_wzgs .i_zgstit .i_zgsimg img{width:46%; height:auto; max-height:128px;}
.js_wzgs .i_zgstit .i_zgsjs{width:94%; font-size:30px; font-weight: bold; line-height:36px; color:#fff; padding-top:35px; text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.js_wzgs .i_zgstit .i_zgsjs p {line-height:35px; font-size:16px; font-weight: normal; margin-top: 12px;}
.js_wzgs span{ display:block; width:33px; height:14px; background:url(../images/p3.png) center bottom no-repeat; position:absolute; bottom:64px; left:50%; z-index:2; margin-left:-16.5px; overflow:hidden;}
.js_wzgs .i_zgsmc{width:100%; position:absolute; bottom:0; left:0; z-index:5;font-size:30px; font-weight: bold;  color:#fff;}
.js_wzgs .i_zgsmc p{ font-size:14px; text-transform:uppercase; color:#fff;}
.i_zgs_li .i_qhan{width:75%; height:25px; line-height:25px; font-size:30px; font-weight: bold; color:#FFFFFF; position:absolute; bottom:125px; left:75px; text-align:left;}
.i_zgs_li .i_qhan p{line-height:35px; font-size:16px; font-weight: normal;}
.i_zgs_li.js_wzgs .i_qhan{ display: none;}
@media (max-width:1520px){
.js_wzgs .i_zgstit{ left:65px; }
.js_wzgs .i_zgstit .i_zgsjs{ font-size:26px;}
.i_zgs_li .i_qhan{font-size:26px;left:65px; }
}
@media (max-width:1440px){
.js_wzgs .i_zgstit{ left:45px; }
.js_wzgs .i_zgstit .i_zgsjs{ font-size:24px;}
.i_zgs_li .i_qhan{ font-size:24px;left:45px; }
.js_wzgs .i_zgstit .i_zgsjs p { line-height: 30px;}
.i_zgs_li .i_qhan p{line-height:30px;}
}
@media (max-width:1366px){
.js_wzgs .i_zgstit{ left:45px; }
.js_wzgs .i_zgstit .i_zgsjs{ font-size:22px;}
.i_zgs_li .i_qhan{ font-size:22px;left:45px; }
}
@media (max-width:1280px){
.i_zgs_li{  min-height:500px; max-height:500px;}
.js_wzgs .i_zgstit{ left:30px; font-size:20px;}
.js_wzgs .i_zgstit .i_zgsjs{ font-size:20px;}
.i_zgs_li .i_qhan{ left:30px; font-size:20px;width: 85%;}
}
@media (max-width:992px){
.js_wzgs .i_zgstit{ left:15px; font-size:18px;}
.js_wzgs .i_zgstit .i_zgsjs{ font-size:18px;}
.i_zgs_li .i_qhan{ left:15px; font-size:18px;}
.js_wzgs .i_zgstit .i_zgsjs p { line-height: 26px; font-size: 15px;}
.i_zgs_li .i_qhan p{line-height:26px;}
}
@media (max-width:768px){
.i_zgs_li{  min-height:350px; max-height:350px;}
.js_wzgs{width:50%;}
.i_zgs_li{  width:50%;}
.js_wzgs .i_zgstit{ bottom:35px;  }
.i_zgs_li .i_qhan{bottom:75px; }
}
@media (max-width:500px){
.i_zgs_li{  min-height:300px; max-height:300px; }
.js_wzgs .i_zgstit{ display: none!important;}
.js_wzgs .i_zgstit .i_zgsjs{ display: none;}
.i_zgs_li.js_wzgs .i_qhan {display: block;bottom: 45px;}
.i_zgs_li .i_qhan{bottom:45px; width: 90%;}
}
@media (max-width:400px){
.i_zgs_li{  min-height:250px; max-height:250px; }
.js_wzgs .i_zgstit{ left:15px; }
.js_wzgs .i_zgstit .i_zgsjs{ font-size:17px;}
.i_zgs_li .i_qhan{ font-size:17px;left:15px; }
.i_zgs_li .i_qhan p{ font-size:15px; }
}
.index-news { background: url(../images/index_news_bg.jpg) no-repeat bottom;}
.index-news .i_news_l{ width: 42%; float: left;} 
.index-news .i_news_r{ width: 55%; float: right;}
.index-news .index-news_c { margin-bottom: 20px;}
.index-news_lt_row { text-align:left;z-index: 33;border: 1px solid #e5e5e5; background: #fff; }
.index-news_lt_row li ._down { padding:5% 20px; background-color:#fff; }
.index-news_lt_row li ._down ._tt { margin-bottom:5px; }
.index-news_lt_row li ._down ._tt a{color:#333; text-align:left; font-size:18px; line-height: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index-news_lt_row li ._down ._tt a:hover{color:#cc0000; }
.index-news_lt_row li ._down ._desc{ color:#666; line-height:28px; }
.index-news_lt_row li ._down:hover{background-color: #015593;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);color: #fff; }
.index-news_lt_row li ._down:hover ._tt a{color:#fff;}
.index-news_lt_row li ._down:hover ._tt a:hover{color:#fff; }
.index-news_lt_row li ._down:hover ._desc{ color:#fff; }
.index-news .i_news_r_box li { width: 100%; border: 1px solid #e5e5e5; background: #fff; margin-bottom: 20px;}
.index-news .i_news_r .news_list_box ._r_news_time {width: 16%;  padding:15px 0 20px;}
.index-news .i_news_r .news_list_box ._r_news_time span {display: block;width: 80%;margin: 0 auto}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size:46px;color: #015593; font-weight: bold; line-height: 26px;margin-top:15%;margin-bottom: 15px; text-align: center;}
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size:18px;color: #015593;text-align: center;line-height: 26px}
.index-news .i_news_r .news_list_box ._r_news_main {width: 84%; padding:10px 0;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 20px 5px 18px}
.index-news .i_news_r .news_list_box ._r_news_main .date{ display: none;}
.index-news .i_news_r ._r_news_title {font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 8px; }
.index-news .i_news_r ._r_news_text {font-size: 16px;color: #666666;line-height: 28px; overflow: hidden; text-overflow: ellipsis;  display: box;  display: -webkit-box;  -webkit-line-clamp: 2;  /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.index-news .i_news_r_box li:hover {background-color: #015593;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%);color: #fff; }
.index-news .i_news_r_box li:hover .news_list_box {border-color: #cc0000}
.index-news .i_news_r_box li:hover .news_list_box ._r_news_time span._day,.index-news .i_news_r li:hover .news_list_box ._r_news_time span._month {color: #fff}
.index-news .i_news_r_box li:hover ._r_news_title,.index-news .i_news_r li:hover ._r_news_text{color: #fff}
@media (max-width: 1366px) {
.index-news .i_news_r_box li { margin-bottom: 22px;}
.index-news .i_news_r .news_list_box ._r_news_main {padding:10px 0;}
}
@media (max-width: 1285px) {
.index-news .i_news_r .news_list_box ._r_news_main {padding:6px 0;}
}
@media (max-width: 1280px) {
.index-news .i_news_r_box li { margin-bottom: 20px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 15px 5px 10px}
.index-news .i_news_r .news_list_box ._r_news_time {width: 18%;padding: 15px 0 15px;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 82%;}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size:36px;}
}
@media (max-width: 1024px) {
.index-news .i_news_r .news_list_box ._r_news_time {width: 22%;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 77%;}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 26px; margin-bottom: 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:18px;}
.index-news .i_news_r ._r_news_title {font-size: 18px; margin-bottom: 6px;}
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size:16px;}
.index-news .i_news_r_box li { margin-bottom: 17px;}
}
@media (max-width: 992px) {
.index-news .i_news_r .news_list_box ._r_news_time { padding: 10px 0 10px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 3px 10px 3px 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:17px;}
.index-news .i_news_r ._r_news_title {font-size: 17px;}
}
@media (max-width: 768px) {
.index-news .i_news_l{ width:100%; float: none; margin-bottom: 20px;} 
.index-news .i_news_r{ width: 100%; float: none;}
.index-news_lt_row li ._down ._date{ font-size:16px; margin-bottom:10px; }
.index-news_lt_row li ._down ._date span{ font-size: 26px; }
.index-news .i_news_r ._r_news_title:before{ left: -16px; } 
.index-news .i_news_r .news_list_box ._r_news_time {  padding:5px 0 30px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 0px 0px 10px}
.index-news_lt_row li ._down ._tt a{ font-size:16px;}
.index-news .i_news_r ._r_news_title {font-size: 16px;}
.index-news .i_news_r ._r_news_text {height: 50px; line-height: 24px; overflow: hidden}
}
@media (max-width: 568px) {
.index-news .i_news_l{ width: 100%; float: left;} 
.index-news .i_news_r{ width: 100%; float: right;}
.index-news .i_news_r .news_list_box ._r_news_time {width:0px; display: none;}
.index-news .i_news_r .news_list_box ._r_news_main .date{ display: block;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 100%}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:5px 10px 0px 10px}
.index-news_lt_row li ._down { padding:3% 10px; }
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 22px; }
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size: 18px; line-height: 26px; }
.index-news .i_news_r ._r_news_title {font-size: 16px}
.index-news .i_news_r ._r_news_title:before{ left: -12px; } 
}
@media (max-width: 425px) {
.index-news .i_news_r ._r_news_title:before{ left: -10px; } 
.index-news_lt_row li ._down ._desc{margin-top: 7px;}
.index-news .i_news_r ._r_news_title:before{ top:0px; height: 24px; width: 1px;} 

}
@media (max-width: 375px) {
.index-news .i_news_r ._r_news_title:before{ left: -14px; height: 26px;} 
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 20px; margin-bottom: 8px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:0px 5px 0px 5px}
}

/*内页banner*/
.page_banner{position:relative;  height:450px; margin-top: 80px;}
.page_banner .cat_box{position:absolute; bottom:35%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:46px; color:#fff; margin-bottom:30px;line-height:1.5; padding-bottom: 20px; font-weight: bold; position: relative;}
.page_banner .cat_box .cat_name:after{ position: absolute; left: 0px; bottom: 0px; width: 70px; height: 4px; background-color: #fff; content:"";}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner1.jpg) no-repeat center center; background-size:auto 100%;}
.pro_banner1{background:url(../images/pro_banner2.jpg) no-repeat center center; background-size:auto 100%;}
.pro_banner2{background:url(../images/pro_banner3.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}

@media (max-width:1440px){
.page_banner{height:360px;}
}
@media (max-width:1366px){
.page_banner{height:342px; margin-top:26px;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:300px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}
}
@media (max-width:992px){
.page_banner{ height:248px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:192px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px; }
.page_banner .cat_box .cat_name:after{ width: 45px; height: 3px;}
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; float: left;font-size: 16px; position: relative; padding-left: 15px; padding-right: 15px;}
.page_nav .crumb .fa{  text-align: left; float: left; }
.page_nav .crumb a::after{ position: absolute; right: -10px; top: 0px; content: ""; width: 15PX; height: 70PX; }
.page_nav .crumb a:last-child::after{ content: ""; width:0PX; }
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav .r_sec li:first-child:after{display:none;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#0c4d97; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:20%; right:23%;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#0c4d97;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:22px 8px 0; font-size:15px;}
.page_nav .item .fa {margin:29px 0px 0; font-size:15px;}
.page_nav a:hover{color:#0c4d97;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}
.m_sencondNav{position:relative; z-index:9; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:60px; z-index:15;}
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#3680e3; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}

.about-page1 {background: url(../images/aboutbg1.jpg) center no-repeat;-o-background-size: cover;   background-size: cover; }
.about-page1 .tit{ font-size: 30px; font-weight: bold; color: #015696; padding-bottom: 30px;}
.about-page1 .zhs1 {margin-top: 30px;font-size: 16px;line-height: 30px;width: 93%;color: #666;}
@media (max-width: 1440px){
.about-page1 .zhs1 {margin-top: 20px;}
.about-page1 .tit {font-size: 30px;}
}
@media (max-width: 1366px){
.about-page1 .tit{ font-size: 28px;}
.about-page1 .zhs1 {margin-top: 10px; line-height: 28px; }
.about-page1 .about-page1-ul li .shu-div2 {font-size: 17px;}
}
@media (max-width: 1200px){
.about-page1 .tit{ font-size: 24px; padding-bottom: 20px;}
}

@media (max-width: 768px){
.about-page1 .zhs1 {width: 100%;line-height: 25px;margin-top: 20px;}
.about-page1 {padding-bottom: 30px;  }
.about-page1 .tit{ font-size: 20px; padding-bottom: 5px;}
}

.about-page2 {background: url(../images/aboutbg2.jpg) center no-repeat;-o-background-size: cover;   background-size: cover; }
.about-page2 .page-tit h3,.about-page2 .page-tit p{ color: #fff; }
.about-page2 .page-tit h3:after{ background-color: #fff; }
.about-page2 ul li{ width: 25%; float: left;}
.about-page2 .content { width: 100%; min-height: 130px; padding: 25px 10px 15px 25px; border-right: 1px solid rgba(255,255,255,0.45);; color: #fff;}
.about-page2 li:hover .content{ background: #cc3333;}
.about-page2 .content dt{ font-size: 18px; font-weight: bold; line-height: 32px; margin-bottom: 10px;}
.about-page2 .content dd{ font-size: 16px;}
@media (max-width: 1200px){
.about-page2 ul li{ width: 50%; margin-bottom: 10px; }
}

.about-page3 li{overflow: hidden;}
.about-page3{padding-top:40px;}
.about-page3 a{display:block;}
.anim3d { opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; /*overflow:hidden; */transform:translateX(0);perspective: 1500px; -webkit-perspective: 1500px;}
.anim3d.act { opacity:1;}
.about-page3 .item_box{ position:relative; -webkit-transform-style:preserve-3d; transform-style: preserve-3d;  -webkit-transform: rotateX(90deg) translateZ(300px) translateY(-100%); transform: rotateX(90deg) translateZ(300px) translateY(-100%); -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; width:100%;}
.about-page3 .item_box .img_box{position:relative; left:0%; bottom:30px; transform: rotateX(0deg); width:100.1%; overflow:hidden;}
.about-page3 .item_box .img_box .rect-75{z-index: 3;}
.about-page3 .item_box .mask{z-index: 1; }
.about-page3 .item_box:hover .mask{z-index: 4;}
.about-page3 .act .item_box{ -webkit-transform: rotateX(0deg) translateZ(0px) translateY(0px); transform: rotateX(0deg) translateZ(0px) translateY(0px);}
.about-page3 .item_box:after{ content: ''; display: block; background: #015696; position: absolute; top: 0; z-index:1; left: 0; width:100%; height:100%; -webkit-transform: rotateX(-90deg) translateY(100%); transform: rotateX(-90deg) translateY(100%); transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0;}
.about-page3 .delay1 .item_box { -webkit-transition-delay: 0s; transition-delay: 0s; }
.about-page3 .delay2 .item_box { -webkit-transition-delay: .4s; transition-delay: .4s; }
.about-page3 .delay3 .item_box { -webkit-transition-delay: .8s; transition-delay: .8s; }
.about-page3 .delay4 .item_box { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.about-page3 .item_box .tit_box{position:absolute; bottom:0; left:0; padding-bottom: 30px;  width:100%;}
.about-page3 .item_box .tit_box .pd{padding:60px 5% 5px; font-size:20px; font-weight: bold; line-height:50px; color:#fff; position: relative;}
.about-page3 .item_box .tit_box .pd::before{ position: absolute; left: 5%; bottom: 0px; content: ""; width: 50px; height: 3px; background-color: #fff;}
.about-page3 .item_box .mask{position:absolute; padding:5%; bottom:0; top: 0; left:0; right:0; background:url(../images/about_mask.png) center center no-repeat; background-size:cover; opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.about-page3 li:hover .item_box .mask{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.about-page3 li:hover .item_box .tit_box{display:none;}
.about-page3 .item_box .mask .name{font-size:20px;  font-weight: bold;color:#fff; text-align:left; padding-top: 90%; line-height:50px; position: relative;}
.about-page3 .item_box .mask .name::before{ position: absolute; left: 0; bottom: 0px; content: ""; width: 50px; height: 3px; background-color: #fff;}
.about-page3 .item_box .mask .desc{ color:#fff; line-height:30px; margin-bottom:20px; height:96px; margin-top: 10px; overflow:hidden;}
@media (max-width: 1366px){
.about-page3 .item_box .mask .name{ padding-top: 82%; }
}
@media (max-width: 1200px){
.about-page3 .item_box .tit_box .pd{ font-size:18px; }
.about-page3 .item_box .mask .name{font-size:18px; padding-top: 80%; }
.about-page3 .item_box .mask .desc{ line-height:26px; }
}
@media (max-width: 768px){
.about-page3 .item_box .tit_box .pd{ font-size:17px; }
.about-page3 .item_box .mask .name{font-size:17px; }
}
.pro-big-img {width: 100%;height:640px;overflow: hidden;}
.pro-big-img .gallery-left{width:100%;height: 460px;border: 1px solid #eeeeee; margin: 0; }
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 25px; width:98%; overflow: hidden; height: 140px;margin:10px 0 0 10px;  box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 3px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/ left:0px;right:inherit;top:55px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px;top:55px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.show-pro .show-pro-top { background: #f7f7f7; width: 100%; height: 640px;}
.show-pro .show-pro-top .section-content{ width: 45%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 52%; padding-left: 3%; padding-top: 3%; float: left;  }
.show-pro .pro-show-info h1{font-size:32px;line-height: 35px; font-weight: bold; color: #015696;margin-bottom: 30px; padding-bottom:20px; border-bottom: 3px solid #c5c5c5; }
.show-pro .pro-show-info p{min-height: 150px; line-height: 34px; font-size: 16px; color: #666;}
.show-pro .pro-show-info .procontact { margin: 0px 0 15px; float: left; width: 72%;}
.show-pro .pro-show-info .procontact span { font-size: 22px; font-weight: bold; color: #666;}
.show-pro .pro-show-info .procontact a { color: #cc3333;}
.show-pro .pro-show-info .pro-btn{color:#333; font-size: 17px; margin-bottom: 5px; }
.show-pro .pro-show-info .more { width: 28%; float: right;border: 2px solid #a4a4a4;}
.show-pro .pro-show-info .more .span{ background: url(../images/look_bg1.png) 125px center no-repeat;padding: 0 55px 0 5px; }
.show-pro .pro-show-info .more a:hover .span{color: #fff;background: url(../images/look_bg2.png) 125px center no-repeat;}
.show-pro .pro-show-info .ys{ width:100%; padding:70px 0; margin-top: 70px; color:#333;  overflow:hidden;}
.show-pro .pro-show-info .ys span{ width:25%; height:22px; font-size: 16px; line-height:22px; display:inline-table;}
.show-pro .pro-show-info .ys span img{vertical-align:middle;height:22px; width: 24px; margin-right:4px;}
.show-pro .pro-detail-content{padding: 0 0 50px 0;min-height: 200px;}
.show-pro .pro-detail-content img{max-width:100%;height: inherit;}
.section-content-bottom{ margin-top:70px; }
.section-content-bottom .section-content-bottom-left{ width: 73%; float: left;}
.section-content-bottom .section-content-bottom-right{ width:26%; float: right;}
.section-content-bottom .pro_info_1_2 { width: 98%;  background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); background-color: #015593; border: 1px solid #0b78a6;  color: #fff;}
.section-content-bottom .pro_info_1_2 h3 { line-height: 70px; height: 70px; font-size: 24px; padding-left:35px; position: relative;}
.section-content-bottom .pro_info_1_2 h3::before{ left: -10px; top: 10px; content: "• "; width: 25px; height: 10px; }
.section-content-bottom .pro_info_2{ margin-bottom: 50px;}
.section-content-bottom .content{ padding:15px; background: #f7f7f7;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; font-weight: bold; padding-left: 15px;  color:#015696; position: relative;}
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_info_2_1_t:after{ position: absolute; left: 0; top: 5px; height: 20px; background: #015696; content: ""; width: 3px;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_mid{overflow:hidden; width: 98%; }

.section-content-bottom .pro_info_2_2 h3 { line-height: 60px; height: 60px; font-weight: bold; font-size: 24px; position: relative;}
.section-content-bottom .pro_info_2_2 h3::before{ left: -10px; top: 10px; content: "• "; width: 25px; height: 10px; }
.section-content-bottom .pro_info_3_3{margin-top:1.8em; }
.section-content-bottom .pro_info_3_3 li { margin-bottom: 10px;}
.section-content-bottom .pro_info_3_3 img{ width: 100%;}
.section-content-bottom .pro_info_3_3 .product_title{ line-height: 40px; margin-top: 10px; text-align: center; font-size: 16px;}
@media only screen and (max-device-width: 1460px){
.pro-big-img .gallery-left{ height: 435px; }
}
@media only screen and (max-device-width: 1360px){
.pro-big-img { height:600px; }
.show-pro .show-pro-top {  height: 600px;}
.pro-big-img .gallery-left{ height: 405px; }
.show-pro .pro-show-info h1{font-size:28px; margin-bottom: 20px; padding-bottom:15px;border-bottom: 2px solid #c5c5c5; }
.show-pro .pro-show-info .ys{ padding:50px 0; margin-top: 50px; }
.pro_info_2_3_t img{ width: 100%;}
}

@media only screen and (max-device-width: 1300px){
.pro-big-img .gallery-left{ height: 395px; }
.pro-big-img { height:590px; }
.show-pro .show-pro-top {  height: 590px;}
.section-content-bottom .pro_info_1_2 h3 {font-size: 20px; }
.section-content-bottom .pro_info_2_2 h3 {font-size: 20px;}
.show-pro .pro-show-info .pro-btn{ font-size: 16px; }

}
@media only screen and (max-device-width: 1220px){
  .show-pro .pro-show-info .procontact { margin: 0px 0 15px; float: none; width: 100%;}
.show-pro .pro-show-info  .more { margin-top: 20px; width: 100%; float: none; }
.show-pro .pro-show-info .ys{ display: none;}
.show-pro .pro-show-info h1{font-size:20px;}
.show-pro .pro-show-info .procontact { margin: 10px 0 10px;}
.show-pro .pro-show-info .procontact span { font-size: 20px; }
.show-pro .pro-show-info .pro-btn{ margin-top: 40px;}
}
@media only screen and (max-device-width: 1200px){
.show-pro .show-pro-top .section-content{ width: 57%; }
.show-pro .show-pro-top .section-content-show{ width: 41%; padding-left: 4%; }
}
@media only screen and (max-device-width: 1140px){
.show-pro .pro-show-info .procontact span { font-size: 18px; }
}
@media only screen and (max-device-width: 1100px){
.show-pro .show-pro-top .section-content-show{ padding-top: 1%; }
.show-pro .pro-show-info h1{ margin-bottom:10px; padding-bottom: 10px; line-height: 28px;}
}
@media only screen and (max-device-width: 992px){
.show-pro .show-pro-top .section-content{ width: 62%; }
.show-pro .show-pro-top .section-content-show{ width: 36%; padding-left: 2%; }
.show-pro .pro-show-info h1{font-size:18px;font-weight: normal; }
.section-content{font-size:15px;line-height: 28px;padding-bottom:0px;margin-bottom: 0px;}
.show-pro .pro-show-info p{min-height: auto; margin-bottom: 20px; font-size: 16px;}
.pro_info_2_3_t{margin-top:1.5em; line-height:1.8; }
.pro_info_2_3_t img{ width: 100%;}
.show-pro .pro-show-info  .more { margin-top: 20px; width: 50%; float: left; }
.show-pro .swiper-button-next, .show-pro .swiper-button-prev {width: 20px;height: 33px;-moz-background-size: 20px 33px;-webkit-background-size: 20px 33px;background-size: 20px 33px;}
}
@media only screen and (max-device-width: 870px){
.show-pro .show-pro-top .section-content{ width: 100%;  background: #f7f7f7;}
.show-pro .show-pro-top .section-content-show{ width: 100%; padding-left:3%; padding-right: 3%; padding-bottom: 5%; background: #f7f7f7;}
.section-content-bottom .pro_info_1_2 h3 { line-height:50px; height: 50px; padding-left:15px;}
.section-content-bottom .section-content-bottom-left{ width: 100%; float:  none; margin-bottom: 30px;}
.section-content-bottom .section-content-bottom-right{ width:0; display: none; float: none;}
.section-content-bottom .content{ display: none;}
}
@media only screen and (max-device-width: 760px){
.pro-big-img {  width: 100%;  height: inherit;}
.pro-big-img .gallery-left{width:100%;height: initial;}
.pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px;height: 120px; margin-left: 0px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0;right:inherit;top:42%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0;top:42%;bottom:inherit;}
.show-pro .pro-show-info h1{font-size:18px; }
.show-pro .pro-show-info .pro-btn{font-size: 16px; margin-top: 30px;}
.pro_info_2_1_t{ font-size:18px; margin-top: 30px;}
.pro_info_2_3_t{margin-top:1.2em; }
.section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.15em; padding:.6em 1.55em; }
.show-pro .pro-show-info .pro-btn a{width:120px; line-height:35px;height: 35px; }
}
@media only screen and (max-device-width: 460px){
.pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; }
.pro-big-img .gallery-left .swiper-slide img{width:100%; }
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding:.5em 1.25em; }
.section-content-bottom{ margin-top:40px; }
.show-pro .pro-show-info p{ margin-bottom: 10px;line-height: 27px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; }

}
.news_top{ margin-bottom: 40px; position: relative;}
.news_top .swiper-container{width: 100%; }
.news_top .swiper-slide{position: relative;width: 100%!important;background: #f0f0f4;}
.news_top .swiper-slide .info{position: absolute;top: 0;right:40px;width:50%;height: 100%; padding-top: 60px; box-sizing: border-box;background: #f0f0f4;}
.news_top .swiper-slide .info h2{font-size: 24px; margin-bottom: 2.5%;}
.news_top .swiper-slide .info p{color: #666;font-size: 16px;line-height: 28px;padding-bottom: 5%;}
.news_top .swiper-slide .img{float: left; overflow: hidden;}
.news_top .swiper-slide .img img{max-width: 100%;}
.news_top .swiper-pagination-bullet {width: 12px;height: 12px;background: #333;}
.news_top .swiper-pagination-bullet-active { width: 45px;background: #015696;}
.news_top .dec{ color:#939393; margin-bottom: 3%; padding-bottom:2.5%; border-bottom: 1px solid #e5e5e5;}
.news_top .dec .fa{margin-bottom:3px;}
.news_top .dec span{cursor:pointer; display:inline-block;}
.news_top .dec span.date,
.news_top .dec span.view{display:inline-block; margin-right:5px; font-size: 15px;}
.news_top .more { width: 200px;height: 55px; margin-left: 0px; text-align: center; border: 1px solid #a4a4a4;}
@media (max-width: 1480px){ 
.news_top .swiper-slide .info{ width: 47%; }
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction {width: 50%; margin-left: 28%;}
}
@media (max-width: 1366px){ 
.news_top .swiper-slide .info{ width: 44%; }
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction { margin-left: 30%;}
}
@media (max-width: 1280px){
.news_top .swiper-slide .info{ width: 40%; }
.news_top .swiper-slide .info h2{font-size: 24px;}
.news_top .swiper-slide .info p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction { margin-left: 34%;}
}
@media (max-width: 1200px){
  .news_top .swiper-slide .img{ width: 50%; }
.news_top .swiper-slide .info{ width: 41%; }

}
@media (max-width: 1100px){
.news_top .swiper-slide .img{ width: 48%; }
.news_top .swiper-slide .info{ width: 45%; }
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction { margin-left: 30%;}
.news_top .swiper-slide .info h2{font-size: 20px;}
.news_top .more { width: 180px; height: 45px; line-height: 43px;}
.news_top .more .span{line-height: 43px; }
}
@media (max-width: 1050px){
.news_top .swiper-slide .img{ width: 48%; }
.news_top .swiper-slide .info {padding-top: 30px;} 
}
@media (max-width: 780px){
.news_top .swiper-container{width: 100%; }
.news_top .swiper-slide .img{ width: 50%; }
.news_top .swiper-slide .info{ width: 41%;padding-top: 10px;}
.news_top .swiper-slide .info h2{font-size: 17px;margin: 0;padding-bottom: 10px; padding-top: 10px;}
.news_top .swiper-slide .info p{ padding-bottom: 5%; font-size: 15px;}
.news_top .dec{ margin-bottom: 4%;}
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction { bottom: 10px; margin-left: 34%;}
.news_top .more { width: 160px; height: 40px; line-height: 38px;}
.news_top .more .span{line-height: 38px; }
}
@media (max-width: 680px){
.news_top .swiper-container{width: 100%; }
.news_top .swiper-slide .img{ width:100%; height: 550px; }
.news_top .swiper-slide .info{ width: 100%;top: 295px; left: 0; height: 180px; z-index: 999; padding-left: 0px; padding: 15px;}
.news_top .swiper-container-horizontal>.swiper-pagination-bullets,.news_top .swiper-pagination-custom,.news_top .swiper-pagination-fraction { width: 100%; margin-left: 0%;}
.news_top .swiper-pagination-bullet {width: 10px;height: 10px; margin: 0 3px;}
.news_top .swiper-pagination-bullet-active { width: 35px; }

}
@media (max-width: 520px){
.news_top .swiper-container{height:480px; max-height: 480px;}
.news_top .swiper-slide .img{ max-height: 265px; }
.news_top .swiper-slide .info{ top: 265px;}
.news_top .swiper-slide .info h2{ padding-bottom: 10px; }
}
@media (max-width: 450px){
.news_top .swiper-container{height:480px; max-height: 480px;}
.news_top .swiper-slide .img{ max-height: 225px; }
.news_top .swiper-slide .info{top: 225px;}

}
@media (max-width: 400px){
.news_top .swiper-container{height:450px; max-height: 450px;}
.news_top .swiper-slide .img{ max-height: 200px; }
.news_top .swiper-slide .info{top: 200px;}
}
@media (max-width: 370px){
.news_top .swiper-container{height:450px; max-height: 450px;}
.news_top .swiper-slide .img{ max-height: 190px; }
.news_top .swiper-slide .info{ top: 190px;}
}
.news_list li{ margin-bottom: 25px;}
.news_list .list_box{padding:40px 50px 40px; background-color: #f0f0f4; position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.news_list .list_main{overflow:hidden;}
.news_list .bd_c{width:89%; }
.news_list .list_title{font-size:18px; line-height: 38px; margin-bottom:5px;color:#000;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list .list_p{font-size:16px;color:#464646;line-height: 26px; overflow:hidden;}
.news_list .list_time{font-size:18px; font-family: Arial; text-align: center; color: #015593; position: relative; width:7%; }
.news_list .list_time:after{content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; }
.news_list .list_time_day{display:block; font-size:46px;  font-weight: bold; line-height:50px;font-family:helvetica;}
.news_list .list_box:after{ width: 86%; }
.news_list li:hover .list_box{ background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); background-color: #015593; color:#fff;}
.news_list li:hover .list_box:after{background-color:#f8f8f8;}
.news_list li:hover .list_time{ color:#fff;-moz-transition:background .8s ease 0s; -ms-transition:background .8s ease 0s; -o-transition:background .8s ease 0s; -webkit-transition:background .8s ease 0s; transition:background .8s ease 0s;}
.news_list li:hover .list_title a{color:#fff;}
.news_list li:hover .list_p{color:#fff; }
@media only screen and (max-width:1240px){
.news_list .list_box{padding:30px 20px;}
.news_list .list_time{font-size:16px; }
}
@media only screen and (max-width:996px){
.news_list .list_box{padding:20px 10px;}
.news_list .list_time_day{ line-height:70px; }
}
@media only screen and (max-width:900px){
.news_list .list_time{width:9%;}
.news_list .bd_c{width:85%; }
}
@media only screen and (max-width:760px){
.news_list .list_time{width:11%;}
.news_list .bd_c{width:83%; }
.news_list .list_title{font-size:18px;}
}
@media only screen and (max-width:560px){
  .news_list .list_time{width:0px; display: none;}
  .news_list .bd_c{width:100%; }
  .news_list .list_title{ line-height:30px;}
}
.news_show { padding-right: 40px;}
.news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.news_show p,.news_show div { line-height: 30px;}
.news_show .param-tit{font-size: 30px; font-weight: bold;  padding-bottom:15px; color: #333; }
.news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; border-bottom:1px solid #e5e5e5; padding-bottom: 30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; }
.news_show .param-img{  margin-bottom: 20px; }
@media(max-width:1365px) {
.news_show img{ width: 100%;}
}
@media(max-width:1280px) {
.news_show .param-t{font-size: 20px;padding-bottom:20px; }
.news_show .param-tit{font-size: 20px; }
.news_show .param-c { padding-top: 20px;}
}
@media(max-width:1200px) {
.news_show { padding-right: 0px;}
}
@media(max-width:992px) {
.news_show { padding-right: 0px;}
.news_show .param-tit{font-size: 18px;padding-bottom: 5px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show .param-c { padding-top: 10px;}
.news_show p,.news_show div { line-height: 28px;}
}
@media(max-width:680px) {
.news_show .param-t{font-size: 18px; padding-bottom:10px;}
.news_show .param-tit{font-size: 16px; }
.news_show .param-c p{ font-size: 15px;line-height:26px;}
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}

}
.left_nav{ background-color: #f0f0f4; margin-bottom: 25px;}
.left_nav dl{ padding: 30px 0;}
.left_nav dt{ line-height: 58px; font-size: 18px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-bottom: 10px; font-size: 16px;padding-left: 35px; color: #666; }
.left_nav .date{ font-size: 14px;} 
.newsshow ._tools ._back { font-weight:normal; color:#676767; height:26px; line-height:32px; padding-left:30px; vertical-align:middle;float: right;line-height: 1;}
.newsshow ._tools ._back .fa { font-weight:normal; vertical-align:0; }
.newsshow .f_social { width: 50%; float: left; text-align:left; color:#fff; height: 40px; position: relative;}
.newsshow .f_social:after{content:"";width:1px;height:100%;display:block;position:absolute;top:0;right:-20px;background:#cccccc;visibility: visible;}
.newsshow .f_social a{ float:left; color:#777; }
.newsshow .f_social i {width:36px; height:36px; border-radius:50%; line-height:36px; text-align:center; margin-right:15px; border:1px solid#80939e; background: #80939e; }
.newsshow .f_social .fa{text-align:center; font-size: 17px; color:rgba(255, 255, 255, 0.75);}
.newsshow .f_social .fa:before{position: static;}
.newsshow .f_social ul .weixin {position: relative;}
.newsshow .f_social .wechat { position: relative;}
.newsshow .f_social .wechat:hover .vx { display: block;}
.newsshow .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.newsshow .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.newsshow .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.newsshow .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.newsshow .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.newsshow .f_social .share-item { margin-right:8px;}
.newsshow .i_icon{width: 36px;height: 36px;background: url(../images/detail_back.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 10px;}
.service{ margin-top: 30px;}
.service .li_ .cover{position:absolute; left:0; bottom:0; width:100%; z-index:2; background:url(../images/bg3.png);}
.service .li_ .cover .box{padding:30px 30px;}
.service .li_ .cover .box a{color:#fff;}
.service .li_ .cover .box .title{font-size:24px; line-height:30px; font-weight: bold; color:#fff; }
.service .li_ .cover .box p{font-size:20px; line-height:30px; margin-top: 15px;}
.server_right{ position: relative; width: 100%;}
.server_top{ position: absolute; left: -10%; margin-top: 10%; padding:10% 30% 10% 20%; color: #fff;background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); background-color: #015593;
box-shadow: 0px 6px 20px 0px rgba(72, 76, 96, 0.3);}
.server_top h2 {font-size: 22px; line-height: 36px; margin-bottom: 5px; padding-bottom: 10px; position: relative;}
.server_top h2:after{ content: ""; left: 0px; bottom: 0px; width: 45px; height: 2px; background-color: #cc3333; position: absolute;}
.server_top p{ font-size:16px; line-height: 30px; margin-top: 25px; }
.server_top img{ margin-right: 8px;}
.server_top .title{font-size:18px; line-height:30px; font-weight: bold; color:#fff; margin-top: 30px; }
.server_top .title span{font-size:18px; line-height:30px; margin-top: 15px;}
@media screen and (max-width: 1024px){
  .server_top h2 { font-size: 22px; }
  .server_top span { font-size: 20px; line-height: 36px;}
  }
  @media screen and (max-width: 768px){
  .server_top h2 { font-size: 20px; }
  .server_top span { font-size: 18px; line-height: 28px;}
  .server_right{ position: static;}
  .server_top{ position: static; left: 0; margin-top: 2%; padding:10% 3%; color: #fff;}
  }
  @media screen and (max-width: 468px){
  .server_top h2 { font-size:18px; }
  .server_top span { font-size: 17px; line-height: 27px;}
  }

.fwlct{width: 100%;margin:40px auto 30px;overflow: hidden;}
.lii {float:left; position:relative;width:20%;cursor:pointer;}
.lc_ico{display:block;margin:0 auto;width:154px;height: 154px;background: url(../images/lct.png) 0 0 no-repeat;}
.lii.lii2 .lc_ico { background-position:-154px 0px; }
.lii.lii3 .lc_ico { background-position:-308px 0px; }
.lii.lii4 .lc_ico { background-position:-462px 0px; }
.lii.lii5 .lc_ico { background-position:-616px 0px; }
.lii.lii6 .lc_ico { background-position:-770px 0px; }
.fwlct h3{font-size: 18px; font-weight: bold;color: #333; line-height: 30px; margin-top: 15px;text-align: center;}
.fwlct span{display: block;width:40px;height: 37px;background: url(../images/lc_x.png) no-repeat;position: absolute;top: 55px;right: -10px;}
.fwlct h3 P{font-size: 16px; font-weight: normal; text-align: left; width:78%; margin: 15px auto 0;}
@media screen and (max-width:1366px){
.lc_ico{width:130px;height: 130px;background: url(../images/lct1.png) 0 0 no-repeat;}
.lii.lii2 .lc_ico { background-position:-130px 0px; }
.lii.lii3 .lc_ico { background-position:-260px 0px; }
.lii.lii4 .lc_ico { background-position:-390px 0px; }
.lii.lii5 .lc_ico { background-position:-520px 0px; }
.lii.lii6 .lc_ico { background-position:-650px 0px; }
.fwlct h3 P{ width:88%;}
}
@media screen and (max-width:1024px){	
.lc_ico{width:100px;height: 100px;background: url(../images/lct2.png) 0 0 no-repeat;}
.lii.lii2 .lc_ico { background-position:-100px 0px;}
.lii.lii3 .lc_ico { background-position:-200px 0px;}
.lii.lii4 .lc_ico { background-position:-300px 0px;}
.lii.lii5 .lc_ico { background-position:-400px 0px;}
.lii.lii6 .lc_ico { background-position:-500px 0px;}
.fwlct span{top:45px;}
}
@media screen and (max-width:768px){		
.service_intro01{ margin-top:20px;margin-bottom:15px;}
.service_intro01 li{ margin-bottom:8px;}
.service_intro01 li .txt_box{padding: 12px 8px 12px;background: #f4f4f4;}
.service_intro01 li .txt_box .tit{font-size:18px;color: #555;padding-bottom: 8px;position: relative;margin-bottom: 8px;}
.ser_lc{margin:0px auto; overflow:hidden;}
.fwlct{margin: 30px auto 0px;}
.fwlct .lii{float:left;width: 30%;margin: 10px 1.5%;}
.fwlct .lii:nth-child(4),.fwlct .lii:nth-child(5) { width: 45%;}
.fwlct h3{font-size: 17px;color: #1c1b28; line-height: 24px; margin-top: 10px;text-align: center;}
.fwlct span{display: none;}
.fwlct h3 P{font-size: 15px; width:90%; }
}
@media screen and (max-width:500px){
.lc_ico{width:90px;height: 90px;background: url(../images/lct3.png) 0 0 no-repeat;}
.lii.lii2 .lc_ico { background-position:-90px 0px;}
.lii.lii3 .lc_ico { background-position:-180px 0px;}
.lii.lii4 .lc_ico { background-position:-270px 0px;}
.lii.lii5 .lc_ico { background-position:-360px 0px;}
.lii.lii6 .lc_ico { background-position:-450px 0px;}
.fwlct .lii{float:left;width: 45%;margin: 10px 1.5%;}
.fwlct .lii:nth-child(4),.fwlct .lii:nth-child(5) { width: 45%;}
}
@media screen and (max-width:360px){
.lc_ico{width:70px;height: 70px;background: url(../images/lct4.png) 0 0 no-repeat;}
.lii.lii2 .lc_ico { background-position:-70px 0px;}
.lii.lii3 .lc_ico { background-position:-140px 0px;}
.lii.lii4 .lc_ico { background-position:-210px 0px;}
.lii.lii5 .lc_ico { background-position:-280px 0px;}
.lii.lii6 .lc_ico { background-position:-350px 0px;}
.fwlct h3 P{ width:100%; }
}
.question li{margin-bottom:1rem;padding:0 .5rem}
.question .date{margin-bottom:10px;font-weight:lighter}
.question h3{ font-size: 18px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.question p{ font-size: 16px; line-height: 30px; -webkit-line-clamp:4;margin-top:10px; color: #707070;}
.question-inner{position:relative; border-radius:10px;border:1px solid rgba(0,0,0,.15);padding:35px;-webkit-transition:.13s ease-in;transition:.13s ease-in}
.question-inner:hover{ color: #fff; -webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);background-image: linear-gradient(90deg,#015593 0%,#1598b6 90%); background-color: #015593;color:#fff;border:1px solid rgba(0,100,220,.2);-webkit-box-shadow:0 5px 50px rgba(0,110,220,.1);box-shadow:0 5px 50px rgba(0,110,220,.1);cursor:pointer}
.question-inner:hover .date{color: #fff;}
.question-inner:hover h3, .question-inner:hover p{color: #fff;}
.message .desc{ font-size: 18px; margin-bottom: 35px;}
.message .message-left img{ width: 100%;}
.message .form-item {margin-bottom: 20px;}
.message form .button {text-align: center;}
.message form .button button {padding: 12px 60px;background-color: #015696;color: #fff;}
.message label {display: block;color: #333;font-weight: 400;margin-bottom: 10px; font-size: 18px;}
.message label span {color: #cc0000;}
.message .form-item input {width: 100%;border: 0;  line-height: 42px; color: #666; border: 1px solid #dcdcdc; background: transparent; padding-bottom: 5px;}
.message .form-area textarea {resize: none;width: 100%; height: 130px;border: 0;border: 1px solid #dcdcdc;background: transparent;}
.message .form-bottom {margin-top: 30px;}
.message .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.message .form-bottom #code {width: 225px;height: 55px;border: 1px solid #e5e5e5;background: transparent; margin-right: 15px;}
.d-inline {
display: inline-block;
}
@media(max-width:768px) {
.message .message-left { margin-bottom: 20px;}
.message .message-left .rect-83 { padding-bottom: 60%;}
.message label {font-size: 16px;}
.message .desc{ margin-bottom: 20px; line-height: 28px; font-size: 16px;}
.message form .button button {padding: 10px 40px;}
.message form .button.fr{ float: none; margin-top: 10px;}
}
.contact .box{padding:35px 30px; margin-bottom: 25px; display:block;box-shadow:0 0 10px rgba(1,86,150,.2);}
.contact .intro { text-align: center;}
.contact .intro .top_ .title{color:#333; line-height:38px; font-size:18px; font-weight: bold; }
.contact .intro .con{ line-height:38px; color:#4c4c4c; font-size:16px;  overflow:hidden;}
@media screen and (max-width: 768px){
.contact .box{padding:35px 25px;}
.contact .intro .con{ font-size:14px;}
}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%;height:450px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}