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

/*PC端banner*/
.ny_banner{ position:relative; z-index:5; height:370px; background:url(../../../Public/home/img/pro_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{}
.con_con .con_l .con_l_box .pro_type{ display:flex; margin-bottom:20px;}
.con_con .con_l .con_l_box .pro_type li{ flex:1; text-align:center; color:#fff; cursor:pointer; height:120px; box-sizing:border-box; position:relative;}
.con_con .con_l .con_l_box .pro_type li img{ margin:18px auto 4px;}
.con_con .con_l .con_l_box .pro_type li h1{ font-size:18px;}
.con_con .con_l .con_l_box .pro_type li p{ font-size:12px; opacity:0.5;}

.con_con .con_l .con_l_box .pro_type .li_type_on:after{ position:absolute; content:""; bottom:-20px; left:50%; margin-left:-10px; border:solid transparent; border-top-color:#0ea470; border-width:10px 10px;}

.con_con .con_l .con_l_box .pro_type li:nth-of-type(1){background: #0ea470;}
.con_con .con_l .con_l_box .pro_type li:nth-of-type(2){background: #13bedd;}
.con_con .con_l .con_l_box .pro_type li:nth-of-type(3){background: #3fd4ee;}

.con_con .con_l .con_l_box .pro_type li:nth-of-type(2):after{ border-top-color:#13bedd;}
.con_con .con_l .con_l_box .pro_type li:nth-of-type(3):after{ border-top-color:#3fd4ee;}

.con_con .con_l .con_l_box .pro_div{ display:none;}

.con_con .con_l .con_l_box .pro_div1{ position:relative;}
.con_con .con_l .con_l_box .pro_div1 .yl_img{}
.con_con .con_l .con_l_box .pro_div1 .yl_a{ position:absolute; right:15px; bottom:15px; background:#0ea470; display:flex; align-items:center; justify-content:center; width:120px; height:50px; color:#fff; border-radius:5em; font-size:16px;}

.con_con .con_l .con_l_box .pro_div3{}
.con_con .con_l .con_l_box .pro_div3 .zy_img{ margin-bottom:24px;}
.con_con .con_l .con_l_box .pro_div3 .zy_p{ margin-bottom:8px;}
.con_con .con_l .con_l_box .pro_div3 .zy_a{ display:inline-block; border:1px solid #e2e2e2; width:387px; box-sizing:border-box; margin-bottom:4px;}
.con_con .con_l .con_l_box .pro_div3 .zy_a img{}
.con_con .con_l .con_l_box .pro_div3 .zy_a p{ border-top:1px solid #e2e2e2; padding:10px 14px; text-align:center;}

.con_con .con_l .con_l_box .pro_div_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;}
.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_box{ padding:0 15px;}

.con_con .con_l .con_l_box .pro_type{ display:flex; margin-bottom:20px;}
.con_con .con_l .con_l_box .pro_type li{ height:100px;}
.con_con .con_l .con_l_box .pro_type li img{ margin:12px auto 4px; width:32px;}
.con_con .con_l .con_l_box .pro_type li h1{ font-size:16px;}
.con_con .con_l .con_l_box .pro_type li p{ font-size:8px;}


.con_con .con_l .con_l_box .pro_div3{}
.con_con .con_l .con_l_box .pro_div3 .zy_img{ margin-bottom:16px;}
.con_con .con_l .con_l_box .pro_div3 .zy_p{ margin-bottom:8px;}
.con_con .con_l .con_l_box .pro_div3 .zy_a{ display:inline-block; border:1px solid #e2e2e2; width:100%; box-sizing:border-box; margin-bottom:15px;}
.con_con .con_l .con_l_box .pro_div3 .zy_a img{}
.con_con .con_l .con_l_box .pro_div3 .zy_a p{ border-top:1px solid #e2e2e2; padding:10px 14px; text-align:center;}

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

.con_con .con_r{ display:none;}
}