@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_top .title_ul{ padding-top:30px;}
.con_con .con_l .con_l_top .title_ul li{ float:left; position:relative; font-size:14px; margin-right:45px; cursor:pointer; line-height:26px;}
.con_con .con_l .con_l_top .title_ul li:hover{ color:#0c798d;}
.con_con .con_l .con_l_top .title_ul li:hover:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}
.con_con .con_l .con_l_top .title_ul .title_li_on{ color:#0c798d;}
.con_con .con_l .con_l_top .title_ul .title_li_on:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}

.con_con .con_l .con_l_box{ display:none;}
.con_con .con_l .con_l_box .fenge { width: 100%; height: 6px; background: url(../../../Public/home/img/ny_title_bg.png) repeat-x; margin:0px 0;}
.con_con .con_l .con_l_box_hx .hx_img{ margin-bottom:20px;} 
.con_con .con_l .con_l_box_hx .hx_h2{ font-size:26px; color:#0c798d; margin-bottom:8px;}
.con_con .con_l .con_l_box_hx .hx_h2 span{ margin-left:1em; font-size:16px;}
.con_con .con_l .con_l_box_hx .hx_p{ line-height:1.75em; margin-bottom:30px;}
.con_con .con_l .con_l_box_hx .hx_h3{ padding:8px 0; color:#0c798d; font-size:26px; margin-bottom:15px;}
.con_con .con_l .con_l_box_hx .hx_h3 span{ margin-left:1em; font-size:16px; }
.con_con .con_l .con_l_box_hx .ul_jigou{ width:795px; margin-left:-15px;}
.con_con .con_l .con_l_box_hx .ul_jigou li{ width:250px; margin-left:15px; float:left; margin-bottom:30px;}
.con_con .con_l .con_l_box_hx .ul_jigou li img{border-radius:6px;}
.con_con .con_l .con_l_box_hx .ul_jigou li p{ margin-top:10px;color:#222;}
.con_con .con_l .con_l_box_hx .ul_tese{ width:795px; margin-left:-15px; margin-bottom:45px;}
.con_con .con_l .con_l_box_hx .ul_tese li{ width:250px; margin-left:15px; float:left; margin-bottom:30px;}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img{ position:relative;}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img img{}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img span{ position:absolute; width:30px; height:30px; text-align:center; line-height:30px; background:#0c798d; border:3px solid #fff; border-radius:5em; color:#fff; left:50%; margin-left:-18px; bottom:-18px;}
.con_con .con_l .con_l_box_hx .ul_tese li p{ margin-top:20px;}

.con_con .con_l .con_l_box_yf .yf_img{ margin-bottom:20px;} 
.con_con .con_l .con_l_box_yf .yf_h2{ font-size:26px; color:#0c798d; margin-bottom:8px;}
.con_con .con_l .con_l_box_yf .yf_p{ line-height:1.75em; margin-bottom:24px;}

.con_con .con_l .con_l_box_hx .qg_img{ margin-bottom:20px;}
.con_con .con_l .con_l_box_hx .ul_qg{ margin-bottom:15px;}
.con_con .con_l .con_l_box_hx .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_hx .ul_qg li:hover{ color:#0c798d; border:1px solid #0c798d;}
.con_con .con_l .con_l_box_hx .ul_qg .li_qg_on{ color:#0c798d; border:1px solid #0c798d;}
.con_con .con_l .con_l_box_hx .ul_dz{ display:none;}
.con_con .con_l .con_l_box_hx .ul_dz li{ border-bottom:1px solid #e2e2e2; padding:20px 0;}
.con_con .con_l .con_l_box_hx .ul_dz li h2{ font-size:18px; color:#6dba9f; margin-bottom:8px; font-weight:bold;}
.con_con .con_l .con_l_box_hx .ul_dz li p{} 
.con_con .con_l .con_l_box_hx .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;}

/*手机端样式*/
@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:50px;}
.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_top .title_ul{ padding-top:30px;}
.con_con .con_l .con_l_top .title_ul li{ float:left; position:relative; font-size:14px; margin-right:45px; cursor:pointer; line-height:26px;}
.con_con .con_l .con_l_top .title_ul li:hover{ color:#0c798d;}
.con_con .con_l .con_l_top .title_ul li:hover:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}
.con_con .con_l .con_l_top .title_ul .title_li_on{ color:#0c798d;}
.con_con .con_l .con_l_top .title_ul .title_li_on:after{ position:absolute; content:""; width:100%; height:1px; background:#0c798d; display:block; bottom:0px; left:0; z-index:9;}

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

.con_con .con_l .con_l_box .fenge { width: 100%; height: 6px; background: url(../../../Public/home/img/ny_title_bg.png) repeat-x; margin:0px 0;}
.con_con .con_l .con_l_box_hx .hx_img{ margin-bottom:20px;} 
.con_con .con_l .con_l_box_hx .hx_h2{ font-size:20px; color:#0c798d; margin-bottom:8px;}
.con_con .con_l .con_l_box_hx .hx_h2 span{ margin-left:1em; font-size:14px;}
.con_con .con_l .con_l_box_hx .hx_p{ line-height:1.75em; margin-bottom:30px;}
.con_con .con_l .con_l_box_hx .hx_h3{ padding:8px 0; color:#0c798d; font-size:20px; margin-bottom:15px;}
.con_con .con_l .con_l_box_hx .hx_h3 span{ margin-left:0em; font-size:14px; display:block;}
.con_con .con_l .con_l_box_hx .ul_jigou{ width:100%; margin-left:0px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.con_con .con_l .con_l_box_hx .ul_jigou:after{ display:none;}
.con_con .con_l .con_l_box_hx .ul_jigou li{ width:48%; margin-left:0px; float:inherit; margin-bottom:20px;}
.con_con .con_l .con_l_box_hx .ul_jigou li img{}
.con_con .con_l .con_l_box_hx .ul_jigou li p{ margin-top:6px;}
.con_con .con_l .con_l_box_hx .ul_tese{ width:100%; margin-left:0px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.con_con .con_l .con_l_box_hx .ul_tese:after{ display:none;}
.con_con .con_l .con_l_box_hx .ul_tese li{ width:48%; margin-left:0px; float:inherit; margin-bottom:20px;}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img{ position:relative;}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img img{}
.con_con .con_l .con_l_box_hx .ul_tese li .tese_img span{ position:absolute; width:30px; height:30px; text-align:center; line-height:30px; background:#0c798d; border:3px solid #fff; border-radius:5em; color:#fff; left:50%; margin-left:-18px; bottom:-18px;}
.con_con .con_l .con_l_box_hx .ul_tese li p{ margin-top:20px;}

.con_con .con_l .con_l_box_yf .yf_img{ margin-bottom:20px;} 
.con_con .con_l .con_l_box_yf .yf_h2{ font-size:26px; color:#0c798d; margin-bottom:8px;}
.con_con .con_l .con_l_box_yf .yf_p{ line-height:1.75em; margin-bottom:30px;}

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

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

.con_con .con_r{ display:none;}
}



/* 新增 */
.new_title{width:100%;margin-bottom:16px;}
.new_title h5{font-size:16px;color:#0c798d;margin-bottom:8px;}
.new_title p{font-size:13px;}