body{ background:#fff; font-family:'寰蒋闆呴粦'; font-size:0.235rem; color:#666}
h2,h3,h1,h4,h7,h5,h6{ font-weight:normal}
.g-flexview, .g-view{ max-width:640px;}
.g-view{ overflow:hidden;}
.g-view:before{ height:0;}
.g-view:after{ height:0.9rem;}
a{color:#666}
.navbar-center{ width:70%;}
.navbar-item{min-width: 15%;flex: 0 0 15%;}
.top-icon{    font-size: .4rem;}
.m-box{  }
.m-box-title{ background:#f2f2f2; color:#666; padding:0.25rem 0.1rem 0.23rem 0.1rem; line-height:normal;   position:relative; text-align:left; }
.m-box-title font{font-size:0.325rem;  margin-left:0.2rem; padding-left:0.2rem; line-height:1}
.m-box-title a{ position:absolute; right:0px; top:0px;float:right; margin-right:0.2rem; color:#c9c9c9; top:0.04rem; font-size:0.475rem;}


.m-box-title.m-box-title_nobg{ background:#fff; border-bottom:#ddd 1px solid;}
.m-box-title.m-box-title_nobg font{font-size:0.375rem;}
.m-box-title.m-box-title_nobg a{font-size:0.275rem;top:0.24rem; color:#333;}
.m-box-title.m-box-title_bottomline font{ padding-left:0; border-left:0; }
.m-box-title.m-box-title_bottomline span{ display:block;   ; left:0.1rem; padding:0 0.2rem; height:2px;  position:absolute; bottom:-1px; overflow:hidden;  font-size:0.375rem;}

header.logoheader{ overflow:hidden; padding:0.2rem 0.1rem; background:#fff;}
.logoimg{ float:left; max-width:63%;}
.logoimg img{height:0.7rem; max-width:100%;}
.logotxt{ float:left; margin-left:0.18rem;}
.logotxt big{ display:block; font-size:0.325rem; color:#F00; font-weight:900;}
.logotxt small{ display:block;}
.logomenu{ float:right; line-height:0.7rem;padding:0 0.15rem}
.logomenu i{font-size:0.375rem; }

.logotel{ float:right; background:url(../img/header_tel.png) left center no-repeat; line-height:1; padding-left:0.7rem; background-size:0.6rem 0.6rem; padding-top:0.05rem; padding-bottom:0.05rem}
.logotel font{ display:block; line-height:0.3rem}
.logotel b{ display:block;line-height:0.3rem}

 
.tabbar-icon,.tabbar-txt{ color:#fff;}
.tabbar-icon i{ font-size:0.5rem;}
.m-nav{  padding:0rem 0;}
.m-nav-box{ margin:0px -1px 0 0px}
.m-nav a { display:block; float:left; width:25%; text-align:center; font-size:0.225rem;  line-height:0.7rem; color:#fff;}
.m-nav a span{ display:block; border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.m-nav a:nth-child(5) span,.m-nav a:nth-child(6) span,.m-nav a:nth-child(7) span,.m-nav a:nth-child(8) span{ border-bottom:none;} 

.m-logo{ text-align:center;  }
.m-logo img{ display:inline-block; }
.m-logo-text{ font-size:0.5rem ; line-height:1rem; text-align:center;background:#fff; color:#000; padding:0 0.2rem;}
 

/*itager*/
.itager{background:#f4f4f4; overflow:hidden;}
.itager ul{border-bottom:1px solid #e0e0e0;}
.itager li{float: left;width: 50%;padding: 4% 0 4% 18%;line-height: 1.4;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.itager li:nth-child(4n) { border-right:0; }
.itager li:nth-child(1){background:url(../images/itager_01.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(2){background:url(../images/itager_02.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(3){background:url(../images/itager_03.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(4){background:url(../images/itager_04.png) 6% center no-repeat;background-size:.6rem;}
.itager li h2{font-size:.26rem;color:#202022;font-weight:bold;line-height: 1.8;}
.itager li h3{color:#666666;line-height:1.2;}

.m-img img{ max-width:100%;}
.m-box-title1{ text-align:center; margin:0.3rem 0;}
.m-box-title1 font{ font-size:0.55rem;  line-height:0.55rem; height:0.55rem;}
.m-box-title1 small{ font-size:0.325rem; display:block; color:#999}
.m-box-title1 span{ display:block; height:1px; background:#d9d9d9; margin:0.08rem 2%;}
.m-box-title1 big{ display:block; width:1.5rem ;   height:2px; margin:0 auto; margin-top:0.1rem;}
.m-box.m-box-top0{ margin-top:0px;}


.m-box-title2{ border:#d9d9d9 1px solid; text-align:center; height:0.61rem; margin: 0.3rem 15%; font-size:0.475rem;  ;}
.m-box-title2 span{ display:inline-block; margin-top:0.18rem;   background:#FFF; padding:0px 0.1rem;}
.m-box-title2 span small{ color:#CCC;}

.m-box-title3{ text-align:center;   font-size:0.325rem; padding:0.1rem 0; background:url(../img/titlebg.png) center;  ;}
.m-box-title3 span{ display:inline-block;    background:#FFF; padding:0.1rem 0.5rem; border:#d9d9d9 1px solid; border-radius:1rem; }
.m-box-title3 span small{ color:#CCC;}


.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear{ clear:both}
.m-box-2 .m-item{ width:50%; float:left;}
.m-box-3 .m-item{ width:33.3%; float:left;}
.grids-item:after{border-bottom:none;}
.m-box .m-box-con{  }
.m-box .m-box-con .m-box-about{line-height:180%; padding:0.2rem;  }
a.m-prolist { display:block;   margin:3%; text-align:center;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);
    border-radius: 7px;}
a.m-prolist.m-prolist-noborder{  padding:0; border:#efefef 0px solid; }
a.m-prolist img{ max-width:100%; display:block; width:100%;}
a.m-prolist font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;    background: #fff;
}

.home_news{margin:0 0 0.15rem 0;}
.home_news li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:5px 0 5px 0;min-height:1.1rem;}
.home_news li .date{ color:#fff;line-height:0.8rem;height:0.8rem;width:1rem;display:inline-block;text-align:center;margin:0.05rem 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:4px;font-size:0.275rem;}
.home_news li .right{color:#999;font-size:12px;margin-left:1.1rem; margin-top:0.12rem;}
.home_news li .right a{display:block;font-size:16px;color:#333; margin-bottom:0.00rem;}
.home_news li .right a:hover{color:#f30;}
.home_news li .right p{margin:0;padding:0;}
.home_news.nhome_news li .date{ background:#efefef; color:#000}


.fenlei{ overflow:hidden;  }
.fenlei a{ display:block; float:left; color:#000; width:33.3%; line-height:normal;  }
.fenlei a span{ display:block;  ;border:#eee 1px solid; ; padding:4% 1% 4% 1%; text-align:center; margin:4% 2%  0% 2% ; border-radius:5px;}
.fenlei a span font{  display:inline-block;  }

.m-i-news{ line-height:2; padding:2% 4%;;}
.m-i-news li a { font-size:0.25rem;}
 

.navbar-center .navbar-title{ color:#fff;}
.m-navbar{ }
.navbar-item{ color:#fff;}

.m-box-menu{ padding:0.3rem 0; background:#fff;}
.m-box-menu a{ display:block; float:left; width:33.3%;}
.m-box-menu a div{ padding:2%;}
.m-box-menu a div span{ background:#fd3e5c; height:60px; display:block; width:60px; margin:0 auto; border-radius:50%; line-height:64px; font-size:0.475rem; color:#fff; text-align:center;}
.m-box-menu a div font{ display:block; font-size:0.275rem; text-align:center; line-height:.6rem;}
.m-box-menu a:nth-child(2) div span{ background:#f5b100;}
.m-box-menu a:nth-child(3) div span{ background:#6dc114;}
.m-box-menu a:nth-child(4) div span{ background:#3498db;}
.m-box-menu a:nth-child(5) div span{ background:#4dc764;}
.m-box-menu a:nth-child(6) div span{ background:#1ed2c7;}
.m-box-menu a:nth-child(7) div span{ background:#e19ffc;}
.m-box-menu a:nth-child(8) div span{ background:#2cc0fa;}

.m-about-bg{ background:url(../img/aboutbg.png) center; background-size:100%;}
.m-lx-bg{ background:url(../img/lxbg.png) center; background-size:100%;}
.m-box-more{ margin:0 auto; width:40%;}
.m-box-more a{ display:block; line-height:normal; border-radius:1rem; padding:0.1rem;    text-align:center; font-size:0.345rem; border:#ddd 1px solid;}

.m-box-contact{ padding:4%; line-height:2;}

.footer{ text-align:center; padding:0.2rem 0 0.8rem 0;}

.nav1{ text-align:center; background:#f5f4f9; border-bottom:#efefef 1px solid;}
.nav1 .nav1box{ width:auto;float:left;}
.nav1 .nav1box a{ font-size:0.28rem; line-height:0.4rem;  display:block; padding:0.2433rem 0.22rem 0.2133rem 0.22rem ; overflow:hidden; }
.nav1 .nav1box a small{ padding:0px; margin:0px;}
.nav1 .nav1box.on a,.nav1 .nav1box:hover a { background:#09BB07; color:#fff;}

.m-box-con-p1{ padding:1%;}
.m-box-con-p2{ padding:2%;}
.nav1 .nav1box.col2{ width:50%}
.nav1 .nav1box.col3{ width:33.333333%}
.nav1 .nav1box.col4{ width:25%}
.nav1 .nav1box.col5{ width:20%}

.m-ad{   color:#fff; padding:0.2rem 0.2rem 0.1rem 0.2rem;}
.m-ad  .m-ad-left-icon{ float:left; font-size:0.5rem; margin:0 2%;}
.m-ad  .m-ad-right-txt{ float:left; line-height:1.3;}
.m-ad  .m-ad-right-txt big{ display:block; font-size:0.275rem;}
.m-ad  .m-ad-right-txt small{ display:block;font-size:0.275rem;}
.m-ad  .m-ad-right-txt small b{font-size:0.375rem;}

.m-ad1{   color:#fff; padding:0.25rem 0.2rem 0.2rem 0.2rem; text-align:center; font-size:0.325rem; line-height:1;  }
.m-ad1 a{ color:#fff; }


.m-ad2{   color:#fff; padding:0.3rem 0.1rem 0.2rem 0.1rem;}
.m-ad2  .m-ad-left-icon{ float:right; font-size:0.275rem; width:30%; text-align:right}
.m-ad2  .m-ad-right-txt{ float:left; line-height:1.3; width:68%;}
.m-ad2  .m-ad-right-txt big{ display:block; font-size:0.355rem;}
.m-ad2  .m-ad-right-txt small{ display:block;font-size:0.275rem;}

.ys{ padding:2%}
.ys .ysitem{ border:#d9d9d9 1px solid; margin:5% 0 2% 0; }
.ys .ysimg img{ height:2.rem; width:100%;}
.ys .ystext{ padding:2% 4%;}
.ys .ystextd1 font{ width:0.6rem; height:0.6rem;   border-radius:50%; display:inline-block; color:#fff; text-align:center; margin-right:1%;}
.ys .ystextd1{ font-size:0.4rem; line-height:0.6rem; padding:2% 0;}
.ys .ystextd3{ line-height:1.8;}
.ys .ysbtn{ text-align:center; padding:2% 0;}
.ys .ysbtn span{  width:0.5rem; height:0.5rem; background:#d9d9d9; line-height:0.5rem; margin:0 2%;   border-radius:50%; display:inline-block; color:#fff; text-align:center;}


.ys2{ padding:2%;}
.ys2-2,.ys2-l{ overflow:hidden; margin-bottom:4%; padding-bottom:4%; border-bottom:#d9d9d9 1px solid;}
.ys2-img{ position:relative; float:left; width:40%;}
.ys2-img img{ width:100%;}
.ys2-img font{ font-size:0.375rem; text-align:center; border-radius:50%; position:absolute; top:0; right:0; background:#000; width:0.7rem; height:0.7rem; line-height:0.7rem; color:#fff;}
.ys2-2 .ys2-img font{  right:auto; left:0;;}
.ys2-text { float:right; width:58%; line-height:1.2;}
.ys2-text big{ color:#F00; display:block; font-size:0.275rem;}
.ys2-text small{ color:#CCC; display:block; font-size:0.2rem;}
.ys2-text b{ display:block; width:30%; height:1px; background:#999; overflow:hidden; line-height:1; margin:2% 0;}
.ys2-text p{ line-height:1.4; margin-top:2%;}

.ys2-2 .ys2-img{ float:right;}
.ys2-2  .ys2-text{ float:left;}

.sitepath{ background:#f3f3f3; position:relative; line-height:0.82rem; height:0.8rem;border-bottom:#efefef 1px solid;}
.sitepath font{ display:inline-block; font-size:0.345rem; margin:0 0.2rem; width:70%;}
.sitepath  span{ float:right; font-size:0.3rem; margin-right:0.2rem; color:#666}
.sitepath  span i{  }
.menu{ display:none; padding:0.1rem  0;}
.menu .list a { display:block; float:left; width:50%; text-align:center; font-size:0.275rem}
.menu .list a span{ display:block; border:#ddd 1px solid; margin:2%; padding:.2rem 0.1rem; border-radius:3px;}

.menu .list a.on span{   color:#fff;}


.info{ margin:2%; line-height:150%; font-size:0.3rem;}
.info img{ max-width:100%; height:auto}


.mainbox{ background:#fff; overflow:hidden;}


.zplist{ position:relative;}
.zplist ul{}
.zplist li{ float:left; width:48%; position:relative; margin-left:1.5%; margin-bottom:1.5%; text-align:center}
.zplist li img{ display:inline-block;  width:100%; height:3rem; display:block; }

.zplist li font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;    background: #eee;}
 
.h10 {
	height: 0.14rem;
	clear: both
}
 


/*鏂伴椈鐩稿叧*/
.news_show{}
.news_show h1{text-align:left;font-size:18px;font-weight:400;margin:0;padding:5px 0 0;}
.news_show .info{background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro{padding:15px 0 0;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .other{margin:20px 0 10px 0;text-align:center;}
.news_show .other p{font-weight:bold;}
.news_show .other a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:4px 20px;min-width:100px;}
.news_show .other a span{font-size:18px;margin-right:10px;}
.news_show .other a em{font-style:normal;font-size:18px;}
.news_show .other a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .other a:hover span{color:#fff;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-right:5px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.shangxia{ border-top:#efefef 1px solid; margin-top:0.15rem; padding-top:0.15rem; }
.shangxia div{ line-height:200%;}



.ceng{position:fixed; right:0px; width:100%; height:100%; z-index:1;; top:0px;background:#333;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1; opacity:0.1; display:none;}
.leftbox{ position:fixed; left:-3.2rem; width:3.2rem; height:100%;   top:0px;background:#333; z-index:222222222222222222222222222222; }
.leftbox span font{ position:absolute; top:0px; right:0px; padding:0 0.2rem 0 0.8rem;}
.leftbox span{ display:block; font-size:0.32rem; color:#ddd; border-bottom:1px solid #474747; font-size:0.275rem; padding:0 0.2rem; position:relative; }
.leftbox span a.tt{ display:block; color:#fff}
.leftbox span.on{background:#222;}
.leftbox span div{ position:absolute; left:3.2rem; width:2.5rem;; display:none; top:0px; border-left:#474747 1px solid; }
.leftbox span div a{  display:block;; background:#222; color:#ddd; text-align:center; font-size:0.225rem;border-bottom:1px solid #474747; padding:0.25rem 0.15rem; line-height:normal; }

.menubox{ position:absolute; left:0px; width:100%;; top:1.16rem;;background:#000;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity:0.9; z-index:2; display:none }
.menubox a{ display:block; font-size:0.275rem; color:#fff; text-align:center; padding:0rem 0px; border-bottom:#333 1px solid;}


.my-slider .swiper-slide a{ display:block; position:relative;}
.my-slider .swiper-slide img{ width:100%; }
.my-slider .swiper-slide span{ position:absolute; left:0px; height:100%; width:100%; background:#000; top:0px;}


 
.newslist1 ul{ padding-top:3%; overflow:hidden; padding-bottom:2%;}
.newslist1 li{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:2% ; margin-bottom:2%;}
.newslist1 li a.img{ display:inline-block; float:left; margin-left:2%; margin-right:1.5%; width:25%;}
.newslist1 li a.img img{ width:100%; height:1.5rem;;}

.newslist1 li a.txt{ float:left; width:70%; display:inline-block;}
.newslist1 li a.txt span{ font-size:0.4rem;    font-size: 0.32rem;
    display: block;
    
    overflow: hidden; color:#000; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.1rem;}
.newslist1 li a.txt p{ font-size:0.275rem; line-height:0.45rem; height:0.9rem; overflow:hidden; color:#999999;}
 
 .newslist1 li a.txt.txt-none{ float:none; width:auto; display:block; margin:0 2.5%;}
 
 .caselist{ overflow:hidden; padding:3% 0;}
 .caselist_left{ float:left; width:48%; margin-left:1.5%;}
 .caselist  img{ width:100%;}
 .caselist_right{ width:48%; margin-right:1.5%; float:right;}
 .caselist_right .caseitem{ width:49%; float:left; margin-bottom:0.05rem}
 .caselist_right .caseitem.last{ float:right;}
 .caseitem { position:relative;}
 .caseitem .case_bg{ position:absolute; z-index:2; left:0; width:100%; bottom:0; height:0.45rem;; background-color:rgb(0,0,0);   
 opacity:0.8;   
filter:alpha(opacity=80);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';
}
 .caseitem .caset_txt{ position:absolute; z-index:3; left:0;width:100%; bottom:0; line-height:0.45rem;   color:#fff; text-align:center; color:#fff;}
 .caseitem .caset_txt a{ color:#fff; display:block;}