/* import aminate css file */
@import "animate.css";

* {margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑";}

ul li {list-style: none; vertical-align: bottom}

img {border: 0; vertical-align: bottom;}

div {margin: 0 auto}

.f-l {float: left;}

.f-r {float: right;}

.clr {clear: both;}

input, textarea {outline: none;}

a {text-decoration: none; transition: background .5s, color .5s;}

body {width: 100%; overflow: hidden; height: 100%; background: url(../images/background2.jpg) center top;}

/* pages */

#search {
	width: 216px; display: inline-block; margin-right: -5px;
}
#search input {
	outline: none; border: 0; background: #efefef; border: 1px solid #185d9e;
	padding: 1px 4px;
}
#search #gosearch {background: #185d9e; color: #fff;}

#navs {
	width: 237px; position: fixed; z-index: 3;
	left: 3%; top:0; bottom: 0;
}

#navs-top {
	background: url(../images/navs_top_bg.png); height: 190px;
}
	#navs-top #logo {
		width: 83px; height: 105px; display: block; background: url(../images/11.gif); margin: 0 auto;
		position: relative; top: 15px;
	}

	#navs-top #home_page {
		display: block; position: relative; width: 50px; height: 45px;
		margin: 0 auto; top: 36px;
	}

#user-area {
	position: fixed; top: 65px; z-index: 1;
}

#user-area a {
	display: inline-block; width: 65px; height: 21px; text-align: center; line-height: 21px;
	background: #e0e0e0; color: #8c8c8c; margin-right: 10px;
}

#user-area a:hover {
	background: #185d9e; color: #fff;
}


#menus {
	position: absolute; top: 190px; bottom: 0; background: url(../images/navs_bg.png); left: 7px; width: 221px;
	padding-top: 20px;
}
	
	#menus li {
		position: relative; width: 202px;
	}

	#menus .parent {
		text-align: center; height: 38px; border-bottom: 1px dotted #bcbfc4; display: block; width: 90%; margin: 0 auto;
		line-height: 38px; font-size: 14px; color: #333; margin-left: 20px;
	}

	#menus .parent:hover {
		color: #fff; border-bottom: 1px solid #165d9f;
	}

	#menus li:hover {
		background: #165d9f; border-left: 10px solid #0a4b85;
	}

	#menus .child-nav {
		position: absolute; left: 201px; top: 0; width: 175px; background: #2d72ad; padding: 10px 0 10px 0;
		border-bottom: 5px solid #0a4b85; display: none; z-index: 2;
	}
		.child-nav a {
			color: #fff; display: block ; height: 28px; line-height: 29px; border-bottom: 1px dotted #fff;
			width: 80%; margin: 0 auto; background: url(../images/arrow.png) 5px center no-repeat; text-indent: 20px;
		}

		.child-nav a:hover {
			color: #333;
		}

		#ewm {
			width: 120px; height: 180px; background: url(../images/ewm.jpg) no-repeat; position: absolute;
			padding-top: 120px; left: 59px;
		}
			#ewm p {text-indent: 8px; font-size: 14px;}

#d-news {
	position: fixed; bottom: 40px; background: url(../images/footer_bg.png); height: 180px; width: 100%;
	z-index: 2; 
}

	#d-news #d-ops {position: relative; top: -45px; width: 146px; margin: 0 auto;}
	#d-news #d-opa {background: url(../images/d_news_ico.png); width: 146px; height: 45px; display: block;}
	#d-news #d-show-ico {
		height: 21px; width: 21px; position: absolute; background: url(../images/dnews_arrow.png);
		left: 63px; top: -10px;
	}

	#d-news .page-warp {
		position: relative; top: -40px; 
	}

		#d-news .caption {height: 35px; line-height: 35px; border-bottom: 3px solid #ccc; position: relative;}
			#d-news .caption div {font-size: 14px; color: #333;}
			#d-news .caption .zh {position: relative; border-bottom: 3px solid #185d9e; margin-right: 5px;}
			#d-news .caption .en {font-size: 12px; line-height: 38px;}
			#d-news .caption a {font-size: 12px; color: #555; line-height: 38px;}
			#d-news .content {margin-top: 10px; line-height: 21px;}

	#d-news .doff {
		animation: dnewson 1s;
		-moz-animation: dnewson 1s;
		-webkit-animation: dnewson 1s;
	}

	#d-news .don {
		animation: dnewsoff 1s;
		-moz-animation: dnewsoff 1s;
		-webkit-animation: dnewsoff 1s;
	}

