@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(../images/chanpin_banner.jpg) no-repeat center;}


.case_banner{ width:100%; height:300px; background:url(../images/case_banner.jpg) no-repeat center;}
/*--内容--*/



.products{ width:100%; height:1106px; 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:1008px; background:#fff; float:left;}



.products_left .bt{ width:269px; height:76px; background:url(../images/cp_bt.jpg) no-repeat;}



.products_left .cp{ padding-top:20px;}



.products_left .cp ul{ padding:0 10px;}



.products_left .cp ul li{ width:100%; height:40px; border-bottom:1px dashed #e4e4e4; background:url(../images/cp.gif) no-repeat 30px; padding-left:2px; box-sizing:border-box;}



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



.products_left .cp ul li a:hover{color:#ff6600; margin-left:10px; font-weight:bold;}



.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(../images/ly.gif) no-repeat; display:block; float:right; margin-top:11px; margin-right:55px;}



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



.products_left .ly ul li{ width:96px; height:36px; float:left; background:url(../images/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:15px; transition:all 0.5s;}



.products_left .ly ul li a:hover{ color:#ff6600; margin-left:5px; font-weight:bold;}



.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(../images/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:1008px; 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(../images/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;}