<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width:767px){

/* body{ padding-top:60px !important;} */

.header_ding{ display:none !important;}

.header{ height:60px !important;}

.logo{line-height:60px !important;}

.logo img{ height:53px !important;}

.san{ width:30px; height:40px; margin-top:13px; text-align:right; line-height:40px;}

.san i{ font-size:24px !important; color:#333;}

.header_right{ height:0px !important; overflow:hidden; padding:0 !important; position:fixed; left:0; top:0; width:100% !important; z-index:999; background:#515151; color:#fff; transition:all 1s;}

.header_right.active{ padding-top:60px !important; height:100% !important;}

.navs{ width:100% !important; margin-left:0 !important;}

.navs ul{ margin:0 !important; padding:0 !important;}

.navs ul li{ display:block !important; float: none !important; margin:5px 0 !important; width:100%;}

/*.navs ul li a{ font-weight:bold; color:#fff !important; display:block; padding:8px 0 !important; background:none !important; border-bottom:none !important;}

.navs ul li a:hover{ color:#fff !important;}

.navs ul li a:focus{ background:#0076b7;}*/

.navs ul li a{ color:#fff !important; background:none !important;}

.navs ul li ul li a{ color:#333 !important;}



/*12.25*/

.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;}



/*.fudong{ display:none !important;}*/

.fudong .fd_fx .bdsharebuttonbox{ width:220px !important; height:140px !important;}

.fudong .fd_fx:hover .bdsharebuttonbox{ left:-220px !important;}



.nav_more{ float:none !important;}

.nav_more a{ display: none !important; border:none !important; color:#fff !important;}

.nav_more a:nth-child(4){ display:block !important; float:none !important; margin-bottom:10px;}

.nav_more a:nth-child(5){ display:block !important; float:none !important;}


.banner{ margin-top: 60px !important;}
.banner .swiper-slide{ height:220px !important;}

.swiper1 .swiper-slide .container{ padding-top:50px !important;}

.swiper1 .swiper-slide .container img{ max-width:40%;}



.s_cpnav{ padding:30px 0 !important;}

.s_cpnav .col-md-7 ul li{ margin-right:10px !important; margin-bottom:10px !important;}

.s_cpnav .col-md-7 ul li a{ padding:0 10px !important; line-height:36px !important;}

.s_cpnav .col-md-5{ display:none !important;}

.s_new ul{ float:none !important; margin:15px 0 !important;}

.s_new ul li{ margin-left:5px !important;}

.s_new ul li:first-child{ margin-left:0px !important;}

.s_new ul li a{ font-size:14px !important; padding:10px !important;}

.footer_ding .caption label{ display:block !important; float:none !important;}

.footer_ding .caption input{  min-width:70% !important;}

.footer_ding .caption button{ width:28% !important; margin-left:2% !important;}

.footer_ding .col-md-6:nth-child(2){ display:none !important;}

.footer_zhong{ display:none !important;}

.ft_di a{ float:none !important; display:block !important; margin:0 !important;}



.n_banner{ margin-top: 60px !important; height:100px !important; background-size:cover !important;}

.ny_biao{ padding:15px 15px !important;}

.n_zhong{ position:relative;}

.ny_left{ display:block !important; position: absolute; z-index:10; background:#fff; top:-30px; left:-200px; min-height:auto !important; width:200px; transition: all 0.6s;}

.ny_left.active{ left:0px;}

.n_n{ position:absolute; right:-46px; top:0; width:46px; height:26px; line-height:26px; border-radius:4px; background:#0075cb; color:#fff; text-align:center;}



.ab_2_right ul:before{ display:none !important;}

.ab_2_right ul:after{ display:none !important;}

.ab_2_right ul li{ margin-bottom:20px !important;}

.ab_2_right ul li .caption{ position:static !important; width:100% !important;}

.ab_2_right ul li span{ width:auto !important; display:block !important; height:auto !important; border-radius:0 !important; background:none !important;}

.ab_2_right ul li span:after{ display:none !important;}

.ab_2_right ul li:hover span{ color:#333 !important;}

.ab_2_right ul{ padding-top:0px !important; padding-bottom:0px !important;}

.jieshu{ display:none !important;}



.nright_biao span{ float:none !important;}

.nright_biao span a{ padding:10px !important;}

.nright_biao span a:nth-child(1){ margin-left:0 !important;}



.abnew_nb a{ display:none !important;}



.product_jj{ padding:0 !important; border:none !important;}

.product_conetent ul li{ width:50% !important;}

.product_conetent ul li:nth-child(4) a{ padding:5.2px 0 !important;}

.produtc_tuijian h2 a{ padding:10px 2px !important; padding-left:20px !important; background: url(../images/fh.png) 2px center no-repeat #f2f2f2 !important;}

}





@media (min-width:768px) and (max-width:991px) {

body{ padding-top:60px !important;}

.header{ height:60px !important;}

.logo{line-height:60px !important;}

.logo img{ height:53px !important;}

.san{ width:30px; height:40px; margin-top:13px; text-align:right; line-height:40px;}

.san i{ font-size:24px !important; color:#333;}

.header_right{ height:0px !important; overflow:hidden; padding:0 !important; position:fixed; left:0; top:0; width:100% !important; z-index:999; background:#0084cc; color:#fff; transition:all 1s;}

.header_right.active{ padding-top:120px !important; height:100% !important;}

.navs{ width:100% !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{ font-weight:bold; color:#fff !important; display:block; padding:8px 0 !important; background:none !important; border-bottom:none !important;}

.navs ul li a:hover{ color:#fff !important;}

.navs ul li a:focus{ background:#0076b7;}





	}





@media (min-width:991px) and (max-width:1200px) {



body{ padding-top:60px !important;}

.header{ height:60px !important;}

.logo{line-height:60px !important;}

.logo img{ height:53px !important;}

.san{ width:30px; height:40px; margin-top:13px; text-align:right; line-height:40px;}

.san i{ font-size:24px !important; color:#333;}

.header_right{ height:0px !important; overflow:hidden; padding:0 !important; position:fixed; left:0; top:0; width:100% !important; z-index:999; background:#0084cc; color:#fff; transition:all 1s;}

.header_right.active{ padding-top:120px !important; height:100% !important;}

.navs{ width:100% !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{ font-weight:bold; color:#fff !important; display:block; padding:8px 0 !important; background:none !important; border-bottom:none !important;}

.navs ul li a:hover{ color:#fff !important;}

.navs ul li a:focus{ background:#0076b7;}



	

	}



	
/* 
@media (min-width:1201px) {	

.container{ width:1200px !important; padding:0;}



}



@media (min-width:1200px) and (max-width:1440px) {

.header .container{ width:1200px !important;}

.navs{ margin-top:}

.navs ul li{ margin:0px !important;}

.navs ul li a{ padding:5px 6px !important;}

	

	} */

@media (min-width:1441px) {



	}



.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}



body{ font-family:Arial, Helvetica, sans-serif;}

.container{ transition:all 1s;}







.header{ height:86px; position:fixed; top:0; left:0; right:0; z-index:99; background:#fff; box-shadow:0px 1px 12px rgba(0,0,0,0.1);}







.logo{line-height:86px;}

.logo img{ height:86px; display:block; transition:all 1s;}

.header_right{ padding-top:25px;}

.navs{ margin-left:30px;}

.navs ul{ padding:0; margin:0; margin-top:10px;}

.navs ul li{ list-style:none; float:left; margin:0 5px;}

.navs ul li a{ padding:5px 2px; background:none; display:block; text-transform: capitalize; color:#333; transition:all 0.3s; text-decoration:none; font-size:15px; text-transform:uppercase;}

.navs ul li a:hover{ color:#034ea2; background:none;}

.navs ul li.active a{ color:#034ea2; font-weight:bold; background:none;}

.nav .open&gt;a, .nav .open&gt;a:focus, .nav .open&gt;a:hover { background:none;}



.nav_more{ margin-top:12px;}

.nav_more a{ display:block; float:left; padding:0px 5px; border-left:1px solid #dedede; font-size:15px; text-decoration:none; transition:all 0.3s;}

.nav_more a:first-child{ border:none;}

.nav_more a i{ font-size:18px; vertical-align:middle;}

.nav_more a span{ font-size:14px;}

.nav_more a:hover{ color:#e31f26;}





.nav_more a:nth-child(1):hover .ph_kuang{ opacity:1;pointer-events: auto;}

.nav_more a:nth-child(1){ position:relative;}

.nav_more a:nth-child(1) .ph_kuang{ z-index:2; line-height:34px; position:absolute; top:30px; left:0px; padding:0 20px; background:#034ea2; color:#fff; opacity:0; transition:all 0.3s;pointer-events: none;}

.nav_more a:nth-child(3){ position:relative;}

.nav_more a:nth-child(3) .ss_kuang.active{ opacity:1;pointer-events: auto;}

.nav_more a:nth-child(3) .ss_kuang{ position:absolute; top:30px; left:-60px; width:180px; height:34px; background:#fff; line-height:34px; z-index:5; opacity:0; transition:all 0.3s;pointer-events: none;}

.nav_more a:nth-child(3) .ss_kuang input{ width:100%; height:34px; line-height:34px; border:none; padding-left:10px; border:1px solid #034ea2; color:#333;}

.nav_more a:nth-child(3) .ss_kuang button{ display:block; z-index:2; text-align:centern; position:absolute; top:0px; right:0px; width:56px; height:34px; background:#034ea2; line-height:34px; color:#fff; border:none;}





.banner .swiper-slide{ height:520px;}

.swiper1 .swiper-pagination1{ bottom:10px;}

.swiper1 .swiper-slide .container{ padding-top:110px;}







.s_cplist.fade{ display:none;}

.s_cplist.fade.active{ display:block;}

.s_cplist .cp_bai{ padding:10px 15px; padding-top:20px; background:#fff; margin-bottom:20px;}

.s_cplist .cp_bai .col-md-4 .caption a{ position:relative; height:186px; display:block;}

.s_cplist .cp_bai .col-md-4 .caption a img{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); max-width:100%; max-height:100%;}

.s_cplist .col-md-6 .col-md-8 .caption h5{ font-size:16px; color:#333;}

.s_cplist .col-md-6 .col-md-8 .caption p{ line-height:24px; color:#666;}

.s_cplist .col-md-6 .col-md-8 .caption a{ padding:5px 30px; color:#fff; display:inline-block; background:#0075cb;}

.s_cplist .cp_bai:hover{ box-shadow:0px 0px 4px rgba(0,0,0,0.2);}



.s_cplist .col-md-3 .caption{ text-align:center; background:#fff;}

.s_cplist .col-md-3 .caption a{ text-decoration:none; color:#333;}

.s_cplist .col-md-3 .caption h5{ font-size:16px;}

.s_cplist .col-md-3 .caption .scp_img{ position:relative; height:185px;}

.s_cplist .col-md-3 .caption .scp_img img{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); margin:0 auto; max-width:100%; max-height:100%;}

.s_cplist .col-md-3 .caption .scp_text{ padding:0 15px; padding-bottom:10px;}

.s_cplist .col-md-3 .caption:hover{ box-shadow:0px 0px 4px rgba(0,0,0,0.2);}



.s_cpnav{ padding:50px 0;}

.s_cpnav .col-md-7 ul{ margin:0; padding:0;}

.s_cpnav .col-md-7 ul li{ float:left; list-style:none; margin-right:15px;}

.s_cpnav .col-md-7 ul li a{ display:block; padding:0px 20px; line-height:44px; background:#f2f2f2; color:#333; font-weight:bold;}

.s_cpnav .col-md-7 ul li.active a{ background:#034ea2; color:#fff;}

.s_cpnav .col-md-5 .caption{ position: relative;}

.s_cpnav .col-md-5 .caption input{ width:100%; height:44px; line-height:44px; padding-left:10px; color:#666; background:#f2f2f2; border:none; outline:none;}

.s_cpnav .col-md-5 .caption button{ width:56px; height:44px; position:absolute; right:0; text-align:center; line-height:44px; top:0; z-index:2; outline:none; color:#fff; background:#034ea2; border:none;}

.s_cpnav .col-md-5 .caption button i{ font-size:22px;}



.s_about{ margin:50px 0;}

.s_about h2{ font-size:34px; color:#333;}

.s_about h2 a{ padding:10px 20px; background:#034ea2; color:#fff; font-size:16px; font-weight:bold;}

.s_about p{ line-height:26px; color:#666;}

.s_about .row{ margin-top:20px;}

.s_about .caption a{ display:block;}

.s_about .row .col-md-4:nth-child(1) .caption span i{ font-size:50px;}

.s_about .caption{ position:relative;}

.s_about .caption span{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; padding-top:9%; text-align:center;}

.s_about .caption span i{ font-size:40px; color:#fff; display:block; text-align:center; height:50px; line-height:50px;}



.s_new{ margin:50px 0;}

.s_new h2{ font-size:34px; color:#333;}

.s_new ul{ margin:0; padding:0;}

.s_new ul li{ list-style:none; float:left; margin-left:15px;}

.s_new ul li a{ padding:10px 20px; background:#f2f2f2; color:#333; display:block; font-size:16px; font-weight:bold; text-decoration:none;}

.s_new ul li.active a{ background:#034ea2; color:#fff;}

.s_new h5{ font-size:16px; color:#333; margin-top:30px;}

.s_new h5 a{ color:#333;}

.s_new p{ line-height:26px; color:#666;}

.s_new h6{ margin-top:20px; font-size:14px; color:#333;}

.s_new h6 a{ display:inline-block; line-height:20px; margin-left:30px; padding-right:20px; background:url(../images/you.png) right center no-repeat; color:#333;}

.s_new h6 a:hover{ color:#034ea2;}





.s_newlist.fade{ display:none;}

.s_newlist.fade.active{ display:block;}



.footer_ding{ padding:25px 0; background:#034ea2;}

.footer_ding .caption label{ color:#fff; margin-right:15px; font-size:16px; line-height:34px;}

.footer_ding .caption input{ border:none; height:34px; line-height:34px; padding-left:10px; min-width:240px;}

.footer_ding .caption button{ line-height:34px; height:34px; text-align:center; color:#fff; font-weight:bold; background:#3372b8; border:none; margin-left:15px;}

.footer_ding .col-md-6:nth-child(2) .caption{ text-align:right; color:#fff;} 

.footer_ding .col-md-6:nth-child(2) .caption span{ font-size:16px; line-height:30px; display:inline-block; color:#fff; font-weight:bold; border-right:1px solid #2b6ab1; padding-right:15px;}

.footer_ding .col-md-6:nth-child(2) .caption a{ display:inline-block; margin-left:15px; vertical-align:middle; transition:all 0.3s; text-decoration:none;}

.footer_ding .col-md-6:nth-child(2) .caption a i{ font-size:24px; color:#fff;}



.footer_zhong{ padding-top:40px; padding-bottom:15px;}

.footer_zhong h5 a{ font-size:15px; color:#333; text-decoration:none;}

.footer_zhong a{ color:#666; display:block; margin:5px 0;}

.footer_zhong .col-md-9{ border-right:1px solid #dedede;}

.footer_zhong .col-md-3 .caption p{ text-align:center;}



.ft_di{ padding:10px 0; border-top:1px solid #dedede; color:#666; font-size:12px;}

.ft_di a{ color:#666; margin-left:30px;}

.ft_di a:hover{ color:#034ea2;}



.footer_ding .col-md-6:nth-child(2) .caption a:nth-child(2){ position:relative;}

.ft_diewm{ position:absolute; top:-160px; height:130px; left:0px; z-index:6; width:300px; padding:10px; border:1px solid #dedede; background:rgba(3,78,162,0.9); box-shadow:0px 0px 4px rgba(0,0,0,0.2); opacity:0;pointer-events: none; transition:all 0.3s;}

.ft_diewm p{ text-align:center; font-size:12px; margin-top:8px;}

.ft_diewm .row{ margin:0 -5px;}

.ft_diewm .row .col-md-4{ padding:0 5px;}

.footer_ding .col-md-6:nth-child(2) .caption a:nth-child(2):hover .ft_diewm{ opacity:1; pointer-events: auto;}



.footer_ding .col-md-6:nth-child(2) .caption a:nth-child(3){ position:relative;}

.ft_diqq{ position:absolute; top:-170px; height:140px; left:0px; z-index:6; width:150px; padding:10px; border:1px solid #dedede; background:rgba(3,78,162,0.9); box-shadow:0px 0px 4px rgba(0,0,0,0.2); opacity:0;pointer-events: none; transition:all 0.3s;}

.ft_diqq p{ color:#fff; text-align:left; margin-top:0px; font-size:16px;}

.ft_diqq p i{ font-size:18px; color:#999; margin-right:10px; color:#fff;}

.footer_ding .col-md-6:nth-child(2) .caption a:nth-child(3):hover .ft_diqq{ opacity:1; pointer-events: auto;}



.t_top{ cursor:pointer; width:50px; height:50px; text-align:center; line-height:50px; position:fixed; right:10px; bottom:30px; background:rgba(3,78,162,0.8); opacity:0; transition:all 0.3s;pointer-events: none; z-index:10;}

.t_top.active{ opacity:1; pointer-events: auto;}

.t_top i{ font-size:24px; color:#fff;}





.fudong{ position:fixed; right:0; top:35%; z-index:10;}

.fudong .fd_zx a{ display:block; width:90px; font-size:13px; line-height:14px; height:70px; color:#fff; text-align:center; padding-top:45px; margin-bottom:1px; text-decoration:none; transition:all 0.3s;}

.fudong .fd_ly a{ display:block; width:90px; font-size:13px; line-height:14px; height:70px; color:#fff; text-align:center; padding-top:45px; margin-bottom:1px; text-decoration:none; transition:all 0.3s;}

.fudong .fd_fx{ display:block; width:90px; font-size:13px; line-height:14px; height:70px; color:#fff; text-align:center; padding-top:45px; margin-bottom:1px; text-decoration:none; transition:all 0.3s;}



.fudong .fd_zx a{ background:url(../images/1.png) center 15px no-repeat rgba(3,78,162,0.8);}

.fudong .fd_fx{ background:url(../images/2.png) center 15px no-repeat rgba(3,78,162,0.8);}

.fudong .fd_ly a{ background:url(../images/3.png) center 10px no-repeat rgba(3,78,162,0.8); padding-top:40px;}

.fudong .fd_zx a:hover{ background:url(../images/1.png) center 15px no-repeat rgba(3,78,162,0.9);}

.fudong .fd_fx:hover{ background:url(../images/2.png) center 15px no-repeat rgba(3,78,162,0.9);}

.fudong .fd_ly a:hover{ background:url(../images/3.png) center 10px no-repeat rgba(3,78,162,0.9);}





.fd_fx{ position:relative;}

.fd_fx .bdsharebuttonbox{ position:absolute; top:0; left:0; width:388px; height:70px; background:rgba(255,255,255,0.7); z-index:-1; opacity:0; transition:all 0.6s;}

.fd_fx .bdsharebuttonbox a{ background:none; line-height:36px; margin:17px; margin-right:0px; height:36px; width:36px; padding:0; text-decoration:none; border-radius:50%;}

.fd_fx .bdsharebuttonbox a i{ font-size:20px; color:#fff; pointer-events: none;}

.fd_fx .bdsharebuttonbox a:nth-child(1){ background:#55ae19;}

.fd_fx .bdsharebuttonbox a:nth-child(2){ background:#eb1c27;}

.fd_fx .bdsharebuttonbox a:nth-child(3){ background:#0b66c1;}

.fd_fx .bdsharebuttonbox a:nth-child(4){ background:#3b5998;}

.fd_fx .bdsharebuttonbox a:nth-child(5){ background:#1da1f3;}

.fd_fx .bdsharebuttonbox a:nth-child(6){ background:#00aff0;}

.fd_fx .bdsharebuttonbox a:nth-child(7){ background:#10af0a;}

.fd_fx:hover .bdsharebuttonbox{ left:-388px; opacity:1;}







.n_banner{ height:350px; background-size:cover; margin-top: 153px;}



.n_zhong{ padding-top:33px; padding-bottom:20px;}



.ny_biao{ padding:40px 15px; background:#d0cfcf; color:#333; font-size:24px; text-transform:uppercase;}

.ny_left{ min-height:600px;}

.ny_left ul{ margin:0; padding:0;}

.ny_left ul li{ list-style:none; border:1px solid #dedede; border-top:none;}

.ny_left ul li a{ padding:12px 15px; padding-right: 30px; position: relative; display:block; text-decoration:none; font-size:16px; font-weight:bold; color:#333;}

.ny_left ul li a.active{ color:#0075cb;}

.ny_left ul li a:hover{ color:#0075cb;}

.ny_left ul li.active&gt;a{ color:#0075cb;}

.ny_left ul li:first-child.active{ border-top:1px solid #fff;}

.ny_left ul li a i{ font-size:12px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}

.ny_left ul li .ej_left{ height:0; overflow:hidden; padding:0;}

.ny_left ul li .ej_left.active{ height:auto; padding:8px 0; border-top:1px solid #dedede;}

.ny_left ul li .ej_left a{ font-weight:normal; padding:8px 15px; font-size:14px;}

.ny_left ul li.active .ej_left a{ background:none;}



.nright_biao{ font-size:28px; color:#0075cb; text-transform:capitalize; font-weight:bold; margin-bottom:18px;}

.nright_biao span{ display: block;}

.nright_biao span a{ padding:15px 20px; color:#333; background:#f2f2f2; font-size:14px; font-weight:normal; margin-left:15px; text-decoration:none;}

.nright_biao span a.active{ background:#0075cb; color:#fff;}



.ab_3_right p{ line-height:24px; color:#666;}

.ab_3_right .row{ margin-top:30px;}

.ab_3_right .row .caption{ border:1px solid #dedede; margin-bottom:30px;}

.ab_3_right .row .caption h5{ margin:0; padding:15px 0; text-align:center; color:#333;}

.ab_3_right .row .caption .ab_3_img{ position:relative;}

.ab_3_right .row .caption .ab_3_img:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(../images/jiaa.png) center center no-repeat rgba(0,0,0,0.5); transition:all 0.3s; opacity:0;pointer-events: none;}

.ab_3_right .row .caption:hover .ab_3_img:after{ opacity:1;}



.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:#0075cb; border:1px solid #0075cb;}

.fanye a.active{ background:#0075cb; border:1px solid #0075cb; color:#fff;}

.fanye a.active:hover{ color:#fff; border:1px solid #0075cb;}

.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}



.fanye02{ text-align:center; padding:30px 0;}

.fanye02 a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}

.fanye02 a:hover{ color:#0075cb; border:1px solid #0075cb;}

.fanye02 a.active{ background:#0075cb; border:1px solid #0075cb; color:#fff;}

.fanye02 a.active:hover{ color:#fff; border:1px solid #0075cb;}

.fanye02 a.cur{ color:#999; border:1px solid #eee; pointer-events: none}





.ab_1_right img{ max-width:100%;}

.ab_1_right p{ line-height:24px; color:#666;}

.ab_1_caption:first-child{ padding-top:0px;}

.ab_1_caption{ padding-top:40px; position:relative;}

.ab_1_caption .nright_biao{ margin-bottom:10px;}

.maodian{ width:0; height:0; position:absolute; top:-100px; left:0;}







.ab_2_right ul{ margin:0; padding:0; position:relative; padding-top:90px; padding-bottom:80px;}

.ab_2_right ul:before{ content:''; width:6px; height:100%; position:absolute; left:0; right:0; margin:0 auto; top:0; z-index:1; background:#e6e5e5;}

.ab_2_right ul:after{ width:44px; height:25px; content:''; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:2; background:url(../images/ha.png) center center no-repeat;}

.ab_2_right ul li{ position:relative; list-style:none; margin-bottom:90px;}

.ab_2_right ul li span{ width:96px; height:96px; border-radius:50%; display:block; background:#e6e5e5; color:#333; font-size:22px; line-height:24px; padding-top:23px; font-weight:bold; margin:0 auto; text-align:center; position:relative; z-index:5; cursor:pointer; transition:all 0.3s;}

.ab_2_right ul li:nth-child(2n-1) span:after{ content:''; width:0px; height:0px; border-right:24px solid #e6e5e5; border-top: 10px solid transparent;  border-bottom: 10px solid transparent; position:absolute; left:-20px; top:50%; margin-top:-10px; transition:all 0.3s;}

.ab_2_right ul li:nth-child(2n) span:after{ content:''; width:0px; height:0px; border-left:24px solid #e6e5e5; border-top: 10px solid transparent;  border-bottom: 10px solid transparent; position:absolute; right:-20px; top:50%; margin-top:-10px; transition:all 0.3s;}

.ab_2_right ul li .caption{ position:absolute; left:0; top:-20px; z-index:4; width:calc(45% - 48px); background:#f2f2f2; padding:10px 20px; color:#333; font-size:16px; transition:all 0.3s;}

.ab_2_right ul li:nth-child(2n) .caption{ right:0; left:auto;}

.ab_2_right ul li .caption p{ margin:10px 0; line-height:28px;}

.ab_2_right ul li:hover span{ background:#029a61; color:#fff;}

.ab_2_right ul li:nth-child(2n-1):hover span:after{ border-right:24px solid #029a61;}

.ab_2_right ul li:nth-child(2n):hover span:after{ border-left:24px solid #029a61;}

.ab_2_right ul li:hover .caption{ background:#cfece1;}

.jieshu{ position:absolute; left:0; right:0; margin:0 auto; bottom:0; background:#acdecb; width:30px; height:30px; border-radius:50%; z-index:3;}

.jieshu:after{ content:''; width:18px; height:18px; border-radius:50%; left:0; top:6px; right:0; margin:0 auto; z-index:2; background:#109f69; position:absolute;}





.newroom_li{ padding-top:30px; border-top:1px solid #dedede; margin-bottom:20px;}

.newroom_li .caption h4 a{ color:#333; text-decoration:none; transition:all 0.3s;}

.newroom_li .caption p{ line-height:24px; color:#666;}

.newroom_li .caption h5{ color:#333; line-height:24px; margin-top:20px;}

.newroom_li .caption h5 a{ line-height:24px; display:inline-block; margin-left:30px; padding-right:30px; background:url(images/you.png) right center no-repeat;}

.newroom_li:hover .caption h4 a{ color:#0075cb;}



.abnew_nb{ position:relative; margin-bottom:30px;}

.abnew_nb h4{ color:#333; margin-bottom:20px;}

.abnew_nb h5 span{ padding-left:20px; color:#999;}

.abnew_nb h5 span:nth-child(1){ background:url(../images/time.png) left center no-repeat; margin-right:30px;}

.abnew_nb h5 span:nth-child(2){ background:url(../images/eye.png) left center no-repeat;}

.abnew_nb a{ padding:12px 20px; padding-left:40px; color:#333; font-weight:bold; display:inline-block; position:absolute; right:0; top:5px; background:url(../images/fh.png) 15px center no-repeat #f2f2f2; }



.abnew_content p{ line-height:24px; color:#666; margin:10px 0;}

.abnew_content img{ max-width:100%;}





.cp_lsit_right .caption{ padding:15px; background:#fff; margin-bottom:10px;}

.cp_lsit_right .caption .ncp_img{ height:190px; position:relative;}
.cp_lsit_right .caption h3{ font-size: 18px;}

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

.more_a{ text-align:center; margin:20px 0;}

.more_a a{ padding:6px 20px; background:#0075cb; color:#fff; display:inline-block; border-radius:4px;}

.cp_lsit_right .caption:hover{ box-shadow:0px 0px 8px rgba(0,0,0,0.1);}





.jszc_wd{ border-bottom:1px solid #dedede;}

.jszc_wd .panel-group .panel+.panel{ margin-top:0px;}

.jszc_wd .panel{ border:none; border-top:1px solid #dedede; box-shadow:none;}

.jszc_wd .panel-default .panel-heading{ padding:0; background:none;}

.jszc_wd .panel-default .panel-heading a.collapsed i{ transform:rotate(0deg);}

.jszc_wd .panel-default .panel-heading a i{ float:right; margin-right:0px; transform:rotate(90deg); transition:all 0.3s;}

.jszc_wd .panel-default .panel-heading a{ padding:15px 40px; padding-right:20px; display:block; color:#333; text-decoration:none; position:relative;}

.jszc_wd .panel-default .panel-heading a span{ width:22px; height:22px; background:#ee3034; border-radius:50%; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:15px;}

.jszc_wd .panel-group .panel-heading+.panel-collapse&gt;.panel-body{ border:none;}

.jszc_wd .panel-body{ padding:10px 40px; padding-top:0px; position:relative;}

.jszc_wd .panel-body span{ width:22px; height:22px; background:#029a61; border-radius:50%; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:2px;}

.jszc_wd .panel-body p{ line-height:24px; color:#666;}



.jszc_ly{ padding-top:20px;}

.jszc_ly h4{ color:#333;}

.jszc_ly p{ line-height:24px; color:#666;}

.jszc_ly .form-control{ background:#f8f8f8; height:38px; border-radius:0;}

.jszc_ly textarea.form-control{ height:auto;}

.jszc_ly .form-group:last-child{ text-align:right;}

.jszc_ly .form-group:last-child button{ padding:8px 20px; color:#fff; background:#029a61; font-weight: bold; outline:none;}





.ryzs_right .caption{ padding:15px; background:#f2f2f2; cursor:pointer; margin-bottom:30px;}

.ryzs_right .caption .zs_img{ position:relative; height:340px;}

.ryzs_right .caption .zs_img:after{ content:''; width:100%; height:100%; position: absolute; left:0; top:0; background:url(../images/jiaa.png) center center no-repeat rgba(0,0,0,0.4);pointer-events: none; opacity:0; transition:all 0.3s;}

.ryzs_right .caption .zs_img img{ max-width:100%; max-height:100%; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);}

.ryzs_right .caption p{ line-height:24px; color:#666; margin:0; margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}

.ryzs_right .caption:hover .zs_img:after{ opacity:1;}





.khfw_right h4{ color:#333;}

.khfw_right p{ line-height:24px; color:#666;}

.khfw_kuang{ padding:30px 40px; border:1px solid #dedede;}



.khfw_li{ border:1px solid #dedede; margin-top:30px;}

.khfw_li .col-md-4 .caption{ position:relative; cursor:pointer;}

.khfw_li .col-md-4 .caption:after{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background:url(../images/vv.png) center center no-repeat rgba(0,0,0,0.5); transition:all 0.3s;pointer-events: none;}

.khfw_li .col-md-8 .caption{ padding-top:30px;}

.khfw_li:hover .col-md-4 .caption:after{ background:url(../images/vv.png) center center no-repeat rgba(0,0,0,0.3);}



.tt_right h4{ color:#333; margin-bottom:30px}

.tt_right h5{ color:#333; line-height:24px; margin-bottom:20px;}

.tt_right p{ color:#666; line-height:24px;}





.video_li{ border:1px solid #dedede; margin-bottom:30px;}

.video_li .swiper-container .swiper-slide{ text-align:center;}

.video_li .swiper-container .swiper-slide a{ text-decoration:none;}

.video_li .swiper-button-next, .swiper-container-rtl .swiper-button-prev{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'%23cccccc'%2F%3E%3C%2Fsvg%3E");}

.video_li .swiper-button-prev, .swiper-container-rtl .swiper-button-next{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'%23cccccc'%2F%3E%3C%2Fsvg%3E");}



.video_li .v_cp_img{ height:75px; position:relative;}

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

.video_li .swiper-container .swiper-slide h5{ color:#333;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}

.video_li .swiper-container .swiper-slide p{ color:#666;overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;}

.video_li .swiper-container .swiper-slide span{ display:inline-block; padding:3px 10px; color:#fff; background:#0075cb;}



.video_li .v_right{ padding:15px 50px; position:relative; }

.video_li .v_left .v_l_img{ position:relative; cursor:pointer;}

.video_li .v_left .v_l_img:after{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/vv.png) center center no-repeat rgba(0,0,0,0.5); opacity:1; transition:all 0.3s; pointer-events: none;}

.video_li .v_left:hover .v_l_img:after{ opacity:0.7;}

.video_li .v_left p{ padding:10px 15px; margin:0; color:#666; line-height:24px; border-right:1px solid #dedede;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}





.hzms_right .form-control{ height:38px; border-radius:0; background:#f8f8f8;}

.hzms_right .form-group{ text-align:right;}

.hzms_right .form-group button{ padding:8px 20px; color:#fff; font-weight:bold; background:#029a61; display:inline-block; outline:none;}





.hzms_content{ padding:30px; border:1px solid #dedede; color:#333; margin-top:50px;}

.hzms_content h5{ font-size:16px;}

.hzms_content p{ line-height:24px; color:#666; margin:10px 0;}

.hzms_content img{ max-width:100%;}





.yyzx_li{ padding-bottom:30px; border-bottom:1px solid #dedede; margin-bottom:50px;}

.yyzx_right .yyzx_li:last-child{ margin-bottom:0px;}

.yyzx_li h4 a{ color:#333;}

.yyzx_li p{ line-height:24px; color:#666;}

.yyzx_li h5{ margin-top:25px;}

.yyzx_li h5 a{ color:#333; padding:6px 0; display:inline-block;}

.yyzx_li h5 a:nth-child(2){ margin-left:20px; padding:6px 15px; border-radius:4px; background:#029a61; color:#fff;}







.product_jj{ border:1px solid #dedede; padding:20px 15px;}

.cp_ii_img{ position:relative; height: 360px; margin-bottom:10px; background:#f8f8f8;}

.cp_ii_img img{ max-height: 100%; max-width: 100%; display: block; margin: 0 auto;}

.cp_ii_img a{ position:absolute; height:100%; width:100%; left:0; right:0; top:0; display:block; opacity:0; pointer-events: none; transition:all 0.3s; outline:none;}

.cp_ii_img a.active{ opacity:1; pointer-events: auto;}

.cp_ii_img a img{ height:100%; margin:0 auto;}

.cp_ii_img a:first-child{ position:static;}



.cp_ii{ padding-top: 100%; position: relative; border: 1px solid #dedede;}

.cp_ii img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%;}



.product_jj .row{ margin:0 -5px;}

.product_jj .row .col-md-6{ padding:0 5px;}

.product_jj .row .col-md-6 .caption{ height:62px; border:1px solid #dedede; background:#f8f8f8;}

.product_jj .row .col-md-6 .caption.active{ border:1px solid #7eace0;}

.product_jj .row .col-md-6 .caption img{ display:block; margin:0 auto; height:100%;}

.product_jj .col-md-8 .caption{ position:relative;}

.product_jj .col-md-8 .caption h5{ font-size:16px; color:#333; line-height:28px; margin-bottom:20px; width:80%;}

.product_jj .col-md-8 .caption p{ line-height:24px; color:#666;}

.product_jj .col-md-8 .caption a.lx_a{ padding:8px 20px; border-radius:4px; background:#0075cb; color:#fff; margin-top:15px; display:inline-block;}

.product_jj .col-md-8 .caption a.xz_a{ width:57px; height:57px; background:url(../images/down.jpg) center center no-repeat #0075cb; border-radius:6px; display:block; position:absolute; right:0px; top:-10px; z-index:2;}



.product_conetent{ margin-top:30px; border:1px solid #f0f0f0;}

.product_conetent ul{ margin:0; padding:0;}

.product_conetent ul li{ list-style:none; float:left; width:20%; text-align:center;}

.product_conetent ul li a{ display:block; padding:15px 0; background:#f6f6f6; color:#333; font-weight:bold; text-decoration:none;}

.product_conetent ul li.active a{ background:#0075cb; color:#fff;}



.cp_c1{ padding:20px 30px;}

.cp_c1 p{ line-height:24px; color:#333; margin:15px 0;}

.cp_c2{ padding:30px 20px; padding-bottom:0px;}

.cp_c2 .yyzx_li{ margin-bottom:30px;}

.cp_c2 .yyzx_li p{display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}

.cp_c3{ padding:20px 30px; padding-top:0px;}

.cp_c3 .khfw_li .col-md-8 .caption{ padding-top:0px;}

.cp_c3 .khfw_li .col-md-8 .caption h4{ margin-bottom:6px;}

.cp_c3 .khfw_li .col-md-8 .caption p{display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}



.cp_c4{ padding:20px 30px; padding-bottom:0px;}

.cp_c5{ padding:20px 30px; padding-bottom:0px;}



.cp_content.fade{ display:none;}

.cp_content.fade.active{ display:block;}



.produtc_tuijian{ padding-top:10px;}

.produtc_tuijian h2{ font-size:28px; color:#0075cb; text-transform:capitalize; font-weight:bold; margin-bottom:18px; border-bottom:1px solid #dedede; padding-bottom:20px; margin-bottom:20px;}

.produtc_tuijian h2 a{ font-size:14px; color:#333; padding:10px 20px; padding-left:50px; background:url(../images/fh.png) 20px center no-repeat #f2f2f2;}



.lx_map{ height:380px; position:relative;}

.lx_wz{ width:100%; color:#333; margin-bottom: 30px;}

.swiper_lx{ width: 100%; height: 100%;}



.xunjia .modal-body .lebel{ color:#333;}

.xunjia .modal-body .bt_name{ font-size:16px; font-weight:bold; color:#333;}

.xunjia .modal-body .bt_name strong{ font-size:14px; margin-right:15px; display:inline-block;}











/* å…³äºŽæˆ‘ä»¬-åˆä½œä¼™ä¼´ */

.partners_list{ display: flex; flex-wrap: wrap; margin-top: 30px;}

.partners_li{ width: 23%; margin-bottom: 30px;}

.partners_li a{ display: block; position: relative; padding-top: 64%;}

.partners_li a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%;}

.partners_li:not(:nth-child(4n)){ margin-right: calc(8%/3);}

.partners_li h5{ font-size: 16px; color: #666; text-align: center;}









@media (max-width:991px) {



	.partners_li{width: 48%;	}

	.partners_li:not(:nth-child(4n)){ margin-right: 0;}

	.partners_li:not(:nth-child(2n)){ margin-right: 4%;}

}

</pre></body></html>