﻿@charset "utf-8";
/* Style Reset */
html{font-size:12px}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;font-family: "微软雅黑";}
body{font-size:0.1rem;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;};
/*header*/
.header{width:100%;height:0.691rem!important;background:#1d1d1d;position:relative;z-index:9999;}
.head{text-align: left;position:fixed;width:100%;height:0.691rem;top:0;right:0;background:#fff; box-shadow: 0 4px 4px rgba(9,2,4,.55);line-height:0.791rem;z-index:99; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
/* .head:before{content:"";position:fixed;width:100%;height:0.041rem;background:#1d1d1d;top:0;left:0} */
.logo{display:inline-block;width:62.8125%;height:auto;margin-left:3.4375%}
/* .nav-btn{width:14.0625%;right:0!important;top:-1px;position:absolute;height:0.691rem;background:#d82741;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;} */
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.search_hl{width:14.0625%;right:0.1%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#fff;text-align:center;overflow:hidden;}
.nav-btn{right: 0;color:#272636;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.82rem;text-align:center;color:#fff;overflow:hidden;}
.content,.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
.content{width: 100%; background-color: #fff;}


/*daohang*/

.hnav2 {
    border-bottom: 3px solid #49a139;
    border-top: 3px solid #49a139;
    height: 0.5rem;
}
.hnav2 .son {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width:32%;
    border-top: 1px solid #646464;
    text-align: center;
    color: #222222;
    font-size: 1.1em;
    line-height: 0.5rem;
    background: #525252;
}
.hnav2 .son:nth-child(-n+4) {
    border-top: none;
    background: #fff;
}
.hnav2 .son:first-of-type{width:32%;}
/* nav */
body{position:relative;width:100%;background:#e6e6e6;height:100%;}
.allpage{position:relative;z-index:10;background:#ffffff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:999;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #f992a2;text-align: center;}
.nav li a{display:block;width:100%;font:700 16px/50px '微软雅黑';color:#fff;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:6rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;right:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;}
/* nav */

.nav li{width:220px;margin:0 auto;border-bottom:1px solid #303030;}




#allmap{width:100%;height:6rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99;right:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;}



/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* banner */
.big-pic{width:100%;position:relative;z-index:2;margin:0 auto;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.pic-list img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
/* index */
.title{width:35.9375%;margin:0 auto;background:#1d1d1d;border-radius:0 0 0.1rem 0.1rem;text-align:center;padding-bottom:2%}
.title span{font:0.18rem/1.2 "microsoft yahei";color:#c1c0c0;}
.title p{font:0.16rem/1.2 "microsoft yahei";color:#828282;text-transform: uppercase}
.title-border1{width:100%;height:0.15rem;background:#1d1d1d;}
.inav{width:97.5%;margin:2% auto;overflow:hidden;}
.inav li{width:33.3%;float:left;height:auto;overflow:hidden}
.inav li a{display:block;width:75%;margin:0 auto;overflow:hidden;text-align:center;font:0.18rem/2 "microsoft yahei";color:#1d1d1d}
.inav li a img{display:block;width:83.97%;margin:0 auto;border:1px solid #d3d3d3;background:#fff;padding:0.09rem;border-radius:50%;}
.title1{width:100%;height:0.75rem;background:url(../images/titlebg1.jpg) 0 bottom no-repeat #fff;background-size:100% auto;}
.title1-name{float:left;overflow:hidden;margin-left:4.6875%;}
.title1-name h3{float:left;font:0.44rem/0.75rem "microsoft yahei";color:#bb2f30;}
.title1-name p{float:left;font:0.18rem/0.2rem "microsoft yahei";color:#232323}
.title1-name p span{font:700 0.18rem/0.2rem "microsoft yahei";color:#232323;display:block;margin-top:0.2rem}
.title1 a{float:right;font:0.18rem/0.75rem "microsoft yahei";color:#7d7d7d;margin-right:4.6875%}
.inews{width:100%;height:auto;overflow:hidden;background:url(../images/newsbg.jpg) right bottom no-repeat #fff;background-size:32.8125% auto;padding:5% 0}
.news-img{display:block;float:left;width:25%;margin:0 3.75% 0 4.6875%;}
.inews p{float:left;width:42.8125%;margin-left:3.75%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.16rem/2 "microsoft yahei";color:#686868;}
.inews h3{float:left;width:42.8125%;margin-left:3.75%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:0.18rem/1.2 "microsoft yahei";color:#232323;}
.inews h3 a{display:block;width:100%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#232323;}
.inews div{float:left;width:42.8125%;font:0.16rem/0.24rem "microsoft yahei";color:#1d1d1d;overflow:hidden;height:0.48rem;margin-left:3.75%;}
.title2{width:55.9375%;margin:2% auto;position:relative;text-align:center;color:#fff;background:url(../images/titlebg2.jpg) 0 0 no-repeat;background-size:100% 100%;padding:2% 0;}
.title2 span{font:0.18rem/1 "microsoft yahei";}
.title2 p{font:0.16rem/1 "microsoft yahei";}
.ipro{width:97.5%;margin:2% auto;overflow:hidden;}
.ipro li{width:50%;float:left;height:auto;overflow:hidden;padding-bottom:4%;}
.ipro li a{display:block;width:86.85%;background:#fff;border:1px solid #fff;overflow:hidden;margin:0 auto}
.ipro li a span{display:block;width:100%;font:0.18rem/2.4 "microsoft yahei";text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d;text-align:center;}
.ipro li a img{width:100%}
.imore{display:block;width:34.6875%;margin:2% auto;overflow:hidden;background:#1d1d1d;text-align:center;font:0.18rem/0.4rem "microsoft yahei";color:#ababab;border-radius: 0.4rem;}
.icase{width:100%;height:auto;overflow:hidden;padding:2% 0;background:#fff;}
.icase-top,.icase-bottom{width:92.5%;margin:2% auto;overflow:hidden;}
.icase-top a:nth-child(1){display:block;float:left;width:29.56%;}
.icase-top a:nth-child(2){display:block;float:left;width:31.08%;margin:0 1.68%;}
.icase-top a:nth-child(3){display:block;float:left;width:35.64%;}
.icase-top a img{display:block;width:100%;}
.icase-bottom a:nth-child(1){display:block;float:left;width:24.15%;}
.icase-bottom a:nth-child(2){display:block;float:right;width:73.98%;}
.support{width:100%;font:0.18rem/2.4 "microsoft yahei";color:#bb2f30;text-align:center;background:#fff;}
.support a{color:#bb2f30;}
/* top class */
.class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd{overflow:hidden}
.class li dl dd a{width:100%}
/* subpage */
.about,.view{width:92.5%;margin:2% auto;font:0.2rem/2.4 "microsoft yahei";color:#1d1d1d;}
.about{}
.about img{display: inline-block;}
.view h1,.about h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939;}
.view img{max-width: 100%;display:inline}
/* product */
.product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:0.5833rem;font:0.2rem/0.5833rem "microsoft yahei";color:#7b7b7b;}
.product-top p{float:left;}
.product-top p span{color:#c5132d}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show{color:#c5132d}
/* news */
.news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news li{width:100%;height:0.691rem;overflow:hidden}
.news li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news li:nth-child(even){background:#fff;}
/* case */
.case{width:100%;height:auto;overflow:hidden;margin:2% auto}
.case li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case li>a{display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;}
.case li>a img{display:block;width:100%}
.case li h1{float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li h1 a{color:#232323}
.case li div{float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d}
/* for white */
.white-bg{background:#fff;}

/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
@font-face{font-family:"hfont";src:url('../font/hfont.woff') format('woff'),url('../font/hfont.ttf') format('truetype');}
.hfont{font-family:"hfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.clear-fix:after{
	display:block;clear:both;visibility:hidden;
	height:0;
	font-size:0;content:".";
}
input{
	outline:none;
}
body{
	background:#e2e2e2 !important;
}
.allpage{
	background:#ffffff !important;
}
/*head*/
.logo{
	display:block;width:57%;margin:0 auto;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.allpage .header{
	height:0.75rem !important;
}
.head{
	height:0.75rem !important;box-shadow:none;
	background:#87c135;
}
.nav-btn{
  position:absolute;top:0.1rem !important;right:0 !important;
  width:15.46875% !important;height:0.55rem !important;overflow:hidden;
  font-size:0.4rem;line-height:0.55rem !important;color:#FFF !important;text-align:center;
}
.hsrh-btn{
  position:absolute;top:0.1rem;left:0;
  width:15.46875%;height:0.55rem;overflow:hidden;
  font-size:0.4rem;line-height:0.55rem !important;color:#FFF;text-align:center;
}
.type{
	top:0.75rem !important;
}
/*content*/
.content{
	padding-bottom:0.75rem !important;
	background:none;
}
/* banner */
.banner{
	position:relative;
	width:100%;
}
.swiper-pagination{
	text-align:right !important;
	bottom:0.1rem !important;
}
.swiper-pagination-bullet{
	width:0.15rem !important;height:0.15rem !important;opacity:1 !important;
	background:#FFF !important;
}
.swiper-pagination-bullet-active{
	background-color:#87c135 !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 5px !important;
}
/*rnav*/
.rnav{
	margin:0 auto;
	position:relative;padding:0.1rem 0;
}
.rnav a{
	float:left;
	display:block;width:25%;
	text-align:center;color:#151515;
	font-size:0.2rem;line-height:1.5em;
}
.rnav .in{
	position:relative;display:inline-block;
	width:0.8rem;height:0.8rem;margin-top:0.05rem;	
	font-size:0.5rem;line-height:0.8rem;border-radius:50%;
	border:1px solid #333;color:#333;
}
.rnav a:nth-child(1) .in{
	background:url(../images/icon1.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(2) .in{
	background:url(../images/icon2.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(3) .in{
	background:url(../images/icon3.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(4) .in{
	background:url(../images/icon4.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(5) .in{
	background:url(../images/icon5.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(6) .in{
	background:url(../images/icon6.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(7) .in{
	background:url(../images/icon7.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
.rnav a:nth-child(8) .in{
	background:url(../images/icon8.png) no-repeat;
	background-size:0.8rem 0.8rem;
}
/*iwrap*/
.iwrap{
	width:93.75%;margin:0 auto; margin-top:0.3rem;
}
.icontainer{
	background:#fff;margin-bottom:0.3rem;
}
.icontainer2{
	background:#FFF;border:1px solid #FFF;padding-bottom:0.1rem;
}
.icontainer3{
	background:#FFF;border:1px solid #FFF;margin-bottom:0.17rem;
}
/*item_b*/
.item_b{
	position:relative;
	width:47.6%;float:left;margin-right:4.8%;margin-top:0.15rem;
}
.item_b .pic{ width:100%;}
.item_b .pic img{ width:100%;}
.item_b:nth-child(-n+2){
	margin-top:0;
}
.item_b:nth-child(2n){
	margin-right:0;
}

.tl2{ border-bottom:3px solid #0d6408;}
.item_b .tl2 a{
	display:block;font-weight:normal;text-align:center;
	font-size:0.9em;color:#333;line-height:0.5rem;background:#eff0f1;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-top:0.1em;
}
/*iadg*/
.iadg{
	width:93.75%;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	margin:0.05rem auto 0;padding:0.5em 1em 0;
	line-height:2em;color:#333;padding-bottom:0.1rem; text-align:center; text-indent:2em;font-size: 0.9em;
}
/*inew*/
.inew{
	padding:0 3.125%;margin-bottom:0.1rem;
}
.inew li{
	font-size:0.22rem;color:#a30901;line-height:0.5rem;
	background-color:#eaeaea;
}
.inew li:nth-child(2n){
	background-color:#FFF;
}
.inew a{
	display:block;color:#333;padding:0 0 0 3.125%;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.inew span:first-child{
	float:right;line-height:0.3rem;margin:0.1rem 0;
	padding:0 0.1rem;color:#8e8e8e;font-size:0.18rem;
}
/*iabout*/
.iabout{
	display:block;text-align:center;
	font-size:0.21rem;color:#a6d16a;padding:0.2rem 0;
	background:#49a139;line-height:0.4rem;
}
.baoming {
    padding: 1% 8%;
    padding-top: 8%;
    background-color: #49a139;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    line-height: 1.7;
    font-weight: bold;
}
.baoming div {
    width: 84%;
    margin-left: 8%;
    position: relative;
    font-size: 0.3rem;
    font-weight: normal;
    border: 2px solid #fff;
    padding-top: 3%;
    margin-bottom: 1%;
}
.baoming div span {
    display: inline-block;
    width: 0.8rem;
    height: 0.6rem;
    line-height: 0.7rem;
    font-size: 0.6rem;
    position: absolute;
    left: 50%;
    top: -55%;
    margin-left: -9%;
    background-color: #49a139;
}
.iconfont2 {
    font-family: "iconfont2" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; background:url(../images/tel.png) no-repeat center center;;
}
.iabout .tl{
	font-size:0.4rem;margin-bottom:0.2rem;
}
/*itl*/

.aboutu{ background: url(../images/abbg.png) no-repeat center top;}
.aboutu2{ background: url(../images/abbgbotom.png) no-repeat center top; height:0.5rem; margin-bottom:0.3rem; border-bottom:3px solid #4ab344;
width: 1.5rem;
display: table;
margin: 0 auto;
margin-bottom: 0.17rem;}
.aboutu3{background: url(../images/abbg3.png) no-repeat center top; height:0.5rem; margin-bottom:0.3rem; border-bottom:3px solid #4ab344;
width: 1.5rem;
display: table;
margin: 0 auto;
}

/*新闻*/
.iwrap.style_b {
    width: 93.75%;
}
.iwrap {
    position: relative;
    width: 93.75%;
    margin: 0 auto; margin-top:0.2rem;
}
.item_e {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 0.05rem; margin-bottom:0.1rem; background:#f1f1f1;
    
}
.item_e .date {
    display: inline-block;
    vertical-align: middle; float:left;
}
.item_e .date strong:first-child {
    display: block;
    width: 0.9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    font-size: 0.20rem;
    line-height: 0.4rem;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #62ac55;
    background: #227c12;
}
.item_e .date strong:first-child span {
    display: inline-block;
    vertical-align: top;
    font-size: 0.3rem;
    margin-right: 0.05rem;
}
.hfont {
    font-family: "hfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.item_e .date strong:last-child {
    display: block;
    width: .9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    font-weight: normal;
    font-size: 0.15rem;
    line-height: 0.35rem;
    color: #fff;
    text-align: center;
    background: #227c12;
}

.item_e .tl {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
    margin-left: 0.15rem;
    font-size: 0.9em;
    color: #333;
    line-height: 0.38rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
    max-height: 0.6rem;
    overflow: hidden;
}
.item_e .tl12 {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
    margin-left: 0.15rem;
    font-size: 0.7em;
    color: #333;
    line-height: 0.38rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
    max-height: 0.6rem;
    overflow: hidden;
}






.itl{
	margin:0.3rem 0 0.05rem;
	text-align:center;
}
.itl h2{
	font-size:1em;line-height:0.4rem;color:#333;font-weight:normal;
	display:inline-block;border-bottom:2px solid #70b80c;margin-bottom:-2px;
}
.itl h3{
	font-size:1.4em;line-height:1em;color:#70b80c;
}
.icontainer .itl{
	margin:0.15rem 0;
}
.icontainer .itl h2{
	color:#333333;
}
.icontainer .itl_more{
	z-index:99;margin-bottom:-0.175rem;
	text-align:center;margin-top:0em; background:#e1e1e1; border-top: 1px solid #bebebe;
}
.icontainer .itl_more a{
	z-index:99;
	display:inline-block;color:#404040;
	background:#e2e2e2;border-radius:0.05rem;
	font-size:0.9em;line-height:0.45rem;padding:0 0.3rem;
}
.icontainer3 .itl_more{
	z-index:99;margin-bottom:-0.175rem;
	text-align:center;margin-top:0.175rem;
}
.itl_more{
	z-index:99;
	text-align:center;margin-top:-0.175rem;	 background:#e1e1e1; border-top: 1px solid #bebebe;
}
.itl_more a{
	z-index:99;
	display:inline-block;color:#404040;
	border-radius:0.05rem;
	font-size:0.9em;line-height:0.45rem;padding:0 0.3rem;
}
.more_i {
    background: url(../images/line.gif) left bottom repeat-x;
}
.more_i span {
    font-weight:normal;
    display: inline-block;
    font-size: 1.2em;
    color: #4ab344;
    padding: 0.5% 5% 2% 2%;
}
.about_i_c {
    line-height: 2em;
    padding: 2% 5%;
    font-size: 0.9em;
    color: #000000;
}

.about_i {
    background: #ffffff;
    margin: 4% auto;
    height: auto;
    overflow: hidden; width:95%;

}
.shangxiaye {
    height: 0.7rem;
	text-align:center;
}
.shangxiaye li {
    display:inline;
    margin-left: 5%;
}
.shangxiaye li a{
	color:#000;
}
.about-sp a{ color:#000;}
.insidepagecontent {
    background: #FFF;
    width: 100%;
}



.about-sp h1 {
    line-height: 0.6rem;
    text-align: center;
    font: 1.3em/0.5rem "microsoft yahei";
    font-weight: bold;
    margin-bottom: 3%;
}
.about-sp  {
    width: 92.5%;
    margin: 0% auto;
    font: 0.9em/2.4 "microsoft yahei";
    color: #1d1d1d;
}

.picContent {
  /*  text-indent: 2em;*/
}
.page {
    display: block;
    width: 100%;
    height: 0.4rem;
    font: 1.0em/0.38rem "microsoft yahei";
    color: #676767;
    background: #eeeeee; border: 1px solid #c9c9c9;
    border-radius: 0.08rem;
    margin: 3% auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 0.1rem;
}




.imore-p {
    display: block;
    margin: 5% auto;
    overflow: hidden;
   
    background: #ffffff;
    text-align: center;
    color: #2d2d2d; border:1px solid #dcdcdc;
    font: 1.0em/2.2 "microsoft yahei";
    clear: both;
}
/*beian*/
.beian{
	width:100%;height:0.65rem;
	font-size:1.2em;line-height:0.65rem;color:#333;text-align:center;
}
.beian a{
	color:#333;
}
/*footer*/
.footer{
	height:0.75rem !important;
}
.foot-relative{
	height:0.75rem !important;
}
.foot{
	background:#333;
}
.foot a{
	-webkit-box-sizing:border-box;box-sizing:border-box;
	text-align:center;color:#FFF !important;
}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}
}
.imore,.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:red;text-align:center;color:#fff;font:0.18rem/2 "microsoft yahei";clear:both}
.imore:before,.back:before{content:"";clear:both;}
.common_news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.9em/0.5rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.5rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.5rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;float:left;width:33%;height:auto;overflow:hidden}
.news1>a>img{display:block;width:100%}
.news3>h1{display:block;float:left;width:64%;margin-left:3%;overflow:hidden}
.news3>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:64%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.8rem;color:#999;margin-top:2%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:0.9em/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:70%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:70%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.8rem;color:#999;margin-top:2%}
/* case */
.case{width:100%;height:auto;overflow:hidden;margin:2% auto}
.case li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case li>a{display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;}
.case li>a img{display:block;width:100%}
.case li h1{float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li h1 a{color:#232323}
.case li div{float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d}
/* for white */
.white-bg{background:#fff;}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}
/* footer */
.footer{width:100%;height:0.8rem;position:fixed;z-index:9999;bottom: 0; left: 0;
-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;height:0.8rem;z-index:99;}
.foot-relative{position:relative;width:100%;height:0.8rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot a{display:block;float:left;width:25%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-search{width:92.1875%;position:absolute;z-index:100;left:3.90625%;bottom:0.8rem;height:0.533rem;border:1px solid #333;background: #fff;display:none;}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
/*font*/
@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