.new-list li {line-height: 25px; background: url(../images/arrow_2.png) 3px center no-repeat; text-indent: 10px;}
.new-list li a {color: #185d9e;}
.new-list li a:hover {color: #333;}

/* 第一页 */
#home #home_picture {
	text-align: center; margin-top: 8%;
}
#home #home_switch {position: absolute; top: 0; right: 10px;}
	#home_switch li {
		height: 142px; width: 240px; background: url(../images/home_switch_bg.png); border: 1px solid #fefefe;
		text-align: center; margin-bottom: 10px;
	}
	#home_switch .act {border: 1px solid #185d9e;}
	#home_switch li a {position: relative; display: block;}

/* 第二页 */
#about_title {
	width: 318px; height: 67px; background: url(../images/titles.png);
	position: absolute;left: 250px;
}
#about_content {
	background: url(../images/wirte_bg.png); width: 450px; height: 430px; position: absolute;
	left: 250px; z-index: 2; top: 75px; padding: 5px; overflow-x: hidden; overflow-y: auto;
	font-size: 14px; line-height: 25px; text-indent: 28px;
}

#about_bg {
	width: 659px; height: 623px; background: url(../images/about_bg.png); position: absolute; right: 0;

}

/* 第三页 */
#news_title {
	width: 138px; height: 65px; background: url(../images/titles_news.png);
	position: absolute; left: 350px; top: 40px;
}

#news_main {
	width: 850px; position: relative; height: 410px; background: url(../images/wirte_bg.png);
	top: 110px; left: 140px; 
}
#news_main #news_zhuangshi {
	width: 369px; height: 430px; background: url(../images/news_bg.png);
	position: absolute; top: -10px; left: -62px;
}
#news_main #news_caption {
	height: 127px; background: #e0e0e0 url(../images/baohaidongtai.jpg) center center no-repeat;
	width: 543px; position: absolute; right: 0;
}
#news_main .new-list {
	width: 530px; position: absolute; top: 127px; right: 10px;
}
#news_main .new-list li {
	height: 33px; line-height: 33px; border-bottom: 1px dotted #ccc;
}
#news_main .new-list li a { font-size: 14px;}
#news_main .news_page {position: absolute; right: 0; bottom: 10px;}

/* 第四页 */
#product_title {
	width: 317px; height: 67px; background: url(../images/titles_product.png);
	position: absolute;left: 250px; top: 20px;
}
#product_main {
	background: url(../images/wirte_bg.png); width: 888px; height: 406px; position: relative;
	top: 110px; left: 120px; padding: 10px;
}
.product_left {width: 200px;}
.product_left img {margin-top: 20px;}
.product_page {right: 1px; position: absolute; z-index: 2; bottom: 10px;}
#types {float: left;}
#types li {background: #fff; width: 200px;margin-bottom: 2px;}
#types li a {
	display: block; width: 190px;border-left: 10px solid #fff; height: 30px; line-height: 30px;
	text-indent: 20px; color: #165d9f;
}
#types li a:hover, #types li .act {
	background: #165d9f; border-left: 10px solid #0a4b85; color: #fff;
}
.product_list {width: 688px;}
.product_list li {
	width: 219px; text-align: center; background: #fff; margin-left: 10px; float: left; margin-bottom: 10px;
	position: relative;
}
.product_list li .img img{margin-top: 10px;}
.product_list li .text {display: block; line-height: 25px;  color: #555;}
.product_list li .text:hover {color: #165d9f;}
.product_list li:hover {box-shadow: 2px 2px 3px 1px #aaa}
.addcart {
	position: absolute; right: 5px; top: 5px; width: 134px; height: 33px; background: url(../images/addcart.png);
	display: none;
}

/* 第五页 */
#download_title {
	width: 138px; height: 65px; background: url(../images/titles_news.png);
	position: absolute; left: 350px; top: 40px;
}

#download_main {
	width: 850px; position: relative; height: 410px; background: url(../images/wirte_bg.png);
	top: 110px; left: 140px; 
}
#download_main .new-list {
	width: 95%; position: relative; top: 10px; margin:0 auto;
}
#download_main .new-list li {
	height: 33px; line-height: 33px; border-bottom: 1px dotted #ccc;
}
#download_main .new-list li a { font-size: 14px;}
#download_main .download_page {position: absolute; right: 10px; bottom: 10px;}

