@charset "gb2312";
/* CSS Document */
@import url("common.css");
.title01{ background:url(../images/bt_bg.jpg); padding-left:20px; height:40px; line-height:40px; color:#fff;  font-size:14px; font-weight:bold;font-family:"宋体";}
.title01 span{ float:right; line-height:27px; padding-right:10px;}
.title01 a{ color:#fff; height:40px; line-height:40px;}
.title01 a img{ width:48px; height:15px; padding-top:10px;}
.title02{ background:url(../images/bt_bg02.jpg); height:60px;}
.tit040{  background:#f7f7f7; border:1px solid #CCC;}
.tit04 { width:735px;}
.tit04 div{  margin:0 12px 0 12px;  float:left; display:inline;}
.tit04 h4{ width:220px;}
.tit04 h4 a{ width:211px; height:144px;  display:block;}
.tit04 h4 a:hover{ width:211px; height:144px; }
.tit04 h3{ width:221px; height:30px; text-align:center;}
.tit04 h3 a{ text-align:center; width:221px; height:30px; line-height:30px; color:#333;}
.tit04 h3 a:hover{ color:#228ed7;}

.container-main{  min-width:1000px; width:e-xpression(document.body.clientWidth < 1000 ? "1000px" : "100%" ); height:256px; margin:0 auto; background:url(../images/main.jpg) repeat-x left top;}
.main{ width:1000px; height:auto; margin:0 auto; position:relative; }
.news,.about,.cases{ width:312px; height:256px; float:left; overflow:hidden;}
.about{ width:340px; background:url(../images/about.jpg) no-repeat left top;}
.cases{ width:340px; background:url(../images/about.jpg) no-repeat left top;}
.news h4,.about h5,.cases h6{ width:312px; height:46px; line-height:46px; font-weight:normal; font-size:18px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif; color:#FFF; }
.about h5,.cases h6{ padding:0 30px; width:298px;}
.cases h2{ width:224px;}
.news h4 span,.about h5 span,.cases h6 span{ float:right; padding-right:10px; height:46px; line-height:46px; }
.news h4 span a,.about h5 span a,.cases h6 span a{ color:#FFF; height:46px; line-height:46px; }
.news-hot{ width:278px; height:68px; padding:6px; overflow:hidden; background:url(../images/news-hot.jpg) no-repeat left top; }
.news-hot img{ width:278px; height:68px; }
.news-list{ width:290px;  overflow:hidden;}
.news-list li{ width:280px; height:30px; line-height:30px; overflow:hidden; background:url(../images/news-list-li.jpg) no-repeat left 11px; padding-left:10px;}
.news-list li a{ color:#FFF;}
.about-cen{ width:256px; height:161px; line-height:23px; overflow:hidden; color:#FFF; margin:0 auto; }
.about-cen a{ color:#FFF;}
.cases-list{ width:276px; height:auto; margin:0 auto; padding-left:30px; }
.cases-list li{ width:130px; height:84px; float:left; overflow:hidden; margin:4px; display:inline;}
.cases-list li p{ width:120px; height:48px; padding:5px; background:#FFF; overflow:hidden}
.cases-list li p img{ width:120px; height:48px; }
.cases-list li h3{ width:130px; height:20px; line-height:20px; font-weight:normal; font-size:13px; text-align:center; padding-top:6px; overflow:hidden;}
.cases-list li h3 a{ color:#FFF;}
.blank{font-size:4px; height:4px; width:100%;}
.qiye{ margin-bottom:10px; margin-top:10px;}



.tit05{ background:url(../images/succ_bg.jpg) no-repeat left top; overflow:hidden; padding-left:25px;}
.tit05 div{ width:221px; margin:10px 10px 0 10px; height:250px; float:left; display:inline;}
.tit05 h2{ width:220px; height:154px;}
.tit05 h2 a{ width:211px; height:144px; border:#ccc solid 5px; display:block;}
.tit05 h2 a:hover{ width:211px; height:144px; border:#228ed7 solid 5px;}
.tit05 h3{ width:221px; height:30px; text-align:center;}
.tit05 h3 a{ text-align:center; width:221px; height:30px; line-height:30px; color:#333;}
.tit05 h3 a:hover{ color:#228ed7;}

.tit055{ background:url(../images/succ_bg.jpg) no-repeat left top; overflow:hidden; height:251px; padding-left:25px;}

/*.about{ width:995px; background:#f7f7f7; margin-top:15px; border:#c6c6c6 1px solid; overflow:hidden; margin-bottom:10px;}
.about_bt{ padding:10px 0 0 10px;}
.about p{ width:950px; padding:10px 0 20px 0; margin:0 auto;} */

.succ{ width:1004px; margin:0 auto; overflow:hidden; padding:20px 0 0 0px;}
.succ_bt{ background:url(../images/succ_bt.jpg) no-repeat left top; width:1004px; margin:0 auto; height:55px;}
.succ_bt span{ float:right; line-height:25px; padding:15px 10px 0 0;}



.pro{ width:235px;}
/*.tit01{  width:235px; }
.tit01_nr{ padding:12px;}
.tit01 ul{}
.tit01 ul li{ margin-top:10px;}
.tit01 ul li a{ width:235x; padding-left:50px; height:41px; color:#fff; line-height:41px; display:block; background:#FB4B4B; font-size:14px; font-weight:bold;}
.tit01 ul li a:hover{  height:41px; line-height:41px; display:block;}*/


/*.tit01{ width:232px;  }
.tit01 ul{}
.tit01 ul li{ width:230px; height:35px; line-height:35px; float:left;  margin-top:2px;  text-align:center; background:url(../images/dot.jpg) 10px 0px;}
.tit01 ul li a{ height:35px; line-height:35px;padding-left:60px; float:left }
.tit01 ul li a:hover{ height:35px; line-height:35px;padding-left:60px; float:left}
.fly ul{ padding:0px 0px 5px 0px;!important;}
.fly ul li{ width:192px; padding-left:0px; border-bottom:dashed 1px #CCC; background:none!important; padding-left:20px!important;}
.fly ul li a{ background:none!important;}
.fly ul li a:hover{ background:none!important; color:#000!important;}
.title02{ padding-left:0px; height:33px;}
.tit01 p{ height:30px; line-height:30px; padding-left:15px;}*/


.div1 {
	text-align: center;
	width: 235px;
	padding-top: 10px;
}
.div2 {
	height: 41px;
	line-height: 41px;
	cursor: pointer;
	color:#fff;
	position: relative;
	 background:#FB4B4B; font-size:14px; font-weight:bold; margin-bottom:18px;
	 width: 113px;
    display: inline-block;
	float:left;
}


.div2 a {
	height: 41px;
	line-height: 41px;
	cursor: pointer;
color:#fff;
	position: relative;
	 background:#FB4B4B; font-size:14px; font-weight:bold;
}

.jbsz {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 40px;
	top: 10px;
	background: url(images/1.png);
}
.xwzx {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 40px;
	top: 10px;
	background: url(images/2.png);
}
.zxcp {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 40px;
	top: 10px;
	background: url(images/4.png);
}
.lmtj {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 40px;
	top: 10px;
	background: url(images/8.png);
}
.div3 {
	display: none;
	cursor: pointer;
	font-size: 13px;
}
.div3 ul {
	margin: 0;
	padding: 0;
}
.div3 li {
	height: 30px;
	line-height: 30px;
	list-style: none;
	border-bottom: #ccc 1px dotted;
	text-align: center;
}






.fenlei{ margin-top:6px;width:238px; border:#cfd3b2 solid 1px; background:#fff;}

.tit02{ padding-top:0px; background:#238dd7; color:#FFF;}
.tit02 ul{ width:210px; margin:0 auto;}
.tit02 ul li{ background:url(../images/main_45.jpg) no-repeat left center; border-bottom:#989898 dashed 1px; line-height:24px; padding-left:15px; }
.tit02 span{ float:right; display:inline;}
.con{ padding-left:15px; color:#000;}
.con p{  color:#000;  line-height:30px;}


.title02{padding-right: 9px;padding-left: 22px;}
.title02 span{ float:right;}
.tit03 p{ padding:5px;}
.product{ border:#cfd3b2 solid 1px; background:#fff; margin-top:5px;}
.left_bar{ width:305px; float:left;}
.title08{ background:url(../images/chanpin_bg.jpg) no-repeat; height:40px; padding-top:9px; font-family:"宋体"; padding-left:30px; color:#FFF; font-size:14px; font-weight:bold; }
.title08 span{ float:right; line-height:25px; color:#FFF; padding-right:10px;}
.title08 span a{  color:#FFF}

.title09{ background:url(../images/chanpin_bg.jpg) no-repeat; height:30px; margin-top:10px; font-size:12px; padding-left:15px; line-height:30px;}
.title09 span{ float:right; line-height:25px;}
.tit09_m{ padding:5px;}

.title04{ background:url(../images/medin.jpg);}
.right_bar{ width:189px; margin-left:6px;}
.title05{ background:url(../images/right.jpg)}
.right_bar{ width:305px; float:right;}

.xinwen{ }

.rongyu{ border:#cfd3b2 solid 1px; background:#fff;margin-right: 9px;
margin-left: 22px;}
.title06{ background:url(../images/main14_68.jpg); padding-left:20px; height:40px; line-height:40px; color:#fff;  font-size:14px; font-weight:bold;font-family:"宋体";}
.title06 span{ float:right; line-height:27px; padding-right:10px;}
.title06 a{ color:#fff; height:40px; line-height:40px;}
.title06 a img{ width:48px; height:15px; padding-top:10px;}


.container-prods{  min-width:1000px; width:e-xpression(document.body.clientWidth < 1000 ? "1000px" : "100%" ); height:243px; margin:0 auto; background:url(../images/products.jpg) repeat-x left top;  z-index:100;}
.prods{ width:1000px; height:243px; margin:0 auto; }
.prod-btn{ width:32px; height:56px; float:left; overflow:hidden; padding:58px 5px; }
.prod-btn img{ width:31px; height:56px; cursor:pointer;}
.prod-cen{ width:856px;  float:left; margin:0 20px; display:inline; position:relative; overflow:hidden;}
.prod-list{ width:856px; height:172px; overflow:hidden; position:absolute; left:0; top:0; }
.prod-list li{ width:174px; height:172px; overflow:hidden; float:left; margin:0 20px; display:inline;}
.prod-list li p{ width:174px; height:172px; overflow:hidden;}
.prod-list li p img{ width:174px; height:172px;}






#demo1p {height: 180px; list-style: none outside none;margin-left: 10px;overflow: hidden;width: 835px;}
#indemo1p { float: left; width: 800%;}
#demo1p1 {float: left;}

#demo1p2 {float: left;}


.top_14 ul{border:1px solid #D3D3D3;width:752px;overflow:hidden;}
.top_14 li{float:left;width:188px;height:122px;overflow:hidden;text-align:center;padding-top:9px; background:#EAEAEA;}
.top_14 li:hover{background:#666666;}
.top_14 li img{width:170px;height:85px;margin:0 auto;}
.top_14 li p{width:170px;height:27px;line-height:27px;margin:0 auto;font-size:14px;font-weight:bold;background:#aaa;}
.top_14 li p:hover{width:170px;height:27px;line-height:27px;margin:0 auto;font-size:14px;font-weight:bold;background:#f58000;}
.top_14 li p a:hover{color:#fff;text-decoration:none; }
.top_14 li p a{color:#fff;text-decoration:none; }
.top_14 li.hover p{background:#F58000;}













#demo2p {

    list-style: none outside none;
    margin-left: 10px;
    overflow: hidden;
    width: 835px;
}
#indemo2p {
   
    width: 800%;
}
#demo2p1 {
    float: left;
}
.top_24 {
    list-style: none outside none;display:inline;
    
}

ul {
    list-style: none outside none;
}


.top_24 li { 
    float: left;

    line-height: 30px;
    margin-right: 10px;
    margin-top: 15px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 8px;
    text-align: center;
    width: 210px;
}


.top_24 a {
    color: #000;
    font-size: 14px;
    font-weight: bold;width: 210px;  height: 145px;
}
.top_24 a img {
width: 210px;  height: 145px;
}

#demo2p2 {
    float: left;
}






.tit06{   border-top:none;padding-top:15px; width:1000px;}
.cent1{ width:1000px; margin:auto;margin-top:8px; padding-top:5px;}
.title07{ height:105px; width:935px; margin:0 auto; background:url(../images/youlian.jpg) no-repeat;}
.title07 span{ padding-right:0px;}






.main_box{ width:995px; margin:0 auto; padding-top:20px;}
.left_news{ width:350px; float:left; border:1px solid #ccc; margin-right:15px;}
.left_news_bt{ background:url(../images/left_bt.jpg) no-repeat left top; height:42px; padding-left:20px; font-weight:bold; color:#fff; font-size:14px; line-height:35px; font-family:"宋体";}
.left_news_bt span{ float:right; padding-right:10px;}
.left_news_bt span a{ color:#fff; height:42px; line-height:42px; }
.left_news_bt span a img{ width:48px; height:15px; padding-top:10px;  }

.left_main{ padding:10px 10px; }
.left_main ul{}
.left_main ul li{ padding-left:15px; height:35px;  line-height:35px; background:url(../images/main_45.jpg) no-repeat left center; border-bottom: #989898 dashed 1px;}
.left_main ul li span{ float:right; color:#999;height:35px;  line-height:35px; }

.right_news{ width:380px; float:left; border:1px solid #ccc;}
.right_news_bt{ background:url(../images/right_bt.jpg) no-repeat left top; height:42px; padding-left:20px; font-weight:bold; color:#fff; font-size:14px; line-height:35px; font-family:"宋体";}
.right_news_bt span{ float:right; padding-right:10px;}
.right_news_bt span a{ color:#fff; height:38px; line-height:38px;}
.right_news_bt span a img{ width:48px; height:15px; padding-top:10px;  }
.right_main{ padding:10px 10px; }
.right_main ul{}
.right_main ul li{ padding-left:15px; height:35px;  line-height:35px; background:url(../images/main_45.jpg) no-repeat left center; border-bottom: #989898 dashed 1px;}
.left_main ul li span{ float:right; color:#999;}
.right_main ul li span{float:right; color:#999; }



.center_news{ float:right; width:235px;}
.center_news p{ margin-top:5px;}
.link{ width:995px; margin:0 auto; overflow:hidden; padding-top:10px;}
.link a{ color:#333;}