@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; line-height:24px; color:#333333; font-family:"Microsoft YaHei"; position:relative; background:#f4f4f4;}
.clear{clear:both;}
ul,li,dl,dt,dd{list-style:none; margin:0px; padding:0px;}
a{ text-decoration:none;}
a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#015486;}
a:active{color:#015486;}
p{margin:0px; padding:0px;}
img{border:0px;}
a{text-decoration:none;}
input{margin:0px; padding:0px; border:0px;}


.topbg{width:100%; height:30px; line-height:30px; background:#f4f4f4; }
.top{width:1200px; margin:0px auto; font-size:12px;}
.top_r{float:right; width:150px;}
.headbg{height:90px; width:100%; border-bottom:1px solid #e0e0e0; background:#FFF;}
.header{width:1200px; margin:0px auto;}
.header_r{float:right; width:360px; height:67px; padding-top:10px;}
.header_l{width:455px; height:69px; padding-top:10px;}
.navbg{background: #FFF;}
.nav{height:48px;width:1200px; margin:0px auto; }
.nav li{width:170px; text-align:center; line-height:48px; border-right:1px dotted #ccc; float:left; }
.nav li a:link{ color:#333333;}
.nav li a:visited{ color:#333333;}
.nav li a:hover{ background:#00578a; color:#ffffff;width:170px; height:48px; display:block;}
.nav li a:active{ background:#00578a; color:#ffffff;width:170px; height:48px;  display:block;}
.nav li.here{background:#00578a; color:#ffffff;width:170px; height:48px;  display:block;}
.nav li.here a{ color:#fff;}
#full-screen-slider { width:100%; height:396px; float:left; position:relative}
#slides { display:block; width:100%; height:396px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
		.banner{
			width: 100%;
			/*height: 600px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height:560px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url(../images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url(../images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}

.box{width:1200px; height:150px;  position: relative; top:-30px;z-index:9999; margin:0px auto; }
.box li{width:360px; float:left; height:130px; background:#00588a; padding:10px 20px;}
.box_title{color:#ffffff; font-size:18px; height:36px; line-height:36px;}
.box p{color:#6dc7fc;}
.banner_box{height:680px; width:100%; position:relative; }
.index_product{width:1200px; height:640px; margin:0px auto; }
.lanrenzhijia{ width:1200px;  margin:0px auto 0; }
.lanrenzhijia .tab{ overflow:hidden; width:568px;  height:100px; margin:0px auto; text-align:center; }
.lanrenzhijia .tab a{ display:block; width:140px; border-right:1px solid #ffffff;height:40px; line-height:40px; float:left; text-decoration:none; color:#333; margin:10px 0 0 0; background:#c0bfbf;}
.lanrenzhijia .tab a:hover{ background:#00578a; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#00578a; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; padding:10px; margin:20px 0 0 0;}
.lanrenzhijia .content li{ display:none;}
.fang dd{width:280px; height:240px; float:left; margin-right:15px; margin-bottom:15px;}
.fang dd p{height:30px; line-height:30px; text-align:center;}
.fang dd .pp{width:264px;height:210px; }
.fang dd img{width:264px; height:210px;}

.box2_bg{background: url(../images/dbj.jpg) no-repeat; width:100%; height:280px; padding-top:46px;}
.box2{width:1006px; height:227px; margin:0px auto;}



.index_about{width:1200px; height:570px; margin:0px auto;}
.index_about_r{float:right; width:600px;height:400px; overflow:hidden; line-height:26px;}
.index_about_l{ width:528px;}
a.button01{width:150px; height:40px; margin:0px auto 0; border:1px solid #e2e2e2;}
a.button01:link{width:150px; height:40px; display:block; color:#333333; background:#ffffff; line-height:40px; text-align:center;}
a.button01:visited{width:150px; height:40px; display:block;  color:#333333;background:ffffff; line-height:40px; text-align:center;}
a.button01:hover{width:150px; height:40px; display:block; background:#00578a; line-height:40px; text-align:center; color:#ffffff}
a.button01:active{width:150px; height:40px; display:block; background:#00578a; line-height:40px; text-align:center; color:#ffffff}


.footerbg{height:258px; width:100%; background:#22272d;}
.footer{width:1200px; margin:0px auto;height:258px;}
.footer li{ float:left; height:258px; border-right:1px solid #2a2f35; color:#ffffff; padding:0 40px;}
.footer li .wei{margin-top:50px;}
.footer li .sao{height:30px; line-height:30px;}
.footer li .logo{ width:230px; height:98px; margin:80px 0 0 0;}
.index_contact{margin:40px auto 0; width:281px; height:180px;  color:#545556; line-height:30px; float:left;}

.link_contact{margin:40px auto 0; width:381px; height:180px;  color:#545556; line-height:30px; float:left;}
.link_contact a{ color:#545556;}
.link_contact a:hover{ color:#00578a;}


.page_banner_box{height:430px; width:100%; position:relative;  }
.page_banner{width:100%; height:400px; background: url(../images/x3vs.jpg) no-repeat;}
.cur{width:1180px; background: url(../images/bg_8xt6.jpg) no-repeat 5px #ffffff; padding-left:20px;height:50px; line-height:50px; border-bottom:1px solid #dfdcdc; position: relative; top:-20px;z-index:9999; margin:0px auto;}

.page_content{width:1160px; height:auto; background:#FFF; margin:20px auto; padding:20px;}
.page_content_title{height:30px; line-height:30px; font-size:18px; text-align:center;}
.page_content_en{color:#a4a4a5; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.jian{font-size:12px; width:800px; text-align:center; margin:10px auto; line-height:18px; color:#a4a4a5; margin-bottom:20px;}
.line{ background:url(../images/xgray_line06.png) repeat; height:5px; width:100%; margin-bottom:40px;}
.line2{ background:url(../images/xgray_line06.png) repeat; height:5px; width:100%; margin-top:40px;}
.aboutlist_p{font-size:16px; font-weight:bold;}
.aboutlist li{margin-bottom:10px;}
.zi{ margin:40px 0 0 0; padding:0 0 0 350px;}
.zi li{width:210px; height:320px; float:left; margin-right:10px; margin-left:10px;
margin-bottom:20px;}
.zi li p{height:31px; line-height:31px; text-align:center;}
.message_r{float:right; width:600px;}
.message_l{width:500px;}
.input01{border:1px dashed #cccccc; width:100%; height:40px;}
.input02{border:1px dashed #cccccc; width:100%; height:100px;}
a.button02{width:100%; height:40px; background:#0068b9; display:block; color:#ffffff; line-height:40px; text-align:center;}

.contact_r{ width:430px; float:right; }
.contact_l{width:700px;}

.equ li{ width:268px; height:250px; float:left; margin-right:10px; margin-left:10px; margin-bottom:20px; }
.equ li p{text-align:center; height:30px; line-height:30px;}
.equ li img{border:1px solid #dad9d9;}


/*Pages*/
.Pages{ text-align:center; width:550px; height:30px; line-height:30px; margin:0 auto; padding-top:37px;  clear:both;}
.Pages ul li{ float:left; padding:5px 15px; border:1px solid #eaeaea; }
.Pages a{      color: #acacac;
    font-size: 12px;
    font-weight: normal; background:#fff;  margin-right:4px; text-align:center; }
.Pages a:hover{background:#0068b9; color:#FFF; }
.Pages a.a_first:hover{color: #fff;}
.p_page a.a_prev:hover{color: #fff;}
.p_page a.a_next:hover{color: #fff;}
.Pages span {  
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;}

.Pages a.a_first{ font-size:12px; font-weight:normal;  color:#acacac; }
.p_page a.a_prev{ margin-right:6px; border:1px solid #eaeaea; font-size:12px; font-weight:normal;color:#acacac;  }
.p_page a.a_next{  margin-right:6px; border:1px solid #eaeaea; font-size:12px; font-weight:normal;  color:#acacac;  }
.Pages .p_page{ float:rigth;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #eaeaea; font-size:14px;  font-size:12px; font-weight:normal;color:#acacac; }
.Pages .p_page em a:hover{background:#0068b9; color:#FFF;}
.Pages .p_page em a.a_cur{ background:#0068b9;color:#FFF;}

/*Pages*/

.title{height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:18px;}

.link a:hover{color:#0068b9;}
.link a:active{color:#0068b9;}

.pagemenu li{width:120px; height:40px; border:1px solid #cccccc; text-align:center; line-height:40px; float:left; margin-right:10px; color:#333333;}
.pagemenu{margin:30px auto;}

.pagemenu li a:hover{color:#ffffff; background:#0068b9;width:120px; height:40px; display:block;}
.pagemenu li a:active{color:#ffffff; background:#0068b9;width:120px; height:40px; display:block;}

.pageall_text{margin:30px auto; min-height:300px;}

.news li{border-bottom:1px dotted #b8b8b8; height:45px; line-height:45px; font-size:16px; background:url(../images/icon01.png) no-repeat 2px; padding-left:25px;}
.news li a:hover{color:#0068b9;}
.news li a:active{color:#0068b9;}

.here2 a{color:#ffffff; background:#0068b9;width:120px; height:40px; display:block;}
.gai{background:#f5f5f5; height:80px; width:1140px; border:1px dotted #cccccc; margin-bottom:20px; padding:10px; overflow:hidden;}
.p_xx{margin-top:20px;}

.boxAbg{width:100%; height:305px; background:#f9f9f9; padding-top:30px;}

#images a {
			margin-right: 14px;
		}

		#images a img {
			border: 1px solid #888;	
			padding: 3px;
			vertical-align: top;
		}

		#credit {
			clear: both;	
			margin-top: 50px;
			padding-top: 20px;
			font-size: 10px;
			border-top: 1px solid #BBB;
			font-family: Verdana;
		}
#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-title {
	padding-top: 10px;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	color: #333;
	display: none;
}

.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(imgbox-bg-nw.png) no-repeat;
}



.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; 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;}