@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1500px !important;}

body{ max-width: 1920px; margin: 0 auto; background-color: #96daa1;}
.banner{ position: relative; height: 1430px; background: url(banner.jpg) no-repeat center top;}
.logo{ position: absolute; top: 64px; left: 77px; width: 344px; height: 66px; background: url(logo.png) no-repeat center top;}

.headline{ position: absolute; top: 1184px; left: 50%; width: 1223px; height: 177px; margin-left: -612px; background: url(bg_headline.png) no-repeat center top;}
.headline h2{ display: flex; align-items: center; justify-content: center; width: 800px; height: 120px; padding-top: 36px; margin: 0 auto; font: bold 36px/48px "Microsoft Yahei"; text-align: center;}
.headline h2 a{ color: #109d7e;}

.box1{ position: relative; padding: 0 65px 0; width: 1070px; min-height: 863px; margin-bottom: 120px; background: url(bg_box1.png) no-repeat center 35px;}
.box1:before{ position: absolute; bottom: -70px; left: 50%; width: 1376px; height: 146px; margin-left: -688px; background: url(bot_box1.png) no-repeat center top; content: ""}

.focus_wrap{ position: relative; width: 1070px; height: 443px; margin-bottom: 38px;}
.swiper-container_focus{ width: 1070px; height: 443px; overflow: hidden;}
.swiper-container_focus .swiper-wrapper{ height: auto;}
.swiper-container_focus .swiper-slide{ position: relative;}
.swiper-container_focus .swiper-slide-active,.swiper-container_focus .swiper-slide-duplicate-active{ }

.focus1_i{ position: relative; float: left; width: 676px; height: 443px; margin-left: 4px; overflow: hidden;}
.focus1_i img{ display: block; width: 640px; height: 420px; margin: 11px 0 0 18px;}
.focus1_i .cov1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(bg_focus1_i.png) no-repeat center top; background-size: 100% 100%; content: "";}

.focus_wz{ float: right; width: 330px; margin-top: 132px;}
.focus_wz h3{ margin-bottom: 30px; font: bold 26px/40px "Microsoft Yahei"; text-align: justify;}
.focus_wz h3 a{ color: #1f8f76;}
.focus_wz p{ font: 18px/30px "Microsoft Yahei"; color: #333; text-align: justify;}


.focus_control{ }
.focus_control > div{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -28px; background-image: url(arr.png); z-index: 10; cursor: pointer; outline: none; background-size: 80px 40px;}
.focus_prev{ left: -50px; background-position: 0 0;}
.focus_next{ right: -50px; background-position: -40px 0;}

.news_list{ margin-bottom: 80px;}
.news_list li{ position: relative; float: left; width: 515px; height: 86px; padding-left: 48px; margin-right: 40px; font: 20px/86px "Microsoft Yahei"; color: #333; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 2px solid #a7d9c4; box-sizing: border-box;}
.news_list li:nth-child(2n){ margin-right: 0}
.news_list li:before{ position: absolute; top: 50%; left: 4px; width: 16px; height: 16px; margin-top: -8px; background-color: #a7d9c4; border-radius: 50%; content: "";}
.news_list li a{ color: #333;}

a.btn_more{ position: relative; display: block; width: 208px; height: 59px; margin: 0 auto; font: 22px/60px "Microsoft Yahei"; color: #fff; text-align: center; background: url(bg_more.png) no-repeat center top; z-index: 3}

.tit1{ width: 792px; height: 268px; margin: 0 auto -16px; background: url(tit1.png) no-repeat center top;}
.tit2{ width: 712px; height: 260px; margin: 0 auto 40px; background: url(tit2.png) no-repeat center top;}
.tit3{ width: 712px; height: 260px; margin: 0 auto 40px; background: url(tit3.png) no-repeat center top;}

.box_zsql_wrap{ margin-bottom: -96px;}

.box_zsql{ position: relative; height: 1051px; background: url(bg_zsql.png) no-repeat left top;}
.box_zsql .i{ position: absolute; top: 95px; left: 162px; width: 298px; height: 648px;}
.zsql_r{ position: absolute; top: 148px; left: 550px; width: 570px;}
.zsql_tem{ margin-bottom: 40px;}
.zsql_tem span{ position: relative; float: left; width: 162px; height: 36px; font: bold 22px/36px "Microsoft Yahei"; color: #fff; text-indent: 38px; background-color: #35a563; border-radius: 4px;}
.zsql_tem span.watermelon:before{ position: absolute; top: -11px; left: -19px; width: 56px; height: 35px; background: url(icon_watermelon.png) no-repeat center top; content: ""}
.zsql_tem span.ice:before{ position: absolute; top: -33px; left: -17px; width: 46px; height: 56px; background: url(icon_ice.png) no-repeat center top; content: ""}
.zsql_tem span.star:before{ position: absolute; top: -15px; left: -13px; width: 40px; height: 35px; background: url(icon_star.png) no-repeat center top; content: ""}

.zsql_tem_r{ float: right; width: 366px;}
.zsql_tem_r p{ font: 20px/32px "Microsoft Yahei"; color: #333; text-align: justify;}
.zsql_tem_r .qrcode{ display: block; width: 139px; height: 123px; margin: 20px auto 0;}


/**/
.qlhsy_wrap{  position: relative; width: 1016px; height: 456px; margin: 0 auto 30px;}
.swiper-container_qlhsy{ width: 1016px; height: 456px; overflow: hidden;}
.swiper-container_qlhsy .swiper-wrapper{ height: auto;}
.swiper-container_qlhsy .swiper-slide{ position: relative; width: 673px; height: 456px; opacity: 0.5}
.swiper-container_qlhsy .swiper-slide-active,.swiper-container_qlhsy .swiper-slide-duplicate-active{ opacity: 1}

.swiper-container_qlhsy .swiper-slide img{ width: 673px; height: 398px;}
.swiper-container_qlhsy .swiper-slide h3{ position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 89px; padding: 0 10px; font: 22px/90px "Microsoft Yahei"; text-align: center; color: #fff;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(bg_focus2_tit.png) no-repeat center top; background-size: 102% 100%; box-sizing: border-box;} 
.swiper-container_qlhsy .swiper-slide h3 a{ color: #fff;}
.swiper-container_qlhsy .swiper-slide-active h3{ display: block;}
/*.swiper-container_qlhsy .swiper-slide-active:before{ position: absolute; top: 0; left: 12px; width: 46px; height: 54px; background: url(icon_yz.png) no-repeat center top; content: ""}*/

.qlhsy_control{ }
.qlhsy_control > div{ position: absolute; top: 50%; width: 55px; height: 55px; margin-top: -28px; background-image: url(arr.png); z-index: 10; cursor: pointer; outline: none}
.qlhsy_prev{ left: -70px; background-position: 0 0;}
.qlhsy_next{ right: -70px; background-position: -55px 0;}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    /*margin: 0;*/
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    /*padding: 0;*/
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
  }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 25px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;*/
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #77be83; }
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #118f37; box-sizing: border-box;}
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #118f37; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #118f37; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.box_ghsql_wrap{ padding-bottom: 40px;}
.box_ghsql{ height: 1710px; overflow-y: hidden}

.ghsql_tem{ position: relative; width: 1148px; height: 255px; margin-bottom: 36px; background: url(bg_ghsql_tem.png) no-repeat center 35px;}
.ghsql_tem:nth-child(2n):before{ position: absolute; top: 220px; left: 8px; width: 46px; height: 56px; background: url(icon_ice.png) no-repeat center top; content: ""}
.ghsql_tem:nth-child(2n+1):before{ position: absolute; top: 35px; left: 1027px; width: 56px; height: 35px; background: url(icon_watermelon.png) no-repeat center top; content: ""} 
.ghsql_tem img{ float: left; width: 330px; height: 210px; margin-left: 46px; border-radius: 4px;}
.ghsql_r{ float: right; width: 660px; margin: 77px 60px 0 0;}
.ghsql_r h3{ height: 28px; margin-bottom: 14px; font: bold 24px/28px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ghsql_r h3 a{ color: #00734a;}
.ghsql_r p{ max-height: 90px; font: 18px/30px "Microsoft Yahei"; color: #333; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}