﻿@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	height:100%;
	font-size: 12px;
	line-height: 1.5em;
	font-family: tahoma, "Microsoft YaHei", Simsun, Mingliu, Arial, Helvetica;
	color: #333333;
	background:#fff;
}
img {
	border:0;
	vertical-align:middle;
}
ul,li{
	list-style-type: none;
}
table,td{
	border-collapse:collapse
}
address,em{
	font-style:normal;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#FF3300;
	text-decoration:none;
}
.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.slide{
	display:none;
}
.num {
	font-family: Verdana, Helvetica;
	font-size: 10px;
}

/*通用样式结束*/

#head{ width:1000px; height:auto; overflow:hidden; margin:0 auto;}
#logo{ width:172px; height:85px; float:left;}
#tel{ width:195px; height:58px; float:right;}
#qh{ width:105px; height:25px; line-height:25px; float:left; margin-left:50px;}


#menu {width:100%; height:50px; overflow:hidden; background:url(../images/menu_bg.jpg) 0 5px repeat-x;}
#menu ul { width:1000px; height:45px; margin:0 auto;}
#menu ul li { width:125px; height:45px; float:left; line-height:45px; font-size:14px; font-weight:bold; text-align:center; background:url(../images/menu_li.jpg) right 17px no-repeat;}
#menu ul li a{display:block; text-align:center; text-decoration:none; height:50px; color:#000; line-height:50px; font-size:14px;font-weight:bold; color:#fff;}
#menu ul li ul {display: none;}
#menu ul li:hover a {color:#fff; background:url(../images/menu_lihover.jpg) repeat-x; }
#menu ul .hide{ color:#00AEFF;}
#menu ul li:hover ul {display:block; position:absolute; background:#2b77b7; overflow:hidden; height:auto; }
#menu ul li ul { width:125px; position:relative; z-index:111; padding:10px 0; }
#menu ul li ul li{ width:100%; height:25px;}
#menu ul li ul li a{ color:#fff; font-size:12px; text-align:left; line-height:25px; height:25px; text-align:center; font-weight:normal;}
#menu ul li ul li .on{color:#fff;}
#menu ul li:hover ul li a {display:block; color:#fff; padding:0; margin:0; background:#2b77b7;}
#menu ul li:hover ul li a:hover {color:#fff; background:#2b77b7;}


