﻿
/*
主题名称: 页面初始化
描述: 初始化页面各类标签的默认样式 
时间：2015/9/12/11:27
[目录表] 

	0- Reset
	1- Container 
	2- Links
	3- Globa
	4- Form
*/
/* =0 Reset
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {-webkit-overflow-scrolling : touch;
}
html{
	font-size: 14px;
}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;  padding:0; border:0; outline:0;
}
body {font-family:Arial,"微软雅黑"; padding-bottom:60px; }
article {background-color:#eee;
}

html, body {/*height:100%;*/}
ol, ul, dl {list-style: none;list-style-type: none;}
ul { margin:0;padding:0; }
ul li { list-style:none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";	content: none;}
:focus {outline: 0;}
table {	border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
/* =1 Container
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
/*.clearfix {	display: block;display: inline-block;clear: both;line-height: 0; height: 0; font-size:0;}*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

a { text-decoration:none; color:#666;
}
.header {
    height:50px;
    background:#fff url(images/index/1.png) no-repeat 10px center;
     background-size:auto 64%;
}
.banner  img{
   width:100%;
}
.search {
    padding: 20px 0px;
    background:#E8E8E8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    margin-top:-3px;
}
    .search .searchbox {
        width:290px;
        height:34px;
        margin:0px;
        margin-bottom:10px;
    }
.s_l {
    float:left; width:230px; border:1px solid #ccc;
    height:34px;box-sizing:border-box;    border-radius: 7px 0px 0px 7px;
    overflow:hidden; background:#FAFAFA;
}
    .s_l select {
        float:left; width:100px; border:0px; padding:0px; margin:0px;height:32px;
        -webkit-appearance:none; 
        box-sizing:border-box;padding:0px 10px;
        text-align:center;
        background:url(images/index/searchboxbg.png) no-repeat right center transparent;
        background-size:auto 80%;
    }
        .s_l select option {text-align:center;
        }
    .s_l input {
        -webkit-appearance:none; background-color:transparent;
        float:left;width:128px; border:0px; padding:0px 10px; margin:0px;height:32px; box-sizing:border-box;
    }
.searbtn {
    float:left; width:60px; background:#F54E22;
    height:34px; color:#fff; text-align:center;line-height:34px;
    border-radius: 0px 7px 7px 0px;
}
.rmss {
   color:#999;width:290px;
}
.rmss a {
    margin-right:10px; color:#797979;
}
.ccbox_v {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
.ccbox_h {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

.func {
     background:#fff;
     text-align:center;
     padding:20px 10px;
}
.func .item{
    width:25%;
}
.func .item img{
    width:66%;
    margin-bottom:6px;
}

.hotbrandc {
    background:#E7E7E7;
    padding:6px 0px 8px 8px
}
.hotbrandc .tit{
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 14px;
}
.hotbrandc .tit:before{
    content: " ";
    height: 16px;
    width: 5px;
    background: #F15C0C;
    position: absolute;
    left: 0px;
    top: 12px;
}
.hotbrandc .tit:after{
    content: " ";
    height: 16px;
    width: 16px;
    background: url(images/index/5.png) no-repeat;
    background-size:100% 100%;
    position: absolute;
    left: 104px;
    top: 4px;
}
    .hotbrandc .tit .more {
        position:absolute;
        right:13px;
    }

    .hotbrandc .item {
        float: left;
        width: 33%;
        text-align: center;
        margin-bottom: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .hotbrandc .item img{
        margin-top: 7px;
        width:85%;
    }
    .hotbrandc .item a{
        background:#fff;
        display:block;
        padding-bottom:7px
    }

    .brand {
    background:#fff;
    padding:6px 0px 20px 6px
}

        .brand.hot {
        }

   .brand .tit{
        height: 40px;
        line-height: 40px;
        position: relative;
        padding-left: 14px;
    }

   .brand .tit:before{
    content: " ";
    height: 16px;
    width: 5px;
    background: #56B186;
    position: absolute;
    left: 0px;
    top: 12px;
}
        .brand.hot .tit:before {
            background: #D85B5B;
            left:6px;
        }
        .brand.hot .tit {
            padding-left:20px;
        }

        .brand.red .tit:before {
            background: #D85B5B;
        }

        .brand.red li {
            float:left;width:33.33%;text-align:center;box-sizing:border-box;
        }
        .brand.red a {
            margin-right:5px;margin-bottom:5px;
             background:#F2F2F2; padding:5px 2px;border-radius:5px;
            display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        }

    .brand .item {
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 5px;
        padding-right: 8px;
        box-sizing: border-box;
    }
        .brand .item img {
            width:100%;
            min-height: 110px;
            border: 1px solid #ddd;
            border-radius: 2px;
            box-sizing:border-box;
            overflow:hidden;
        }
    .brand .item a{
        background:#fff;
        display:block;
    }

.hot .tit { background:#ECECEC;
}
.bottom {
    position:fixed;
    bottom:0px;
    width:100%;
    height:60px;
    background:#EEEEEE;

    -moz-box-shadow: 0px -2px 15px rgba(0,0,0,0.2); 
box-shadow: 0px -2px 15px rgba(0,0,0,0.2);
}
.bottom a{
    line-height: 1em;
    float:left;
    width:25%;
    text-align:center;
    height:60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
.bottom a img{
    height:21px;
    margin-bottom:3px;
}
    .bottom a.on {
        color:#FA5428;
    }

.brand .item_info {
    height:30px;
    line-height:30px;
}
.brand .i_name {
    float:left;
    width:50%;
    color:#333;
    text-align:left;
    box-sizing:border-box;
    padding-left:5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.brand .i_cate {
    float:left;
    width:50%;
    color:#999
}


.fiterbar {
    padding:10px;
    background:#fff;
}
.fiterbar .tit{
    text-align:center;
    color:#F5633E;
    line-height:30px;
    height:17px;
    border-bottom:1px solid #F5633E;
    margin-bottom: 20px;
}
.fiterbar .tit a{
    color: #F5633E;
    background: #fff;
    position: absolute;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    box-sizing:border-box;
    padding-right:13px;
}
    .fiterbar .tit a:after {
        content:" ";
        position:absolute;
        right:4px;
        top:6px;
        height:17px;
        width:17px;
        background:url(images/index/mt.png)no-repeat center center;
        background-size:95%;
    }
    .fiterbar .tit a.on:after {
        transform:rotate(180deg);
    }

.fiterbar .type .tit{
    height: 30px;
    line-height: 30px;
    border-bottom: 0px;
    margin-bottom: 10px;
    color: #aaa;
    text-align: left;
    position: relative;
    overflow:hidden;
}
.fiterbar .type .tit:after{
    content: " ";
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: 11px;
    margin-left:5px;
}
.fiterbar .type a{
    color:#666;
    float:left;
    width:60px;
    border:1px solid #ddd;
    line-height:26px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
    border-radius:5px;
}
.fiterbar .type a.on{
    color:#fff;
    background:#F5633C;
    border:1px solid #F5633C;

}
    .fiterbar .sbtn {
        height:30px;display:block;line-height:30px;
        border-radius:5px; text-align:center; color:#fff;
        background:#F5633E;
    }

/*关于我们*/

.about-con {
    color:#4E4E4E;
    margin-bottom:20px;
}

    .about-con .title {
        background-color:#F1F1F1;
        overflow:hidden;
        padding:10px 20px;
    }

        .about-con .title .icon {
            border-left: 5px solid #F15C0C;
            margin-right: 10px;
        }

    .about-con .remark {
        padding: 10px 20px;
    line-height: 26px;
    }

    .about-con .con1 {
        padding: 20px 20px;
    }

    .about-con .con1 img{
        width:100%;
    }

.r-top {
    display:none;
    background:rgba(0,0,0,0.3) url(images/rtop.png) no-repeat center center;
    border-radius: 50%;
    background-size: 60% auto;
    position: fixed;
    bottom: 100px;
    right: 9px;
    height: 50px;
    width: 50px;
}

/*转让流程*/

.process-con {
    margin:10px 20px 100px 20px;
}
.process-con .con img{
        width:100%;
        margin-bottom: 10px;
    }

/*分类查询*/

.search-con {
        margin: 10px 10px 100px 10px
}

.search-con .title {
        background-color:#fff;
        overflow:hidden;
        padding:10px 0;
    }

        .search-con .title .icon {
            border-left: 5px solid #F15C0C;
            margin-right: 5px 10px 10px 10px;
        }

.pagebox {

}

.pagebox a{
   display:block;  height:28px; line-height:28px; padding:0px 10px; border:1px solid #aaa; color:#aaa;
}
.pagebox select{
    margin-left:10px;margin-right:10px;
    height:30px; line-height:30px; padding:0px 10px; border:1px solid #aaa; color:#aaa;
}


.catesearchbtn {
    width:100px; line-height:34px; display:inline-block;
    color:#fff; background:#F5633E;
    margin-bottom:15px; text-align:center;border-radius:5px;
}

.topdh {
    height:40px;
    line-height:40px;
    background:#EDEDED;
}
.topdh a{
    float:left;width:25%;line-height:40px;text-align:center;
    color:#666;box-sizing:border-box; padding-right:20px;
    background:url(images/index/m1.png) no-repeat 71% center;
    background-size:auto 37%;
}

.topdh img{
    height: 14px;
    margin-left: 5px;
}
.topdh a.on{
    color:#D85025;
}
.topdh a:nth-child(1) {
    background-image:url(images/index/m1.png);
    
} 
.topdh a:nth-child(2) {
    background-image:url(images/index/m2.png);

} 
.topdh a:nth-child(3) {
    background-image:url(images/index/m3.png) ;

} 
.topdh a:nth-child(4) {
    background-image:url(images/index/m4.png);

} 

.topdh a.on:nth-child(1) {
    background-image:url(images/index/m1_on.png);
} 
.topdh a.on:nth-child(2) {
    background-image:url(images/index/m2_on.png);
} 
.topdh a.on:nth-child(3) {
    background-image:url(images/index/m3_on.png);
} 
.topdh a.on:nth-child(4) {
    background-image:url(images/index/m4_on.png);
} 