/* main */
.main { }
.mainl { width: 945px; }
.mainr { width: 240px; }
.mbox { width: 100%; margin-bottom: 15px; background: #017fc6;  overflow: hidden;border-radius:5px; }
.mbox.mbox1 { background-color: #fff; border-color: #017fc6; /*box-shadow: 0 0 14px #ddd; */}
.mbox.mbox2 { background-color: #fff; border-color: #ddd; /*box-shadow: 0 0 14px #ddd;*/ }
.mbox .boxhead { height: 32px; background: transparent; color: #fff; padding: 0 20px; line-height: 32px; border-bottom: 1px solid transparent; }
.mainr .mbox .boxhead {height:44px; line-height:44px;
}
.mbox.mbox1 .boxhead { background: #fff; color: #ff1d2d; }
.mbox.mbox2 .boxhead { background: #666; color: #ff1d2d;border:0;}
.mbox .boxhead .h1 { font-size: 14px; font-weight: bold; }
.mbox .boxhead .link { font-size: 12px; }
.mbox .boxhead .h1:hover, .mbox .boxhead .link:hover { text-decoration: underline; }

/* banner */
.banner { position: relative; width: 100%; height: 310px; }
.banner:after { content: ''; position: absolute; width: 100%; height: 30px; background: #000; bottom: 0; left: 0
z-index:2; opacity: 0.3; filter: opacity(30); }

/* news */
.news { padding: 0 10px; }
.topnews { width: 50%; padding-top: 14px; margin-bottom: 10px; }
.topnews .img { width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.topnews .img:hover { background-size: 110% 110%; }
.topnews .txt { position: relative; width: 340px; padding-right: 10px; }
.topnews .txt .name { width: 100%; height: 30px; line-height: 20px; font-size: 14px; color: #666; font-weight: bold; }
.topnews .txt .name:hover { color: #ff1d2d; }
.topnews .txt .jianj {  line-height: 20px; font-size: 12px; color: #777; margin-bottom: 10px; overflow: hidden; }
.topnews .txt .more { font-size: 12px; }
.topnews .txt .more:hover { text-decoration: underline; }
.list { width: 100%; font-size: 12px; line-height: 26px; padding-left: 10px; }
.list li { position: relative; width: 100%; padding-left: 16px; }
.list li:before { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -2px; width: 3px; border-radius: 50%; height: 3px; background: #aaa; }
.list li a { display: block; width: 84%; height: 100%; color: #444; }
.list li a:hover { text-decoration: underline; color:#f90;}
.list li .time { width: 12%; height: 100%;/* text-align: right; */ color: #888; padding-left: 3px; }
.newsul { margin: 12px 0; width: 48%; border-left: 1px solid #ddd; }

/* 表單 */
.mbox .form-w { width: 100%; padding: 0 10px 2px 10px; margin-left: auto; margin-right: auto; margin-bottom: 8px; }
.mbox .form-w .form { width: 100%; }

/* quick */
.quick ul { width: 100%; padding: 0 6px; }
.quick li { width: 100%;	/*height: 54px;*/ padding-top: 2px; padding-bottom: 3px; position: relative; }
.quick li:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 90%; margin-left: -45%; background: #777; height: 1px; }
.quick li a { width: 100%; height: 48px;  background: transparent; border: 1px solid transparent; color: #fff; font-size: 15px; font-weight: bold; text-align: center; line-height: 46px; }
.quick li a:hover { background-color: #ff1d2d; border-color: #c00;border-radius:5px; }
.quick li a i.icon { width: 44px; height: 44px; vertical-align: middle; margin-right: 6px; }
.icon.quick_a { background-position: 0 -30px; }
.icon.quick_b { background-position: -44px -30px; }
.icon.quick_c { background-position: -88px -30px; }
.icon.quick_d { background-position: -132px -30px; }
.icon.quick_e { background-position: -176px -30px; }
.quick li a .icon.quick_arrow { width: 30px; height: 30px; vertical-align: middle; background-position: -270px 0; }

/* ziti */
.ziti { width: 96%; height: 82px; margin-left: auto; margin-right: auto; }
.icon.icon_ziti { width: 54px; height: 54px; margin: 0 auto; }

/* 小图滚动模板 */
.slide-wrap { width: 100%; height: 100%; position: relative; }
.slider { height: 100%; width: 95%; overflow: hidden; position: relative; background: #fff; margin: 0 auto;/*! padding: 15px 0; */ }
.sliderbox { position: relative; }
.sliderbox li { padding: 0 16px; }
.sliderbox li a { position: relative; width: 82px; height: 82px; display: block; overflow: hidden; background-position: 0 -74px; padding-top: 60px; }
.sliderbox li a span { width: 100%; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #666; }
.sliderbox li a:hover span { color: #f90; }

/*.sliderbox li a .pic-name { position: absolute; bottom: 10px; left: 10px; width: 220px; height: 60px; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; text-align: center; line-height: 20px; display: none;}*/

/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.slidernav { position: absolute; right: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0; *word-spacing: -1px; }
.slidernav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal; }
.slidernav li a { width: 16px; padding: 2px 4px; height: 12px; background: #fff; color: #000; text-align: center; }
.slidernav li.current a { background: #3B8DD1; color: #fff; }
@media screen and (-webkit-min-device-antio:0) {
	.slidernav { letter-spacing: -5px; }
}
.slide_prev, .slide_next { position: absolute; top: 0; left: 0; cursor: pointer; width: 5%; height: 100%; background: url(../images/index/slide_prev.png) center left no-repeat #fff; z-index: 2; opacity: 0.8; filter: opacity(80); }
.slide_next { right: 0; left: auto; background: url(../images/index/slide_next.png) center right no-repeat #fff; }
.slide_prev:hover, .slide_next:hover { opacity: 1; filter: opacity(100); }

.quickimg a{display:block; background-color:#fff; padding:0; height:auto; overflow:hidden;margin:0;}
.quickimg a img{ display:block; margin:0;padding:0;}

/*運費計算*/
.price { width: 100%; overflow: auto; padding: 10px 0 }
.price_txt { padding-left: 15px; color: #999999;font-size:12px; }
.price_txt span { font-size: 24px; color: #FF6600; font-family: Georgia; padding: 0 5px }
.price_btn { margin-top: 6px; margin-left: 15px; width: 143px; height: 21px; line-height: 21px; background: url(../images/cp_link.jpg) no-repeat left; }
.price_btn a { color: #555; padding: 0 5px 0 15px }
.price_btn a:hover { color: #000; }
.zscp_box {   padding:10px 20px;padding-bottom:0; }
.zscp { width: 100%; overflow: auto; line-height: 16px; padding: 15px 0; }
.zscp_box { width: 350px; float: left }
.zscp_box1 {
    width: 50%;
    padding: 0 10px;
}
.zscp .p_tit { font-size: 14px; line-height: 30px; }
.zscp .p_tit1 { color: #ff9900; background-color: #f3f3f3; border-radius: 5px; padding: 2px 8px; margin-bottom: 8px; display: block; text-indent: 10px; }
.zscp .zscp_price {padding: 10px;padding-bottom:0; }
.zscp .zscp_price img { display: block; float: left; height: 83px; width: 117px; }
.zscp .zscp_price p { float: left; color: #666; line-height: 26px; margin-left: 30px; }
.zscp_box .grey { line-height: 22px; font-size:12px;padding:0 5px;color:#888;}
.zscp_box .js_tb { font-size:12px; }
.zscp_box .js_tb td { padding: 3px 2px; font-size: 12px; }
.zscp_box .js_tb .txt { height: 30px; line-height: 30px; padding: 2px 5px; border: 1px solid #dbdbdb; background-color: #fff; width: 100px; }
.zscp_box .js_tb .txt1 { width: 38px; }
.zscp_box .js_tb select.txt { height: 28px; line-height: 28px; width: 112px; }
.zscp .b2b_list { }
.zscp .b2b_list li { width: 109px; height: 125px; float: left; margin-left: 9px; }
.zscp .b2b_list li img { width: 107px; height: 123px; border: 1px solid #dbdbdb; }

.form-box {
    position: relative;
    padding: 10px 0 10px 0;
    font-size: 14px;
    color: #333;
}
.form-box dl {
    display: block;
    padding: 3px 0;
}
.form-box dl:after {
    clear: none;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.form-box dl dt {
    display: block;
    float: left;
    line-height: 28px;
	text-align:right;
    color: #333;
    font-size: 12px;
    width: 70px;
}
.form-box dl dd {
    position: relative;
    line-height: 28px;
    font-size: 13px;
    overflow: hidden;
}
.form-box dl dd label.radio {
    margin-right: 5px;
}
/*文本输入框*/
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    float: left;
}
input.txt1 {
    width: 280px;
}
input.txt2 {
    width: 94px;
}
input.small {
    width: 71px;
}
.input {
    display: inline;
    font-family: "microsoft yahei";
    margin-right: 5px;
    padding: 3px 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}
.select {
    padding: 3px 5px;
    font-family: "microsoft yahei";
    border: 1px solid #e8e8e8;
    height: 30px;
    border-radius: 3px;
}

/*按钮样式*/
.btn {
    display: block;
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: "microsoft yahei";
    border: 0;
    position: absolute;
    top: 8px;
    right: 5px;
}
.btn {
    background: #dd0414;
    border: 0;
    border-radius: 2px;
    vertical-align: middle;
    cursor: pointer;
}
.btn:hover {
    color: #fff;
    background: #ff1d2d;
}