*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: helvetica,"Microso Yahei", sans-serif;}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; color: #454545; background: #fff; }
img{ max-width:100%; vertical-align: middle;}



/*  头部信息  */
.heder-bg{ background: #f5f5f5;}
.header-box{ width: 100%; height:100px;z-index: 99; position: fixed; top: 0;   transition: all .5s ease; background:rgba(25,65,96,0.3);}
.header-box-cen{  width: 100%; margin: 0 auto; max-width: 1315px; padding: 0 3%;display: flex;justify-content : space-between; }
.header-Logo{ max-width: 324px;  height: 100px;display: flex;align-items: center;justify-content: center; float: left;}
.header-box.fixed{background:#f5f5f5;transition: background .3s;left:0;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.header-box.fixed2{background:rgba(0,0,0,1);left:0;}
.header-box.fixed .menu-box li a{ color: #454545;}
.header-box.fixed .bllogo{ display: none;}
.header-box.fixed .fixlogo{ display: block;}
.fixlogo{ display: none;}
.menu-box{ width: auto;height: 100px;}
.menu-box li{float: left; text-align: center; position: relative;  }
.menu-box li a{ display: block; color: #fff; padding: 0 25px; height: 100px; line-height: 100px; margin-right: 5px; position: relative; transition: all .5s ease;display: -webkit-flex;
display: flex;
flex-wrap: wrap; font-weight: bold;
align-content: center;}
.menu-box li a:hover{transition: all .5s ease; color: #fff;}
.menu-box li .menu_link{color: #fff;}
.heder-bg .menu-box li .menu_link{color: #999 !important;}
.lanbox{ color: #666 !important; background: #fff;box-shadow: 1px 1px 8px rgba(0,0,0,0.2); border-right: 100px !important; padding:0 10px !important; position: relative; top: 35px;  height: 26px !important; text-align: center;}
.lanbox img{ height: 30px; max-height: 100% }
.lanbox:hover{ background: #073f7e !important; color: #fff !important;}

.heder-bg .menu-box{ height: 100px; margin-top: 0;}
.heder-bg .menu-box li a{ height: 100px;}
.heder-bg .min-menuclass{ top: 100px;}
.wibox{ background:rgba(218,236,244,0.25); padding: 40px !important; min-height: 500px; margin-top: 0 !important; position: relative; top: -106px; z-index: 9; }
.wibboxbg{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 40px;}

.min-menuclass{ width: 108px; height: auto; overflow: hidden; display: none;box-shadow: 2px 2px 4px rgba(0,0,0,0.1); 
padding-top: 5px; padding-bottom: 5px; position: absolute; top: 100px; left:0px; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.min-menuclass a:hover::after{ background: none !important;}
.min-menuclass a{ height: auto !important;  padding: 0 24px !important; font-size: 14px !important; padding-right: 10px !important; margin-right: 0 !important;
 line-height: 20px !important; padding-top: 10px !important; text-align: left !important; 
padding-bottom: 10px !important; color: #454545 !important; display: block !important; overflow: hidden;}
.menu-box li:hover .min-menuclass{ display: block !important;}
.min-menuclass a:hover{ background: #f1f1f1; color: #000;}

.Right-menu-list li a:hover {
    color: #1a6d83;
    background: #eeeeee;
}


.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #3e89c9; font-size: 26px;}
/*.menu_icon img{ position: absolute; right: 50px; top:18px; width: 25px;}*/
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%;  position: fixed; top: 0; right:-250px; background: #fff; transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px; height: 95%; overflow-y: auto;}
.Right-menu-list li{ width: 100%; height: auto;border-bottom: #ddd solid 1px; position: relative}
.Right-menu-list li a{ color: #000; font-size: 16px; display: block; padding:15px 30px; z-index: 6; position: relative; }
.Right-menu-list li a:hover{ color: #1a6d83;background: #eeeeee; }
.r-block{ display: block;}
.r_none{ display: none;}
.pc-none{ display: none;}
.Right-menu-list li a span{ position: absolute; right: 20px; top: 15px;}
.waplan img{ position: absolute; right: 60px; top:18px; width: 25px;}

.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 18px; cursor: pointer;}
.kong{ width: 100%; height: 100px;}
.header-right{  float: right;}
.header-right ul{ float: right; width: 45%; padding-top: 10px;}
.header-right ul li{ width: 46%; float: left; text-align: center; margin-left: 4%;}
.header-right ul li p{ font-size: 12px;}
.header-right ul li img{ width: 90%;}
.header-tel{ font-size: 22px; font-weight: bold; height: 100px;float: left; color: #454545;display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center;}
.header-tel span{ color: #e70012; font-size: 18px; position: relative; top: 2px;}

/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative; padding-bottom: 50.5%; cursor:grab;background-size: cover !important;background-position: 50% !important;}
.banner_box .swiper-slide img{ width: 100%;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 20px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 12px;height: 12px; margin-right: 20px; border-radius: 100px; border: none; background: #fff;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#cca400;transition: all .3s;border-radius: 100px; }
.banner-text{ position: absolute; top: 35%; overflow: hidden; width: 100%; text-align: center; color: #fff; z-index: 9; }
.banner-text span{ margin-top: 20px; margin-bottom: 35px; overflow: hidden; display: block;}
.banner-text p{ font-size: 50px; font-weight: bold;}
.banner-text a{ width: 120px; height: 40px; line-height: 40px; margin: 0 auto; border: rgba(255,255,255,0.5) solid 1px; display: block; text-align: center; color: #fff;}
.banner-text span i{display: block;font-size: 50px; font-weight: bold; font-style: normal; }
.banner-video{ width: 100%;  height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.banner-video video{ width: 100% ;  max-width: 100%; object-fit:cover; }
.banner-wenzi{ position: absolute; max-width: 1200px; left: 50%; width: 100%; margin-left: -600px; text-align: right; top:25% ; font-weight: bold;
 font-size: 56px; color: #fff;}
.banner-video  .banner-wenzi{ text-transform: Uppercase;}
.banner-video  .banner-wenzi div{ width: 170px; height:50px; position:relative;z-index: 9; cursor: pointer; margin-top: 30px; line-height: 50px; color: #194160; text-align: center; font-size: 18px; background: #fff ; border-radius: 100px; float: right;}
.banner-video  .banner-wenzi p{ line-height: 4.75rem;text-shadow: 3px 3px 3px rgba(25,65,96,0.2);}
.video-bg{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.7); z-index: 99; display: none;}
.video-box{ width: 70%; height: auto; overflow: hidden; position: fixed; top: 15%; left: 15%; text-align: center; z-index: 9999; display: none;}
.video-box video{ max-width: 1200px; max-height: 100%;border: #000 solid 10px;}
.video-cols{ position: fixed; right: 20px; top: 20px; border: #fff solid 1px; border-radius: 100px; width: 30px; height: 30px; line-height: 30px; color: #fff;
 font-size: 12px !important; z-index: 999; cursor: pointer;}

.about-bann .swiper-slide{ padding-bottom: 39% !important;}
.ny-bann{padding-bottom: 39% !important;background-size: cover !important;background-position: 50% !important;}


.web-bg{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10%; background: url(../images/home-bg.jpg) top center no-repeat;}
.cenbox{ margin: 0 auto; max-width: 1315px; padding: 0 3%; margin-top:3%; }
.cenbox2{ margin: 0 auto; max-width: 1200px; padding: 0 3%; margin-top:3%; }
.home-about-title{ font-size: 48px; margin-left: 60px; font-weight: bold; color: #333333;text-transform: Uppercase; }
.home-about-left{ width: 56%; padding: 40px;background:rgba(255,255,255,0.2);margin-top: 30px; z-index: 9; position: relative;}
.home-about-content{ line-height: 1.75rem; font-size: 18px; color: #333333; }
.home-about-content div{width: 100%;height: auto; padding: 40px; overflow: hidden; background:#f5f5f5;font-weight: bold;  display: block;box-shadow: 2px 2px 14px rgba(0,0,0,0.1);  text-align: justify;}
.home-about-more{ width: 100px; margin-top: 30px; height: 36px; text-align: center; line-height: 36px;display: block; border-radius: 100px; 
color: #2e6c89; border: #2e6c89 solid 1px;transition: all .5s ease; font-size: 14px;}
.home-about-more:hover{ background: #2e6c89; color: #fff;transition: all .5s ease;}
.home-about-img{ width: 60%; padding-bottom: 24%;  position: absolute; right: 0; margin-top: -9%;  background-size: cover !important;
background-position: 50% !important; z-index: 6;}
.home-about-img p{ position: absolute; top: -125px; left: 42%; color: #194160; font-size: 110px; font-weight: bold;}
.home-kong{ padding-bottom: 32%;}
.home-news-top{font-size: 48px; font-weight: bold; text-align: center; text-transform: Uppercase; color: #333333;}
.home-news-box{ width: 85%; height: auto; overflow: hidden;margin-top: 60px; position: relative;}
.home-news-img{ width: 54%; float: left; padding-bottom: 30%; position: relative; }
.home-news-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.home-news-right{ width: 40%; float: right;color: #333;}
.home-news-time{ font-size: 48px; color: #333; margin-top: 40px;}
.home-news-yes{ font-size: 20px; color: #333; }
.home-news-title{ font-size: 24px; margin-top: 60px; margin-bottom: 30px;}
.home-news-text{ color: #666; font-size: 18px; line-height: 1.75rem;font-family: "OpenSans-Regular";display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    word-wrap: break-word;
    word-break: break-all;}
.home-news-more{width: 100px; margin-top: 30px; font-size: 14px; height: 36px; text-align: center; line-height: 36px;display: block; border-radius: 100px; 
color: #2e6c89; border: #2e6c89 solid 1px;transition: all .5s ease;}
.home-news-more:hover{background: #2e6c89; color: #fff;transition: all .5s ease;}
.home-news-box .swiper-slide{ width: 100.1%;}
.ability-buttom-left{ left: 0px !important; outline:none; color: #fff !important;  background: #2e6c89;border-radius: 100px;  transform:scale(.5);width: 80px !important; height: 80px !important; display: block;}
.ability-buttom-left::after,.ability-buttom-right::after{ font-size: 24px !important;   }
.ability-buttom-right{ right: 0px !important;outline:none;color: #fff !important; background: #2e6c89;border-radius: 100px;  transform:scale(.5);width: 80px !important; height: 80px !important; display: block;}
.About-pic-butt{ width: 140px; height: 40px; position: absolute; right: 0%; z-index: 6; bottom:30px;}
.home-message{ width:100%; height: auto; overflow: hidden; background: #f5f5f5; padding-top: 1.6%; padding-bottom: 4%;}
.home-message-left{ width: 50%; float: left;}
.home-message-left img{ max-width: 166px; max-height: 61px; margin-bottom: 20px;}
.home-message-left div{ color: #1f6281; font-size: 20px; text-transform: Uppercase; }
.home-message-left p{ color: #333333; font-size: 32px; font-weight: bold;}
.home-messages-right{ width: 40%; float:right}
.home-message-input{ width: 48%; height: 40px; line-height: 40px;font-family: "OpenSans-Light"; background: none; outline: none; border-radius: 100px; padding-left: 20px; border: #2e6c89 solid 1px; float: left;}
.input-right{ float: right;}
.home-message-input2{ width: 100%; margin-top: 15px;}
.home-submit{ width: 140px; height: 40px; line-height: 40px; margin-top: 15px;  font-size: 16px; border: none; border-radius: 100px; background: #194160; color: #fff; outline: none; cursor: pointer;}
.footer-left{ width: 55%; float: left;}
.footer-right{ width: 40%; float: right; border: #d7d7d7 solid 1px; padding: 40px;}
.footer-left-1{ width: 60%; float: left;}
.footer-left-2{ width: 25%; float: right; margin-top: 40px;}
.footer-left-1 img{ max-width: 207px;}
.footer-left-copy{ font-size: 15px; margin-top: 35px;font-family: "OpenSans-Light"; color: #333;}
.footer-link{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 40px;}
.footer-link a{ float: left; margin-right: 15px;}
.footer-link a img{ max-width:38px; max-height: 38px ;}
.footer-copy-text{font-family: "OpenSans-Light"; color: #666666;font-size: 14px;padding-bottom: 60px;}
.footer-left-2 p{ font-size: 20px; color: #333; margin-bottom: 30px;}
.footer-left-2 a{ width: 100%; display: block; margin-bottom: 30px; color: #666; font-weight: bold; }
.footer-left-2 a:hover{color: #1f6281; }
.footer-right li{ border-bottom: #e5e5e5 solid 1px; padding-top: 10px; height: auto; overflow: hidden; padding-bottom: 8px; margin-bottom: 10px;}
.footer-r-t1{ font-size: 20px; color: #333; margin-bottom: 20px; font-weight: bold;}
.footer-right li p{font-family: "OpenSans-Light"; font-size: 15px; width: 90%; float: left; }
.footer-right li span{ float: left; color: #1f6281; font-size: 18px; position: relative; top: 2px; margin-right: 10px;}


.title-box{ text-align: center; font-size: 36px; font-weight: bold; color: #333; text-transform: Uppercase;}
.content-box{ line-height: 1.75rem; margin-top: 40px; color: #000;}
.content-box a{color: #000;}
.text-img{ width: 42%; float: left; margin-right: 4%;}
.lders-list{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 40px;}
.lders-list li{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; margin-bottom: 40px;}

.lders-list li .content-box{ margin-top: 0; padding: 40px;}
.lders-top{ width: 100%; height: 166px; position: relative;}
.lders-logo{ width: 60%; height: 100%; position: absolute; top: 0; left: 40px;display: flex;
align-items: center;
justify-content: left; }
.lders-url{ width: 40%; height: 166px; line-height: 166px; text-align: right; font-size: 18px; float: right; margin-right: 40px; color: #333;}
.partners-title{ font-size: 30px; font-weight: bold; color: #194160;margin-bottom: 30px;}

.ny-menu{ width: 100%; height:auto ; overflow: hidden; padding-top: 40px; padding-bottom: 20px; text-align: center; }
.ny-menu li{ display: inline-block;}
.ny-menu li a{ margin: 0 10px; padding: 0 40px; border-radius: 100px; height: 40px; line-height: 40px; color: #c0c0c0; display: inline-block; position: relative; 
  border: #d1d1d1 solid 1px; }
.ny-menu li a:hover{background: #194160; color: #fff; border: #194160 solid 1px; }
.ny-menu li .menu-act{ background: #194160;  color: #fff;border: #194160 solid 1px; }
.delivery-top{ width: 100%; height: auto; overflow: hidden; background: #194160; margin-top: 40px;}
.delivery-top li{ float: left; height: 46px; color: #fff;font-family: "OpenSans-Light"; font-size: 14px; text-transform: Uppercase; text-align: center; line-height: 46px;}
.delivery-top li:nth-child(1){width:4%;}
.delivery-top li:nth-child(2){width:11%;background: #1f6281;}
.delivery-top li:nth-child(3){width:20%;}
.delivery-top li:nth-child(4){width:7%;background: #1f6281;}
.delivery-top li:nth-child(5){width:8%;}
.delivery-top li:nth-child(6){width:17%;background: #1f6281;}
.delivery-top li:nth-child(7){width:10%;}
.delivery-top li:nth-child(8){width:8%;background: #1f6281;}
.delivery-top li:nth-child(9){width:15%;}
/*.delivery-top li:nth-child(10){width:15%;background: #1f6281;}*/

.delivery-list{ width: 100%; min-height: 400px; padding-bottom: 60px}
.delivery-list-li{ width: 100%; height: auto; overflow: hidden;}
.delivery-list-li li{ height: 90px; float: left;display: flex; position: relative;
align-items: center; background: #f8f8f8; text-align: center;font-family: "OpenSans-Light"; 
justify-content: center;text-transform: Uppercase;  color: #333; margin-bottom: 3px;}
.delivery-list-li li img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.delivery-list-li li:nth-child(1){width:4%;}
.delivery-list-li li:nth-child(2){width:11%;}
.delivery-list-li li:nth-child(3){width:20%;}
.delivery-list-li li:nth-child(4){width:7%;}
.delivery-list-li li:nth-child(5){width:8%;}
.delivery-list-li li:nth-child(6){width:17%;}
.delivery-list-li li:nth-child(7){width:10%;}
.delivery-list-li li:nth-child(8){width:8%;}
.delivery-list-li li:nth-child(9){width:15%;}
/*.delivery-list-li li:nth-child(10){width:15%;}*/
.delivery-list-li li:nth-child(9) a{ height: 26px; padding: 0 15px; transition: all .5s ease;font-size: 12px; color: #fff; 
line-height: 26px; border: #fff solid 1px; border-radius: 100px; position: absolute; top: 35%; z-index: 9; opacity: 0;}
.delivery-list-li li:nth-child(9)::before{ width: 100%; z-index: 9; height: 100%; background: rgba(0,0,0,0); content: ""; display: block; position: absolute; top: 0; left: 0;}
.delivery-list-li:hover li a{ opacity: 1;}
.delivery-list-li:hover li::before{background: rgba(0,0,0,0.5);}

.wap-delivery-list{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; padding-bottom: 30px;}
.wap-delivery-list li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; border: #f5f5f5 solid 1px;}
.wap-delivery-img{ width: 100%; padding-bottom: 42%; position: relative; overflow: hidden;}
.wap-delivery-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.wap-delivery-text{ width: 100%; height: auto; overflow: hidden; position: relative;display: flex;justify-content : space-between;}
.wap-delivery-text p{ padding-top: 9px; padding-bottom: 9px; 
 width: 40%; float: left; padding-left: 10px;text-transform: Uppercase; 
color: #999; }
.wap-delivery-text div{display: flex; color: #000;
align-items: center; width:55%; padding-top: 9px; padding-bottom: 9px; 
justify-content:left;text-transform: Uppercase; }
.wap-2{background: #f5f5f5;}
.show-ban{ margin-top: 40px;}
.show-box{ width: 100%; height: auto; overflow: hidden;display: flex;justify-content : space-between; margin-bottom: 8%;}
.show-box-left{ width: 58%; height: auto; overflow: hidden; background: #f8f8f8; padding: 30px;float: left; }
.show-box-right{width: 42%; height: auto; overflow: hidden; background: #194160; color: #fff; padding: 30px;float: left;}
.show-ban-title{ font-size: 24px; color: #333; position: relative;}
.show-ban-title::before{ width: 60px; height: 2px; background: #1f6281; content: ""; display: block; position: relative; top: 45px;}
.show-ban-text{ color: #333; width: 100%; margin-top: 40px;}
.show-ban-down{ width: 100%; height: auto; margin-top: 30px;}
.show-ban-down a{ padding: 0 20px; height: 33px; text-transform: Uppercase; line-height: 33px; margin-right: 20px; border-radius: 100px; color: #194160; border: #194160 solid 1px; text-align: center; display: block; float: left;}
.show-ban-down a span{ margin-left: 10px;}
.show-ban-down a:hover{ background: #194160; color: #fff;}
.show-box-r-title{ font-size: 18px; color: #fff; font-weight: bold; text-transform: Uppercase; padding-bottom: 15px; border-bottom: rgba(255,255,255,0.1) solid 1px;}
.wap-delivery-text2{ width: 100%; height: auto; font-size: 15px; overflow: hidden; position: relative;display: flex;justify-content : space-between;}
.wap-delivery-text2 p{ padding-top: 3px; padding-bottom: 3px; 
 width: 36%; float: left; text-transform: Uppercase; 
color: #fff; }
.wap-delivery-text2 div{display: flex; color: #fff; font-weight: bold;
align-items: center; width:60%; padding-top: 3px; padding-bottom: 3px; 
justify-content:left;text-transform: Uppercase; }
.show-box-r-list{ padding-top: 20px;}

.history-list{ width: 100%; height: auto; overflow: hidden; padding:0 6%; padding-top: 6px; margin-bottom: 30px;}
.history-date{ width: 13%; height: auto; float: left; font-size: 48px; color: #333;}
.history-line{ width: 10%; height: 2px; background: #000000; float: left; position: relative; top: 15px;}
.history-line::before{ width: 10px; height: 10px; border-radius: 100px; background: #000; content: ""; display: block; position: absolute; right: 0; top: -4px;}
.history-right{ width: 73%; float: right; padding-top:3px}
.history-title{ font-size: 24px; color: #194160; margin-bottom: 20px;}
.history-text{ font-size: 17px ;color: #333; line-height: 1.65rem;text-align: justify;}
.history-right li{ margin-bottom: 30px;}


.list_news{ width: 100%; height: auto; overflow: hidden; margin-top: 60px; padding-bottom: 40px;}
.list_news li{ width: 100%; height: auto; background: #fafafa;overflow: hidden; margin-bottom:2%;  }
.list_news li:hover .list_news-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.list_news-img{ width: 30%; padding-bottom: 19.5%; float: left; position: relative; overflow: hidden;}
.list_news-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list-news-time{ width: 15%; float: left; padding-left: 2.5%; padding-top: 20px;}
.list-news-time span{color: #333; font-size: 22px; position:relative; top: -4px;}
.list-news-time p{ font-size: 38px; color: #333;}
.list_news-right{ width: 55%; float: left;}
.list_news-title{ font-size: 20px; color: #454545; line-height: 1.65rem; font-weight: bold; margin-top: 30px;}
.list_news-right p{ float: left; font-size: 14px; color: #999; margin-top: 10px;}
.list_news-text{ width: 100%; height: auto; overflow: hidden; padding-top: 15px; margin-bottom:15px;  display: block;  color: #454545;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical; padding-right: 20px; line-height: 1.75rem;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.list-moreR{ float: right;}
.lisnorebox {
    height: 36px; width: 100px; border: #1f6281 solid 1px;
    line-height: 36px; margin-right: 20px;
    display: block; font-size: 14px; border-radius: 100px;
    text-align: center;
    color: #1f6281;transition: all .5s ease;
}
.list_news li:hover .lisnorebox{ background: #1f6281; color: #fff;}
.list_news li:hover .list_news-title{color: #1f6281;}
.show-news-title{ font-size: 30px; color: #333; text-align: center; line-height: 1.95rem;}
.show-news-time{ text-align: center; color: #999; margin-top: 8px; margin-bottom: 40px;}
.show-news-box{ width: 100%; color: #000; height: auto; line-height: 1.75rem; overflow: hidden; background: #fafafa; padding: 40px; margin-bottom: 40px;}
.show-back{ width: 100px; height: 36px; line-height: 36px; border-radius: 100px;  text-align: center; border: #1f6281 solid 1px; color: #1f6281; display: block; margin: 0 auto; margin-bottom: 40px;}
.show-back:hover{ background: #1f6281; color: #fff;}

.contact-t1{ font-size: 24px; color: #1f6281;}
.contact-text{ line-height: 1.75rem; color: #333; margin-top: 15px; margin-bottom: 15px;text-align:justify}
.contact-list{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.contact-list li{ width: 25%; float: left;}
.contact-list li:nth-child(1){ width: 40%; margin-right: 10%;}
.contact-bottom{ margin-bottom: 7%;}

#yk2{ width: 100%; height: 100%; position: fixed; top: 0; background:rgba(0,0,0,0.7); z-index: 99 ; display: none}
#yk2 img{ width: 80px; position:fixed; top: 50%; left: 50%; margin-left:-40px;  }
#yk3,#yk1{ display: none }


.zzsc1 {
  width: 50px; position: fixed; top: 50%; left: 50%; margin-left: -25px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}

.zzsc1 > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.zzsc1 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.zzsc1 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.zzsc1 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.zzsc1 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 60px;}
.header-Logo{ max-width:100px;}
.menu_icon,.wap-block,.menu_icon{ display: block;}
.menu-box,.wap-none,.menu-box,.header-right,.home-about-img p{ display: none;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px; margin-right: 10px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
.min-menuclass{ position: relative; top: 0;z-index: 1;}
.Right-menu-list li:hover .min-menuclass{ display: block;}
.News-right dd,.text-content{ font-size:14px;  }
.header-box-cen{ padding-left: 4%;}
.cenbox{ padding: 0 4%; margin-top: 30px;}
.banner_box .swiper-slide{ padding-bottom: 67%;}
.menu_icon{ line-height: 60px;}
.banner-wenzi{ width: 90%; left: 5%; top: 28%; margin-left: 0; font-size: 18px;}
.banner-video{ height: inherit !important;}
.banner-video .banner-wenzi p{line-height: 1.75rem; }
.banner-video video{ height: 100%;}
.banner-video .banner-wenzi div{ width: 120px; margin-top: 15px; height: 30px; line-height: 30px; font-size: 14px;}
.video-box video{ max-width: 100%;}
.video-box{ width: 94%; left: 3%; top: 35%;}
.home-news-top{ font-size: 30px;}
.home-about-title{ font-size: 30px; margin-left: 0; text-align: center;}
.home-about-left{ width: 100%; padding: 0px; background: #fff;}
.home-about-content div{box-shadow:inherit; padding: 20px;}
.home-about-img{ margin-top: 0; width: 92%; right: 4%; padding-bottom: 41%;}
.home-kong{ padding-bottom: 70%;}
.home-news-img{ width: 100%; padding-bottom: 60%;}
.home-news-box{ width: auto; padding: 0 4%; overflow: hidden; margin-top: 30px;}
.ability-pic{ overflow: hidden;}
.home-news-right{ width: 100%;}
.home-news-time{ margin-top: 20px; font-size: 30px;}
.home-news-title{ margin-top: 20px; font-size: 24px; margin-bottom: 20px;}
.home-news-text{ font-size: 16px;}
.About-pic-butt{ bottom: 20px;}
.home-message-left{ width: 100%; }
.home-messages-right{ width: 100%; margin-top: 30px;padding-bottom: 25px;}
.home-message-left p{ font-size: 24px;}
.web-bg{background-size: cover !important;
    background-position: 90% !important;}
.footer-left,.footer-left-1{ width: 100%;}
.footer-left-1 img{ max-width: 120px;}
.footer-left-2{ width: 100%; margin-top: 0px;}
.footer-left-2 a{ width: 33.333%; float: left;}
.footer-right{ width: 100%; padding: 15px; margin-bottom: 15px;}

.home-message-left img{ max-width: 120px;}
.min-menuclass {
	 width: 100%;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px; box-shadow: none;
}
.about-bann .swiper-slide,.ny-bann{ padding-bottom: 50% !important;}
.cenbox2{ width: 94%;}
.title-box{ font-size: 24px;}
.wibboxbg{ padding: 20px;}
.wibox{ top: -40px; padding: 15px !important; font-size: 16px; width: 100%;}
.text-img{ width: 100%; margin-bottom: 20px;}
.lders-top{ height: 100px;}
.lders-logo{ height: 65%; width: 60%; left: 15px;}
.lders-url{ float: left; text-align: left; margin-left: 15px; height: 50px; line-height: 50px; margin-top: 50px; font-size: 14px;}
.lders-list li .content-box{ padding: 15px;}

.ny-menu{ padding: 0 0%; margin-top: 20px;}
.ny-menu li{ width: 48%; float: left; margin-bottom: 10px;}
.ny-menu li:nth-of-type(even){   float: right;}
.ny-menu li a{ margin: 0 auto; padding: 0 0; width: 100%; display:block;  }
.show-box-left,.show-box-right{ width: 100%; padding: 30px 15px 40px 15px;}
.show-box{ display: block; margin-bottom:60px;}
.show-ban-down{ overflow: hidden;}
.show-ban-down a{ width: 49%; padding: 0 0px; font-size: 12px; margin-right: 0;}
.show-ban-down a span{ margin-left: 0px; font-size: 14px;}
.show-ban-down a:nth-of-type(even){   float: right;}
.wap-delivery-text2{ font-size: 14px;}
.show-ban-text{ font-size: 18px;}
.wap-delivery-text2 p,.wap-delivery-text2 div{ padding-top: 6px; padding-bottom: 6px; padding-left: 0;}

.history-list{ padding: 0 0; padding-top: 3px;}
.history-date{ width: 20%; font-size: 24px;}
.history-right{ width: 67%;}
.history-title{ font-size: 20px;}
.history-text{ font-size: 16px;}

.list_news-img{ width: 100%; padding-bottom: 60%;}
.list-news-time{ width: 100%; padding: 0 20px; margin-top: 10px;}
.list_news-right{ padding: 0 20px;  width: 100%; padding-bottom: 20px;}
.list_news-text{ display:none}
.list_news-title{ margin-top: 0; margin-bottom: 20px; font-size: 18px;}
.list-news-time p{ font-size: 26px;}
.list-news-time span{ font-size: 18px;}
.list_news li{ margin-bottom: 20px;}
.show-news-title{ font-size: 20px; line-height: 1.65rem;}
.show-news-box{ padding: 20px;}

.contact-list li,.contact-list li:nth-child(1){ width: 100%;}
.contact-t1{ font-size: 20px;}
.wap-delivery-text p{ font-size: 14px; width: 30% }
.wap-delivery-text div{ width: 65% }
.content-box img{ width: inherit !important; height: inherit !important; }

.waplan{ position: absolute; height: 30px; width:30px;  top: 15px; line-height:30px; text-align: center; 
	border-radius: 100px; right: 60px; color: #666; font-size: 14px; z-index: 9; background: #fff ;box-shadow: 1px 1px 8px rgba(0,0,0,0.2); }
.waplan a{ color: #666 }

}


@media (width:768px)
{

.home-pro .swiper-slide{ width: 50%;}
.list_news-img{ width: 35%; padding-bottom: 23%; float: left; position: relative; overflow: hidden;}
.list-news-time{ width: 15%;}
.list_news-right{ width: 49%;}
.list-news-time p{ font-size: 24px;}
.list_news-title{ line-height: 1.55rem; margin-top: 15px;}
}

@media (width:375px) 
 {

}
@media (width:414px)
 {

}

@media (min-width:800px) and (max-width:1680px)
 {
.header-Logo{max-width: 361px;}
.menu-box li a{ padding: 0 15px;}
.menu-box li a span{ font-size: 16px;}
.home-news-time{ margin-top:0px;}
.home-news-title{ margin-top: 30px;}
.video-box{ width: 60%; left: 20%;}
.video-box video{ width: 100%;}
}


@media (min-width:769px) and (max-width:1180px)
 {
.header-right,.menu-box{ display: none;}
.menu_icon{ display: block;}

}


@media (width:1366px)
{

}

@media (min-width:1123px) and (max-width:1200px)
{


}



/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: left;margin-bottom: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;margin-top: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 20px; display:inline-block; height:35px; line-height:35px;
 text-align:center; color:#999; margin:0 10px;font-family: "arial";}
.xiaocms-page a:hover { transition: 0.3s; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; font-size: 20px; display:inline-block; height:35px;margin:0 10px ;line-height:35px;  
  color:#000; text-align:center; position: relative; font-family: "arial";}
  .xiaocms-page span::after{ width: 10px; height: 1px; content: "" ;display:block; position: absolute; bottom: 0px; background: #000  }
.prebox::after{  content: "\e604"; color: #999;  transform:rotate(90deg); display: block; }
.nextbox::after{  content: "\e604"; color: #999;  transform:rotate(-90deg); display: block; }
.list-page-box .xiaocms-page:nth-child(2),.list-page-box .xiaocms-page:nth-child(3),.list-page-box .xiaocms-page:nth-child(4),.list-page-box .xiaocms-page:nth-child(5)
,.list-page-box .xiaocms-page:nth-child(6),.list-page-box .xiaocms-page:nth-child(7),.list-page-box .xiaocms-page:nth-child(8),.list-page-box .xiaocms-page:nth-child(9)
,.list-page-box .xiaocms-page:nth-child(10){ display:none;}