/* 第六页  */
#jobs_title {
	width: 317px; height: 67px; background: url(../images/titles_jobs.png);
	position: absolute;left: 276px; top: 40px;
}

#jobs_main {
	background: #fff; width: 888px; height: 340px; position: relative;
	top: 140px; left: 120px; overflow-x: hidden; overflow-y: auto;
	background: url(../images/jobs_bg.jpg);
}
#jobs_xuanchuan {
	width: 515px; height: 47px; background: url(../images/jobs_xuanchuan.png);
	float: right; margin: 45px 35px 0 0;
}
#jobs_content {width: 515px;float: right; margin:10px 35px 0 0; line-height: 25px;}
#jobs_content h3 { color: #ca211a; font-size: 20px; font-family: '微软雅黑'; font-weight: 100;}

/* 第七页 */
#case_title {
	width: 317px; height: 67px; background: url(../images/titles_case.png);
	position: absolute;left: 250px; top: 20px;
}
#case_main {
	position: relative; top: 180px; left: 125px;
	width: 901px;
}

.case_list {height: 260px;}
.case_list li {float: left; width: 225px; height: 130px; position: relative; background: url(../images/wirte_bg.png)}
.case_list li .casebg {
	background: url(../images/case_info_bg.png); position: absolute; width: 225px; height: 130px;
	text-align: center; display: none; z-index: 3;
}
.case_list li .img {position: absolute; z-index: 2;}
.case_list li .casebg a {font-size: 14px; margin-top: 10px; display: block; color: #fff;}
.case_list li .casebg img { margin-top: 33px;}
.case_list li .desc { width:200px; position: absolute; bottom: 10px; line-height: 1.6; color: #555; margin-left: 17px;}
.case_list li .desc a {color: #0a4b85;}

.case_page {float: right; margin-right: -10px; margin-top: 90px;}


/* 第八页 */
#contact_title {
	width: 317px; height: 67px; background: url(../images/titles_contact.png);
	position: absolute;left: 250px; top: 40px;
}
#mapbg {
	width: 899px; height: 340px; background: url(../images/contact_bg.jpg);
	position: absolute; top: 120px; left: 250px;
}
#bd-map { width: 861px; height: 308px; overflow: hidden; margin-top: 15px;}
#contact_info {
	width: 294px; height: 256px; background: url(../images/contact.png); position: absolute; z-index: 2; top: 50px;
	left: 30px;
}
#qubiezhen {
	width: 46px; height: 70px; background: url(../images/qubiezhen.png); position: absolute; z-index: 2;
	right: 50px; top: -12px;
}

/* 页面子导航 */
#page_nav, #news_nav {position: relative; z-index: 2;}
#page_nav a, #news_nav a {
	display: inline-block; width: 65px; height: 21px; text-align: center; line-height: 21px;
	background: #e0e0e0; color: #8c8c8c; margin-right: 10px;
}

#page_nav a:hover, #page_nav .act {
	background: #185d9e; color: #fff;
}

#news_nav :hover, #news_nav .act {
	background: #185d9e; color: #fff;
}

/* 分页样式 */
.page a {
	display: inline-block; width: 25px; height: 20px; font-size: 20px; background: #e0e0e0;
	color: #5d5d5d; line-height: 19px; text-align: center; margin-right: 10px; cursor: pointer;
	border: 1px solid #a2a2a2;
}
.page a:hover {
	background: #185d9e; color: #fff; border: 1px solid #0a4b85;
}

/* 底部 */
#footer {
	height: 40px; background: #fff; width: 100%; position: fixed; bottom: 0; z-index: 4; line-height: 40px; color: #555;
}
	#footer a {color: #333;}
	#footer #cp {
		float: left; margin-left: 30px;
	}
	#footer #web_link {
		float: right; margin-right: 30px; margin-top: 7px; border: 1px solid #ddd; outline: none;
		color: #aaa; width: 180px; text-indent: 30px; padding: 2px;
	}

.page-warp { width: 1200px; position: relative; margin: 0 auto;}