@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:#009D4F;}
::-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,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #009D4F;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ 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: #F8F8F8;}
.w-90{ width: 90%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 84.375rem;}
.w-1400{margin: auto; width: 87.5rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 101.25rem;}
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.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: #009D4F; 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 .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); */ border: 1px solid #E4E4E4;}
.fanye-box a{ background: #fff; border-color: #fff; height: 3rem; line-height: 3rem; padding: 0 1.25rem; font-size: 1rem; margin: auto; border-radius: 0;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.this{ background: #009D4F; color: #fff; border-color: #009D4F;}
.fanye-box a+a{ margin: 0 0 0 1px !important;}


.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; padding-top: 11.3125rem; background-size: 100%;}
.all-center-box::before{ content: ''; width: 100%; height: ;}
/* .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-size: cover; box-shadow: 0 0 1rem rgba(0,0,0,0.1); background-color: #fff; }
.head-box.active{ top: -7.1875rem;}
.head-box .top-box{ position: relative; z-index: 2; padding: 1.25rem 0; font-size: 0.875rem; border-top: 0.5rem solid #009D4F; border-bottom: 1px solid #DEDEDE;}
.head-box .top-box .pull-left .logo img{ height: 4.125rem;}

.head-box .head-menu{ position: relative; padding: 0 2.5rem;}
.head-box .head-menu::after{ content: ''; width: 1px; height: 2rem; background: rgba(255,255,255,0.3); position: absolute; right: 0; top: 50%; margin-top: -1rem;}
.head-box .head-menu ul li{ width: auto; float: left; text-align: center; position: relative;}
.head-box .head-menu ul li:first-child{ min-width: auto;}
.head-box .head-menu ul li span a{ width: 100%; text-align: center; line-height: 4.125rem; 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: 3px; background: #009D4F; position: absolute; left: 50%; top: -1px; transition: all .6s;}
.head-box .head-menu ul li .head-menu-lv2{ width: 10rem; position: absolute; left: 50%; top: 100%; margin-left: -5rem; padding-top: 1rem; 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-bottom: 0.5625rem solid #fff; position: absolute; left: 50%; top: 0.5rem; 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: 14px; 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: #009D4F; 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: #009D4F;}
.head-box .head-menu ul li:hover span a,.head-box .head-menu ul li.active span a{ color: #009D4F;}
.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 .lower-box{ position: relative; z-index: 2;}
.head-box .lower-box .pull-right{ width: 100%; flex: 1;}

.head-box .head-soso{ width: 22.75rem; height: 44px; position: relative;}
.head-box .head-soso .text{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; border: none; background: rgba(255,255,255,0.6); padding: 0 3.5rem 0 1rem; font-size: 1rem; transition: all .6s; border-radius: 50px; font-size: 14px; border: 1px solid #009D4F;}
.head-box .head-soso .text::-webkit-input-placeholder{ color: #666;}
.head-box .head-soso .btns{ width: 66px; height: 100%; background: url(../images/icon_1.png) no-repeat center #009D4F; background-size: 21px; border: none; float: right; position: relative; z-index: 2; transition: all .6s; position: absolute; right: 0; top: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px;}

.sidebar-right{ width: 4.375rem; position: fixed; right: 1rem; top: 50%; z-index: 100; margin-top: -18rem;}
.sidebar-right a{ width: 100%; height: 4.375rem; float: left; background: #fff; border-radius: 0.375rem; margin-bottom: 0.1875rem; 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; text-align: center; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.sidebar-right a i{ width: 100%; position: relative;}
.sidebar-right a i img{ margin: auto; transition: all .6s;}
.sidebar-right a i img:nth-child(2){ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain; opacity: 0;}
.sidebar-right a p{ width: 100%; font-size: 12px; margin-top: 0.5rem; line-height: 1;}
/* .sidebar-right a.goTop{ display: none;} */
.sidebar-right a:hover{ background: #009D4F; color: #fff;}
.sidebar-right a:hover i img{ transform: rotateY(360deg);}
.sidebar-right a:hover i img:nth-child(2){ opacity: 1;}

.sidebar-right .ewm-box{ width: 8rem; background: #fff; border-radius: 1rem; padding: 0.3rem 0.3rem 0.8rem; position: absolute; right: 5rem; bottom: 0; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1); opacity: 0; pointer-events: none; transition: all .6s;}
.sidebar-right .ewm-box img{ width: 100%;}
.sidebar-right .ewm-box p{ margin-top: 0.1rem; color: #333;}
.sidebar-right .ewm-box div+div{ margin-top: 0.5rem;}
.sidebar-right a:hover .ewm-box{ opacity: 1;}

.banner-box{ position: relative;}
.banner-box .swiper-container{ height: auto;}
.banner-box .swiper-container .swiper-slide{ background-size: cover; background-position: center;}
.banner-box .swiper-container .swiper-slide img, .banner-box .swiper-container .swiper-slide video{ width: 100%; height: 100%; object-fit: cover;}
.banner-box .swiper-pagination{ z-index: 10; width: 100%; bottom: 9.75rem;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width: 0.75rem; height: 0.75rem; text-align: center; margin: 0 0.5rem; background: #fff; color: #fff; font-size: 1.25rem; transition: all .6s; opacity: 1;}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; background: #E50811;}


.news-box1{ margin-top: -3rem; padding: 4.5rem 0 3.5rem; background: #E7F2EE;}
.news-box1 ul{ margin: 0 -0.875rem;}
.news-box1 ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 1.5rem;}
.news-box1 ul li a{ width: 100%; float: left; height: 23rem; position: relative;}
.news-box1 ul li a .imgs{ height: 15.625rem; overflow: hidden;}
.news-box1 ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news-box1 ul li a .info{ width:100%; background: #fff; padding: 1.75rem; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all .6s;}
.news-box1 ul li a .info span{ display: block; font-size: 1.125rem; height: 3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-box1 ul li a .info p{ font-size: 0.875rem; height: 0; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; transition: all .6s;}
.news-box1 ul li a .info i{ display: block; background: url(../images/icon_time1.png) no-repeat left; background-size: auto 0.9375rem; line-height: 0.9375rem; padding-left: 1.625rem; font-size: 0.875rem; margin-top: 0.75rem; color: #999;}
.news-box1 ul li a:hover .imgs img{ transform: scale(1.1);}
.news-box1 ul li a:hover .info{ background: #009D4F; color: #fff;}
.news-box1 ul li a:hover .info p{ height: 3.5625rem; margin: 0.9375rem 0;}
.news-box1 ul li a:hover .info i{ background-image: url(../images/icon_time2.png); color: #fff;}

.news-box2{ margin-top: 1.5rem;}
.news-box2 ul li{ width: 100%; float: left;}
.news-box2 ul li a{ width: 100%; float: left; border-bottom: 1px solid #e2e2e2; padding: 1.5rem;}
.news-box2 ul li a .f-l{ width: 100%; flex: 1;}
.news-box2 ul li a .f-l span{ display: block; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; position: relative; transition: all .6s;}
.news-box2 ul li a .f-l p{ font-size: 0.875rem; color: #666; line-height: 1.6; height: 2.75rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 1.125rem 0 0;}
.news-box2 ul li a .f-l i{ display: block; background: url(../images/icon_11.png) no-repeat left; line-height: 0.9375rem; padding-left: 25px; font-size: 0.875rem; margin-top: 1.875rem; color: #999;}
.news-box2 ul li a .f-r{ width: 15%; height:10rem; overflow: hidden; margin-left: 1.5rem;}
.news-box2 ul li a .f-r img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news-box2 ul li a .time{ width: 4.5rem; text-align: center; border: 1px solid #c6c6c6; font-size: 0.75rem; color: #666; padding: 0.9375rem 0 1rem; margin-right: 1.5rem; transition: all .6s;}
.news-box2 ul li a .time span{ display: block; font-size: 3rem;}
.news-box2 ul li a:hover{ background: #F6F6F6;}
.news-box2 ul li a:hover .f-r img{ transform: scale(1.1);}
.news-box2 ul li a:hover .f-l span{ color: #009D4F;}
.news-box2 ul li a:hover .time{ background: #009D4F; color: #fff; border-color: #009D4F;}

.news-box3{ padding: 0 0 2rem;}
.news-box3 .top-box .box1{ font-size: 2.25rem; text-align: center; margin-top: 3.125rem;}
.news-box3 .top-box .box2{ border-bottom: 1px solid #E5E5E5; padding: 1rem 0; font-size: 12px; color: #888;}
.news-box3 .top-box .box2 .f-l{ font-size: 12px; color: #888;}
.news-box3 .top-box .box2 .f-l .icon{ background-position: left; background-repeat: no-repeat; line-height: 20px; height: 20px; margin-right: 0.5rem;}
.news-box3 .top-box .box2 .f-l .icon.icon1{ background-image: url(../images/icon_time1.png); padding-left: 20px;}
.news-box3 .top-box .box2 .f-l .icon.icon2{ background-image: url(../images/icon_eye.png); padding-left: 22px; margin-left: 1.25rem;}
.news-box3 .top-box .box2 .f-l .icon.icon3{ background-image: url(../images/icon_fx.png); padding-left: 20px; margin-left: 1.25rem;}

.news-box3 .cen-box{ line-height: 2; padding: 3.125rem 0;}
.news-box3 .cen-box img{margin-bottom: 15px;margin-top: 15px;}
.news-box3 .lower-box{ border-top: 1px solid #E5E5E5; padding: 1rem 0;}
.news-box3 .lower-box .f-l{ max-width: 50%;}
.news-box3 .lower-box .f-l a{ width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.5rem 0;}
.news-box3 .lower-box .f-r{ border: 1px solid #009D4F; line-height: 2.625rem; padding: 0 2rem; font-size: 1rem;}
.news-box3 .lower-box .f-r span{ background: url(../images/icon_back.png) no-repeat left; padding-left: 40px; transition: all .6s; color: #666; display: inline-block;}
.news-box3 .lower-box .f-r:hover{ background: #009D4F; border-color: #009D4F;}
.news-box3 .lower-box .f-r:hover span{ color: #fff; background-image: url(../images/icon_back_h.png);}


.news-info{ padding: 3.4375rem 0;}
.news-info .w-1500{ position: relative;}
.news-info .pull-left{ width: 64rem; position: relative; z-index: 3;}
.news-info .pull-left .top-box .box1{ font-size: 2rem; font-weight: bold; text-align: center;}
.news-info .pull-left .top-box .box2{ font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; padding: 1.125rem 0 1rem; line-height: 0.9375rem;}
.news-info .pull-left .top-box .box2 span{ display: inline-block; color: #666;}
.news-info .pull-left .top-box .box2 span.icon1,.news-info .pull-left .top-box .box2 span.icon2,.news-info .pull-left .top-box .box2 span.icon3{ padding-left: 1.5625rem; background-position: left; background-repeat: no-repeat; background-size: auto ;}
.news-info .pull-left .top-box .box2 span.icon1{ background-image: url(../images/icon_10.png);}
.news-info .pull-left .top-box .box2 span.icon2{ background-image: url(../images/icon_14.png);}
.news-info .pull-left .top-box .box2 span.icon3{ background-image: url(../images/icon_15.png);}
.news-info .pull-left .top-box .box2 .f-l span+span{ margin-left: 2rem;}
.news-info .pull-left .top-box .box2 span i{ margin-left: 0.625rem; cursor: pointer;}
.news-info .pull-left .lower-box{ line-height: 2; margin-top: 2.5rem; min-height: 80vh;}
.news-info .pull-left .lower-box img{ margin: 1rem 0;}

.news-info .pull-right{ width: 100%; position: absolute; top: 0;}
.news-info .pull-right .w-1500{ width: 100%;}
.news-info .pull-right.fixed .w-1500{ width: 95rem;}
.news-info .pull-right.fixed{ position: fixed; left: 0; top: 14rem;}
.news-info .pull-right.active{ opacity: 0; transition: all .6s;}
.news-info .pull-right .f-r{ width: 26.25rem;}

.news-info .pull-right .box-info1{}
.news-info .pull-right .box-info1 .box1{ padding: 0 1rem; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.news-info .pull-right .box-info1 .box1 a{ width: 100%; float: left; border-top: 1px solid #dfdfdf; padding: 1rem 0; color: #333;}
.news-info .pull-right .box-info1 .box1 a:first-child{ border-top: none;}
.news-info .pull-right .box-info1 .box1 a strong{ display: block; font-size: 1.3rem; font-weight: bold; transition: all .6s;}
.news-info .pull-right .box-info1 .box1 a i{ display: block; font-size: 0.875rem; background: url(../images/icon_10.png) no-repeat left; padding: 0.3rem 0 0; color: #999;}
.news-info .pull-right .box-info1 .box1 a p{ font-size: 1.125rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; margin-top: 0.5rem;}
.news-info .pull-right .box-info1 .box1 a:hover strong{ color: #E40012;}
.news-info .pull-right .box-info1 .box2{ background: #009D4F; text-align: center; padding: 0.8rem 0;}
.news-info .pull-right .box-info1 .box2 span{ display: inline-block; line-height:2rem; background: url(../images/icon_13.png) no-repeat left; background-size: 1.1875rem; font-size: 1.2rem; padding-left: 2rem; color: #fff;}
.news-info .pull-right .box-info2{ background: #fff;  box-shadow: 0 0 1rem rgba(0,0,0,0.1); margin-top: 1.5rem; padding: 1.25rem;}
.news-info .pull-right .box-info2 .box1{ font-size: 1.5rem;}
.news-info .pull-right .box-info2 .box2{ margin-top: 0.5rem;}
.news-info .pull-right .box-info2 .box2 ul li{ width: 100%; float: left;}
.news-info .pull-right .box-info2 .box2 ul li a{ width: 100%; float: left; margin-top: 0.75rem; line-height: 1.75rem; display: flex;}
.news-info .pull-right .box-info2 .box2 ul li a i{ width: 1.75rem; background: #8F8F8F; color: #fff; font-size: 1.125rem; text-align: center;}
.news-info .pull-right .box-info2 .box2 ul li a p{ width: 100%; flex: 1; padding: 0 0 0 0.625rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-info .pull-right .box-info2 .box2 ul li:nth-child(1) a i{ background: #E40012;}
.news-info .pull-right .box-info2 .box2 ul li:nth-child(2) a i{ background: #FF4200;}
.news-info .pull-right .box-info2 .box2 ul li:nth-child(3) a i{ background: #EF8D00;}

.social-share .social-share-icon{ color: #939393 !important; border-color: #939393 !important;}
.social-share .social-share-icon:hover{ background: none !important;}

.home-box1{ position: relative; z-index: 10; margin-top: -8.4375rem; padding-bottom: 2.5rem;}
.home-box1 .center-block{ background: #fff; border-radius: 0.5rem;}
.home-box1 .center-block a{ width: 100%; height: 5.9375rem; border-left: 1px solid #E2E2E2;}
.home-box1 .center-block a span{ width: 2.8125rem; height: 2.8125rem; position: relative;}
.home-box1 .center-block a span img{ width: 100%; height: 100%; display: block; transition: all .6s;}
.home-box1 .center-block a span img:nth-child(2){ position: absolute; left: 0; top: 0; opacity: 0;}
.home-box1 .center-block a p{ width: 100%; flex: 1; padding-left: 1.125rem;}
.home-box1 .center-block a:hover{ color: #fff; background: #009D4F;}
.home-box1 .center-block a:hover span img{ transform: rotateY(360deg);}
.home-box1 .center-block a:hover span img:nth-child(2){ opacity: 1;}
.home-box1 .center-block a:first-child{ border: none;}

.all-title-box1 .pull-left{ font-size: 1.625rem; border-left: 0.25rem solid #009D4F; height: 1.6875rem; line-height: 1.6875rem; display: flex;}
.all-title-box1 .pull-left span{ margin: 0 0.875rem 0 0.5rem;}
.all-title-box1 .pull-left p{ color: #888;}

.home-box2{ padding: 3rem 0;}
.home-box2 .top-box{ margin-top: 1rem;}
.home-box2 .top-box .pull-left{ width: 58%;}
.home-box2 .top-box .pull-left .swiper-container{ padding-bottom: 2.25rem;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide{ height: 18.75rem; overflow: hidden;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide a{ width: 100%; height: 100%; float: left;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide .imgs{ height: 100%;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide .info{ position: absolute; left: 0; bottom: 0; color: #fff; padding: 0.8rem; font-size: 0.875rem; transition: all .6s;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide .info span{ display: block; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide .info p{ line-height: 1.5rem; height: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .6s;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide .info i{ margin-top: 0.5rem; display: block; opacity: 0.8;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide:hover .info p{ margin-top: 0.5rem; height: 3rem;}
.home-box2 .top-box .pull-left .swiper-container .swiper-slide:hover .info{ background: rgba(0,157,79,0.8);}
.home-box2 .top-box .pull-left .swiper-container .swiper-pagination{ bottom: 0;}
.home-box2 .top-box .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px; border: 1px solid #A0A0A0; transition: all .6s; background: none; opacity: 1;}
.home-box2 .top-box .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #E50811; border-color: #E50811;}
.home-box2 .top-box .pull-right{ width: 42%; padding-left: 2.75rem; height: 21rem;}
.home-box2 .top-box .pull-right .box-info1{ border-bottom: 2px solid #CFCFCF;}
.home-box2 .top-box .pull-right .box-info1 span{ height: 2.1875rem; float: left; font-size: 1.25rem; margin-right: 2.8125rem; position: relative; transition: all .6s; cursor: pointer;}
.home-box2 .top-box .pull-right .box-info1 span::after{ content: ''; width: 0; height: 2px; background: #009D4F; position: absolute; left: 0; bottom: -2px; transition: all .6s;}
.home-box2 .top-box .pull-right .box-info1 span.active{ color: #009D4F;}
.home-box2 .top-box .pull-right .box-info1 span.active::after{ width: 100%;}
.home-box2 .top-box .pull-right .box-info2{ padding: 0.8rem 0;}
.home-box2 .top-box .pull-right .box-info2 ul li{ width: 100%; float: left;}
.home-box2 .top-box .pull-right .box-info2 ul li a{ width: 100%; float: left; line-height: 2.5rem;}
.home-box2 .top-box .pull-right .box-info2 ul li a span{ width: 75%; float: left; line-height: 2.5rem; height: 2.5rem; padding-left: 0.875rem; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.home-box2 .top-box .pull-right .box-info2 ul li a span::after{ content: ''; width: 0.375rem; height: 0.375rem; background: #009D4F; position: absolute; left: 0; top: 50%; margin-top: -0.3rem; border-radius: 100%;}
.home-box2 .top-box .pull-right .box-info2 ul li a i{ float: right; font-size: 0.875rem; color: #888;}

.home-box2 .lower-box{ margin-top: 2.625rem;}
.home-box2 .lower-box .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 1.25rem; height: 3px; margin: 0 5px; transition: all .6s; background: rgba(0,0,0,0.3); opacity: 1; border-radius: 0;}
.home-box2 .lower-box .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.all-more a{ display: inline-block; border: 1px solid #009D4F; color: #009D4F; border-radius: 0.25rem; padding: 0 1.5rem; font-size: 1.125rem;}
.all-more a span{ display: inline-block; line-height: 2.8125rem;}
.all-more a.active,.all-more a:hover{ background: #009D4F; color: #fff;}

.home-box3{ background: url(../images/ho3_bg.jpg) no-repeat center fixed; background-size: cover; padding: 3.75rem 0;}
.home-box3 .all-title-box1{ position: relative; z-index: 10;}
.home-box3 .box-info1{ flex: 0;}
.home-box3 .box-info1 .box1{ width: 11.25rem; border: 1px solid #a3eec9; border-radius: 0.25rem; background: url(../images/icon_jt1.png) no-repeat 90% center; margin-right: 0.625rem; position: relative; float: left;}
.home-box3 .box-info1 .box1 select,.home-box3 .box-info1 .box1 span{ width: 100%; height: 3rem; line-height: 3rem; float: left; padding: 0 1rem; background: none; color: #a3eec9; font-size: 0.875rem; -webkit-appearance: none; border: none; cursor: pointer;}
.home-box3 .box-info1 .box1 select option{ color: #333;}
.home-box3 .box-info1 .box1 ul{ width: 100%; position: absolute; max-height: 10rem; left: 0; top: 100%; z-index: 2; background: #fff; color: #333; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 0.25rem; overflow: auto; font-size: 0.875rem; opacity: 0; pointer-events: none; transition: all .6s;}
.home-box3 .box-info1 .box1 ul li{ cursor: pointer; padding: 0.6rem 1rem;}
.home-box3 .box-info1 .box1 ul li:hover,.home-box3 .box-info1 .box1 ul li.active{ background: #009D4F; color: #fff; transition: all .6s;}
.home-box3 .box-info1 .box1 ul.active{ opacity: 1; pointer-events: auto;}
.home-box3 .box-info1 .btns{ width: 11.25rem; height: 3rem; background: url(../images/icon_3.png) no-repeat 2rem center #fff; border: none; border-radius: 0.25rem; font-size: 1.125rem; text-indent: 1rem;}
.home-box3 .box-info2{ position: relative; margin-top: 3.4375rem;}
.home-box3 .box-info2 .swiper-container{}
.home-box3 .box-info2 .swiper-container .swiper-slide a{ background: #fff; padding: 1rem;}
.home-box3 .box-info2 .swiper-container .swiper-slide a .f-l{ width: 9.375rem; height: 13.4375rem;}
.home-box3 .box-info2 .swiper-container .swiper-slide a .f-r{ width: 100%; flex: 1; padding-left: 1.5rem; color: #333;}
.home-box3 .box-info2 .swiper-container .swiper-slide a .f-r .box1{ font-size: 1.125rem; margin-top: 0.5rem;}
.home-box3 .box-info2 .swiper-container .swiper-slide a .f-r .box1 span{ display: inline-block; padding-bottom: 0.5rem; border-bottom: 0.1875rem solid #CD1018;}
.home-box3 .box-info2 .swiper-container .swiper-slide a .f-r .box2{ margin-top: 0.75rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 0.875rem;}
.home-box3 .swiper-pagination{ width: 100%; float: left; position: relative; bottom: 0; color: #fff; font-size: 1.5rem; font-weight: 100; padding: 1.875rem 0; font-style: italic;}
.home-box3 .swiper-pagination .swiper-pagination-current{ font-size: 2.25rem;}
.home-box3 .swiper-button-next{ right: -3rem;}
.home-box3 .swiper-button-prev{ left: -3rem;}
.home-box3 .all-more a{ border-color: #fff; color: #fff;}
.home-box3 .all-more a span{ padding-right: 1.5rem; background: url(../images/icon_4.png) no-repeat right; background-size: 0.75rem; }
.home-box3 .all-more a:hover{ background: none;}
.home-box3 .all-title-box1 .pull-left{ border-color: #fff;}
.home-box3 .all-title-box1 .pull-left span,.home-box3 .all-title-box1 .pull-left p{ color: #fff;}

.home-box4{ padding: 4.0625rem 0;}
.home-box4 .box-info1{ flex: 0; display: flex; white-space: nowrap;}
.home-box4 .box-info1 a,.home-box4 .box-info1 span{ float: left; font-size: 1rem; color: #bababa; line-height: 2rem; margin-left: 0.8rem;}
.home-box4 .box-info1 a:hover{ color: #009D4F;}

.home-box4 .center-block{ margin-top: 2rem;}
.home-box4 .center-block .pull-left,.home-box4 .center-block .pull-right{ width: 50%; height: 26.25rem; position: relative; overflow: hidden;}
.home-box4 .center-block .pull-right{ border: 1px solid #E5E5E5;}
.home-box4 .center-block .pull-left a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.home-box4 .center-block .pull-left a .imgs{ height: 100%; overflow: hidden;}
.home-box4 .center-block .pull-left a .info{ background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; padding: 1.75rem; color: #fff;}
.home-box4 .center-block .pull-left a .info span{ display: inline-block; border-bottom: 0.1875rem solid #fff; padding-bottom: 0.5rem; font-size: 1.5rem;}
.home-box4 .center-block .pull-left a .info p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-right: 3rem; background: url(../images/icon_4.png) no-repeat right; background-size: 2rem; margin-top: 0.8rem; line-height: 1.6;}
.home-box4 .center-block .pull-right{ padding: 2.5rem;}
.home-box4 .center-block .pull-right .box1{ border-bottom: 1px solid #D7D7D7;}
.home-box4 .center-block .pull-right .box1 span{ float: left; font-size: 1.125rem; padding: 0 0.5rem; padding-bottom: 0.625rem; margin-right: 0.5rem; cursor: pointer; transition: all .6s; position: relative;}
.home-box4 .center-block .pull-right .box1 span::after{ content: ''; width: 0; height: 3px; position: absolute; left: 0; bottom: -1px; background: #009D4F; transition: all .6s;}
.home-box4 .center-block .pull-right .box1 span.active{ color: #009D4F;}
.home-box4 .center-block .pull-right .box1 span.active::after{ width: 100%;}
.home-box4 .center-block .pull-right .box2{ height: 17.875rem; overflow: auto; padding: 0 0 1rem 0; margin-top: 1rem;}
.home-box4 .center-block .pull-right .box2 a{ width: 25%; float: left; line-height: 2rem; padding:0 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.5rem 0; position: relative;}
.home-box4 .center-block .pull-right .box2 a::after{ content: ''; width: 0.375rem; height: 0.375rem; border-radius: 100%; background: #8F8F8F; position: absolute; left: 0; top: 50%; margin-top: -0.25rem; transition: all .6s;}
.home-box4 .center-block .pull-right .box2 a:hover::after{ background: #009D4F;}

.home-box5{ background: #eee; padding: 3.75rem 0 5rem;}
.home-box5 ul{ margin: 0 -0.625rem;}
.home-box5 ul li{ width: 25%; float: left; padding: 0 0.625rem; margin-top: 1.25rem;}
.home-box5 ul li .center-block{ width: 100%; float: left; height: 21.25rem; background: #fff; overflow: hidden; position: relative;}
.home-box5 ul li .center-block .imgs{ height: 14.375rem;}
.home-box5 ul li .center-block .imgs img{ width: 100%; height: 100%; object-fit: cover;}
.home-box5 ul li .center-block .info{ height: 6.875rem; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #fff; text-align: center; transition: all .6s;}
.home-box5 ul li .center-block .info .box1{ height: 6.875rem;}
.home-box5 ul li .center-block .info .box1 span{ font-size: 1.5rem; padding-bottom: 0.625rem; position: relative; display: block; margin-top: 1.3rem; transition: all .6s;}
.home-box5 ul li .center-block .info .box1 span::after{ content: ''; width: 2.75rem; height: 0.25rem; background: #CD1018; position: absolute; left: 50%; bottom: 0; margin-left: -1.375rem; transition: all .6s;}
.home-box5 ul li .center-block .info .box1 p{ font-size: 1.125rem; color: #8E8E8E; margin-top: 0.5rem; transition: all .6s;}
.home-box5 ul li .center-block .info .box2{ height: 12.5rem; padding-top: 0.5rem;}
.home-box5 ul li .center-block .info .box2 a{ width: 100%; float: left; font-size: 1.125rem; color: #fff; margin-bottom: 1rem;}
.home-box5 ul li .center-block:hover .info{ height: 100%; background: #009D4F;}
.home-box5 ul li .center-block:hover .info .box1 span,.home-box5 ul li .center-block:hover .info .box1 p{ color: #fff;}
.home-box5 ul li .center-block:hover .info .box1 span::after{ background: #fff;}

.home-box6{ padding: 2.8125rem 0;}
.home-box6 .swiper-container{ margin-top: 2rem;}
.home-box6 .swiper-container .swiper-slide a{ height: 14.375rem; overflow: hidden; position: relative;}
.home-box6 .swiper-container .swiper-slide a span{ width: 100%; height: 100%; float: left;}
.home-box6 .swiper-container .swiper-slide a p{ width: 100%; line-height: 2.5rem; background: rgba(0,0,0,0.5); color: #fff; text-align: center; position: absolute; left: 0; bottom: 0;}

.foot-box{ background: url(../images/fo_bg.jpg) center; background-size: cover; color: #fff;}
.foot-box .box-info1{ padding: 1.75rem 0 1.125rem; font-size: 1.25rem; line-height: 2.5rem;}
.foot-box .box-info1 em{ opacity: 0.5;}
.foot-box .box-info1 .icon{ background: url(../images/icon_5.png) no-repeat left; background-size: 2.375rem; padding-left: 3.4375rem;}
.foot-box .box-info2{ border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); padding: 2.375rem 0;}
.foot-box .box-info2 .box1 a img{ height: 3.125rem;}
.foot-box .box-info2 .box1 p{ margin-top: 0.7rem; line-height: 2; font-size: 0.875rem;}
.foot-box .box-info2 .box1 a{ color: #5ef2c8;}
.foot-box .box-info2 .box2{ border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); padding: 0 5rem; margin: 0 5rem;}
.foot-box .box-info2 .box2 .link{ width: 21.5625rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 0.25rem; background: url(../images/icon_jt1.png) no-repeat 94% center;}
.foot-box .box-info2 .box2 .link select{ width: 100%; height: 2.375rem; background: none; color: #5ef2c8; padding: 0 1.25rem; border: none; -webkit-appearance: none;}
.foot-box .box-info2 .box2 .link select option{ color: #333;}
.foot-box .box-info2 .box2 #share-2{ margin-top: 1.875rem; -webkit-text-stroke-width:0;}
.foot-box .box-info2 .box2 #share-2 .social-share-icon{ color: #fff !important; border-color: #fff !important;}
.foot-box .box-info2 .box2 #share-2 .icon-wechat .wechat-qrcode{ top: -210px;}
.foot-box .box-info2 .box3{ display: flex;}
.foot-box .box-info2 .box3 div{ text-align: center;}
.foot-box .box-info2 .box3 div+div{ margin-left: 3.75rem;}
.foot-box .box-info2 .box3 div img{ width: 6.125rem;}
.foot-box .box-info2 .box3 div p{ font-size: 0.875rem; margin-top: 0.3rem;}
.foot-box .box-info3{ text-align: center; padding: 1.125rem 0; font-size: 0.875rem;}
.foot-box .box-info3 a{ color: #5ef2c8;}

.page-banner{ background: url(../images/bg_1.jpg) no-repeat center; background-size: cover; padding-bottom: 3rem;}
.page-banner .w-1400{ height: 11.125rem; color: #fff;}
.page-banner .f-l{ width: 40%; font-size: 1.875rem; height: 1.625rem; line-height: 1.625rem; padding-left: 1rem; position: relative;}
.page-banner .f-l::after{ content: ''; width: 0.3125rem; height: 100%; position: absolute; left: 0; top: 0; background: #fff; border-radius: 50px;}
.page-banner .f-r{ width: 40%; text-align: right; }
.page-banner .f-r span{ float: right; background: url(../images/icon_7.png) no-repeat left; line-height: 20px; padding-left: 22px; font-size: 14px;}
.page-banner .f-r a{ color: #fff;}
.page-banner.noMenu{ padding: 1.5rem 0;}

.page-menu{ position: relative; z-index: 2;}
.page-menu .center-block{ background: #fff; border-bottom: 0.25rem solid #169053; padding: 1.8rem 2.8125rem; margin-top: -3rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.page-menu .center-block .box2 a{ float: left; line-height: 2rem; padding: 0 1.75rem; font-size: 1.125rem; border-radius: 50px; margin-right: 1rem;}
.page-menu .center-block .box2 a.active,.page-menu .center-block .box2 a:hover{ background: #169053; color: #fff;}

.page-center-box{ min-height: 20rem;}

.page-info-box1{ padding: 3.4375rem 0 5rem; line-height: 1.8; font-size: 1.125rem;}

.page-info-box2{ padding: 1.25rem 0;}
.page-info-box2 ul{ margin: 0 -0.9375rem;}
.page-info-box2 ul li{ width: 25%; float: left; padding: 0 0.9375rem; margin: 0.9375rem 0;}
.page-info-box2 ul li a{ width: 100%; height: 13rem; background: #fff; border: 1px solid #fff; padding: 0 1.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.page-info-box2 ul li a .f-l{ width: 7.5rem; height: 7.5rem; border-radius: 100%; overflow: hidden;}
.page-info-box2 ul li a .f-r{ width: 100%; flex: 1; padding-left: 1rem;}
.page-info-box2 ul li a .f-r span{ display: block; position: relative; font-size: 1.25rem; padding-bottom: 0.6rem;}
.page-info-box2 ul li a .f-r span::after{ content: ''; width: 2rem; height: 2px; background: #006CBD; position: absolute; left: 0; bottom: 0;}
.page-info-box2 ul li a .f-r p{ font-size: 1rem; line-height: 1.8; margin-top: 0.8rem; color: #333;}
.page-info-box2 ul li a:hover{ border-color: #009D4F;}

.page-info-box3{ padding: 2rem 0;}
.page-info-box3 ul li{ width: 100%; float: left; position: relative; padding-left: 3.375rem;}
.page-info-box3 ul li::before{ content: ''; width: 1px; height: 100%; background: #CDCDCD; position: absolute; left: 1.1rem; top: 0;}
.page-info-box3 ul li .box-info1{ font-size: 1.5rem; color: #978162; position: relative; line-height: 1.5rem; transition: all .6s;}
.page-info-box3 ul li .box-info1::after{ content: ''; width: 1.5rem; height: 1.5rem; position: absolute; left: -3rem; top: 0; background: url(../images/icon_8.png) no-repeat; transition: all .6s; background-size: 100%;}
.page-info-box3 ul li .box-info2{ border: 2px solid #F4EEE6; background: #F4EEE6; padding: 2.1875rem; border-radius: 1.25rem; position: relative; margin: 1.75rem 0 2rem; transition: all .6s;}
.page-info-box3 ul li .box-info2 .box1{ font-size: 1rem; line-height: 2;}
.page-info-box3 ul li .box-info2 .box2 .center-block{ margin: 0 -1rem;}
.page-info-box3 ul li .box-info2 .box2 .center-block div{ width: 25%; float: left; padding: 0 1rem; margin-top: 2rem; text-align: center;}
.page-info-box3 ul li .box-info2 .box2 .center-block div span{ width: 100%; float: left; height: 11.25rem; overflow: hidden;}
.page-info-box3 ul li .box-info2 .box2 .center-block div span img{ width: 100%; height: 100%; object-fit: cover;}
.page-info-box3 ul li .box-info2 .box2 .center-block div p{ width: 100%; float: left; margin-top: 0.5rem;}
.page-info-box3 ul li .box-info2::after{ content: ''; width: 1.75rem; height: 0.9375rem; background: url(../images/icon_jt2.png) no-repeat bottom; position: absolute; background-size: 100%; left: 4.375rem; bottom: 100%; transition: all .6s;}
.page-info-box3 ul li:hover .box-info1{ color: #169053;}
.page-info-box3 ul li:hover .box-info1::after{ background-image: url(../images/icon_8_h.png);}
.page-info-box3 ul li:hover .box-info2{ border-color: #169053;}
.page-info-box3 ul li:hover .box-info2::after{ background-image: url(../images/icon_jt2_h.png);}

.page-info-box4{ padding: 1.25rem 0 0; min-height: 40vh;}
.page-info-box4 ul li{ width: 100%; float: left;}
.page-info-box4 ul li a{ width: 100%; float: left; line-height: 5rem; border-bottom: 1px dashed #DCDCDC; padding: 0 1.125rem;}
.page-info-box4 ul li a span{ width: 70%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.125rem; padding-left: 1.125rem; position: relative;}
.page-info-box4 ul li a span::after{ content: ''; width: 0.375rem; height: 0.375rem; background: #BFBFBF; position: absolute; left: 0; top: 50%; margin-top: -0.1875rem; border-radius: 100%; transition: all .6s;}
.page-info-box4 ul li a i{ font-size: 0.875rem; color: #999; float: right;}
.page-info-box4 ul li a:hover{ background: #F5FAF8;}
.page-info-box4 ul li a:hover span::after{ background:#169053;}

.page-menu .center-block .box3{ height: 2.5rem; line-height: 1.125rem; font-size: 1rem; white-space: nowrap;}
.page-menu .center-block .box3 span{ font-size: 1.125rem;}
.page-menu .center-block .box3 a{ border-right: 2px solid #DDDDDD; padding: 0 1rem; position: relative;}
.page-menu .center-block .box3 a::after{ content: ''; width: 0; height: 0.1875rem; position: absolute; bottom: -0.6rem; left: 20%; background: #009D4F;}
.page-menu .center-block .box3 a:last-child{ border: none;}
.page-menu .center-block .box3 a.active{ color: #009D4F;}
.page-menu .center-block .box3 a.active::after{ width: 60%;}

.page-info-box5{ padding-bottom: 5rem;}
.page-info-box5 .center-block{ margin-top: 2.5rem;}
.page-info-box5 .center-block .box1{ display: flex; padding: 0 0.75rem; line-height: 2.5625rem;}
.page-info-box5 .center-block .box1 img{ height: 2.5625rem;}
.page-info-box5 .center-block .box1 span{ font-size: 1.5rem; padding-left: 0.75rem;}
.page-info-box5 .center-block .box2{ background: #EEFCF6; border: 1px solid #C8EADD; margin-top: 1.25rem; padding: 2rem 3rem;}
.page-info-box5 .center-block .box2 ul li{ width: 20%; float: left;}
.page-info-box5 .center-block .box2 ul li a{ width: 100%; float: left; line-height: 2rem; padding-left: 1rem; margin: 0.5rem 0; position: relative;}
.page-info-box5 .center-block .box2 ul li a::after{ content: ''; width: 0.375rem; height: 0.375rem; background: #BBBBBB; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.1875rem; transition: all .6s;}
.page-info-box5 .center-block .box2 ul li a:hover::after{ background: #009D4F;}

.page-info-box6{ background: #E9F6F0; padding: 3.125rem 0;}
.page-info-box6 .pull-left,.page-info-box6 .pull-right{ width: 50%;}
.page-info-box6 .pull-left .swiper-container .swiper-slide{ height: 28.375rem; overflow: hidden;}
.page-info-box6 .pull-left .swiper-container .swiper-slide a{ width: 100%; height: 100%; float: left;}
.page-info-box6 .pull-left .swiper-container .swiper-slide a span{ width: 100%; height: 100%; float: left;}
.page-info-box6 .pull-left .swiper-container .swiper-slide a p{ width: 100%; line-height: 3.125rem; padding: 0 1.875rem; font-size: 1.125rem; color: #fff; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0;}
.page-info-box6 .pull-left .swiper-container .swiper-pagination{ bottom: 1rem; width: auto; left: auto; right: 1rem;}
.page-info-box6 .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet{ background: rgba(255,255,255,0.5); margin: 0 0 0 0.625rem; opacity: 1;}
.page-info-box6 .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #FF6B38;}
.page-info-box6 .pull-right{ padding: 2rem;}
.page-info-box6 .pull-right .box1 .f-l{ font-size: 2.25rem; padding: 0.8rem 0; position: relative;}
.page-info-box6 .pull-right .box1 .f-l::after{ content: ''; width: 4.125rem; height: 0.1875rem; background: #009D4F; position: absolute; left: 0; bottom: 0;}
.page-info-box6 .pull-right .box1 .f-r{ border: 1px solid #B2E4CD; padding: 0 1.75rem; border-radius: 50px;}
.page-info-box6 .pull-right .box1 .f-r span{ display: inline-block; line-height: 2.25rem; font-size: 1rem; padding-left: 34px; background: url(../images/icon_back.png) no-repeat left; color: #009D4F; transition: all .6s;}
.page-info-box6 .pull-right .box1 .f-r:hover{ background: #009D4F;}
.page-info-box6 .pull-right .box1 .f-r:hover span{ color: #fff; background-image: url(../images/icon_back_h.png);}
.page-info-box6 .pull-right .box2{ font-size: 1rem; line-height: 2; margin: 1.125rem 0;}
.page-info-box6 .pull-right .all-more a{ font-size: 0.875rem;}
.page-info-box6 .pull-right .all-more a span{ line-height: 2.375rem;}

.page-info-box7{ padding: 3.75rem 0;}
.page-info-box7 .swiper-button-next,.page-info-box7 .swiper-button-prev{ position: relative; top: auto; margin: 0; float: left; left: auto; right: auto; width: 2rem; height: 2rem; border-radius: 2px; border: 1px solid #DCDCDC; margin-left: 0.5rem; transition: all .6s;}
.page-info-box7 .swiper-button-next::after,.page-info-box7 .swiper-button-prev::after{ font-size: 1rem; color: #999; transition: all .6s;}
.page-info-box7 .swiper-button-next:hover,.page-info-box7 .swiper-button-prev:hover{ background: #009D4F; border-color: #009D4F;}
.page-info-box7 .swiper-button-next:hover::after,.page-info-box7 .swiper-button-prev:hover::after{ color: #fff;}
.page-info-box7 .center-block{ margin-top: 2rem;}
.page-info-box7 .swiper-container .swiper-slide a{ height: 13.625rem; overflow: hidden; position: relative;}
.page-info-box7 .swiper-container .swiper-slide a .imgs{ height: 100%;}
.page-info-box7 .swiper-container .swiper-slide a .info{ position: absolute; left: 0; bottom: -2.7rem; text-align: center; background: rgba(0,0,0,0.5); color: #fff; transition: all .6s;}
.page-info-box7 .swiper-container .swiper-slide a .info span{ display: block; line-height: 2.375rem; position: relative;}
.page-info-box7 .swiper-container .swiper-slide a .info span::after{ content: ''; width: 1.125rem; height: 0.1875rem; background: #fff; position: absolute; left: 50%; top: 100%; margin-left: -0.5625rem;}
.page-info-box7 .swiper-container .swiper-slide a .info p{ height: 1.375rem; font-size: 0.875rem; margin: 0.625rem 0;}
.page-info-box7 .swiper-container .swiper-slide a:hover .info{ bottom: 0; background: rgba(0,146,73,0.85);}

.page-info-box8 ul{ margin: 0 -0.875rem;}
.page-info-box8 ul li{ width: 50%; float: left; padding: 0 0.875rem; margin-top: 1.75rem;}
.page-info-box8 ul li a{ border: 1px solid #ECECEC; padding: 1.375rem; display: flex;}
.page-info-box8 ul li a .f-l{ width: 9.375rem; height: 13.4375rem; overflow: hidden;}
.page-info-box8 ul li a .f-r{ width: 100%; flex: 1; padding-left: 1.875rem; color: #333;}
.page-info-box8 ul li a .f-r .box1{ font-size: 1.125rem; margin-top: 0.5rem;}
.page-info-box8 ul li a .f-r .box1 span{ display: inline-block; padding-bottom: 0.5rem; border-bottom: 0.1875rem solid #CD1018;}
.page-info-box8 ul li a .f-r .box2{ margin-top: 0.75rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 0.875rem;}

.zjjs-box2{ padding: 1.5rem 0 1rem;}
.zjjs-box2 .f-r{ border: 1px solid #B2E4CD; padding: 0 1.75rem; border-radius: 50px;}
.zjjs-box2 .f-r span{ display: inline-block; line-height: 2.25rem; font-size: 1rem; padding-left: 34px; background: url(../images/icon_back.png) no-repeat left; color: #009D4F; transition: all .6s;}
.zjjs-box2 .f-r:hover{ background: #009D4F;}
.zjjs-box2 .f-r:hover span{ color: #fff; background-image: url(../images/icon_back_h.png);}


.zjjs-box3{ background: #EEFCF6; border: 1px solid #C8EADD; padding: 2.8125rem 2.25rem;}
.zjjs-box3 .pull-left{ width: 50%;}
.zjjs-box3 .pull-left .imgs{ width: 20%; float: left;}
.zjjs-box3 .pull-left .info{ width: 80%; float: left; padding-left: 1.75rem;}
.zjjs-box3 .pull-left .info .box1{ font-size: 1.5rem; position: relative; padding-bottom: 1rem; font-weight: bold;}
.zjjs-box3 .pull-left .info .box1::after{ content: ''; width: 1.5rem; height: 0.1875rem; background: #216ECD; position: absolute; left: 0; bottom: 0;}
.zjjs-box3 .pull-left .info .box2{ font-size: 0.875rem; margin: 1rem 0 0.875rem; line-height: 1.6; color: #666;}
.zjjs-box3 .pull-left .info .box3{ font-size: 1rem; line-height: 1.6;}
.zjjs-box3 .pull-right{ width: 45%;}
.zjjs-box3 .pull-right .box1{ font-size: 0.875rem; color: #888;}
.zjjs-box3 .pull-right .box1 strong{ font-size: 1.125rem; color: #333;}
.zjjs-box3 .pull-right .table{ text-align: center; margin: 1rem 0 0; background: #fff;}
.zjjs-box3 .pull-right .table tr th{ text-align: center; background: #F9FCFF;}
.zjjs-box3 .pull-right .table i{ width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 100%; background: #11A77A; color: #fff; font-size: 0.875rem; display: inline-block;}

.zjjs-box4{ padding: 2.25rem 0; border-bottom: 1px solid #e6e6e6;}
.zjjs-box4 .box1{ font-size: 1.125rem; font-weight: bold;}
.zjjs-box4 .box2{ font-size: 1rem; line-height: 1.8; margin-top: 0.8rem;}

.page-info-box9{ margin-top: 1.875rem;}
.page-info-box9 .swiper-button-next,.page-info-box9 .swiper-button-prev{ position: relative; left: auto; right: auto; top: auto; margin: 0; width: 3.75rem;}
.page-info-box9 .swiper-button-next::after,.page-info-box9 .swiper-button-prev::after{ font-weight: bold; font-size: 1.8rem; color: #169053;}
.page-info-box9 .swiper-container .swiper-slide a{ width: 100%; line-height: 3.375rem; background: #B9DDCB; color: #169053; float: left; text-align: center; padding: 0 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page-info-box9 .swiper-container .swiper-slide a.active{ background: #169053; color: #fff;}

.page-info-box10{ padding: 1.25rem 0 0;}
.page-info-box10 ul{ margin: 0 -0.625rem;}
.page-info-box10 ul li{ width: 25%; float: left; padding: 0 0.625rem; margin-top: 1.25rem;}
.page-info-box10 ul li a{ height: 14.375rem; overflow: hidden; position: relative;}
.page-info-box10 ul li a span{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden;}
.page-info-box10 ul li a p{ width: 100%; line-height: 2.25rem; background: rgba(0,0,0,0.5); color: #fff; padding: 0 1rem; text-align: center; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0;}

.page-info-box10.style2 ul li a{ height: auto;}
.page-info-box10.style2 ul li a span{ height: 14.375rem;}
.page-info-box10.style2 ul li a span::after{ content: ''; width: 100%; height: 100%; background: url(../images/icon_13.png) no-repeat center rgba(0,0,0,0.2); background-size: 2rem; position: absolute; left: 0; top: 0;}
.page-info-box10.style2 ul li a p{ float: left; position: relative; background: #EDEDED; color: #333; line-height: 3.125rem;}

.contact-box1{ position: relative; margin-top: -3rem;}
.contact-box1 .map-box{ height: 43.75rem;}
.contact-box1 .map-box label,.contact-box1 .map-box img{ max-width: initial;}
.contact-box1 .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.contact-box1 .center-center .pull-right{ width: 27.5rem; padding: 3.625rem; background: #fff;}
.contact-box1 .center-center .pull-right .box1 span{ display: block; line-height: 1.75rem; padding-left: 2.4rem; background: url(../images/icon_14.png) no-repeat left; background-size: 1.75rem; font-size: 1.875rem; font-weight: bold;}
.contact-box1 .center-center .pull-right .box1 p{ line-height: 1.8; margin-top: 1.125rem; font-size: 1.125rem;}
.contact-box1 .center-center .pull-right .box2{ display: flex; margin-top: 1rem; text-align: center; font-size: 0.875rem;}
.contact-box1 .center-center .pull-right .box2 div+div{ margin-left: 2.1875rem;}
.contact-box1 .center-center .pull-right .box2 div img{ width: 6.125rem; border: 1px solid #BCDFC7;}
.contact-box1 .center-center .pull-right .box2 div p{ margin-top: 0.5rem;}

.contact-box2{ position: relative; margin: 3.125rem 0; padding-left: 36.875rem;}
.contact-box2 .pull-left{ width: 32.25rem; height: 100%; position: absolute; left: 0; top: 0;}
.contact-box2 .pull-left img{ width: 100%; height: 100%;}
.contact-box2 .pull-right .box1{ display: flex; line-height: 1.2rem; font-size: 1.125rem;}
.contact-box2 .pull-right .box1 img{ height: 1.2rem; margin-right: 0.5rem;}
.contact-box2 .pull-right .box2{ border-bottom: 1px solid #E2E2E2; min-height: 3.125rem; margin-bottom: 1.875rem;}
.contact-box2 .pull-right .box2 .text{ width: 100%; flex:1; height: 3.125rem; border: none;}
.contact-box2 .pull-right .box2 textarea{ width: 100%; height: 8rem; padding: 0.75rem; border: 1px solid #E2E2E2; margin-top: 1.25rem; border-bottom: none;}
.contact-box2 .pull-right .box2 .f-r img{ width: 6.5625rem; height: 2.375rem;}
.contact-box2 .pull-right .box2 .f-r a{ margin-left: 1.4375rem; line-height: 2.375rem; color:#1F6CCB;}
.contact-box2 .pull-right .btns{ width: 100%; float: left; height: 3.75rem; background: #169053; font-size: 1.5rem; border: none; color: #fff;}

.page-menu .center-block .box4{ width: 25rem; display: flex;}
.page-menu .center-block .box4 .text{ width: 100%; flex: 1; height: 2.75rem; border: 1px solid #E1E1E1; border-radius: none; padding: 0 1rem;}
.page-menu .center-block .box4 .btns{ width: 5.625rem; height: 2.75rem; background: #009D4F; border: none; color: #fff; font-size: 1rem;}

.page-soso{ padding: 3rem 0 0; font-size: 1.3rem;}
.page-soso p{ background: url(../images/icon_3.png) no-repeat left; padding-left: 28px; line-height: 30px;}
.page-soso span{ color: red;}









/* 小于等于多少高度的样式 */
@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){
    
}
@media screen and (max-width:1440px){
	body,html{ font-size: calc(100vw / 100);}
	
}
@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: 0; padding-top: 58px; background-size: cover;}
	.head-box{ background-size: 200%;}
	
	.head-soso{ display: none;}
    .head-box .head-menu{ width: 100%; position: fixed; left: 0; top: 58px; background: #fff; margin:0; border-top: 1px solid #DEDEDE; box-shadow: 0 3px 10px rgba(0,0,0,0.1); display: none; padding: 0.8rem 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: 2.5rem;}
    .head-box .head-menu ul li.active span a{ color: #009D4F;}
    .head-box .head-menu ul li .head-menu-lv2{ display: none;}
    .head-box .head-menu ul li span a::after{ display: none;}
	.head-box.active{ top:0;}
	
    .head-box .head-btn{ margin: 0 0 0 1rem;}
	
	.head-box .head-login{ padding-left: 0; margin-left: 0; display: none;}
	.head-box .head-login::after{ display: none;}
	
	.head-box .lower-box .pull-right{ width: auto; flex: none;}
	
	.head-box .top-box{ border-top-width: 3px; padding: 12px 0; border-bottom-color: #fff;}
	.head-box .top-box .pull-left .logo img{ width: auto; height: 30px !important; position: relative;}
	
	
	
	.sidebar-right{ display: none;}
	
	.banner-box .swiper-pagination{ bottom: 1.5rem;}
	
	.news-box1{ padding: 3rem 0 2rem; margin-top: -2.2rem;}
	.news-box1 ul{ margin: auto;}
    .news-box1 ul li{ width: 100%; padding: 0; margin-top: 1rem;}
    .news-box1 ul li a{ height: 22rem;}
    .news-box1 ul li a .info span{ font-size: 1.2rem; -webkit-line-clamp:1; height: auto;}
    .news-box1 ul li a .info i{ line-height: 1.2rem;}
    .news-box1 ul li a:hover .info p{ height: 3.9rem;}
    
    .news-box2{ margin-top: 1rem;}
    .news-box2 ul li a{ padding: 0.8rem;}
    .news-box2 ul li a .f-l{}
    .news-box2 ul li a .f-l p{ margin: 1rem 0 0;}
    .news-box2 ul li a .f-r{ width: 35%; height: 7rem;}
    .news-box2 ul li a .time{ display: none;}
	
	.news-box3{ padding-bottom: 1rem;}
	.news-box3 .top-box .box1{ font-size: 1.5rem; margin-top: 2rem;}
	.news-box3 .top-box .box2 .f-l .icon{ float: left;}
	.news-box3 .top-box .box2 .f-l .icon.icon1{ width: 50%; margin: 0 0 5px;}
	.news-box3 .top-box .box2 .f-l .icon.icon2{ width: 50%; float: right; margin: 0 0 5px;}
	.news-box3 .top-box .box2 .f-l .icon.icon3{ width: 49%; line-height: 40px; height: 40px; margin: 0;}
	.news-box3 .cen-box{ padding: 2rem 0; line-height: 1.6;}
	.news-box3 .lower-box .f-r{ padding: 0 1rem; line-height: 2.8rem;}
	
	.news-info{ padding: 1.5rem 0;}
	.news-info .pull-left,.news-info .pull-right{ width: 100%;}
	.news-info .pull-right{ position: relative; margin-top: 1.5rem;}
	.news-info .pull-right .w-1500{ width: 100% !important;}
	.news-info .pull-right .f-r{ width: 100%;}
	.news-info .pull-left .top-box .box1{ font-size: 1.3rem; text-align: left;}
	.news-info .pull-left .top-box .box2{ display: block; padding: 0.5rem 0 1rem;}
	.news-info .pull-left .top-box .box2 .f-l{ width: 100%;}
	.news-info .pull-left .top-box .box2 span{ line-height: 18px; margin-top: 5px;}
	.news-info .pull-left .top-box .box2 .f-l{ display: flex;}
	.news-info .pull-left .top-box .box2 .f-l span+span{ margin-left: 0.8rem;}
	.news-info .pull-left .top-box .box2 span.icon2{ padding-left: 1.8rem;}
	.news-info .pull-left .top-box .box2 .f-c,.news-info .pull-left .top-box .box2 .f-r{ width: 50%; line-height: 40px; margin-top: 0;}
	.news-info .pull-left .top-box .box2 .f-r span{ margin-top: 0;}
	.news-info .pull-left .top-box .box2 span i{ margin-left: 0;}
	.news-info .pull-left .lower-box{ margin-top: 0.8rem; min-height: auto;}
	
	.home-box1{ margin: 0; padding: 1.5rem 0;}
	.home-box1 .center-block{ box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
	.home-box1 .center-block a .between-center{ display: block; text-align: center;}
	.home-box1 .center-block a span{ width: 2.5rem; height: 2.5rem; display: inline-block;}
	.home-box1 .center-block a p{ padding: 0.2rem 0 0;}
	
	.home-box2{ padding: 0 0 2rem;}
	.home-box2 .top-box .pull-left,.home-box2 .top-box .pull-right{ width: 100%;}
	.home-box2 .top-box .pull-right{ padding: 1rem 0 0; height: 20rem;}
	.home-box2 .lower-box{ margin-top: 0;}
	.home-box2 .lower-box .swiper-pagination{ display: none;}
	
	.home-box3{ padding: 2rem 0;}
	.home-box3 .all-title-box1{ display: block;}
	.home-box3 .box-info2{ overflow: hidden; margin-top: 1rem;}
	.home-box3 .swiper-pagination{ padding: 1rem 0;}
	.home-box3 .box-info1{ display: block;}
	.home-box3 .box-info1 .box1,.home-box3 .box-info1 .btns{ width: 100%; margin: 1rem 0 0;}
	
	.home-box4{ padding: 2rem 0;}
	.home-box4 .all-title-box1{ display: block;}
	.home-box4 .box-info1{ width: 100%; overflow: auto; margin-top: 0.5rem;}
	.home-box4 .box-info1 span,.home-box4 .box-info1 a{ line-height: 3rem;}
	.home-box4 .box-info1 span{ margin-left: 0;}
	.home-box4 .center-block .pull-left, .home-box4 .center-block .pull-right{ width: 100%;}
	.home-box4 .center-block .pull-left{ height: 19rem;}
	.home-box4 .center-block .pull-right{ padding: 1.5rem 1rem 1rem; height: 24rem;}
	
	.home-box5{ padding: 2rem 0;}
	.home-box5 ul{ margin: auto;}
	.home-box5 ul li{ width: 100%; padding: 0;}
	
	.home-box6{ padding: 2rem 0;}
	.home-box6 .swiper-container{ margin-top: 1rem;}
	.home-box6 .swiper-container .swiper-slide a{ height: 10rem;}
	
	.foot-box .box-info1{ display: block; padding: 0.5rem 0;}
	.foot-box .box-info1 span{ width: 100%; float: left; padding-left: 2.5rem !important; background: url(../images/icon_5.png) no-repeat left; background-size: 2rem !important; margin: 0.2rem 0; font-size: 1.1rem;}
	.foot-box .box-info1 em{ display: none;}
	.foot-box .box-info2{ display: block; padding: 1rem 0;}
	.foot-box .box-info2 .box1>a{ display: none;}
	.foot-box .box-info2 .box1>p{ margin-top: 0;}
	.foot-box .box-info2 .box2{ border: none; padding: 0; margin: 1rem 0; display: none;}
	.foot-box .box-info2 .box2 .link{ width: 100%;}
	.foot-box .box-info2 .box2 #share-2{ margin-top: 1.3rem;}
	.foot-box .box-info2 .box3{ display: none;}
	
	.page-banner{ padding-bottom: 2rem;}
	.page-banner .w-1400{ height: auto; padding: 1rem 0;}
	.page-banner .f-l,.page-banner .f-c{ display: none;}
	.page-banner .f-r{ width: 100%; text-align: left;}
	.page-banner .f-r span{ width: 100%;}
	
	.page-menu .center-block{ padding: 0 1rem; margin-top: -2rem; display: block;}
	.page-menu .center-block .box1{ text-align: center;}
	.page-menu .center-block .box1 span{ display: inline-block; line-height: 4rem; font-size: 1.4rem; position: relative; padding-right: 22px;}
	.page-menu .center-block .box1 span::after{ content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #009D4F; position: absolute; right: 0; top: 50%; margin: -4px 0 0 0; transition: all .6s;}
	.page-menu .center-block .box1.active span::after{ transform: rotate(180deg);}
	.page-menu .center-block .box2{ display: none; padding-bottom: 1rem;}
	.page-menu .center-block .box2 a{ width: 100%; margin: 0; text-align: center; line-height: 3rem;}
	
	.page-info-box1{ padding: 2rem 0;}
	
	.page-info-box2 ul{ margin: auto;}
	.page-info-box2 ul li{ width: 100%; margin: 0.5rem 0; padding: 0;}
	.page-info-box2 ul li a{ height: 10rem;}
	
	.page-info-box3 ul li .box-info1{ font-size: 1.3rem;}
	.page-info-box3 ul li .box-info2{ padding: 1rem;}
	.page-info-box3 ul li .box-info2 .box2 .center-block div{ width: 100%; margin-top: 1rem;}
	.page-info-box3 ul li .box-info2 .box2 .center-block div span{ height: auto;}
	.page-info-box3 ul li .box-info2::after{ }
	
	.page-info-box4{ min-height: auto;}
	.page-info-box4 ul li a{ line-height: 3.5rem; padding: 0 0.6rem;}
	
	.page-menu .center-block .box3{ display: block; margin-top: 1rem; overflow: hidden;}
	.page-menu .center-block .box3 .between-center{ height: 3.2rem; overflow: auto; padding-bottom: 1.1rem;}
	
	.page-info-box5 .center-block{ margin-top: 1.5rem;}
	.page-info-box5 .center-block .box1 span{ font-size: 1.3rem;}
	.page-info-box5 .center-block .box2{ padding: 0.5rem 1rem; margin-top: 0.8rem;}
	.page-info-box5 .center-block .box2 ul li{ width: 50%;}
	.page-info-box5 .center-block .box2 ul li a{ margin: 0.3rem 0; line-height: 1.8rem;}
	
	.page-info-box6{ padding: 2rem 0 1rem;}
	.page-info-box6 .pull-right,.page-info-box6 .pull-left{ width: 100%;}
	.page-info-box6 .pull-left .swiper-container .swiper-slide{ height: 14rem;}
	.page-info-box6 .pull-right{ padding: 1rem 0;}
	.page-info-box6 .pull-right .box1 .f-l{ font-size: 1.5rem; padding-top: 0;}
	.page-info-box6 .pull-right .box1 .f-r{ padding: 0 1rem;}
	.page-info-box6 .pull-right .box1 .f-r span{ background-size: 18px; padding-left: 30px;}
	
	.page-info-box7{ padding: 2rem 0;}
	.page-info-box7 .center-block{ margin-top: 1.5rem;}
	.page-info-box7 .swiper-container .swiper-slide a{ height: 20rem;}
	
	.page-info-box8 ul{ margin: auto;}
	.page-info-box8 ul li{ padding: 0; width: 100%; margin-top: 1rem;}
	.page-info-box8 ul li a{ padding: 1rem;}
	
	.zjjs-box2 .f-r{ padding: 0 1rem;}
	.zjjs-box2 .f-r span{ background-size: 18px; padding-left: 25px;}
	
	.zjjs-box3{ padding: 1rem;}
	.zjjs-box3 .pull-left,.zjjs-box3 .pull-right{ width: 100%;}
	.zjjs-box3 .pull-left .imgs{ width: 40%;}
	.zjjs-box3 .pull-left .info{ width: 60%; padding-left: 1rem;}
	.zjjs-box3 .pull-right{ margin-top: 1.5rem;}
	
	.zjjs-box4{ padding: 1.5rem 0;}
	.zjjs-box4 .box2{ margin-top: 0.5rem; line-height: 1.4;}
	
	.page-info-box10{ padding: 0.5rem 0 0;}
	.page-info-box10 ul li{ width: 50%;}
	.page-info-box10 ul li a,.page-info-box10.style2 ul li a span{ height: 10rem;}
	
	.contact-box1{ margin-top: -2.2rem;}
	.contact-box1 .map-box{ height: 20rem;}
	.contact-box1 .center-center{ position: relative; height: auto;}
	.contact-box1 .center-center .pull-right{ width: 100%; padding: 2rem 1rem;}
	
	.contact-box2{ padding: 0; margin: 2rem 0;}
	.contact-box2 .pull-left{ display: none;}
	.contact-box2 .pull-right .btns{ height: 3.3rem; font-size: 1.3rem;}
	
	.page-menu .center-block .box4{ width: 100%; margin-bottom: 1rem;}
	
	.home-box2 .top-box .pull-right .box-info2 ul li a span,.page-info-box5 .center-block .box2 ul li a,.news-box3 .lower-box .f-l a,.home-box4 .center-block .pull-right .box2 a,.home-box3 .box-info1 .box1 select,.home-box3 .box-info1 .box1 span,.home-box3 .box-info1 .box1 ul li,.home-box4 .box-info1 a, .home-box4 .box-info1 span{ font-size: 1.1rem;}
	
	
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}