@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; color:#333;}
@font-face{font-family:"PDFin";src:url("fonts/PFDinTextCompPro-Medium-3.ttf");}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#00559C;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;text-shadow:none;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #00559C;}
:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;}
img{max-width:100%;border:0;}
i,em{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f7f7f7;}
.w-90{ width: 90%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto;width:79.2rem;}
.w-1300{margin:auto; width: 84.375rem;}
.w-1400{margin: auto; width: 90.625rem;}
.w-1500{margin: auto; width: 97.5rem;}
.w-1600{margin: auto; width: 101.25rem;}
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{ width: 18px; float: right; position: relative; cursor: pointer; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #00559C; border-radius: 50px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.head-btn i.bar-top{ margin-top: 0;}
.head-btn i.bar-cen{ margin-top: 0.375rem;}
.head-btn i.bar-bom{ margin-top: 0.375rem;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); transform-origin: 1px 1px; width: 1.57rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); transform-origin: 1px 1px; width: 1.57rem;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box a{ background: #e8e8e8; border-color: #fff; height: 3rem; line-height: 3rem; padding: 0 1.25rem; font-size: 1rem; margin-left: 1px;}
.fanye-box a:hover,.fanye-box a.curr{ background: #00559C; color: #fff;}

.swiper-pagination-bullet,.swiper-button-next,.swiper-button-prev{ outline: none;}

.all-center-box{ width: 100%; float: left; position: relative; transition: all .6s; overflow: hidden; margin-top: 8.5rem;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.head-box{ position: fixed; z-index: 99; left: 0; top: 0; z-index: 99; transition: all .6s ease; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head-box .w-90{ height: 8.125rem;}
.head-box .logo{ position: relative;}
.head-box .logo img{ height: 4.3125rem;}

.head-box .head-menu ul li{ width: auto; float: left; text-align: center; position: relative; margin-right: 1rem;}
.head-box .head-menu ul li span a{ width: 100%; text-align: center; line-height: 8.5rem; float: left; font-size: 1.125rem; color: #333; white-space: nowrap; position: relative;}
.head-box .head-menu ul li span a::after{ content: ''; width: 0; height: 0.375rem; background: #00559C; position: absolute; left: 50%; bottom: 0; transition: all .6s;}
.head-box .head-menu ul li .head-menu-lv2{ width: 8.75rem; position: absolute; left: 50%; top: 100%; margin-left: -4.375rem; /* padding-top: 2.8125rem; */ opacity: 0; pointer-events: none; transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2::after{ content: ''; width: 0; height: 0; border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-top: 0.5625rem solid #fff; position: absolute; left: 50%; top: -0.8rem; margin-left: -0.4375rem; opacity: 0; transform: translate(0,-5px); transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2 div{ width: 100%; float: left; background: #fff; padding: 0.9375rem 0; opacity: 0; pointer-events: none; transition: all .6s ease .1s; transform: translate(0,-5px); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head-box .head-menu ul li .head-menu-lv2 div a{ width: 100%; float: left; margin: 3px 0;}
.head-box .head-menu ul li .head-menu-lv2 div a span{ display: inline-block; font-size: 1rem; position: relative; line-height: 2.1875rem;}
.head-box .head-menu ul li .head-menu-lv2 div a span::after{ content: ''; width: 0; height: 1px; background: #00559C; position: absolute; left: 50%; bottom:0; margin-top: -1px; transition: all .6s ease;}
.head-box .head-menu ul li .head-menu-lv2 div a:hover span::after,.head-box .head-menu ul li .head-menu-lv2 div a.active span::after{ width: 100%; left: 0;}
.head-box .head-menu ul li .head-menu-lv2 div a.active{ color: #f1debc;}
.head-box .head-menu ul li:hover span a,.head-box .head-menu ul li.active span a{ color: #00559C;}
.head-box .head-menu ul li:hover span a::after,.head-box .head-menu ul li.active span a::after{ width: 100%; left: 0;}
.head-box .head-menu ul li:hover .head-menu-lv2{ opacity: 1; pointer-events: auto;}
.head-box .head-menu ul li:hover .head-menu-lv2::after{ opacity: 1; transform: translate(0,0);}
.head-box .head-menu ul li:hover .head-menu-lv2 div{ opacity: 1; transform: translate(0,0); pointer-events: auto;}

.head-box .head-soso{ width: 20px; height: 35px; position: relative;}
.head-box .head-soso .text{ width: 0; height: 100%; position: absolute; right: 0; top: 0; border: 1px solid #ccc; background: #fff; padding: 0 1rem; font-size: 1rem; opacity: 0; transition: all .6s; border-radius: 50px;}
.head-box .head-soso .btns{ width: 20px; height: 100%; background: url(../images/icon_1.png) no-repeat center; background-size: 100%; border: none; float: right; position: relative; z-index: 2; transition: all .6s; position: absolute; right: 0; top: 0;}
.head-box .head-soso:hover .text{ width: 200px; opacity: 1;}
.head-box .head-soso:hover .btns{ right: 10px;}

.banner-box{ position: relative;}
.banner-box .swiper-container{ height: calc(100vh - 8.5rem);}
.banner-box .swiper-container .swiper-slide{ background-size: cover; background-position: center;}
.banner-box .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; padding-bottom: 10rem;}
.banner-box .center-center .center-block{ width: 81.875rem; color: #fff; position: relative;}
.banner-box .center-center .box-info1 .between-bottom{ float: left;}
.banner-box .center-center .box-info1 .f-l{ font-size: 1.5rem; margin-right: 4.375rem;}
.banner-box .center-center .box-info1 .f-l i{ font-size: 2.25rem;}
.banner-box .center-center .box-info1 .f-l i:nth-child(2){ margin: 0 0.7rem;}
.banner-box .center-center .box-info2{ height: 10.625rem; margin-top: 1rem; position: relative;}
.banner-box .center-center .box-info2 .column-between{ position: absolute; left: 0; top: 0; height: 100%; padding-right: 4rem;}
.banner-box .center-center .box-info2 .column-between span,.banner-box .center-center .box-info2 .column-between p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.banner-box .center-center .box-info2 .column-between span{ font-size: 3rem; transition: all .6s; opacity: 0; transform: translate(50px,0);}
.banner-box .center-center .box-info2 .column-between p{ font-size: 1.6rem; font-weight: bold; text-transform: uppercase; transition: all .6s; opacity: 0; transform: translate(50px,0);}
.banner-box .center-center .box-info2 .column-between.active span{ opacity: 1; transform: translate(0,0);}
.banner-box .center-center .box-info2 .column-between.active p{ opacity: 1; transform: translate(0,0); transition: all .6s ease .2s;}
.banner-box .center-center .box-info3{ width: 100%; height: 10rem; position: absolute; left: 0; bottom: 0;}
.banner-box .center-center .box-info3 .swiper-button-next::after,.banner-box .center-center .box-info3 .swiper-button-prev::after{ color: #fff; font-weight: bold; font-size: 2rem;}
.banner-box .center-center .box-info3 .swiper-button-next,.banner-box .center-center .box-info3 .swiper-button-prev{ margin: 0; opacity: 0.5; transition: all .6s;}
.banner-box .center-center .box-info3 .swiper-button-next:hover,.banner-box .center-center .box-info3 .swiper-button-prev:hover{ opacity: 1;}
.banner-box .center-center .box-info3 .swiper-button-prev{ left: auto; right: 0; top: 0; transform: rotate(90deg);}
.banner-box .center-center .box-info3 .swiper-button-next{ right: 0; top: auto; bottom: 0; transform: rotate(90deg);}
.banner-box .center-center .box-info3 i{ width: 100%; height: 2px; background: rgba(255,255,255,0.4); position: absolute; left: 0; top: 50%; margin-top: -1px;}
.banner-box .center-center .box-info3 i em{ width: 0; height: 100%; float: left; background: #00559C;}
.banner-box .center-center .box-info3 i.active em{ width: 100%; transition: all 6s linear;}

.banner-box .swiper-page{ width: 100%; position: absolute; left: 0; bottom: 3.5rem; z-index: 10;}
.banner-box .swiper-pagination{ position: relative; bottom: 0.3rem;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width:10px; height: 10px; text-align: center; margin: 0 5px; background: none; border: 1px solid #fff; color: #fff; font-size: 1.25rem; transition: all .6s; opacity: 1; border-radius: 0;}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.banner-mouse{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 3rem; z-index: 10; color: #fff;}
.banner-mouse i{ display: inline-block; width: 1.9375rem; height: 2.8125rem; background: url(../images/icon_2.png) no-repeat center; background-size: 100%; animation: upDown 2s infinite;}
.banner-mouse p{ font-size: 1.125rem; margin-top: 0.5rem;}

@-webkit-keyframes upDown{
    0%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50%{ -webkit-transform: translateY(5px); transform: translateY(5px); }
    100%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes upDown{
    0%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50%{ -webkit-transform: translateY(5px); transform: translateY(5px); }
    100%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}

.all-title1 p{ font-size: 2.25rem; text-transform: uppercase; font-family: "思源黑体";}
.all-title1 span{ font-size: 1.5rem; margin-top: 0.5rem; display: block; font-weight: bold;}
.all-title1.white{ color: #fff;}

.home-box1{ border-top: 0.5rem solid #00559C; display: flex; overflow: hidden; background: url(../images/ho1_bg.png) no-repeat center; background-size: cover;}
.home-box1 .pull-left{ width: 45%; position: relative; height: 44.875rem;}
.home-box1 .pull-left .all-title1{ position: absolute; right: 2.5rem; bottom: 11.875rem; z-index: 2; color: #fff; text-align: center;}
.home-box1 .pull-left .all-title1 p{ font-size: 1.5rem;}
.home-box1 .pull-left .imgs{ height: 100%; position: relative; overflow: hidden;}
.home-box1 .pull-left .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; left: 0; top: 0; transition: all .7s linear; opacity: 0; transform: scale(1.05);}
.home-box1 .pull-left .imgs img.active{ opacity: 1; transform: scale(1);}
.home-box1 .pull-left .imgs:hover img{transform:scale(1.1)}
.home-box1 .pull-left .info{ position: absolute; left: 0; bottom: 0; z-index: 3; display: none;}
.home-box1 .pull-left .info a{ width: 100%; float: left; height: 9.0625rem; background: rgba(0,0,0,0.6); color: #fff; border-left: 1px solid rgba(255,255,255,0.15); text-align: center;}
.home-box1 .pull-left .info a:first-child{ border: none;}
.home-box1 .pull-left .info a i img{ height: 2rem;}
.home-box1 .pull-left .info a p{ font-size: 1rem; height: 2.625rem; margin-top: 0.5rem;}
.home-box1 .pull-left .info a em{  width: 100%; height: 0; background: url(../images/icon_3.png) no-repeat center; background-size: auto 100%; transition: all .6s;}
.home-box1 .pull-left .info a.active,.home-box1 .pull-left .info a:hover{ background: rgb(0,85,156,0.8);}
.home-box1 .pull-left .info a.active em,.home-box1 .pull-left .info a:hover em{ height: 1.25rem; margin-top: 0.5rem;}
.home-box1 .pull-right{ width: 55%; padding: 0 11.25rem 0 3.4375rem;}
.home-box1 .pull-right .all-title1{ color: #00559C; padding-bottom: 1.5rem; position: relative;}
.home-box1 .pull-right .all-title1::after{ content: ''; width: 11.5625rem; height: 2px; background: #00559C; position: absolute; left: 0; bottom: 0;}
.home-box1 .pull-right .box1{ padding: 4.6875rem 0 2.5rem;}
.home-box1 .pull-right .box2{ font-size: 1.125rem; line-height: 1.8;}
.home-box1 .pull-right .box3{ margin-top: 5rem;}

.home-title{ padding-bottom: 2.25rem;}
.home-title .pull-right .f-l{ display: flex;}
.home-title .pull-right .f-l span{ white-space: nowrap; float: left; margin-right: 3.375rem; position: relative; padding: 0.5rem 0; cursor: pointer; font-weight: bold;}
.home-title .pull-right .f-l span::after{ content: ''; width: 0; height: 2px; background: #00559C; position: absolute; left: 50%; bottom: 0; margin-left: -0.625rem; transition: all .6s;}
.home-title .pull-right .f-l span:hover,.home-title .pull-right .f-l span.active{ color: #00559C;}
.home-title .pull-right .f-l span:hover::after,.home-title .pull-right .f-l span.active::after{ width: 1.25rem;}
.home-title .pull-right .more{ width: 1.75rem; height: 1.25rem; float: left; background: url(../images/icon_jt4.png) no-repeat center; background-size: 100%;}
.home-title .pull-right .more:hover{ background-image: url(../images/icon_jt4_b.png);}

.home-box2{ padding: 4.5rem 0; background: url(../images/ho2_bg.png) no-repeat center; background-size: cover;}
.home-box2 .center-block{}
.home-box2 .box-info1{ width: 40%; background: #F8F8F8; float: left;}
.home-box2 .box-info1 .imgs{ height: 26.25rem; overflow: hidden; position: relative;}
.home-box2 .box-info1 .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.home-box2 .box-info1 .imgs span{ min-width: 8.75rem; text-align: center; line-height: 4.375rem; color: #fff; font-size: 1.875rem; font-weight: bold; background: #00559C; position: absolute; right: 0; bottom: 0; padding: 0 1rem;}
.home-box2 .box-info1 .info{ padding: 1.5rem 0.875rem;}
.home-box2 .box-info1 .info span{ display: block; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.home-box2 .box-info1 .info p{ font-size: 0.875rem; line-height: 1.6; height: 4.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 0.75rem; color: #666;}
.home-box2 .box-info1:hover .imgs img{ transform: scale(1.1);}
.home-box2 .box-info2{ width: 60%; padding-left: 1.25rem;}

.list-box1 ul{ margin: 0 -0.625rem;}
.list-box1 ul li{ width: 50%; float: left; padding: 0 0.625rem;}
.list-box1 ul li a{ width: 100%; float: left;}
.list-box1 ul li a span{ width: 100%; float: left; height: 19.0625rem; overflow: hidden; position: relative;}
.list-box1 ul li a span img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.list-box1 ul li a span i{ min-width: 4.6875rem; line-height: 2.375rem; background: #00559C; text-align: center; font-size: 1rem; font-weight: bold; padding: 0 0.625rem; position: absolute; right: 0; bottom: 0; color: #fff;}
.list-box1 ul li a p{ width: 100%; float: left; line-height: 4.375rem; height: 4.375rem; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box1 ul li a:hover span img{ transform: scale(1.1);}

.list-box2 ul li{ width: 100%; float: left;}
.list-box2 ul li a{ width: 100%; float: left; line-height: 4.375rem; border-top: 2px dashed #D3D3D3; font-size: 1.125rem;}
.list-box2 ul li a span{ width: 80%; float: left; color: #333; transition: all .6s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box2 ul li a i{ float: right; font-size: 1rem; font-weight: bold; color: #999; transition: all .6s;}
.list-box2 ul li a:hover span,.list-box2 ul li a:hover i{ color: #00559C;}

.list-box3 ul li{ width: 100%; float: left;}
.list-box3 ul li a{ width: 100%; float: left; padding: 1.5rem 0; position: relative;}
.list-box3 ul li a::before{ content: ''; width: 100%; height: 2px; background: #F8F8F8; position: absolute; left: 0; bottom: 0;}
.list-box3 ul li a::after{ content: ''; width: 0; height: 2px; background: #00559C; position: absolute; left: 0; bottom: 0; transition: all .6s ease;}
.list-box3 ul li a .times{ width: 8.125rem; font-family: "PDFin"; color: #666;}
.list-box3 ul li a .times span{ font-size: 1.875rem; font-weight: bold;}
.list-box3 ul li a .times p{ font-size: 1rem;}
.list-box3 ul li a .info{ flex: 1;}
.list-box3 ul li a .info span{ display: block; font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box3 ul li a .info p{ font-size: 0.875rem; color: #999; line-height: 1.6; height: 2.75rem; margin-top: 0.75rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list-box3 ul li a:hover::after{ width: 100%;}

.home-box2 .list-box3 ul li{ width: 49%;}
.home-box2 .list-box3 ul li:nth-child(2n){ float: right;}

.home-box3{ background: url(../images/ho3_bg.png) fixed center #F5F5F5; background-size: cover; padding: 4.375rem 0;}
.home-box3 .center-block{ position: relative; padding-bottom: 3.125rem; margin-top: 2.8125rem;}
.home-box3 .swiper-container{ height: 21.875rem;}
.home-box3 .swiper-container .swiper-slide{ height: calc((100% - 32px) / 3);}
.home-box3 .swiper-container .swiper-slide a{ width: 100%; height: 100%; float: left; background: #fff; padding: 0.875rem; position: relative;}
.home-box3 .swiper-container .swiper-slide a::after{ content: ''; width: 0; height: 2px; background: #00559C; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.home-box3 .swiper-container .swiper-slide a span{ display: block; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.home-box3 .swiper-container .swiper-slide a p{ font-size: 0.875rem; color: #999; margin-top: 0.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.home-box3 .swiper-container .swiper-slide a:hover::after{ width: 100%;}
.home-box3 .swiper-container .swiper-slide a:hover{}
.home-box3 .swiper-pagination{ width: 100%; bottom: 0;}
.home-box3 .swiper-pagination .swiper-pagination-bullet{ width: 1.4375rem; height: 0.5625rem; background: #BABABA; border-radius: 50px; margin: 0 0.3125rem; opacity: 1; transition: all .6s;}
.home-box3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 2.625rem; background: #00559C;}

.home-box4{ background: url(../images/ho1_bg.png) center; background-size: cover; padding: 4.375rem 0;}
.home-box4 .home-title .pull-right .more{ background-image: url(../images/icon_jt4.png);}
.home-box4 .home-title .pull-right .more:hover{ background-image: url(../images/icon_jt4_b.png);}
.home-box4 .center-block{ display: flex;}
.home-box4 .center-block .pull-left{ width: 19.25rem; display: none;}
.home-box4 .center-block .pull-left ul li{ width: 100%; float: left;}
.home-box4 .center-block .pull-left ul li a{ width: 100%; float: left; height: 6.5rem; background: #fff; padding: 0 0.875rem; margin-top: 0.9rem; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: left;}
.home-box4 .center-block .pull-left ul li a span{ width: 100%; display: block; font-size: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #333; transition: all .6s;}
.home-box4 .center-block .pull-left ul li a p{ width: 100%; font-size: 0.875rem; text-transform: uppercase; color: #999; margin-top: 8px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all .6s;}
.home-box4 .center-block .pull-left ul li:first-child a{ margin-top: 0;}
.home-box4 .center-block .pull-left ul li a:hover,.home-box4 .center-block .pull-left ul li.active a{ background: #00559C;}
.home-box4 .center-block .pull-left ul li a:hover span,.home-box4 .center-block .pull-left ul li a:hover p{ color: #fff;}
.home-box4 .center-block .pull-left ul li.active a span,.home-box4 .center-block .pull-left ul li.active a p{ color: #fff;}
.home-box4 .center-block .pull-right{ width: 100%; flex: 1; /* padding-left: 1.75rem; */}

.home-box4 .center-block .list-box4{ height:35rem;}
.home-box4 .center-block .list-box4 ul li{ width: 25%;}

.home-box4 .center-block .list-box4 .swiper-slide{ height: calc((100% - 20px) / 2); text-align: center;}
.home-box4 .center-block .list-box4 .swiper-slide a{ width: 100%; height: 100%; float: left; overflow: hidden; position:relative;}
.home-box4 .center-block .list-box4 .swiper-slide a span{ width:100%; height:100%; float:left;}
.home-box4 .center-block .list-box4 .swiper-slide a span img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.home-box4 .center-block .list-box4 .swiper-slide a p{ width: 100%; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 4.375rem 0 1rem; font-size: 1.125rem; position: absolute; left: 0; bottom: 0; background: linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); text-align: center;}
.home-box4 .center-block .list-box4 .swiper-slide a:hover span img{ transform: scale(1.1);}

.list-box4 ul{ margin: 0 -0.875rem;}
.list-box4 ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 0.75rem;}
.list-box4 ul li a{ width: 100%; float: left; height: 17.6875rem; overflow: hidden; position: relative;}
.list-box4 ul li a span{ width: 100%; height: 100%; float: left;}
.list-box4 ul li a span img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.list-box4 ul li a p{ width: 100%; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 4.375rem 0 1rem; font-size: 1.125rem; position: absolute; left: 0; bottom: 0; background: linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,0.5)); text-align: center;}
.list-box4 ul li a:hover span img{ transform: scale(1.1);}

.home-box5{ padding: 5rem 0; background: url(../images/ho2_bg.png) center fixed; background-size: cover;}
.home-box5 .swiper-container{}
.home-box5 .swiper-container .swiper-slide{ padding: 1.25rem 1rem; background: #fff;}
.home-box5 .swiper-container .swiper-slide::after{ content: ''; width: 100%; height: 100%; border: 1px solid #E4E4E4; position: absolute; left: 0; top: 0; transition: all .6s; pointer-events: none;}
.home-box5 .swiper-container .swiper-slide a{ width: 100%; float: left; height: 30.3125rem; position: relative;}
.home-box5 .swiper-container .swiper-slide a span{ width: 100%; height: 100%; float: left; overflow: hidden;}
.home-box5 .swiper-container .swiper-slide a span img{ width: 100%; height: 100%; object-fit: contain; display: block; transition: all .6s;}
.home-box5 .swiper-container .swiper-slide a p{ width: 100%; line-height: 3.125rem; position: absolute; right: 0; bottom: 0; color: #fff; background: rgba(0,85,156,0.9); text-align: center; padding: 0 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s; opacity: 0;}
.home-box5 .swiper-container .swiper-slide a:hover span img{ transform: scale(1.1);}
.home-box5 .swiper-container .swiper-slide a:hover p{ opacity: 1;}
.home-box5 .swiper-container .swiper-slide:hover::after{ border-color: #00559C;}
.home-box5 .swiper-page{ position: relative; margin-top: 2.8125rem;}
.home-box5 .swiper-page .swiper-pagination{ position: relative; bottom: 0; font-size: 1.125rem; font-weight: bold;}
.home-box5 .swiper-page .swiper-pagination .swiper-pagination-current{ font-size: 2.25rem; color: #00559C;}
.home-box5 .swiper-page .f-r .swiper-button-next,.home-box5 .swiper-page .f-r .swiper-button-prev{ position: relative; right: auto; left: auto; top: 0; margin: 0; width: 5.3125rem; height: 2.1875rem; background: #d6d6d6; transition: all .6s; opacity: 1;}
.home-box5 .swiper-page .f-r .swiper-button-next::after,.home-box5 .swiper-page .f-r .swiper-button-prev::after{ color: #fff; font-size: 1.2rem;}
.home-box5 .swiper-page .f-r .swiper-button-next{ margin-left: 0.5rem;}
.home-box5 .swiper-page .f-r .swiper-button-next:hover,.home-box5 .swiper-page .f-r .swiper-button-prev:hover{ background: #00559C;}



.foot-box{ background: #00437B; color: #fff;}
.foot-box a{ color: #fff; opacity: 0.5;}
.foot-box a:hover{ opacity: 1;}
.foot-box .lower-box{ padding: 1.125rem 0; font-size: 1.125rem; background: #003C6C;}
.foot-box .top-box{ padding: 2.5rem 0;}
.foot-box .top-box .box-info{ padding: 0 2.8125rem; position: relative; min-width: 30%;}
.foot-box .top-box .box-info:first-child{ padding-left: 0;}
.foot-box .top-box .box-info:first-child::after{ display: none;}
.foot-box .top-box .box-info:last-child{ padding-right: 0;}
.foot-box .top-box .box-info::after{ content: ''; width: 2px; height: 90%; background: #1A6996; position: absolute; left: 0%; top: 5%;}
.foot-box .top-box .box-info .box1{ padding-bottom: 1rem;}
.foot-box .top-box .box-info .box1 span{ font-size: 1.125rem;}
.foot-box .top-box .box-info .box1 p{ opacity: 0.5; text-transform: uppercase;}
.foot-box .top-box .box-info .box2 a,.foot-box .top-box .box-info p{ color: #fff; opacity: 1; display: block; font-size: 0.875rem; margin-bottom: 0.6rem;}
.foot-box .top-box .box-info .box3 a{ width: 3.4375rem; height: 3.4375rem; float: left; background: #5B8FB0; display: flex; align-items: center; justify-content: center; opacity: 1; margin-right: 1.125rem;}
.foot-box .top-box .box-info .box3 a img{ height: 1.5rem;}
.foot-box .top-box .box-info .box3 a:hover img{ transform: rotateY(360deg); transition: all .6s;}
.foot-box .top-box .box-info .box4{ float: left; margin-top: 4rem;}
.foot-box .top-box .box-info .box4 span{ width: 10rem; display: inline-block; background: #fff;}
.foot-box .top-box .box-info .box4 p{ margin-top: 1rem; padding-left: 1.5rem; line-height: 2; font-size: 1rem;}

.page-banner{ height: 26.5625rem; background-position: center; background-size: cover;}
.page-banner .center-center{ height: 100%; color: #fff; background: rgba(0,0,0,0.1);}
.page-banner .center-center span{ font-size: 2.25rem;}
.page-banner .center-center p{ font-size: 1.875rem; text-transform: uppercase; position: relative; padding: 0.5rem 0 1.5625rem;}
.page-banner .center-center p::after{ content: ''; width: 2.1875rem; height: 0.3125rem; background: #00559C; position: absolute; left: 50%; bottom: 0; margin-left: -1.09375rem;}

.page-center{ background: #F6F6F6; padding: 1.5rem 0;}
.page-center>.w-1500{ display: flex;}
.page-center .page-c-left{ width: 18%; float: left; background: #fff;}
.page-center .page-c-left .box1{ line-height: 5.9375rem; color: #fff; background: #00559C; text-align: center; font-size: 1.5rem;}
.page-center .page-c-left .box2 ul li{ width: 100%; float: left;}
.page-center .page-c-left .box2 ul li span{ width: 100%; float: left;}
.page-center .page-c-left .box2 ul li span a{ width: 100%; float: left; line-height: 4.25rem; padding: 0 2rem; color: #333; font-size: 1.125rem;}
.page-center .page-c-left .box2 ul li.active>span a,.page-center .page-c-left .box2 ul li span a:hover{ color: #0067B1; font-weight: bold;}
.page-center .page-c-left .box2 ul{ width: 100%; float: left;}
.page-center .page-c-left .box2 ul ul{ padding: 0 10px 10px;}
.page-center .page-c-left .box2 ul li:hover,.page-center .page-c-left .box2 ul li.active{ background: #EFF9FF;}
.page-center .page-c-left .box2 ul>li>ul>li{ display: none;}
.page-center .page-c-left .box2 ul>li.active>ul>li{ background: #DEF0FF; display: block;}
.page-center .page-c-left .box2 ul>li>ul>li>ul>li{ display: none; margin-top: 0.3125rem;}
.page-center .page-c-left .box2 ul>li>ul>li.active>ul>li{ background: #CCE8FF; display: block;}
.page-center .page-c-left .box2 ul>li>ul>li>ul>li>ul>li{ display: none; margin-top: 0.3125rem;}
.page-center .page-c-left .box2 ul>li>ul>li>ul>li.active>ul>li{ background: #b7ddfd;}
.page-center .page-c-left .box2 .menu>span{ position: relative;}
.page-center .page-c-left .box2 .menu>span::after{ content: ''; width: 10px; height: 2px; background: #0067B1; position: absolute; left: 10px; top: 50%; margin-top: -1px;}
.page-center .page-c-left .box2 .menu>span::before{ content: ''; width: 10px; height: 2px; background: #0067B1; position: absolute; left: 10px; top: 50%; margin-top: -1px; transform: rotate(90deg);}


.page-center .page-c-right{ width: 100%; flex: 1; float: right; padding-left: 0.8125rem;}
.page-center .page-c-right .page-cr-top{ background: #fff; padding: 0 1.625rem; height: 5rem; border-bottom: 1px solid #EDEDED;}
.page-center .page-c-right .page-cr-top .f-l{ font-size: 1.5rem;}
.page-center .page-c-right .page-cr-top .f-r{ font-size: 1rem; color: #999; background: url(../images/icon_4.png) no-repeat left; background-size: 1.25rem; padding-left: 1.625rem;}
.page-center .page-c-right .page-cr-top .f-r a{ color: #999;}
.page-center .page-c-right .page-cr-top .f-r a:hover{ color: #00559C;}
.page-center .page-c-right .page-cr-lower{ background: #fff; padding: 1.75rem; min-height: 40rem;}

.about-box1{ font-size: 1rem; line-height: 2;}

.list-box5 ul li{ width: 49%; float: left; margin-top: 1.5rem;}
.list-box5 ul li:nth-child(2n){ float: right;}
.list-box5 ul li a{ width: 100%; float: left; border: 1px solid #ECECEC; padding: 1.25rem 1.5625rem;}
.list-box5 ul li a .box1{ font-size: 1.125rem; color: #333;}
.list-box5 ul li a .box1 span{ font-size: 1.5rem;}
.list-box5 ul li a .box2{ padding: 1rem 0;}
.list-box5 ul li a .box2 span{ display: block; font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.25rem;}
.list-box5 ul li a .box2 p{ font-size: 0.875rem; color: #999; margin-top: 0.5rem;}
.list-box5 ul li a .box2 p i{ background: url(../images/icon_5.png) no-repeat left; background-size: 1.125rem; padding-left: 1.375rem; margin-left: 1rem;}
.list-box5 ul li a .box3 span{ display: inline-block; line-height: 2rem; border: 1px solid #A2A2A2; border-radius: 50px; width: 6.25rem; text-align: center; font-size: 1rem; transition: all .6s;}
.list-box5 ul li a:hover{ border-color: #00559C;}
.list-box5 ul li a:hover .box3 span{ background: #00559C; color: #fff; border-color: #00559C;}

.contact-box1{ padding: 1rem 2.25rem; display: none;}
.contact-box1 ul li{ text-align: center;}
.contact-box1 ul li i{ display: block;}
.contact-box1 ul li i img{ height: 3.8125rem; transition: all .6s;}
.contact-box1 ul li p{ margin-top: 1rem; font-size: 1.125rem;}
.contact-box1 ul li:hover i img{ transform: rotateY(360deg);}
.contact-box2{ height: 37.5rem; /* margin-top: 2.5rem; */ position: relative;}
.contact-box2 .map-box{ width: 100%; height: 100%; float: left;}
.contact-box2 .map-box img,.contact-box2 .map-box label{ max-width: initial;}
.contact-box2 .pull-right{ width: 31.25rem; position: absolute; right: 0; height: 100%;}
.contact-box2 .pull-right .box-info{ background: #fff; padding: 1.5625rem 2.5rem; border-top: 1px solid #E3E3E3; cursor: pointer;}
.contact-box2 .pull-right .box-info:hover,.contact-box2 .pull-right .box-info.active{ background: #F5F5F5;}
.contact-box2 .pull-right .box-info:first-child{ border-top: none;}
.contact-box2 .pull-right .box-info span{ display: block; font-size: 1.375rem; color: #1D609D; font-weight: bold;}
.contact-box2 .pull-right .box-info p{ margin-top: 1rem;}


.list-box6 ul{ margin: 0 -0.5rem;}
.list-box6 ul li{ width: 25%; float: left; padding: 0 0.5rem; margin-top: 1rem;}
.list-box6 ul li a{ width: 100%; float: left; border: 1px solid #EDEDED; padding: 0.625rem;}
.list-box6 ul li a div{ width: 100%; height: 12rem; overflow: hidden; position: relative;}
.list-box6 ul li a div img{ width: 100%; height: 100%; object-fit: contain; display: block; transition: all .6s;}
.list-box6 ul li a div p{ width: 100%; line-height: 2.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 1rem; color: #fff; text-align: center; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0;}
.list-box6 ul li a:hover div img{ transform: scale(1.1);}

.list-box7 ul li{ width: 100%; float: left; padding: 0.8125rem 0;}
.list-box7 ul li a{ width: 100%; float: left; background: #F6F6F6;}
.list-box7 ul li a .imgs{ width: 28.75rem; height: 18.75rem; overflow: hidden; position: relative;}
.list-box7 ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.list-box7 ul li a .info{ width: 100%; flex: 1; padding: 0 1.75rem;}
.list-box7 ul li a .info i{ display: block; font-size: 3rem; color: #00559C; font-weight: bold;}
.list-box7 ul li a .info span{ display: block; font-size: 1.125rem;}
.list-box7 ul li a .info div{ line-height: 1.6; font-size: 0.875rem; color: #999; margin-top: 0.5rem;}
.list-box7 ul li a .info p{ font-size: 0.875rem; color: #999; margin-top: 2.5rem;}
.list-box7 ul li a:hover .imgs img{ transform: scale(1.1);}

.news-info{ padding: 0;}
.news-info .top-box .box1{ text-align: center; font-size: 1.5rem; font-weight: bold;}
.news-info .top-box .box2{ color: #999999; font-size: 1rem; margin-top: 2.5rem;}
.news-info .cen-box{ border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 2.1875rem 0; margin-top: 2.1875rem; line-height: 2; font-size: 1rem;}
.news-info .lower-box{ margin-top: 2.1875rem;}
.news-info .lower-box a{ width: 40%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 1rem;}
.news-info .lower-box a.f-r{ text-align: right;}
.news-info .lower-box a.back{ width: 8.125rem; height: 3rem; line-height: 3rem; text-align: center; background: #00559C; color: #fff;}

.list-box8 ul li{ width: 100%; float: left;}
.list-box8 ul li a{ width: 100%; float: left; border-bottom: 1px solid #DFDFDF; padding: 2.1875rem 0; position: relative;}
.list-box8 ul li .box-info1{ width: 4.0625rem; height: 4.0625rem; display: flex; align-items: center; justify-content: center; flex-flow: column; background: #00559C; position: relative; color: #fff; font-size: 1rem; line-height: 1.7rem;}
.list-box8 ul li .box-info1 span,.list-box8 ul li .box-info1 p{ position: relative; z-index: 2;}
.list-box8 ul li .box-info1 p{ border-top: 1px solid #fff;}
.list-box8 ul li .box-info1::after{ content: ''; width: 100%; height: 100%; border: 1px solid #00559C; position: absolute; left: 5px; top: 5px;}
.list-box8 ul li .box-info2{ width: 100%; flex: 1; padding: 0 2.8125rem;}
.list-box8 ul li .box-info2 .box1{ line-height: 1.5rem;}
.list-box8 ul li .box-info2 .box1 span{ max-width: 77%; font-size: 1.25rem; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box8 ul li .box-info2 .box1 i{ float: right; background: url(../images/icon_5.png) no-repeat left; background-size: 1.25rem; padding-left: 1.5rem; color: #cdcdcd;}
.list-box8 ul li .box-info2 .box2{ line-height: 1.6; font-size: 0.875rem; margin: 0.625rem 0 1rem; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list-box8 ul li .box-info2 .box3 span{ float: left; line-height: 2rem; width: 6.25rem; text-align: center; border: 1px solid #a2a2a2; border-radius: 50px; color: #666; transition: all .6s;}
.list-box8 ul li .box-info3{ width: 15.3125rem; height: 10.3125rem; overflow: hidden;}
.list-box8 ul li .box-info3 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.list-box8 ul li:hover .box-info2 .box3 span{ background: #00559C; border-color: #00559C; color: #fff;}
.list-box8 ul li:hover .box-info3 img{ transform: scale(1.1);}

.list-box6.style2 ul li{ width: 33.33%;}
.list-box6.style2 ul li a{ border: none; padding: 0;}
.list-box6.style2 ul li a div{ height: 18rem;}

.zscx-box{ text-align: center;}
.zscx-box p{ margin-top: 1.375rem;}

.list-box9 ul li{ width: 100%; float: left;}
.list-box9 ul li a{ width: 100%; float: left; border-bottom: 1px solid #EDEDED; font-size: 1.25rem; padding-left: 2rem; position: relative;}
.list-box9 ul li a::after{ content: ''; width: 0.375rem; height: 0.375rem; background: #00559C; position: absolute; left: 0; top: 50%; margin-top: -0.1875rem;}
.list-box9 ul li a span{ width: 100%; float: left; line-height: 5rem; height: 5rem; padding-right: 2rem; background: url(../images/icon_6.png) no-repeat right; background-size: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.list-box6.style3 ul li a div{ height: 23rem;}


.list-box6.style2 ul li a div img{object-fit: cover;}


.ldtd-box{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 28px;box-sizing:border-box}
.ldtd-box .item{padding-left:10px;box-sizing:border-box;width:357px;height:113px;margin-bottom:20px;transition:all .5s;position:relative;border:1px solid #fff}
.ldtd-box a:hover .item:first-child{border:1px solid #0067b1}
.ldtd-box a:hove .item:first-child::after{content:"+";display:block;position:absolute;font-size:30px;color:#0449b0;right:20px;top:50%;transform:translateY(-50%)}
.ldtd-box .item:hover{box-sizing:border-box;border:1px solid #0067b1}
.ldtd-box .item::after{content:"+";position:absolute;font-size:30px;color:#0449b0;right:20px;top:50%;transform:translateY(-50%);opacity:0;transition:all .6s}
.ldtd-box .item:hover::after{opacity:1}
.ldtd-box .item p{margin:28px 0 8px 0;font-size:18px;color:#000}
.ldtd-box .item span{color:#d3d3d3;display:inline-block;width:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}





/* 小于等于多少高度的样式 */
@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){
    
}
@media screen and (max-width:1440px){
    .w-1400,.w-1500{ width: 95rem;}
    
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width:1024px){
    html,body{ font-size: 78%;}
    .w-90{ width: 94%;}
    .w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:94% !important;}
    .div-pc{ display: none;}
    .div-phone{ display: block;}
    .head-btn{ display: block; margin: 0 0 0 1.5rem;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a{ padding: 0 0.8rem; height: 2.3rem; line-height: 2.3rem;}
    
	.all-center-box{ margin-top: 55px;}
	.head-box .w-1500{ height: 55px;}
	.head-box .logo img{ height: 30px;}
	.head-soso{ display: none;}
    .head-box .head-menu{ width: 100%; position: absolute; left: 0; top: 55px; background: #fff; margin:0; border-top: 1px solid #00559C; box-shadow: 0 3px 10px rgba(0,0,0,0.1); display: none; padding: 1rem 0;}
	.head-box .head-menu ul{ display: block;}
    .head-box .head-menu ul li{ width: 100%; text-align: center; margin: auto;}
    .head-box .head-menu ul li:first-child{ margin-left: 0;}
    .head-box .head-menu ul li span,.head-box .head-menu ul li span a{ width: 100%; line-height: 3rem;}
    .head-box .head-menu ul li.active span a{ color: #00559C;}
    .head-box .head-menu ul li .head-menu-lv2{ display: none;}
    .head-box .head-menu ul li span a::after{ display: none;}
	
    .head-box .head-btn{ margin: 0 0 0 1.5rem;}
	
	.banner-box{ background: #fff;}
	.banner-box .swiper-container{ height: 16rem;}
	.banner-box .center-center{ padding-bottom: 0; pointer-events: none;}
	.banner-box .center-center .center-block{ width: 94%;}
	.banner-box .center-center .box-info1{ display: none;}
	.banner-box .center-center .box-info2{ height: 5rem; margin-top: 0;}
	.banner-box .center-center .box-info2 .column-between{ text-align: center; padding: 0;}
	.banner-box .center-center .box-info2 .column-between span{ font-size: 1.5rem;}
	.banner-box .center-center .box-info2 .column-between p{ font-size: 1rem;}
	.banner-box .center-center .box-info3{ height: 4rem;}
	.banner-box .center-center .box-info3 .swiper-button-prev,.banner-box .center-center .box-info3 .swiper-button-next{ display: none;}
	.banner-mouse{ display: none;}
	
	.all-title1 p{ font-size: 2rem;}
	.all-title1 span{ font-size: 1.2rem;}
	
	.home-box1{ display: block;}
	.home-box1 .pull-left,.home-box1 .pull-right{ width: 100%;}
	.home-box1 .pull-left{ height: 25rem;}
	.home-box1 .pull-right{ padding: 1.5rem;}
	.home-box1 .pull-right .box1{ padding: 2rem 0;}
	.home-box1 .pull-right .box3{ margin-top: 2rem;}
	
	.home-box2{ padding: 2rem 0 1rem;}
	.home-box2 .box-info1,.home-box2 .box-info2{ width: 100%; padding: 0; margin-top: 1rem;}
	.home-box2 .box-info1 .imgs{ height: 19rem;}
	.home-box2 .list-box3 ul li{ width: 100%;}
	
	.home-title{ padding-bottom: 1rem;}
	.home-title .pull-right .f-l span{ margin-right: 1.5rem;}
	
	
	.list-box1 ul li a span{ height: 12rem;}
	.list-box1 ul li a p{ height: 3rem; line-height: 3rem;}
	
	.list-box2 ul li a{ line-height: 3rem; border-width: 1px;}
	
	.list-box3 ul li a{ padding: 1rem 0;}
	.list-box3 ul li a .times{ width: 5.5rem;}
	
	.home-box3{ padding: 2rem 0;}
	.home-box3 .center-block{ margin-top: 2rem; padding-bottom: 2rem;}
	.home-box3 .swiper-container{ height: 15rem;}
	.home-box3 .swiper-container .swiper-slide{ height: calc((100% - 16px) / 2);}
	
	.home-box4{ padding: 2rem 0;}
	.home-box4 .center-block{ display: block;}
	.home-box4 .center-block .pull-left,.home-box4 .center-block .pull-right{ width: 100%; padding: 0;}
	.home-box4 .center-block .list-box4{ margin-top: 1rem;}
	.home-box4 .center-block .pull-left{ overflow: auto;}
	.home-box4 .center-block .pull-left ul{ display: flex;}
	.home-box4 .center-block .pull-left ul li a{ margin-top: 0; white-space: nowrap; text-align: center;}
	
	.home-box4 .center-block .list-box4{ height:25rem;}
	
	.list-box4 ul{ margin: auto;}
	.list-box4 ul li{ width: 48% !important; padding: 0;}
	.list-box4 ul li:nth-child(2n){ float: right;}
	.list-box4 ul li a{ height: 10rem;}
	
	.home-box5{ padding: 2rem 0;}
	.home-box5 .swiper-container{ margin-top: 1rem;}
	.home-box5 .swiper-container .swiper-slide a{ height: 16rem;}
	.home-box5 .swiper-page{ margin-top: 1.5rem;}
	.home-box5 .swiper-container .swiper-slide a p{ opacity: 1;}
	
	.foot-box .top-box{ padding: 1rem 0 0.5rem;}
	.foot-box .top-box .box-info{ width: 100%; padding: 0;}
	.foot-box .top-box .box-info::after{ display: none;}
	.foot-box .top-box .box-info:first-child,.foot-box .top-box .box-info:last-child{ display: none;}
	.foot-box .top-box .box-info .box1{ padding-bottom: 0.5rem;}
	.foot-box .top-box .box-info .box1 span{ font-size: 16px;}
	.foot-box .lower-box .w-1500{ display: block; text-align: center;}
	.foot-box .lower-box .f-l,.foot-box .lower-box .f-r{ width: 100%;}
	.foot-box .lower-box .f-r{ margin-top: 0.5rem;}
	
	.page-banner{ height: 16rem;}
	.page-banner .center-center span{ font-size: 2rem;}
	.page-banner .center-center p{ font-size: 1.5rem;}
	
	.page-center>.w-1500{ display: block;}
	.page-center .page-c-left{ width: 100%; margin-bottom: 1.5rem;}
	.page-center .page-c-left .box1{ line-height: 4.5rem;}
	.page-center .page-c-left .box1 span{ display: inline-block; padding: 0 20px; position: relative;}
	.page-center .page-c-left .box1 span::after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; position: absolute; right: 0; top: 50%; margin-top: -3px; transition: all .6s;}
	.page-center .page-c-left .box1.active span::after{ transform: rotate(180deg);}
	.page-center .page-c-left .box2{ display: none;}
	.page-center .page-c-left .box2 ul li a{ line-height: 4rem;}
	.page-center .page-c-right{ width: 100%; padding: 0;}
	.page-center .page-c-right .page-cr-top{ padding: 0 1rem; height: 4rem;}
	.page-center .page-c-right .page-cr-top .f-l{ font-size: 1.4rem;}
	.page-center .page-c-right .page-cr-lower{ padding: 1rem; min-height: 20rem;}
	
	.contact-box1{ padding: 0;}
	.contact-box1 ul{ display: block;}
	.contact-box1 ul li{ width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; text-align: left; margin-top: 1rem;}
	.contact-box1 ul li p{ width: 100%; flex: 1; padding-left: 1rem; margin-top: 0;}
	
	.contact-box2{ height: auto; margin-top: 1rem;}
	.contact-box2 .map-box{ height: 18rem;}
	.contact-box2 .pull-right{ position: relative; width: 100%; margin-top: 1rem;}
	.contact-box2 .pull-right .box-info{ padding: 1rem;}
	
	.list-box6 ul{ margin: 0;}
	.list-box6 ul li{ width: 48.5% !important; padding: 0; margin-top: 0.8rem;}
	.list-box6 ul li:nth-child(2n){ float: right;}
	.list-box6 ul li a div{ height: 8rem;}
	
	.list-box7 ul li a{ display: block;}
	.list-box7 ul li a .imgs{ width: 100%; height: 16rem;}
	.list-box7 ul li a .info{ padding: 1rem;}
	.list-box7 ul li a .info p{ margin-top: 1rem;}
	
	.news-info .top-box .box1{ font-size: 1.4rem;}
	.news-info .top-box .box2{ display: block; margin-top: 1rem;}
	.news-info .top-box .box2 .f-l,.news-info .top-box .box2 .f-r{ text-align: center; width: 100%;}
	.news-info .top-box .box2 .f-r{ margin-top: 1rem;}
	.news-info .cen-box{ margin-top: 1.5rem; padding: 1.5rem 0;}
	.news-info .lower-box{ position: relative; margin-top: 1.5rem;}
	.news-info .lower-box>.between-center{ display: block;}
	.news-info .lower-box a{ width: 60%;}
	.news-info .lower-box a.f-l,.news-info .lower-box a.f-r{ float: left; text-align: left; margin: 0.3rem 0;}
	.news-info .lower-box .back{ position: absolute; right: 0; top: 50%; margin-top: -1.5rem;}

	.list-box8 ul li a{ padding: 19rem 0 1.5rem;}
	.list-box8 ul li a.active{ padding: 1.5rem 0;}
	.list-box8 ul li .box-info2{ padding: 0 0 0 2rem;}
	.list-box8 ul li .box-info3{ width: 100%; position: absolute; left: 0; top: 1.5rem; height: 16rem;}
	
	.list-box6.style2 ul li a div{ height: 9rem;}
	
	.list-box9 ul li a{ padding-left: 1rem;}
	.list-box9 ul li a span{ height: 4rem; line-height: 4rem;}
	
	.list-box6.style3 ul li a div{ height: 15.5rem;}
	
	.ldtd-box{ padding: 5px 0 0;}
  .ldtd-box>a{ width: 100%;}
  .ldtd-box .item{ width: 100%; border-color: #0067B1; margin-bottom: 12px;}
  .ldtd-box .item::after{ opacity: 1;}
	
	
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}