﻿@import "/skins/default/resetcommon.css";
/*reset.css start*/
@charset "utf-8";
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}
.f_img li{width:130px;padding-left:35px;margin-right:35px;float:left;}
        .f_img li:last-child{margin-right:0;}
        .f_img li span{font-size:20px;display:block;margin-bottom:10px;line-height:30px;font-weight: bold;}
        .f_img li p a{display:block;line-height:30px;    font-size: 16px;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


/* -- 外边距 -- */
.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

#roll_top, #fall, #ct
{position: relative;cursor: pointer;height: 72px;width: 26px;}
#roll_top{background: url(/Skins/Default/Img/top.gif) no-repeat;}
#fall{background: url(/Skins/Default/Img/top.gif) no-repeat 0 -80px;}
#ct{background: url(/Skins/Default/Img/top.gif) no-repeat 0 -40px;}
#roll{display: block;width: 15px;margin-right: -500px;position: fixed;
right: 33%;top: 70%;_margin-right: -505px;_position: absolute;_margin-top: 300px;_top: expression(eval(document.documentElement.scrollTop));}

/*加盟商在线下单*/
.userorder{ width:700px;}
.userorder tr{height:25px;}
.userorder tr span{color:#f00;padding-left:4px;}

.stf  { border:1px solid #ccc;  padding-left:140px ; padding-top:10px; padding-bottom:20px}
.stf span{ color:#000; font-size:14px; line-height:30px ; font-weight:bold}
.stf dd{ line-height:24px ;   font-size:14px }
.stf p{ line-height:24px ;   font-size:14px }
 /*reset.css end*/
 
 /*index.css start*/
@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family:"Microsoft YaHei";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner {  min-height:400px; display:block;position:relative;}
.banner .btn { bottom: 5px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn span { background: none repeat scroll 0 0 #E65314; border: 1px solid #E65314; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn span.cur { font-weight: bold; padding: 4px 8px;}

/*双马木业分类*/
.zx { width:245px; overflow:hidden;}
.zx_top { background: url(Img/Index/zx_top.gif) no-repeat; height:87px; line-height:67px; text-align:center;}
.zx_top a { font-size:20px; color:#fff; font-weight:bold;}
.zx_con { background:url(Img/Index/zx_con.gif) repeat-y; width:245px; padding-bottom:50px;}
.zx_con h3 { padding:10px 0 0 23px;}
.zx_con h3 a { background:url(Img/Index/zx_h3bg01.gif) no-repeat; width:194px; height:36px; line-height:36px; font-size:14px; color:#fff; padding-left:50px; display:block;}
.zx_con h3 a:hover { background:url(Img/Index/zx_h3bg02.gif) no-repeat;}
.zx_con ul { padding:12px 0 0 55px;}
.zx_con ul li { height:26px; line-height:26px; background:url(Img/Index/zx_ico.gif) no-repeat 5px 13px; padding-left:20px;}
.zx_con ul li a { font-size:14px; color:#666;}
.zx_con ul .nobor01 { border:none;}

/*热销模版*/
.rx { width:695px; margin-left:20px;}
.rx_top { height:43px;}
.rx_top span { float:right;}
.rx_top span a { font-size:12px; color:#a3a3a3; text-transform:uppercase; font-family:Arial;}
.rx_top h3 a { font-size:16px; color:#0e4d9c;}
.rx_top h3 em { font-weight:normal; color:#a3a3a3; text-transform:uppercase; font-size:16px; padding-left:10px;}

.rx_con { padding:11px 0 0; display:inline-block}
.rx_con ul li { float:left; width:331px; padding:0 33px 0 0; float:left; margin-bottom:22px;}
.rx_con ul .nobor { padding:0;}
.rx_con ul li a { background:#236dcb; border:solid 2px #d9d9d9; display:block}
.rx_con ul li a:hover { background:#e0e0e0; border:solid 2px #236dcb; display:block}
.rx_con ul li a img { width:327px; height:202px;}
.rx_con ul li a em { display:block; height:40px; line-height:40px; text-align:center; color:#333; font-size:14px; background:#e0e0e0;}
.rx_con ul li a:hover em {color:#fff; background:#236dcb}

/*双马成功案例*/
.al { padding-top:30px;}
.al_top { background:url(Img/Index/al_xx.gif) no-repeat center 25px; text-align:center;}
.al_top a { font-size:30px; color:#236dcb; font-weight:bold;}
.al_top em { display:block; font-size:14px; color:#555; text-transform:uppercase;}

.al_con { padding-top:33px;}
.al01,.al03 { padding:88px 0 0;}
.al02 {  width:754px; height:262px; margin:0 32px;}
.al02 p { width:376px; height:255px;border:none;}
.al02 p img{width:100%;cursor:pointer;}
.al02 p span {  text-align:center; background: url(Img/Index/al_spbg.png) repeat; width:100%; height:37px;; line-height:37px; top:86%; left:0px;position:absolute;border:solid 2px #266CC0;}
.al02 p span a { font-size:14px; color:#fff;}

/*.roundabout-holder{ width:668px;height:300px; float:left; display:inline;position:relative;margin-left:95px;}
.roundabout-moveable-item{width:350px; height:253px;border:none; }
.roundabout-moveable-item img{width:100%;cursor:pointer;}

/*双马产品优势*/
.sm_bg { background: url(Img/Index/ys_sj.gif) no-repeat center 0 #236dcb; margin-top:55px; padding-top:65px;}
.sm_top { background:url(Img/Index/ys_bt.gif) no-repeat center 25px; text-align:center; padding-bottom:68px;}
.sm_top a { font-size:30px; color:#fff; font-weight:bold;}
.sm_con dl { height:197px; overflow:hidden; float:left}
.sm_con dl dt { float:left; position:relative; z-index:999;}
.sm_con dl dt a { background:url(Img/Index/cp_spbg01.png) no-repeat; width:250px; height:197px; display:block;}
.sm_con dl dt a:hover { background:url(Img/Index/cp_spbg02.png) no-repeat;}
.sm_con dl dt a b { display:block; font-size:18px; color:#fff; padding:30px 0 10px 20px;}
.sm_con dl dt a span { display:block; font-size:14px; color:#fff; width:200px; line-height:22px; padding-left:20px; height:87px;}
.sm_con dl dt a i { background:url(Img/Index/cp_ico01.png) no-repeat; width:27px; height:27px; display:block; margin-left:21px;}
.sm_con dl dt a:hover {text-decoration:none;}
.sm_con dl dt a:hover i { background:url(Img/Index/cp_ico02.png) no-repeat; }
.sm_con dl dd { float:left; margin-left:-10px; line-height:0;}
.sm_con dl dd img { width:240px; height:197px;}
.sm_con .sm_dl03 dd { margin:0 -10px 0 0;}
.sm_con .sm_dl03 dt a { background:url(Img/Index/cp_spbg03.png) no-repeat;}
.sm_con .sm_dl03 dt a b { padding-left:30px;}
.sm_con .sm_dl03 dt a span { padding-left:30px;}
.sm_con .sm_dl03 dt a i { margin-left:31px;}
.sm_con .sm_dl03 dt a:hover { background:url(Img/Index/cp_spbg04.png) no-repeat;}

/*广告*/
.pic01 { margin-top:50px;}
.pic01 p { position:absolute; top:138px; left:55px; font-size:25px; color:#fff; font-weight:bold;}
.pic01 p img { padding-left:10px;}
.pic02 span { display:block; position:absolute; font-size:30px; font-family:Impact; font-style:italic; top:142px; left:456px; color:#fff; padding-right:20px;}

/*合作伙伴*/
.hb_top { text-align:center; padding-top:58px;}
.hb_top a { font-size:28px; color:#236dcb; font-weight:bold; padding-bottom:10px; display:block}
.hb_con { padding:32px 0 0; display:inline-block}
.hb_con ul li { float:left; width:226px; padding:0 18px 0 0;}
.hb_con ul .nobor { padding:0;}
.hb_con ul li a img { border:solid 1px #ccc; width:224px; height:97px;}
.hb_con ul li a:hover img { border:solid 3px #ff8833; width:220px; height:93px;}
.hb_con ul li span a { display:block; height:30px; line-height:30px; text-align:center; color:#444040; font-size:14px;}
.hb_con p { padding:25px 0 60px; text-align:center; display:inline-block}
.hb_con p img { margin:0 3px;}

/*企业实力，建筑商模板供应商*/
.ys_bg { background:url(Img/Index/ys_bg.jpg) no-repeat center 0; height:1221px;}
.ys_bt { text-align:center; padding:53px 15px 0 0;}
.ys_con { padding:173px 0 0 555px;}
.ys_con p { padding-bottom:60px;}
.ys_con p b { display:block; padding-bottom:5px;}
.ys_con p b a { color:#dfedff; font-size:20px;}
.ys_con p em { display:block; font-size:20px; color:#dfedff}
.ys_con p span { display:block; background:url(Img/Index/ys_ico.jpg) no-repeat 0 10px; padding-left:15px; color:#acd1ff; font-size:14px;  line-height:25px;}
.ys_con .ys_p03 { padding-top:20px;}
.ys_con01 { padding:30px 0 0;}
.ys_con01 p { width:415px; text-align:right; padding-bottom:90px;}
.ys_con01 p span { background:url(Img/Index/ys_ico.jpg) no-repeat right 10px; padding-right:15px;}

/*客户感言*/
.jz_con { padding-top:40px; display:inline-block;} 
.jz_con dl { float:left; width:205px; margin-right:45px;}
.jz_con .nobor01 { margin:0;}
.jz_con dl dt img { width:205px; height:160px;}
.jz_con dl dd h3 { line-height:25px; height:25px; overflow:hidden;}
.jz_con dl dd h3 a { font-size:12px; color:#04336d; font-weight:normal;}
.jz_con dl dd em { display:block; line-height:22px;}
.jz_con dl dd p { color:#777; line-height:22px;}
.jz_con dl dd span { display:block; padding-top:10px; text-align:center}


/*走进双马木业*/
.p_bg { background:url(Img/Index/p_bg.gif) repeat-x #e7e7e7; margin-top:30px;}
.zj .hb_top a { color:#000;}
.zj_con { padding:25px 0 0;}
.zj_con dl { height:275px;}
.zj_con dt { float:left; padding-right:20px;}
.zj_con dt img { border:solid 1px #e1e1e1; padding:1px;}
.zj_con dd { float:left; width:570px;}
.zj_con dd h3{  height:40px;}
.zj_con dd h3 a { font-size:18px; color:#333;}
.zj_con dd p { line-height:31px; font-size:13px; height:165px;}
.zj_con dd p a { color:#0f81d0;}
.zj_con dd i { display:block;}
.zj_con dd i img { margin-right:10px;}

/*荣誉资质*/
.zz_con { padding:25px 0 45px;}
.zz01,.zz03 { padding:50px 33px 0;}
.zz02 { width:756px; height:250px; margin:0 21px;}
.zz02 p { width:289px;position:relative;}
.zz02 p img { width:100%;cursor:pointer;  }
.zz02 p span { text-align:center; background: url(Img/Index/al_spbg.png) repeat; width:100%; height:37px; line-height:37px; top:80%; left:0px;position:absolute;border:solid 2px #266CC0;display:none;}
.zz02 p span a { font-size:14px;color:#fff}
.zz_con i { display:block; text-align:center; padding-top:22px;}



/*常见问答*/
.wd { padding-top:40px; width:260px; overflow:hidden}

.wd_top { line-height:30px; height:35px; background:url(Img/Index/wd_xx.gif) no-repeat 0 bottom;}
.wd_top span { float:right; display:block;}
.wd_top span a { color:#999;}
.wd_top h3 a { font-size:16px; color:#236dcb;}
.wd_top h3 q { font-weight:normal; font-family:Arial; text-transform:uppercase; font-size:12px; padding-left:5px; color:#a6a6a6;}
.wd_top h3 i { padding:8px 10px 0 0; display:block; float:left}

.wd_con dl { padding:15px 0; border-bottom:dashed 1px #cecece;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(Img/Index/wd_w.gif) no-repeat left 8px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#236dcb; font-weight:bold;}
.wd_con dd { background:url(Img/Index/wd_d.gif) no-repeat left 4px; width:240px;  line-height:25px; padding-left:30px; color:#666;}

/*行业新闻*/
.dt { width:395px; padding: 40px 0 0 30px; overflow:hidden}
.dt_top { height:35px; line-height:35px; background:url(Img/Index/dt_xx.gif) repeat-x 0 34px;}
.dt_top span { float:right; display:block; }
.dt_top ul li { float:left; margin-right:20px;}
.dt_top ul li a { display: inline-block; font-size:16px; font-weight:bold; color:#555; height:33px; }
.dt_top ul li a:hover,.dt_top ul .cur a { color:#236dcb;border-bottom:solid 3px #236dcb }

.dt_con { padding:10px 0 0; width:px; overflow:hidden;}
.dt_con dl { height:px;}
.dt_con dt { float:left; padding-right:10px;}
.dt_con dt img { width:186px; height:123px;}
.dt_con dd { float:left; width:177px}
.dt_con dd h3 { height:37px;overflow:hidden;}
.dt_con dd h3 a { font-size:14px; color:#666;}
.dt_con dd p { line-height:25px;overflow:hidden;height:80px;}

.dt_list { padding-top:10px;}
.dt_list ul li { height:32px; line-height:32px; padding: 0 0 0 15px;  overflow:hidden; background:url(Img/Index/ico03.gif) no-repeat left 13px;}
.dt_list ul li span { float:right; color:#999; font-family:Arial;}
.dt_list ul li a { color:#555;}
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/*在线批发*/
.lx { width:250px; padding:40px 0 0 25px; overflow:hidden}

.lx_con { padding:20px 0 0;}
.lx_con ul li { height:35px;}
.lx_con ul li img { float:left; padding:0 10px;}
.sbt { width:60px; display:block; float:left; padding-top:3px; text-align:right; }
.sinp01{ background: none; width:166px; padding:0 5px; height:19px; line-height:19px; border: solid 1px #3277ce; float:left}
.sinp02 { background:#dbdbdb; width:66px; padding:0 2px; height:22px; line-height:22px; border:none; float:left}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { background: none; width:166px; height:59px; padding:5px; overflow:auto; border: solid 1px #3277ce;}
.lx_con ul .h66 { height:82px;}
.sx { padding-top:2px;}
.sx a { color:#0171fe; text-decoration:underline; padding-top:3px;}

/*友情链接*/
.yq_top { padding-top:25px;}
.yq_top span { float:right;  display:block; padding:3px 0 0 5px;}
.yq_top span a { color:#999;}
.yq_top h3 { display:inline-block}
.yq_top h3 a {  font-size:14px; color:#353535;}
.yq_top h3 q { font-size:14px; color:#353535; font-weight:normal; font-family:Arial; padding-left:10px; text-transform:uppercase;}

.yq_con { padding:10px 0 20px; line-height:35px;}
.yq_con a { padding:0 20px;}



/*index.css end*/

 .header, .content, .foot {
    width: 90%;
}
         .pingp{width:600px;padding:20px 50px 0 0;border-right: 3px solid #c8c8c8;}
         .ping span{font-size:24px;color:#070707;display:block;margin:20px 0;    letter-spacing: 2px;}
         .ping p{color:#9f9f9f;font-size:14px;line-height:25px;    height: 125px;}
         .shouh{width:600px;padding:20px 0 0 40px;}
         .shouh .leave{height:280px;padding-top:73px;background:url(/Images/shouh.jpg) no-repeat;width:100%;}
         .shouh .leave li{padding-left:20px;margin-bottom:20px;}
         .shouh .leave li em{color:#fff;display:inline-block;text-align:right;width:16%;font-size:16px;font-style:normal;}
         .shouh .leave li input{margin-left:20px;width:60%;height:35px;line-height:35px;padding-left:10px;    border: none;}
         .shouh .leave li input.anniu{width:100px;background:#edae4f;color:#fff;text-align:center;  padding-left:0;  margin-left: 90px;}
         .procenter{
    margin-top: 50px;
    padding: 50px 0;}
        .procenter li{float:left;width:32%;margin-right:1.99%;min-height:200px;margin-bottom:20px;height:300px;overflow: hidden;}
        .procenter li:first-child+li+li+li+li+li{margin-right:0;}
        .procenter li:first-child+li+li{margin-right:0;}
        .procenter li .duyide{position:absolute;display:block;color:#fff;line-height:24px;background:#444;font-style:normal;font-size: 16px;padding: 10px 0;width:100%;text-align:center;bottom:0;}
        .procenter li img
        {
            width:100%;
            -webkit-object-fit: cover;
    object-fit: cover;    
    transition: .5s all linear;
    -ms-transition: .5s all linear; /* IE 9 */
    -moz-transition: .5s all linear; /* Firefox */
    -webkit-transition: .5s all linear; /* Safari 和 Chrome */
    -o-transition: .5s all linear; /* Opera */
                          }
                          .procenter li:hover img{
    transform: scale3d(1.1,1.1,1.1);
    -ms-transform: scale3d(1.1,1.1,1.1);
    -moz-transform: scale3d(1.1,1.1,1.1);
    -webkit-transform: scale3d(1.1,1.1,1.1);
    -o-transform: scale3d(1.1,1.1,1.1);
}
        .procenter li p{
    font-size: 48px;
    color: #236dcb;
    letter-spacing: 10px;
    text-align: center;
    margin-top: 40px;
}
.procenter li p b{display:block;width:100%;text-align:center;font-size:24px;margin-top:10px;color:#000;    letter-spacing: 0;}
.procenter li span {
    display: block;
    background: #0a0a0a;
    padding: 5px;
    width: 80px;
    text-align: center;
    color: #7c7357;
    border: 1px solid #7c7357;
    margin: 10px auto;
}
.procenter li span em{
    display: inline-block;
    margin-right: 5px;
}
.atit{    display: block;
    font: 24px "Microsoft YaHei";
    color: #0054c7;
    font-weight: bold;
    text-align:center;
    margin-bottom: 30px;    margin-top: 40px;}
.atit b{display:block;width:100%;text-align:center;    font: 22px Arial;color: #d4d3d3; font-weight: bold;}
.hezuo img{width:20%;display:block;float:left;margin-right: 6.6%;margin-bottom:30px;}    
body .dt{width:45%;    padding: 40px 0 0 2%;}    
body .wd{width:30%;}
body .dt_con dt{width:24%;}
body .sbt{width:30%;}
body .sinp01 {width:60%;}
body .area{width:60%;}
body .dt_con dt img {
    width: 100%;height:auto;
}
body .lx {
    width: 20%;
    padding: 40px 0 0 2%;
}
.wd_con {
    width: 100%!important;
}
.wd_con table{
    width: 100%!important;
}
body .wd_con dd{width:90%;}
body .dt_con dd{width:72%;}
body .dt_con dd h3 a {
    color: #236dcb;
}
body .f_bg{background:#ededed;}
body .f_p{color:#333;}
.comimg li{width:23%;margin-right:2.5%;float:left;}
.comimg img {
    width: 100%;
}
.comimg li:first-child+li+li+li{margin-right:0;}
.comimg li span{display:block;color:#fff;background:#333;width:100%;text-align:center;line-height:40px;font-size:16px;}