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());} 
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;display: inline-block;width: auto;height: auto;/*max-width:100%;*/}
.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: #01082b;padding-top: 50px;width: 100%;font-family: "Microsoft Yahei";overflow: hidden;}
.footer_left{float: left;width: 850px;}
.footer_dl{float: left;width:207px;}
.footer_dl dt{float: left; width: 8px;height: 1px; 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: 16px;color: #fff;margin-bottom: 15px;}
.footer_dl dd a{display: block; color: #c9c9c9;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 #1b2039;text-align: center;font-size: 12px;}
.footer_right img{display: block;width: 108px;margin: 20px auto;}
.footer_right .footer_p1{color: #fff;color:#efefef;font-size:16px;}
/*production*/
.production_ul{text-align: center;margin-top: 60px;padding-bottom: 100px;position: relative;}
.production_ul li{background-color: #fbfbfb;border-radius:4px;box-shadow: 0 0 10px rgba(0,0,0,.1);margin:0 1%;
	float: left;width: 23%;height: 350px;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:110px; height:110px;margin-top:40px;
    -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: #333; font-size: 20px;font-weight: normal;line-height: 67px;}
.production_ul li p{color: #888;font-size: 16px;margin-top:20px;line-height:30px;}
.production_ul li span{display:block;width:24px;height:2px;background-color: #ff8a01; margin: 0 auto;}
.production_ul li .back span{background-color: #ef740c;}
.production_ul li:hover{box-shadow: 0 0 10px rgba(240,136,21,.9);}
.production_ul li:hover .back i{width: 110px; height: 110px;margin-top:30px;}
.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: #fbfbfb;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    border-radius:4px;
}
.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;}


.foot_sec2{padding: 20px 0; border-bottom: 1px solid #1b2039;border-top: 1px solid #1b2039;color:#dddcdc;}
.foot_sec3{width:1200px;padding:16px 0;margin-top: 4px;text-align:center;color:#959595;}