@charset "utf-8";

/* CSS Document */

/*--初始化CSS--*/

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; display:block; }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0; font-family: "微软雅黑";}

input::-moz-focus-inner { border:none; padding:0; }

select, input { vertical-align:middle; }

select, input, textarea { font-size:12px; margin:0;}

input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }

textarea { resize:none; }

table{ border-collapse:collapse; }

body{ padding: 0; font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;background-color:#ffffff;/* overflow-y:scroll;*/ }

.clear{ clear:both; height:0; font-size:0; overflow:hidden; }

a {text-decoration:none; color:#333;}

.left{ float:left;}

.right{ float:right;}



/*--banner--*/

.chanpin_banner{ width:100%; height:300px; background:url(../img/chanpin_banner.jpg) no-repeat center;}

/*--内容--*/

.products{ width:100%; height:1306px; background:#e9e9e9;}

.products_con{ width:1200px; height:1106px; margin:0 auto; padding-top:38px; padding-bottom:60px; box-sizing:border-box;s}

.products_left{ width:269px; height:1150px; background:#fff; float:left;}

.products_left .bt{ width:269px; height:76px; background:url(../img/cp_bt.jpg) no-repeat;}
.products_left .cp{ margin:15px 0; overflow:hidden; background:#f1f1f1;}
.products_left .cp ul li{ width:100%; min-height:49px; border-bottom:2px solid #e4e4e4; background:url(../img/pro_left.png) #f1f1f1 240px 15px no-repeat; text-indent:40px; box-sizing:border-box; cursor:pointer;}

.products_left .cp ul li a{ width:100%; height:49px; line-height:49px; color:#333; font-size:15px; transition:all 0.5s;}
.products_left .cp ul li.on{ background:url(../img/pro_down.png) #f1f1f1 240px 15px no-repeat;}
.products_left .cp ul li a:hover{color:#ff6600; margin-left:10px; font-weight:bold;}
.products_left .cp ul li .sub-cp{ display:none;}
.products_left .cp ul li .sub-cp li{ background:#ffffff; height:39px; min-height:39px; border-bottom:1px solid #e4e4e4;}
.products_left .cp ul li .sub-cp li a{ color:#777777; height:39px; line-height:39px;}
.products_left .ly{ padding-top:10px; overflow:hidden;}

.products_left .ly_bt{ width:237px; height:46px; background-color:#dfdfdf; margin:0 auto; font-size:15px; color:#333; line-height:46px; padding-left:30px; box-sizing:border-box;}

.products_left .ly_bt i{ width:21px; height:23px; background:url(../img/ly.gif) no-repeat; display:block; float:right; margin-top:11px; margin-right:55px;}

.products_left .ly ul{ padding:0 32px; padding-top:13px ; overflow:hidden;}

.products_left .ly ul li{ width:96px; height:36px; float:left; background:url(../img/fg.gif) no-repeat 5px; padding-left:25px; box-sizing:border-box;}

.products_left .ly ul li a{ width:100%; height:36px; line-height:36px; color:#333; font-size:13px; transition:all 0.5s;}



.products_left .lx{ padding-top:20px; overflow:hidden;}

.products_left .lx_bt{ width:237px; height:46px; background-color:#dfdfdf; margin:0 auto; font-size:15px; color:#333; line-height:46px; padding-left:30px; box-sizing:border-box;}

.products_left .lx_bt i{ width:21px; height:23px; background:url(../img/lx.gif) no-repeat; display:block; float:right; margin-top:11px; margin-right:55px;}

.products_left .lx p{ line-height:50px; color:#333; font-size:16px; text-align:center;}

.products_left .lx img{ width:236px; height:117px; margin:0 auto;}



.products_right{ width:906px; height:1150px; float:right; background:#fff; box-sizing:border-box;}

.products_right .bt{ width:850px; height:76px; margin:0 auto; line-height:90px; padding-left:50px; box-sizing:border-box; background:url(../img/co_dh.gif) no-repeat 0px 30px; border-bottom:1px solid #e4e4e4;}

.products_right .bt h3{ font-size:16px; color:#333; float:left;}

.products_right .bt_yb{ width:500px; color:#666; float:right; text-align:right;}

.products_right .bt_yb a{ color:#666; padding:0 5px;}

.products_right ul { margin-top:20px; overflow:hidden;}

.products_right ul li{ width:265px; height:245px; float:left; margin-left:28px; margin-bottom:10px;}

.products_right ul li img{ width:265px; height:208px; transition:all 0.5s;}

.products_right ul li span{ width:265px; height:37px; line-height:37px; display:block; text-align:center; color:#333;}

.cp_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:38px;}

.cp_left{ width:488px; height:430px; float:left;}







#DB_gallery .DB_imgSet {position:relative; width:488px;height:320px; overflow:hidden;}

#DB_gallery .DB_imgSet .DB_imgWin{height:100%}

#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}

#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}

#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}

#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}

#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}



#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:488px;overflow:hidden}

#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}

#DB_gallery .DB_thumSet .DB_thumMove li{display:inline-block ;margin-right:12px}

#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}

#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}



.DB_imgWin img{ width:488px; height:320px; overflow:hidden;}

.DB_thumMove li img{ width:110px;}



.cp_right{ width:653px; height:395px;}

.products_right ul li:hover span{  background: #ff6600;color: #fff;}

.products_right ul li:hover img{transform:scale(1.1)}
.products_right ul li div { width: 265px;height: 208px;overflow: hidden;}