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;

    color: #a90101;

}

.fl{

    float: left;

}

.fr{

    float: right;

}



.inner{

    width: 90%;

    margin-left: auto;

    margin-right: auto;

}

.inner:after{

    display: block;

    content:'';

    clear: both;

}

.pr-z{

    position: relative;

    z-index: 99;

}

a{

    -webkit-transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    transition: all .5s ease-in;

}



/* top */



.logo a{

    display: block;

    float: left;

    width: 105px;

    height: 0;

    padding-top: 120px;

    margin-right: 10px;

}

.menu > li{

    float: left;

    position: relative;

}

.menu > li > a{

    padding: 0 20px;

    font-size: 16px;

}

.menu > li > a span{

    display: block;

    text-transform: uppercase;

}



.menu_drop{

    position: absolute;

    min-width: 120%;

    background-color: rgba(255,255,255,.8);

    left: 0;

    z-index: 99;

    text-align: center;

    display: none;

    padding-top: .5rem;

    padding-bottom: .5rem;

}

.menu_drop a{

    color: #333;

    display: block;

    font-size: 16px;

}

.menu_drop li:hover a{

    background-color: #a90101;

    color: #fff;

}

/* 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); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.8) inset; 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*/

.title i{

    font-size: 3rem;

}

.title{

    color: #494949;



}

.title h2{

    font-size:3rem;

}

.title h2 span{

    margin-left: 2rem;

    margin-right: 2rem;

    font-weight: bold;

}

.title h4{

    text-transform: uppercase;

    font-size: 3rem;

}

.title p{

    letter-spacing: 5px;

    font-size: 25px;

}

.abouts-right{

    position: relative;

}

.abouts-right:before{

    position: absolute;

    width: 100%;

    height: 1rem;

    background: rgba(150,1, 10, .6);

    left: 0;

    top: -1rem;

    content:'';

}

.abouts-right span{

    position: absolute;

    left: 50%;

    bottom: 20%;

    text-align: center;

    font-size: 2rem;

    color: #fff;

    padding: 0 10px;

    background: rgba(150,1, 10, .6);

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

}

.abouts_left{

    background-color: #9a8d6a;

    color: #fff;

}

.abouts_left a{

    color: #fff;

}

.abouts_left h3{

    text-align: left;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    line-height: .8;

    margin-bottom: 1rem;

}

.abouts_left h3 a{

    font-size: 14px;

    display: inline-block;

    vertical-align: text-bottom;

}

.abouts_left h3 strong{

    font-size: 3.5rem;

    text-transform: uppercase;

    float: left;

}

.abouts_left p{

    text-indent: 2em;

}

.abouts_left span{

    margin-top: 2rem;

}





/*products*/

.products_bg{

    background: url(../images/probg.jpg) no-repeat center top/cover;

    -webkit-box-pack: space-evenly;

        -ms-flex-pack: space-evenly;

            justify-content: space-evenly;

}

