/* CSS Document */
@import url(global.css);
body{padding-bottom:15%;}

.banner{ width:100%; height:100%; overflow:hidden;}
.banner img{ width:100%; display:block;}

.search{ padding:10px 3%; position: relative;}
.search .in{  display: block; width:94%;height: 36px; padding:0px 3%;font-size: 12px;line-height: 1.57142857; color: #76838f; background-color: #fff; background-image: none; border: 1px solid #e4eaec;border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius: 200px;}
.search .btn{ height:37px; width:50px; border:none; position: absolute; right:3%; top:10px;background:url(../images/s.png) no-repeat center;}

#wrapper { width: 100%; overflow: hidden;}
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:10px; height:10px;  line-height: 99em; background:#eee;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background:#666; }




.future .icon1{ padding:26% 0 22% 0;}
.future .icon2{ padding:0 0 7% 0;}
.future .icon3{ padding:0 0 18% 0;}
.future .icon4{ padding:0 0 5% 0;}

.team_top{ text-align:center; padding:5% 0;}
.team_top img{ width:100%;  padding:26%  0 18% 0;}
.team{ width:100%; height:100%; overflow:hidden; color:#e5e8ea;}
.team .title{ text-align:center; padding:5% 0;}
.team .title img{ width:100%;}
.team ul li{ display:block; width:90%; float:left; padding:8% 5%;}
.team ul li span{ display:block; width:25%; float:left; text-align:center; font-size:12px; line-height:14px;}
.team ul li span img{ width:100%; display:block; float:left; margin-bottom:10px;}
.team ul li p{ width:70%; float: right; font-size:12px;line-height:14px; padding-top:5px;}

/* list_news  新闻列表页 */
.case_top{ text-align:center; padding:5% 0;}
.case_top img{ width:100%;  padding:26%  0 18% 0;}

.list_case{width:80%;height:auto; padding:3% 10%; color:#aaa; line-height:20px; font-size:14px; }
.list_case .title2{ width:100%; padding:5% 0 2% 0; font-size:16px;}
.list_case h3{ font-size:14px; margin:10px 0 2px 0; font-weight:lighter;}
.list_case .model{ padding:5% 0; overflow:hidden;}
.list_case .model .swiper-slide,.list_case .model .swiper-wrapper,.swiper-container{border-radius:20px; border:none;}
.list_case .model img{border-radius:20px; border:none;}

/* list_news  新闻列表页 */
.list_news{width:100%;height:auto;}
.list_news .new_box{ height:auto; overflow:hidden;}
.list_news .new_box ul{}
.list_news .new_box ul li{width:94%;padding:3% 0; height:auto; overflow:hidden; border-bottom:1px solid #eee; margin:0 3%}
.list_news .new_box ul li .news_left{width:30%; float:left;}
.list_news .new_box ul li .news_left img{max-width:100%;height:auto;}
.list_news .new_box ul li .news_right{width:68%; float:right; text-align:left;}
.list_news .new_box ul li .news_right h3{color:000000; font-size:1em; font-weight:normal;}
.list_news .new_box ul li .news_right span{ display:block; font-size:0.8em; color:#999;margin-top:2%}

.pages{width:90%;padding:4% 5%;height:auto; text-align:center; overflow:hidden; color:#666;}
.pages ul{}
.pages ul li{ display:block; float:left;padding:1.5% 3%; text-align:center; background:#f2f2f2;margin-right:2%;}
.pages ul li:first-child{padding:1.5% 3%;}
.pages ul li:last-child{padding:1.5% 3%;}
.pages ul li:nth-child(2){ background:#31a93f;}
.pages ul li:nth-child(2) a{color:#ffffff;}


/* content  新闻内容页 */
.content{width:94%;height:auto;padding:3%;font-size:1em; background:#fff;}
.content .title{padding:5% 0;}
.content .title h4{ color:#666; font-size:1.2em; font-weight:normal;margin-bottom:1.2%; font-weight:lighter;}
.content .title span{color:#aaa; font-size:0.8em; }
.content .article{padding:5% 3%; color:#666; border-top:1px solid #e6e6e6; line-height:26px; border-bottom:1px solid #e6e6e6;}
.content .article p{margin-top:3%; }
.content .article img{ width:100%;}
.content .pre{padding:2% 5% 1% 5%; color:#000000;}
.content .next{padding:1% 5% 2% 5%; color:#000000;}


/* cover  频道内容页 */
.cover{width:94%; height:100%; padding:5% 0; margin:0 3%; font-size:1em; overflow:hidden; line-height:26px;}
.cover img{ width:100%;}
.cover p{ margin-bottom:12px;}


/* product_con  产品内容页 */
#product_con{padding:0; height:100%; overflow:hidden;}
#wrapper { width: 96%;padding:3% 2%; overflow: hidden; background:#FFF;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:15px; height:15px;  line-height: 99em; background:#31a93f;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF; }

/*---right_con---*/
#product_con .right_con{width:96%; background:#fff; padding:3% 2%;}
#product_con .right_con ul li{width:100%;display:block;font-size:1.2em;height:40px; line-height:40px;overflow:hidden;}
#product_con .right_con ul li h1{font-size:1.5em;font-weight:lighter;color:#555;}
#product_con .right_con ul li h1 b{font-size:1.2em;color:#999;font-weight:lighter;padding-left:20px;}
#product_con .right_con ul li h5{width:20%;float:left;display:block;text-indent:5px;color:#999;font-weight:lighter;font-size:1.0em;}
#product_con .right_con ul li span{width:60%;float:left;display:block;text-align:left;color:#555;}
#product_con .right_con ul li .b1{font-size:1.2em;text-decoration: line-through;color: #b98558;}
#product_con .right_con ul li .b2{font-size:1.2em;color:#0f910f;}
#product_con .right_con ul li .b3{color:#0f910f;}
#product_con .right_con ul li .sp{width:168px;float:left;display:block;}
#product_con .right_con ul .li1{border-bottom:2px solid #dedede;}
#product_con .right_con p{height:60px;width:100%;display:block;font-size:1em;line-height:24px;float:right;color:#666;}
#product_con .right_con p span{padding-top:30px;display:block;font-size:1.0em;}
#product_con .right_con .num{ padding:13px 0 0 0;}
#product_con .right_con .num a{width:15px;height:15px;line-height:15px;display:block;float:left;border:1px solid #dedede;padding:2px 0 5px 8px;background:#f7f7f7;color:#666;}
#product_con .right_con .num a:hover{background:#0f910f;color:#fff;border:1px solid #0f910f;}
#product_con .right_con .num input{width:50px;height:22px;display:block;float:left;margin:0 5px;text-align:center;color:#666;border:1px solid #dedede;}
#product_con .right_con .num b{display:block;float:left;margin-left:20px;line-height:28px; font-weight:lighter; color:#999;}
#product_con .right_con .cart {background-color: #0f910f;color:#fff;float: left;border:none;font-size: 1.0em;height: 38px;line-height: 38px;margin: 20px 10px;overflow: hidden;position: relative;text-align: center;width:110px;}
#product_con .right_con .cart:hover{background-color: #ffaa00;}
/*----con---*/
#product_con .con {float:left; width:100%;height: 100%; overflow: hidden; margin:30px 0;}


#product_con .right {height: 100%;overflow: hidden;width:100%;}
#product_con .right #menubox {border-bottom: 1px solid #0f910f; border-left: 1px solid #dedede; color: #333; display: block; height: 36px;padding:0 2%; line-height: 36px; overflow: hidden;}
#product_con .right #menubox a { border:1px solid #dedede; border-left:none; color: #666;display: block;float: left; font-size: 1.0em; text-align:center; font-weight: bold;  width: 32.8%; background:#fff;}
#product_con .right #menubox .hover {background: #0f910f none repeat scroll 0 0; border: 1px solid #0f910f; color: #fff;}
#product_con .right .tat {font-size: 1em;line-height: 30px;padding: 20px; background:#fff;}
#product_con .right .tat p {margin-bottom: 15px;}
#product_con .con .right #con_new_2 img {display: block;margin: 0 auto;}


/* contact  联系我们 */
.contact{width:94%; height:auto; padding:6% 3%;font-size:1em; background:#fff; line-height:30px;}
.contact .tit{ text-align:center; color:#666; line-height:26px; margin:15px 0;}
.contact .tit h3{ font-size:24px; font-weight:lighter;}
.contact .tit span{ font-size:14px;}
.contact .con ul{ width:93.6%; height:100%; overflow:hidden; border:1px solid #dedede; margin-bottom:20px; padding:3%; margin-top:3%;}
.contact .con ul li{ display:block; width:100%; line-height:30px; font-size:1em; color:#888;}


/*list_porduct  产品列表页 */
.sider{width:96%;height:auto;padding:5% 2%; overflow:hidden}
.sider h4{color:#262626; font-size:1.2em; font-weight:normal;padding:3% 0 3% 2%;}
.sider ul{border-top:1px solid #cccccc;padding:2% 0; border-bottom:1px solid #cccccc;}
.sider ul li{width:33%;padding:2% 0px; float:left; text-align:center;}
.sider ul li a{ display:block;color:#262626; font-size:1em;}
.sider ul li a:hover{background:#31a93f; color:#ffffff;}
.sider ul .hover a{ background:#31a93f; color:#ffffff;}
.product{width:100%;height:auto; overflow:hidden;}
.product .title{width:58.14%;margin:0 auto; text-align:center;}
.product .title span{ font-weight:bold;}
.product ul{padding-left:2%;padding-top:2%;}
.product ul li{width:48%; text-align:center; float:left;margin-right:2%; margin-bottom:2%;overflow:hidden;}
.product ul li img{max-width:100%; height:auto; }
.product ul li h3{font-size:0.8em;color:#262626;margin-top:2%; font-weight:normal;}
.product ul li p{font-size:0.5em;color:#808080;margin-top:2%;}
.product ul li span{ display:block;font-size:1.5em;color:#31a93f;margin-top:1%; font-weight:bold;}
.product ul li .pay{width:30%;margin:0 auto;margin-top:1%;}
.product ul li .pay img{max-width:100%;height:auto;}

/*--------------------------*/
#sidebar { width: 120px; height: 100%; float:left;color: #888; font-size: 12px;}
#sidebar #sidebar-wrapper {margin: 0; }
#sidebar a,#sidebar a:active {color:#beebeb;}
#sidebar a:hover {color:#fff;}
#sidebar #sidebar-title {margin: 40px 0 40px 0px;}
/*---------------------------*/
#sidebar #main-nav { width: 120px; padding: 0;margin: 0;overflow: hidden;}
#sidebar #main-nav li {list-style: none; padding-bottom:2px;}
#sidebar #main-nav li b {padding: 10px 10px;color: #585858; font-size: 12px;display: block;}
#sidebar #main-nav ul {padding: 0;font-size: 12px;margin: 0;}
#sidebar #main-nav ul li {list-style: none;margin: 0;padding: 8px 10px;display: block;}
#sidebar #main-nav ul li a {color: #666;}
#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {color: #333;font-weight:bold;	color:#ff8800;}
#sidebar #main-nav ul li a.current {}

/*------------------sabrosus-----------------*/
#sabrosus { width:100%; overflow:hidden;height:30px; padding:30px 0;text-align: center;color:#999; }
#sabrosus a {color:#666; margin-right: 5px; padding:6px 12px; border:#aaa 1px solid; text-decoration: none;border-radius: 4px; background:#fff;}
#sabrosus a:hover { border:#0f910f 1px solid;border-radius: 4px; background-color: #0f910f; color:#fff;}
#sabrosus a:active {border: #aaa 1px solid; color: #000;  background-color: lightyellow;border-radius: 4px;}
#sabrosus span.current {font-weight: bold;  color: #fff; margin-right: 5px; padding:6px 12px; border:#0f910f 1px solid; background-color: #0f910f;border-radius: 4px;}
#sabrosus span.disabled {border: #aaa 1px solid; margin-right: 5px; color: #929292; padding:6px 12px; border-radius: 4px;}
#sabrosus .rows{border: #aaa 1px solid; color: #666; padding:4px 10px; border-radius: 4px; background:#fff;}

/*------------------------------------*/
.swiper-container {width: 100%; height:auto; overflow: hidden;}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        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;
}
.swiper-slide a { display:block;width:100%;}
.swiper-slide img{ display:block;width:100%;height:auto; float:left;}