/*header*/
.navlogo:after{
    display: block;
    content: '';
    clear: both;
}
.navlogo{
    padding-top: 20px;
    padding-bottom: 20px;
}
.navlogo img:nth-of-type(1){
    float: left;
    margin-top: 8px;
}
.tel{
    float: right;
    margin-right: 25px;
    background: url("../images/tel.png") no-repeat left center;
    padding-left: 90px;
    font-size: 14px;
    color: #414141;
    height: 70px;
    margin-top: 20px;
}
.tel h2{
    font-size: 24px;
    color: #e4332d;
}
.navlogo img:nth-of-type(2){
    float:right;
    width: 88px;
}
.navbg{
    background:#e4332d;
}
.navtext>ul:after{
    display:block;
    content: '';
    clear: both;
}
.navtext>ul>li{
    float:left;
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 500ms 0s all;
    -moz-transition: 500ms 0s all;
    -ms-transition: 500ms 0s all;
    -o-transition: 500ms 0s all;
    transition: 500ms 0s all;

}

.navtext>ul>li>a{
    display: block;
    text-align: center;
    font-size:14px;
    line-height: 50px;
    color: #ffffff;
    background: url("../images/navline.png") no-repeat left center;
    -webkit-transition: 500ms 0s all;
    -moz-transition: 500ms 0s all;
    -ms-transition: 500ms 0s all;
    -o-transition: 500ms 0s all;
    transition: 500ms 0s all;
}
.navtext>ul>li:first-child>a{
    background: none;
}
.navtext>ul>li:hover{
    background: #bf2b26;
}



/*main*/
/*热搜*/
.hotkey{
    background: #f2f2f2;
}
.hotkey ul li:first-child{
    font-size: 14px;
    font-weight: bold;
    color: #e65956;
}
.hotkey ul:after{
    display: block;
    content: '';
    clear: both;
}
.hotkey ul li{
    float:left;
    margin-right: 8px;
    line-height: 30px;
}
.hotkey ul li a{
    font-size: 14px;
    color: #666666;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.hotkey ul li a:hover{
    color: #e65956;
}
/*product*/
.product{      margin-bottom:60px;  }

