@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
#picp{
position:relative;

}
#pic{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

body{margin:auto;padding:0px; -webkit-text-size-adjust: none; color: #333; overflow: initial !important; overflow-x: hidden;}
html,body{ font-size: 100%;}
a { text-decoration:none; outline-style:none;  -webkit-transition: all .6s;transition: all .6s; color: #333;}
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%; margin:auto}
.fl { float:left; }
.fr { float:right;}
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; outline: none;}
input{ padding:0; outline: none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.all { width:100%; height:auto; margin:auto; position:relative; z-index:1;}
.w900{ width:56.25rem; margin:auto;}
.w1000{ width: 62.5rem; margin: auto;}
.w1100{ width:68.75rem; margin:auto;}
.w1200{ width:75rem; margin:auto;}
.w1400{ width:87.5rem; margin: auto;}
.w1600{ width:100rem; margin:auto;}
.wf100{ width: 100%; float: left;}
.w90{ width: 95%; margin: auto;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.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; }
.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; }
.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; }
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.pd-50{ padding: 50px 0;}

.luxy-el{ width: 100%; float: left; position: relative; z-index: 22; background: #fff;}

/*banner  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  transparent*/

.arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer; z-index: 20;} 
.arrow span,.arrow span:after,.arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.arrow span {margin-top:-1px; width:0 } 
.arrow span:after,.arrow span:before {content:""; width:30px } 
.arrow.prev span {left:50%; margin-left:-10px } 
.arrow.prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.next span {right:50%; margin-right:-10px } 
.arrow.next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow.next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow:hover span {width:40px } 
.arrow:hover.prev span {margin-left:-20px }
.arrow:hover.next span {margin-right:-20px }
.arrow.next{right:2.1%}
.arrow.prev{left:2.1%}
.banner_box .arrow span,.banner_box .arrow span:after,.banner_box .arrow span:before{background-color:#fff;}


.divpc{ display: block;}
.divphone{ display: none;}

<!--.fanye{ width:100%; float: left; padding: 7vh 0; text-align: center;}-->
.fanye{ width:100%; float: left; padding: 7vh 0; display:flex;justify-content: center;flex-direction:row}
.fanye ul{ display: flex;}
.fanye ul li{ display: inline-block;}
.fanye ul li a,.fanye ul li span{ border:1px solid #d2d2d2; background: #fff; line-height: 35px; margin: 0 5px; padding: 0 15px; font-size: 14px; display: inline-block; color: #666;}
/* .fanye ul li:first-child a,.fanye ul li:first-child span{ border:none;} */
.fanye ul li:hover a,.fanye ul li:hover span{ color: #fff !important; background: #178b89;}
.fanye ul li.active a,.fanye ul li.active span{ color: #fff !important; background: #178b89;}

.fy{ padding: 30px 0; margin-top: 30px; border-top: 1px solid #e5e5e5;}
.fy a{ display: inline-block;}
.fy .fl{ width: 50%;}
.fy .fl a{ width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; line-height: 40px; font-size: 16px;}
.fy .fl a:hover{ color: #178b89;}
.fy .fr{ padding: 0 30px; border: 1px solid #e5e5e5;}
.fy .fr span{ display: inline-block; line-height: 40px; background: url(../images/ico_jt13.png) no-repeat left; color: #666; background-size: auto 15px; padding-left: 35px; font-size: 16px; transition: all .6s;}
.fy .fr:hover{ background: #178b89;}
.fy .fr:hover span{ background-image: url(../images/ico_jt13_1.png); color: #fff;}


.head_btn{ width: 24px; float: right; position: relative; cursor: pointer; display: none;}
.head_btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #178b89;
    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: 6px;}
.head_btn i.bar-bom{ margin-top: 6px;}
.head_btn.cur i.bar-cen{ opacity: 0;}
.head_btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
.head_btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}

.ewm_tc{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 100; text-align: center; display: none;}
.ewm_tc .w90{ height: 100vh;}
.ewm_tc img{ max-height: 250px;}

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

.all_center_box{ width:100%; float: left; position: relative; min-height: 55vh;}

.head_box{ position: fixed; left: 0; top: 2.8125rem; z-index: 99; transition: all .6s;}
.head_box .w90{ transition: all .6s;}
.head_box.active{ top: 0;}
.head_box .top-box{ background: #fff; box-shadow: 0 0 0.9rem rgba(0,0,0,0.3); position: relative; z-index: 2;}
.head_box .top-box .pull-left{ padding: 0 1.875rem;}
.head_box .top-box .pull-left img{ height: 3.4375rem;}
.head_box .lower-box{ position: relative;}
.head_box .head_menu ul li{ float: left;}
.head_box .head_menu ul li a{ line-height: 5.75rem; float: left; margin-right: 3rem; font-size: 1.125rem; padding: 0 2px; position: relative; font-weight: 600;}
.head_box .head_menu ul li a::after{ content: ''; width: 0; height: 0.1875rem; background: #178b89; position: absolute; left: 0; top: 50%; margin-top: 0.8rem; transition: all .6s;}
.head_box .head_menu ul li.active a,.head_box .head_menu ul li a:hover,.head_box .head_menu ul li.cur a{ color: #178b89;}
.head_box .head_menu ul li.active a::after,.head_box .head_menu ul li a:hover::after,.head_box .head_menu ul li.cur a::after{ width: 100%;}
.head_box .head_tool{ background: #ebebeb; width: 12rem; height: 5.75rem; padding: 0 2rem; position: relative;}
.head_box .head_tool a{ position: relative;}
.head_box .head_tool a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: all .6s;}
.head_box .head_tool a.icon1 img{ height: 1.75rem;}
.head_box .head_tool a.icon2 img{ height: 1.4375rem;}
.head_box .head_tool a.icon1::after{ background-image: url(../images/icon_2_h.png);}
.head_box .head_tool a.icon2::after{ background-image: url(../images/icon_3_h.png);}
.head_box .head_tool a.active::after,.head_box .head_tool a:hover::after{ opacity: 1;}
.head_box .head_tool .ewm{ width: 100%; position: absolute; left: 0; top: 100%; background: #178b89; color: #fff; text-align: center; padding: 1.3rem; display: none;}
.head_box .head_tool .ewm p{ font-size: 0.8rem; line-height: 1; margin-top: 0.625rem;}
.head_box .head_language{ height: 5.75rem; padding: 0 1.5625rem; background: #178b89; color: #fff; font-size: 0.875rem; position: relative;}
.head_box .head_language a{ width: 6.875rem; color: #fff; float: left; line-height: 1.25rem; background: url(../images/icon_jt1.png) no-repeat right;}
.head_box .head_language a img{ float: left; height: 1.25rem; margin-right: 0.625rem;}
.head_box .head_language a span{ float: left; white-space: nowrap;}
.head_box .head_language div{ width: 100%; min-height: 5.75rem; background: rgba(22,132,134,0.95); position: absolute; left: 0; top: 100%; padding: 0 1.5625rem; opacity: 0; transition: all .6s; pointer-events: none;}
.head_box .head_language div a{ background: none; margin: 0.4rem 0;}
.head_box .head_language:hover div{ opacity: 1; pointer-events: auto;}

.head_soso{ position: absolute; left: 0; top: 0; background: rgba(22,132,134,0.95); padding: 4.0625rem 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: none;}
.head_soso .between-center{ width: 45rem; position: relative;}
.head_soso .between-center .btns{ width: 15%; height: 3.3125rem; background: #1cb7b4; color: #fff; font-size: 1.125rem; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.head_soso .between-center .text{ width: 85%; height: 3.3125rem; background: #f3f3f3; color: #333; font-size: 1rem; border: none; padding: 0 1.25rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.head_soso .between-center i{ width: 1.75rem; height: 100%; background: url(../images/icon_close.png) center no-repeat; background-size: 100%; position: absolute; right: -7.5rem; top: 0; cursor: pointer; transition: all .6s;}
.head_soso .between-center i:hover{ transform: rotate(180deg);}

.head_menu_two{ width: 100%; position: absolute; left: 0; top: 0; background: rgba(22,132,134,0.95); padding: 3.125rem 0; color: #fff; display: none;}
.head_menu_two .pull-left a{ font-size: 1rem; color: #8fe0e1; margin-right: 6.875rem; padding: 0.625rem 0; position: relative;}
.head_menu_two .pull-left a::after{ content: ''; width: 2rem; height: 1px; background: #8fe0e1; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.head_menu_two .pull-left a:hover,.head_menu_two .pull-left a.active{ color: #fff;}
.head_menu_two .pull-left a:hover::after,.head_menu_two .pull-left a.active::after{ width: 100%; background: #fff;}
.head_menu_two .pull-right{}
.head_menu_two .box-info1{ border-left: 1px solid #349FA0; padding: 0.375rem 0 0.375rem 2.1875rem; font-size: 1.5rem; line-height: 1;}
.head_menu_two .box-info1 span{ display: block; font-weight: bold; text-transform: uppercase;}
.head_menu_two .box-info1 p{ margin-top: 0.7rem;}
.head_menu_two .box-info2{ width: 33vw; float: left;}
.head_menu_two .box-info2 .swiper-container{ height: 85px;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fl{ width: 18%; height: 100%; overflow: hidden;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fl img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fr{ width: 82%; padding-left: 1.25rem; color: #fff;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fr span{ display: block; font-size: 1.125rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fr p{ font-size: 0.875rem; color: #a5eaeb; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.8rem 0;}
.head_menu_two .box-info2 .swiper-container .swiper-slide .fr i{ font-size: 0.875rem; color: #68c8c9;}
.head_menu_two .box-info2 .swiper-container .swiper-slide:hover .fl img{ transform: scale(1.1);}
.head_menu_two .box-info3{ max-width: 28vw; float: right; border-left: 1px solid #349FA0; padding: 0.375rem 0 0.375rem 2.1875rem; font-size: 1rem; line-height: 2;}
.head_menu_two .box-info3 p.icon1,.head_menu_two .box-info3 p.icon2{ padding-left: 2.1875rem; background-size: auto 1.375rem; background-repeat: no-repeat; background-position: left;}
.head_menu_two .box-info3 p.icon1{ background-image: url(../images/icon_6.png);}
.head_menu_two .box-info3 p.icon2{ background-image: url(../images/icon_7.png);}
.head_menu_two .box-info4 .pull-left{ width: 100%;}
.head_menu_two .box-info4 .pull-left ul li{ width: 33.33%; float: left; margin: 1rem 0;}
.head_menu_two .box-info4 .pull-left ul li a{ margin: auto;}


.swiper-pagination .swiper-pagination-bullet{ width: 0.9375rem; height: 0.9375rem; background: none; border: 1px solid #fff; opacity: 1; margin: 0 0.5rem !important; transition: all .6s;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #178b89; border-color: #178b89 !important;}

.banner_box{ position: relative;}
.banner_box .swiper-container{ height: 100vh;}
.banner_box .swiper-container .swiper-slide{ background-position: center; background-size: cover; text-align: center;}
.banner_box .swiper-container .swiper-slide .center-center{ width: 100%; height: 100%; padding-top: 1.875rem;}
.banner_box .swiper-container .swiper-slide .center-center img{ height: 22.375rem;}
.banner_box .swiper-pagination{ bottom: 3rem;}
.banner_box .swiper-btn{ position: absolute; right: 2.5%; bottom: 3.75rem;}
.banner_box .swiper-btn .swiper-button-next,.banner_box .swiper-btn .swiper-button-prev{ position: relative; width: 4.0625rem; height: 4.0625rem; background-position: center; background-size: 2.6875rem; background-repeat: no-repeat; margin: 0 3px; left: auto; right: auto;}
.banner_box .swiper-btn .swiper-button-next::after,.banner_box .swiper-btn .swiper-button-prev::after{ display: none;}
.banner_box .swiper-btn .swiper-button-next{ background-image: url(../images/btn_2.png);}
.banner_box .swiper-btn .swiper-button-prev{ background-image: url(../images/btn_1.png);}

.banner_box .banner_mouse{ width: 1.5625rem; height: 2.625rem; background: url(../images/icon_1.png) no-repeat center; background-size: cover; position: absolute; left: 2.5%; bottom: 3.75rem; z-index: 10; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite;}
@-webkit-keyframes fadeDown{
    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 fadeDown{
    0%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50%{ -webkit-transform: translateY(5px); transform: translateY(5px); }
    100%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}

.home_box1{ text-align: center; padding: 2.5rem 0; overflow: hidden;}
.home_box1 ul li{ width: 25%; float: left; text-align: center;}
.home_box1 ul li span{ display: inline-block; font-size: 4.5rem; font-weight: bold; color: #168c89;}
.home_box1 ul li i{ font-size: 1rem; color: #168c89;}
.home_box1 ul li p{ font-size: 1.125rem; color: #3a3a3a;}

.all-title1 span{ display: block; position: relative; font-size: 2.25rem; font-weight: bold; color: #b1b1b1; text-transform: uppercase; font-family: arial; padding-bottom: 0.625rem; margin-bottom: 0.5rem;}
.all-title1 span::after{ content: ''; width: 4.375rem; height: 0.1875rem; background: #168c89; position: absolute; left: 0; bottom: 0;}
.all-title1 p{ font-size: 1.875rem; font-weight: bold; color: #333333;}

.all-more{ margin-top: 3.125rem;}
.all-more a{ width: 9.6875rem; line-height: 2.5rem; border: 1px solid #898989; border-radius: 50px; color: #757575; font-size: 1rem; display: inline-block; text-align: center;cursor: pointer;}
.all-more a:hover,.all-more a.active{ background: #168c89; border-color: #168c89; color: #fff;}
.all-more a.disabled{ background: #ccc !important; border-color: #898989 !important; color: #757575 !important;}

.home_box2{ background: #f4f4f4; padding: 5.3125rem 0; overflow: hidden;}
.home_box2 .box-info1{ width: 31.6%; height: 22.1875rem;}
.home_box2 .box-info1 .box1{ margin-top: 2.5rem; font-size: 1.5rem; font-weight: bold;}
.home_box2 .box-info1 .box1 span{ margin-right: 1.25rem;}
.home_box2 .box-info1 .box1 i{ text-transform: uppercase; color: #168c89;}
.home_box2 .box-info1 .box2{ font-size: 0.875rem; line-height: 2;}
.home_box2 .box-info2{ width: 31.6%; height: 22.1875rem; position: relative; overflow: hidden;}
.home_box2 .box-info2 .bg{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.home_box2 .box-info2 .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff;}
.home_box2 .box-info2 .center-center .between-center{ border: 0.1875rem solid #fff; padding: 1.375rem 2.1875rem;}
.home_box2 .box-info2 .center-center .between-center img{ height: 2.75rem;}
.home_box2 .box-info2 .center-center .between-center div{ padding-left: 0.75rem;}
.home_box2 .box-info2 .center-center .between-center div span{ display: block; font-size: 1.5rem;}
.home_box2 .box-info2 .center-center .between-center div p{ text-transform: uppercase; font-size: 12px; margin-top: 0.1rem;}
.home_box2 .box-info2:hover .bg{ transform: scale(1.1);}

.home_box3{ overflow: hidden;}
.home_box3 .pull-left{ width: 33.33%; height: 48.75rem; padding: 6.25rem 2.5%; background: url(../images/ho3_bg.jpg) no-repeat center; background-size: cover;}
.home_box3 .pull-left .all-title1 span{ color: #38bfbd;}
.home_box3 .pull-left .all-title1 span::after{ background: #fff;}
.home_box3 .pull-left .all-title1 p{ color: #fff;}
.home_box3 .pull-left .box-info1{ width: 15.9375rem; float: left; margin-top: 1.25rem;}
.home_box3 .pull-left .box-info1 span{ width: 100%; float: left; line-height: 3.375rem; border-radius: 50px; font-size: 1.5rem; margin-top: 2.5rem; padding-left: 3.75rem; color: #fff; cursor: pointer; transition: background-color .6s,color .6s;}
.home_box3 .pull-left .box-info1 span:hover,.home_box3 .pull-left .box-info1 span.active{ background: url(../images/icon_jt2.png) no-repeat 90% center #fff; color: #168c89;}
.home_box3 .pull-right{ width: 66.66%;}
.home_box3 .pull-right .box-info2{ width: 50.1%; height: 48.75rem; float: left; box-shadow: 0 0 25px rgba(0,0,0,0.1); position: relative; z-index: 2;}
.home_box3 .pull-right .box-info2 .swiper-container{ width: 100%; height: 100%;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide,.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide a{ width: 100%; float: left;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .imgs{ height: 53%; overflow: hidden;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .imgs img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info{ padding: 0 3.125rem;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info .box1{ line-height: 5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.5rem; border-bottom: 1px solid #e1e1e1;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info .box2{ font-size: 1rem; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 0.9375rem;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info .box3{ margin-top: 6.25rem; text-align: right;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide:hover .info .box1{ color: #168c89;}
.home_box3 .pull-right .box-info2 .swiper-container .swiper-slide:hover .imgs img{ transform: scale(1.1);}
.home_box3 .pull-right .box-info2 .swiper-pagination{ left: 0; bottom: 6.6rem; padding: 0 3.125rem;}
.home_box3 .pull-right .box-info2 .swiper-pagination .swiper-pagination-bullet{ float: left; border-color: #b5b5b5; margin: 0 1rem 0 0 !important;}
.home_box3 .pull-right .box-info3{ width: 49.9%; height: 48.75rem; float: left;}
.home_box3 .pull-right .box-info3 ul{ width: 100%; height: 100%; float: left;}
.home_box3 .pull-right .box-info3 ul li{ width: 100%; height: 33.33%; float: left; border-top: 1px solid #e3e3e3; padding: 7.5% 7.5% 0; transition: all .6s;}
.home_box3 .pull-right .box-info3 ul li:first-child{ border-top: none;}
.home_box3 .pull-right .box-info3 ul li .fl{ width: 16%; font-size: 0.875rem; text-align: right;}
.home_box3 .pull-right .box-info3 ul li .fl strong{ font-size: 1.875rem;}
.home_box3 .pull-right .box-info3 ul li .fr{ width: 84%; padding-left: 1.75rem;}
.home_box3 .pull-right .box-info3 ul li .fr span{ font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home_box3 .pull-right .box-info3 ul li .fr p{ font-size: 1rem; color: #555; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 2.625rem; margin: 1.25rem 0 2.5rem; transition: all .6s;}
.home_box3 .pull-right .box-info3 ul li .fr a{ padding: 0 0.875rem; line-height: 2rem; font-size: 0.875rem; text-align: center; display: inline-block; border:1px solid #c9c9c9; border-radius: 3.125rem; color: #777;}
.home_box3 .pull-right .box-info3 ul li:hover{ background: #168c89; color: #fff;}
.home_box3 .pull-right .box-info3 ul li:hover .fr p{ color: #7befed;}
.home_box3 .pull-right .box-info3 ul li:hover a{ background: #fff; border-color: #fff;}

.home_box4{ overflow: hidden; background: url(../images/ho4_bg1.jpg) no-repeat center fixed; background-size: cover; position: relative;}
.home_box4 .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; background-position: center; background-size: cover; background-attachment: fixed;}
.home_box4 .bg img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.home_box4 .pull-left{ width: 33.33%; height: 54.375rem; padding: 6.25rem 2.5%; background: url(../images/ho4_bg.jpg) no-repeat center; background-size: cover; position: relative; z-index: 2;}
.home_box4 .pull-left .box1{ font-size: 2.25rem; color: #168c89; margin-top: 3.75rem;}
.home_box4 .pull-left .box2{ font-size: 1rem; line-height: 1.8; margin: 1.5625rem 0;}
.home_box4 .pull-right{ width: 66.66%; height: 54.375rem; position: relative;}
.home_box4 .pull-right ul{ width: 100%; height: 100%; float: left; position: relative; z-index: 2;}
.home_box4 .pull-right ul li{ width: 33.33%; float: left; height: 50%; border-left: 1px solid rgba(255,255,255,0.4);}
.home_box4 .pull-right ul li:nth-child(1),.home_box4 .pull-right ul li:nth-child(2){ width: 50%; border-bottom: 1px solid rgba(255,255,255,0.4);}
.home_box4 .pull-right ul li a{ width: 100%; height: 100%; float: left;}
.home_box4 .pull-right ul li a .center-center{ width: 15.625rem; border: 0.3125rem solid transparent; padding: 3.125rem 0 2.8125rem; text-align: center; transition: all .6s;}
.home_box4 .pull-right ul li a .center-center i{ width: 6.0625rem; height: 6.0625rem; border: 0.125rem solid #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .6s;}
.home_box4 .pull-right ul li a .center-center i img{ height: 2.625rem;}
.home_box4 .pull-right ul li a .center-center span{ display: block; font-size: 1.7rem; color: #fff; padding: 0.8rem 0 0.4rem; transition: all .6s;}
.home_box4 .pull-right ul li a .center-center p{ font-size: 0.875rem; color: rgba(255,255,255,0.5); transition: all .6s;}
.home_box4 .pull-right ul li:hover a{ background: rgba(255,255,255,0.76);}
.home_box4 .pull-right ul li:hover a .center-center{ border-color: #178b89;}
.home_box4 .pull-right ul li:hover a .center-center i{ background: #178b89; border-color: #178B89; transform: rotateY(360deg);}
.home_box4 .pull-right ul li:hover a .center-center span{ color: #333;}
.home_box4 .pull-right ul li:hover a .center-center p{ color: #888;}

.home_box5{ padding: 3.125rem 0 6.25rem; overflow: hidden; position: relative; background-position: center; background-size: cover; background-image: url(../images/ho5_bg.jpg); background-attachment: fixed;}
.home_box5 .all-title1 span,.home_box5 .all-title1 p{ color: #fff;}
.home_box5 .pull-left{ width: 27%; background: rgba(20,137,136,0.9); padding: 2.5rem 4%; margin-top: 2.5rem; position: relative;}
.home_box5 .pull-left::after{ content: ''; width:0; height:0; border-top:0.9375rem solid transparent; border-bottom:0.9375rem solid transparent; border-left:0.9375rem solid rgba(20,137,136,0.9); position: absolute; right: -0.9375rem; top: 2.8125rem;}
@media screen and (min-width:1024px){
    .home_box5 .pull-left .swiper-button-next,.home_box5 .pull-left .swiper-button-prev{ width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: auto; height: 2.25rem; background-position: center; background-repeat: no-repeat; background-size: auto 2.25rem;}
    .home_box5 .pull-left .swiper-button-next::after,.home_box5 .pull-left .swiper-button-prev::after{ display: none;}
    .home_box5 .pull-left .swiper-button-prev{ background-image: url(../images/icon_jt3_u.png);}
    .home_box5 .pull-left .swiper-button-next{ background-image: url(../images/icon_jt3_d.png);}
}

.home_box5 .pull-left .swiper-container{ height: 15.5rem; margin: 2.5rem 0;}
.home_box5 .pull-left .swiper-container .swiper-slide a{ width: 100%; font-size: 1.2rem; color: #85dbd7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home_box5 .pull-left .swiper-container .swiper-slide.swiper-slide-active a{ color: #fff;}
.home_box5 .pull-right{ width: 70%; height: 30rem; margin-top: 2.5rem; padding: 3rem 6%; background: rgba(255,255,255,0.9);}
.home_box5 .pull-right .center-block .box1{ font-size: 1.875rem; font-weight: bold;}
.home_box5 .pull-right .center-block .box2{ margin-top: 1.25rem; max-height: 14.875rem; overflow: auto;}
.home_box5 .pull-right .center-block .box2 ul li{ width: 33.33%; float: left; margin-top: 1.875rem; padding-left: 0.75rem; position: relative;}
.home_box5 .pull-right .center-block .box2 ul li a{ display: inline-block; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; line-height: 25px; height: 25px;}
.home_box5 .pull-right .center-block .box2 ul li a::after{ content: ''; width: 0; height: 0.125rem; background: #178B89; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.home_box5 .pull-right .center-block .box2 ul li::before{ content: ''; width: 0.25rem; height: 0.25rem; background: #707070; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.home_box5 .pull-right .center-block .box2 ul li a:hover{ color: #178B89;}
.home_box5 .pull-right .center-block .box2 ul li a:hover::after{ width: 100%;}
.home_box5 .pull-right .center-block .box2 ul li:hover::before{ background: #178B89;}

.home_box6{ overflow: hidden; padding: 4.375rem 0; background: #f4f4f4;}
.home_box6 .top-box .fr{ display: flex;}
.home_box6 .top-box .fr span{ float: left; white-space: nowrap; margin-left: 0.3125rem; line-height: 2rem; padding: 0 1.25rem; color: #444; cursor: pointer; position: relative; transition: all .6s;}
.home_box6 .top-box .fr span::after{ content: ''; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-top:10px solid #178B89; position: absolute; left: 50%; top: 100%; margin:-3px 0 0 -10px; transition: all .1s; opacity: 0;}
.home_box6 .top-box .fr span.active,.home_box6 .top-box .fr span:hover{ background: #178B89; color: #fff;}
.home_box6 .top-box .fr span.active::after,.home_box6 .top-box .fr span:hover::after{ opacity: 1; transition: all .6s ease .2s;}
.home_box6 .lower-box{ margin-top: 3.125rem;}
.home_box6 .lower-box .swiper-container .swiper-slide{ position: relative; height: 24.375rem; overflow: hidden;}
.home_box6 .lower-box .swiper-container .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.home_box6 .lower-box .swiper-container .swiper-slide p{ width: 100%; line-height: 3.75rem; color: #fff; text-align: center; font-size: 1.125rem; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.home_box6 .lower-box .swiper-container .swiper-slide:hover img{ transform: scale(1.1);}

.home_box7{ background: url(../images/ho7_bg.png) no-repeat center; background-size: cover; text-align: center; overflow: hidden;}
.home_box7 ul li{ width: 25%; float: left; padding: 5rem 0;}
.home_box7 ul li i{ display: block;}
.home_box7 ul li i img{ height: 3.125rem; transition: all .6s;}
.home_box7 ul li p{ font-size: 1.5rem; color: #178b89; margin-top: 0.8rem;}
.home_box7 ul li:hover i img{ transform: rotateY(360deg);}

.foot_box{ position: relative; z-index: 10;}
.foot_box .top-box{ background: #178b89; padding: 4.6875rem 0; color: #fff;}
.foot_box .top-box .pull-left{ width: 70%;}
.foot_box .top-box .pull-left ul{ margin-right: 3.125rem;}
.foot_box .top-box .pull-left ul span{ width: 8.75rem; display: block; border-bottom: 1px solid #36afac; padding-bottom: 0.75rem; margin-bottom: 1rem; font-size: 1.125rem;}
.foot_box .top-box .pull-left ul li{ display: block; margin-top: 0.75rem;}
.foot_box .top-box .pull-left ul li a{ display: block; font-size: 0.875rem; color: #fff;}
.foot_box .top-box .pull-right{ border-left: 1px solid #36afac; padding-left: 3.125rem;}
.foot_box .top-box .pull-right .box1{ font-size: 1.625rem;}
.foot_box .top-box .pull-right .box2{ font-size: 0.875rem; line-height: 1.6; margin: 1rem 0;}
.foot_box .top-box .pull-right .box3{ padding: 0.5rem 0;}
.foot_box .top-box .pull-right .box3 .fl{ width: 22%; text-align: center; font-size: 0.875rem;}
.foot_box .top-box .pull-right .box3 .fl p{ margin-top: 0.3125rem;}
.foot_box .top-box .pull-right .box3 .fr{ width: 78%; padding:2.6rem 0 0 3.125rem; line-height: 1.1875rem;}
.foot_box .top-box .pull-right .box3 .fr span{ float: left; font-size: 0.875rem;}
.foot_box .top-box .pull-right .box3 .fr a{ float: left; margin-right: 1rem;}
.foot_box .top-box .pull-right .box3 .fr a img{ height: 1.1875rem; float: left;}
.foot_box .top-box .pull-right{ width: 30%;}
.foot_box .lower-box{ background: #2b2b2b; font-size: 0.875rem; color: #ababab; padding: 1rem 0; text-align: center;}
.foot_box .lower-box a{ color: #797979;}

.page_banner{ height: 35rem; background-position: top; background-attachment: fixed; background-size: auto 35rem;}
.page_address{ position: relative; z-index: 2; margin-top: -6.875rem;}
.page_address .pull-left{ height: 6.875rem; background: #178b89; color: #fff; padding: 1rem 5rem 0 1.2rem; font-size: 0.875rem; position: relative;}
.page_address .pull-left::after{ content: ''; width: 1.4375rem; height: 1.4375rem; background: url(../images/icon_10.png) no-repeat right bottom; background-size: 100%; position: absolute; right: 0.625rem; bottom: 0.625rem;}
.page_address .pull-left .box1{ font-size: 2.25rem; padding-bottom: 0.2rem;}
.page_address .pull-left .box2 a{ color: #fff;}

.page_menu{ background: #f4f4f4;}
.page_menu a{ width: 100%; float: left; text-align: center; position: relative; line-height: 3.75rem; font-size: 1.125rem;}
.page_menu a::after{ content: ''; width: 0; height: 0.1875rem; background: #178b89; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.page_menu a.active{ background: #fff; color: #333;}
.page_menu a:hover{ color: #333;}
.page_menu a.active::after,.page_menu a:hover::after{ width: 100%;}

.about_box1{ padding: 4.6875rem 0;}
.about_box1 .pull-left{ width: 42.5%;}
.about_box1 .pull-left .box1{ font-size: 1rem; line-height: 1.8; margin-top: 2.1875rem;}
.about_box1 .pull-right{ width: 50%; overflow: hidden;}
.about_box1 .pull-right img{ width: 100%; float: left; object-fit: cover; transition: all .6s;}
.about_box1 .pull-right:hover img{ transform: scale(1.1);}

.all-title1.text-center span::after{ left: 50%; transform: translate(-50%,0);}

.about_box2{ background: url(../images/ab2_bg.jpg) no-repeat center fixed #000; background-size: 100%; padding: 5rem 0;}
.about_box2 .all-title1 span{ color: rgba(255,255,255,0.3);}
.about_box2 .all-title1 p{ color: #fff;}
.about_box2 .top-box{ text-align: center;}
.about_box2 .top-box img{ max-height: 6.25rem;}
.about_box2 .lower-box{ margin-top: 4.375rem; position: relative;}
.about_box2 .lower-box::after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 4.1875rem;}
.about_box2 .lower-box .w1400{ position: relative;}
.about_box2 .lower-box .swiper-container .swiper-slide{ color: #fff; padding: 0 5%; height: 27.5rem;}
.about_box2 .lower-box .swiper-container .swiper-slide .box1{ font-size: 2.25rem; font-weight: bold; position: relative; padding-bottom: 2.1875rem;}
.about_box2 .lower-box .swiper-container .swiper-slide .box1::after{ content: ''; width: 1.75rem; height: 1.75rem; background: transparent; border-radius: 100%; position: absolute; left: 2.5rem; bottom: 0; transition: all .6s;}
.about_box2 .lower-box .swiper-container .swiper-slide .box1::before{ content: ''; width: 0.875rem; height: 0.875rem; background: #fff; border-radius: 100%; position: absolute; left: 2.9375rem; bottom: 0.4375rem; z-index: 2; transition: all .6s;}
.about_box2 .lower-box .swiper-container .swiper-slide .box2{ line-height: 2; font-size: 0.875rem; margin-top: 0.8rem;}
.about_box2 .lower-box .swiper-container .swiper-slide .box3{ width: 20rem; position: absolute; left: 50%; top: 6.3rem; margin-left: -10rem; background: #fff; padding: 1rem 1.5rem; box-shadow: 0 0 2rem rgba(0,0,0,0.3); transition: all .6s; opacity: 0; pointer-events: none;}
.about_box2 .lower-box .swiper-container .swiper-slide .box3::after{ content: ''; width:0; height:0; border-right:0.625rem solid transparent; border-left:0.625rem solid transparent; border-bottom:0.625rem solid #fff; position: absolute; left: 6.1875rem; bottom: 100%;}
.about_box2 .lower-box .swiper-container .swiper-slide .box3 img{ width: 100%; height: 11.25rem; border: 0.625rem solid #178b89; object-fit: cover;}
.about_box2 .lower-box .swiper-container .swiper-slide .box3 p{ color: #333; font-size: 1rem; line-height: 1.6; margin-top: 0.8rem;}
.about_box2 .lower-box .swiper-container .swiper-slide:hover .box1::after{ background: #fff;}
.about_box2 .lower-box .swiper-container .swiper-slide:hover .box1::before{ background: #178b89;}
.about_box2 .lower-box .swiper-container .swiper-slide:hover .box3{ opacity: 1; pointer-events: auto;}

.about_box2 .lower-box .swiper-button-next,.about_box2 .lower-box .swiper-button-prev{ top: 4.2rem;}
.about_box2 .lower-box .swiper-button-next::after,.about_box2 .lower-box .swiper-button-prev::after{ color: #fff; font-size: 3rem; font-weight: bold;}
.about_box2 .lower-box .swiper-button-next{ right: -10px;}
.about_box2 .lower-box .swiper-button-prev{ left: -10px;}

.about_box3{ background: url(../images/ab3_bg.jpg) no-repeat center; background-size: cover; padding: 5.625rem 0;}
.about_box3 .lower-box ul{ margin: 0 -0.875rem;}
.about_box3 .lower-box ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 2.8125rem; text-align: center;}
.about_box3 .lower-box ul li a{ width: 100%; float: left;}
.about_box3 .lower-box ul li a span{ width: 100%; height: 19.0625rem; float: left; background: #fff; border: 0.5rem solid #c79556; overflow: hidden; position: relative; transition: all .6s;}
.about_box3 .lower-box ul li a span img{ height: 100%; object-fit: cover;}
.about_box3 .lower-box ul li a span::after{ content: ''; width: 100%; height: 100%; background: url(../images/icon_11.png) no-repeat center rgba(0,0,0,0.6); background-size: auto 2.8125rem; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s;}
.about_box3 .lower-box ul li a p{ width: 100%; float: left; line-height: 4.25rem; margin-top: -0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.125rem; transition: all .6s;}
.about_box3 .lower-box ul li a:hover span{ border-color: #178b89;}
.about_box3 .lower-box ul li a:hover span::after{ opacity: 1;}
.about_box3 .lower-box ul li a:hover p{ background: #178b89; color: #fff;}

.about_box3.style2{ padding: 0; overflow: hidden;}
.about_box3.style2 .lower-box{ background: url(../images/ab3_bg.jpg) no-repeat center fixed; background-size: cover; padding: 3.125rem 0 5rem;}
.about_box3.style2 .top-box{ background: #fff; text-align: center; padding: 2.8125rem 0; position: relative; z-index: 2;}
.about_box3.style2 .top-box::after{ content: ''; width:0; height:0; border-right:1rem solid transparent; border-left:1rem solid transparent; border-top:1rem solid #fff; position: absolute; left: 50%; top: 100%; margin-left: -1rem;}
.about_box3.style2 .top-box a{ display: inline-block; margin: 0 2.8125rem;}
.about_box3.style2 .top-box a p{ font-size: 1.5rem; color: #333;}
.about_box3.style2 .top-box a span{ width: 5.125rem; height: 5.125rem; display: inline-block; border-radius: 100%; border: 0.375rem solid #c79556; background: #c79556; position: relative; transition: all .6s;}
.about_box3.style2 .top-box a span img{ height: 2.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .6s;}
.about_box3.style2 .top-box a span img:nth-child(1){}
.about_box3.style2 .top-box a span img:nth-child(2){ z-index: 2; opacity: 0;}
.about_box3.style2 .top-box a:hover span,.about_box3.style2 .top-box a.active span{ background: #fff; border-color: #178b89; transform: rotateY(360deg);}
.about_box3.style2 .top-box a:hover span img:nth-child(2),.about_box3.style2 .top-box a.active span img:nth-child(2){ opacity: 1;}

.news_box1{ margin-top: 1rem;}
.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: 26.875rem; position: relative;}
.news_box1 ul li a .imgs{ height: 18.75rem; 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{ background: #f5f5f5; 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_12.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: #178b89; 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_12_h.png); color: #fff;}

.news_box2{ margin-top: 2.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.0625rem;}
.news_box2 ul li a .fl{ width: 80%;}
.news_box2 ul li a .fl span{ display: block; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; margin-top: 0.625rem; position: relative; padding-left: 0.75rem; transition: all .6s;}
.news_box2 ul li a .fl span::after{ content: ''; width: 0.3125rem; height: 0.3125rem; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 100%; background: #178b89;}
.news_box2 ul li a .fl 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;}
.news_box2 ul li a .fl i{ display: block; background: url(../images/icon_12.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_box2 ul li a .fr{ width: 17%; height: 9.6875rem; overflow: hidden;}
.news_box2 ul li a .fr img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news_box2 ul li a:hover{ background: #f7f7f7;}
.news_box2 ul li a:hover .fr img{ transform: scale(1.1);}
.news_box2 ul li a:hover .fl span{ color: #178b89;}

.news_info1{ padding: 3.4375rem 0;}
.news_info1 .w1400{ position: relative;}
.news_info1 .pull-left{ width: 67%; position: relative; z-index: 3;}
.news_info1 .pull-left .top-box .box1{ font-size: 1.875rem; text-align: center;}
.news_info1 .pull-left .top-box .box2{ font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; padding: 1.125rem 0 1rem; line-height: 0.9375rem;}
.news_info1 .pull-left .top-box .box2 span{ display: inline-block; color: #666;}
.news_info1 .pull-left .top-box .box2 span.icon1,.news_info1 .pull-left .top-box .box2 span.icon2,.news_info1 .pull-left .top-box .box2 span.icon3{ padding-left: 1.5625rem; background-position: left; background-repeat: no-repeat; background-size: auto ;}
.news_info1 .pull-left .top-box .box2 span.icon1{ background-image: url(../images/icon_12.png);}
.news_info1 .pull-left .top-box .box2 span.icon2{ background-image: url(../images/icon_14.png);}
.news_info1 .pull-left .top-box .box2 span.icon3{ background-image: url(../images/icon_15.png);}
.news_info1 .pull-left .top-box .box2 .fl span+span{ margin-left: 2.5rem;}
.news_info1 .pull-left .top-box .box2 span i{ margin-left: 0.625rem; cursor: pointer;}
.news_info1 .pull-left .lower-box{ line-height: 2; margin-top: 2.5rem;}

.news_info1 .pull-right{ width: 100%; position: absolute; top: 0;}
.news_info1 .pull-right .fr{ width: 30%;}
.news_info1 .pull-right.fixed{ position: fixed; left: 0; top: 110px;}
.news_info1 .pull-right.active{ opacity: 0; transition: all .6s;}
.news_info1 .pull-right .box1{ background: #f3f3f3; padding: 1.375rem 1.5625rem; margin-bottom: 0.625rem;}
.news_info1 .pull-right .box1 strong{ display: block; font-size: 1.5rem; color: #333333; transition: all .6s;}
.news_info1 .pull-right .box1 p{ font-size: 1.125rem; line-height: 1.6; height: 3.5rem; margin: 0.9375rem 0; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_info1 .pull-right .box1 i{ color: #999;}
.news_info1 .pull-right .box1:hover strong{ color: #178b89;}
.news_info1 .pull-right .box2{ background: #178b89; color: #fff; line-height: 4.0625rem; text-align: center;}
.news_info1 .pull-right .box2 span{ background: url(../images/icon_13.png) no-repeat left; background-size: auto 0.875rem; padding-left: 2rem; font-size: 1.375rem;}
.news_info1 .pull-right .box2:hover{ background: #0a7775;}

.news_info2{ padding: 3.125rem 0; background: #f0f0f0; position: relative;}
.news_info2 .box-info1{ text-align: center; font-size: 1.875rem; font-weight: bold;}
.news_info2 .box-info2 ul{ margin: 0 -1.25rem;}
.news_info2 .box-info2 ul li{ width: 33.33%; float: left; padding: 0 1.25rem; margin-top: 2.5rem;}
.news_info2 .box-info2 ul li a{ width: 100%; float: left; background: #fff; padding: 30px 38px; position: relative;  box-shadow: 0 0 1.25rem rgba(0,0,0,0.05);}
.news_info2 .box-info2 ul li a .box1{ font-size: 1rem; color: #666; line-height: 1.6; transition: all .6s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 3.125rem;}
.news_info2 .box-info2 ul li a .box2{ margin-top: 1.875rem; color: #999;}
.news_info2 .box-info2 ul li a .box2 i{ background: url(../images/icon_jt4.png) no-repeat right; padding-right: 0.9375rem; opacity: 0.6; color: #333;}
.news_info2 .box-info2 ul li a em{ position: absolute; left: 0.25rem; top: 0.25rem; font-size: 1.125rem; font-weight: bold; z-index: 2; font-style: initial; color: #fff;}
.news_info2 .box-info2 ul li a::after{ content: ''; width: 3.1875rem; height: 3.1875rem; background-position: top left; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-size: 100%;}
.news_info2 .box-info2 ul li:nth-child(1) a::after{ background-image: url(../images/icon_16.png);}
.news_info2 .box-info2 ul li:nth-child(2) a::after{ background-image: url(../images/icon_17.png);}
.news_info2 .box-info2 ul li:nth-child(3) a::after{ background-image: url(../images/icon_18.png);}
.news_info2 .box-info2 ul li a:hover{ box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);}
.news_info2 .box-info2 ul li a:hover .box1{ color: #178b89;}

.about_box4{ padding: 4.375rem 0;}
.about_box4 .top-box{ position: relative;}
.about_box4 .top-box .pull-left{ width: 70.5%;}
.about_box4 .top-box .pull-right{ width: 28%; height: 100%; position: absolute; right: 0; top: 0; background: #178b89; text-align: center; color: #fff;}
.about_box4 .top-box .pull-right ul li{ width: 100%; float: left; padding: 1.25rem 0;}
.about_box4 .top-box .pull-right ul li span{ font-size: 2.25rem; font-weight: bold;}
.about_box4 .top-box .pull-right ul li i{ font-size: 1rem;}
.about_box4 .top-box .pull-right ul li p{ font-size: 1.125rem; margin-top: 0.3125rem;}
.about_box4 .lower-box .box1{ font-size: 1.875rem; color: #178b89; margin-top: 2.1875rem;}
.about_box4 .lower-box .box2{ line-height: 1.8; font-size: 1rem; margin-top: 1.875rem;}

.jscx_box{ padding: 2.5rem 0;}
.jscx_box .box-info ul{ margin: 0 -0.875rem;}
.jscx_box .box-info ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 1.5rem;}
.jscx_box .box-info ul li a{ width: 100%; float: left; background: #f5f5f5; text-align: center;}
.jscx_box .box-info ul li a span{ width: 100%; float: left; height: 18.75rem; overflow: hidden; position: relative;}
.jscx_box .box-info ul li a span img{ width: 100%; height: 100%; object-fit: cover; float: left; transition: all .6s;}
.jscx_box .box-info ul li a span::after{ content: ''; width: 100%; height: 100%; background: url(../images/icon_11.png) no-repeat center rgba(0,0,0,0.5); background-size: 2.8125rem; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s;}
.jscx_box .box-info ul li a p{ width: 100%; float: left; line-height: 3.75rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.jscx_box .box-info ul li a:hover{ background: #178b89; color: #fff;}
.jscx_box .box-info ul li a:hover span::after{ opacity: 1;}

.product_box{ background-position: center; background-attachment: fixed; background-size: cover; padding-top: 12rem;}
.product_box .pull-left{ width: 18%; position: fixed; left: 2.5%; top: 12rem;}
.product_box .pull-left .box1{ font-size: 1.875rem; font-weight: bold; color: #fff; line-height: 2.5rem;}
.product_box .pull-left .box2{ background: rgba(20,137,136,0.9); margin-top: 1.875rem; padding: 2.5rem 0;}
.product_box .pull-left .box2 ul li{ width: 100%; float: left;}
.product_box .pull-left .box2 ul li a{ width: 100%; float: left; line-height: 3.125rem; color: #fff; padding: 0 2.5rem; font-size: 1.125rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}
.product_box .pull-left .box2 ul li a::after{ content: ''; width: 0.25rem; height: 1.375rem; background: #178b89; position: absolute; left: 1.6rem; top: 50%; margin-top: -0.6875rem; opacity: 0; transition: all .6s;}
.product_box .pull-left .box2 ul li a:hover,.product_box .pull-left .box2 ul li.active a{ background: #fff; color: #178b89;}
.product_box .pull-left .box2 ul li a:hover::after,.product_box .pull-left .box2 ul li.active a::after{ opacity: 1;}
.product_box .pull-right{ width: 82%; padding-left: 3.4375rem; padding-bottom: 6.25rem;}
.product_box .pull-right .box-info1{ display: flex; padding-left: 5rem;}
.product_box .pull-right .box-info1 strong{ color: #fff; font-size: 1.125rem; line-height: 2.5rem;}
.product_box .pull-right .box-info1 .layui-input{ width: 14.0625rem; background: none; border-color: rgba(255,255,255,0.55); border-radius: 0.3125rem; color: #fff; float: left; height: 2.5rem;}
.product_box .pull-right .box-info1 .layui-input::-webkit-input-placeholder{ color: rgba(255,255,255,0.55);}
.product_box .pull-right .box-info1 .layui-btn{ width: 9.375rem; border-radius: 0.3125rem; font-size: 1.125rem; height: 2.5rem; line-height: 2.5rem;}
.product_box .pull-right .box-info1 .text{ margin: 0 0.8125rem;}
.product_box .pull-right .box-info2{ margin-top: 4.475rem; background: rgba(255,255,255,0.9); /* height: 43rem; */ overflow: auto; padding: 0 5rem 2.5rem;}
.product_box .pull-right .box-info2 .box1{ font-size: 1.875rem; font-weight: bold; margin-top: 1.875rem;}
.product_box .pull-right .box-info2 .box2 ul li{ width: 48.5%; float: left; margin-top: 1.875rem;}
.product_box .pull-right .box-info2 .box2 ul li:nth-child(2n){ float: right;}
.product_box .pull-right .box-info2 .box2 ul li a{ width: 100%; float: left; background: #fff; padding: 1.5625rem; position: relative; padding-left: 13.125rem;}
.product_box .pull-right .box-info2 .box2 ul li a .fl{ width: 9.375rem; height: 9.375rem; overflow: hidden; border-radius: 100%; position: absolute; left: 1.5625rem; top: 50%; margin-top: -4.6875rem;}
.product_box .pull-right .box-info2 .box2 ul li a .fl img{ width: 100%; height: 100%; float: left; overflow: hidden; object-fit: cover; transition: all .6s;}
.product_box .pull-right .box-info2 .box2 ul li a .fr{ height: 9.375rem;}
.product_box .pull-right .box-info2 .box2 ul li a .fr span{ display: block; font-size: 1.125rem; height: 3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; transition: all .6s;}
.product_box .pull-right .box-info2 .box2 ul li a .fr p{ font-size: 0.875rem; color: #666; border-top: 1px solid #d8d8d8; margin: 0.625rem 0 1.25rem; padding-top: 0.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product_box .pull-right .box-info2 .box2 ul li a .fr i{ display: block; text-align: right; background: url(../images/icon_jt4.png) no-repeat right; padding-right: 1.25rem; font-size: 0.875rem; line-height: 1.1875rem; color: #888; transition: all .6s;}
.product_box .pull-right .box-info2 .box2 ul li a:hover .fr span{ color: #178b89;}
.product_box .pull-right .box-info2 .box2 ul li a:hover .fr i{ color: #178b89; background-image: url(../images/icon_jt4_h.png);}
.product_box .pull-right .box-info2 .box2 ul li a:hover{ box-shadow: 0 0 0.9375rem rgba(0,0,0,0.2);}

.product_info{ background: #ebebeb; padding-bottom: 5rem;}
.product_info .top-box{ margin-top: -8.875rem;}
.product_info .top-box .box-info1{ line-height: 1.375rem; font-size: 0.875rem; color: #fff;}
.product_info .top-box .box-info1 a{ color: #fff;}
.product_info .top-box .box-info1 a:hover{ color: #178b89;}
.product_info .top-box .box-info2{ text-align: center; background: rgba(20,137,136,0.9); color: #73CFCB; height: 6.875rem; margin-top: 0.625rem;}
.product_info .top-box .box-info2 .box1{ color: #fff; font-size: 1.5rem; font-weight: bold; padding-bottom: 0.3rem;}
.product_info .top-box .box-info2 .box2 span{ line-height: 30px; background-position: left; background-repeat: no-repeat; font-size: 0.875rem;}
.product_info .top-box .box-info2 .box2>span{ margin-right: 50px;}
.product_info .top-box .box-info2 .box2 span.icon1{ background-image: url(../images/pro_info1.png); padding-left: 24px;}
.product_info .top-box .box-info2 .box2 span.icon2{ background-image: url(../images/pro_info2.png); padding-left: 26px;}
.product_info .top-box .box-info2 .box2 span.icon3{ background-image: url(../images/pro_info3.png); padding-left: 24px;}
.product_info .top-box .box-info2 .box2 div{ display: inline-block;}
.product_info .top-box .box-info2 .box2 div a{ margin-left: 5px;}
.product_info .cen-box{ background: #fff; padding: 2.8125rem 0;}
.product_info .lower-box{ background: #fff; margin-top: 0; padding: 1.875rem 2.1875rem;}
.product_info .lower-box .fr{ background: #178b89; border-color: #178b89; color: #fff;}
.product_info .lower-box .fr span{ background-image: url(../images/icon_13.png); color: #fff;}
.product_info .lower-box .fr:hover{ background: #0a7775;}

.service_box1{ padding: 3.125rem 0;}
.service_box1 .top-box{ background: #f4f4f4; height: 60px;}
.service_box1 .top-box .fl a{ float: left; width: 8.75rem; text-align: center; line-height: 5.9375rem; font-size: 1.5rem; font-weight: bold; color: #525252; background: #e7e7e7;}
.service_box1 .top-box .fl a.active,.service_box1 .top-box .fl a:hover{ background: #178b89; color: #fff;}
.service_box1 .top-box .fr{ width: 75%;}
.service_box1 .top-box .fr a{ float: left; white-space: nowrap; margin-left: 0.3125rem; line-height: 2rem; padding: 0 1.25rem; color: #444; cursor: pointer; position: relative; transition: all .6s;}
.service_box1 .top-box .fr a::after{ content: ''; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-top:10px solid #178B89; position: absolute; left: 50%; top: 100%; margin:-3px 0 0 -10px; transition: all .1s; opacity: 0;}
.service_box1 .top-box .fr a.active,.service_box1 .top-box .fr a:hover{ background: #178B89; color: #fff;}
.service_box1 .top-box .fr a.active::after,.service_box1 .top-box .fr a:hover::after{ opacity: 1; transition: all .6s ease .2s;}
.service_box1 .lower-box ul{ margin: 0 -0.875rem;}
.service_box1 .lower-box ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 1.5rem;}
.service_box1 .lower-box ul li a{ width: 100%; float: left; overflow: hidden; position: relative;}
.service_box1 .lower-box ul li a span{ width: 100%; float: left; height: 19.375rem; overflow: hidden;}
.service_box1 .lower-box ul li a span img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.service_box1 .lower-box ul li a p{ width: 100%; line-height: 3.125rem; text-align: center; color: #fff; font-size: 1.125rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.service_box1 .lower-box ul li a:hover span img{ transform: scale(1.1);}

.service_box2 .top-box{ text-align: center; position: relative; padding: 3.125rem 0; font-size: 1.125rem; line-height: 1.8;}
.service_box2 .top-box::after{ content: ''; width:0; height:0; border-right:1rem solid transparent; border-left:1rem solid transparent; border-top:1rem solid #fff; position: absolute; left: 50%; top: 100%; margin-left: -1rem;}
.service_box2 .lower-box{ background: url(../images/xs_bg.jpg) no-repeat center fixed; background-size: cover; padding-bottom: 6.25rem;}
.service_box2 .lower-box .box-info1{ text-align: center; padding: 2.8125rem 0;}
.service_box2 .lower-box .box-info1 a{ display: inline-block; margin: 0 2.8125rem; text-decoration: none;}
.service_box2 .lower-box .box-info1 a p{ font-size: 1.5rem; color: #fff;}
.service_box2 .lower-box .box-info1 a span{ width: 5.125rem; height: 5.125rem; display: inline-block; border-radius: 100%; border: 0.1875rem solid #fff; background: transparent; position: relative;}
.service_box2 .lower-box .box-info1 a span img{ height: 2.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .6s;}
.service_box2 .lower-box .box-info1 a span img:nth-child(1){}
.service_box2 .lower-box .box-info1 a span img:nth-child(2){ z-index: 2; opacity: 0;}
.service_box2 .lower-box .box-info1 a:hover span{ background: #fff; transform: rotateY(360deg); transition: all .6s;}
.service_box2 .lower-box .box-info1 a.active span{ background: #fff;}
.service_box2 .lower-box .box-info1 a:hover span img:nth-child(2),.service_box2 .lower-box .box-info1 a.active span img:nth-child(2){ opacity: 1;}
.service_box2 .lower-box .box-info2{ background: rgba(255,255,255,0.85); padding: 4.0625rem;}
.service_box2 .lower-box .box-info2 .center-block{ font-size: 1rem; line-height: 1.8;}

.qywh_box1{ padding: 4.375rem 0;}
.qywh_box1 ul li{ width: 100%; float: left; border: 1px solid #e7e7e7; margin-top: -1px;}
.qywh_box1 ul li .top-box{ padding: 0 1.875rem; cursor: pointer; transition: all .6s;}
.qywh_box1 ul li .top-box span{ float: left; line-height: 4.6875rem; font-size: 1.75rem; background: url(../images/icon_19.png) no-repeat left; background-size: auto 1.6875rem; padding-left: 2.25rem; transition: all .6s;}
.qywh_box1 ul li .top-box i{ width: 1.5625rem; height: 4.6875rem; float: right; background: url(../images/icon_20.png) no-repeat center; background-size: 100%; transition: all .6s;}
.qywh_box1 ul li .lower-box{ padding: 0 1.875rem; display: none;}
.qywh_box1 ul li .lower-box .center-block{ padding: 1.875rem 0; border-top: 1px dotted #c9c9c9;}
.qywh_box1 ul li .lower-box .center-block:first-child{ border:none;}
.qywh_box1 ul li .lower-box .center-block .imgs{ width: 26%; float: left; height: 14.0625rem; overflow: hidden;}
.qywh_box1 ul li .lower-box .center-block .imgs img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.qywh_box1 ul li .lower-box .center-block .info{ width: 74%; float: right; padding-left: 2.625rem;}
.qywh_box1 ul li .lower-box .center-block .info .box1{ font-size: 1.625rem; color: #178B89; background: url(../images/icon_21.png) no-repeat 0 0.75rem; padding-left: 1.5rem; background-size: 0.9375rem;}
.qywh_box1 ul li .lower-box .center-block .info .box2{ font-size: 1.5rem; margin: 0.75rem 0;}
.qywh_box1 ul li .lower-box .center-block .info .box3{ font-size: 1rem; line-height: 1.8;}
.qywh_box1 ul li .lower-box .center-block:nth-child(2n) .imgs{ float: right;}
.qywh_box1 ul li .lower-box .center-block:nth-child(2n) .info{ float: left; padding: 0 2.625rem 0 0;}
.qywh_box1 ul li .lower-box .center-block:hover .imgs img{ transform: scale(1.1);}
.qywh_box1 ul li.active .top-box{ background: #178b89;}
.qywh_box1 ul li.active .top-box span{ background-image: url(../images/icon_19_h.png); color: #fff;}
.qywh_box1 ul li.active .top-box i{ background-image: url(../images/icon_20_h.png);}

.qywh_box2 ul li{ width: 100%; float: left; padding: 5.625rem 0; background: #f2ece2;}
.qywh_box2 ul li .imgs{ width: 50%; height: 24.0625rem; float: left;}
.qywh_box2 ul li .imgs img{ width: 100%; height: 100%; object-fit: cover;}
.qywh_box2 ul li .info{ width: 50%; float: right; padding: 0 3.125rem;}
.qywh_box2 ul li .info .box1{ font-size: 1.875rem; font-weight: bold; position: relative; padding: 1.1rem 0;}
.qywh_box2 ul li .info .box1::after{ content: ''; width: 3.4375rem; height: 0.25rem; background: #c20e0e; position: absolute; left: 0; bottom: 0;}
.qywh_box2 ul li .info .box2{ font-size: 1rem; line-height: 1.75rem; margin: 0.9375rem 0 3.125rem;}
.qywh_box2 ul li .info .box2 a{ display: inline-block; line-height: 1.75rem; padding: 0 0.625rem; border: 1px solid #c20e0e; color: #c20e0e;}
.qywh_box2 ul li .info .box2 a:hover{ background: #c20e0e; color: #fff;}
.qywh_box2 ul li .info .box3 a{ float: left; margin-right: 1.5625rem; line-height: 4rem; width: 15rem; text-align: center; border-radius: 50px; background: #fff; box-shadow: 0 0 10px rgba(199,159,96,0.35); font-size: 1.25rem; font-weight: bold;}
.qywh_box2 ul li .info .box3 a span{ display: inline-block; padding-left: 3.375rem; background-position: left; background-repeat: no-repeat; background-size: 2.25rem; transition: all .6s; color: #333;}
.qywh_box2 ul li .info .box3 a span.icon1{ background-image: url(../images/qy2_icon1.png);}
.qywh_box2 ul li .info .box3 a span.icon2{ background-image: url(../images/qy2_icon2.png);}
.qywh_box2 ul li .info .box3 a:hover{ background: #be2222;}
.qywh_box2 ul li .info .box3 a:hover span{ color: #fde774;}
.qywh_box2 ul li .info .box3 a:hover span.icon1{ background-image: url(../images/qy2_icon1_h.png);}
.qywh_box2 ul li .info .box3 a:hover span.icon2{ background-image: url(../images/qy2_icon2_h.png);}
.qywh_box2 ul li:nth-child(2n){ background: #fff;}
.qywh_box2 ul li:nth-child(2n) .imgs{ float: right;}
.qywh_box2 ul li:nth-child(2n) .info{ float: left;}

.contact_box{ height: 37.5rem; position: relative;}
.contact_box .map_box{ height: 100%;}
.contact_box .map_box label,.contact_box .map_box img{ max-width: initial;}
.contact_box .box_info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none;}
.contact_box .box_info .pull-right{ background: url(../images/con_bg.png) no-repeat top #fff; padding:6.25rem 2.8125rem; box-shadow: 0 0 0.9rem rgba(0,0,0,0.3)}
.contact_box .box_info .pull-right .box1{ text-align: center;}
.contact_box .box_info .pull-right .box1 img{ height: 3.4375rem;}
.contact_box .box_info .pull-right .box2{ font-size: 1rem; line-height: 1.8; padding-top: 1.25rem;}
.contact_box .box_info .pull-right .box2 p{ background-position: left; background-repeat: no-repeat; background-size: auto 1.5625rem; line-height: 1.5625rem; margin-top: 1.25rem; padding-left: 2rem;}
.contact_box .box_info .pull-right .box2 p.icon1{ background-image: url(../images/con_icon1.png);}
.contact_box .box_info .pull-right .box2 p.icon2{ background-image: url(../images/con_icon2.png);}
.contact_box .box_info .pull-right .box2 p.icon3{ background-image: url(../images/con_icon3.png);}

.jscx_box .box-info.style2 ul li a{ padding: 0.625rem; background: #fff; box-shadow: 0 0 0.9375rem rgba(0,0,0,0.1); text-align: left;}
.jscx_box .box-info.style2 ul li a:hover{ background: #178b89;}
.jscx_box .box-info.style2 ul li a p{ text-align: center; line-height: 1.6; height: 3.125rem; -webkit-line-clamp:2; margin-top: 0.75rem; font-size: 1.125rem;}
.jscx_box .box-info.style2 ul li a i{ width: 100%; float: left; margin-bottom: 0.3125rem; font-size: 0.875rem;}

.layui-form-selected dl{ padding: 10px;}
.layui-form-select dl dd.layui-this{ background-color: #009688;}
.layui-form-selected dl::-webkit-scrollbar{ width: 5px; background: #e5e5e5;}
.layui-form-selected dl::-webkit-scrollbar-thumb{ background: #009688;}





@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
@media screen and (max-width:1660px){
    html,body{ font-size: 88%;}
}
@media screen and (max-width:1500px){
    html,body{ font-size: 80%;}
    .head_box .head_menu ul li a{ margin-right: 2.5rem;}
    .home_box4 .pull-left,.home_box4 .pull-right{ height: 50rem;}
}
@media screen and (max-width:1350px){
    
    
}
@media screen and (max-width:1280px){
    .w1000,.w1100,.w1200,.w1400,.w1600{ width:94% !important;}
    .head_box .head_menu ul li a{ margin-right:2.2rem;}
}

@media screen and (max-width:1024px){
    html,body{ font-size: 70%;}
    body{ zoom:1;}
    .pd-50{ padding: 20px 0;}
    .w900,.w1100{ width:94% !important;}
    .w90{ width: 94%;}
    .fanye{ padding:20px 0;}
    .fanye ul li a,.fanye ul li span{ padding: 0 15px; line-height: 35px; font-size: 12px;}
    .fanye ul li .text,.fanye ul li #btn-page{ width: 45px;}
    .divpc{ display: none;}
    .divphone{ display: block;}
    .arrow{ width: 50px;}
    .pf_phone,.pf_bg{ display: none !important;}
    .head_btn{ display: block; margin-left: 5px; width: 22px;}
    
    .head_box{ top: 10px}
    .head_box.active .w90{ width: 100%;}
    .head_box .top-box .pull-left{ padding: 0 0 0 10px;}
    .head_box .top-box .pull-left img{ height: 28px;}
    .head_box .head_tool{ width: auto; padding: 0 8px; height: 45px;}
    .head_box .head_tool>a{ margin: 0 5px;}
    .head_box .head_language{ height: 45px; padding: 0 8px;}
    .head_box .head_language div{ min-height: 45px;}
    .head_soso{ padding: 12px 0;}
    .head_soso .w1400{ display: block;}
    .head_soso .between-center{ width: 100%; float: left; padding-right: 35px;}
    .head_soso .between-center i{ right: 0;}
    .head_soso .between-center .text,.head_soso .between-center .btns{ height: 30px;}
    .head_soso .between-center .text{ width: 80%;}
    .head_soso .between-center .btns{ width: 20%;}
    .head_box .head_tool .ewm{ width: 120px; left: 50%; margin-left: -60px; padding: 10px;}
    
    .head_box .head_menu{ position: absolute; left: 0; top: 100%; background: rgba(22,132,134,0.95); padding: 15px 0; display: none;}
    .head_box .head_menu ul li{ width: 100%; text-align: center;}
    .head_box .head_menu ul li a{ float: none; text-align: center; color: #fff; line-height: 30px; margin: auto;}
    .head_box .head_menu ul li a::after{ background: #fff;}
    .head_box .head_menu ul li.active a,.head_box .head_menu ul li a:hover{ color: #fff;}
    
    .banner_box .swiper-container .swiper-slide .center-center img{ height: auto; max-width: 80%;}
    .banner_box .banner_mouse{ display: none;}
    .banner_box .swiper-btn{ right: 50%; margin-right: -4.6rem; display: none;}
    .banner_box .swiper-pagination{ bottom: 1.5rem;}
    
    .home_box1{ padding: 1rem 0;}
    .home_box1 ul li{ width: 50%; padding: 10px 0;}
    .home_box1 ul li span{ font-size: 3rem;}
    .home_box1 ul li p{ font-size: 12px;}
    
    .home_box2{ padding: 1rem 0;}
    .home_box2 .w90{ display: block;}
    .home_box2 .box-info1,.home_box2 .box-info2{ width: 100%;}
    .home_box2 .box-info1{ height: auto;}
    .home_box2 .box-info1 .box1{ margin-top: 1rem;}
    .home_box2 .box-info1 .box2{ line-height: 1.8; margin-top: 0.8rem;}
    .home_box2 .box-info2{ height: 20rem; margin-top: 15px;}
    
    .all-title1 span{ font-size: 2rem;}
    
    .all-more{ margin-top: 2rem;}
    .all-more a{ width: 8rem; line-height: 2.2rem;}
    
    .home_box3 .pull-left,.home_box3 .pull-right{ width: 100%;}
    .home_box3 .pull-left{ height: auto; padding: 2rem 3%;}
    .home_box3 .pull-left .box-info1{ width: 100%; display: flex;}
    .home_box3 .pull-left .box-info1 span{ width: 100%; margin-top: 1rem; line-height: 3rem; font-size: 1.3rem;}
    .home_box3 .pull-left .box-info1 span.active{ background-size: 10px;}
    .home_box3 .pull-right .box-info2,.home_box3 .pull-right .box-info3{ width: 100%; height: auto;}
    .home_box3 .pull-right .box-info2{ box-shadow:none;}
    .home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .imgs{ height: 15rem;}
    .home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info{ padding: 1.5rem 3%;}
    .home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info .box1{ line-height: 3rem; font-size: 1.4rem;}
    .home_box3 .pull-right .box-info2 .swiper-container .swiper-slide .info .box3{ margin-top: 2rem;}
    .home_box3 .pull-right .box-info2 .swiper-pagination{ padding: 0 1.5rem; bottom: 1.5rem;}
    
    .home_box3 .pull-right .box-info3 ul li{ padding: 1.2rem 3%;}
    .home_box3 .pull-right .box-info3 ul li:first-child{ border-top: 1px solid #e3e3e3;}
    .home_box3 .pull-right .box-info3 ul li .fr p{ margin: 1rem 0 1.25rem;}
    
    .home_box4 .pull-left,.home_box4 .pull-right{ width: 100%; height: auto;}
    .home_box4 .pull-left{ padding: 2rem 3%;}
    .home_box4 .pull-left .box1{ font-size: 1.5rem; margin-top: 2rem;}
    .home_box4 .pull-left .box2{ margin: 1.2rem 0 0;}
    .home_box4 .pull-right ul li{ width: 50%;}
    .home_box4 .pull-right ul li:last-child{ width: 100%; border-top: 1px solid rgba(255,255,255,0.4);}
    .home_box4 .pull-right ul li a .center-center{ width: 100%; height: 100%; padding: 1.8rem 0 1.5rem;}
    
    .home_box5{ padding: 2rem 0;}
    .home_box5 .pull-left,.home_box5 .pull-right{ width: 100%;}
    .home_box5 .pull-left{ padding: 0; z-index: 2; background: none;}
    .home_box5 .pull-left::after{ display: none;}
    .home_box5 .pull-left .swiper-container{ margin: 0; overflow: hidden; position: absolute; opacity: 0; pointer-events: none;}
    .home_box5 .pull-left .swiper-button-next, .home_box5 .pull-left .swiper-button-prev{ top: 15rem}
    .home_box5 .pull-left .swiper-button-next{ right: 0;}
    .home_box5 .pull-left .swiper-button-prev{ left: 0;}
    .home_box5 .pull-left .swiper-button-next::after,.home_box5 .pull-left .swiper-button-prev::after{ color: #178b89; font-size: 2rem;}
    .home_box5 .pull-right{ padding: 3rem 10%; margin-top: 0;}
    .home_box5 .pull-right .center-block .box2{ max-height: 16rem;}
    .home_box5 .pull-right .center-block .box2 ul li{ width: 100%; margin-top: 1.2rem;}
    
    .home_box6{ padding: 2rem 0;}
    .home_box6 .top-box{ display: block;}
    .home_box6 .top-box .fr{ width: 100%; overflow: auto; padding-bottom: 10px; margin-top: 1.5rem;}
    .home_box6 .lower-box{ margin-top: 1.2rem;}
    .home_box6 .lower-box .swiper-container .swiper-slide{ height: 20rem;}
    
    .home_box7 ul li{ padding: 2rem 0;}
    .home_box7 ul li i img{ height: 2.5rem;}
    .home_box7 ul li p{ font-size: 1.2rem; margin-top: 0.4rem;}
    
    .foot_box .top-box{ padding: 1.5rem 0 1rem;}
    .foot_box .top-box .pull-left{ display: none;}
    .foot_box .top-box .pull-right{ width: 100%; padding: 0; border: none;}
    .foot_box .top-box .pull-right .box3 .fr{ padding-left: 2rem;}
    .foot_box .lower-box{ padding: 1rem 3%;}
    
    .page_banner{ height: 15rem;}
    .page_address{ margin-top: -6.2rem;}
    .page_address .pull-left{ height: 6.2rem;}
    .page_address .pull-left .box1{ font-size: 1.8rem;} 
    .page_menu a{ line-height: 3.2rem; white-space: nowrap; padding: 0 0.8rem;}
    .page_menu .w1400{ overflow: auto;}
    
    .about_box1{ padding: 2rem 0;}
    .about_box1 .w1400{ display: block;}
    .about_box1 .pull-left,.about_box1 .pull-right{ width: 100%;} 
    .about_box1 .pull-left .box1{ margin-top: 1.5rem;}
    .about_box1 .pull-right{ margin-top: 2rem;}
    
    .about_box2{ background-size: cover; padding: 2rem 0;}
    .about_box2 .lower-box{ margin-top: 2rem;}
    .about_box2 .lower-box .swiper-button-prev{ left: 0;}
    .about_box2 .lower-box .swiper-button-next{ right: 0;}
    .about_box2 .lower-box .swiper-container .swiper-slide{ height: auto; padding: 0 15%;}
    .about_box2 .lower-box .swiper-container .swiper-slide .box3{ display: none;}
    
    .about_box3 .lower-box ul{ margin: auto;}
    .about_box3 .lower-box ul li{ width: 48%; padding: 0; margin-top: 1rem;}
    .about_box3 .lower-box ul li:nth-child(2n){ float: right;}
    .about_box3 .lower-box ul li a span{ height: 10rem; border-width: 3px;}
    .about_box3 .lower-box ul li a p{ margin-top: 0; line-height: 3rem;}
    
    .about_box3.style2 .top-box{ padding: 2rem 0;}
    .about_box3.style2 .lower-box{ padding: 2rem 0;}
    
    .news_box1 ul{ margin: auto;}
    .news_box1 ul li{ width: 100%; padding: 0; margin-top: 1rem;}
    .news_box1 ul li a{ height: 25rem;}
    .news_box1 ul li a .info span{ font-size: 1.2rem; -webkit-line-clamp:1; height: auto;}
    
    .news_box2{ margin-top: 1rem;}
    .news_box2 ul li a{ padding: 0.8rem;}
    .news_box2 ul li a .fl{ width: 61%;}
    .news_box2 ul li a .fl p{ margin: 1rem 0;}
    .news_box2 ul li a .fr{ width: 35%; height: 8rem;}
    
    .about_box4{ padding: 2rem 0;}
    .about_box4 .top-box .pull-left{ width: 100%;}
    .about_box4 .top-box .pull-right{ width: 100%; position: relative; margin-top: 1rem;}
    .about_box4 .top-box .pull-right ul li{ width: 50%; padding: 10px 0;}
    .about_box4 .top-box .pull-right ul li span{ font-size: 3rem;}
    .about_box4 .top-box .pull-right ul li p{ font-size: 12px;}
    .about_box4 .lower-box .box1{ font-size: 1.5rem; margin-top: 2rem;}
    .about_box4 .lower-box .box2{ line-height: 1.6; margin-top: 1rem;}
    
    .news_info1{ padding: 1.5rem 0;}
    .news_info1 .pull-left,.news_info1 .pull-right{ width: 100%;}
    .news_info1 .pull-right{ position: relative; margin-top: 1.5rem;}
    .news_info1 .pull-right .w1400{ width: 100% !important;}
    .news_info1 .pull-right .fr{ width: 100%;}
    .news_info1 .pull-left .top-box .box1{ font-size: 1.3rem; text-align: left;}
    .news_info1 .pull-left .top-box .box2{ display: block; padding: 0.5rem 0 1rem;}
    .news_info1 .pull-left .top-box .box2 .fl,.news_info1 .pull-left .top-box .box2 .fr{ width: 100%;}
    .news_info1 .pull-left .top-box .box2 span{ line-height: 18px; margin-top: 5px;}
    .news_info1 .pull-left .top-box .box2 .fl{ display: flex;}
    .news_info1 .pull-left .top-box .box2 .fl span+span{ margin-left: 0.8rem;}
    .news_info1 .pull-left .top-box .box2 span.icon2{ padding-left: 1.8rem;}
    .news_info1 .pull-left .lower-box{ margin-top: 0.8rem;font-size: 15px;}
    
    .news_info2{ padding: 1.5rem 0;}
    .news_info2 .box-info2 ul{ margin: auto;}
    .news_info2 .box-info2 ul li{ width: 100%; padding: 0; margin-top: 15px;}
    .news_info2 .box-info2 ul li a{ padding: 2rem 2rem 1.5rem;}
    .news_info2 .box-info2 ul li a .box2{ margin-top: 15px;}
    .news_info2 .box-info2 ul li a .box1{ font-size: 1.3rem; height: 3.6rem;}
    
    .jscx_box{ padding: 0 0 1.5rem;}
    .jscx_box .box-info ul{ margin: auto;}
    .jscx_box .box-info ul li{ width: 48%; padding: 0;}
    .jscx_box .box-info ul li:nth-child(2n){ float: right;} 
    .jscx_box .box-info ul li a span{ height: 10rem;}
    .jscx_box .box-info ul li a p{ line-height: 3rem;}
    
    .product_box{ padding-top: 6rem;}
    .product_box .pull-left{ width: 100%; position: relative; left: 0; top: 0;}
    .product_box .pull-right{ width: 100%;}
    .product_box .pull-left .box2{ padding: 1.6rem 0; margin-top: 1rem;}
    .product_box .pull-right{ padding: 0 0 12px; margin-top: 1rem;}
    .product_box .pull-right .box-info1{ padding: 0; display: block;}
    .product_box .pull-right .box-info1 .text{ margin: 0.8rem 0;}
    .product_box .pull-right .box-info1 .layui-input{ width: 100%;}
    .product_box .pull-right .box-info1 .layui-form-select{ width: 100%; float: left;}
    .product_box .pull-right .box-info1 .layui-btn{ width: 100%; float: left;}
    .product_box .pull-right .box-info2{ padding: 0 1rem 1rem;}
    .product_box .pull-right .box-info2 .box1{ font-size: 1.5rem; margin-top: 1rem;}
    .product_box .pull-right .box-info2 .box2 ul li{ width: 100%; margin-top: 1rem;}
    .product_box .pull-right .box-info2 .box2 ul li a{ padding: 1rem; padding-left: 11.5rem;}
    .product_box .pull-right .box-info2 .box2 ul li a .fl{ left: 1rem;}
    
    .product_info{ padding-bottom: 1.2rem;}
    .product_info .top-box{ margin-top: -7rem;}
    .product_info .top-box .box-info2{ height: auto; padding: 0.8rem 3%;}
    .product_info .top-box .box-info2 .box1{ font-size: 1.3rem;}
    .product_info .top-box .box-info2 .box2>span{ margin: auto 5px; font-size: 12px;}
    .product_info .top-box .box-info2 .box2 div{ display: block;}
    .product_info .top-box .box-info2 .box2 span.ico1{ padding-left: 21px;}
    .product_info .top-box .box-info2 .box2 span.ico2{ padding-left: 21px;}
    .product_info .top-box .box-info2 .box2 span.ico3{ padding-left: 20px; background-size: auto 100%;}
    .product_info .cen-box{ padding: 1.5rem 0;}
    .product_info .lower-box{ padding: 1rem;}
    
    .service_box1{ padding: 1.5rem 0;}
    .service_box1 .top-box{ display: block;}
    .service_box1 .top-box .fl{ width: 100%; border-bottom: 0.3125rem solid #fff;}
    .service_box1 .top-box .fl a{ width: 50%; line-height: 3rem;}
    .service_box1 .top-box .fr{ width: 100%; overflow: auto; height: 2rem; display: flex;}
    .service_box1 .top-box .fr a{ white-space: nowrap; margin: auto;}
    .service_box1 .top-box .fr a::after{ display: none;}
    .service_box1 .lower-box ul{ margin: auto;}
    .service_box1 .lower-box ul li{ width: 48%; padding: 0;}
    .service_box1 .lower-box ul li:nth-child(2n){ float: right;}
    .service_box1 .lower-box ul li a span{ height: 11rem;}
    .service_box1 .lower-box ul li a p{ line-height: 2.5rem;}
    
    .service_box2 .top-box{ padding: 2rem 0;}
    .service_box2 .lower-box{ padding-bottom: 2rem;}
    .service_box2 .lower-box .box-info1{ padding: 2.5rem 0 1.5rem;}
    .service_box2 .lower-box .box-info1 .around-center{ width: 100%;}
    .service_box2 .lower-box .box-info1 a{ width: 20%; margin: auto; float: left;}
    .service_box2 .lower-box .box-info1 a p{ font-size: 1.2rem; margin-top: 0.2rem;}
    .service_box2 .lower-box .box-info2{ padding: 2rem;}
    
    .qywh_box1{ padding: 1.5rem 0;}
    .qywh_box1 ul li .top-box{ padding: 0 1.2rem;}
    .qywh_box1 ul li .top-box span{ line-height: 4rem; font-size: 1.4rem;}
    .qywh_box1 ul li .top-box i{ height: 4rem;}
    .qywh_box1 ul li .lower-box{ padding: 0 1.2rem;}
    .qywh_box1 ul li .lower-box .center-block{ padding: 1.2rem 0;}
    .qywh_box1 ul li .lower-box .center-block .imgs{ width: 100%;}
    .qywh_box1 ul li .lower-box .center-block .info{ width: 100%; padding: 0; margin-top: 1rem;}
    .qywh_box1 ul li .lower-box .center-block .info .box1{ background-position: 0 0.5rem; font-size: 1.4rem;}
    .qywh_box1 ul li .lower-box .center-block .info .box2{ font-size: 1.4rem; margin: 0.5rem 0;}
    
    .qywh_box2 ul li{ padding: 1.5rem 0;}
    .qywh_box2 ul li .imgs{ width: 100%; height: 17rem;}
    .qywh_box2 ul li .info{ width: 100%; padding: 0.5rem 0 0;}
    .qywh_box2 ul li .info .box1{ font-size: 1.5rem;}
    .qywh_box2 ul li .info .box2{ margin: 1rem 0 1.2rem;}
    .qywh_box2 ul li .info .box3 a{ width: 48%; margin: auto; line-height: 3.5rem;}
    .qywh_box2 ul li .info .box3 a:nth-child(2n){ float: right;}
    
    .contact_box{ height: auto;}
    .contact_box .map_box{ height: 260px;}
    .contact_box .box_info{ position: relative; pointer-events: auto; display: block;}
    .contact_box .box_info .w1400{ width: 100% !important;}
    .contact_box .box_info .pull-right{ padding: 3rem 4%;}
    
    .jscx_box .box-info.style2 ul li a p{ height: 3.5rem;}
    .jscx_box .box-info.style2 ul li a i{ margin: 0.5rem 0;}
    
    
    
    
    
    
}
@media screen and (max-width:768px){
    
}
@media screen and (max-width:480px){
    .fanye ul{ display: inline-table;}
    .fanye ul li a, .fanye ul li span{ line-height: 25px; margin-top: 1px; padding: 0 10px;}
    .fy{ display: block; padding: 10px 0 25px; margin-top: 0;}
    .fy .fl{ width: 100%;}
    .fy .fr{ float: left; padding: 0 20px; margin-top: 10px;}
    .fy .fl a{ font-size: 14px; line-height: 30px;}
    .fy .fr span{ background-size: auto 15px; padding-left: 30px; font-size: 14px; line-height: 35px;}
    
    
}
@media screen and (max-width:350px){
    
}

.Validform_wrong,.Validform_checktip{ display:none !important;}
.blank{display: flex;align-items: center;justify-content: center;width:100%;}