@media (max-width:767px){
body{ padding-top:60px !important;}
.header{ height:60px !important; top:0 !important;}
.logo{line-height:60px !important;}
.logo img{ display:none !important;}
.logo a:after{ height:60px !important; background-size:71px 50px !important; width:86px !important; margin:0 !important;}
.san{ width:30px; height:40px; margin-top:13px; text-align:right; line-height:40px;}
.san i{ font-size:24px !important; color:#0ec9be;}
.header_right{ height:0px !important; overflow:hidden; padding:0 !important; position:fixed !important; left:0; top:0; width:100% !important; z-index:999999 !important; background:#0ec9be; color:#fff; transition:all 1s;}
.header_right.active{ padding-top:60px !important; height:100% !important;}
.navs{ width:100% !important; margin-left:0 !important; float:none !important;}
.navs ul{ margin:0 !important; padding:0 !important;}
.navs ul li{ display:block !important; float: none !important; margin:5px 0 !important; width:100%; text-align:center;}
.navs ul li a{ color:#fff !important; background:none !important; display:inline-block !important; text-shadow:none !important;}
.ch_en_xs { text-align:center; margin-top:10px;}
.ch_en_xs a{ color:#fff;}

.nav_guan{ position:absolute; right:15px; top:10px; width:36px; height:36px; transform:rotate(45deg);}
.nav_guan:before{ content:''; width:1px; height:36px; background:#fff; position:absolute; top:0; left:50%; margin-left:-0.5px;}
.nav_guan:after{ content:''; height:1px; width:36px; background:#fff; position:absolute; left:0; top:50%; margin-top:-0.5px;}

.banner .swiper-slide{ height:220px !important;}
.swiper1 .swiper-slide .container{ padding-top:50px !important;}
.swiper1 .swiper-slide .container img{ max-width:70% !important;}

.s_jj{ padding:30px 0 !important;}
.s_jj .caption_5 span{ display:none !important;}
.s_jj h4{ padding-bottom:20px !important;}
.s_jj p{ text-align:justify;}
.s_new .caption_9{ padding-top:40px !important;}
.s_new .caption_3{ padding-top:40px !important; padding-bottom:50px !important;}
.s_fw .fw_video { margin-left:0px !important;width:100% !important;height:140px !important;}
.s_fw .fw_we{height:auto !important; margin:0 !important; padding:0 2% !important; padding-top:3% !important; padding-bottom:3% !important;}
.s_fw .fw_we .row{ margin:0 -4px !important;}
.s_fw .fw_we .row .col-md-4{ padding:0 4px !important;}
.s_fw .fw_we .caption i{ padding-top:5px !important; height:60px !important;}
.s_fw .fw_we .caption{ height:100px !important;}
.s_fw .fw_we .caption h5{ font-size:14px !important; margin-top:5px !important;}
.s_shuju{ padding-top:20px !important; padding-bottom:20px !important;}
.s_shuju .caption_3{ margin-bottom:10px;}
.s_shuju .caption_3 b{ font-size:36px !important; margin-bottom:10px !important;}
.s_shuju .caption_3 p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.s_cp {background: url(../images/cp_bj.jpg) center top repeat-y !important;}
.s_cp .row{ margin:0 -15px !important;}
.s_cp .row .col-md-4{ padding:0 15px !important;}
.s_cp .container{ width:100% !important;}
.s_cp .caption_4{ margin-bottom:15px !important;}
.s_cp .caption_4 .scp_text{ -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; opacity:1 !important; }
.s_cp .caption_4:after{ -webkit-transform: scale(1) !important; transform: scale(1) !important; opacity:1 !important;}
.s_new .caption_9 .caption_4 .snew_h{ margin-top:10px !important;}
.s_new .caption_9 .caption_4{ margin-bottom:20px !important;}
.s_new .caption_9 .caption_4 .snew_h{ height:auto !important;}
.footer_content{ display:none !important;}


.n_bnaner{ height:120px !important;}
.video_list .caption .c_li_img{ height:210px !important;}
.ny_biao h2 .fr{ margin-top:10px !important; float:none !important;}
.ny_biao h2 span:after{ height:10px !important; bottom:0 !important;}
.cp_li_img{ height:300px !important;}
.ncp_con_1 .caption{ padding-right:0px !important;}
.ncp_con_1 .caption.text a{ width:125px !important; top:15px !important; right:130px !important;}
.ncp_con_1 .caption.text a:nth-child(2){ right:0 !important;}
.ncp_con_1 .caption.text{ padding-top:5% !important;}
.ncp_con_1 .col-md-6:nth-child(3) .caption.text{ padding-top:20% !important;}
.ncp_con_3 .cp_li_img{ height:140px !important;}
.why_li{ padding:15px !important;}
.hr_ss span{ position:static !important; display:block;}
.hr_ss{ padding:0 !important;}
.hr_ss .form-control{ margin-bottom:15px !important;}
.lx_one h3{ font-size:18px !important;}
.lx_form{ padding-right:30px !important;}
.lx_form .form-group .form-control{ width:100% !important;}

.ny_biao h2 .fr a{ padding:6px !important; font-size:14px !important;}
.ny_biao h2 .fr a:before{border-top: 32px solid transparent !important;}
.ny_biao h2 .fr a:after{border-bottom: 32px solid transparent !important;}
.n_bnaner .container h1{ font-size:30px !important;}
.n_bnaner .container p{ width:100% !important; font-size:24px !important; line-height:30px !important;}
} 


@media (min-width:768px) and (max-width:991px) {
body{ padding-top:60px !important;}
.header{ height:60px !important; top:0 !important;}
.logo{line-height:60px !important;}
.logo img{ display:none !important;}
.logo a:after{ height:60px !important; background-size:71px 50px !important; width:86px !important; margin:0 !important;}
.san{ width:30px; height:40px; margin-top:13px; text-align:right; line-height:40px;}
.san i{ font-size:24px !important; color:#0ec9be;}
.header_right{ height:0px !important; overflow:hidden; padding:0 !important; position:fixed !important; left:0; top:0; width:100% !important; z-index:99999 !important; background:#0ec9be; color:#fff; transition:all 1s;}
.header_right.active{ padding-top:60px !important; height:100% !important;}
.navs{ width:100% !important; margin-left:0 !important; float:none !important;}
.navs ul{ margin:0 !important; padding:0 !important;}
.navs ul li{ display:block !important; float: none !important; margin:5px 0 !important; width:100%; text-align:center;}
.navs ul li a{ color:#fff !important; background:none !important; display:inline-block !important; text-shadow:none !important;}
.ch_en_xs { text-align:center; margin-top:10px;}
.ch_en_xs a{ color:#fff;}

.nav_guan{ position:absolute; right:15px; top:10px; width:36px; height:36px; transform:rotate(45deg);}
.nav_guan:before{ content:''; width:1px; height:36px; background:#fff; position:absolute; top:0; left:50%; margin-left:-0.5px;}
.nav_guan:after{ content:''; height:1px; width:36px; background:#fff; position:absolute; left:0; top:50%; margin-top:-0.5px;}

.banner .swiper-slide{ height:360px !important;}
.swiper1 .swiper-slide .container{ padding-top:50px !important;}
.swiper1 .swiper-slide .container img{ max-width:70%;}
.s_jj{ padding:30px 0 !important;}


.n_banner{ height:220px !important;}
.s_shuju{ padding-top:15px !important}
.s_shuju .caption_3 b{ font-size:24px !important;}
.s_new .caption_9{ padding-top:30px !important;}
.s_new .caption_3 { padding:30px 0 !important; margin:0 !important;}
.s_fw .fw_we { padding:20px !important; margin:0 !important;}
.s_fw .fw_video{ width:100% !important; margin:0 !important; height:250px !important;}
.s_fw .fw_video video{}
.s_shuju .caption_3 p{ width:100% !important;}
.ny_biao h2 .fr{ float:none !important;}
.video_list .caption .c_li_img{ height:210px !important;}
.video_list .caption .v_li_img{ height:210px !important;}
.cp_li_img{ height:300px !important;}
.ny_biao h2 span{ padding-bottom:15px !important; margin-bottom:15px;}
.ny_biao h2 span:after{ height:10px !important; bottom:0 !important;}
.ny_biao h2 .fr a{ padding:10px !important; font-size:16px !important;}
.ny_biao h2 .fr a:before{border-top: 40px solid transparent !important;}
.ny_biao h2 .fr a:after{border-bottom: 40px solid transparent !important;}
.hr_ss span{ position:static !important; display:block;}
.hr_ss{ padding:0 !important;}
.hr_ss .form-control{ margin-bottom:15px !important;}
.lx_one h3{ font-size:18px !important;}
.lx_form{ padding-right:30px !important;}
.lx_form .form-group .form-control{ width:100% !important;}
.cp_li_img{ height:300px !important;}
.ncp_con_1 .caption{ padding-right:0 !important;}
.ncp_con_1 .caption.text a{ width:125px !important; top:15px !important; right:130px !important;}
.ncp_con_1 .caption.text a:nth-child(2){ right:0 !important;}
.ncp_con_1 .caption.text{ padding-top:5% !important;}
.ncp_con_1 .col-md-6:nth-child(3) .caption.text{ padding-top:20% !important;}
.ncp_con_3 .cp_li_img{ height:310px !important;}
.why_li{ padding:15px !important;}

}

.n_bnaner{ height:220px !important;}
.video_list .caption .c_li_img{ height:210px !important;}
.ny_biao h2 .fr{ margin-top:10px !important;}
.ny_biao h2 span:after{ height:10px !important; bottom:0 !important;}
.cp_li_img{ height:300px !important;}
.ncp_con_1 .caption{ padding-right:0px !important;}
.ncp_con_1 .caption.text a{ width:125px !important; top:15px !important; right:130px !important;}
.ncp_con_1 .caption.text a:nth-child(2){ right:0 !important;}
.ncp_con_1 .caption.text{ padding-top:5% !important;}
.ncp_con_1 .col-md-6:nth-child(3) .caption.text{ padding-top:20% !important;}
.ncp_con_3 .cp_li_img{ height:140px !important;}
.why_li{ padding:15px !important;}
.hr_ss span{ position:static !important; display:block;}
.hr_ss{ padding:0 !important;}
.hr_ss .form-control{ margin-bottom:15px !important;}
.lx_one h3{ font-size:18px !important;}
.lx_form{ padding-right:30px !important;}
.lx_form .form-group .form-control{ width:100% !important;}

.ny_biao h2 .fr a{ padding:10px 4px !important; font-size:16px !important;}
.ny_biao h2 .fr a:before{border-top: 40px solid transparent !important;}
.ny_biao h2 .fr a:after{border-bottom: 40px solid transparent !important;}
.n_bnaner .container h1{ font-size:30px !important;}
.n_bnaner .container p{ width:100% !important; font-size:24px !important; line-height:30px !important;}
	}


@media (min-width:991px) and (max-width:1200px) {
.navs ul li{ margin:0 10px !important;}
.s_jj{ padding:60px 0 !important;}
.s_new .caption_9{ padding-top:40px !important;}
.s_new .caption_3{ padding-top:40px !important; padding-bottom:50px !important;}
.s_fw .fw_video { margin-left: -200px !important;width: calc(100% + 200px) !important;height:350px !important;}
.s_fw .fw_we{height:350px !important; padding-top:6% !important;}	
.s_shuju{ padding-top:30px !important; padding-bottom:20px !important;}
.s_shuju .caption_3 b{ font-size:60px !important;}
.footer_content{ padding-top:30px !important; padding-bottom:30px !important;}

	}


@media (min-width:1200px) and (max-width:1440px) {
.container{ width:1200px !important;}
.navs ul li{ margin:0 20px !important;}
.s_jj{ padding:60px 0 !important;}
.s_new .caption_9{ padding-top:40px !important;}
.s_new .caption_3{ padding-top:40px !important; padding-bottom:50px !important;}
.s_fw .fw_video { margin-left: -200px !important;width: calc(100% + 200px) !important;height:350px !important;}
.s_fw .fw_we{height:350px !important; padding-top:6% !important;}

.n_bnaner{ height:400px !important;}
.n_bnaner .container{ padding-left:15%;}
.n_bnaner .container h1{ font-size:36px !important;}
.n_bnaner .container p{ font-size:36px !important; line-height:40px !important;}
	}
	
@media (min-width:1201px) {	

.s_cp .container{ width:80% !important; margin:0 auto;}
}

@media (min-width:1441px) {
.container{ width:1240px !important; padding:0;}
	}
	
@media (max-height:768px) and (min-width:991px){
.header.ny{ top:0px !important;}
.header{ top:40px !important;}
.header.active{ top:0 !important;}
.header.active .logo img{ margin-top:-80px !important;}
.header.active .logo a:after{ top:35% !important;}
.logo img{ margin-top:-100px !important;}
.logo a:after{ top:30% !important;}
.swiper1 .swiper-slide .container img{ max-width:50% !important;}	
	
	
	}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

body{ font-family:'微软雅黑';}
.container{ transition:all 1s;}


.header{ position:fixed; height:35px; top:85px; left:0; right:0; z-index:99; transition:all 1s;}
.header:after{ content:''; position:absolute; z-index:-1; width:100%; height:100%; top:-120px; left:0; right:0; background:#fff; box-shadow:0px 2px 4px rgba(0,0,0,0.1); transition:all 1s;}
.header.active .ch_en{ color:#666;}
.header.active .ch_en a{ color:#666;}
.header.active{ top:0px; height:103px;}
.header.active:after{ top:0;}
.header.active .logo img{ margin-top:-80px;}
.header.active .logo a:after{ top:35%;}
.header.active .header_right{ padding-top:30px;}
.header.active .navs ul li a{ text-shadow: none; color:#333;}
.header.active .navs ul li.active a{ color:#fc5a0a;}
.header.active .navs ul li a:hover{ color:#fc5a0a;}

.logo{ width:155px;}
.logo a{ display:block; position:relative;}
.logo a:after{ content:''; width:144px; height:101px; position:absolute; left:0; right:0; margin:0 auto; top:20%; background:url(../images/logo1.jpg) center center no-repeat; z-index:2; transition:all 1s;}
.logo img{ width:100%; display:block; transition:all 1s; margin-top:-85px;}
.header_right{ position:relative; transition:all 1s;}
.ch_en{ font-size:16px; line-height:34px; margin-left:30px; float:right; color:#fff; opacity:0.8; position:relative;}
.ch_en i{ font-size:12px; transition:all 0.6s; cursor:pointer;}
.ch_en a{ color:#fff; position:absolute; top:0px; left:0; z-index:-1; opacity:0; transition:all 0.6s;}
.ch_en.active a{ top:25px; opacity:1;}
.ch_en.active i{ transform:rotate(180deg);}
.navs{}
.navs ul{ padding:0; margin:0;}
.navs ul li{ list-style:none; float:left; margin:0 28px;}
.navs ul li:last-child{ margin-right:0px;}
.navs ul li a{ padding:5px 2px; background:none; display:block; color:#fff; transition:all 0.3s; text-decoration:none; font-size:18px; text-shadow:0px 0px 6px #000;}
.navs ul li a:hover{ color:#fc5a0a; background:none;}
.navs ul li.active a{ color:#fc5a0a; background:none;}




.banner .swiper-slide{ height:100vh; position:relative;}
.swiper1 .swiper-pagination1{ bottom:10px;}
.swiper1 .swiper-slide .container{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%);}


.swiper-pagination1 .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:1; transition:all 0.6s;}
.swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:4px; background:#0ec9be;}

.s_jj{ padding:150px 0;}
.s_jj .caption_5{ position:relative;}
.s_jj .caption_5 span{ position:absolute; right:0; top:0; font-size:200px; color:#f3f3f3; font-weight:bold; line-height:100px;}
.s_jj h2{ color:#333;}
.s_jj h4{ color:#ccc; margin-bottom:20px; padding-bottom:50px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; background:linear-gradient(to right,#fc5a0a,#fc5a0a,#fc5a0a) no-repeat left bottom / 35px 3px;}
.s_jj p{ line-height:30px; color:#1b1f29;}

.s_shuju{ padding-top:70px; padding-bottom:40px; background:url(../images/lv.jpg) center top no-repeat; color:#fff;}
.s_shuju .caption_3 b{ font-size:80px; font-family:Arial; font-weight:bold; text-align:center; display:block; margin-bottom:20px; background:linear-gradient(to right,#fff,#fff,#fff) no-repeat center bottom / 37px 1px;}
.s_shuju .caption_3 p{ text-align:center; width:80%; margin:0 auto;}

.s_cp{ background:url(../images/cp_bj.jpg) center top no-repeat; color:#fff; padding-top:30px; padding-bottom:60px;}

.s_cp .row{ margin:0 -20px; margin-top:50px;}
.s_cp .row .col-md-4{ padding:0 20px;}
.s_cp .caption_4{ position:relative;}
.s_cp .caption_4 a{ text-decoration:none; color:#fff;}
.s_cp .caption_4:after{ position:absolute; content:''; width:90%; height:90%; left:5%; top:5%; background:rgba(0,0,0,0.64); z-index:1; transition:all 0.6s; transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0;}
.s_cp .caption_4 .scp_text{ position:absolute; left:0; right:0; margin:0 auto; width:100%; top:50%; z-index:2; transform:scale(0.3) translateY(-50%); -webkit-transform:scale(0.3) translateY(-50%); text-align:center; opacity:0; transition:all 0.6s;}
.s_cp .caption_4 .scp_text p{ width:60%; margin:0 auto;}
.s_cp .caption_4 .scp_text h1{ padding-bottom:30px; margin-bottom:30px; background:linear-gradient(to right,#fff,#fff,#fff) no-repeat center bottom / 35px 3px;}
.s_cp .caption_4:hover:after{transform:scale(1); -webkit-transform:scale(1); opacity:1;}
.s_cp .caption_4:hover .scp_text{ transform:scale(1) translateY(-50%); -webkit-transform:scale(1) translateY(-50%); opacity:1;}

.s_new{ width:100%; overflow:hidden;}
.s_new .caption_9{ padding-top:120px;}
.s_new .caption_3{ padding-top:120px;}
.s_new h2{ color:#333; padding-bottom:20px; margin-bottom:40px; background:linear-gradient(to right,#0ec9be,#0ec9be,#0ec9be) no-repeat left bottom / 35px 3px;}

.s_new .caption_9 .caption_4 .snew_img{ overflow:hidden;}
.s_new .caption_9 .caption_4 .snew_img img{ transition:all 0.6s;}
.s_new .caption_9 .caption_4:hover .snew_img img{ transform:scale(1.1,1.1);}
.s_new .caption_9 .caption_4 h4 a{ transition:all 0.3s; text-decoration:none;}
.s_new .caption_9 .caption_4:hover h4 a{ color:#0ec9be;}
.s_new .caption_9 .caption_4 .snew_h{ height:80px; overflow:hidden; margin-top:30px; margin-bottom:5px;}
.s_new .caption_9 .caption_4 h4{ margin-top:0px; line-height:24px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.s_new .caption_9 .caption_4 h4 a{ color:#333;}
.s_new .caption_9 .caption_4 h5{ color:#8e8e8f;}
.s_new .caption_9 .caption_4 p{ color:#8e8e8f; line-height:20px; margin-bottom:20px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.s_new .caption_9 .caption_4 a{ color:#0ec9be;}
.s_new .caption_3{ background:#fafafa; padding-bottom:120px; padding-right:380px; margin-right:-370px; margin-left:-10px; padding-left:20px;}
.s_new .caption_3 .wd_li{ border-bottom:1px solid #dedede;}
.s_new .caption_3 .wd_li h5{ font-size:16px; line-height:24px; margin-bottom:6px; color:#03153e; padding-left:30px; position:relative;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.s_new .caption_3 .wd_li h5 b{ position:absolute; left:0; top:0; color:#0ec9be; font-size:24px; font-family:Arial; text-transform:uppercase;}
.s_new .caption_3 .wd_li p{ padding-left:30px; color:#8e8e8f; line-height:24px; position:relative;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.s_new .caption_3 .wd_li p b{ position:absolute; left:0; top:0; color:#0ec9be; font-size:24px; font-family:Arial; text-transform:uppercase;}
.s_new .caption_3 a.qa_a{ color:#0ec9be; margin-top:15px; display:inline-block;}

.s_fw{ width:100%; overflow:hidden;}
.s_fw .row{ margin:0;}
.s_fw .row .col-md-6{ padding:0;}
.s_fw .row .row{ margin:0 -15px;}
.s_fw .fw_video{ margin-left:-370px; width:calc(100% + 370px); overflow:hidden; height:425px; position:relative;}
.s_fw .fw_video video{}
.s_fw .fw_we{ padding-right:370px; margin-right:-370px; background:url(../images/fw.jpg) left top no-repeat; padding-left:10%; padding-top:10%; height:425px;}
.s_fw .fw_we h2{ color:#333; padding-bottom:20px; margin-bottom:40px; background:linear-gradient(to right,#0ec9be,#0ec9be,#0ec9be) no-repeat left bottom / 35px 3px;}
.s_fw .fw_we .caption{ background:#f2f3f3; height:140px; text-align:center; transition:all 0.3s; position:relative; overflow:hidden;}
.s_fw .fw_we .caption a{ text-decoration:none; display:block; height:100%;}
.s_fw .fw_we .caption h5{ color:#333; font-size:16px; margin-top:0px; transition:all 0.3s;}
.s_fw .fw_we .caption i{ color:#333; display:block; width:100%; height:80px; text-align:center; line-height:60px; overflow:hidden; font-size:60px; padding-top:20px; transition:all 0.3s;}
.s_fw .fw_we .caption i:nth-child(2){ position:absolute; left:-100%; top:0;}
.fw_video{ cursor:pointer;}
.s_fw .fw_we .col-md-4:nth-child(1) .caption i{-webkit-transform:scale(-1,1);
-moz-transform:scale(-1,1);
transform:scale(-1,1);}
.s_fw .fw_we .caption:hover{ background:#0ec9be;}
.s_fw .fw_we .caption:hover h5{ color:#fff;}
.s_fw .fw_we .caption:hover i{ color:#fff; margin-left:100%;}
.s_fw .fw_we .caption:hover i:nth-child(2){ color:#fff; margin-left:0; left:0;}
.fw_video i.video_a{ width:90px; height:90px; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2; transition:all 0.6s;}
.fw_video i.video_a.active{ opacity:0;}



.s_hz{ padding:60px 0;}
.s_hz .swiper2 .swiper-slide{ position:relative; height:115px; width:100%;}
.s_hz .swiper2 .swiper-slide img{ max-width:100%; max-height:100%; position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; right:0; margin:0 auto;}


.footer_content{ padding-top:60px; padding-bottom:40px; background:url(../images/ft_bj.jpg) center top no-repeat; color:#fff;}
.footer_content p{ color:#0ec9be; line-height:26px;}
.footer_content .col-md-6 p{ margin:10px 0; line-height:18px;}
.footer_content .col-md-6 p a{ color:#fff;}
.footer_content h3{ margin-bottom:30px; margin-top:0px;}
.footer_content h4{ margin-bottom:30px; margin-top:0px;}
.footer_content .form-group .form-control{ height:40px; background:#e0dedd; border-radius:0; outline:none;}
.footer_content .form-group textarea.form-control{}
.footer_content button{ display:block; width:100%; outline:none; background:#0ec9be; height:40px; border-radius:0; border:none;}

.footer_content .col-md-4 .caption h5{ margin-top:30px;}
.footer_content .col-md-4 .caption a{ width:48px; height:48px; transition:all 0.3s; line-height:48px; text-decoration:none; text-align:center; display:inline-block; margin-right:10px; border-radius:50%; background:#0ec9be; color:#333;}
.footer_content .col-md-4 .caption a i{ font-size:32px;}
.footer_content .col-md-4 .caption a:nth-child(1){ line-height:44px;}
.footer_content .col-md-4 .caption a:hover{ color:#fff;}

.ft_di{ color:#9a9a9a; background:#030303; padding:20px 0;}
.ft_di a{ color:#9a9a9a; margin-left:20px;}




.header.ny{ top:0; background:#fff; height:110px; box-shadow:0px 2px 4px rgba(0,0,0,0.1);}
.header.ny .logo{ margin-top:5px;}
.header.ny .logo a img{ display:none;}
.header.ny .ch_en{ position: relative; color:#333; font-size:18px;}
.header.ny .ch_en a{ color:#333;}
.header.ny .header_right{ padding-top:40px;}
.header.ny .navs ul li a{ color:#333; text-shadow:none;}
.header.ny .navs ul li.active a{ color:#fc5a0a;}
.header.ny .navs ul li a:hover{ color:#fc5a0a;}
.header.ny.active .navs ul li a{ font-size:18px !important;}
.header.ny.active .ch_en{ top:0 !important;}
.header.ny.active:after{ display:none !important;}

.n_bnaner{ height:490px; position:relative;}
.n_bnaner .container{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#fff;}
.n_bnaner .container h1{ margin-top:0px;}
.n_bnaner .container p{ width:40%; opacity:0.34; font-size:60px; text-transform:uppercase; font-weight:bold; font-family:Arial; line-height:56px;}

.n_zhong{ padding-top:40px;}

.ny_biao{ margin-bottom:30px;}
.ny_biao h2{color:#333; border-bottom:1px solid #aaaaaa;}
.ny_biao h2 span{ position:relative; display:inline-block; padding-bottom:20px;}
.ny_biao h2 span:after{ content:''; width:100%; height:21px; position:absolute; left:0; bottom:-10px; background:#333;}
.ny_biao h2 .fr{ margin-right:-16px; margin-top:-6px;}
.ny_biao h2 .fr a{ display:block; padding:20px 10px; position:relative; margin-right:16px; background:#e2e4e4; color:#333; line-height:20px; font-size:18px; float: left; text-decoration:none;}
.ny_biao h2 .fr a:after{ content:''; width:0; height:0; position:absolute; right:-14px; top:0; border-left:14px solid #e2e4e4; border-top:0px solid transparent;border-bottom:60px solid transparent;}
.ny_biao h2 .fr a:before{ content:''; width:0; height:0; position:absolute; left:-14px; top:0; border-right:14px solid #e2e4e4; border-top:60px solid transparent;border-bottom:0px solid transparent;}
.ny_biao h2 .fr a:last-child{ margin-right:0px;}
.ny_biao h2 .fr a.active{background:#0ec9be; color:#fff;}
.ny_biao h2 .fr a.active:after{border-left:14px solid #0ec9be;}
.ny_biao h2 .fr a.active:before{border-right:14px solid #0ec9be;}

.weizhi{ margin-top:25px; color:#939393;}
.weizhi a{ display:inline-block; line-height:24px; color:#939393;}
.weizhi a:nth-child(1){ padding-left:30px; background:url(../images/home.jpg) left center no-repeat;}

.product_list .caption{ margin-bottom:50px;}
.product_list .caption a{ color:#333; text-decoration:none; transition:all 0.3s;}
.product_list .caption h4{ margin-top:20px;}
.product_list .caption:hover a{ color:#0ec9be;}

.cp_li_img img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.fanye{ text-align:center; padding:30px 0;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#0ec9be; border:1px solid #0ec9be;}
.fanye a.active{ background:#0ec9be; border:1px solid #0ec9be; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #0ec9be;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}



/*产品内页*/
.ncp_con_1 .caption{ padding-right:40px;}
.ncp_con_1 .caption li{ list-style:none; display:none;}
.ncp_con_1 .caption li.active{ display:block;}
.cp_text_img{ position:relative;}
.cp_text_img.active:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; border:2px solid #333; box-sizing:border-box;}
.ncp_con_1 .caption.text{ padding-top:20%; position:relative;}
.ncp_con_1 .caption.text a{ width:92px; height:47px; border-radius:6px; line-height:47px; padding-left:45px; background:url(../images/dh.png) 10px center no-repeat #0ec9be; color:#333; text-decoration:none; font-size:18px; display:block; position:absolute; right:100px; top:0}
.ncp_con_1 .caption.text a:nth-child(2){ background:url(../images/fh.png) 10px center no-repeat #fff; right:0; border:1px solid #333;}
.ncp_con_1 .caption.text h2{ color:#333; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #959595; position:relative;}
.ncp_con_1 .caption.text h2 i{ width:42px; height:12px; bottom:-6px; left:0; background:#0ec9be; display:block; position:absolute;}
.ncp_con_1 .caption.text .cpjj{ height:100px; overflow:hidden;}
.ncp_con_1 .caption.text p{ line-height:24px; color:#444444; margin-bottom:35px;}
.ncp_con_2{ padding-top:60px; color:#333; padding-bottom:40px;}
.ncp_con_2 h2{ color:#333; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #959595; position:relative;}
.ncp_con_2 h2 i{ width:42px; height:12px; bottom:-6px; left:0; background:#333; display:block; position:absolute;}
.tw_img{ margin:20px 0;}
.caption_tw p{ line-height:30px; color:#333;}

.ncp_con_3{ color:#333; padding-bottom:20px;}
.ncp_con_3 h2{ color:#333; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #959595; position:relative;}
.ncp_con_3 h2 i{ width:42px; height:12px; bottom:-6px; left:0; background:#333; display:block; position:absolute;}

.ncp_con_3 .swiper3 .caption a{ color:#333; text-decoration:none; transition:all 0.3s;}
.ncp_con_3 .swiper3 .caption:hover a{ color:#0ec9be;}
/*产品内页*/

.video_list h3{ text-align:center; margin-bottom:30px;}
.video_list h3 span{ display:inline-block; position:relative;}
.video_list h3 span:after{ content:''; width:60px; height:1px; background:#333; position:absolute; left:-80px; top:50%; margin-top:-0.5px;}
.video_list h3 span:before{ content:''; width:60px; height:1px; background:#333; position:absolute; right:-80px; top:50%; margin-top:-0.5px;}
.video_list .caption{ cursor:pointer;}

.video_list .caption .v_li_img:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/v.png) center center no-repeat; transition:all 0.6s;}
.video_list .caption:hover .v_li_img:after{ background:url(../images/v.png) center center no-repeat rgba(0,0,0,0.3);}

.video_list .v_ceng:nth-child(2n){ background:#f4f4f4;}
.v_ceng{ padding-top:60px; padding-bottom:50px;}


.nyry_list{ padding-top:20px; padding-bottom:40px;}
.nyry_list h3{ text-align:center; margin-bottom:40px;}
.nyry_list h3 span{ display:inline-block; position:relative;}
.nyry_list h3 span:after{ content:''; width:60px; height:1px; background:#fff; position:absolute; left:-80px; top:50%; margin-top:-0.5px;}
.nyry_list h3 span:before{ content:''; width:60px; height:1px; background:#fff; position:absolute; right:-80px; top:50%; margin-top:-0.5px;}
.nyry_list{ background:#0ec9be; color:#fff;}
.nyry_list .container{ position:relative;}
.nyry_list .container .swiper-button-prev3 { outline:none; left:-40px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.nyry_list .container .swiper-button-next3{ outline:none; right:-40px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.about_jj{ padding-bottom:40px;}
.ab_1_biao h2{ padding-bottom:15px;background:linear-gradient(to right,#0ec9be,#0ec9be,#0ec9be) no-repeat center bottom / 60px 3px; line-height:34px; margin-bottom:30px;}
.ab_1_biao h2 b{ display:block; text-align:center; color:#ccc; font-size:18px; text-transform:uppercase;}
.ab_1_biao h5{ font-size:16px; color:#333; line-height:30px; margin-bottom:20px;}
.ab_jj_text .caption p{ line-height:30px; color:#333; font-size:16px;}

.new_li{ padding:20px 0;}
.new_li .newli_text a{ text-decoration:none;}
.new_li .newli_text h4{ height:75px; color:#333; line-height:24px; transition:all 0.3s;}
.new_li .newli_text h4 i{ color:#999; font-size:12px; display:block; font-style:normal; margin-top:5px;}
.new_li .newli_text p{ font-size:12px; line-height:24px; color:#333;}
.new_li .newli_text span{ color:#0ec9be; display:inline-block;}
.new_li:hover .newli_text h4{ color:#0ec9be;}

.new_ss{ padding:15px; border:1px solid #d2d2d2;}
.new_ss .form-control{ border-radius:0px;}
.new_ss button.form-control{ background:#0ec9be; color:#fff; border:none; box-shadow:none;}

.new_tj{ padding-top:30px;}
.tj_li{ padding:20px 0; border-bottom:1px solid #dedede;}
.tjli_text h5{ margin-top:0px; color:#333; margin-bottom:0px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; line-height:18px;}
.tjli_text h6{ color:#666; margin-top:6px; margin-bottom:0px;}

.new_bq{ padding-top:30px;}
.new_bq h4{ margin-bottom:20px;}
.new_bq a{ padding:4px 10px; display:inline-block; text-decoration:none; font-size:16px; margin-bottom:8px; margin-right:5px; border-radius:4px; background:#f6f6f6; color:#666; transition:all 0.3s;}
.new_bq a:hover{ color:#fff; background:#0ec9be;}

.nxfw_list{ background:url(../images/fw_1.jpg) center top no-repeat; padding-bottom:60px;}
.why_li{ padding:20px 30px; padding-right:180px; background:#f6f6f6; margin-bottom:20px; border-radius:8px; position:relative;}
.why_li h4{ padding-left:30px; position:relative; padding-top:5px;}
.why_li h4 span{ position:absolute; left:0; top:0px; font-size:24px; font-weight:bold; color:#0ec9be;}
.da_text{ padding-left:30px; position:relative; padding-top:5px;}
.da_text span{ position:absolute; left:0; top:0px; font-size:24px; font-weight:bold; color:#0ec9be;}
.da_text p{ line-height:24px; color:#666;}
.da_text.fade{ height:76px; overflow:hidden;}
.da_text.fade.active{ height:auto;}
.why_xq{ position:absolute; right:30px; bottom:30px; padding:6px 20px; border-radius:4px; cursor:pointer; border:1px solid #0ec9be; background:#0ec9be; color:#fff;}
.why_xq.active{ background:#f6f6f6; border:1px solid #ccc; color:#666;}
.why_xq span:nth-child(2){ display:none;}
.why_xq.active span:nth-child(1){ display: none;}
.why_xq.active span:nth-child(2){ display: block;}



.hr_list{ background:#f0f0f0; padding:20px 0;}
.hr_list .caption{ padding:30px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.05); transition: all 0.3s; margin-bottom:30px; text-align: center;}
.hr_list .caption h3{ font-size:22px; margin-top:0px; margin-bottom:20px; text-align:left;}
.hr_list .caption p{ color:#666; line-height:24px; text-align:left;}
.hr_list .caption a{ padding:8px 20px; background:#0ec9be; color:#fff; display:inline-block; margin-top:20px;}
.hr_ss{ position:relative; padding-left:80px; }
.hr_ss span{ position:absolute; left:0; top:0; line-height:36px;}
.hr_ss .form-control{ height:36px; border-radius:0;}
.hr_ss button.form-control{ border:none; background:#0ec9be; color:#fff;}
.hrss_bj{ padding:30px 40px; background:#f5f5f5; margin-bottom:50px;}
.hr_list .caption:hover{ box-shadow:0px 0px 8px rgba(0,0,0,0.2);}

.hr_content{ background:#fff; padding:30px 50px; box-shadow:0px 0px 8px rgba(0,0,0,0.1);}
.hr_content h3{ margin-bottom:20px;}
.hr_content h4{ margin-bottom:20px;}
.hr_content .hr_wenben{ border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:15px 0; margin-top:20px;}
.hr_content .hr_wenben p{ color:#666; line-height:24px;}
.hr_a{ margin-top:30px;}
.hr_a a{ padding:10px 30px; background:#0ec9be; color:#fff; box-sizing:border-box; border:2px solid #0ec9be; display:inline-block;}
.hr_a a:nth-child(2){ border:2px solid #0ec9be; color:#333; box-sizing:border-box; background:none; margin-left:30px;}

.lx_one h3{ margin-bottom:30px; color:#333;}
.lx_one p{ line-height:24px; color:#333;}

.lx_two{ background:#f4f5f6;}
.lx_two{ background: -webkit-linear-gradient(#f2f3f5, #e9ecee); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f2f3f5, #e9ecee); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f2f3f5, #e9ecee); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f2f3f5, #e9ecee); /* 标准的语法 */ padding-bottom:60px; margin-top:120px;}
.lx_two .container{ background:url(../images/lx_2.jpg) right top no-repeat;}
.lx_form{ background:url(../images/lx.jpg) right top no-repeat #f6f6f7; padding-top:15px; padding-left:30px; margin-top:-50px; padding-bottom:40px;}
.lx_form h3 span{ display:block;background:linear-gradient(to right,#333,#333,#333) no-repeat left bottom / 60px 1px; font-size:26px; padding-bottom:20px; margin-bottom:10px;}
.lx_form h3 strong{ display:block; color:#4b4b4b; font-size:56px; text-decoration:none; text-transform:uppercase; opacity:0.23;}
.lx_form .form-group input.form-control{ width:50%; border-radius:0px;}
.lx_form .form-group textarea.form-control{ width:70%;}
.lx_form .form-group button.btn{ border-radius:0px; background:#0ec9be; color:#fff; padding:6px 30px; outline:none;}
.lx_form .form-group input.btn{ border-radius:0px; background:#dcdcdc; color:#333; padding:6px 30px; outline:none;}
.lx_three{ padding-top:40px;}
.lx_three h3{ display:block;background:linear-gradient(to right,#333,#333,#333) no-repeat left bottom / 60px 1px; font-size:26px; padding-bottom:20px; margin-bottom:10px;}


/*.ncp_con_3 .swiper3 .cp_li_img{ height:195px;}*/
.cp_li_img{ height:345px; overflow:hidden; position:relative;}
.video_list .caption .v_li_img{ height:250px; overflow:hidden; position:relative;}
.video_list .caption .c_li_img{ height:243px; overflow:hidden; position:relative;}