@charset "utf-8";
* {padding:0;margin:0;}
a {text-decoration:none;}
li{list-style: none;}
.bg{background: #f5f5f5;}
html,body {overflow-x:hidden;height:100%;min-width:320px;font-family:"微软雅黑";-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
.logo {width:320px;margin-left:auto;margin-right:auto;height:100px;margin-top:30px;}
.logo img {width:100%;height:auto;}
.text a {width:70px;height:70px;position:absolute;text-decoration:none;color:#FFFFFF;font-size:14px;}
.text {position:relative;width:360px;margin-left:auto;margin-right:auto;height:360px;margin-top:50px;background:url(user_bg.png)no-repeat center;background-size:100% 100%;}
.text img {padding-left:20px;margin-top:10px;}
.text img,.text span {display:block;text-align:center;}
h2,h3{font-weight: normal;}
/*首页*/

.mindex {background:url(bg-body.jpg);background-size:100% 100%;}

/*底部*/

.footer {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;width:100%;display:block;position:absolute;bottom:0;left:0;right:0;z-index:1000;border-top:1px solid #ffd800;height:49px;background-color:#fe7801;}
.footer ul {width:100%;height:49px;}
.footer ul li {width:25%;float:left;text-align:center;font-size:13px;}
.footer ul li a {text-decoration:none;color:#FFFFFF;display:block;}
.footer ul li img {max-width:20px;margin-top:5px;}
.footer ul li span {display:block;}

/*侧边栏*/

.smallheader {left:-240px;width:240px;background:#202020;position:fixed;top:0;min-height:100%;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;z-index:2000;/* opacity:0.8;*/}
.top {padding-top:24px;padding-bottom:16px;height:46px;width:218px;padding-left:22px;}
.top img {float:left;width:46px;height:46px;border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;}
.top span {float:left;line-height:46px;height:46px;width:150px;font-size:24px;color:#ffffff;padding-left:17px;}
.middle {width:100%;height:100px;border-bottom:1px solid #535353;border-top:1px solid #535353;}
.middle ul li {text-align:center;float:left;width:50%;padding-top:22px;padding-bottom:15px;}
.middle ul li:nth-of-type(3),.middle ul li:nth-of-type(4) {padding-top:0;}
.middle ul li a {color:#CCCCCC;}
.bottomlist {width:100%;margin-top:20px;height:260px;/*padding-bottom:20px;*/overflow-y:auto;}
.bottomlist li {height:36px;width:100%;}
.bottomlist li h3{font-weight: normal;}
.bottomlist li a {color:#999999;height:36px;padding:0 30px;display:block;line-height:36px; font-size: 1rem;}
.bottomlist .active {background:#2b2b2b;}
.bottomlist li a span {float:right;height:36px;}
.bottomlist li a img {vertical-align:middle;line-height:36px;padding-top:13px;}
.box {overflow:hidden;height:auto;/*position:relative;*/transform:translate3d(240px,0,0);-webkit-transform:translate3d(240px,0,0);-o-transform:translate3d(240px,0,0);-moz-transform:translate3d(240px,0,0)}
#all {width:100%;margin:0px auto;height:auto;/*min-width:320px;*/-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
#close { width25px; height:25px;position:absolute;left:250px;z-index:3000;display:none;top:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}


/*首页动画*/
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes fadeInUp {
	
from {opacity:0;visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);   -webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
to {opacity:1;    -webkit-transform:none;transform:none;}

}
@keyframes fadeInUp {
	
from {opacity:0;visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); -webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
to {visibility:visible;opacity:1;-webkit-transform:none;transform:none;}

}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

@-webkit-keyframes fadeInDown {
from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);  -webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}
to {opacity:1;-webkit-transform:none;transform:none;}

}
@keyframes fadeInDown {
from {opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);   -webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}
to {opacity:1;-webkit-transform:none;transform:none;}

}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

/*关于我们*/
.header{ width: 100%;  background-color: #fe7801; color: white; height: 50px; text-align: center; line-height: 50px; font-weight: 200; position: fixed; top:0; z-index: 1000;}
.header img{float:right;margin-right: 10px;  margin-top: 8px;}
.cont {font-size:14px;width:auto;height:auto;padding:0.625rem 0.825rem;line-height:40px;}
.cont p{ text-indent: 2rem;}

/*新闻列表*/

#all {/*height:100%;*/ padding-bottom: 50px;}
.news{height:100%!important; font-size:14px;width:auto;height:auto;padding:0.625rem 0.825rem;line-height:40px; margin-top: 30px;}
.news .list {width:100%;height:auto;font-size:13px;}
.news .list ul {width:100%;}
.news .list ul li {width:100%;height:90px;margin-bottom:10px;}
.news .list ul li div {height:85px;width:100%;overflow:hidden;border-bottom:1px solid #ffffff;box-shadow:0px 1px 0px #dcdcdc;}
.news .list ul li .title {line-height:2em;color:#d67103;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;font-size:13px;}
.news .list ul li p {color:#5c5959;line-height:180%;white-space:normal;overflow:hidden;text-overflow:ellipsis;padding: 0; height: 50px;}

/*详情*/


.details{font-size:14px;width:auto;padding:0.625rem 0.825rem;line-height:30px;color: #333; margin-top: 40px;}
.detailstext{ width: 100%; height: auto;}
.detailstext h1{ text-align: center; font-size: 16px; line-height: 40px;}
.detailstext a{text-decoration: none; color: #fe7801;}
.detailstext p{text-indent: 2rem;}
.detailstext img{width: 100%;height: 300px;}
.detailspage{width: 100%; height: 71px; border-top:1px solid #F0F0EE; margin-top: 10px; padding-top: 10px;}
.detailspage ul{ width: 100%;}
.detailspage ul li{ width: 100%; height: 35px; overflow: hidden;}
.detailspage ul li a{  width: 90%; height: 100%; line-height: 35px; color: #333;}
.detailspage ul li a:hover{color: #fe7801;}


/*产品列表*/
.product {font-size:14px;width:100%;height:auto;line-height:30px;color:#333; margin-top: 30px;}
.product ul {width:96%;margin-left:auto;margin-right:auto;}
.product ul li {position: relative;  width:32%;margin-right:2%;height:220px;float:left;margin-top:20px;border-top-left-radius:5px;border-top-right-radius:5px;}
.product ul li a { display: block; width: 100%;height: 30px;position: absolute; background: red; bottom: 0;text-align: center; color: #FFFFFF; background-color: rgba(0,0,0,0.5);}
.product ul li img {width:100%;height:220px;border-top-left-radius:5px;border-top-right-radius:5px;}
.product ul li div {width:100%;text-align:center;color:#FFF;position:absolute;background:red;z-index:200;bottom:0;background-color:rgba(0,0,0,0.5);}
.product ul li:nth-child(3n) {margin-right:0;}


/*-------页码样式-----*/
.ye_ma{line-height: 35px;text-align: center;margin: 0px;height: auto;width: 90%; height: auto; margin-left:auto; margin-right:auto;padding: 15px 0; font-size:14px; color:#666;}
.ye_ma a{line-height: 30px;clear: none; height: 30px; font-size:14px; color:#333; padding:0 10px; border:1px solid #CCC; display:inline-block; margin:0 3px;margin-top:8px;}
.ye_ma a:hover{background-color:#F47021; border:1px solid #F47021; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}

/*微信页面*/
.code {width:220px;margin-left:auto;margin-right:auto;margin-top:10px;}

/*联系我们*/
.contact {width:100%;}
.contact h1 {font-size:1rem;margin-bottom:10px;}
.contact p {margin-bottom:10px;line-height:20px;font-size:14px;}


@media (min-width:640px) {
	
/*首页圆menu*/

.text .text_one {width:110px!important;height:110px!important;top:130px;left:120px;}
.text .text_one img {padding-left:45px!important;margin-top:10px!important;margin-bottom:10px;}
.text .text_two {top:35px;left:85px;}
.text .text_two img,.text .text_three img,.text .text_six img,.text .text_seven img {margin-bottom:5px;}
.text .text_three {top:35px;right:85px;}
.text .text_four {top:135px;right:25px;}
.text .text_four img {margin-bottom:2px;}
.text .text_five {bottom:40px;right:85px;}
.text .text_five img {margin-bottom:4px;}
.text .text_six {bottom:40px;left:85px;}
.text .text_seven {top:135px;left:25px;}


/*产品列表*/
.product ul {width:96%;margin-left:auto;margin-right:auto;}

}
@media (max-width:640px) {
	
/*首页圆menu*/

.text {width:280px;height:280px; margin-top: 30px;}
.text .text_one {width:94px!important;height:94px!important;top:94px;left:94px;}
.text .text_one img {padding-left:30px;margin-top:10px;margin-bottom:10px;}
.text .text_two {top:15px;left:55px;}
.text .text_three {top:15px;right:55px;}
.text .text_four {top:100px;right:15px;}
.text .text_four img {margin-bottom:2px;}
.text .text_five {top:185px;right:65px;}
.text .text_two img,.text .text_three img,.text .text_five img,.text .text_six img,.text .text_seven img {margin-bottom:5px;}
.text .text_six {top:185px;left:65px;}
.text .text_seven {top:100px;left:13px;}

/*产品列表*/
.product ul {width:90%;}
.product ul li {width:100%;margin-right:0;}
.detailstext img{ width: 100%; height: 220px; margin-left: 0;}
/*-------页码样式-----*/
.ye_ma a{line-height: 20px; height: 20px; font-size:12px; }

}