@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:1200px;}
.w580{ width: 580px;}
.w470{ width: 470px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}

.banner{ height: 880px; background: url(banner.jpg) no-repeat center top;}

.box_tem{  padding: 80px 0; background-color: #d2f5ff}
.box_tem2{ padding: 80px 0; background-color: #eefaff}

.sc1_wrap{ position: relative; float: left; width: 700px; height: 394px; margin: 0 auto;}
#swiper1{ width: 700px; height: 394px;}
#swiper1 .swiper-slide{ position: relative; width: 700px; height: 394px;}

#swiper1 .swiper-slide img{ width: 700px; height: 394px;}
#swiper1 .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; font: 18px/60px "Microsoft Yahei"; text-align: center; background: rgba(7,165,231,0.8);}
#swiper1 .swiper-slide h3 a{  max-width: 460px; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

.sc1_prev, .sc1_next{ position: absolute; bottom: 0; width: 60px; height: 60px; background-image: url(arr.png); cursor: pointer; outline: none;  z-index: 10;}
.sc1_prev{ left: 0; background-position: 0 0;}
.sc1_next{ right: 0; background-position: -60px 0;}

.news_tem{ margin-bottom: 18px;}
.news_tem:last-child{ margin-bottom: 0}
.news_tem h3{ height: 50px; padding: 0 20px; font: 20px/50px "Microsoft Yahei"; color: #07a5e7; background-color: #fff; border: 1px solid #07a5e7; border-radius: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_tem h3 a{ color: #07a5e7}
.news_tem_bot{ display: none; margin-top: 20px; padding: 0 20px;}
/* .news_tem_bot img{ float: left; width: 180px; height: 104px;} */
/* .news_tem_bot p{ float: right; width: 340px; font: 16px/26px "Microsoft Yahei"; color: #666; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} */
.news_tem_bot p{  font: 16px/26px "Microsoft Yahei"; color: #666; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.news_tem.active h3{ background-color: #07a5e7; color: #fff;}
.news_tem.active h3 a{ color: #fff;}
.news_tem.active .news_tem_bot{ display: block;}

a.btn_more{ float: right; width: 120px; height: 42px; margin-top: 30px; font: 18px/42px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #0573a1; border-radius: 21px;}

.news_list{}
.news_list li{ position: relative; float: left; width: 580px; height: 59px; padding-left: 26px; margin-right: 40px; font: 20px/60px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #219dd1; box-sizing: border-box;}
.news_list li:nth-child(2n){ margin-right: 0}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; background-color: #219dd1; border-radius: 50%; content: ""}
.news_list li a{}

.box_zsql{ height: 1920px; height: 878px; padding-top: 80px; background: url(box2.jpg) no-repeat center top; overflow: hidden; box-sizing: border-box;}

.tit{ height: 84px; margin-bottom: 50px; background-position: center top; background-repeat: no-repeat;}
.tit1{ background-image: url(tit1.png);}
.tit2{ background-image: url(tit2.png);}
.tit3{ background-image: url(tit3.png);}

.zsql_con{ position: relative;}
.phone{ position: absolute; top: 0; left: 60px; width: 308px; height: 564px; background: url(phone.png) no-repeat center top; box-shadow: 0 0 10px 1px rgba(79,79,79,0.2); border-radius: 20px;}
.phone img{ position: absolute; top: 32px; left: 22px; width: 264px; height: 510px; border-radius: 20px;}

.zsql_r{ position: absolute; top: 22px; right: 50px; width: 580px;}
.zsql_des{ padding: 12px 22px; margin-bottom: 20px; font: 18px/32px "Microsoft Yahei"; color: #333; text-align: justify; background-color: #fff; border-radius: 4px; box-shadow: 0 10px 10px 1px rgba(79,79,79,0.1)}
.zsql_des span{ color: #c64252;}
.zsql_qrcode{ text-align: center;}
.zsql_qrcode img{ margin: 0 5px; width: 140px; height: auto; }
.zsql_qrcode p{ display: inline-block; margin: 0 5px; font: 22px/142px "Microsoft Yahei"; color: #5366c5;}

/*.fsjw_tem{ float: left; width: 580px; margin-right: 40px;}
.fsjw_tem:nth-child(2n){ margin-right: 0}
.fsjw_i{ position: relative; float: left; width: 260px;}
.fsjw_i:before{ position: absolute; top: 0; right: 0; width: 250px; height: 140px; background-color: #c9edf9; content: ""}
.fsjw_i:after{ position: absolute; top: 0; right: 0; width: 12px; height: 12px; border-top: 2px solid #02b2ec; border-right: 2px solid #02b2ec; content: ""}
.fsjw_i img{ position: relative; top: 10px; width: 250px; height: 140px; z-index: 3;}
.fsjw_tem h3{ float: right; width: 304px; margin-top: 10px; font: bold 20px/26px "Microsoft Yahei"; text-align: justify;}
.fsjw_tem h3 a{ color: #333;}*/

.sc2_wrap{ position: relative; float: left; width: 1200px; height: 522px; margin: 0 auto 30px;}
#swiper2{ width: 1200px; height: 522px;}
#swiper2 .swiper-slide{ position: relative; width: 320px; height: 522px;  }

#swiper2 .swiper-slide img{ width: 320px; height: 426px;}
#swiper2 .swiper-slide h3{ height: 96px; padding: 16px 20px 15px; font: bold 20px/32px "Microsoft Yahei"; text-align: justify; background-color: #fff; border: 1px solid #00b3e8; border-top: none; box-sizing: border-box;}
#swiper2 .swiper-slide h3 a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333;}

.sc2_prev, .sc2_next{ position: absolute; top: 215px; width: 50px; height: 50px; background-image: url(arr2.png); cursor: pointer; outline: none;  z-index: 10;}
.sc2_prev{ left: -70px; background-position: 0 0;}
.sc2_next{ right: -70px; background-position: -50px 0;}

.box_ghsql{padding: 80px 0; background: url(bot.jpg) no-repeat center bottom #d2f5ff;}


.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: 0px;
    top: 0;
    width: 10px;
}
 
.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: #8adcf7; }
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #0573a1; box-sizing: border-box;}
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #0573a1; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #0573a1; }
 
 
/* 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; }

.ghsql_wrap{   padding: 30px; background-color: #fff; box-sizing: border-box; border-radius: 20px;}

.ghsql{ height: 2220px; overflow: hidden;}
.ghsql_tem{ position: relative; width: 1110px; height: 224px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #bbb;}
.ghsql_tem:last-child{ margin-bottom: 0;}
.ghsql_tem img{ float: left; width: 360px; height: 224px; border-radius: 10px;}
.ghsql_wz{ position: relative; float: right; width: 720px; height: 224px; box-sizing: border-box;}
.ghsql_wz h3{ margin-top: 12px; font: bold 28px/40px "Microsoft Yahei"; }
.ghsql_wz h3 a{ color: #333;}
.ghsql_wz p{ max-height: 102px; font: 20px / 34px "Microsoft Yahei"; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ghsql_wz span{ position: absolute; bottom: 0; left: 0; height: 24px; padding-left: 36px; font: 14px/24px "Microsoft Yahei"; color: #999; background: url(icon.png) no-repeat left top;}
 
 @media screen and (max-width: 1320px) {
    .sc2_prev{ left: 0px; background-position: 0 0;}
    .sc2_next{ right: 0px; background-position: -50px 0;}
 }