@charset "utf-8";
body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei","宋体"; font-size:12px; background:#fff; color:#333; line-height:23px;}
ul,li{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


.index{ clear:both; width:1000px; margin:0px auto; background:#FFF;}

.top{ clear:both; display:block; width: 1000px; margin: 0px auto; height: 100px; position: relative; border-top: 5px solid #c00; }
.logo{ position: absolute; left: 0px; bottom: 20px; }

.logo a{ display: flex; }
.logo a:hover{ text-decoration: none; }
.logo-img{ display: flex; }
.logo-img img{ border: 0px; height: 60px; margin-right: 20px; }

.logo-txt{ display: flex; flex-direction: column; }
.logo-txt strong{ clear: both; display: block; font-size: 34px; color:#000; margin-bottom: 10px; }
.logo-txt span{ clear: both; display: block; font-size: 20px; color:#666; }

.tel{ position: absolute; right: 0px; bottom: 20px; display: flex; align-items: flex-end; flex-direction: column;}

.tel p{ clear: both; display: block; margin: 0px; padding: 0px; height: 40px; line-height: 50px; overflow: hidden; }
.tel span{ clear: both; display: block; height: 30px; line-height: 30px; }
.tel span strong{ font-size: 30px; color: #F40; }


.topText{ clear:both; text-align:right; padding:8px 10px;}
.topText a{ color:#FFF;}
.topText a img{ border:0px; margin-right:6px;}

.proImgCenter{ clear:both; text-align:center;}
.proImgCenter img{ max-width:450px;}


.menu{ clear:both; height:48px; background:URL(../images/menu.jpg) left top repeat-x;}
.menu li{ float:left;}
.menu li a{ display:block; height:37px; line-height:37px; text-align:center; color:#FFF;  font-size:14px; font-weight:bold; padding:0px 25px;}

.menuLine{ float:left; display:block; width:2px; height:42px; background:URL(../images/menuLine.jpg) left top no-repeat;}

.menu li a:hover{ background:URL(../images/menuHover.jpg) left top repeat-x; text-decoration:none;}
.menu li a.on{ background:URL(../images/menuHover.jpg) left top repeat-x; text-decoration:none;}


.indexContent{ clear:both; margin-top:10px;}

.flash{ clear:both; height:269px; clear:both; margin-bottom:10px;}
.banner{ clear:both; overflow:hidden; clear:both; height:269px; width:1000px;}


#myFocus{ width:1000px; height:269px;}
#myFocus img{ width:1000px; height:269px; border:0px;}

.left{ float:left; width:243px;}
.leftListTit{ clear:both; height:35px; line-height:35px; font-size:14px; font-weight:bold; color:#FFF; text-indent:2em; background:#000 URL(../images/leftListTit.jpg) left top no-repeat;}
.listTit{ float:left; width:50%;}
.listTit a{ display:block; clear:both; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-indent:2.5em; background:URL(../images/listTit.jpg) left top no-repeat;}
.listTit a:hover{ display:block; clear:both; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-indent:2.5em; background:URL(../images/listTit.jpg) left bottom no-repeat; text-decoration:none;}

.leftListContent{ clear:both; border:1px solid #ced6e3;}

.listContent{ clear:both; border:1px solid #ccc;}
.listContent li{ line-height:30px; text-indent:3.5em; background:URL(../images/listIcon.jpg) 27px 12px no-repeat;}



.list{ clear:both; border-bottom:1px solid #cecece; margin-bottom:10px;} 
.list ul{ margin:10px 0px;}
.list li{ margin:0px 2px; border-bottom:1px dashed #c3c3c3; text-indent:3em; background:URL(../images/listIcon.jpg) 7px 8px no-repeat; line-height:28px;}
.list li a{ font-size:14px; font-weight:bold; }

.listBottom{ clear:both; height:22px; background:URL(../images/listBottom.jpg) left top no-repeat; margin-bottom:10px;}

.jobs{ clear:both; height:70px; margin:10px 0px;}
.jobs img{ border:0px;}

.subList{ clear:both;}
.subList span{ float:left; font-size:12px; display:block; width:60px; margin-left:20px; text-indent:1em; background:URL(../images/listSubIcon.jpg) 3px 8px no-repeat; line-height:26px; _line-height:20px; _height:20px; _overflow:hidden;}
.subList span a{ font-size:12px;}

.leftFlash{ clear:both; border:1px solid #ccc; margin-bottom:10px;}
#fader{position:relative;overflow:hidden;height:220px;width:220px; margin:5px auto;}
#fader li{position:absolute;left:0;top:0;}
#fader li img{ display:block; width:220px; height:220PX;}
.fader-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#333;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}
.fader-cur-nav{display:inline-block;margin-right:8px;color:#fff;padding:2px 6px;background:#ff7a00;border:1px solid #fff;font-family:Tahoma;font-weight:bold;font-size:12px;cursor:pointer;}


.contact{ clear:both; border:1px solid #ccc; padding:0px 10px; background:URL(../images/contactBg.jpg) right bottom no-repeat;}

.right{ float:right; width:745px;}

.aobut_news{ clear:both;}
.indexAbout{ float:left; width:370px;}
.aboutTit{ clear:both; height:34px; line-height:34px; background:#000 URL(../images/leftListTit.jpg) left top no-repeat; font-size:14px; font-weight:bold; text-indent:2em; color:#FFF;}
.aboutTit small{ font-weight:normal; color:#ccc; margin-left:10px;}
.aboutTit span{ float:right; margin-right:10px; font-weight:normal;}
.aboutTit span img{ border:0px; margin-top:12px;}
.aboutTit span a{ font-weight:normal; font-size:12px; color:#fff;}
.aboutContent{ clear:both; padding:7px 10px; border-top:none; margin-bottom:10px; border:1px solid #ced6e3;}

.clear_line{ clear:both; margin-bottom:10px;}

.news{ float:left; width:320px;}
.newsLeft{ float:left; width:367px;}
.newsRight{ float:right; width:367px;}
.newsContent{ clear:both; padding:10px 0px; border:1px solid #d2d2d2;}
.newsContent li{ text-indent:1em; height:26px; overflow:hidden; background:URL(../images/newsIcon.jpg) 3px 10px no-repeat;  border-bottom:1px dashed #CCC; line-height:26px; margin:0px 5px;}
.newsContent li span{ float:right; margin-right:10px;}


.proContent{clear:both; margin-bottom:10px; border:1px solid #d2d2d2;}
.proContent li{ float:left; text-align:center; margin:0px 6px; }
.proContent li p{ height:200px; overflow:hidden; border:1px solid #CCC; vertical-align:middle;}
.proContent li img{ border:0px; height:200px; }
.proContent li span{ clear:both; display:block; text-align:center; height:28px; overflow:hidden;}

.linkList{ clear:both;}
.linkList li{ text-indent:2em; background:URL(../images/newsIcon.png) 5px 12px no-repeat; line-height:30px; font-size:14px;}
.linkList li span{ float:right; margin-right:15px; font-size:12px;}


.links{ clear:both; height:66px; background:URL(../images/linkbg.jpg) left top no-repeat; color:#FFF; line-height:33px; margin-top:10px; border:1px solid #ced6e3;}
.linksContent{ margin-left:50px; margin-right:10px;}
.linksContent a{ margin-right:10px;}

.bottomLink{ clear:both; background:#000 URL(../images/bottomLink.jpg) left top repeat-x; color:#FFF; height:34px; line-height:34px; font-size:14px; margin-top:10px; text-align:center;}
.bottomLink a{ color:#FFF; margin:0px 10px; font-size:14px; text-align:center;}

.myBottom{ clear:both; background:#000 URL(../images/bottom.jpg) left top repeat-x;text-align:center; line-height:30px; color:#FFF; font-size:14px;}
.myBottom a{ color:#FFF;}

.bottomContent{ clear:both; }

.clear{ clear:both;}

.subContentMaring{ margin:0px; padding:0px; clear:both;}





.subTit{ clear:both; border-top:1px solid #553c35; background:URL(../images/proTit.jpg) left top repeat-x; height:32px; line-height:32px; font-size:14px; font-weight:bold; text-indent:1em;}
.subTit span{ float:right; font-size:12px; font-weight:normal; color:#ccc; margin-right:15px;}
.subTit span a{ font-size:12px; font-weight:normal; color:#ccc;}
.subContent{ clear:both; padding:10px;}
.subContent img{ max-width:720px;}
.subContent h1{ text-align:center;}

.proList{ clear:both;}
.proList ul{ margin:0px; padding:0px;}
.proList li{ float:left; width:165px; height:210px; display:block; margin:5px 34px; overflow:hidden;}
.proList li div{ clear:both; vertical-align:middle; display:table-cell; text-align:center; height:165px; width:165px; overflow:hidden; text-align:center; border:1px solid #CCC;}
.proList li img{ border:0px; max-width:165px;  vertical-align:bottom;}
.proList li span{ clear:both; display:block; text-align:center;}

.equipList{ clear:both;}
.equipList li{ float:left; margin:12px; width:165px; display:block; overflow:hidden;}
.equipList li img{ border:0px; width:165px; border:1px solid #CCC;}
.equipList li span{ clear:both; display:block; text-align:center;}


.newsList{ clear:both;}
.newsList li{ text-indent:2em; background:URL(../images/newsIcon.png) 5px 12px no-repeat; line-height:30px; font-size:14px;}
.newsList li span{ float:right; margin-right:15px; font-size:12px;}

.content2{ clear:both;}
.content2 h1{ clear:both; text-align:center;}
.info{ clear:both; display:block; text-align:center;}

.page{ clear:both;}
.page span{ display:block; float:left; margin-right:15px;}

/* scroll start */
#demo {
overflow:hidden;
width:720px;
margin:0px auto;
}
#demo span{ display:block; clear:both; text-align:center;}
#demo li{
	float:left;
	text-align:center;
	padding:0px;
}
#indemo {
float: left;
width: 3200%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */


/* scroll start */
#demoThree {
overflow:hidden;
width:720px;
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;
}
#demoFour img {
	height:140px;
	border:1px solid #999;
}
#indemoFour {
float: left;
width: 3000%;
}
#demoFour1 {
float: left;
}
#demoFour2 {
float: left;
}
/* scroll end */



/* duilian style */
#lovexin12,#lovexin14{
width:90px;
height:150px;
}