@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#FFF;line-height:25px; font-family: "microsoft Yahei",Verdana, Geneva, sans-serif;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


.index{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexC{ clear: both; display: block; width: 1200px; margin: 20px auto; }
.clear{ clear: both; display: block; }


.top{ clear:both; display:block; width: 1200px; height:113px; position: relative; margin: 0px auto; }
.logo{ position: absolute; left: 0px; top: 15px; }
.logo img{ border: 0px; }
.tel{ position: absolute; right: 0px; bottom: 23px; }

.indexXian{ clear: both; display: block; border: 1px solid #e3e3e3; margin-bottom: 15px;}

/*  menu style start */
.navbg{ clear:both; display:block; width:100%; background:#006fb6;}
.muen_box { width: 1200px; height:50px; line-height:50px; overflow: hidden; margin:0px auto;}


#wrap-nav .muen_box {overflow:visible; z-index: 99; text-transform: uppercase; }
#wrap-nav .menu li {position: relative; float:left; display: inline; z-index:1000000;}
#wrap-nav .menu li.overlay {position:relative; left: -10px; width: 8px; padding: 0; margin: 0; background: #1685cd;}
#wrap-nav .menu li a{ display:block; width:148px; text-align:center; font-size:16px; color:#FFF; }
#wrap-nav .menu li a:hover{ background: #1685cd; }
#wrap-nav .menu li .on{ background: #1685cd; }
#wrap-nav .menu { clear:both; display:block; width:100%; margin:0px auto;}
#wrap-nav .menu ul.children { display:none; width:168px; background:#FFF; position:absolute; z-index:1000000; top:50px; left:-10px; box-shadow: 2px 2px 2px #999; }

#wrap-nav .menu ul.children a{ padding:0px; clear:both; display:block; width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; font-weight: normal; font-size: 12px; background: none; color: #666; border-bottom: 1px solid #e3e3e3; }
#wrap-nav .menu ul.children a:hover{ background:#f8f8f8; }
#wrap-nav .menu ul.children .noborder {border: none;}
.menuLine{ display:block; float:left; width:1px; height:40px; border-left: 1px solid #1685cd; }


/* banner style start */
.banner{ clear:both; display:block; }

.mainbanner{height:450px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1440px;height:450px;overflow:hidden;margin-left:-720px;position:absolute;}
.mainbanner_window ul{width:999999px;height:450px;position:relative;}
.mainbanner_window li{ width:1440px;height:450px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%; bottom:5px;width:500px;height:20px;margin-left:-35px;position:absolute;}
.mainbanner_list li{height:30px; margin:0px 3px; overflow:hidden;float:left;display:inline;z-index:20;}
.mainbanner_list li img{ z-index:100; }
.mainbanner_list a{background:#ccc;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;	border: 1px solid #ccc;}
.mainbanner_list li.active a{background:#333; border: 1px solid #333; text-decoration:none;}
.mainbanner_list li a:hover{background:#333; border: 1px solid #333; text-decoration:none;}



/* index product */
.indexProduct{ clear: both; display: block; width: 1200px; margin: 40px auto;}

.indexProTit{ clear: both; display: block; height: 50px; }
.indexProName{ float: left; display: inline-block; background: URL(../images/newsTit.gif) left 50% no-repeat; text-indent: 1em; font-size: 20px; font-weight: bold; color: #C00; }



.indexProductTitle{ float: left; display: inline-block; margin-left: 50px; }
.indexProductTitle div{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border-left: 1px solid #ccc; cursor: pointer;}
.indexProductTitle .cur{ background: #000; color: #FFF;}
.indexProductTitle div img{ clear: both; display: block; margin: 10px auto; width: 80px; height: 80px; border: 0px; }
.indexProductTitle div span{ clear: both; display: block; font-size: 16px;}


.indexProductList{ clear: both; display: block;}
.indexProductList div{ display: none;}
.indexProductList .leftProC{ float: left; display: block; width: 460px; height: 355px; position: relative; }
.indexProductList .leftProC img{ position: absolute; left: 0px; bottom: 0px; width: 460px; height: 355px;}
.indexProductList .leftProC span{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 25px; background: #000; text-align: center; line-height: 25px; opacity:0.5; }
.indexProductList .leftProC span a{ color: #FFF; }


.indexProductList .rightProC{ float: left; display: block; width: 228px; height: 172px; position: relative; margin: 0px 0px 10px 18px; }
.indexProductList .rightProC img{ position: absolute; left: 0px; bottom: 0px; width: 228px; height: 172px;}
.indexProductList .rightProC span{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 25px; background: #000; text-align: center; line-height: 25px; opacity:0.5; }
.indexProductList .rightProC span a{ color: #FFF; }




.indexProductList div div{ display: block; }



.indexProductList .cur{ display: block;}


/* left style */

.left{ float:right; width:240px;}

.leftTit{ clear: both; display: block; height:30px; line-height:30px; background: #006fb6 URL(../images/leftTit.gif) 15px 50% no-repeat; font-size: 14px; color: #FFF; text-indent: 3em; }
.leftList{ clear: both; display: block; margin-bottom: 15px; }
.leftList li{ clear: both; display: block; height: 30px; line-height: 30px; text-indent: 1em; background: URL(../images/leftList.gif) left top no-repeat; text-indent: 3em; font-size: 14px;  }

.leftContact{ clear: both; display: block; }
.leftContact img{ border: 0px; width: 100%; }





/* right style */
.right{ float:left; width:900px; }

.indexTitle{ clear: both; display: block; height: 45px; line-height: 45px; background: #219fd9; position: relative; }
.indexTitleC{ width: 100%; height: 45px; background: #e9e9e9; position: absolute; left: -5px; top: -5px; }
.indexTitle .titleName{ float: left; display: inline-block; padding: 0px 20px; height: 40px; line-height: 40px; font-size: 16px; }
.indexTitle .titleURL{ float: right; display: inline-block; }


/* index about_contact */
.about_contact{ clear: both; display: block; background: #eee; }
.about_contact_c{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 20px 0px; }


.indexAbout{ float: left; display: inline-block; width: 900px; }
.indexAboutT{ clear: both; display: block; height: 40px; line-height: 20px; font-size: 20px; font-weight: bold; color: #C00; }
.indexAboutT span{ margin-left: 20px; color: #999; }
.indexAboutC{ clear: both; display: block; }
.indexAboutC img{ border: 0px; float: left; width: 400px; margin-right: 15px; }

.indexContact{ float: right; display: inline-block; width: 280px; }
.indexContactT{ clear: both; display: block; height: 40px; line-height: 20px; font-size: 20px; font-weight: bold; color: #C00; }
.indexContactC{ clear: both; display: block; font-size: 14px; }
.indexContactC p{ margin: 0px; padding: 0px; }
.indexContactC img{ border: 0px; width: 100%; margin-bottom: 10px; }




/* index cases */
.indexCaseT{ clear: both; display: block; height: 40px; line-height: 40px; text-indent: 1em; font-size: 20px; font-weight: bold; background: URL(../images/newsTit.gif) left top no-repeat; margin: 15px 0px; }
.indexCaseT span{ color: #C00; margin-left: 20px; }

.indexCase{ clear: both; display: block; background: #FFF; padding: 20px 0px; }
.indexCases{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexCaseList{ clear: both; display: block; }
.indexCaseList li{ float: left; display: inline-block; width: 220px; margin: 0px 10px; }
.indexCaseList li div{ clear: both; display: table-cell; vertical-align: middle; text-align: center; width: 220px; height: 220px;  border: 1px solid #e3e3e3;}
.indexCaseList li div img{ border: 0px; max-width: 220px; max-height: 220px; }
.indexCaseList li span{ clear: both; display: block; height: 40px; line-height: 30px; text-align: center; overflow: hidden; }


/* index news */
.indexNews{ clear: both; display: block; background: #eee; padding: 20px 0px; }
.indexNewsC{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexNewsOne{ float: left; display: block; width: 29%; margin-right: 4%; }
.indexNewsRight{ float: right; display: block; width: 29%; }

.indexNewsT{ clear: both; display: block; height: 40px; line-height: 40px; text-indent: 1em; font-size: 20px; font-weight: bold; color: #C00; background: URL(../images/newsTit.gif) left top no-repeat; }


.indexNewsList{ clear: both; display: block; margin: 10px 0px; }
.indexNewsList li{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; text-indent: 1em; background: URL(../images/newsIcon.gif) left 50% no-repeat; }
.indexNewsList li span{ float: right; color: #999; }


/* copy style */
.copyMenu{ clear: both; display: block; height: 35px; line-height: 35px; background:#006FB6; color: #FFF; text-align: center; }
.copyMenu a{ color: #FFF; margin: 0px 20px; }

.copyright { background: #02629F; padding: 20px 0px; color: #FFF; text-align: center; }
.copyright a{ color: #FFF; }


/* location style */
.location{ width: 100%; height: 40px; line-height: 40px; border-bottom: 3px solid #ccc; }
.location .titleName{ float: left; display: inline-block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; }
.location .titleURL{ float: right; display: inline-block; background: URL(../images/location.gif) left 50% no-repeat; text-indent: 2em; }



/* sub style */

.rightC{ clear: both; display: block; padding: 15px 0px; }
.page{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding-top: 10px; }
.pageList{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding-top: 10px; }
.pageList a{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #e3e3e3; }
.pageList b{ float: left; display: inline-block; margin-right: 10px; height: 30px; line-height: 30px; padding: 0px 10px; background: #000; color: #FFF; }



/* product */
.productList{ clear: both; display: block; margin: 15px 0px; }
.productList li{ float: left; display: block; width: 212px; margin-right: 13px; margin-bottom: 15px; text-align: center; }
.productList li div{ clear: both; display: table-cell; width: 210px; height: 210px; vertical-align: middle; border: 1px solid #e3e3e3; }
.productList li div img{ border: 0px; max-width: 210px; max-height: 210px; }
.productList li span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.proImgPic{ clear: both; display: block; text-align: center; }
.proImgPic img{ border: 0px; max-width: 700px; }


/* news */
.newsList{ clear: both; display: block; }
.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 1.5em; background: URL(../images/news.gif) left 50% no-repeat; border-bottom: 1px dashed #e3e3e3; }
.newsList li span{ float: right; }



.pageTitle{ clear: both; display: block; text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.pageInfo{ clear: both; display: block; height: 35px; line-height: 35px; text-align: center; }











/* scroll start */
#demo {
overflow:hidden;
width:940px;
margin:0px auto;
}

#demo li{
	float:left;
	text-align:center;
}
#indemo {
float: left;
width: 1600%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */


/* scroll start */
#demoThree { overflow:hidden; width:940px; margin:0px auto; }
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{
	float:left;
	text-align:center;
	padding:0px;
}

#indemoThree {
float: left;
width: 1600%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */

/* scroll start */
#demoFour {
overflow:hidden;
width:730px;
height:173px;
margin:0px auto;
}
#demoFour span{ display:block; clear:both; text-align:center;}
#demoFour li{
	float:left;
	margin:5px;
	text-align:center;
	padding:0px;
}
#indemoFour {
float: left;
width: 3000%;
}
#demoFour1 {
float: left;
}
#demoFour2 {
float: left;
}
/* scroll end */



.borderStyle{ border-collapse: collapse; line-height: 28px; text-align: left; margin-bottom: 15px; }
.borderStyle td{ padding: 0px 3px 0px 8px; }
.borderStyle th{ padding: 0px 3px 0px 8px; }