.pro_fl{
    width: 560px;
    margin:0 auto;
    margin-bottom: 40px;
}
.pro_fl:after{
    display: block;
    content: '';
    clear: both;
}
.pro_fl a{
    width: 280px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    position: relative;
    float:left;
}
.pro_fl a:first-child{ background: #c9c9c9;}
.pro_fl a:last-child{ background: #e4332d;}
.pro_fl a b{
    display: block;
    position: absolute;
    bottom:0;

}
.pro_fl a:first-child b{
    border-right:35px solid #e4332d;
    border-top:50px solid transparent;
    right:0;
    z-index:-1;
}
.pro_fl a:last-child b{
    border-left:35px solid #c9c9c9;
    border-top:50px solid transparent;
    left:0;
    z-index:999;
}

.pro{
    width:100%;
    position: relative;
}
.pro_text{
    border:1px solid #e7e7e7;
}
.pro_text b{
    display: block;
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
}
.pro_text b img{
    max-width: 100%;
    height: auto;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pro_text p{
    position: relative;
    left: 0;
    bottom:0;
    height: 40px;
    line-height: 40px;
    background: #e7e7e7;
    color: #666666;
    font-size: 14px;
    text-align: center;
}
.pro_hov{
    position: absolute;
    top:100%;
    left:0;
    width: 100%;
    height:100%;
    background: url("../images/probg.png") no-repeat center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    opacity:0;
}
.pro:hover .pro_hov{
    top:0;
    opacity: 1;
}
.pro_hov h5{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    margin-top: 150px;
}
.pro_hov a{
    display: block;
    width:160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #ffffff;
    margin:0 auto;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url("../images/jt_l.png") no-repeat center!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url("../images/jt_r.png") no-repeat center!important;
}




/*proside*/
.proside>div:first-child{
    background: #e4332d;
    padding-top: 18px;
    box-sizing: border-box;
    height: 82px;
    text-align: center;
}
.proside>div:first-child h5{   font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    background: url(../images/menu.png) no-repeat 60px center;
    padding-left: 20px;
}
.proside>div:first-child span{ font-size:10px;text-transform:uppercase;color: #ffffff;}
.prolist{
    box-sizing: border-box;
    border:3px solid #e4332d;
    width: 243px;

}
.prolist ul li{
    line-height: 50px;
    padding:0 18px;
}
.prolist>ul>li>a{
    display: block;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    color: #666666;
    border-bottom:1px dashed #e8e8e8;
    -webkit-transition: 500ms 0s all ease;
    -moz-transition: 500ms 0s all ease;
    -ms-transition: 500ms 0s all ease;
    -o-transition: 500ms 0s all ease;
    transition: 500ms 0s all ease;
}
.prolist>ul>li>a:hover{
    color: #FFFFFF;
    cursor: pointer;
}
.prolist>ul>li:hover{
    background: #ad1d18;
}
.prolist>ul>li:hover a{
    color: #ffffff;
}
.side_contact{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 18px;
}
.side_contact h4{
    font-size: 20px;
    color: #e4332d;
    text-align: center;
}
.side_contact p{
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    line-height: 25px;
}
.pro_contain{
    width: 930px;
}
.pro_show:after{
    display: block;
    content: '';
    clear: both;
}
.pro_show li{
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #dcdcdc;
    margin-right: 21px;
    margin-bottom: 30px;
}
.pro_show li:nth-child(3n){
    margin-right:0;
}
.pro_show li a b{
    display: block;
    width: 294px;
    height:197px;
    position: relative;
    overflow: hidden;
}
.pro_show li a b img{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pro_show li a p{
    display: block;
    width: 294px;
    text-align: center;
    color: #666666;
    font-size: 14px;
    -webkit-transition: 300ms 0s all linear;
    -moz-transition: 300ms 0s all linear;
    -ms-transition: 300ms 0s all linear;
    -o-transition: 300ms 0s all linear;
    transition: 300ms 0s all linear;
    background: #dcdcdc;
    line-height: 30px;
}
.pro_show li a:hover p{
    color: #FFFFFF;
    background: #ad1d18;
}




/*公司简介*/
.combg{
    position: relative;
    padding-top: 1px;
    height: 545px;
    background:url("../images/combg.png") no-repeat center;
}
.combg .title h3{
    color: #ffffff;
    position: relative;
    z-index: 999;
}
.combg .title h5{
    color: #f04843;
    z-index:0;
}
.company_cont:after{
    display: block;
    content: '';
    clear: both;
}
.company_cont>img{
    float:left;
}
.company_cont>ul{
    float:left;
    position: relative;
    left: -30px;
    overflow: hidden;
}
.company_cont ul li{
    margin: 20px 0;
}
.company_cont>div{
    float:left;
    width: 630px;
}
.company_text h5{
    font-size: 26px;
    font-weight:normal;
    color: #ffffff;
    padding-left: 47px;
    background: url("../images/comtbg.png") no-repeat left center;
}
.company_text p{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;
    margin:30px 0;
}
.company_text a{
    display: block;
    text-align: center;
    width: 160px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #e4332d;
    background: #ffffff;
}

/*我们的优势*/
.advan{
    background: url("../images/advfot.png") no-repeat center bottom;
}
.adv:after{
    display: block;
    content: '';
    clear: both;
}
.adv>img{
    float:left;
}
.adv>ul{
    float:right;
    width: 740px;
}
.adv>ul li{
    float:left;
    width: 330px;
    height: 100px;
    margin-bottom: 40px;
    background: url("../images/advline.png") no-repeat left bottom;
}
.adv ul li:nth-of-type(even){
    float:right;
}
.adv ul li h4{
    font-size: 24px;
    color: #333333;
    margin-bottom: 8px;
}
.adv ul li h4 span{
    font-size: 14px;
    color: #d4d4d4;
    padding-left: 15px;
}
.adv ul li p{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}
.adv_lb{
    margin-top: 35px;
    padding-bottom: 85px;
}
.advlist{
    width: 285px;
    height: 214px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #666666;
}
.advlist a{
    position: relative;
    display: block;
    width: 260px;
    margin: 0 auto;
    height: 200px;
    margin-top: 7px;
    overflow: hidden;
}
.advlist a img{
    max-width: 100%;
    height: 100%;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.advlist p{
    background: rgba(0, 0, 0, 0.50);
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    line-height: 36px;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.advlist a:hover{
    cursor: pointer;
}
.advlist a:hover p{
    font-weight: bold;
    height: 45px;
    line-height: 45px;
}

/*banner2*/
.banner2{
    background: url("../images/banner2.png") no-repeat center;
    height: 157px;
    position: relative;
    top: -30px;
}
.banner2 .mycontainer{
    position: relative;
}
.banner2 span{
    font-size: 30px;
    color: #FFFFFF;
    position: absolute;
    top:75px;
    right:0;
}

/*新闻动态*/
.news:after{
    display: block;
    content: '';
    clear: both;
}
.news{
    margin-bottom: 60px;
}
.news_text{
    float:left;
    width: 625px;
}
.news_r{
    width: 520px;
    float:right;
    box-sizing: border-box;
    padding:5px;
    border:1px solid #c9c9c9;
}
.newtit:after{
    display: block;
    content: '';
    clear: both;
}
.newtit>div{
    float:left;
}
.newtit>div a{
    float:left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    width: 110px;
    text-align: center;
    background: #e0312b;
}
.newtit>a{
    float:right;
    color: #a5a5a5;
    font-size: 14px;
    margin-top: 10px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.newtit>a:hover{
    color: #e0312b;
}
.news_text ul li a:after{
    display: block;
    content: '';
    clear: both;
}
.news_text ul li{
    border-bottom:1px dashed #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:15px 0;
}
.news_text ul li a{
    display: block;
}
.news_l{
    float:left;
    width: 575px;
}
.news_l h5{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 16px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.news_l p{
    font-size: 14px;
    color: #666666;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.news_text ul li a:hover h5{    color: #e0312b;}
.news_text ul li a:hover p{    color: #e0312b;}
.date{
    float: right;
    width: 50px;
}
.date h2{
    font-size: 40px;
    color: #df312b;
    font-weight: normal;
    text-align: center;
}
.date small{
    font-size: 12px;
    color: #df312b;
    text-align: center;
}



/*footer*/
.footer_top_bg{    background: #d42e29;}
.footer_bottom_bg{    background: #ba2924;}
.footer_top{ padding-top:37px; padding-bottom: 22px;}
.footer_top:after{
    display: block;
    content: '';
    clear: both;
}

.footer_t_l{
    float:left;
    width: 480px;
}
.footer_t_l h2{font-size:30px;color: #ffffff;}
.footer_t_l p{ font-size:14px;color: #ffffff; letter-spacing: 2px;margin-top:5px;text-transform: uppercase;}
.footer_t_l h5{font-size:24px; color: #e8e8e8;font-weight:bold;margin-top:20px;}
.footer_t_l h5 span{font-size:14px; color: #e8e8e8;}

.footer_t_m{
    width: 378px;
    box-sizing: border-box;
    float:left;
    border-left:1px solid #e16d6a;
    border-right:1px solid #e16d6a;
}
.footer_t_m ul li{
    float: left;

}
.footer_t_m ul li a{
    width: 125px;
    display: block;
    text-align: center;
    font-size:14px;
    color: #e8e8e8;
    line-height: 40px;
}

.footer_t_r{
    float:right;
    width: 340px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 29px;
}
.footer_t_r p{
    font-size:14px;
    color: #e8e8e8;
}


.footer_bottom{
    height: 35px;
    line-height: 35px;
}
.footer_bottom p{
    color: #ffffff;
    font-size:12px;
    float:left;
}
.footer_bottom p a{
    color: #ffffff;
    font-size:12px;
}
notempty a{
    color: #ffffff;
    font-size:12px;
}
.login{
    float:right;
}
.login a{
    font-size:12px;
    color: #ffffff;
    float:left;
}

.swiper_mycube{
    height: 50%!important;
    margin-top: 25% !important;
}