﻿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: "微软雅黑";
color:#333;}
body{
    background:rgb(248,248,248);
    z-index:-200;
    position:relative;
}
header { width: 100%;}
.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; }

.main{
    width:1200px;
    height:1000px;
    margin:0 auto;
    z-index:-150;
    position:relative;
    padding-top:20px;
}
.part_l{
    width:850px;
    height:auto;
    float:left;
}
.part_r{
    width:320px;
    height:auto;
    float:right;
}
.box_01{
    width:850px;
    height:auto;
    background:white;
    border: 1px solid #ececec ;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background-color: #fff;
}
.title_big,.classify{
    width:750px;
    height:50px;
    padding-top:20px;
    padding-left:50px;
    padding-right:50px;

}
.title_big p{
    font-size:26px;
    font-weight:normal;

}
.classify{
    padding-top:0px;
	padding-bottom:20px;
    height:auto;
}
.classify_fl{
    width:300px;
    height:auto;
    float:left;
}
.classify_fl p{
    width: 300px;
    height:33px;
    line-height: 33px;
    background: url('../images/time-close.png') no-repeat 0 -28px;
}
.classify_fl p a{
    width:300px;
    height:33px;
    padding-left: 20px;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.classify_fl p a:hover{
    color:#ff4444;
}
.classify_fl p.first {
    background-position: 0 12px;
}
.classify_fl p.last {
    background-position: 0 -67px;
}
.classify_fl p.current a,.classify_fl p a:hover{
    background: url('../images/time-close.png') no-repeat 0 -230px;
}
.classify_rl{
    width:292px;
    height:250px;
    float:right;
}
.classify_rl_img{
    width:292px;
    height:250px;
    text-align:center;
    border: 1px #ececec solid;
    padding: 5px 5px 0;
}
.classify_rl_img img{
    width:292px;
    height:220px;
    cursor:pointer;
}
.classify_rl_img:hover div{
    color:#ff4444;
}
.classify02{
    padding-left:20px;
}
.boxr_01{
    width:280px;
    height:auto;
    background:white;
    float:right;
    border: 1px #ececec solid;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background-color: #fff;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:15px;
}
.part_r_title{
    width:280px;
    height:40px;
    padding-top:10px;
    position:relative;
}
.title_txt{
    font-size:18px;
    line-height:40px;
}
.grey_line{
    width:260px;
    height:2px;
    background:#ececec;
    position:absolute;
    left:20px;
    bottom:0;
}
.red_line{
    width:75px;
    height:2px;
    background:#ff4444;
    position:absolute;
    bottom:0;
}
.classify_li_container{
    width:280px;
    height:auto;
    padding-top:10px;
    font-size:12px;
    color:#999;
}
.classify_li_container a{
    line-height: 28px;
    color:#999;
}
.classify_li_container a:hover{
    color:#333;
}
.classify_li{
    width:110px;
    height:35px;
    float:left;
    background:#f7faf2;
    margin-top:10px;
    text-align:center;
    line-height:30px;
    color:#999;
    border-radius:3px;
    font-size:12px;
}
.box_02{
    width:790px;
    height:21px;
    margin-top:21px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    padding: 0 30px;
    display:flex;
    justify-content: space-between;
}
.careful{
    background: url('../images/status.png') no-repeat -1000px 0;
    display:inline-block;
    width: auto;
    height: 21px;
    overflow: hidden;
    background-position: -32px -125px;
    padding-left: 24px;
    line-height: 21px;
    color: #999;
    font-size:12px;
}
.careful:hover{
    color:#ff4444;
    background-position: -32px -174px;
}
.box_03{
    width:850px;
    height:140px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background:white;
    margin-top:20px;
}
.box_03 img{
    width:850px;
    height:140px;
}

.box_04{
    width:850px;
    height:auto;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background:white;
    margin-top:20px;
    padding-top:15px;
    overflow:hidden;
    position:relative;
}
.more{
    width:830px;
    height:20px;
    padding-right:20px;
    padding-bottom:10px;
}
.more a{
    background: url('../images/x.png') no-repeat 52px -332px;
    color: #666;
    display: inline;
    float: right;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-right: 12px;
    padding-right: 20px;
    transition: all 0.4s ease-in 0s;
    width: 50px;
}
.more a:hover{
    background-position: 62px -332px;
    margin-right: 2px;
    padding-right: 30px;
}
.content_title{
    width:690px;
    padding:0 30px;
    height:45px;
}
.content_title i{
    background-color: #ff4444;
    width: 4px;
    margin: 8px 10px 0 0;
    height: 30px;
    float: left;
    vertical-align: top;
    overflow: hidden;
}
.content_title a{
    float: left;
    color: #ff4444;
    font-size: 20px;
    color: #ff4444;
    height: 45px;
    line-height: 45px;

}
.content_txt{
    font-size: 14px;
    line-height: 28px;
    text-indent: 28px;
    margin-bottom: 14px;
    padding:0 30px;
    position:relative;
	z-index:99 !important;
}
.content_txt a{color: #136ec2;text-decoration: none;}
.dash_line{
    width: 690px;
    padding:0 30px;
    border-bottom: 1px dashed #ececec;
    height: 0px;
    overflow: hidden;
    margin: 0px auto;
    padding-top: 11px;
}
.bg{
    width:100%;
    height:25px;
    position:absolute;
    background:rgba(255,97,97,.03);
    top:0;
    display:none;
    z-index:1 !important;
}

.list_container{
    width:790px;
    padding:0 30px;
}
.list li{
    width:235px;
    height:35px;
    float:left;
    color:#999;

    font-size:12px;

}
.img_container{
    padding-left:30px;
    padding-right:30px;

}
.img_container li{
    width:240px;
    height:180px;
    float:left;
    text-align:center;
     padding-bottom:15px;
}
.img_container li:hover .img_info{
    color:#ff4444;
}
.img_info{
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.img_container li img{
    width:240px;
    height:150px;
    border: 1px solid #ececec;
}
.img_container li:nth-child(2),.img_container li:nth-child(3){
    margin-left:30px;
}
.list li:not(:nth-child(3n-2)){
    margin-left:40px;
}
.list li a{
    background: url('../images/wyz-icon.png') no-repeat 0 -145px;
    padding-left: 12px;
    color:#999;
    line-height:30px;
}
.list li a:hover{
    color:#ff4444;
}
.box_05{
    width:850px;
    height:auto;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background:white;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
}

.link_info{
    width: 790px;
    padding:0 30px;
    padding-top:10px;
}
.link_info a{
    font-size:14px;
}
.link_info a:hover{
    color:#999;
}
.box_06{
    width:850px;
    height:auto;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background:white;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
}
.article{
    padding-top:10px;
    padding-left:30px;
    color:#999;
    line-height:30px;
}
.article a{
    display:block;
    width:230px;
    font-size:14px;
    padding-left:12px;
    float:left;
    background: url('../images/wyz-icon.png') no-repeat 0 -140px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.article a:hover{
    color:#ff4444;
}
.article a:not(:nth-child(3n-2)){
    margin-left:25px;
}
.box_07{
    width:850px;
    height:auto;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background:white;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
}
.qa{
    width:790px;
    padding-left:30px;
}
.ques a{
    font-size:14px;
    line-height:40px;
    height:40px;
}
.ques a:hover{
    color:#ff4444;
}
.answ{
    height:auto;
    background:#f8f8f8;
    font-size:13px;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    background:rgb(248,248,248);
    font-size:12px;
    line-height:24px;
    padding-top:9px;
    padding-bottom:9px;
}
.answ a{
    color:#ff4444;
}
.answ a:hover{
    color:#FF8C8C;
}
.boxr_02{
    width:290px;
    height:auto;
    background:white;
    float:right;
    border: 1px #ececec solid;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background-color: #fff;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
    margin-top:20px;
}
.boxr_02 ul:first-child{
    list-style: none;
    overflow: hidden;

}
#nav{

    height: 40px;
    text-align: center;
    line-height: 40px;
}
#nav li{
    width: 33%;
    height: 38px;
    float: left;
    font-size:18px;
    cursor:pointer;
    border-bottom:2px solid #ececec;
}
#nav li.active{
    border-bottom:2px solid #ff4444;
}

#content{
    width: 300px;
    border-top: none;
    padding-top:15px;
}
#content li{
    width: 100%;
    height: 100%;
    display: none;
    height:50px;
}
#content a{
    display:block;
    width:80px;
    height:25px;
    font-size:12px;
    text-align:center;
    float:left;
    color:#333;
    line-height:25px;
    margin-left:13px;
    margin-top:15px;
    border: 1px solid #ececec;
    color: #999;
    overflow:hidden;
}
#content a:hover{
    color:#ff4444;
    border: 1px solid #ff4444;
}
.boxr_03{
    width:290px;
    height:auto;
    background:white;
    float:right;
    border: 1px #ececec solid;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    background-color: #fff;
    padding-left:15px;
    padding-right:15px;
    margin-top:20px;
}
.boxr_03 .classify{
    padding-top:30px;
}
.box_08{
    height:300px;
    border-radius: 3px;
    box-shadow: 0 1px 2px #f1f1f1;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
    width:882px;
    position:fixed;
    top:400px;
    z-index:-100;
}
.mulu_con{
    width:250px;
    height:auto;
    background: white;
    border:1px solid #ccc;
    border-radius:3px;
    padding-top:10px;
    padding-right:20px;
    float:right;
    box-sizing:border-box;
}
.box_08 .classify{
    width:250px;
}
.mulu_hide{
    display:none;
}
.mulu_show{
    display:block;
}
.mulu_title{
    width:30px;
    height:75px;
    float:right;
    padding-bottom:15px;
    background:green;
    text-align:center;
    cursor:pointer;
    background: #fafafa;
    color: #666;
    border-radius: 3px;
    border: solid #ccc 1px;
    display:none;

    z-index:999 !important;
}
.mulu_title p{
    padding:0px;
}
.mulu_title p:hover{
    color:#ff4444;
}
.guding{
    position:fixed;
    top:0;
}
.guding_02{
    position:fixed;
    top:420px;
}
.footer-box{
    width:100%;
    margin-top:15px;
    height:235px;
    background:white;
}
.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:240px;
}
.footer dl:last-child{
    margin-right:0px;
}
.footer dt{
    color: #646464;
    font-size: 14px;
    padding: 0 0 14px
}
.footer dd a{
    color: #969696;
    font-size: 14px;
    transition:all .15s ease;
}
.footer dd{
    line-height:20px;
}
.footer dl:nth-child(3){
    margin-right:0px;
    width:340px;
}
.last-dl dd{
    width:70px;
    float:left;
    margin-right:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.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:100%;
    height:auto;
    margin:0 auto;
    background:white;
    padding-bottom:15px;
    padding-top:15px;
}
.foot-addr p{
    width:1200px;
    font-size:12px;
    height: 20px;
    line-height: 20px;
    color: #757575;
    margin:0 auto;
}
*{
    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;
}
td{
	border-top:0;
	border-left:0;
	}
table{
    border-right:0 ;
    border-bottom:0 ;
    text-align:center;
    margin:0 auto;
    padding:0px;
    box-sizing:border-box;
}
.font-b{
	font-weight:bolder;
}
.line-space{
	width:10px;
	height:10px;
}
table {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(92, 125, 192);
text-align:center;
}

table td{
    border-top:1px solid rgb(92, 125, 192);
    border-left:1px solid rgb(92, 125, 192);
}
table tr td:last-child{
    border-right:1px solid rgb(92, 125, 192);
}

table td,table th {
padding: 5px 10px;
font-size: 12px;
font-family: Verdana;
color:rgb(92, 125, 192);
}

table tr:nth-child(even) {
background: rgb(211, 223, 237);
}
table tr:nth-child(odd) {
background: #FFF
}

a{
    position:relative;
    z-index:99 !important;
}
