/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:40px;line-height:40px;background:#f8f7f7;color:#737373;}
.top .top-right{color:#888;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#737373;background:url(../images/top-ico.png) left center no-repeat;padding-left:14px;}
.top .top-right a:hover{color:#00b041;}
/*****logobox*****/
.logobox{position:relative;padding:.35rem 0;}
.logo img{padding-right:10px;}
.logori{padding-left:10px;border-left:1px solid #ddd;margin-top:10px;}
.logo strong{font-size:24px;line-height:30px;color:#00b041;}
.logo strong em{font-style:normal;}
.logo p{color:#1A1A1B;line-height:20px;font-size:18px;}
.media, .media .media{margin-top:0;}
.logobox .logoright img{padding-right:5px;}
.logobox .logoright strong{color:#03af43;font-size:30px;line-height:1.5;font-weight:normal;}
.logobox .logoright p{font-size:16px;color:#333;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:url(../images/nav.png) repeat-x;height:55px;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:55px;background:url(../images/nav-line.png) center right no-repeat;box-sizing:border-box;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{background:#00a641;line-height:55px;}
#nav ul .submenu{position:absolute;width:100%;top:55px;z-index:99;background:#00a641;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:500px;}	
.banner .hd{position:absolute;bottom:5px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:42px;height:3px;background:#eee;display:inline-block;margin-left:3px;border-radius:2px;}
.banner .hd li.on{background:#00a641;}

/*search*/
.search-box{line-height:60px;height:60px;background:#f2f2f2;}
.search-box .link span{padding-right:10px;color:#00a641;display:inline-block;font-weight:bold;}
.search-box .link a{padding:0 10px;}
.search{margin-top:12px;background:#fff;border:1px solid #ddd;}
.search .sousu{width:240px;line-height:34px;background:none;padding-left:10px;color:#666;border:none;}
.search .sou-zi{width:36px;line-height:36px;background:#45b11d;font-size:18px;color:#fff;border:none;cursor:pointer;text-align:center;}


/*product*/
.pro-left{width:262px;float:left;}
.pro-left .pro-tit{background:#01b145;padding:.2rem 0;color:#fff;text-align:center;}
.pro-left .pro-tit h3{font-size:24px;font-weight:bold;line-height:1.2;}
.pro-left ul{background:#f2f2f2;padding:0 15px 15px;overflow:hidden;}
.pro-left ul li{margin-top:15px;}
.pro-left ul li a{display:block;padding:10px 0;color:#fff;background:#01b145;text-align:center;}

.pro-right{width:852px;float:right;}
.pro-right .pror-tit{border-bottom:1px solid #ded8d8;line-height:.5rem;}
.pro-right .pror-tit a{float:right;}
.pro-right .pror-tit span{font-weight:bold;font-size:24px;color:#01b145;}
.pro-right ul li{margin-top:10px;}
.pro-right ul li a{display:block;text-align:center;}
.pro-right ul li a span{display:block; border:4px solid #01b145; height: 258px;}
.pro-right ul li a span img{/*height:200px;*/width:90%; height: auto; margin:0 auto;}

/*ban*/
.ban{background:url(../images/ban.jpg) no-repeat;height:196px;}
.ban .ban-left{width:550px;margin-top:20px;}
.ban .ban-left strong{font-size:30px;color:#fff;line-height:1.5;}
.ban .ban-left p{font-size:18px;color:#fff;line-height:1.5;}
.ban-right{color:#fff;margin-top:50px;}
.ban-right img{padding-right:10px;margin-top:10px;}
.ban-right strong{font-size:30px;line-height:1.2;}



.index-title h3{font-size:28px;color:#00a53f;font-weight:bold;line-height:1.5;}
.index-title p{background:url(../images/tit-line.png) center no-repeat;font-size:16px;color:#8f8f8f;text-transform:uppercase;}
/*case*/
.caseScroll .scroll{width:32px;height:80px;display:block;position:absolute;}
.caseScroll a.prev{background:url(../images/prev.png) top center;top:70px;left:-40px;}
.caseScroll a.next{background:url(../images/next.png) top center;top:70px;right:-40px;}
.case-cont .caseScroll{position:relative;}
.case-cont .caseScroll li{float:left;width:25%;position:relative;box-sizing:border-box;}
.case-cont .caseScroll li a{padding:10px;overflow:hidden;display:block;text-align:center;}
.case-cont .caseScroll li a span{display:block;text-align:center;overflow:hidden;border:1px solid #d9d9d9;padding:5px;}
.case-cont .caseScroll li a span img{height:180px;width:100%;}
/*advant*/
.advant{background:#f6fffa;padding-bottom:50px;}
.advant .advant-tit{background:url(../images/adva-tit.jpg) top center no-repeat;height:1.78rem;}
.advant .advant-tit h3 img{margin:auto;padding-top:.4rem;}
.advant .advant-tit p{font-size:.24rem;}
.adva-box{margin-top:.4rem;}
.adva-box img{width:.98rem;height:.98rem;}
.adva-box strong{font-size:.3rem;color:#00a73d;line-height:1.5;}
.adva-box p{font-size:.24rem;line-height:1.2;}
.adva-box li{background:url(../images/adva-ico.png) left center no-repeat;font-size:.16rem;color:#4c4c4c;padding-left:20px;}

/*aboutus*/
.aboutus{background:url(../images/about-bg.jpg) top center no-repeat;padding:50px 0;}
.about-cont{background:#fff;padding:30px;}
.about-cont h3{font-size:28px;color:#fff;font-weight:bold;background:#00a53f;padding:8px 30px;display:inline-block;border-radius:5px;}
.about-cont p{margin-top:10px;}
.about-cont p a{font-size:16px;color:#00a53f;}

/*news*/
.news .news-tit{text-align:center;color:#00a53f;font-weight:bold;background:url(../images/new-tit.jpg) center no-repeat;font-size:24px;background-size:contain}
.news .news-menu a{width:1.48rem;height:.44rem;font-size:.18rem;display:inline-block;margin:0 10px;background:#ececec;line-height:.44rem;}
.news .news-menu a:hover{background:#00a53f;color:#fff;}
.news .news-box{display:block;padding:15px;overflow:hidden;}
.news .news-box span img{height:2.7rem;}
.news .news-box h3{font-weight:bold;font-size:16px;}
.news .news-box p{color:#888;line-height:1.2;margin:5px 0;}
.news .news-box .news-more a{background:#00a53f;color:#fff;padding:2px 5px;}

.news-lists li span {float: right;}
.news-lists li {line-height: 22px;border-bottom: 1px dotted #ccc;}

.footer{background:#212121;overflow:hidden;}
.footer .friendlink{color:#7e7e7e;line-height:.7rem;border-bottom:1px solid #060606;}
.footer .friendlink a{color:#7e7e7e;padding:0 10px;}
.fot-cont{border-top:1px solid #313131;padding:30px 0;overflow:hidden;}
.fot-cont .fot-left p{color:#7e7e7e;}
.fot-cont .fot-left p span{padding-right:20px;line-height:2.5;}
.fot-cont .fot-right img{width:108px;height:106px;}
.fot-cont .fot-right p{text-align:center;color:#7e7e7e;}





@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.pro-right ul li a span img,.case-cont .caseScroll li a span img{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo{margin:0;}
	.logobox .logo img{width:4.49rem;margin-top:5px;float:left;margin-left:15px;}
	.logobox,.pro-left ul li a,.pro-left .pro-tit{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.png);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
	/*主导航样式*/
	#nav{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .9rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	.product,.case,.advant,.adva-box,.news,.footer{margin-top:15px;}
	.pro-left,.pro-right{width:100%;float:none;}
	.pro-left ul li{float:left;width:33.3%;padding:1px;box-sizing:border-box;margin-top:5px;}
	.caseScroll .scroll{display:none;}
	.case-cont .caseScroll li{width:50%;}
	.case-cont .caseScroll .tempWrap{overflow:hidden !important;width:100% !important;}
	.advant{padding-bottom:15px;}
	.about-cont{padding:5px;}
	.aboutus,.fot-cont{padding:15px 0;}
	.about-cont h3{font-size:20px;padding:4px 10px;}
	.news .news-box span img{height:200px;width:100%;}
	.news .news-box{padding:0;margin-top:10px;}
}