.online_center{ width:100px; height:100px; margin:0 auto; z-index:2; position:relative;}
.online{ width:260px; height:360px; padding:20px; background:url(../images/online_bg.png); position:absolute; left:250px;}
.online h3{ width:260px; height:50px; line-height:50px; border-bottom:1px solid #fff; text-align:center; font-size:30px; color:#fff; margin-top:20px;}
.online ul{}
.online ul li{ width:260px; height:30px; float:left; margin-top:20px;}


#demo{ width:200px; overflow:hidden; line-height:30px; margin-left:65px; color:#606060;}
#indemo { float: left;width: 3000%;padding:0;}
#demo1 {float: left;}
#demo2 {float: left;} 

#demoa{ width:1000px; overflow:hidden; line-height:30px; margin-left:55px; color:#606060;}
#indemoa { float: left;width: 3000%;padding:0;}
#demoa1 {float: left;}
#demoa2 {float: left;} 

.main{ width:1000px; height:auto; overflow:hidden; margin:0 auto; padding-top:54px; background:url(../images/main_bg.jpg) no-repeat;}
.about{ width:320px; height:auto; overflow:hidden; float:left;}
.about h3{ width:320px; height:30px;background:url(../images/index_h3.jpg) 0 8px no-repeat; border-bottom:1px solid #bebebe; color:#005dac;text-indent:2em; line-height:30px; font-size:16px;}
.aboutner{ padding:20px 0; width:320px; height:180px; overflow:hidden; color:#686868;}
.aboutner a{ color:#0072d3;}
.about_img{ width:126px; height:151px; float:left; padding:1px; border:1px solid #bebebe; overflow:hidden; margin-right:15px;}


.news{ width:320px; height:auto; overflow:hidden; float:left; margin:0 20px;}
.news h3{ width:320px; height:30px;background:url(../images/index_h3.jpg) 0 8px no-repeat; border-bottom:1px solid #bebebe; color:#005dac;text-indent:2em; line-height:30px; font-size:16px;}
.news ul{ width:320px; height:auto; overflow:hidden; padding:20px 0;}
.news ul li{ width:320px; height:27px; border-bottom:1px dashed #aeaeae; line-height:27px; background:url(../images/news_li.jpg) 0 10px no-repeat; text-indent:1em;}
.news ul li a{ color:#686868; float:left; width:235px; display:block; height:27px; overflow:hidden;}
.news ul li span{ float:right; height:27px; line-height:27px; color:#686868; float:right;}


.contact{ width:320px; height:auto; overflow:hidden; float:left;}
.contact h3{ width:320px; height:30px;background:url(../images/index_h3.jpg) 0 8px no-repeat; border-bottom:1px solid #bebebe; color:#005dac;text-indent:2em; line-height:30px; font-size:16px;}
.contact h4{ width:320px; height:25px; border-bottom:1px dashed #aeaeae; line-height:25px; color:#696969;}
.contact h5{ width:320px; height:25px; border-bottom:1px dashed #aeaeae; line-height:25px; color:#696969; font-weight:normal; font-size:12px;}
.contact_img{ width:320px; height:108px; padding-top:20px; padding-bottom:10px;}


.product{ width:1000px; height:134px; overflow:hidden; float:left; background:url(../images/product_img.jpg) no-repeat;margin:10px 0 20px;  padding-left:70px;}
.product ul{ width:1000px; height:auto; overflow:hidden; }
.product ul li{ width:166px; height:130px; float:left; border:1px solid #bebebe; padding:1px; margin-right:30px;}


.case_roll{float:left;width:205px;margin-right:15px;display:inline;height:175px;}
.case_roll dd{width:166px;height:130px;}
.case_roll dd img{float:left;width:166px;height:130px;}
.case_roll dt{height:30px;line-height:30px;text-align:center;}
.case_roll dt a{color:#666;}


.more{ float:right; font-size:12px; font-weight:normal;}
.more a{ color:#a6a6a6;}

.footer{ width:100%; height:auto; overflow:hidden;}
.nav_foot{ width:100%; height:65px; background:#676767; text-align:center;}
.nav_foot ul{ height:15px; margin:0 auto; padding:15px 0; width:720px;}
.nav_foot ul li{ height:15px; line-height:15px; float:left; border-right:1px solid #fff; padding:0 10px; color:#fff;}
.nav_foot ul li a{ color:#fff;}
.nav_right{ color:#fff; height:15px; line-height:15px; margin:0 auto;}

.link{ width:1000px; height:auto; padding:10px 0; margin:0 auto; overflow:hidden;}
.link ul{}
.link ul li{ height:12px; line-height:12px; font-size:12px; color:#7e7e7e; border-right:1px solid #7e7e7e; float:left; padding:0 10px; margin-top:10px;}
.link ul li a{ color:#7e7e7e;}

.ny_banner{ width:100%; height:280px; overflow:hidden;  z-index:10;}
.ny_main{ width:1004px; height:auto; overflow:hidden; margin:0 auto; z-index:100; position:relative; margin-top:-25px; margin-bottom:20px;}
.ny_main h3{ width:944px; height:45px; background:url(../images/ny_h3_bg.png) no-repeat; font-weight:normal; font-size:12px; line-height:45px; padding-left:60px; color:#7f7f7f; margin-bottom:25px;}
.ny_main h3 a{ color:#7f7f7f;}
.ny_main h3 span{ color:#005dac;}


.left{ width:715px; height:auto; margin-left:2px; overflow:hidden; float:left;}
.right{ width:260px; height:auto; overflow:hidden; float:right; margin-right:2px;}




.ny_about{ width:715px; height:auto; overflow:hidden; float:left; color:#5b5b5b; line-height:25px;}
.ny_news{ width:715px; height:auto; overflow:hidden;}
.ny_news ul{}
.ny_news ul li{ width:715px; height:35px; line-height:35px; border-bottom:1px dashed #c5c5c5;}
.ny_news ul li a{ color:#5b5b5b;}
.ny_news ul li span{ float:right;}
.ny_news ul li em{ float:left;}
.ny_news h3{width:100%; height:25px; text-align:center; font-size:16px; font-weight:bold; background:none; margin:0; line-height:25px; color:#666; text-indent:0; padding:0;}
.ny_news h4{width:100%; height:25px; line-height:25px; text-align:center; font-weight:normal; padding-bottom:20px; border-bottom:1px dashed #CCC;}
.ny_newsner{ width:715px; height:auto; overflow:hidden; line-height:25px; padding-top:20px;}


.class{ width:260px; height:auto; overflow:hidden;}
.class h3{ width:260px; height:39px; background:url(../images/class_h3.jpg) no-repeat; line-height:39px; text-indent:2em; padding:0; font-size:14px; font-weight:bold; color:#fff; margin:0;}
.class ul{ width:220px; height:auto; overflow:hidden; padding:10px 20px 20px; background:#efefef;}
.class ul li{ width:220px; height:30px; line-height:30px; color:#878787; border-bottom:1px dashed #a1a1a1;}
.class ul li a{ color:#5a5a5a;}
.class ul li a span{min-width:55px;}
.class ul li a:hover{ color:#0159b3; font-weight:bold;}

.right_contact{ width:260px; height:auto; overflow:hidden; float:left; margin-top:20px;}
.right_contact h3{ width:260px; height:30px;background:url(../images/rihgt_contact_img.jpg) 0 8px no-repeat; border-bottom:1px solid #bebebe; color:#005dac;text-indent:2em; line-height:30px; font-size:14px; padding:0; font-weight:bold; margin:0;}
.right_contact h4{ width:260px; height:25px; border-bottom:1px dashed #aeaeae; line-height:25px; color:#696969; font-size:12px;}
.right_contact h5{ width:260px; height:25px; border-bottom:1px dashed #aeaeae; line-height:25px; color:#696969; font-weight:bold; font-size:12px;}
.right_contact h5 span{ font-weight:normal;}
.right_contact_img{ width:260px; height:108px; padding-top:20px;}


.page{ width:715px; height:21px; overflow:hidden; float:left;  margin-top:30px;}
.page ul{ width:440px; height:21px; float:right;}
.page ul li{ width:19px; height:19px; border:1px solid #d3d3d4; float:left; background:url(../images/page_bg.jpg) repeat-x; margin-right:5px; text-align:center; line-height:19px;}
.page ul li a{ color:#868686;}
.page_title{ float:left; width:250px; height:21px; line-height:21px; color:#868686; text-align:left;}
.pages_a{ color:#0069ba;}



.partner{ width:715px; height:auto; overflow:hidden;}
.partner ul{ width:800px; height:auto; overflow:hidden;}
.partner ul li{ width:148px; height:48px; border:1px solid #cecece; float:left; margin-right:38px; margin-bottom:20px;}


.left_job{ width:715px; height:auto; float:left; overflow:hidden;}
.left_job h3{ width:715px; height:30px; background:#d6d6d6; font-size:12px; color:#000; line-height:30px; margin:0; font-weight:bold; padding-left:20px;}
.left_job ul{ width:715px; height:auto; overflow:hidden; margin-top:10px;}
.left_job ul li{ width:715px; height:auto; line-height:30px; color:#696969; border-bottom:1px dashed #a8a8a8; overflow:hidden;}
.job_button{ width:56px; height:17px; float:right; margin-right:20px; margin-top:6px;}
.left_covert{ width:715px; height:auto; overflow:hidden; float:left;border-top:1px dashed #a8a8a8; padding:10px 20px 20px; line-height:20px;}
.left_covert h4{ width:650px; height:20px; line-height:20px; color:#01911b; font-weight:normal; background:none; font-size:12px;}

.guan{ width:56px; height:20px; background:url(../images/job_button.jpg) no-repeat; display:block;}
.kai{ width:56px; height:20px; background:url(../images/job_button.jpg) no-repeat;display:block;}


.ny_contact{ width:715px; height:auto; overflow:hidden;}
.map{ width:712px; height:355px; overflow:hidden; margin-top:30px;}


.message{ width:715px; height:auto; overflow:hidden;}
.message h4{ width:715px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#005dac; margin-bottom:15px;}
.remind{ width:715px; height:auto; overflow:hidden; position:relative; color:#5e5e5e;}
.remind h5{ width:60px; height:20px; float:left; font-size:12px; font-weight:normal;}
.remind ul{ width:500px; height:auto; overflow:hidden;}
.remind ul li{ height:18px; line-height:18px; background:url(../images/remind_li.jpg) 0 4px no-repeat; text-indent:1em; }
.information{ width:660px; height:auto; overflow:hidden; padding:20px 0 20px 55px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-top:15px;}
.message_button{ width:715px; height:28px; padding:25px 0;}



.services{ width:715px; height:auto; overflow:hidden;}
.services h4{ width:715px; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#005dac;  border-bottom:1px solid #d6d6d6; padding-bottom:15px; }
.services h5{ width:705px; height:auto; overflow:hidden; padding:20px 5px; border-bottom:1px solid #d6d6d6; font-size:12px; color:red; font-weight:normal;}
.info{ width:715px; height:auto; overflow:hidden; border-bottom:1px dashed #cfcfcf; padding:15px 0 25px ; color:#6b6c6d;}
.info h3{ width:715px; height:30px; line-height:30px; color:red; font-size:12px; font-weight:normal; background:none; padding:0; margin:0;}
.info h5{ width:715px; height:30px; line-height:30px;  font-size:12px; font-weight:normal; text-align:center; padding:0; color:#6b6c6d; border:none; padding-bottom:10px;}
.info ul{}
.info ul li{ width:715px; height:28px; line-height:28px; margin-top:10px;}

.infoner{ width:715px; height:auto; overflow:hidden; padding:10px 0;}



















