/*header*/
.header{height:88px;border-bottom:1px solid #e9e9e9;background:#fff;border-top:3px solid #ff7800;}
.header .logo{float:left;padding:15px;}
.header .user,
.header .search{float:right;margin-top:25px; position: relative;}
.header .header-title{
        display: inline-block;
    margin-top: 15px;
}
.header .header-title .title-left,.header .header-title .title-right{display:inline-block;vertical-align:middle;}
.header .header-title .title-left img{display:block;margin:0 auto;}
.header .header-title .title-right span{
    font-size: 25px;
    line-height: 40px;
    color: #666;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.header .header-title .title-right{
    border: 1px solid #d8d7d7;
    padding: 0 15px;
    height: 40px;
    border-radius: 35px;
    margin-left:10px;
    position:relative;
    cursor:pointer;transition:all .2s linear;
}
.header .header-title .title-right .code_img{position:absolute;top:60px;left:-22px;z-index:99;box-shadow:0px 0px 4px 0px rgba(0,0,0,.3);background:#fff;border-radius:5px;display:none;
    padding:10px;transition:all .3s linear;}
.header .header-title .title-right .code_img img{
   
    display:block;margin:0 auto;
}
.header .header-title .title-right:hover{
    border-color:#174090;
    color:#174090;
}
.header .header-title .title-right:hover .code_img{display:block;}
.header .header-title .title-right:hover b,.header .header-title .title-right:hover span{
    color:#174090;
}
.header .header-title .title-right b{display:inline-block;vertical-align:middle;font-weight:normal;font-size:16px;color:#666;}
.header .search i{ position:absolute;left:0;top:0; line-height: 34px;width:44px; text-align: center;color:#b9b9b9; }
.header .search .sc-text{height: 34px;line-height:34px;border:1px solid #e9e9e9;border-radius:40px; padding-left:40px; font-size:14px;width:200px; transition: .3s;}
.header .search .sc-text:focus{border:1px solid #e0e0e0; }
.header .user{margin-left:20px;padding:0 15px;border-left:1px solid #e9e9e9; line-height:18px;margin-top:35px;}
.header .user a{color:#999;}

.homepage-cont{ position: relative;}
.website-menu{width:160px;background:#fff;border:1px solid #e9e9e9;border-radius:6px; position: absolute;left:0;top:10px;}
.website-menu li{line-height:60px;margin:0 20px;border-top:1px solid #e9e9e9;}
.website-menu li:first-child{border-top:0;}
.website-menu li a{font-size:16px; display: block;}
.website-menu li i{width:30px;float:left;font-size:20px; color:#444;}
.website-menu li.active a,
.website-menu li.active i,
.website-menu li a:hover,
.website-menu li a:hover i{color:#ff7800;}
.website-menu.box-fixed{ position: fixed; left:inherit;}
.website-menu li a span{     display: inline-block;
    height: 20px;
    padding: 0 5px;
    background: #ff7800;
    border-radius: 7px;
    float: right;
    color: #fff;
    line-height: 20px;
    font-size: 12px;    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 20px;}

.homepage-cont-main{margin-left:180px; padding-top:10px; min-height: 500px;}
.main-box{background:#fff;margin-top:10px;padding:10px 20px 20px 20px;border-radius:6px;border:1px solid #e9e9e9;}
.loadmore{    font-size: 14px;
    line-height: 36px;
    border: 1px solid #ea3c00;
    color: #ea3c00;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 20%;
    cursor: pointer;
    border-radius: 50px;transition:all .3s linear;}
.loadmore:hover{cursor:pointer;background:#ea3c00;color:#fff;}
/*footer*/
.footer{background:#fff;border-top:1px solid #e9e9e9; text-align: center;padding:20px 0;}
.footer a{color:#666;}
.footer a:hover{color:#0f368a}
.footer em{color:#e9e9e9; font-style: normal;margin:0 10px;}
.footer .copyright{color:#9b9b9b;font-size:12px;line-height:26px;margin-top:10px;}
.footer .copyright strong{color:#666;}
.footer-img{margin-top:20px;}


.container{
	width:1200px;
	margin:0 auto;
	margin-bottom: 40px;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{ display:block;_zoom:1;}
.d-none{ display: none; }
.m-t-0{margin-top:0px;}









.provices{
    display: inline-block;
    
    float: right;margin-top:30px;margin-right:10px;sor:pointer;position:relative;
}
.provices .name{
    cursor:pointer;
    line-height:30px;
    text-align:center;
    width: 80px;
}
.provices .name:hover,.provices .name:hover i{
    color:#ff8700;
}
.provices .name i{
    display:inline-block;transform:rotate(180deg);
}
.citys{
    position: absolute;
    top: 40px;
    width: 500px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.2);
    background: #fff;
    z-index: 10;
    left: -430px;
    display:none;
}
.citys:after{
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 27px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-top: -20px;
}
.citys .city_name{
    line-height:35px;
    font-size:0;
    border-bottom:1px solid #f5f5f5;
}
.citys .city_name span{
    font-size:14px;
    width:20%;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}

.citys .city_name span i{
    display:block;
    border:1px solid transparent;
    margin:0 auto;
    width:55%;
    
}
.citys .city_name span.on,.citys .city_name span:hover{
    color:#ff8700;
}
.citys .city_name span.on i,.citys .city_name span:hover i{
    border:1px solid #ff8700;
}
.provice{
    padding:10px 5px;
    width: 495px;
    margin:0 auto;
}
.provice .pro_list {
    padding-top:10px;
    line-height:25px;
    display:none;
}
.provice .pro_list.on{
    display:block;
}
.provice .pro_list b{
    width:70px;
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    line-height:25px;
    text-align:center;
    color:#ff8700;
}
.provice .pro_list p{
    display:inline-block;
    width:420px;
    font-size:0;
}
.provice .pro_list.pro_first p{
    width:490px;
}

.provice .pro_list p span{
    width:70px;
    font-size:13px;
    color:#747474;
    line-height:25px;
    display:inline-block;
    cursor:pointer;
    vertical-align:top;
    overflow:hidden;
}
.provice .pro_list.pro_first p span{text-align:center;line-height:35px;}
.provice .pro_list p span.on,.provice .pro_list p span:hover{
    color:#ff8700;
}



.banner{position: relative;overflow: auto;text-align: center;width:640px;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:70px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:640px; float: left;height:480px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 610px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}