@media (max-width:767px){
.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; 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 !important;}
.navs ul li a{ color:#fff !important; background:none !important; display:inline-block;}
.navs ul li ul{ display:none !important;}
.navs ul li span{ display:none !important;}
.nav_more{ float:none !important; text-align:center;}
.nav_more a{ display:none !important; float:none !important; color:#fff !important;}
.nav_more a:first-child{ display:inline-block !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;}

#fp-nav{ right:0 !important;}
#fp-nav ul li{ width:20px !important; height:1px !important; margin:20px 0 !important;}
#fp-nav ul li a{ background:rgba(255,255,255,0.6) !important; transition:all 0.6s;}
#fp-nav ul li a.active{ background:rgba(255,255,255,0.6) !important; width:30px !important; margin-left:-10px !important;}
#fp-nav ul li a span:first-child{ display:none !important;}
#fp-nav ul li a span:nth-child(2){ display:none !important;}
.swiper11 .swiper-slide{ padding:10px 0 !important;}
.swiper11 .swiper-slide i{ display:block !important; text-align:center;}
.swiper11 .swiper-slide span{ margin:0 !important; padding:0 !important;}
.swiper11 .swiper-slide span:after{ display:none !important;}
.swiper2 { margin-left:0px !important; width:100% !important;}
.s_jj:after{ display:none !important;}
.s_jj .caption h2{ margin:10px 0 !important; font-size:24px !important; margin-top:20px !important;}
.s_jj .caption h2 span{ font-size:16px !important;}
.s_jj .caption p:last-child{ display:none !important;}
.s_jj .row .row{ margin-top:0px !important;}
.s_jj .row .row{ margin:0 -5px !important;}
.s_jj .row .row .col-xs-3{ padding:0 5px !important;}
.s_jj .row .row .caption{ font-size:14px !important;}
.s_jj .row .row .caption i{ font-size:36px !important;}
.s_new h2{ padding-bottom:10px !important; margin-bottom:15px !important; font-size:24px !important;}
.s_new h2 span{ font-size:18px !important;}
.s_new .snew_li{ display:none !important;}
.s_new .snew_li:nth-child(1){ display:block !important;}
.s_new .snew_li:nth-child(2){ display:block !important;}
.s_new .caption h3{ font-size:18px !important;}
.s_new .caption h5 span{ margin-left:0px !important; margin-top:10px !important;}
.s_new .snew_li{ padding:5px 0 !important; padding-left:100px !important;}

.n_banner{ height:160px !important; margin-top:60px !important;}
.n_banner h1{ font-size:20px !important;}
.n_banner h3{ font-size:16px !important;}
.ny_nav .caption{ padding-top:5px !important;}
.ny_nav ul li{ margin-bottom:5px !important;}
.ny_nav ul li a{ line-height:36px !important; padding:0 10px !important; font-size:16px !important;}
.nav_left{ display:none !important;}
.ny_nav .col-sm-4 .caption{ color:#999; padding-bottom:5px !important; border-top:1px solid #ccc;}
.ny_nav .col-sm-4 .caption a{ color:#999;}
.ty_nr{ padding-top:30px !important;}
.ab_1_right .row .caption span{ font-size:36px !important; display:block !important; border:none !important;}
.ab_1_right .row .caption p{ display:block !important; width:100% !important;}
.ab_3_right ul li{ text-align:left !important; margin-top:30px !important;}
.ab_3_right ul li span{ margin-left:5% !important;}
.ab_3_right ul li .lc_text{ position:static !important; transform:translateY(0) !important; width:90% !important; margin-left:10% !important;}
.ab_3_right{ width:100% !important;}
.ab_3_right ul li:nth-child(2n) .lc_text{ text-align:left !important;}
.ab_3_right:after{ left:5% !important;}
.ab_3_right:before{ left:5% !important;}
.new_ny h2{ font-size:24px !important; line-height:34px !important;}
.new_right, .anli_hot{ display:none !important;}
.pro_img{ height:200px !important;}
.anli_li h3{ font-size:18px !important;}
.ny_za h5 span:last-child{ display:block !important; margin-top:10px !important;}
.anli_li .col-sm-8 .caption{ padding:5px 15px !important;}
.lx_content .caption h4{ font-size:15px !important; line-height:24px;}
.lx_content .caption p{ font-size:14px !important;}
.lx_content .caption .col-sm-4.text-right{ text-align:left !important;}
.lx_content .caption .col-sm-4.text-right img{ max-width:40% !important;}

.nav_left ul{ padding-left:0 !important; padding-bottom:10px !important;}
.nav_left ul li{ float:left; margin-bottom:15px !important; margin-right:15px;}
.nav_left ul li a{ font-size:16px !important; color:#666 !important;}
.nav_left ul li.active a{ font-weight:bold !important; color:#000069 !important;}
.nav_left ul li:after{ display:none !important;}
.nav_left ul:after{ display:none !important;}
.nav_left.nycp{ display:block !important;}
}


@media (min-width:768px) and (max-width:991px) {
.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; 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 !important;}
.navs ul li a{ color:#fff !important; background:none !important; display:inline-block;}
.navs ul li ul{ display:none !important;}
.navs ul li span{ display:none !important;}
.nav_more{ float:none !important; text-align:center;}
.nav_more a{ display:none !important; float:none !important; color:#fff !important;}
.nav_more a:first-child{ display:inline-block !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;}

#fp-nav{ right:0 !important;}
#fp-nav ul li{ width:20px !important; height:1px !important; margin:20px 0 !important;}
#fp-nav ul li a{ background:rgba(255,255,255,0.6) !important; transition:all 0.6s;}
#fp-nav ul li a.active{ background:rgba(255,255,255,0.6) !important; width:30px !important; margin-left:-10px !important;}
#fp-nav ul li a span:first-child{ display:none !important;}
#fp-nav ul li a span:nth-child(2){ display:none !important;}
.swiper11 .swiper-slide{ padding:10px 0 !important;}
.swiper11 .swiper-slide i{ display:block !important; text-align:center;}
.swiper11 .swiper-slide span{ margin:0 !important; padding:0 !important;}
.swiper11 .swiper-slide span:after{ display:none !important;}
.swiper2 { margin-left:0px !important; width:100% !important;}
.s_jj:after{ display:none !important;}
.s_jj .caption h2{ margin:10px 0 !important; font-size:24px !important; margin-top:20px !important;}
.s_jj .caption h2 span{ font-size:16px !important;}
.s_jj .caption p:last-child{ display:none !important;}
.s_jj .row .row{ margin-top:0px !important;}
.s_jj .row .row{ margin:0 -5px !important;}
.s_jj .row .row .col-xs-3{ padding:0 5px !important;}
.s_jj .row .row .caption{ font-size:14px !important;}
.s_jj .row .row .caption i{ font-size:36px !important;}
.s_new h2{ padding-bottom:10px !important; margin-bottom:15px !important; font-size:24px !important;}
.s_new h2 span{ font-size:18px !important;}
.s_new .snew_li{ display:none !important;}
.s_new .snew_li:nth-child(1){ display:block !important;}
.s_new .snew_li:nth-child(2){ display:block !important;}
.s_new .snew_li:nth-child(3){ display:block !important;}
.s_new .caption h3{ font-size:18px !important;}
.s_new .caption h5 span{ margin-left:0px !important; margin-top:10px !important;}
.s_new .snew_li{ padding:5px 0 !important; padding-left:100px !important;}

.n_banner{ height:160px !important; margin-top:60px !important;}
.n_banner h1{ font-size:20px !important;}
.n_banner h3{ font-size:16px !important;}
.ny_nav .caption{ padding-top:5px !important;}
.ny_nav ul li{ margin-bottom:5px !important;}
.ny_nav ul li a{ line-height:36px !important; padding:0 10px !important; font-size:16px !important;}
.nav_left{ display:none !important;}
.ny_nav .col-sm-4 .caption{ color:#999; padding-bottom:5px !important; border-top:1px solid #ccc;}
.ny_nav .col-sm-4 .caption a{ color:#999;}
.ty_nr{ padding-top:30px !important;}
.ab_1_right .row .caption span{ font-size:36px !important; display:block !important; border:none !important;}
.ab_1_right .row .caption p{ display:block !important; width:100% !important;}
.ab_3_right ul li{ text-align:left !important; margin-top:30px !important;}
.ab_3_right ul li span{ margin-left:5% !important;}
.ab_3_right ul li .lc_text{ position:static !important; transform:translateY(0) !important; width:90% !important; margin-left:10% !important;}
.ab_3_right{ width:100% !important;}
.ab_3_right ul li:nth-child(2n) .lc_text{ text-align:left !important;}
.ab_3_right:after{ left:5% !important;}
.ab_3_right:before{ left:5% !important;}
.new_ny h2{ font-size:24px !important; line-height:34px !important;}
.new_right, .anli_hot{ display:none !important;}
.pro_img{ height:200px !important;}
.anli_li h3{ font-size:18px !important;}
.ny_za h5 span:last-child{ display:block !important; margin-top:10px !important;}
.anli_li .col-sm-8 .caption{ padding-top:0px !important;}
.anli_li .caption p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.lx_content .caption h4{ font-size:15px !important; line-height:24px;}
.lx_content .caption p{ font-size:14px !important;}
.anli_li .col-sm-4 .caption{ height:140px !important;}

.nav_left ul{ padding-left:0 !important; padding-bottom:10px !important;}
.nav_left ul li{ float:left; margin-bottom:15px !important; margin-right:15px;}
.nav_left ul li a{ font-size:16px !important; color:#666 !important;}
.nav_left ul li.active a{ font-weight:bold !important; color:#000069 !important;}
.nav_left ul li:after{ display:none !important;}
.nav_left ul:after{ display:none !important;}
.nav_left.nycp{ display:block !important;}



}


@media (min-width:991px) and (max-width:1200px) {
.navs ul li{ margin:0px !important;}
.navs ul li a{ padding:5px 5px !important; padding-bottom: 22px !important;}
.navs ul li ul li a{ padding-bottom:10px !important;}
	
.anli_li .col-sm-8 .caption{ padding-top:0px !important;}
.anli_li .caption p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.anli_li .col-sm-4 .caption{ height:150px !important;}
.nav_more a{ display:none !important;}
.nav_more a:first-child{ display:block !important;}
.n_banner{ height:300px !important;}

.s_new h2{ padding-bottom:10px !important;}
.s_new .col-md-7 .snew_li:nth-child(3){ display:none !important;}
.s_new .col-md-5 ul{ display:none !important;}
.s_jj .caption h2{ margin:0 !important; margin-bottom:15px !important;}
.s_jj .caption p{ margin-bottom:10px !important;}
.s_jj .caption p:nth-child(3){ display:none !important;}
.s_jj .row .row{ margin-top:0px !important;}
.s_jj .row .row .caption i{ font-size:30px !important;}



}

	
@media (min-width:1201px) {	
.container{ width:1200px !important; padding:0;}

}
@media (min-width:991px) and (max-width:1300px) {
.s_new h2{ padding-bottom:20px !important; margin-bottom:20px !important;}
.s_new .caption{ padding-bottom:5px !important; margin-bottom:20px !important;}
.s_new ul li{ margin-top:12px !important;}
.snew_li{ padding:3px 0 !important; padding-left:100px !important;}

#fp-nav.fp-right{ right:2px !important;}
#fp-nav ul li{ width:5px !important;}
#fp-nav ul li a span:first-child{ display:none !important;}

#fp-nav ul li a span:nth-child(2){ width:8px !important; height:8px !important;}
#fp-nav ul li a.active span:nth-child(2){ width:8px !important; height:8px !important;}
#fp-nav ul li:hover a.active span:nth-child(2){ width:8px !important; height:8px !important;}
#fp-nav ul li:hover a span:nth-child(2){ width:8px !important; height:8px !important;}

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

@media (min-width:1200px) and (max-width:1440px) {
.container{ width:1200px !important;}
/* .navs{ margin-top:} */
.navs ul li{ margin:0px 5px !important;}
.navs ul li a{ padding:5px 6px !important;}
.nav_left.active{ left:calc(50% - 600px) !important;}
.n_banner{ height:340px !important;}
.ny_nav ul li a{ line-height:50px !important;}
.ny_nav .caption{  padding-top:14px !important;}
.new_right.pro_list .anli_li .pro_img{ height:170px !important;}

.swiper11 .swiper-slide{ padding:15px 0 !important;}
.swiper2 { margin-left: -120px !important; width: calc(100% + 120px) !important;}
.s_jj .caption h2{ margin-top:0px !important; margin-bottom:20px !important;}
.s_jj .row .row{ margin-top:30px !important;}
.anli_li .col-sm-8 .caption{ padding-top:10px !important;}
.anli_li .caption p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.anli_li .col-sm-4 .caption{ height:191px !important;}
.nav_left ul li{ margin-bottom:25px !important;}

	}
@media (min-width:1441px) {
.container{ width:1600px !important;}
.nav_left.active{ left:calc(50% - 800px) !important;}
	}


@font-face {
	font-family: 'avantgardece-book';
	src: url('/static/home/fonts/avantgardece-book.eot'),
		url('/static/home/fonts/avantgardece-book.woff') format('woff'),
		url('/static/home/fonts/avantgardece-book.ttf') format('truetype'),
		url('/static/home/fonts/avantgardece-book.svg') format('svg');
	font-style: normal;
}


.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.container{ transition:all 1s;}

.header{ height:73px; 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:73px;}
.logo img{ height:73px; display:block; transition:all 1s;}
.header_right{ padding-top:15px;}
.navs{ margin-left:30px;}
.navs ul{ padding:0; margin:0; margin-top:10px;}
.navs ul li{ list-style:none; float:left; margin:0 10px;}
.navs ul li a{ padding:5px 10px; padding-bottom:22px; 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:#010080; background:none;}
.navs ul li.active>a{ color:#010080; font-weight:bold; background:none;}
.navs ul li.active:hover>a{ background:none; color:#010080;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background:none;}
.navs ul li ul{ margin-top:0px;}
.navs ul li ul li{ display:block; float:none;}
.navs ul li ul li a{ padding-bottom:5px;}
.navs ul li ul li a:hover{ color:#010080;}
.navs ul li:hover ul{ display:block; margin-top:0px;}


.nav_more{ margin-top:12px;}
.nav_more a{ display:block; float:left; padding:0px 15px; border-left:1px solid #dedede; color:#666; font-size:15px; text-decoration:none; transition:all 0.3s; vertical-align: middle;}
.nav_more a:first-child{ border:none;}
.nav_more a i{ font-size:18px; display:inline-block; vertical-align:middle;}
.nav_more a span{ font-size:14px;}
.nav_more a:hover{ color:#e31f26;}

.nav_more a:nth-child(3):hover .ph_kuang{ opacity:1;pointer-events: auto;}
.nav_more a:nth-child(3){ position:relative;}
.nav_more a:nth-child(3) .ph_kuang{ z-index:2; line-height:34px; position:absolute; top:30px; right:0px; padding:0 20px; background:#666; color:#fff; opacity:0; transition:all 0.3s;pointer-events: none; white-space: nowrap;}
.nav_more a:nth-child(2){ position:relative;}
.nav_more a:nth-child(2) .ss_kuang.active{ opacity:1;pointer-events: auto;}
.nav_more a:nth-child(2) .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(2) .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(2) .ss_kuang input#head1_hSearchBtn{ display:block; z-index:2; text-align:centern; position:absolute; top:0px; right:0px; width:56px; height:34px; background:#034ea2; line-height:20px; color:#fff; border:none;}


#fp-nav.fp-right{ right:1%;}
#fp-nav ul li{ width:80px; height:24px;}
#fp-nav ul li a{ color:rgba(255,255,255,0.7);}
#fp-nav ul li a span:nth-child(2){ width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,0.7); position:absolute; left:auto; right:100%; top:50%; transform:translateY(-50%); margin:0;}
#fp-nav ul li a span.fp-sr-only{ width:80px; height:24px; display:block; text-align:center; line-height:24px; position:static; background:none; margin:0;}
#fp-nav ul li a.active span:nth-child(2){ width:4px; height:4px; margin:0; border-radius:0;}
#fp-nav ul li a.active span.fp-sr-only{ width:80px; height:24px;  margin:0; border-radius:0; opacity:1; color:rgba(255,255,255,1);}
#fp-nav ul li:hover a.active span.fp-sr-only{ width:auto; height:auto; margin:0; border-radius:0; opacity:1;}
#fp-nav ul li:hover a.active span:nth-child(2){ width:4px; height:4px; border-radius:50%; margin:0; border-radius:0;}
#fp-nav ul li:hover a span:nth-child(2){ width:4px; height:4px; margin:0; background:rgba(255,255,255,1); border-radius:0;}
#fp-nav ul li:hover a span.fp-sr-only{ width:80px; height:24px; margin:0; opacity:1; border-radius:0; color:rgba(255,255,255,1);}
#fp-nav.active ul li a{ color:rgba(0,0,0,0.7);}
#fp-nav.active ul li a span:nth-child(2){ background:rgba(0,0,0,0.7);}
#fp-nav.active ul li a.active span.fp-sr-only{ color:rgba(0,0,0,1);}
#fp-nav.active ul li:hover a span:nth-child(2){ background:rgba(0,0,0,1);}
#fp-nav.active ul li:hover a span.fp-sr-only{color:rgba(0,0,0,1);}

.banner .swiper-slide{ height:100vh;}

.swiper11{ position:absolute; left:0; right:0; bottom:0; z-index:10;}
.swiper11 .swiper-slide{ text-align:center; background:rgba(202,170,110,0.55); padding:30px 0; font-size:18px; height:auto; color:#fff;}
.swiper11 .swiper-slide i{ font-size:36px; display:inline-block; vertical-align: middle;}
.swiper11 .swiper-slide span{ padding-top:10px; position:relative; display:inline-block; margin-left:15px; vertical-align:middle;}
.swiper11 .swiper-slide span:after{ content:''; width:30px; height:1px; background:#fff; position:absolute; top:0; left:0;}
.swiper11 .swiper-slide.swiper-slide-thumb-active{ background:rgba(202,170,110,1);}

.swiper2{ margin-left:-160px; width:calc(100% + 110px); position:relative;}
.swiper2 .swiper-pagination2{ bottom:20px;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet{ background:#f8f8f8; width:16px; height:16px; opacity:1;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#caaa6e;}
.s_jj{ position:relative;}
.s_jj .caption h2{ margin:40px 0;}
.s_jj .caption p{ line-height:24px; text-indent:2em; margin-bottom:20px;}
.s_jj .caption p:last-child{ text-indent:0;}
.s_jj:after{ content:''; width:20%; position:absolute; left:0; top:50%; background:#ccc; height:100vh; transform:translateY(-50%);

  background: -webkit-linear-gradient(left top, #506dae , #183768); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #506dae, #183768); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #506dae, #183768); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #506dae , #183768); /* 标准的语法 */}
.s_jj .row .row{ margin-top:50px;}
.s_jj .row .row .caption{ text-align:center; font-size:16px; color:#666;}
.s_jj .row .row .caption a{ color:#666; text-decoration:none; transition:all 0.3s;}
.s_jj .row .row .caption i{ font-size:56px; color:#cfa972; display:block;}
.s_jj .row .row .caption a:hover{ color:#cfa972;}

.s_anli{ height:100%; position:relative; width:100%;}
.s_anli .swiper3{ height:100%;}
.anli_biao{font-family: 'avantgardece-book'; position:absolute; top:20%; left:0; right:0; margin:0 auto; text-align:center; z-index:5;}
.anli_biao span{ display:inline-block; font-size:90px; color:#fff; position:relative; line-height:80px;}
.anli_biao span:after{ content:''; width:100%; height:70%; position:absolute; bottom:0; left:0; right:0; background:#caaa6e; z-index:-1;}

.s_anli ul{ margin:0; padding:0; height:100%;}
.s_anli ul li{ list-style:none; height:100%; position:relative; transition:all 0.6s; border-right:1px solid rgba(255,255,255,0.2);}
.s_anli ul li a{ display:block; height:100%; color:#fff; text-decoration:none;}
.s_anli ul li .ali_text{ position:absolute; bottom:15%; left:0; right:0; margin:0 auto; width:80%; color:#fff;}
.s_anli ul li .ali_text h4{ font-size:20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.s_anli ul li .ali_text h5{ margin-bottom:20px; text-transform:uppercase; font-size:16px;}
.s_anli ul li .ali_text p{ line-height:24px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; height:42px;}
.s_anli ul li.active{ background:rgba(0,0,0,0.3);}
.sanli_bj{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:-1;}
.sanli_bj .bj_img{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 0.6s;} 
.sanli_bj .bj_img.active{ opacity:1;}

.s_new h2{ padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #dedede;}
.snew_li{ position:relative; padding:15px 0; padding-left:100px;}
.snew_li a{ color:#333; text-decoration:none;}
.snew_li span{ position:absolute; width:80px; padding:10px 0; font-size:36px; line-height:36px; text-align:center; left:0; top:50%; transform:translateY(-50%); background:#cfa972; color:#fff;}
.snew_li span small{ display:block; font-size:12px; line-height:20px;}
.snew_li h4{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all 0.3s;}
.snew_li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666; transition:all 0.3s; height:40px;}
.snew_li:hover h4{ color:#cfa972;}
.snew_li:hover p{ color:#cfa972;}

.s_new ul{ margin:0; padding:0;}
.s_new ul li{ list-style:none; margin-top:18px;}
.s_new ul li a{ color:#666; display:inline-block; text-decoration:none; transition:all 0.3s;}
.s_new ul li:hover{ color:#cfa972;}
.s_new ul li:hover a{ color:#cfa972;}
.s_new ul h4 span{ padding:5px 10px; background:#cfa972; color:#fff; display:inline-block;}
.s_new ul h4 a{ font-size:14px; margin-top:15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#666; text-decoration:none; transition:all 0.3s;}
.s_new ul h4 a:hover{ color:#cfa972;}
.s_new .caption{ padding:15px 0; border-bottom:1px solid #dedede; margin-bottom:30px;}
.s_new .caption h5 span{ display:inline-block; margin-left:20px; vertical-align:middle;}
.s_new .caption h5 span i{ font-size:30px; color:#008100; display:inline-block; vertical-align:middle;}
.s_new .caption h5 span strong{ font-size:24px; color:#008100; line-height:40px; display:inline-block; vertical-align:middle; margin-right:10px;}
.s_new .caption h5 span em{ font-style:normal; display:inline-block; line-height:20px; display:inline-block; vertical-align:middle; margin-left:10px; color: #008100;}
.s_new .caption h3{ margin-top:0px;}

.footer{ position:absolute; bottom:0; left:0; right:0; padding:20px 0; background:#102b58; color:#fff;}
.footer p{ margin:0;}
.footer p a{ color:#fff; text-decoration:none;}
.footer p:last-child{ color:#737d92;}
.footer p:last-child a{ color:#737d92; margin:0 5px; text-decoration:none;}
.footer p:last-child a:hover{ color:#Fff;}


/*内页样式最先*/

.footer.ny{ position:static;}

.n_banner{ position:relative; height:500px; margin-top:73px;}
.n_banner .container{ position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); color:#fff;}
.n_banner h1{ font-weight:bold; margin-top:0px;}
.n_banner h3{ font-size:20px; text-transform:uppercase;}

.ny_nav{ background:#e4e4e4;}
.ny_nav .caption{ color:#666; padding-top:25px; text-align: right;}
.ny_nav .caption a{ color:#666; text-decoration:none; transition:all 0.3s;}
.ny_nav .caption a:hover{ color:#cea972;}
.ny_nav ul{ padding:0; margin:0;}
.ny_nav ul:after{ content:''; display:table; clear:both;}
.ny_nav ul li{ list-style:none; float:left;}
.ny_nav ul li a{ line-height:68px; display:block; transition:all 0.3s; padding:0 30px; font-size:18px; color:#666; text-decoration:none;}
.ny_nav ul li.active a{ background:#cea972; color:#fff;}
.ny_nav ul li:hover a{ color:#cea972;}
.ny_nav ul li.active:hover a{ color:#fff;}

.ty_nr{ padding-top:70px; padding-bottom:80px;}
.ty_content p{ line-height:24px; color:#666;}
.ty_content img{ max-width:100%;}

.nav_left{ transition:all 0.6s;}
.nav_left ul{ margin:0; padding:0; padding-left:30px; position:relative; }
.nav_left ul:after{ content:''; width:1px; height:100%; position:absolute; left:5px; background:#c8cacb; height:calc(100% + 30px); top:-15px;}
.nav_left ul li{ list-style:none; position:relative; margin-bottom:40px;}
.nav_left ul li:after{ content:''; width:11px; height:11px; border-radius:50%; background:#838383; position:absolute; left:-30px; top:50%; transform:translateY(-50%); z-index:2;}
.nav_left ul li a{ font-size:18px; color:#333; padding:5px 0; text-decoration:none; transition:all 0.3s;}
.nav_left ul li.active:after{ background:#000069;}
.nav_left ul li:hover a{ color:#000069;}
.nav_left ul li.active a{ color:#000069;}


.ab_1_right .row .caption{ background:#000069; padding:20px; color:#fff; display: flex; align-items: center;}
.ab_1_right .row .caption p{}
.ab_1_right .row .caption span{ white-space: nowrap; font-size:36px; border-right:1px solid #dedede; padding-right:20px; margin-right:30px;}

.nav_left.active{ position: fixed; top:88px;}

.ab_3_right{ width:60%; margin:0 auto; position: relative;}
.ab_3_right:after{ content:''; width:2px; height:100%; background:#dedede; position:absolute; left:50%; margin-left:-1px; top:0;}
.ab_3_right:before{ content:''; width:18px; height:18px; border:2px solid #cea972; background:#fff; position:absolute; left:50%; margin-left:-9px; top:-9px; z-index:2; border-radius:50%;}
.ab_3_right ul{ margin:0; padding:0; padding-top:5px;}
.ab_3_right ul li{ list-style:none; margin-top:100px; position:relative; text-align:center; z-index:3;}
.ab_3_right ul li span{ width:80px; height:36px; text-align:center; line-height:36px; background:#cea972; color:#fff; display:inline-block; font-size:24px;}
.lc_text h4{ color:#333;}
.ab_3_right ul li .lc_text{ position:absolute; right:0; top:50%; transform:translateY(-50%); width:calc(50% - 70px); text-align:left; color:#666}
.ab_3_right ul li:nth-child(2n) .lc_text{ text-align: right; left:0; right:auto;}


.n_new ul{ padding:0; margin:0;}
.n_new ul li{ list-style:none; background:#fff; padding:10px 15px; background:#fff; margin-bottom:25px; transition:all 0.3s;}
.n_new ul li h4{ color:#333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; transition:all 0.3s;}
.n_new ul li p{ color:#666;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.n_new ul li span{ padding:2px 15px; border-radius:24px; display:inline-block; background:#c4c3c3; color:#fff; transition:all 0.3s;}
.n_new ul li:hover span{ background:#cea972;}
.n_new ul li:hover{ box-shadow:0px 0px 6px rgba(0,0,0,0.3);}
.n_new ul li:hover h4{ color:#cea972;}
.n_new ul li a{ text-decoration:none;}


.new_ny h2{ padding-bottom:15px; border-bottom:1px solid #dedede;}
.new_right h3{ padding:10px; background:#cea972; color:#fff; padding-left:10px;}
.new_right .hot_li{ padding:20px 0; border-bottom:1px solid #dedede;}
.new_right .hot_li a{ text-decoration:none; color:#333;}
.new_right .hot_li h4{ line-height:24px; transition:all 0.3s;}
.new_right .hot_li p{ color:#666;}
.new_right .hot_li:hover h4{ color:#cea972;}

.ny_za{ margin-bottom:30px;}
.ny_za h5 span{ color:#999; margin-right:30px;}
.ny_za h5 span .bdsharebuttonbox{ display:inline-block; margin:0; padding:0; vertical-align:middle;}
.ny_za h5 span .bdsharebuttonbox a{ padding:0; margin:0; background:none; float:none; width:auto; height:24px; margin-left:10px; line-height:20px; display:inline-block;}

.lx_content .caption{ background:#f2f2f2; padding:20px; margin-bottom:30px;}
.lx_content .caption p{ font-size:16px; line-height:24px;}


.anli_li{ background:#ededed; margin-top:20px;}
.anli_li .col-sm-8 .caption{ padding-top:20px; padding-right:30px;}
.anli_li h3{ position:relative; padding-right:80px; position:relative;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.anli_li h3 i{ position:absolute; right:0; top:50%; transform:translateY(-50%); font-style: normal; color:#666; font-size:14px;}
.anli_li .caption p{ line-height:24px; color:#666; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.anli_li .caption a{ color:#333; text-decoration:none; transition:all 0.3s;}
.anli_li .caption p a{ color:#cea972;}
.anli_li:hover .caption h3 a{ color:#cea972;}

.anli_li .col-sm-4 .caption{ height:260px; overflow:hidden;}


.anli_form{ position:relative;}
.anli_form input{ width:100%; height:46px; border:1px solid #dedede; outline:none; padding-right:100px; padding-left:10px;} 
.anli_form input.btn{ width:100px; height:46px; background:url(/static/home/images/ss.jpg) center center no-repeat #000069; border:none; border-radius:0; position:absolute; right:0; top:0; z-index:2;}
.anli_hot{ font-size:18px; color:#666; text-align:right;}
.anli_hot a{ padding:10px 10px; background:#cea972; color:#fff; margin-left:15px; text-decoration:none;}


.pro_img{ height:280px;}
.pro_img a{ height:100%; display:block;}
.pro_list .anli_li{ margin-top:30px;}
.pro_list .anli_li .caption{ padding:20px; padding-top:0; margin:0;}
.pro_list .anli_li .caption p:nth-child(2){ min-height:68px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.pro_list .anli_li .caption p:last-child{ text-align:right;}
.pro_list .anli_li .caption p:last-child a i{ font-size:30px; transform:translateY(8px); display:inline-block; margin-right:6px;}




.fanye_02{ border-bottom:1px solid #dedede; padding-bottom:10px; margin-bottom:15px; margin-top:50px;}
.fanye_02 p{ margin:0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; font-size:16px;}
.fanye_02 .caption{ text-align:right; color:#333;}
.fanye_02 .caption a{ color:#333; text-decoration:none; display:inline-block; margin-left:20px;}
.fanye_02 .caption a:last-child i{ display: inline-block; transform:rotate(180deg);}
.fanye_02 .caption a:hover{ color:#cd9541;}
.fanye_02 p a{ color:#666; text-decoration:none;}
.fanye_02 p a:hover{ color:#cd9541;}
.new_right.pro_list .anli_li .caption{ padding:15px; padding-top:0px;}
.new_right.pro_list .anli_li .caption h3{ background:none; margin-bottom:10px; padding-top:0; padding-bottom:0; padding-left:0;}
.new_right.pro_list .anli_li .pro_img{ height:230px;}
.xiangsi{ padding-bottom:15px; border-bottom:1px solid #dedede; font-size:24px; margin-top:20px;}


.zp_list .caption{ background:#fff; padding:30px 15px; margin-top:30px;}
.zp_list .caption h4{ border-bottom:1px solid #dedede; padding-bottom:20px; margin:0;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.zp_list .caption h5{ font-size:16px; padding:20px 0; border-bottom:1px solid #Dedede; margin-top:0;}
.zp_list .caption h5 a{ font-size:14px; color:#fff; padding:5px 15px; background:#cea972; border-radius:24px; text-decoration:none; display:inline-block;}
.zp_list .caption .zp_text h5{ padding:0; margin:10px 0; border:none; font-size:14px; color:#666;}
.zp_list .caption .zp_text{ padding:15px 10px;}
.zp_list .caption .zp_text p{ line-height:24px; color:#666;}
.zp_list .caption .zp_text{ height:157px; overflow:auto;}
.zp_list .caption h5:last-child{ padding-bottom:0; border-top:1px solid #dedede; border-bottom:none;}

.wyyp.active{ opacity:0; pointer-events: none;}
.wyyp{ text-align:center;}
.wyyp a{ display:inline-block; padding:5px 15px; color:#fff; background:#cea972; border-radius:24px; text-decoration:none; outline:none;}
.tan_tijiao{ display:none;}
.tan_tijiao.active{ display:inline-block;}
.zp_form{ display:none;}


.qxgc_list .caption{ border:10px solid #cea972; padding:30px 0; background:#fff; margin-bottom:30px;}
.qxgc_logo{ padding-bottom:20px; border-bottom:1px solid #dedede; margin-bottom:30px;}
.qxgc_text{ width:80%; margin:0 auto;}


.gengduo.active{ display:block;}
.ty_more{ text-align:center; margin:30px 0; color:#000069; cursor:pointer;}
.ty_more i{ font-size:36px; display:block;}
.ty_more span{ display:inline-block; cursor:pointer; font-size:14px;}
.ty_more span:last-child{ display:none;}
.ty_more.active span:nth-child(2){ display:none;}
.ty_more.active span:last-child{ display:inline-block;}

.fanye{ text-align:center; margin-top:40px;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#cea972; border:1px solid #cea972;}
.fanye a.active{ background:#cea972; border:1px solid #cea972; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #cea972;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}
/*内页样式最先*/

		.my-map { margin: 0 auto; width: 100%; height: 570px; border:1px solid #dedede; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
		
		.s_new .col-md-5 .caption h5.active i{ display:inline-block; transform:rotate(180deg); color:#f00;}
.s_new .col-md-5 .caption h5.active strong{ color:#f00;}
.s_new .col-md-5 .caption h5.active em{ color:#f00;}




ul.pagination{ display: flex; align-items: stretch; justify-content: center;}
ul.pagination li{margin: 0 2px;}
ul.pagination li a{ color: #666;}
ul.pagination li:hover a{ color: #cea972;}
ul.pagination li.active span{background: #cea972; color: #fff; border-color: #cea972;}
ul.pagination li.active:hover span{background: #cea972; color: #fff; border-color: #cea972;}<!--耗时1753436649.8842秒-->