@charset "utf-8";

/* CSS Document */

.banner-box{min-width:1920px; height:690px; position:relative; left:50%; margin-left:-960px;}

.banner-box .bd{ width:1920px !important; height:690px;}

.banner-box .bd li .m-width {width:100%;margin:0 auto;}

.banner-box .bd li{width:1920px; !important;height:690px;}

.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{ min-width:1920px;position:absolute; top:450px; left:0px;}

.banner-btn a{ display:block; width:49px; height:104px; position:absolute;top:0; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}

.banner-btn a.prev{ position:absolute; left:100px; top:-130px; background:url(/Templates/cn2014/images/in_left.png) no-repeat 0 0;} 

.banner-btn a.next{ position:absolute; right:100px; top:-130px; background:url(/Templates/cn2014/images/in_right.png) no-repeat 0 0;}



.main{ width:1250px; margin:0 auto; display:table; clear:both; margin-top:30px;}



.LRdv { height:300px;}

.LRdv .left{ width:858px; float:left;} 

.LRdv .right{ width:336px; float:right;}

.main .title{ background:url(../images/dxian_ico_03.jpg) no-repeat top left; height:64px; line-height:60px; margin-bottom:10px;}

.main .title span{ font-size:16px; color:#e6e6e6; font-weight:bold; text-transform:uppercase; display:inline-block; margin-left:10px;}

.main .title strong{ font-size:18px; color:#000;}









.slideBox{ width:322px; height:234px; overflow:hidden; position:relative;float:left;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:50px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }



.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}

.slideBox .bd img{ width:322px; height:234px; display:block;  }



.slideBox .bd ul li .txts{ height:40px; width:100%; position:absolute; background-color:rgba(222,0,37,0.8); bottom:0; left:0; text-align:center; line-height:40px; font-size:14px; color:#fff;}

.slideBox .bd ul li .txts a{ color:#fff;}

.slideBox .bd ul li .txts a:hover{ text-decoration:underline;}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }









.slideTxtBox{ width:508px; text-align:left; float:right; position:relative;}

.slideTxtBox .hd{ height:30px; line-height:30px; position:absolute; right:0px; top:-40px;  }

.slideTxtBox .hd ul{ float:left; height:32px; }

.slideTxtBox .hd ul li{ float:left; padding:0 10px; cursor:pointer; background:#ccc; color:#4f4f4f; margin-left:10px; font-size:14px;}

.slideTxtBox .hd ul li.on{ height:30px;  background:#de0025; color:#fff; }

.slideTxtBox .bd ul{ zoom:1;  }

.slideTxtBox .bd li{ height:45px; line-height:45px; border-bottom:1px dotted #c6c6c6; background:url(../images/lbg1.png) no-repeat 5px center; padding-left:15px;}

.slideTxtBox .bd li .date{ float:right; color:#999;  }

.slideTxtBox .bd li  a{ font-size:14px;}



.pro_list{ display:table; width:1250px;}

.pro_list .left{ width: 598px; height:336px; float:left;}

.pro_list .imgs{ height:182px; width:598px; position:relative; overflow:hidden;}

.pro_list .imgs img{ position:absolute; left:50%; top:50%; margin-left:-299px; margin-top:-91px; width:598px; height:182px;}

.pro_list .prosty{ cursor:pointer;}

.pro_list .protxt{ background:#f4f4f4; padding:15px; text-align:center; height:120px; color:#000; position:relative; overflow:hidden;}

.pro_list .protxt h2{ font-size:22px; margin-bottom:20px; position:relative; z-index:1;}

.pro_list .protxt p{ font-size:14px; line-height:26px; position:relative; z-index:1;}

.pro_list .protxt .bgs{ background:#de0025; height:150px; width:598px; bottom:0px; position:absolute; left:0; z-index:0; display:none;}



.pro_list .right{ width: 598px; height:336px; float:right;}



.pro_list .prosty.active .protxt{ color:#fff;}





.ser_list ul li{ float:left; width:376px; height:182px; overflow:hidden; margin-right:61px; position:relative;}

.ser_list ul li.last{ margin-right:0;}

.ser_list ul li img{ position:absolute; left:50%; top:50%; width:376px; height:182px; margin-left:-188px; margin-top:-91px;}





.hb_list ul li{ float:left; margin-right:42px; border:1px solid #ededed; width:170px; height:74px;}

.hb_list ul li.last{ margin-right:0;}

 



.picScroll-left{ overflow:hidden; position:relative; clear:both; width:1250px; overflow:hidden;}



.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin-right:43px; float:left; _display:inline; overflow:hidden; text-align:center;}

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:169px; display:block; border:1px solid #ededed; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#ccc;  }

.picScroll-left .bd ul li .title{ line-height:24px;   }

.main .p{
	font-size:14px;
	color:#666;
	line-height:24px;
	}
.main .more{
	display:block;
	width:100%;
	height:35px;
	text-align:center;
	line-height:35px;
	background-color:#de0025;
	margin-top:30px;
	font-size:14px;
	color:#fff;
	}
.more_no{
	float:right;
	font-size:14px;
	color:#666;
	}