.pro_home_list{

    color: #fff;

    border: 1px solid #fff;

    padding-bottom: 3vw;

    min-height: 80vh;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.pro_home_list a{

    color: #fff;

}

.pro_home_list h3{

    font-size: 2.2rem;

    font-weight: bold;

    margin-top: 1rem;

}

.products_bg li{

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.products_bg li:hover .pro_home_list{

    background-color: rgba(207,169,114, .8);

    -webkit-box-pack: center !important;

        -ms-flex-pack: center !important;

            justify-content: center !important;

}

.pro_home_list em{

    width: 80%;

    height: 1px;

    background-color: #fff;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    margin-bottom: 2rem;

}



/*join*/

.join_bg{

    background: url(../images/join_bg.jpg) no-repeat center;

}

.join_title h3{

    font-size: 30px;

    position: relative;

    display: inline-block;

}

.join_title h3:before,.join_title h3:after{

    position: absolute;

    display: block;

    content:'';

    width: 3vw;

    height: 1px;    

    background: #333;

    top: 50%;

}

.join_title h3:before{

    left: -80%;

}

.join_title h3:after{

    right: -80%;

}

.join_title strong{

    display: block;

    font-size: 3rem;

    color: #a90101;

    font-family: arial;

}

.join_list{

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: space-evenly;

        -ms-flex-pack: space-evenly;

            justify-content: space-evenly;

}

.join_list a{

    -webkit-box-flex:0;

        -ms-flex:0 0 38%;

            flex:0 0 38%;

    border: 1px solid #a90101;

    text-align: center;

    padding-top: .5rem;

    padding-bottom: .5rem;

    margin-bottom: 1rem;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

            -ms-flex: 1 1 auto;

            width: 38%;

}

.join_list a:hover{

    background-color: #a90101;

    color: #fff;

}

.join_list a dt{

    font-size: 24px;

    font-weight: normal;

    margin-right: .5rem;

}

.join_list a dd{

    font-size: 18px;

    color: #909090;

    text-transform: uppercase;

}

/*news*/

.news_bg{

    background: url(../images/newsbg.jpg) no-repeat center top;

}

.news_bg h2{

    font-size: 14px;

    margin-bottom: 3rem;

}

.news_bg li{

    margin-bottom: 1rem;

}

.news_bg li a{

    display: block;

    margin: 0 auto;

    position: relative;

}

.news_bg  li a:before,.news_bg  li a:after{

    position: absolute;

    display: block;

    content:'';

    background-color: #212632;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.news_bg  li a:before{

    top: -1rem;

    left: 0;

    width: 80%;

    height: 1rem;

}

.news_bg  li a:after{

    left: -1rem;

    top: -1rem;

    width: 1rem;

    height: 90%;

}

.news_bg  li:hover a:before,.news_bg  li:hover a:after{

    background-color: #a90101;

}

.news_bg li  h3{

    font-size: 16px;

    background: rgba(255,255,255,.7);

    line-height: 3;

    padding-left: 10px;

    padding-right: 10px;

}

.more{

    padding: .5em 4rem;

    border: 1px solid #d6d6d6;

    color: #d6d6d6;

}

.foot_mid{

    max-width: 60%;

    width: 60%;

}

.foot_nav{

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    max-width: 100%;

    justify-content: space-between;

    -ms-justify-content: space-between;

}

.foot_nav li{

    flex: 1;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

}

.foot_nav li a{

    display: block;

    color: #fff;

}

.foot_nav li h3 a{

    font-size: 16px;

    margin-bottom: .5rem;    

    margin-top: .5rem;

}

.foot_nav p{

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

}

/*footer*/

footer{

    background-color: #5e5e5e;

    color: #fff;

}

footer a{

    color: #fff;

}



@media(min-width: 992px) {

    .news_bg li a{

        width: 90%;

    }

    .foot_nav p{

        margin-top: 4rem;

    }

    .products_bg li{

        max-width: 30%;

    }

}



@media (min-width: 1240px) {

    .container{

        width: 1200px;

        margin-left: auto;

        margin-right: auto;

        padding: 0;

        padding-right: 0;

    }

}

@media(max-width:1440px) {

    .m-logo {

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: start;

            -ms-flex-pack: start;

                justify-content: flex-start;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

    }

    .m-logo img{

        max-height: 80px;

        margin-right: 10px;

    }

    .m-logo h1{

        font-size: 32px;

    }

}





@media(max-width: 768px) {

    .join_list a{

        -webkit-box-flex: 0;

            -ms-flex: 0 0 48%;

                flex: 0 0 48%;

    }

    .join_list a dt{

        font-size: 18px;

        margin-right: 3px;

    }

    .join_title strong{

        font-size: 22px;

    }

    .join_title{

        padding-top: 2rem;

    }

    .join_list a dd{

        font-size: 14px;

    }

    .title h4{

        font-size: 2rem;

    }

    .title h2{

        font-size: 2rem;

    }

    .pro_home_list{

        min-height: 40vh;

    }

    

}.example {

    display: -ms-grid;

    display: grid;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));

    background: -o-linear-gradient(top, white, black);

    background: linear-gradient(to bottom, white, black);

}