/* 
 * Company: seowhy.com
 * Author : fesiong
 * Time   : 2015-08-06
 */
*{padding:0px;margin:0px;font-family:"Microsoft Yahei"}
li{list-style:none}
a:hover{text-decoration:none;}
/* header */
.site-header{height:100px;width:100%;border-bottom:1px solid #ebebeb;position:relative;z-index:99999;}
.site-header.small{height:46px;position:fixed;z-index:99999;}
.site-header .logo{width:200px;height:80px;margin:10px 10px;background:url('../images/logo.png') center;}
.site-header .logo a{display:block;}
.site-header.small .logo{width:150px;height:36px;margin:5px 10px;background:url('../images/logo-small.png') center;}
.site-header.small .logo a{padding:20px 10px;}
.navbar{margin-bottom:0px;}
.site-header .navbar{min-height:46px;margin-bottom:0px;width:100%;border-radius:0;}
.site-header .navbar a{padding: 40px 10px;}
.site-header.small .navbar a{padding: 13px 10px;}
.site-header.small .navbar-toggle{margin-top: 5px;margin-bottom:5px;}
.header-slide{overflow:hidden;width:100%;}
.header-slide .slideBox{position:relative;height:500px;}
.header-slide .slideBox .hd{text-align:center;position:absolute;bottom: 40px;width:100%;z-index:999;}
.header-slide .slideBox .hd a{padding:8px;background:#eee;background:rgba(221, 221, 221, 0.7);border-radius:10px;display: inline-block;margin:5px;cursor:pointer;}
.header-slide .slideBox .hd a.on{background:#fff;}
.header-slide .slideBox .bd li{height:500px; background-position:50% 0;background-size:cover;}
.header-slide .slideBox .bd a{display:block;width:100%;height:100%;}
.header-slide .slideBox .bd_title{position: absolute;bottom: 0px;text-align: center;width: 100%;background-color: #999;height: 40px;line-height: 40px;opacity: .7;color: #fff;}
@media (max-width: 767px) {
	.site-header{height:46px;position:fixed;z-index:99999;}
	.site-header .logo{width:150px;height:36px;margin:5px 10px;background:url('../images/logo-small.png') center;}
	.site-header  .logo a{padding:20px 10px;}
	.site-header .navbar a{padding: 13px 10px;}
	.sidebar .widget{padding:21px 0px 0px !important;}
}

/* footer */
.page-footer{background:#2d2d2d;padding:20px 0;margin-top:20px;border-top:1px solid #ebebeb}
.page-footer li{line-height:30px; color:#fff}
.box-tit{font-size:16px;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;margin-bottom: 10px; color:#fff}
.box-tit .more{font-size:13px;padding-right:10px;font-weight:normal;padding:5px;}
.box-tit a{ color:#fff}
.company-info i{padding-right:5px;}
.copyright{text-align:center;padding-top:20px;border-top:1px dotted #999; color:#fff}
.copyright a{ color:#fff}
.box-content{overflow:hidden;}


/* index */
.main-content{overflow:hidden;}
.company-description{}
.index-box{border:1px solid #ebebeb;margin-top:20px;overflow:hidden;padding-bottom:20px;}
.color-red{color:#f60;}
.color-red span{padding-left:5px;font-size:1.2em;color:#f90;}
.index-box .box-tit{border-bottom:0px;padding:15px 15px 0;}
.description{text-indent:2em;}
.index-news li{border-bottom: 1px dotted #ebebeb;margin-top: 10px;}
.image-box{height: 0;padding-bottom: 80%;position: relative;width: 100%;overflow: hidden;border: 1px solid #ebebeb;}
.image-box img{width: auto;height: auto;position: absolute;text-align:center;}
.product-box p{height:40px;padding-top:5px;}
.category-more{font-size:13px;font-weight:normal;padding:5px;}
.category-more a{}
.category-more a:after{content:"|";padding-left: 8px;padding-right:5px;}

.crumb{background:#f5f5f5;}
.crumb .breadcrumb{margin-bottom:0px;}
.post-head{text-align: center;}
.post-meta{color: #959595;margin: 15px 0;}
.post-meta span{margin: 0px 7px;white-space: nowrap;}
.post-footer{padding-top:20px;}
.sidebar .widget {background: #EFEFEF;padding: 0px;}
.widget .title { height:80px;  padding:0px 40px 0px 30px; font-size:30px; line-height:80px; text-align:center;  color:#ffffff; background:#009944; font-weight:bold}
.widget .titl { height:80px;  padding:0px 40px 0px 30px; font-size:32px; line-height:80px; text-align:center;  color:#ffffff; background:#ff9b25; font-weight:bold}
.widget .content{overflow:hidden;}
.widget li{ 
    border-bottom: solid 1px #ddd;
    margin: 0 auto;
    line-height: 45px;
    font-size: 14px; padding-left:20px
}
.widget .tag-cloud a {border: 1px solid #ebebeb;padding: 2px 7px;color: #959595;line-height: 1.5em;display: inline-block;margin: 0 7px 7px 0;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.widget .tag-cloud a:hover {color: #333;background: #ccc;border: 1px solid #ccc;text-decoration: none;}
.product-meta{margin-top:20px;overflow:hidden;margin-bottom:20px;}
.product-thumb{border:1px solid #ebebeb;padding:10px;margin-bottom:10px;}
.product-thumb img{}
.thumb-box{position:relative;height:0px;padding-bottom:90%;overflow:hidden;}
.product-info{text-align:left;}
.product-info h1{margin-top:0px;border-bottom:1px dotted #ebebeb;padding-bottom:10px;font-size:18px;}
.product-info dt,.product-info.dd{float:left;}
.product-info dl{margin-bottom:10px;}
.product-content{margin-bottom:20px;border-bottom:1px solid #ebebeb}
.article-list{overflow:hidden;}
.article-list li{line-height:30px;border-bottom:1px dotted #ebebeb;padding:10px;}
.article-list li:nth-child(odd){background-color:#f9f9f9}
.friend-link li{float:left;padding:0 5px;}

.pagination {margin: 0 0 35px;text-align: center;display: block;}
.pagination a {text-align: center;display: inline-block;color: #666;background: #fff;border-radius: 2px;border:1px solid #ebebeb;}
.pagination a:hover {background: #ebebeb;text-decoration: none;border:1px solid #ccc}
.pagination a i {width: 36px;height: 36px;line-height: 36px;}
.pagination .page-number {background: #fff;color: #666;margin: 0 3px;display: inline-block;line-height: 36px;padding: 0 14px;border-radius: 2px;border:1px solid #ebebeb;}
.thumbimg{text-align:center;}
.thumbimg img{width:50%;margin:15px auto;padding:2px;border:1px solid #999;}

.picFocus{ margin:0 auto;  width:100%;height:100%;position:absolute;  overflow:hidden;  zoom:1;   }
.picFocus .hdthumb{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hdthumb ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hdthumb ul li{ padding-top:5px; float:left;  text-align:center; width:20%; height:20%;}
.picFocus .hdthumb ul li img{ width:100%; height:100%; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hdthumb ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hdthumb ul li.on img{ border-color:#f60;}
.picFocus .bdthumb{height:80%;}
.picFocus .tempWrap,.picFocus .bdthumb ul{height:100%;}
.picFocus .bdthumb li{ vertical-align:middle;height:100%;}
.picFocus .bdthumb img{ width:100%; height:100%; display:block;  }
.productthumbslide{width: 100%;height: 0px;position: relative;padding-bottom: 80%;}
.top{ background:#00a338; height:44px}
#top{ width:1200px; margin:0px auto}
.topl{ float:left; font-size:16px; color:#FFF; line-height:44px}
.topr{ float:right; font-size:16px; color:#FFF; line-height:44px}
.topr span{font-size: 26px;
    font-family: Impact;}
.header{ height:120px}
.logo{ float:left; width:315px; padding-top:10px}
.menu{ width:865px; float:right}
.menu ul{ margin-top:40px}
.menu ul li a{    line-height: 2;
    color: #3a3a3a;
    margin: 0 12px;
    display: block;
    float: left;
    position: relative;
    padding: 0 15px;
    height: 50px; font-size:16px}
.menu ul li a:after{content: '';position: absolute;bottom: 0;height: 2px;background: #ff7800;margin: auto;left: 0;right: 0;width: 0;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
.menu ul li a:hover:after{width: 100%;}
.wrap{ width:1200px; margin:0px auto}
.product h2{font-size: 32px;color: #00a338;text-align: center;line-height: 40px;margin-top: 40px;}
.product h2 span{color: #4c4c4c}
.product h2 p{font-size: 16px;color: #656565;line-height: 40px;font-weight: normal;}
.product li{ width:290px; float:left}
.product li img{ width:275px; height:210px;}
.product li p{ text-align:center; margin:0px; line-height:36px}
.abou h2{font-size: 32px;color: #00a338;text-align: center;line-height: 40px;margin-top: 40px;}
.clear{ clear:both}
.about{background:url("../images/abou.jpg") no-repeat center; overflow:hidden; margin-top:40px}
.aboutl{ width:550px; float:left; margin:50px 0px}
.aboutr{ width:580px; float:right; margin:50px 0px; line-height:34px; font-size:16px}
.jjimg{background:url("../images/cc.png") no-repeat center; height:150px}
.ht{ margin-top:30px;background:url("../images/ht.jpg") no-repeat center; height:274px}
.news{background:#f0fee4; overflow:hidden; }
#news{ width:1200px; margin:0px auto}
#news h2{font-size: 32px;color: #00a338;text-align: center;line-height: 40px;margin-top: 40px; margin-bottom:40px}
#news h2 span{color: #4c4c4c}
.xwa{ width:600px; float:left; padding-left:20px}
.img{ width:160px; height:110px; float:left}
.xwbt{ width:400px; float:right}
.ab{ color:#555; font-size:14px; line-height:36px}
.aa{  color:#9d9d9d; font-size:12px; word-wrap:break-word ;}
.xwbt a:hover{ color:#00a338}
.a3{ color:#9d9d9d; font-size:12px; }
.link{ width:1200px; margin:0px auto; padding-top:20px}
.link h2{ font-size:16px; width:100px; float:left; line-height:50px; margin:0px}
.yqlj{ width:1080px; float:right; line-height:50px}
.yqlj a{ color:#555}
.xw{ padding-bottom:40px; overflow:hidden}
.col-sm-01{width:49.33333333%; float: left; padding-left:10px}
.lxwm{ display:none}
@media screen and (max-width:767px){
.aboutl{ width:100%; float:none; margin:0px auto}
.aboutl img{ width:99%; margin:0px auto; padding:0px 10px}
.wrap{ width:100%; margin:0px auto}
.aboutr{ width:99%; margin:0px; float:none; padding:5px}
.product h2{background: #009944;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px; text-align:left; padding-left:10px; margin-top:10px}
.product h2 span{ color:#fff}
.abou h2{background: #009944;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px; text-align:left; padding-left:10px; margin-top:0px}
#news h2{background: #009944;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px; text-align:left; padding-left:10px; margin-top:0px}
.news{ background:none}
#news h2 span{ color:#fff}
.about{ background:none}
.product h2 p{ display:none}
.product li{ width:50%; float:left}
.product li img{ width:100%;  height:160px; padding: 10px 5px;}
.ht{ display:none}
#news{ width:100%; margin:0px auto}
.xwa{ width:99%;}
.img{ display:none}
.xwbt{ width:99%; margin:0px auto}
.aa,.a3{ display: none}
.header-slide .slideBox{ height:140px; position:relative}
.header-slide .slideBox .bd li{height:140px;}
.top{ display:none}
.header{ border-top: 5px solid #00a338;}
.link{ display:none}
.roww{ display:none}
.lxwm{ width:100%; margin:0px auto; display:block}
.lxwm h2{background: #009944;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px; text-align:left; padding-left:10px; margin-top:0px}
.lxwm ul{ margin:20px}
.lxwm ul li{ height:36px; line-height:36px; }
.menu{ width:100%; margin:0px auto; background:#00a338}
.menu ul{ margin-top:0px}
.menu ul li{ float:left; padding:0px 3px}
.menu ul li a{ color:#FFF; padding:0px; height:36px;line-height:36px;}
.logo{ float:none}
#top{ width:100%}
.jjimg{ display:none} 
}