/*
* @Author: anchen
* @Date:   2019-08-01 15:19:57
* @Last Modified by:   anchen
* @Last Modified time: 2019-09-26 19:58:30
*/

/* 公共样式 */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0; }
body { font: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important; margin: 0 auto; color:#333; font-family:微软雅黑,'Heiti SC',黑体,Arial;position:relative;}
input, button, textarea, select { font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; outline: 0; border: 0; background: none; color:#333; }
input:focus, textarea:focus { color:#333; }
input::-ms-clear{display:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;line-height:1.2;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
ol, ul, li { list-style: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
textarea { overflow:auto; resize:none; }
table { border-collapse: collapse; border: 0; }
caption, th { font-weight:normal; }
img { border: 0; outline:0; }
i,em,b,strong{font-style:normal;font-weight:normal;}
a{text-decoration:none;color:inherit;cursor:pointer;}
a:focus{outline:0;}

.clearfix:after,
.dtopdetail .title:after{content:'';display:block;clear:both;height:0;visibility:hidden;font-size:0;}
.main_left .main_ul li a:hover  .imgbox img,
.page a:hover{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
}

.container{
    width: 1000px;
    margin: 0 auto;
}
body{
    background: #f9f9f9;
}



.Crumbs{
    height: 60px;
    line-height: 60px;
    box-shadow: none;
}
.Crumbs a,
.Crumbs span{
    color: #666;
}

.Tbox{
    position: relative;
}
/*列表页左边部分*/
.main_left{
    width: 710px;
    float: left;
    padding-bottom: 100px;
}
.main_left .main_ul {
    margin: 20px -10px
}
.main_left .main_ul li{
    width: 33.33333333%;
    float: left;
    padding: 0px 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.main_left .main_ul li a{
    display: block;
}
.main_left .main_ul li a:hover{
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

.main_left .main_ul li  .imgbox{
    height: 180px;
    overflow: hidden;
    position: relative;
}
.main_left .main_ul li  .imgbox img{
    width: 100%;
    height: 100%;
}
.main_left .main_ul li a:hover  .imgbox img{
    transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);	/* IE 9 */
    -moz-transform:scale(1.2,1.2);	/* Firefox */
    -webkit-transform:scale(1.2,1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2,1.2);
}


.main_left .main_ul li a .name_con{
    padding: 15px 25px;
    background: #f2f2f2;
}

.main_left li a .name_con h4 {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    font-size: 15px;
    margin: 5px;
    line-height: 2;
}
.main_left .main_ul li a .name_con p{
    text-align: center;
    margin-bottom: 5px;
}
.main_left li a .name_con .btn{
    width: 100px;
    height: 30px;
    display: block;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
    color: #efedf0;
    font-size: 14px;
    background: #5593B3;
    margin: 0 auto;
}
 /*列表页左边部分end*/

.page{
    text-align: center;
}
.page a,
.page span{
    display: inline-block;
    border: solid 1px #ebebeb;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    padding: 2px 10px;
    margin: 0 3px;
}
.page .layui-laypage-curr,
.page a:hover{
    background: -webkit-linear-gradient(left, #82e1f6  , #5593B3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #82e1f6 , #5593B3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #82e1f6 , #5593B3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #82e1f6  , #5593B3); /* 标准的语法 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#82e1f6 , endColorstr=#5593B3);
    color: #fff;
}
/*分类*/
.main_right{
    width: 230px;
    float: right;
    margin-top: 26px
}
.main_right .main_right_box{
    border: solid #dfdfdf 1px;
    background: #f2f2f2;
    margin-bottom: 14px;
}
.main_right .main_right_box h3{
    font-size: 16px;
    line-height: 34px;
    color: #777;
    padding: 6px 0 0 20px;
}
.main_right .main_right_box .commodity_type{
    padding: 0 0 16px 20px;
    font-family: "宋体";
}
.main_right .main_right_box .commodity_type a{
    width: 80px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #fff;
    display: block;
    float: left;
    margin: 0 12px 4px 0;
    border: 1px #D7D7D7 solid;
    border-radius: 5px;
}
.main_right .main_right_box .commodity_type a.on{
    background: #118AC9;
    color: #fff;
    border: 1px #005B7F solid;
}
.mainright_ul {padding: 0 20px;}
.mainright_ul li h2 a{ color:#4584a7; font-weight:bold; font-size:12px;  line-height:18px; display:block;}
.mainright_ul li.mainr_ulfirst,.mainright_ul li{ border-bottom:1px dashed #ccc;font-family:"宋体";}
.mainright_ul li p{ padding:5px 0; line-height:22px;}
.mainright_ul li span{ color:#4584a7; font-weight:bold;}
/*分类end*/



/*文本样式写死需修改*/
.contentdetail{
    padding: 45px;
    font-size: 16px!important;
    line-height: 40px!important;
    color: #5b5b5b!important;

}
.contentdetail img{
    max-width: 100%;
}
/*商品详细*/
.commodity_des{ padding-left:18px;font-family:"宋体";margin-top: 26px}
.commodity_tit{ line-height:30px; height:30px; background:#f2f2f2; padding:0 15px; font-size:14px;}
.commodity_tit h3{ float:left;line-height:30px; height:30px;color:#4684a9; }
.commodity_tit a.more{ float:right; color:#4684a9;}
.commodity_tit a.more:hover{ color:#c60000;}

.img_data{ padding:20px 0; line-height:22px; font-size:14px; color:#333;}
.img_data img{ float:left; margin-right:20px;}mainleft_box2
.img_data b{ color:#2d97cf;}
.img_data span{ color:#777;}


.mainleft_box2{ width:687px; height:28px; border:1px solid #ffe6d2; background:#fff6ef; margin:20px 0 0 0;line-height:28px; padding-left:10px;}
.mainleft_box2 dt{ float:left; margin-right:14px; }
.mainleft_box2 dt a{color:#e26602; }
.mainleft_box2 dd{ width:600px; float:left; overflow:hidden;}

.search1{ padding:10px 0 0 0;}
.search_box li{ padding:9px 0; color:#333; font-size:14px; font-family:"宋体";}
.search_box li.sear_btext1 b{ margin-right:6px;}
.search_box li.sear_btext2 b{ margin-right:6px;}
.search_box li.sear_btext1 input,.search_box li.sear_btext2 input{ width:368px; height:30px; margin-right:15px; border:1px solid #b3b3b3;}
.search_box li.sear_btext3 input{ width:368px; height:30px; border:1px solid #b3b3b3;}
.search_box li.sear_btext3 b{ margin-right:6px;}
.search_box li.sear_btext3 p{ margin:10px 0 0 75px;}
.sear_btext4{ margin:9px 0 40px 19px; width:442px; color:#333; font-size:14px;}
.sear_btext4 .sear_btext1box{ width:368px; height:110px; border:1px solid #b3b3b3; float:right; line-height:0; line-height:22px;}
.search_box li span.text1{ color:#747474;}
.search_box li b{ color:#ff0000; font-weight:normal;}
.sear_btext4 a#goChange{width:100px; height:30px; background: #5593B3; font-size:14px; color:#efedf0; text-align:center; line-height:30px; display:block;     margin: 20px auto;}
.sear_btext4 a#goChange:hover{ background:#b3b3b3 no-repeat 0 -100px;}

/*弹窗*/
.layui-layer-content{
    padding: 20px;
}
.layui-layer-content li{
    font-size: 16px;
    padding: 10px 0;
}