body,ul,h1,h2,h3,h4,h5,h6,p,ol,dl,dt,button,dd,input,form,select,form,input,textarea,legend,fieldset{ margin:0; padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;outline: none;}
body{
    font-size: 14px;
    line-height: 2;
}
li{
    list-style-type: none;
}
a{
    color: #333;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.por{
    position: relative;
}
.container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    padding-right: 0;
}
.inner{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.inner:after{
    display: block;
    content:'';
    clear: both;
}
.pr-z{
    position: relative;
    z-index: 99;
}
a{
    transition: all .5s ease-in;
}
.sea{
    min-width: 300px;
}
.sea input{
    width: 250px;
    padding-left: 10px;
}
.sea button{
    width: 50px;
    text-align: center;
}
/* top */
.top_nav{
    position: relative;
    z-index: 99;
}
.logo{
    margin-right: 15px;
}
.logo a{
    display: block;
    float: left;
    width: 260px;
    height: 0;
    padding-top: 130px;
}
.menu{
    margin-top: 35px;
}
.menu > li{
    float: left;
    position: relative;
}
.menu > li > a{
    padding: 0 20px;
    font-size: 16px;
}

.menu_drop{
    position: absolute;
    min-width: 100%;
    background-color: #cecece;
    left: 0;
    z-index: 99;
    text-align: center;
    display: none;
}
.menu_drop a{
    color: #333;
    border-bottom: 1px solid #dedede;
    display: block;
}
.menu_drop li:hover a{
    background-color: #E53333;
    color: #fff;
}
.tell{
    margin-top: 40px;
    margin-left: 10px;
}
.phone{
    position: relative;
    margin-right: 10px;
}
.phone span.iconfont{
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
}
.phone img{
    position: absolute;
    width: 130px;
    height: 130px;
    border: 1px solid #ccc;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: all .4s;
}
.phone:hover img{
    opacity: 1;
}
.sea .iconfont{
    border: none;
    background: transparent;
}
.go i{
    line-height: 24px;
    cursor: pointer;
}
.sea{
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    display: none;
}
/* banner */
.slideCon.slideBox{height: 385px;}
.slideBox{ width:100%; height:955px; overflow:hidden; position:relative; }
.slideBox .hd{position: absolute;left: 0;width: 100%;bottom: 10px;}
.slideBox .hd ul{  zoom:1;text-align: center;width: 100%; }
.slideBox .hd ul li{  margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:rgba(255,255,255,.8); box-shadow: 1px 1px 1px rgba(0,0,0,.8) inset; cursor:pointer;  display: inline-block;border-radius: 50%;line-height: 50;overflow: hidden;margin: 0 10px;}
.slideBox .hd ul li.on{ background:#0a0e19; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height:955px;}
.slideBox .bd img{ width:100%; height:955px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.8;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:.3;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/* about us */
.com{background:url(../images/combg.jpg) no-repeat center bottom;padding-bottom:100px;margin-top:40px;}
.video{ width:520px; float:left;}
.comtest{ width:500px; float:left; margin-left:80px; margin-right:20px;}
.comtop{ width:50px; padding-left:20px; float:left; background:url(../images/comtop.jpg) no-repeat left top; color:#393c43;}
.comtop h3{ font-size:24px; font-weight:bold; line-height:28px;}
.comtest a{ display:block; text-align:right;color:#c3261d;}

/* products */
.product{background:#f5f5f5 url(../images/probg.jpg) no-repeat center top;}
.protop{ width:378px; float:right; height:464px; color:#fcdfdd;}
.protop h3{ font-size:30px; padding-top:190px; color:#fff; }
.protop a{ margin-top:30px; width:144px; height:40px; line-height:40px;color:#fcdfdd; text-align:center; display:block; border:1px solid #fff;}
.prole{ width:383px; height:266px;float:left; background:#999999; padding:0 40px; padding-top:30px; text-align:center; color:#fff;}
.prole h3{ font-size:24px;}
.prole a{ color:#c3261d; font-size:30px; display:block; font-weight:bold;}
.prori{ width:817px; float:right; }
.prori img{ width:817px; height:266px;}
.prol{ width:432px; float:left; padding-left:383px;}
.prol img{width:432px; }
.pror{ width:385px;height:266px; float:right;background:#444444; padding:0 25px; padding-top:30px; text-align:center; color:#fff;}
.pror a{ color:#fff; font-size:30px; display:block; font-weight:bold;}

/* join */
.tit{ text-transform:uppercase; text-align:center; color:#f1f1f1; font-size:60px; position:relative; font-family:Arial, Helvetica, sans-serif;}
.tit h3{ font-size:30px; color:#424242; position:absolute; width:100%; text-align:center; left:0; top:40px; font-size:微软雅黑;}

/* join */
.join{ margin:40px auto;}
.join ul{ background:url(../images/iconline.jpg) repeat-x left 66px;}
.join ul li{ width:240px; float:left; margin:0 30px; text-align:center;}
.join ul li:nth-child(1){ background:url(../images/icona.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(2){ background:url(../images/iconb.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(3){ background:url(../images/iconc.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(4){ background:url(../images/icond.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(1):hover{background:url(../images/iconaa.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(2):hover{background:url(../images/iconba.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(3):hover{background:url(../images/iconca.png) no-repeat center top; padding-top:150px;}
.join ul li:nth-child(4):hover{background:url(../images/iconda.png) no-repeat center top; padding-top:150px;}

/* news */
.news{ background:#f5f5f5; padding:40px 0;}
.news .tit{ color:#e6e6e6;}
.newslist li:nth-child(1) img{ float:left; margin-right:40PX;}
.newslist li:nth-child(2) img{ float:right; margin-left:40PX;}
.newslist li span{ font-size:16px; text-align:right; text-decoration:underline; display:block;}
.newslist li h3{ font-size:18px; color:#c3261d; margin-bottom:10px;}
.newslist li a{ color:#c3261d; font-size:15px; display:block; margin-top:10px;}
.newslist li{ position:relative; margin-bottom:15px;}
.newslist li:nth-child(1) .newsline{ width:740px; border-bottom:1px solid #c3261d; position:absolute; left:460px;}
.newslist li:nth-child(2) .newsline{ width:740px; border-bottom:1px solid #b0b0b0; position:absolute; left:0;}
  

/* foot */
.footer a{ color:#fff;}
.footer{ color:#fff; background:#444444;  padding-top:20px; font-size:12px;}
.footmenu img{ float:right}
.footmenu li{   float:left; padding-right:60px;}
.footmenu li a{ display:block;}
.footmenu h3{
    font-size: 16px;
}
.foot{ text-align:center; border-top:1px solid #656565; line-height:32px; margin-top:10px;}