html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd,
blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;}
li{ list-style: none; }
a{ text-decoration:none; color: #111; }
*{ font-family: "微软雅黑";}
header { width: 100%;}
body{
    background: rgb(248,248,248);
}
.head_top{ width: 100%; height:37px; background: #fafafa; border-bottom: 1px #ebebeb solid;}
.auto { width: 1180px; margin: 0 auto }
.head_top a{ font-size: 12px; color:#666; line-height: 37px;}
.head_top a:hover{color: #ccc;}
.top_p { float: right; margin-top: 0px; color: #ededed; line-height: 37px; }
.top_p span {color: #ee2e24; font-size: 16px;}
.top_p a { display: inline-block; padding: 0 5px;  }

.logo_wai {  border-bottom: 1px #ebebeb solid;  }
.logo { height: 103px; position: relative; }
.llgo { margin-top: 27px; }
.logo_P { font-size:23.4px; color: #5b5b5b; display: inline-block;
 vertical-align: top; line-height: 60px; margin-left: 13px; vertical-align: top; }
.logo_right span{height: 50px; display: inline-block; width: 7px; background: url(../images/jian.png); margin-left: -10px; }
.zhuan {background: url(../images/jian2.png) !important;  }
.logo_right { display: inline-block; position: absolute; right: 0px; top: 25px; }
.rilo { display: inline-block; vertical-align: top; }

.daohang { height: 60px; }

.nav{ display: inline-block; vertical-align: top; }

.xiang_mu {display: inline-block; width: 164px; height: 60px; background: #ee2e24;
 line-height: 60px; text-align: center; color: #fff; font-size: 22px; margin-right: 30px; }

.nav li { width:132px; height: 60px; float: left; line-height: 60px; text-align: center;}
.navf { margin-right: 80px; }
.xz { background: #f6f6f6; color: #ee2e24; }
.nav li:hover{background: #f6f6f6; color: #ee2e24;  }

.mbxie { font-size: 12px; color: #999; }
.mbxie a{ font-size: 12px; color: #999; }
.mbxie a:hover{ color: #ee2e24;  }



/*底部的css*/
.in_diwai { height: 77px; }
.di_wai{ background: #000; }
.wailogo { width: 181px; height: 51px; position: relative; top: 12px; }
.logo_p2{ color: #e6e4e4; line-height: 25px;  margin-left: 33px; }

.di_wairightp{ display: inline-block; background: #fff; width:187px; height: 45px;
 text-align: center; line-height: 45px; font-size: 22px; color: #666; border-radius: 5px; float: right; margin-top: 18px; }
.di_er { height: 268px; }
.di_erul { display: inline-block; vertical-align: top; margin-right: 115px; margin-top: 25px}
.di_erul li { font-size: 14px; color: #999; line-height: 30px; }
.di_erul li:hover{ color: #666; }
.di_erul p{ font-size: 22px; color: #3e3e3e; margin-bottom: 22px; }
.dian_h {font-size: 18px !important; margin-bottom: -10px;}
.dian_h2 {font-size: 12px !important; line-height: 20px !important; margin-top: 5px;  }
.di_errught{ display: inline-block; margin-top: 45px; float: right; }
.erwei2 {margin-left: 20px;}
.rugtp { color: #999; }
.di_san { background: #f2f2f2; }
.indi_san { height: 54px; }
.indi_san p { font-size: 12px; line-height: 54px; color: #999; }
.indi_san a{ color: #999; margin-left: 13px; }
.indi_san a:hover{ color: #666; }


.an { display: inline-block; width:144px; height: 52px; background: #f4736c;
 font-size: 16px; color: #fff; line-height: 52px; text-align: center; border-radius: 5px;}
.an:hover{ background: #ee2e24; }
.an1 { margin-top: 34px; }

.clearfloat{clear:both}

.headtop { height: 105px; }
.dao_hang { display: inline-block;   margin-left: 40px; }
.dao_hang li { float: left; font-size: 18px; color: #000; margin-top: 10px;margin-left: 35px; vertical-align: middle; }
.logogo {vertical-align: middle; }
.xuan_zhong{ color: #ee2d23 !important;}
.dao_hang li:hover{ color: #ee2d23;  }
.headright { float: right; line-height: 70px; color: #ee2e24; font-size:16px; }




.main_visual{min-width: 1200px; height:394px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{ min-width: 1200px; height:394px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:394px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:422px;}
.main_image li span{display:block;width:100%;height:422px}
.main_image li a{display:block;width:100%;height:422px}
.main_image li .img_1{background:url('../images/bananer1.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/bananer3.jpg') center top no-repeat}
.main_image li .img_4{background:url('../images/bananer4.jpg') center top no-repeat}


div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;
    margin:0 0 0 -50px;}

div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0; margin: 0px 5px;
    background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}

div.flicking_con a.on{background-position:0 -21px}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:81px!important;height:81px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}
#btn_prev:hover{background:url(../images/left.png) no-repeat left top;}
#btn_next:hover{background:url(../images/right.png) no-repeat right top;}


.er_ji { height: 416px; }
.er_jileft { width: 344px; float: left; height: 416px; background: #f6f6f6;}
.er_aotu { width: 550px;  }
.er_right { width: 280px;  }
.er_jileft2 { padding: 22px; box-sizing: border-box; }
.er_jileft2 h3 { font-size: 18px; color: #333; font-weight: normal; margin-bottom: -5px; }
.er_jileft2 img{ position: relative; top: 3px; }
.er_jileft2 li p{font-size: 12px; color: #666;}
.er_jileft2 li { border-bottom: 1px #ccc solid; margin-top: 13px; padding-bottom: 5px; }
.er_jileft2 li a { color: #666; margin-right: 10px;  }
.er_jileft2 li a:hover{ color: #ee2e24; }
.bi_ti { text-align: center; }
.w_b { position: relative; width: 214px; height: 161px; margin: 0 auto; margin-top: 10px; overflow: hidden; }
.lunb4 { text-align: left; text-indent: 1em; height: 30px; font-size: 14px; line-height: 30px;
bottom: -15px;}

             .w_b img {
                cursor: pointer;
                transition: all 0.8s;
            }

             .w_b img:hover{
                transform: scale(1.2);
            }
.bao_erji { width: 100%; background: url('../images/heibei.png'); position: absolute;
z-index: 9999; display: none;}

.er_ji { position: absolute;
z-index: 9999; display: none;}

.aure { position: relative; }

.mains-container{
    width: 100%;
    height:auto;
    padding-top:15px;
    padding-bottom:25px;
    background:rgb(237,237,237);
}
.mains-box{
    width:1200px;
    height:200px;
    margin:0 auto;
    background:white;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin-top: 25px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
}
.classify-lg-01,.classify-lg-02{
    width:450px;
    float:left;
    float: left;
    position: relative;
    box-sizing: border-box;
    height: 200px;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.1);
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    display:flex;
    justify-content: center;
    flex-direction：row-reverse;
    flex-wrap:wrap;
}
.classify-lg-02{
    width:298px;
}
.classify-lg-01:hover,.classify-lg-02:hover{
    box-shadow: inset 0 0 38px rgba(0,0,0,.08);
    transition: all .15s ease;
}
.classify-title{
    width:100%;
    height:60px;
    font-size:18px;
    color:#505050;
    line-height:60px;
    text-align:left;
}.classify-sm{
    width:100%;
    height:140px;
}
.classify-sm li{
    width:70px;
    height:20px;
    float:left;
    font-size:14px;
    height:20px;
    border:0;
    padding:5px 5px;
    text-align:left;
}
.classify-sm li a{
    color:#777;
}
.classify-sm li a:hover{
    color:#FF7B7B;
}
.mains-02-box{
    width:1200px;
    height:auto;
    margin: 0 auto;
    margin-top:10px;
}
.mains-02{
    width:100%;
    height:auto;
    margin:0 auto;
}
.mains-02 ul{
    width:100%;
    height:auto;
    display:flex;
    justify-content:left;
    flex-wrap:wrap;
}
.mains-02 ul li{
    width:287.5px;
    height:290px;
    background:white;
    margin-top:20px;
    position:relative;
    margin-right:15px;
    transition: all .2s ease;
}
.mains-02 ul li:nth-child(4n){
    margin-right:0px;
}
.mains-02 ul li:hover{
    box-shadow: 0 5.5px 13px 0 rgba(0,0,0,.1);
    transition: all .2s ease;
}
.mains02-img{
    width:287.5px;
    height:190px;
    position:relative;
}
.mains02-img img{
    width:287.5px;
    height:190px;
}
.white{
    width:287.5px;
    height:190px;
    background:white;
    opacity: 0;
    position:absolute;
    left: 0;
    top: 0;
    transition: all .2s ease;
}
.mains-02 ul li:hover .white{
    opacity:0.1;
    transition: all .2s ease;
}
.mains02-title-lg{
    width:267.5px;
    height:20px;
    display:block;
    padding:10px;
    color:#333;
    transition: all .2s ease;
}
.mains02-title-lg:hover{
    color:#F65D5D;
    transition: all .2s ease;
}
.mains02-title-sm{
    wdith:287.5px;
    height:auto;
    padding:0px;
    font-size: 12px;
    color: #bbb;
    padding-left:10px;
}
.mains02-title-watch{
    width:277.5px;
    height:auto;
    padding-top:10px;
    padding-left:10px;
    font-size:13px;
    color:#dbdbdb;
}
.mains02-title-watch img{
    width:20px;
    vertical-align:top;
}
.yema{
    width:325px;
    height:auto;
    padding-top:40px;
    margin: 0 auto;
}
.yema li{
    float:left;
    width: 40px;
    height: 30px;
    background-color: white;
    line-height: 30px;
    margin: 0 3px;
    box-sizing: border-box;
    border-radius:8px;
    font-size:12px;
    text-align:center;
}
.yema li a{
    display:inline-block;
    width: 40px;
    height: 30px;
    color:#282828;
}
.yema li a:hover{
    color:#F65D5D;
}
.footer-box{
    width:100%;
    height:235px;
    background:rgb(250,250,250);
}
.footer{
    width:1200px;
    height:135px;
    padding-top:50px;
    padding-bottom:20px;
    margin: 0 auto;
    border-bottom:1px solid #E2E2E2;

}
.footer dl{
    float:left;
    margin-right:250px;
}
.footer dl:last-child{
    margin-right:0px;
}
.footer dt{
    color: #646464;
    font-size: 12px;
    padding: 0 0 14px
}
.footer dd a{
    color: #969696;
    font-size: 12px;
    transition:all .15s ease;

}
.footer dd a:hover{
    color:#5079d9;
    transition:all .15s ease;
}
.dd-tel{
    width: 241px;
    font-size: 30px;
    line-height: 1;
    color: #646464;
    text-align: right;
}
.dd-time{
    width: 241px;
    font-size: 12px;
    line-height: 30px;
    color: #c3c3c3;
    text-align: right;
}
.dd-btn a{
    float: right;
    width: 142px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(#fcfcfc,#f5f5f5);
    cursor: pointer;
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
     color:#5079d9;
}
.foot-addr{
    width:1200px;
    height:auto;
    margin:0 auto;
    background:rgb(250,250,250);
    padding-bottom:15px;
    padding-top:15px;
}
.foot-addr p{
    font-size:12px;
    height: 20px;
    line-height: 10px;
    color: #757575;
}
*{
    margin:0px;
}
a{
    text-decoration: none;
}
li{
    list-style-type: none;
}
img{
    width:auto;
    height:auto;
}
.header{
    width:100%;
    height:100px;
}
.layout{
    width:1200px;
    height:100px;
    margin:0 auto;
}
.logo{
    width:auto;
    height:80px;
    padding-top:20px;
    float: left;
}
.tel{
    float:right;
    padding-top:39.5px;
}
.navbar{
    width:100%;
    height:45px;
    background: #459df5;
}
.navbar-content-box{
    width:1200px;
    height:45px;
    margin:0 auto;
}
.navbar-btn{
    width:104px;
    height:45px;
    line-height: 45px;
    text-align: center;
    float:left;
}
.navbar-btn a{
    color:white;
}
.navbar-btn:hover{
    background:#338ce6;
}