body{overflow-x: hidden;*overflow-x:visible;}
body,html{color: #333333;font-family: "Microsoft Yahei";font-size: 14px;width: 100%;height: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
ul{list-style: none;}
a{color: #333333;text-decoration: none;border:none;cursor:pointer;display: inline-block;*border:0;}
a{star:expression(this.onFocus=this.blur()); /* for Ie*/} 
em,i{font-weight: normal;font-size: 100%;font-style: normal;display: inline-block;}
input,textarea,button{outline:none;border:0;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none;font-family: "Microsoft Yahei";}
textarea {resize:none;}
img{border:none;*border:0;width: auto;height: auto;display: inline-block;}
.imgbox{font-size: 0;}
.imgbox img{max-width: 100%;}
*{outline: none;*border:0;*outline: 0;}
.clearfix{zoom:1;}
.clearfix:after{ content:''; clear:both;display:table;}
.width1200{width: 1200px;margin: auto;}
.width1720{width: 1720px;margin: 0 auto;}
.width1450{width: 1450px;margin: 0 auto;}
.width1090{width: 1090px;margin: 0 auto;}
.width1065{width: 1065px;margin: 0 auto;}
.width858{width:858px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
/*footer*/
.footer{background-color: #252525;padding-top: 50px;width: 100%;font-family: "����";}
.footer_left{float: left;width: 850px;}
.footer_dl{float: left;width:207px;}
.footer_dl dt{float: left; width: 8px;height: 2px; background-color: #fff;margin-top: 7px;
 -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.footer_dl dd{float: left;width: 140px;margin-left: 5px;font-size: 12px;}
.footer_dl dd p{font-size: 14px;color: #fff;margin-bottom: 15px;}
.footer_dl dd a{display: block; color: #6e6d6d;margin-bottom: 12px;}
.footer_dl dd a:hover{color: #eb5d12;}
.footer_dl:hover dt{background-color: #ff4d00;width: 15px;}
.footer_right{float: left;width: 349px;border-left: 1px solid #333232;text-align: center;font-size: 12px;}
.footer_right img{display: block;width: 108px;margin: 0 auto;}
.footer_right .footer_p1{color: #6e6d6d;font-family: "����";margin-top: 10px;}
.footer_right .footer_p1 span{display: inline-block;margin: 0 5px;}
.footer_right .footer_p2{color: #fff;margin-top: 10px;line-height: 24px;}
.footer_right .footer_p2 a{display: inline-block;font-weight:600;color: #ffffff;transition: 0.5s all;font-family: "����";}
.footer_right .footer_p2 a:hover{color: #ff4d00;}
/*production*/
.production_ul{text-align: center;margin-top: 60px;padding-bottom: 100px;position: relative;}
.production_ul li{float: left;width: 20%;height: 300px;opacity: 0;
    -webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform: translateY(30%);
     transform: translateY(30%);
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;}
.production_ul li:nth-child(1){
	-webkit-transition: all .8s ease-in-out 0.1s;
    -moz-transition: all .8s ease-in-out 0.1s;
    -ms-transition: all .8s ease-in-out 0.1s;
    -o-transition: all .8s ease-in-out 0.1s;
    transition: all .8s ease-in-out 0.1s;}
.production_ul li:nth-child(2){
	-webkit-transition: all .8s ease-in-out 0.2s;
    -moz-transition: all .8s ease-in-out 0.2s;
    -ms-transition: all .8s ease-in-out 0.2s;
    -o-transition: all .8s ease-in-out 0.2s;
    transition: all .8s ease-in-out 0.2s;
}
.production_ul li:nth-child(3){
	-webkit-transition: all .8s ease-in-out 0.3s;
    -moz-transition: all .8s ease-in-out 0.3s;
    -ms-transition: all .8s ease-in-out 0.3s;
    -o-transition: all .8s ease-in-out 0.3s;
    transition: all .8s ease-in-out 0.3s;
}
.production_ul li:nth-child(4){
	-webkit-transition: all .8s ease-in-out 0.4s;
    -moz-transition: all .8s ease-in-out 0.4s;
    -ms-transition: all .8s ease-in-out 0.4s;
    -o-transition: all .8s ease-in-out 0.4s;
    transition: all .8s ease-in-out 0.4s;
}
.production_ul li:nth-child(5){
	-webkit-transition: all .8s ease-in-out 0.5s;
    -moz-transition: all .8s ease-in-out 0.5s;
    -ms-transition: all .8s ease-in-out 0.5s;
    -o-transition: all .8s ease-in-out 0.5s;
    transition: all .8s ease-in-out 0.5s;
}
.production_ul li.animatebox.animate{opacity: 1;
	-webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);}
.production_ul li a{display: block;width:100%;height:100%;overflow: hidden;position: relative;}
.production_ul li i{width: 62px; height: 62px;border-radius: 100%; border:2px solid #808080;margin-top: 52px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;}
.production_ul li h3{color: #545454; font-size: 18px;font-weight: normal;line-height: 67px;}
.production_ul li p{color: #898989;font-size: 12px;margin-top: 34px;line-height: 20px;}
.production_ul li span{display:block;width: 22px;height: 3px;background-color: #999999; margin: 0 auto;}
.production_ul li .back span{background-color: #ef740c;}
.production_ul li:hover .back i{width: 72px; height: 72px;border-color: #ef740c;background-color: #ef740c;margin-top: 37px;}
.production_ico1{background: url(../images/pro1.png);}
.production_ico2{background: url(../images/pro2.png);}
.production_ico3{background: url(../images/pro3.png);}
.production_ico4{background: url(../images/pro4.png);}
.production_ico5{background: url(../images/pro5.png);}
.back .production_ico1{background: url(../images/prow1.png);}
.back .production_ico2{background: url(../images/prow2.png);}
.back .production_ico3{background: url(../images/prow3.png);}
.back .production_ico4{background: url(../images/prow4.png);}
.back .production_ico5{background: url(../images/prow5.png);}
.front,.back{ width:100%;height:100%; position: absolute; top: 0; left: 0;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.front{ z-index: 2; }
.back{ z-index: 1; background: #f5f5f5;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.production_ul li:hover a .front{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.production_ul li:hover a .back{
    z-index: 3;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/*�Ҳ�̶�*/
.fixed_box{display: none;position: fixed;right:0;top:50%;margin-top: -120px;z-index: 999;height: auto;}
.fixed_box p{right: -100%;margin-left: -46px;  position: relative;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5;height: 46px;background: #2c2b2b;line-height: 46px;font-size: 14px;cursor: pointer;margin-top: 2px;padding-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.fixed_box p:hover{background: #ef740c;}
.fixed_box p i{width: 46px;height: 46px;text-align: center; display: inline-block;padding-top: 7px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;}
.fixed_box p a{padding-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #FFF;vertical-align: top;display: inline-block;}
.fixed_box p em{display: inline-block; color: #FFF;vertical-align: top;padding-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.fixed_box .back_top{line-height: 28px;}
.fixed_box .fixed_wx em{position: absolute;left: 46px;z-index: 1;padding-right: 0;top: 0;}