@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:1280px !important;}
.marB50{ margin-bottom: 50px;}
.marB80{ margin-bottom: 80px;}
.marB100{ margin-bottom: 100px;}
.w460{ width: 460px;}
.w455{ width: 455px;}
.w695{ width: 695px;}
.w580{ width: 580px;}

.banner{ height: 942px; background: url(banner.jpg) no-repeat center top;}
.bg{ max-height: 6708px; background: url(bg.jpg) no-repeat center top; box-sizing: border-box;}

.headline_wrap{ width: 1280px; padding: 20px 40px 60px; margin: 0 auto 100px; background-color: #fff; border-radius: 8px; box-sizing: border-box; box-shadow: 0 10px 20px rgba(34,174,178,0.2)}

.headline{ position: relative; min-height: 110px; padding-left: 99px; margin-bottom: 40px;}
.headline:before{ position: absolute; top: -30px; left: 0; width: 80px; height: 170px; background: url(icon_headline.png) no-repeat center top; content: ""}
.headline h2{ padding-top: 10px; margin-bottom: 10px; font: bold 44px/50px "Microsoft Yahei"; text-align: center; color: #22aeb2; }
.headline h2 a{ color: #22aeb2;}
.headline p{ height: 60px; font: 18px/30px "Microsoft Yahei"; color: #666; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.focus_wrap{ float: left; position: relative; width: 700px; height: 394px;  overflow: hidden;}
.swiper-container_focus{ width: 700px; height: 394px;  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{ }
.swiper-container_focus .swiper-slide img{ width: 700px; height: 394px;}
.swiper-container_focus .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; font: 20px/80px "Microsoft Yahei"; text-indent: 1em;  background: -moz-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent);background: -webkit-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent);background: -o-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent);} 
.swiper-container_focus .swiper-slide h3 a{ display: block; max-width: 80%; height: 80px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.swiper-container_focus .swiper-slide:hover h3 a{ font-weight: bold}

.focus_wrap .swiper-pagination{ position: absolute; bottom: 18px; right: 18px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet{ float: left; width: 12px; height: 12px; margin-left: 5px; background-color: #fff; opacity: 1; border-radius: 6px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet-active{  background: #ffcc66; opacity: 1; outline: none;}

.news_list{ margin-bottom: 30px;}
.news_list li{ padding: 12px 0; font: 18px/32px "Microsoft Yahei"; color: #333; border-bottom: 1px solid #edf2f2;}
.news_list li a{ color: #333;}

a.btn_more{ float: right; height: 18px; padding-left: 100px; font: bold 18px/18px "Microsoft Yahei"; color: #22aeb2; background: url(icon_more.png) no-repeat left center;}


.tit1{ height: 201px; margin-bottom: 28px; background: url(tit1.png) no-repeat center top;}
.tit2{ height: 190px; margin-bottom: 28px; background: url(tit2.png) no-repeat center top;}
.tit3{ height: 203px; margin-bottom: 28px; background: url(tit3.png) no-repeat center top; overflow: hidden;}

.tit_ldj_qg{ height: 50px; margin-bottom: 58px; background: url(tit_ld_qg.png) no-repeat center top;}
.tit_ldj_gd{ height: 50px; margin-bottom: 58px; background: url(tit_ld_gd.png) no-repeat center top;}


.ldjz1_wrap{ position: relative; width: 1200px; margin-bottom: 10px;}
.swiper-container_ldjz1{ width: 1200px; height: 410px; overflow: hidden;}
.swiper-container_ldjz1 .swiper-wrapper{ height: auto;}
.swiper-container_ldjz1 .swiper-slide{ width: 270px; height: 410px; margin-right: 40px; box-sizing: border-box;}

.swiper-container_ldjz1 .swiper-slide img{ position: relative; display: block; width: 210px; height: 210px; margin: 0 auto; border: 5px solid #97dcde; border-radius: 50%; z-index: 3; box-shadow: 0 10px 20px rgba(34,174,178,0.2)}
.ldjz1_wz{ position: absolute; bottom: 23px; left: 0; width: 270px; height: 277px; padding: 140px 40px 0; background-color: #fff; border-radius: 4px; box-sizing: border-box; box-shadow: 0 10px 20px rgba(34,174,178,0.2)}
.ldjz1_wz:before{ position: absolute; bottom: -23px; left: 0; width: 270px; height: 20px; background: url(ldjz1_bot.png) no-repeat center top; content: ""}
.ldjz1_wz h3{ margin-bottom: 20px; font: bold 28px/32px "Microsoft Yahei"; color: #333; text-align: center;}
.ldjz1_wz p{ font: 16px/26px "Microsoft Yahei"; color: #999; text-align: center;}


.ldjz1_control{ }
.ldjz1_control a{ position: absolute; top: 182px; width: 30px; height: 47px;  background-image: url(arr1.png); z-index: 10; cursor: pointer; outline: none; opacity: 0.5;}
.ldjz1_control a:hover{ opacity: 1;}
.ldjz1_control a.ldjz1_prev{ left: -40px; background-position: 0 0;}
.ldjz1_control a.ldjz1_next{ right: -40px; background-position: -30px 0;}

/**/
.ldjz2_wrap{ position: relative; width: 1200px; height: 320px; padding: 30px; margin-bottom: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 10px 20px rgba(34,174,178,0.2); box-sizing: border-box;}
.ldjz2_wrap:before{ position: absolute; bottom: -23px; left: 0; width: 100%; height: 20px; background: url(ldjz2_bot.png) no-repeat center top; content: ""}
.swiper-container_ldjz2{ width: 1140px; height: 260px; overflow: hidden;}
.swiper-container_ldjz2 .swiper-wrapper{ height: auto;}
.swiper-container_ldjz2 .swiper-slide{ width: 1140px; height: 260px; box-sizing: border-box;}

.swiper-container_ldjz2 .swiper-slide img{ float: right; width: 420px; height: 260px;}
.ldjz2_wz{ float: left; width: 680px;}
.ldjz2_wz h3{ margin-bottom: 20px; font: bold 28px/36px "Microsoft Yahei"; color: #333; text-align: justify;}
.ldjz2_wz p{ font: 16px/26px "Microsoft Yahei"; color: #999; text-align: justify;}


.ldjz2_control{ }
.ldjz2_control a{ position: absolute; bottom: 30px; width: 60px; height: 30px; border: 1px solid #97dcde; border-radius: 4px; cursor: pointer; box-sizing:border-box; z-index: 10}
.ldjz2_control a:hover{ background-color: #97dcde;}
.ldjz2_control a.ldjz2_prev{ left: 30px; }
.ldjz2_control a.ldjz2_next{ left: 100px; }

.ldjz2_control a:before{ position: absolute; top: 50%; left: 50%; width: 12px; height: 19px; margin: -10px 0 0 -6px; background-image: url(arr2.png); content: ""}
.ldjz2_control a.ldjz2_prev:before{ background-position:  0 -19px}
.ldjz2_control a.ldjz2_next:before{ background-position:  -12px -19px}
.ldjz2_control a.ldjz2_prev:hover:before{ background-position:  -0 0}
.ldjz2_control a.ldjz2_next:hover:before{ background-position:  -12px 0}

.gd_tem{ position: relative; border-radius: 8px; overflow: hidden;}
.gd_tem1{ width: 455px; height: 280px; margin-bottom: 35px;}
.gd_tem2{ width: 695px; height: 430px; margin-bottom: 50px;}
.gd_tem1:last-child, .gd_tem2:last-child{ margin-bottom: 0}
.gd_tem img{ width: 100%; height: 100%;}
.gd_tem h3{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 20px; font: 20px/30px "Microsoft Yahei"; color: #fff; text-align: justify; background: -moz-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent);background: -webkit-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent);background: -o-linear-gradient(bottom, #1b7f82, rgba(27,127,130,0.5) 75%, transparent); box-sizing: border-box;}

.box2_con{ position: relative; padding: 30px 30px 40px; margin-bottom: 30px; background-color: #fff; border-radius: 10px; box-sizing: border-box; box-shadow: 0 10px 20px rgba(34,174,178,0.2);}
.box2_con:before{  position: absolute; bottom: -23px; left: 0; width: 100%; height: 20px; background: url(ldjz2_bot.png) no-repeat center top; content: ""}
.cxldzg_tem{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #edf2f2;}
.cxldzg_tem img{ width: 420px; height: 260px;}
.cxldzg_wz{ position: relative; width: 680px; height: 260px;}
.cxldzg_wz h3{ margin-bottom: 20px; font: bold 28px/38px "Microsoft Yahei"; color: #333;}
.cxldzg_wz h3 a{ color: #333;}
.cxldzg_wz h3:hover, .cxldzg_wz h3 a:hover{ color: #22aeb2;}
.cxldzg_wz p{ font: 16px/26px "Microsoft Yahei"; color: #999; text-align: justify;}
.cxldzg_wz a.cxldzg_more{ position: absolute; bottom: 0; right: 0; width: 150px; height: 30px; font: lighter 18px/30px "Microsoft Yahei"; color: #97dcde; text-align: center; background-color: #fff; border: 1px solid #97dcde; border-radius: 4px; box-sizing: border-box;}
.cxldzg_wz a.cxldzg_more:hover{ color: #fff; background-color: #97dcde;}
.cxldzg_tem:nth-child(2n+1) img{ float: left;}
.cxldzg_tem:nth-child(2n+1) .cxldzg_wz{ float: right;}
.cxldzg_tem:nth-child(2n) img{ float: right;}
.cxldzg_tem:nth-child(2n) .cxldzg_wz{ float: left;}

.cxldzg_list{}
.cxldzg_list li{ position: relative; float: left; width: 540px; height: 58px; padding-left: 24px; margin-right: 60px; font: 18px/58px "Microsoft Yahei"; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #edf2f2; box-sizing: border-box;}
.cxldzg_list li:before{ position: absolute; top: 50%; left: 0; width: 12px; height: 12px; margin-top: -6px; background: url(icon_list.png) no-repeat center top; content: ""}
.cxldzg_list li:nth-child(2n){ margin-right: 0}
.cxldzg_list li a{ color: #333;}

.box3{ padding-bottom: 130px;}
.box_galdz{ position: relative; height: 841px; margin-bottom: 60px; background: url(bg_galdz.png) no-repeat center top;}
.phone{ position: absolute; top: 57px; left: 23px; width: 380px; height: 676px;}
.phone img{ width: 100%; height: 100%; border-radius: 8px;}

.galdz_r{ position: absolute; top: 126px; left: 550px; width: 650px; }
.galdz_r h3{ width: 600px; height: 44px; margin-bottom: 120px; font: bold 40px/44px "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.galdz_r h3 a{ color: #fff;}
.galdz_r p{ font: 20px/36px "Microsoft Yahei"; color: #333; text-align: justify;}
.galdz_r p span{ font-weight: bold;}

.qrcode{ position: relative; margin-top: 20px; text-align: center;}
.qrcode:before{ position: absolute; bottom: 0; left: 0; width: 321px; height: 30px; background: url(qrcode_des.png) no-repeat center top; content: ""}
.qrcode img{ position: relative; width: 160px; height: auto; z-index: 3}

.galdz_wrap{ position: relative; width: 1200px; margin-bottom: 50px;}
.swiper-container_galdz{ width: 1200px; height: 312px; }
.swiper-container_galdz .swiper-wrapper{ height: auto;}
.swiper-container_galdz .swiper-slide{ width: 360px; height: 312px;  box-sizing: border-box; box-shadow: 0 10px 20px rgba(34,174,178,0.2)}

.swiper-container_galdz .swiper-slide img{ width: 360px; height: 202px;}
.swiper-container_galdz .swiper-slide h3{ height: 110px; padding: 14px 20px 0; font: 20px/30px "Microsoft Yahei"; color: #333; text-align: justify; background-color: #fff; box-sizing: border-box;}


.galdz_control{ }
.galdz_control a{ position: absolute; top: 133px; width: 30px; height: 47px;  background-image: url(arr1.png); z-index: 10; cursor: pointer; outline: none; opacity: 0.5;}
.galdz_control a:hover{ opacity: 1;}
.galdz_control a.galdz_prev{ left: -40px; background-position: 0 0;}
.galdz_control a.galdz_next{ right: -40px; background-position: -30px 0;}

.galdz_tem_wrap{}
.galdz_tem{ height: 64px; padding: 0 18px; margin-bottom: 20px; background-color: #f6fbf9; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 10px 20px rgba(34,174,178,0.2)}
.galdz_tem h3{ height: 60px; font: 20px/60px "Microsoft Yahei"; color: #212121; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.galdz_tem h3 a{ color: #212121;}
.galdz_tem p{ display: none; font: 16px/28px "Microsoft Yahei"; color: #999;}

.galdz_tem.active{ height: auto; padding: 12px 20px 24px; background-color: #fff;}
.galdz_tem.active h3{ height: auto; margin-bottom: 20px; font: bold 24px/36px "Microsoft Yahei"; white-space: normal;}
.galdz_tem.active p{ display: block;}