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

/*PC端banner*/
.ny_banner{ position:relative; z-index:5; height:370px; background:url(../../../Public/home/img/ind_ban.jpg) no-repeat center;}

.con{ width:1200px; margin:0 auto 80px;}
.con .con_info{  margin:-316px -360px 0 -130px; padding:0 360px 0 130px; background:#fff; position:relative; z-index:6; min-height:600px;}
.ny_nav{ display:flex; align-items:center; justify-content:space-between; margin:-0px -360px 0 -130px; padding:0 360px 0 130px; overflow:hidden; border-bottom:1px solid #e2e2e2; position:relative;}
.bg_repeat{ position:absolute; width:100%; height:6px; background:url(../../../Public/home/img/ny_title_bg.png) repeat-x; left:0; top:50%; margin-top:-3px; z-index:-2;}
.ny_title{ font-size:48px; background:linear-gradient(to bottom,#6dba9f 0%,#0c798d 100%); -webkit-background-clip:text;-webkit-text-fill-color:transparent; line-height:1em; padding:0 16px; position:relative; margin-left:-16px;}
.ny_title:after{ position:absolute; content:""; width:100%; height:100%; background:#fff; left:0; top:0; z-index:-1;}
.ny_nav_r{}
.ny_nav_t{ display:flex; align-items:center; justify-content:flex-end; padding:21px 0;}
.ny_nav_t .a1{}
.ny_nav_t .a1 img{ height:12px;}
.ny_nav_t .a2{ padding-left:15px; position:relative; margin-left:10px; color:#666; font-size:12px;}
.ny_nav_t .a2:after{ position:absolute; content:""; left:0; top:50%; margin-top:-4px; display:block; border:solid transparent; border-left-color:#999; border-width:4px 4px;}
.ny_nav_b .ul_ny_nav{ display:flex; align-items:center;}
.ny_nav_b .ul_ny_nav li{ margin-left:45px; position:relative;}
.ny_nav_b .ul_ny_nav li a{ display:block; line-height:1em; padding:20px 0;}
.ny_nav_b .ul_ny_nav li:hover a{ color:#0c798d;}
.ny_nav_b .ul_ny_nav li:hover:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}
.ny_nav_b .ul_ny_nav .li_ny_on{}
.ny_nav_b .ul_ny_nav .li_ny_on a{ color:#0c798d;}
.ny_nav_b .ul_ny_nav .li_ny_on:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}

.con_con{ padding-bottom:100px;}
.con_con .con_l{ width:780px; float:left;}
.con_con .con_l .con_l_top{ height:200px; box-sizing:border-box; padding-top:60px;}
.con_con .con_l .con_l_top h1{ font-size:30px; font-weight:bold; color:#0c798d; line-height:1em; margin-bottom:30px;}
.con_con .con_l .con_l_top p{ color:#666;}

.con_con .con_l .con_l_box{ display:none;}
.con_con .con_l .con_l_box .sq_img{ margin-bottom:20px;} 
.con_con .con_l .con_l_box .sq_p{ line-height:1.75em; margin-bottom:30px;}

.con_con .con_l .con_l_box .hx_h2{ font-size:26px; color:#0c798d; margin-bottom:8px;}
.con_con .con_l .con_l_box .hx_p{ line-height:1.75em; margin-bottom:30px;}

.con_con .con_l .con_l_box .qg_img{ margin-bottom:20px;}
.con_con .con_l .con_l_box .ul_qg{ margin-bottom:15px;}
.con_con .con_l .con_l_box .ul_qg li{ float:left; position:relative; margin-right:24px; cursor:pointer; padding:2px 1em; border-radius:5em; border:1px solid #fff;}
.con_con .con_l .con_l_box .ul_qg li:hover{ color:#0c798d; border:1px solid #0c798d;}
.con_con .con_l .con_l_box .ul_qg .li_qg_on{ color:#0c798d; border:1px solid #0c798d;}
.con_con .con_l .con_l_box .ul_dz{ display:none;}
.con_con .con_l .con_l_box .ul_dz li{ border-bottom:1px solid #e2e2e2; padding:20px 0;}
.con_con .con_l .con_l_box .ul_dz li h2{ font-size:18px; color:#6dba9f; margin-bottom:8px; font-weight:bold;}
.con_con .con_l .con_l_box .ul_dz li p{} 
.con_con .con_l .con_l_box .ul_dz_on{ display:block;}  

.con_con .con_l .con_l_box_on{ display:block;}


.con_con .con_l .bg_repeat3{ position:absolute; left:-360px; top:600px; width:682px; height:92px; background:url(../../../Public/home/img/ny_title_bg_5.png) repeat; z-index:-1;}

.con_con .con_r{ width:360px; float:right; position:relative; padding-bottom:80px;}
.con_con .con_r .con_r_top{ height:200px; box-sizing:border-box; padding-top:50px; padding-left:45px; border-right:1px solid #e2e2e2; background:url(../../../Public/home/img/ny_title_bg_2.png) repeat;}
.con_con .con_r .con_r_top h1{ color:#6dba9f; font-size:36px; line-height:1.4em;}
.con_con .con_r .con_r_top_bg{ position:absolute; width:100%; height:200px; background:url(../../../Public/home/img/ny_title_bg_2.png) repeat; top:0; left:360px;}
.con_con .con_r .con_r_top_bg2{ position:absolute; width:100%; height:322px; top:200px; left:360px; overflow:hidden;}

.con_con .con_r .con_r_center{ background:#c2edbf; width:100%; height:322px; position:relative; box-sizing:border-box;}
.con_con .con_r .con_r_center:after{ position:absolute; content:""; display:block; width:106px; height:174px; background:#c2edbf; bottom:-174px; left:0;z-index:6;}
.con_con .con_r .con_r_center .pro_img3 {position: absolute;bottom: 0px;right: 0px;}
.con_con .con_r .con_r_bottom{ position:relative; z-index:5;}
.con_con .con_r .con_r_bottom .bg_repeat2{ position:absolute; left:0; bottom:-65px; height:132px; width:720px; background:url(../../../Public/home/img/ny_title_bg_4.png) repeat; z-index:-1;}




/* 新增 */
.new_con{width:100%;}
.new_con .new_con_title{font-size:16px;color:#0c798d;margin:32px 0px 16px 0px;}
.new_con .new_con_text{width:100%;padding:32px;box-sizing:border-box;border:1px solid #f9f9f9;border-radius:4px;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.05);}
.new_con .new_con_text img{display:block;width:100%;}
.new_con .new_con_text p{line-height:24px; margin-bottom:15px; text-align:justify; color:#444;margin-top:31px;}
.new_con .new_con_flex{width:100%;display:flex;align-items: center;padding:32px;box-sizing:border-box;border:1px solid #f9f9f9;border-radius:4px;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.05);}
.new_con .new_con_flex img{width:46%;display:block;margin-right:4%;}
.new_con .new_con_flex p{flex:1;}
.new_con .new_con_flex p span{line-height:24px;text-align:justify;color:#444;display:block;margin-bottom:10px;}
.new_con .new_con_flex p span:last-child{margin-bottom:0px;}
.new_p{width:100%;margin-bottom:20px;}
.new_p span{display:block;line-height:24px;text-align:justify;color:#444;display:block;margin-bottom:10px;text-indent:2em;}
.new_p span:last-child{margin-bottom:0px;}

/* 全国布局 */
.qgbj_ttile{font-size:16px;color:#0c798d;margin:0px 0px 8px;}
.qgbj_img img{background:#e9e9e9;}

/* 测试模块 */
.area_wrap{width:100%;margin-top:16px;}
.area_wrap .area_con{width:100%;display:flex;}
/* 左 */
.area_wrap .area_con .area_l{width: 24%;background:#00798e;display:flex;justify-content: flex-end;position:relative;}
.area_wrap .area_con .area_l .area_l_bg{position:absolute;bottom: 16px;left: 16px;display:block;width: 80%;/* transform: translateX(-50%); */}
.area_wrap .area_con .area_l ul{padding:46px 0px;position:relative;z-index:99;}
.area_wrap .area_con .area_l ul li{padding:12px 32px;display:flex;align-items:center;cursor: pointer;border-radius:6px 0px 0px 6px;margin-bottom:1px;}

.area_wrap .area_con .area_l ul li svg{width:24px;height:24px;display:block;}
.area_wrap .area_con .area_l ul li span{font-size:16px;line-height:1em;color:#fff;}

/* hover */
.area_wrap .area_con .area_l ul li:hover{background:#fff;}
.area_wrap .area_con .area_l ul li:hover svg{opacity:1;}
.area_wrap .area_con .area_l ul li:hover span{color:#00798e;}

/* 选中状态 */
.area_wrap .area_con .area_l ul .active{background:#fff;}
.area_wrap .area_con .area_l ul .active svg{opacity:1;}
.area_wrap .area_con .area_l ul .active span{color:#00798e;}

/* 右 */
.area_wrap .area_con .area_r_wrap{position:relative;padding: 16px;box-sizing:border-box;flex:1;background:#f8f8f8;}
.area_wrap .area_con .area_r{width:100%;}
.area_wrap .area_con .area_r_wrap .area_r_bg{position:absolute;right:0;bottom:146px;display:block;}
.area_wrap .area_con .area_r .area_r_con{width: 100%;}
.area_wrap .area_con .area_r .area_nav{width:100%;display:flex;align-items:center;margin-bottom: 16px;}
.area_wrap .area_con .area_r .area_nav li{cursor: pointer;font-size:14px;padding:6px 12px;border-radius:6em;color:#999;line-height:1em;}
/* .area_wrap .area_con .area_r .area_nav li:hover{color:#00798e;} */
.area_wrap .area_con .area_r .area_nav .nav_active{background:#00798e;color:#fff;}

.area_wrap .area_con .area_r .area_address{width:100%;display:flex;align-items:center;border-bottom:1px solid #ccc;flex-wrap: wrap;}
.area_wrap .area_con .area_r .area_address li{font-size:14px;line-height:1em;color:#999;cursor: pointer;padding:0px 16px 16px 0px;position:relative;margin-right:16px;}
.area_wrap .area_con .area_r .area_address li:hover{color:#00798e;}
/* .area_wrap .area_con .area_r .area_address li:first-child{padding-left:0px;} */
.area_wrap .area_con .area_r .area_address li::after{content:"";display:block;width:1px;height:14px;position: absolute;top:0;right:0;background:#999;}
.area_wrap .area_con .area_r .area_address li:last-child::after{display:none;}
.area_wrap .area_con .area_r .area_address .area_address_active{color:#00798e;}

/* 右-内容 */
.area_div{width:100%;}
.area_div .area_text{width:100%;}
.area_div .area_text .area_text_title{width:100%;display:flex;align-items:center;padding:16px 0px;}
.area_div .area_text .area_text_title h5{font-weight:600;font-size:18px;line-height:1em;margin-right:12px;color:#00798e;}
.area_div .area_text .area_text_title span{display:inline-block;font-size:14px;padding:4px 6px;border-radius:0px 6px 0px 6px;color:#fff;line-height:1em;background:#26b1b6;}
.area_div .area_text .area_text_img{width:100%;margin-bottom:16px;}
.area_div .area_text .area_text_img img{max-width:100%;display:block;border-radius:6px;}
.area_div .area_text .area_text_p{width:100%;min-height:96px;}
.area_div .area_text .area_text_p .area_text_info{width:100%;display:flex;align-items:center;margin-bottom:6px;}
.area_div .area_text .area_text_p .area_text_info svg{display:block;width:28px;height:28px;margin-right:2px;}
.area_div .area_text .area_text_p .area_text_info p{font-size:14px;color:#666;}

/* 右边最小高度 */
.area_r_wrap{min-height: 611px;box-sizing:border-box;}

/* 敬请期待 */
.stay_tuned{background: #ccc !important;color: #fff !important;}

/* 强制隐藏 */
.none{display:none !important;}


/*手机端样式*/
@media screen and (max-width: 768px){
.ny_banner{ display:none;}

.con{ width:100%; margin:0 auto 40px;}
.con .con_info{  margin:0px; padding:0px;}
.ny_nav{ display:block; margin:0px; padding:0px; }
.bg_repeat{ margin-top:0px; position:inherit;}
.ny_title{ font-size:24px; margin-left:16px; padding:12px 0;}

.ny_nav_t{ display:none;}
.ny_nav_b .ul_ny_nav{ display:block;}
.ny_nav_b .ul_ny_nav li{ margin:0 15px; float:left; }
.ny_nav_b .ul_ny_nav li a{ padding:12px 0;}

.ny_nav_b .ul_ny_nav li:hover:after { display:none;}

.con_con{ padding-bottom:0px;}
.con_con .con_l{ width:100%; float:left;}
.con_con .con_l .con_l_top{ height:auto; padding:30px 15px;}
.con_con .con_l .con_l_top h1{ margin-bottom:15px;}

.con_con .con_l .con_l_box{ padding:0 15px;}

.con_con .con_l .bg_repeat3{ display:none;}

.con_con .con_r{ display:none;}

.new_con {padding: 0px 16px;box-sizing: border-box;}
.new_con .new_con_text{padding:16px;}
.new_con .new_con_flex{padding:16px;}


/* 全国布局 */
.area_wrap .area_con{width:100%;display: block;}
/* 左 */
.area_wrap .area_con .area_l{width: 100%;background:#00798e;position:relative;padding: 8px;box-sizing: border-box;}
.area_wrap .area_con .area_l .area_l_bg{display: none;}
.area_wrap .area_con .area_l ul{position:relative;z-index:99;display: flex;flex-wrap: wrap;padding: 0px;}
.area_wrap .area_con .area_l ul li{padding: 6px 0px;display:flex;align-items:center;cursor: pointer;width: 33.3%;justify-content: center;border-radius:0px;}

.area_wrap .area_con .area_l ul li svg{width:24px;height:24px;display:block;margin-left: -14px;}
.area_wrap .area_con .area_l ul li span{font-size: 14px;line-height:1em;color:#fff;}


/* 右 */
.area_wrap .area_con .area_r_wrap{position:relative;box-sizing:border-box;flex:1;background:#fff;padding: 8px;}
.area_wrap .area_con .area_r_wrap .area_r_bg{position:absolute;right:0;bottom:146px;display: none;}
.area_wrap .area_con .area_r .area_r_con{width: 100%;}
.area_wrap .area_con .area_r .area_nav{width:100%;display:flex;align-items:center;margin: 12px 0px;}

.area_wrap .area_con .area_r .area_address{padding-top: 12px;border-top: 1px solid #ccc;flex-wrap: wrap;width:100%;display:flex;align-items:center;border-bottom:1px solid #ccc;}

.area_wrap .area_con .area_r .area_address li{font-size:14px;line-height:1em;color:#999;cursor: pointer;padding: 0px 16px 12px;position:relative;margin-top:0px;}

.area_wrap .area_con .area_r .area_address li:first-child{padding-left:16px;}

/* 右-内容 */
.area_div .area_text .area_text_p .area_text_info{width:100%;display:flex;align-items:flex-start;margin-bottom:6px;}
.area_div .area_text .area_text_p .area_text_info p{font-size:14px;color:#666;flex: 1;width: 1px;margin-top:3px;}

/* 右边最小高度 */
.area_r_wrap{box-sizing:border-box;min-height:0px;}
}