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

/* 閫氱敤灞炴€ */
* { margin:0; padding:0; list-style:none; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%; min-height: 100%;height: auto; font-size:14px; color:#666; font-family:'Microsoft YaHei','sans-serif'; }
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#666; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#ea3c00; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;}
.fl {float:left;}
.fr {float:right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.clear{clear:both; height:0; line-height:0; font-size:0;}
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}
.visited-xs{display: none;}


.container{ width: 1200px; margin: 0 auto; }
.title h2{font-size: 36px; font-weight: bold; text-align: center; color: #333; line-height: 1.8;}
.title h2 em{ font-weight: bold; color: #ea3c00;}
.title p{text-align: center; position: relative;}
.title p::before{position: absolute; content: ''; width: 80px; height: 3px; background: #ccc; top:8px; left: 28%;}
.title p::after{position: absolute; content: ''; width: 80px; height: 3px; background: #ccc; top:8px; right: 28%;}


@media(max-width: 767px){
	body{ max-width: 640px; min-width: 320px; margin: 0 auto; }
	.container{ width: 100%;}
	.padding-10{padding: 0 10px;}
	.hidden-xs{ display: none;}
	.visited-xs{display: block;}
}


/*header*/
#header .top{border-bottom: 1px solid #dedede; line-height: 40px; overflow: hidden;}
#header .top .top_l{ float: left;}
#header .top .top_r{ float: right;}
#header .top .top_r ul li{ float: left; position: relative; padding-right:30px; }
#header .top .top_r ul li::before{position: absolute; content: '-'; right: 12px; font-size: 14px;}
#header .top .top_r ul li a{ color: #666;}
#header .top .top_r ul li:last-of-type::before{display: none; }
#header .top .top_r ul li:last-of-type{padding-right: 0;}
#header .logo{overflow: hidden; padding: 15px 0;}
#header .logo .logoimgtxt{ float: left; margin-top: 15px;}
#header .logo .logoimgtxt img{ float: left;}
#header .logo .logoimgtxt .logotxt{ float: left; border-left: 1px solid #dedede; padding-left: 20px; margin-left: 20px;}
#header .logo .logoimgtxt .logotxt h2{font-size: 20px; font-weight: bold; color: #222;}
#header .logo .logoimgtxt .logotxt h2 em{ font-weight: bold; color: #ea3c00;}
#header .logo .logoimgtxt .logotxt p{ color: #333; font-size: 16px; line-height: 2;}
#header .logo .toptel{ float: right;}
#header .logo .toptel span{ display: block; font-size: 16px; background: url(../images/toptel.png) no-repeat left; padding-left: 20px;}
#header .logo .toptel p{color: #ea3c00; font-size: 24px; font-weight: bold;}



/*nav*/
#nav { height: 54px; background: #333;}
#nav ul li{ float: left; position: relative;}
#nav ul li>a h3{ line-height: 54px; color: #fff; font-size: 15px; display: block; padding: 0 24px;}
#nav ul li.cur a h3,#nav ul li:hover a h3{background: #ea3c00;}
#nav ul li .nav2{position: absolute; top: 54px; left: -26px; display: none; z-index: 9;}
#nav ul li .nav2 a p{background: #333; color: #fff; width: 140px; padding: 0 10px; line-height: 40px; font-size: 14px; border-bottom: 1px dashed #999; text-align: center;}
#nav ul li .nav2 a p:hover{background: #ea3c00;}
#nav ul li:hover .nav2{display: block; }


/*banner*/
#banner .banner-swiper-container .swiper-pagination-bullet{background: #ea3c00; width: 12px; height: 12px; border-radius: 20px;}
#banner img{max-width: 100%;}
.swiper-pagination-bullet{opacity: .5; }
.swiper-pagination-bullet-active{opacity: 1;}

@media(max-width: 767px){
	#banner .banner-swiper-container .swiper-pagination-bullet{width: 5px; height: 5px;}
}


/*search*/
#search{overflow: hidden; border-bottom: 1px solid #dedede; }
#search .search_l{ line-height: 70px; float: left;}
#search .search_l span{ font-weight: bold; color: #ea3c00; }
#search .search_l a{color: #666; padding-right: 10px;}
#search .search_r{ float: right; border:1px solid #dedede; border-radius: 20px; margin-top: 18px;}
#search .search_r .tt{line-height: 32px; padding-left: 10px; float: left; width: 220px; }
#search .search_r .s_bt{background: url(../images/search.jpg) no-repeat center; font-size: 0; width: 32px; height: 32px; float: right; }
#search .search_l a:hover{color: #ea3c00; }

/*product*/
#product{ padding: 50px 0; overflow: hidden;}
#product .productli .hd {margin-top: 20px; text-align: center;}
#product .productli .hd ul{border:1px solid #dedede; overflow: hidden; border-radius: 30px; display: inline-block;}
#product .productli .hd ul li{ float: left; line-height: 58px; font-size: 15px; padding: 0 7px; border-right: 1px solid #dedede;}
#product .productli .hd ul li:last-of-type{border-right: none;}
#product .productli .hd ul li.cur{background: #ea3c00;}
#product .productli .hd ul li.cur a{ color: #fff;}
#product .productli .bd ul li{border:1px solid #dedede; float: left; width: 380px; margin:0 9px; margin-top: 20px;}
#product .productli .bd ul li img{width: 376px; padding: 2px;}
#product .productli .bd ul li h3{text-align: center; line-height: 2.5; background: #dedede; font-size: 15px;}
#product .productli .bd ul li:hover{border:1px solid #ea3c00;}
#product .productli .bd ul li:hover h3{background: #ea3c00; color: #fff;}

/*strength*/
#strength{background: url(../images/strengthbg.jpg) no-repeat center; padding: 50px 0; overflow: hidden;}
#strength .title p{color: #fff;}
#strength ul{overflow: hidden; margin-top: 20px;}
#strength ul li{ float: left; width: 300px;}
#strength ul li img{ width: 300px;}
#strength ul li .strength_txt{background: #fff; padding: 15px; height: 180px;}
#strength ul li h5{color: #ea3c00; text-align: center; font-size: 20px;}
#strength ul li p{line-height: 2; margin-top: 10px; }


/*youshi*/
#youshi { overflow: hidden; padding: 50px 0;}
#youshi .youshili .bd {overflow: hidden; margin-top: 20px;}
#youshi .youshili .bd ul dt{ float: left;}
#youshi .youshili .bd ul .youshilitxt{ float: right; width: 640px; padding-top: 20px;}
#youshi .youshili .bd ul .youshilitxt .youshili_t{overflow: hidden;}
#youshi .youshili .bd ul .youshilitxt .youshili_t em{ font-size: 64px; font-weight: bold; color: #ea3c00; float: left; line-height: 1;}
#youshi .youshili .bd ul .youshilitxt .youshili_t dd{ float: left; padding-left: 10px;}
#youshi .youshili .bd ul .youshilitxt .youshili_t dd span{color: #ccc;}
#youshi .youshili .bd ul .youshilitxt .youshili_t dd h5{font-size: 22px; color: #ea3c00; font-weight: bold; line-height: 2;}
#youshi .youshili .bd ul .youshilitxt .youshitxt p{line-height: 1.5; margin-top: 20px; background: url(../images/ysico.png) no-repeat 0px 4px; padding-left: 25px;}
#youshi .youshili .hd{border-top: 3px solid #dedede; margin-top: 50px;}
#youshi .youshili .hd ul li{width: 18%; float: left; padding: 2% 1%; }
#youshi .youshili .hd ul li em{ font-size: 48px; font-weight: bold; float: left; color: #222;}
#youshi .youshili .hd ul li .youshihd_txt{ float: left; margin-top: 10px; padding-left: 5px;}
#youshi .youshili .hd ul li span{ color: #ccc; }
#youshi .youshili .hd ul li h5{ font-size: 22px; color: #333;}
#youshi .youshili .hd ul li.cur{background: #ea3c00;}
#youshi .youshili .hd ul li.cur em{ color: #fff;}
#youshi .youshili .hd ul li.cur h5{ color: #fff;}


/*about*/
#about{ overflow: hidden; background: #f5f5f5; padding: 50px 0 30px;}
#about .about_lr{ height: 336px; background: url(../images/aboutbg.jpg) no-repeat center; padding: 30px;}
#about .about_lr .about_l{ float: left;}
#about .about_lr .about_r{ float: right; width: 600px; position: relative;}
#about .about_lr .about_r h6{ color: #e6e6e6; font-weight: bold; font-size: 42px;}
#about .about_lr .about_r h5{ color: #333; font-size: 32px; font-weight: bold; position: absolute; top: 28px; }
#about .about_lr .about_r h5::before{ position: absolute; content:''; width: 100px; height: 2px; background: #ea3d00; left: 150px; top: 30px;}
#about .about_lr .about_r h3{ font-size: 22px; font-weight: bold; color: #ea3d00; padding-top: 22px;}
#about .about_lr .about_r .about_txt{ line-height: 1.8; overflow: hidden;}



/*case*/
#case{background:#f5f5f5; padding-bottom: 50px;}
#case .caseli .parHd ul{border-bottom: 1px solid #dedede; overflow: hidden;}
#case .caseli .parHd ul li{ float: left; width: 200px; line-height: 50px; text-align: center; font-size: 16px;}
#case .caseli .parHd ul li.cur{background: #ea3d00; color: #fff;}
#case .caseli .parBd{margin-top: 20px; }
#case .caseli .parBd ul li{ float: left; border:1px solid #dedede; margin: 0 8px;} 
#case .caseli .parBd ul li img{ width: 278px; padding: 2px;}
#case .caseli .parBd ul li h3{background: #dedede; line-height: 2; font-size: 15px; text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#case .caseli .parBd .slideBox{position: relative; }
#case .caseli .parBd .slideBox a.sPrev{position: absolute; left: -55px; background: url(../images/sPrev.png) no-repeat left; width: 47px; height: 47px; top:42%;}
#case .caseli .parBd .slideBox a.sNext{position: absolute; right: -55px; background: url(../images/sNext.png) no-repeat left; width: 47px; height: 47px;  top:42%;}
#case .caseli .parBd ul li:hover{border:1px solid #ea3d00;}
#case .caseli .parBd ul li:hover h3{background: #ea3d00; color: #fff;}




/*news*/
#news{overflow: hidden; padding: 50px 0;}
#news .newsli{margin-top: 10px;}
#news .newsli .hd{overflow: hidden;}
#news .newsli .hd ul{overflow: hidden;  }
#news .newsli .hd ul li{ font-size: 20px; float: left; padding-right: 40px; line-height: 2; padding-left: 35px; background: url(../images/new_ico.png) no-repeat left;}
#news .newsli .hd ul li.cur{color: #ea3c00; }
#news .newsli .bd ul{overflow: hidden; margin-top: 10px;}
#news .newsli .bd .newsli_l{ float: left; width: 600px;}
#news .newsli .bd .newsli_l h3{ color: #333; font-size: 20px; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .newsli .bd .newsli_l p{line-height: 2;}
#news .newsli .bd .newsli_r{ float: right; width: 560px;}
#news .newsli .bd .newsli_r ul li{ overflow: hidden; border-bottom: 1px dashed #dedede; padding: 20px 0;}
#news .newsli .bd .newsli_r ul li:first-of-type{padding-top: 10px;}
#news .newsli .bd .newsli_r ul li .news_time{ width: 90px; float: left;}
#news .newsli .bd .newsli_r ul li .news_time p{ font-size: 40px; color: #7e7e7e; text-align: center; font-weight: bold;}
#news .newsli .bd .newsli_r ul li .news_time span{display: block; text-align: center; color: #999; }
#news .newsli .bd .newsli_r ul li .news_txt{ float: right; width: calc(100% - 100px);}
#news .newsli .bd .newsli_r ul li .news_txt h3{ font-size: 18px; color: #333; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .newsli .bd .newsli_r ul li .news_txt p{color: #666; line-height: 2;}
#news .newsli .bd .newsli_r ul li:hover h3{color: #ea3c00; }
#news .faq{margin-top: 20px;}
#news .faq .faq_t{ width: 136px; float: left; margin-top: 10px;}
#news .faq .faq_t h2{ font-size: 20px; font-weight: bold; color: #ea3c00;}
#news .faq .faq_t p{ line-height: 2;}
#news .faq .hd{margin-top: 10px;}
#news .faq .hd .next{background: url(../images/next1.gif) no-repeat; width: 51px; height: 23px; display: block; float: left;}
#news .faq .hd .prev{background: url(../images/prev1.gif) no-repeat; width: 51px; height: 23px; display: block; float: left;}
#news .faq .bd{ float: left;}
#news .faq .bd ul li{ float: right; width: calc(100% - 150px); width: 492px; padding: 10px 20px;}
#news .faq .bd ul li a{display: block; box-shadow: 0px 0px 3px #999; padding: 10px 20px;}
#news .faq .bd ul li h3{ color: #333; font-weight: bold; line-height: 2; background: url(../images/faq_w.png) no-repeat left;  padding-left: 30px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
#news .faq .bd ul li p{ color: #666; line-height: 2; background: url(../images/faq_d.png) no-repeat 0px 0px; padding-left: 30px ;}
#news .newsli .bd .newsli_l:hover h3{color: #ea3c00;}
#news .faq .bd ul li:hover h3{color: #ea3c00;}



/*pantner*/
#pantner{ background: url(../images/pantner.jpg) no-repeat center; padding: 40px 0;}
#pantner .hzbw{margin-top: 20px;background: #fff;height: 320px; }
#pantner .one{margin: 0px auto; height: 160px; width: 1200px;overflow:hidden;position:relative;border-bottom:1px solid #ccc;}
#pantner .one:nth-last-child(2){border-bottom:1px solid #ccc;}
#pantner .one ul{height:160px;width:100000px;position:absolute;left:0; } 
#pantner .one ul li{display:block; float:left;position:relative; border-right:1px solid #ccc;}
#pantner .one ul li a{display:inline-block; } 
#pantner .one ul li img{ display:block; height:160px;}
#pantner .one ul li p{position: absolute; bottom: 0; height: 0;  background: rgba(0,0,0,.8); width: 100%; text-align: center; color: #fff; display: block; transition:all 1s; }
#pantner .one ul li:hover p{display: block; height: 160px;  line-height: 160px; }
#pantner .two{margin: 0px auto; height: 160px; width: 1200px;overflow:hidden;position:relative;border-bottom:1px solid #ccc;}
#pantner .two:nth-last-child(2){border-bottom:1px solid #ccc;}
#pantner .two ul{height:160px;width:100000px;position:absolute;left:0; } 
#pantner .two ul li{display:block; float:left;position:relative; border-right:1px solid #ccc;}
#pantner .two ul li a{display:inline-block; } 
#pantner .two ul li img{ display:block; height:160px;}
#pantner .two ul li p{position: absolute; bottom: 0; height: 0;  background: rgba(0,0,0,.8); width: 100%; text-align: center; color: #fff; display: block; transition:all 1s; }
#pantner .two ul li:hover p{display: block; height: 160px;  line-height: 160px; }

/*link*/
#link{padding: 20px 0; overflow: hidden;}
#link h2{ font-size: 20px; line-height: 2; background: url(../images/link.png) no-repeat left; padding-left: 30px; border-bottom: 1px solid #dedede;}
#link ul{margin-top: 5px;}
#link ul li{ float: left; padding-right: 28px; line-height: 2;}



/*footer*/
#footer {background: #333; overflow: hidden; padding:50px 0 30px;}
#footer .footer_l{ float: left;}
#footer .footer_l img{display: block;}
#footer .footer_l span{ display: block; line-height: 3; font-size: 20px; color: #fff;}
#footer .footer_l p{ color: #999; line-height: 2;}
#footer .footer_l p a{color: #999; }
#footer .footer_m{ float: left; padding-left: 75px;}
#footer .footer_m .footer_nav{ float: left;}
#footer .footer_m .footer_nav h6{font-size: 16px; color: #fff; width: 260px; line-height: 2;}
#footer .footer_m .footer_nav ul{margin-top: 15px; overflow: hidden;}
#footer .footer_m .footer_nav ul li a{font-size: 16px; float: left; width: 50%; display: block; line-height: 2; color: #999;}
#footer .footer_m .footer_tel{ float: left;}
#footer .footer_m .footer_tel h6{font-size: 16px; color: #fff; line-height: 2;}
#footer .footer_m .footer_tel ul li{ margin-top: 15px; padding-left: 36px;}
#footer .footer_m .footer_tel ul li.foottel{background: url(../images/foottel.png) no-repeat left;}
#footer .footer_m .footer_tel ul li.footmail{background: url(../images/footmail.png) no-repeat left;}
#footer .footer_m .footer_tel ul li.footadd{background: url(../images/footadd.png) no-repeat left;}
#footer .footer_m .footer_tel ul li p{ color: #999; font-size: 16px;}
#footer .footer_r{ float: right; background: #ea3c00; padding: 30px;}
#footer .footer_r p{text-align: center; color: #fff; line-height: 2;}



/*crumbs*/
#crumbs{ line-height: 50px; border-bottom: 1px solid #dedede;}
#crumbs span { background: url(../images/crumbs.jpg) no-repeat left; padding-left: 22px;}
#crumbs span a{color: #999;}


/*page*/
#page{padding: 30px 0; overflow: hidden;}
#page .pagepro_l{ float: left; width: 900px;}
#page .pagepro_l .pageproduct ul{overflow: hidden;}
#page .pagepro_l .pageproduct ul li{ float: left; padding: 0 4px; margin-bottom: 10px;}
#page .pagepro_l .pageproduct ul li img{ width: 210px; border:1px solid #dedede; padding: 2px;}
#page .pagepro_l .pageproduct ul li h3{ font-size: 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; line-height: 2; width: 216px; text-align: center;}
#page .pagepro_l .pageproduct ul li:hover img{border:1px solid #ea3c00;}

.page_r{ float: right; width:270px;}
.page_r .page_search{border:1px solid #dedede; overflow: hidden; padding: 4px;} 
.page_r .page_search .tt{ line-height: 40px; float: left; width: calc(100% - 40px); }
.page_r .page_search .s_bt{ float: right; background: url(../images/page_search.png) no-repeat center; width: 40px; height: 40px; font-size: 0;}
.page_r .page_nav{margin-top: 30px; }
.page_r .page_nav h2{color: #333; font-size: 16px; font-weight: bold; background: url(../images/page_nav.png) no-repeat left; padding-left: 40px; line-height: 3; border-bottom: 1px solid #dedede; position: relative;}
.page_r .page_nav h2::before{ position: absolute; content:''; bottom: -5px; height: 1px; width: 100%; background: #dedede; left: 0}
.page_r .page_nav i{position: relative;}
.page_r .page_nav i::before{position: absolute; content: ''; width: 30px; height: 1px; background: #ea3c00; left: 0; bottom: 0;}
.page_r .page_nav i::after{position: absolute; content: ''; width: 30px; height: 1px; background: #ea3c00; left: 0; bottom: -4px; }
.page_r .page_nav ul{padding-top: 10px;}
.page_r .page_nav ul li{line-height: 2.5;}
.page_r .page_nav ul li a{display: block; font-size: 15px; background: url(../images/page_navli.png) no-repeat right;}
.page_r .page_nav ul li:hover a,.page_r .page_nav ul li.cur a{color: #ea3c00;}





.page_r .page_tel{margin-top: 30px; }
.page_r .page_tel h2{color: #333; font-size: 16px; font-weight: bold; background: url(../images/page_tel.png) no-repeat left; padding-left: 40px; line-height: 3; border-bottom: 1px solid #dedede; position: relative;}
.page_r .page_tel h2::before{ position: absolute; content:''; bottom: -5px; height: 1px; width: 100%; background: #dedede; left: 0}
.page_r .page_tel i{position: relative;}
.page_r .page_tel i::before{position: absolute; content: ''; width: 30px; height: 1px; background: #ea3c00; left: 0; bottom: 0;}
.page_r .page_tel i::after{position: absolute; content: ''; width: 30px; height: 1px; background: #ea3c00; left: 0; bottom: -4px; }
.page_r .page_tel .page_teltxt{line-height: 2; padding-top: 10px; }

@media(max-width: 767px){
	#page{padding: 20px 0; width:100%;}
	.page_r .page_nav{margin-top: 0px; padding:10px; border:1px solid #dedede; }
	.page_r{padding: 0 10px; float: inherit; width: calc(100% - 20px);}
	#page .pagepro_l{float: inherit;  width: calc(100% - 20px); padding: 0 10px;  }
	#page .pagepro_l .pageproduct ul li{ width: 50%; float: left; padding: 0; margin-bottom: 0;}
	#page .pagepro_l .pageproduct ul li a{display: block; padding: 6px;}
	#page .pagepro_l .pageproduct ul li img{ max-width: 100%; }
	#page .pagepro_l .pageproduct ul li h3{ width: 100%; font-size: 14px;}
}


.newscom .newscom_t{border-bottom: 1px solid #dedede; overflow: hidden;}
.newscom .newscom_t h6{ color: #ea3c00; font-size: 20px; font-weight: bold; line-height: 2; float: left; border-bottom:2px solid #ea3c00;}
.newscom .newscom_t em{ float: right; line-height: 40px;}
.newscom ul{padding: 10px 0;}
.newscom ul li{width: 50%; float: left; overflow: hidden; line-height: 2; }
.newscom ul li a{display: block; padding: 0 10px;}
.newscom ul li h3{ float: left; font-size: 14px; width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.newscom ul li em{ float: right; font-size: 14px; }



#MagnifierWrap2{position: relative; width: 450px; float: left; }
.MagnifierMain{position: relative; width: 450px;  }
.MagnifierMain img{width: 100%;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(images/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}
.spec-items{position: relative;width:352px; height: 64px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
.spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-items li{width: 80px;height: 60px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;}
.spec-items li.on{border:2px solid #000;}
.spec-items li img{width: 100%; } 
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 60px;line-height: 60px; text-align: center;font-size: 18px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;} 
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}

#page .showpro_l{ float: left; width: 900px;}
#page .showpro_l .showproduct{overflow: hidden;}
#page .showpro_l .showproduct .showproduct_r{ float: right; width: 420px;}
#page .showpro_l .showproduct .showproduct_r h1{ font-size: 18px; color: #333; font-weight: bold; line-height: 2; border-bottom: 1px solid #dedede;}
#page .showpro_l .showproduct .showproduct_r ul{margin:10px 0;}
#page .showpro_l .showproduct .showproduct_r ul li{line-height: 2.5;}
#page .showpro_l .showproduct_txt{overflow: hidden; padding-top: 30px;}
#page .showpro_l .showproduct_txt .showpro-con ul{border-bottom: 1px solid #ea3c00; }
#page .showpro_l .showproduct_txt .showpro-con ul li{ border:1px solid #ea3c00; line-height: 2.5; border-bottom: none; width: 128px; text-align: center; font-size: 16px; position: relative; color: #ea3c00;}
#page .showpro_l .showproduct_txt .showpro-con ul li::before{position: absolute; content: ''; width: 128px; height: 1px; background: #fff; bottom: -1px; left: 0;}
#page .showpro_l .showproduct_txt .showpro-details{padding:10px; line-height: 2;}
#page .showpro_l .showproduct_txt img{max-width: 100%;}
#page .showpro_l .nyaboutpro{border:1px solid #dedede; }
#page .showpro_l .nyaboutpro h6{background: #f7f7f7; font-size: 15px; padding: 0 10px; color: #ea3c00; line-height: 2;}
#page .showpro_l .nyaboutpro ul{border-top: none; padding: 10px 0; overflow: hidden;}
#page .showpro_l .nyaboutpro ul li { float: left; padding: 0 9px;}
#page .showpro_l .nyaboutpro ul li:nth-child(n+5){display:none;}
#page .showpro_l .nyaboutpro ul li img{ width: 200px; border:1px solid #dedede; padding: 2px;}
#page .showpro_l .nyaboutpro ul li h3{ font-size: 14px; width: 206px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; text-align: center; line-height: 2;}



#page .pagenews_l{ width: 900px; float: left;}
#page .pagenews_l ul li{overflow: hidden; border-bottom: 1px dashed #dedede; margin-bottom: 10px; padding-bottom: 10px;}
#page .pagenews_l ul li dt{ float: left; overflow: hidden;}
#page .pagenews_l ul li dt img{ width: 240px; border:1px solid #dedede; padding: 2px; transition:all 1s;}
#page .pagenews_l ul li dd{ width: 640px; float: right;}
#page .pagenews_l ul li h3{ color: #333; line-height: 2; font-size: 16px; font-weight: bold; border-bottom: 1px solid #dedede;}
#page .pagenews_l ul li p{ line-height: 1.5; margin-top: 10px;}
#page .pagenews_l ul li em{ display: block; line-height: 2.5;}
#page .pagenews_l ul li span{ border:1px solid #dedede; line-height: 2; display: block; width: 120px; text-align: center;}
#page .pagenews_l ul li:hover dt img{transform:scale(1.1);}
#page .pagenews_l ul li:hover h3{color: #ea3c00; }
#page .pagenews_l ul li:hover span{background: #ea3c00; color: #fff;}


#page .shownews_l{ width: 900px; float: left;}
#page .shownews_l h1{ color: #333; font-size: 20px; line-height: 2; border-bottom: 1px solid #dedede; font-weight: bold; text-align: center;}
#page .shownews_l .shownews_time{text-align: center; line-height: 3;}
#page .shownews_l .shownews-con{line-height: 2;}

#page .pageimg_l{ width: 900px; float: left;}
#page .pageimg_l .pageimg ul{ overflow: hidden;}
#page .pageimg_l .pageimg ul li{ float: left; padding: 0 7px;}
#page .pageimg_l .pageimg ul li img{border:1px solid #dedede; padding: 2px; width: 280px;}
#page .pageimg_l .pageimg ul li h3{text-align: center; line-height: 2; margin-bottom: 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; width: 286px; font-size: 15px;}
#page .pageimg_l .pageimg ul li:hover img{border:1px solid #ea3c00;}



#page .showimg_l{ width: 900px; float: left;}
#page .showimg_l .showimg h1{ font-size: 18px; color: #333; text-align: center; font-weight: bold; line-height: 2; border-bottom: 1px solid #dedede;}
#page .showimg_l .showimg .showimg-time{text-align: center; line-height: 3;}
#page .showimg_l .showimg .showimg-img{text-align: center; padding-bottom: 20px;}
.ctitle {border-bottom: 1px solid #ea3c00;   position: relative;}
.ctitle h6{width: 128px; text-align: center; line-height: 2.5; color: #ea3c00; font-size: 16px; border:1px solid #ea3c00; border-bottom: none; }
.ctitle::before{position: absolute; content: ''; width: 129px; height: 1px; background: #fff; left: 0; bottom: -1px;}
#page .showimg_l .showimg .showimg-con{padding: 10px; line-height: 2;}
#page .showimg_l .showimg .showimg-con img{max-width: 100%; }


#page .show_l{ width: 900px; float: left;}
#page .show_l .show{ line-height: 2;}


.nyhotnews{margin-top: 20px;}
.nyhotnews{border:1px solid #dedede; }
.nyhotnews h6{background: #f7f7f7; font-size: 15px; padding: 0 10px; color: #ea3c00; line-height: 2;}
.nyhotnews ul{padding: 10px 0; overflow: hidden;}
.nyhotnews ul li{ width: calc(50% - 20px); float: left; padding: 0 10px; line-height: 2;}
.nyhotnews ul li h3{ float: left; width: calc(100% - 80px); font-size: 14px; text-align: left; }
.nyhotnews ul li em{ float: right; line-height: 2;}

.pagecontent{ border: 1px solid #dedede; padding: 10px; overflow: hidden;}
.pagecontent h6{color: #ea3c00; font-weight: bold; text-align: center; font-weight: bold; font-size: 18px; border-bottom: 1px solid #dedede;}
.pagecontent ul{ font-size: 16px; overflow: hidden;}
.pagecontent ul li{ width: calc(50% - 21px); float: left; margin:10px; overflow: hidden; border-bottom:1px solid #dedede; border-right:1px solid #dedede;  line-height: 2.5 }
.pagecontent p{  margin: 10px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; font-size: 16px; line-height: 2.5;}
/*.pagecontent p:last-of-type{margin-top: 20px;}*/


#pagecrumbs{ line-height: 50px; border-bottom: 1px solid #dedede; }
.pagesearch .pagesearch_l{ width: 900px; float: left;}
.pagesearch .pagesearch_l ul li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dedede;}
.pagesearch .pagesearch_l ul li em{background: #ea3c00; color: #fff; line-height: 2; padding: 0 10px; display: inline-block;}
.pagesearch .pagesearch_l ul li h3{color: #333; line-height: 2; font-size: 16px; font-weight: bold;}
.pagesearch .pagesearch_l ul li p{line-height: 1.5; }
.pagesearch .pagesearch_l ul li span{display: block; line-height: 2;}
.pagesearch .pagesearch_l ul li i{font-style: inherit; line-height: 2.5; background: #333; color: #fff; display: inline-block; padding: 0 20px; }







@media(max-width: 767px){
	#crumbs{padding: 0 10px;}
	.nyhotnews ul li{ width: calc(100% - 20px);}
	#page .showpro_l{ width: calc(100% - 20px); padding: 0 10px; float: inherit; }
	.MagnifierMain{ width: 100%;}
	.spec-items{ width: 100%; }
	#page .showpro_l .showproduct .showproduct_r{ width: 100%; }

	#page .show_l{ width: 100%; }
	#page .show_l .show{ padding: 0 10px;}
	#page .show_l .show img{max-width: 100%; }

	#page .pageimg_l{ width: calc(100% - 20px); padding: 0 10px; margin-top: 10px;}
	
	#page .pageimg_l .pageimg ul li{ width: 46%; float: left; padding: 0 2%;}
	#page .pageimg_l .pageimg ul li a{ display: block;}
	#page .pageimg_l .pageimg ul li img{max-width: 100%; }
	#page .pageimg_l .pageimg ul li h3{width: 100%; font-size: 14px;}
	#page .showimg_l{ width: 100%;  }
	#page .showimg_l .showimg{padding: 0 10px;}
	#page .showimg_l .showimg .showimg-img img{max-width: 100%; }

	#page .pagenews_l{ width: calc(100% - 20px); padding: 0 10px; margin-top: 10px;}
	#page .pagenews_l ul li dt img{ width: 100%; }
	#page .pagenews_l ul li dd{ width: 100%; }
	#page .shownews_l{ width: calc(100% - 20px); float: inherit; padding: 0 10px;}
	#page .shownews_l img{max-width: 100%; }
	.pagecontent ul li{width: 100%; }
	.pagecontent p{margin: 10px; margin-right: 0;}
	
	.pagesearch .pagesearch_l{ padding: 0 10px; width: calc(100% - 20px);}

	.g-partner{background:#eee; padding: 20px 0;}
	.g-partner h2{ color: #ea3c00; text-align: center; font-weight: bold;}

	.g-partner p{text-align: center; line-height: 2;}
	.g-partner .slidermar{margin-top: 10px;}
	.case {background-color: #eee; padding: 20px 0;}
	.case h2{ color: #ea3c00; text-align: center; font-weight: bold;}
	.case .slidermar{margin-top: 10px;}

	.strengthli { padding: 20px 0;}
	.strengthli h2{ color: #ea3c00; text-align: center; font-weight: bold;}
	.strengthli .slidermar{margin-top: 10px;}	

/*浼樺娍*/
.g-advantage{ overflow: hidden; margin: 1rem 0;}
.gt-advantage h2{ color: #ea3c00; text-align: center; font-weight: bold;}
.gt-advantage p{text-align: center; line-height: 2;}
.g-advantage .con{ width: 100%; display: inline; float: left;}


.g-advantage dl{ overflow: hidden; margin: 0 2%; margin-top: 10px;}
.g-advantage dt{ font-size: 1.25rem; font-weight: bold; color: #393939;  height: 3.5rem; padding-left: 14%;}
.g-advantage dt span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #e0e0e0; font-weight: normal;}
.g-advantage .advantage1 dt{ background: url("../images/advantage_title1.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage2 dt{ background: url("../images/advantage_title2.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage3 dt{ background: url("../images/advantage_title3.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage4 dt{ background: url("../images/advantage_title4.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage5 dt{ background: url("../images/advantage_title5.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}
.g-advantage .advantage6 dt{ background: url("../images/advantage_title6.jpg") no-repeat center 0.3rem; background-size: 100% 3.17rem;}

.g-advantage dd{ margin-left: 13%; overflow: hidden;}
.g-advantage dd li{font-size:12px; line-height:2; color: #666666; border-bottom: 1px dashed #e5e5e5;}
.g-advantage dd li:last-child{ border-bottom: none;}
.g-advantage dd li i{ color: #ea3c00;}
.g-advantage .m-cnt{height: 0.5rem;margin-top: 0.5rem;text-align: center; padding-left: 13%;}
.g-advantage .m-cnt li{width: 26%;height: 0.5rem; background: #c8c8c8;display: inline-block;float: left;margin-right: 5%;}
.g-advantage .m-cnt li.z-on{background: #ea3c00;}
.sclwrap_box .m-box p img{max-width: 100%;}

}





/*鏍囩*/
.pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;}
.pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;}
.pro_key a:hover{background:#ea3c00;}
/*鍒嗕韩鎸夐挳*/
.jiathis{ padding:0px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;}
.jiathis .jiathis_txt{float: left;}
/*涓婁笅椤垫寜閽?/
.ny-page{overflow: hidden;margin-bottom:30px;}
.ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;}
.ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}



/*鎵嬫満*/

.m_logo{ padding: 10px 0; text-align: center;}
.m_logo .m_logotxt h2{ font-weight: bold; font-size: 16px; line-height: 2;}
.m_logo .m_logotxt h2 em{ color: #ea3c00; font-weight: bold;}


.m_nav{background: #ea3c00; overflow: hidden;}
.m_nav ul li{ width: 33.333%; float: left; position: relative;}
.m_nav ul li a{color: #fff; font-size: 15px; display: block; text-align: center; line-height: 2.5; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.m_nav ul li:nth-child(n+4) a{border-bottom: none;}
.m_nav ul li:nth-child(3n+3) a{border-right: none;}

/*鏍囬*/
.m-title>h2{font-size:1.5rem;color:#333;text-align:center;}
.m-title>p{font-size:1rem;color:#666;text-align:center;}
/*浜у搧涓績*/

.g-pro .wlist{display: flex;flex-wrap: wrap;align-content: flex-start;margin-top:20px;}
.g-pro .wlist li{flex:1}
.g-pro .wlist li a{display:block;line-height:40px;padding:0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;text-align:center;border: 1px solid #E5E5E5;}
.g-pro .wlist li.z-on a{background:#ea3c00;color:#fff;border:1px solid #ea3c00;}
.g-pro .wcont{padding:5px;}
.g-pro .wcont li{width: 50%; float: left; }
.g-pro .wcont li a{display:block; padding: 5px; }
.g-pro .wcont li a img{max-width:100%;border:1px solid #ddd;}
.g-pro .wcont li a p{line-height:30px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
/*鍏充簬鎴戜滑*/
.g-about{margin-bottom:20px;}
.g-about-box img{width:100%;display:block}
.g-about-txt{margin-top:20px;padding:0 10px;text-align:center;}
.g-about-txt h3{text-align: center;font-size: 1.2rem;font-weight: bold;color: #282828;margin-bottom: 0.5rem;}
.g-about-txt div{color: #242424;font-size: 1rem;height: 6rem;line-height: 1.5rem;overflow: hidden;margin-bottom:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-align:justify;}
.about-btn{margin:20px auto 0;}
/*鏂伴椈璧勮*/
.m-new{overflow: hidden;padding-bottom:20px;}
.n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;display:flex;}
.n_q li{flex:1;font-size: 1rem;color: #393939; font-weight: normal;text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; }
.n_q li.z-on{ border-top: 0.25rem solid #ea3c00; font-weight: bold; color: #ea3c00; background: #fff;}
.m-new .con{ float: left; display: inline; width: 100%;}
.n_c ul{ padding: 0 3.9%;}
.n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;}
.n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;}
.n_c ul li a{ color: #333333; display: block; float: left; width: calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n_c ul li:nth-child(6){ border-bottom: 0;}
.n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;}

.m-fewm{text-align:center;padding:10px; padding-bottom: 60px;}
.m-wx{display:inline-block;font-size:0;margin: 0 5px;}
.m-wx img{width:120px;}
.m-wx p{font-size:12px;margin-top:5px;}
/*搴曢儴鎸夐挳*/
.m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 99999999999;width: 100%;background: #ea3c00;text-align: center;display:flex;min-width: 320px;max-width: 640px;}
.m-fbtn a{flex:1;padding:7px 0;color:#fff;}
.m-fbtn a i{font-size:16px;display:block;}
.m-fbtn a span{display:block;line-height:20px;}
/*鍐呴〉闈㈠寘灞戝鑸牱寮 寮€濮?/
.m-btit { line-height: 35px; padding-left: 12px; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*鑳屾櫙娓愬彉锛岄拡瀵硅嫻鏋滄祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*鑳屾櫙娓愬彉锛岄拡瀵圭伀鐙愭祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*鑳屾櫙娓愬彉锛岄拡瀵规鏈嬫祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*鑳屾櫙娓愬彉锛岄拡瀵规墜鏈哄井杞祻瑙堝櫒鍐欑殑鍏煎*/ background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*鑳屾櫙娓愬彉锛屾甯哥殑鍐欐硶*/ border-bottom:1px solid #d9d9d9; } /*鍐呴〉闈㈠寘灞戝鑸儗鏅?/
.m-btit:before{content:""; /*閰嶅悎:before杩欎釜灞炴€э紝鍐 before鐨勬椂鍊欎竴瀹氳鍔犱笂鍘?/ position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff; }
.m-btit a{color:#666;}
.m-btit span{ padding:0 8px; position:relative; height:100%; top:3px; left:-2px; display:inline;}
.m-btit span:before{content:""; /*閰嶅悎:before杩欎釜灞炴€э紝鍐 before鐨勬椂鍊欎竴瀹氳鍔犱笂鍘?/ position:absolute; background:#7c7c7c; width:8px; height:8px; left:2px; top:3px; z-index:10; -moz-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝鐏嫄娴忚鍣ㄥ啓鐨勫吋瀹?/ -o-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝娆ф湅娴忚鍣ㄥ啓鐨勫吋瀹?/ -webkit-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝鑻规灉娴忚鍣ㄥ啓鐨勫吋瀹?/ transform: rotate(45deg);}  /*瑙掑害45搴︼紝鍐呴〉闈㈠寘灞戠澶存牱寮?/
.m-btit span:after{content:""; /*閰嶅悎:before杩欎釜灞炴€э紝鍐 before鐨勬椂鍊欎竴瀹氳鍔犱笂鍘?/ position:absolute; width:8px; height:8px; left:1px; top:3px; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*閽堝鑻规灉鑰佸紡娴忚鍣ㄥ啓鐨勫吋瀹?/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*鑳屾櫙娓愬彉锛岄拡瀵硅嫻鏋滄祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*鑳屾櫙娓愬彉锛岄拡瀵圭伀鐙愭祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*鑳屾櫙娓愬彉锛岄拡瀵规鏈嬫祻瑙堝櫒鍐欑殑鍏煎*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*鑳屾櫙娓愬彉锛岄拡瀵规墜鏈哄井杞祻瑙堝櫒鍐欑殑鍏煎*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*鑳屾櫙娓愬彉锛屾甯哥殑鍐欐硶*/ -moz-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝鐏嫄娴忚鍣ㄥ啓鐨勫吋瀹?/ -o-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝娆ф湅娴忚鍣ㄥ啓鐨勫吋瀹?/ -webkit-transform: rotate(45deg); /*瑙掑害45搴︼紝閽堝鑻规灉娴忚鍣ㄥ啓鐨勫吋瀹?/ transform: rotate(45deg);	} /*瑙掑害45搴︼紝鍐呴〉闈㈠寘灞戠澶存牱寮?/
/*鍐呴〉闈㈠寘灞戝鑸牱寮 缁撴潫*/
.about-btn{display:block; margin-top:20px; width:174px;height:45px;line-height:44px;padding-left:20px;border:1px solid #ea3c00;border-radius:30px;text-align:center;position:relative;box-sizing: border-box;font-size:14px;font-weight:bold;color:#666;transition:all .5s;-webkit-transition:all .5s;}
.about-btn i{width:45px;height:45px;background:url(../images/about-btn.png) no-repeat;position:absolute;left:-1px;top:-1px;transition:left .5s;-webkit-transition:left .5s;}
.about-btn:hover{padding-left:0;padding-right:20px;color:#fff;background:#ea3c00;}
.about-btn:hover i{animation:page .5s linear 1 forwards;left:128px;}


/*瀵艰埅*/
.m-nav{ height:5.875rem; overflow:hidden; background:#ea3c00; position:relative;}
.m-nav a{display: block; float: left; width: 33%; font: 1rem/2.92rem "microsoft yahei"; height: 2.92rem;color: #fff;text-align: center; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.m-nav a:nth-child(3n+3){border-right: none;}
.m-nav a:hover{color:#fff;}













































/*缈婚〉鏍峰紡*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#ea3c00; display: inline-block; }
.metpager_5 a:hover { border:1px solid #ea3c00; color:#fff; background-color:#ea3c00;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#ea3c00; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}