/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ color:#666; text-decoration:none; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out;}
a:hover{ color:#ff8a00;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
/*box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);ͶӰ*/
/*background: rgba(255,255,255, 0.9);������͸�������ֲ�͸��*/
/*border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;Բ��*/

html{ -webkit-font-smoothing: antialiased; }
body{ margin:0px auto; color:#666;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:1120px; margin:0px auto; overflow:hidden;}
.animation{ -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.red{ color:#ff0000;}

/*------------------------header------------------------*/
.logo{}
.tel{ text-align:right; font-size:30px; color:#dc0000; padding-top:35px;}
	.tel span{ font-size:12px; color:#999;}
.navBox{ background:#003c7d;}
	.nav{ width:1090px; margin:0 auto; border-left:1px #1a7ba6 solid;}
		.nav li{ float:left;}
		.nav a{ display:block; width:135px; text-align:center; line-height:50px; font-size:16px; color:#fff; border-right:1px #1a7ba6 solid;}
		.nav a:hover{ background:#ff8a00;}

/*------------------------index------------------------*/
.banner{ height:450px; position:relative; overflow:hidden; margin-bottom:20px;}
	.banner .hd{ position:absolute; z-index:9; overflow:hidden; left:50%; bottom:15px; margin-left:-15px;}
		.banner .hd li{ width:10px; height:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; float:left; margin-right:5px; cursor:pointer;}
		.banner .hd li.on{ background:#ff8a00;}
	.banner .bd{}
		.banner .bd li{ width:100%; height:450px; box-shadow:inset 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);}
		.banner1{ background:url(../images/banner1.jpg) center top no-repeat;}
		.banner2{ background:url(../images/banner2.jpg) center top no-repeat;}
		.banner3{ background:url(../images/banner3.jpg) center top no-repeat;}
		.banner4{ background:url(../images/banner4.jpg) center top no-repeat;}

.product{}
	.product .title{ width:320px; margin:20px auto 40px; background:url(../images/titlebg.jpg) center no-repeat; color:#003c7d; font-size:30px; text-align:center;}
	.product .content{ padding-bottom:50px; overflow:hidden;}
		.product .content li{ float:left; padding:0 5px;}
			.proBox{ width:270px; text-align:center; background:#f7f7f7;}
				.proBox .pic{ height:270px; line-height:270px; vertical-align:middle; background:#fff;}
					.proBox .pic img{ max-width:270px; max-height:270px;}
				.proBox .topic{ height:50px; line-height:50px; vertical-align:middle; color:#003c7d; font-size:14px; border-top:1px #fff solid;}
				.proBox .desc{ padding-bottom:15px;}
					.proBox .desc a{ display:block; width:110px; height:38px; line-height:38px;  vertical-align:middle; margin:0 auto; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#999;}
			.proBox:hover{ background:#ff8a00; color:#fff;}
				.proBox:hover .topic{ color:#fff;}
				.proBox:hover a{ border-color:#fff; color:#fff;}
	.product .more a{ display:block; width:175px; height:45px; margin:0 auto 50px; text-align:center; line-height:45px; vertical-align:middle; border:1px #ccc solid; color:#999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.product .more a:hover{ background:#ff8a00; border-color:#ff8a00; color:#fff;}
		
.about{ background:url(../images/aboutbg.jpg) center top no-repeat; padding:50px 0;}
	.about .title{ border-bottom:1px #507396 solid; text-align:center; font-size:30px; color:#fff; padding-bottom:20px;}
		.about .title span{ font-size:12px; color:#77a8d9;}
		.about .line{ width:60px; height:5px; background:#2b77cd; margin:-3px auto 0;}
	.about .content{ width:540px; padding:90px 0 0 60px; color:#ced6e2; line-height:200%;}
		.about .content .p1{ font-size:24px; margin-bottom:30px;}
	.about .pic{ width:379px; height:321px; background:url(../images/aboutpic.png) center no-repeat; margin-top:32px; overflow:hidden;}
		.about .pic a{ display:block; width:140px; height:40px; color:#cfecfe; border:1px #cfecfe solid; float:right; margin-top:40px; line-height:40px; text-align:center;}
		.about .pic a:hover{ border-color:#ff8a00; color:#fff; background:#ff8a00;}
		
.news{ width:770px; padding:20px 0;}
	.news .title{ height:80px; line-height:80px; border-bottom:1px #033e7a solid; padding:0 20px;}
		.news .title .topic{ color:#033e7a; font-size:24px;}
		.news .title .more{ font-size:12px;}
	.news .content{ padding:0 20px; overflow:hidden;}
		.newsBox{ border-bottom:1px #ccc dotted; line-height:150%; color:#999; padding:15px 0;}

.contact{ width:300px; padding:20px 0;}
	.contact .title{ height:80px; line-height:80px; background:#033e7a; padding:0 20px; color:#fff; font-size:24px;}
	.contact .content{ background:#f7f7f7; padding:20px; line-height:180%; overflow:hidden;}
		.contact .content img{ margin-bottom:15px;}

/*------------------------footer------------------------*/
.footer{ background:#000; padding:25px 0; line-height:180%;}
	.link{ border-bottom:1px #555 solid; padding:0 10px 10px; margin-bottom:20px;}
		.link .topic{ font-size:18px; color:#c9c9c9;}
		.link .content a{ font-size:12px; margin-right:5px; font-size:12px;}
	.menu{ text-align:center;}
		.menu a{ margin:0 5px;}
	.copy{ text-align:center;}

/*------------------------page------------------------*/
.mainLeft{ width:300px;}
	.sidebar{ margin-bottom:20px; background:#f7f7f7; padding-bottom:20px;}
		.sidebar h3{ font-size:24px; background:#033e7a; color:#fff; height:70px; line-height:70px; text-indent:20px; font-weight:normal;}
		.sidebar a{ display:block; line-height:160%; border-bottom:1px #ccc dotted; padding:15px 20px;}
		.sidebar a:hover{ background:#ff8a00; color:#fff;}
		.sidebar a font{ font-family:SimSun;}

.mainRight{ width:790px;}
	.pageTitle{ line-height:69px; border-bottom:1px #033e7a solid; padding:0 20px;}
		.pageTopic h2{ font-size:24px; font-weight:normal; color:#033e7a;}
		.breadcrumb{ color:#999; font-size:12px;}
		.breadcrumb a{ color:#999;}
		.breadcrumb a:hover{ color:#ff8a00;}
	.pageContent{ padding:20px;}
		.txt{ line-height:160%; overflow:hidden;}
			.txt td{ border:1px #ccc solid; padding:3px; line-height:150%; text-align:center;}
			.txt img{ margin:5px;}
			.txt p{ margin-bottom:5px; text-align:justify;}
		.txt8{ background:url(../images/contact.jpg) center right no-repeat; min-height:600px}
		
		.apply{}
			.apply td{ padding:5px 0; vertical-align:middle;}
			.apply input , .apply textarea{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px #ccc solid; line-height:24px; padding:5px; color:#666; font-family:Arial, Microsoft YaHei;}
			.apply .btn{ border-color:#033e7a; background:#033e7a; color:#fff; width:150px; cursor:pointer;}
			.apply .btn:hover{ border-color:#ff8a00; background:#ff8a00; color:#fff;}
			
		.newsList{}
			.newsList li{ line-height:300%; border-bottom:1px #ccc dotted; padding:0 10px;}
			.newsList li:hover{ background:#f7f7f7;}
				.newsList li h3{ font-weight:normal;}
				.newsList span{ color:#999;}
				.newsList font{ font-family:SimSun;}
				
		.pageBox{ text-align:center; padding:20px 0;}
			.pageBox span , .pageBox a{ margin:0 5px;}
			
		.newsTopic{ text-align:center; line-height:200%;}
			.newsTopic h3{ font-size:16px; color:#333;}
		.time{ font-size:12px; text-align:right; border-bottom:1px #f0f0f0 solid; padding:10px; margin-bottom:10px; color:#999;}
		.picture{ text-align:center; margin-bottom:10px;}
		.upDown{ padding:10px 0; line-height:150%;}
		
		.albList{}
			.albBox{ width:230px; margin:10px; text-align:center;}
				.albBox a{ display:block; background:#f7f7f7;}
				.albBox a:hover{ background:#ff8a00; color:#fff;}
				.albPic{ width:230px; height:230px; line-height:230px; vertical-align:middle; background:#f7f7f7;}
				.albTopic{ line-height:50px; vertical-align:middle; border-top:1px #fff solid; padding-bottom:10px;}

/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; top:200px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{ background:url(../images/r_qq.png) 0px 0px no-repeat #003c7d;}
.izl-rmenu .btn-qq:hover{background:url(../images/r_qq.png) 0px 0px no-repeat #ff8a00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat #003c7d;; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;}
.izl-rmenu .btn-wx:hover{}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;}
.izl-rmenu .btn-phone:hover{}
.izl-rmenu .btn-phone .phone{background-color:#be0000; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .btn-wx{ display:none;}
.izl-rmenu .btn-phone{ display:none;}