@charset "utf-8";

/* CSS Document */

body{ margin:0px; padding:0px; background:#ffffff; font-family:"Microsoft YaHei"; line-height:24px; font-size:14px; color:#333333;}

a{ text-decoration:none;}

a:link{color:#333333;}

a:visited{color:#333333;}

a:hover{color:#2361aa;}

a:active{color:#2361aa;}

.clear{ clear:both;}

ul,li{ margin:0px; padding:0px; list-style:none;}

a.blue:link{  color:#2361aa;}

a.blue:visited {  color:#2361aa;}

a.blue:hover{color:#aa4323;}

a.blue:active{color:#aa4323;}

img{border:0;}

p{margin:0px;}

.more{ height:35px; line-height:35px; background:url(../images/icon03.png) no-repeat right; width:100px; float:right;}



a.white:link{color:#ffffff;}

a.white:visited{color:#ffffff;}

a.white:hover{color:#aa4323;}

a.white:active{color:#aa4323;}



.header_bg{ height:82px; background:#005bac; width:100%; }

.head{ width:1000px; margin:0px auto;}

.menu li{ float:left; width:90px; height:32px; line-height:32px; text-align:center;}

.head_r{ float:right;}

.head_r_top{  height:17px; float:right; padding-top:10px; padding-bottom:10px;}

.head_r_top li{float:left; width:30px;}

.logo{  width:342px; height:50px; padding-top:15px;}

.menu a:link{color:#ffffff;}

.menu a:visited{color:#ffffff;}

.menu a:hover{color:#ffffff; background:#0097e0; width:90px; height:32px; line-height:32px; display:block;}

.menu a:active{color:#ffffff; background:#0097e0; width:90px; height:32px; line-height:32px; display:block;}

.here{color:#ffffff; background:#0097e0; width:90px; height:32px; line-height:32px; display:block;}



.banner_bg{ height:auto; width:100%;  border-bottom:1px solid #e4ebf3; background:url(../images/bg.jpg) repeat-x;}

img{display:block;}



.focus{width:1000px; height:334px;margin:0 auto;}

.focusbox{background-color:#e6e6e8; position:relative;}

.focusimg{ width:1000px; height:334px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}

.fimglist{width:9300px; position:relative;-moz-perspective: 1300px;}

.fimglist img{display:block; width:1000px; height:334px; cursor:pointer;}

.fimglist li{width:1000px; height:334x; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}

.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}

@-webkit-keyframes onpre{

	0%{opacity:1;-webkit-transform:rotateY(0deg);}

	100%{opacity:0;-webkit-transform:rotateY(90deg)}

}

@keyframes onpre{

	0%{opacity:1;transform:rotateY(0deg);}

	100%{opacity:0;transform:rotateY(90deg)}

}

.focustool{width:535px; overflow:hidden; padding:5px 0 10px; margin:0 auto; position:relative;}

.ftoollist{width:4655px; position:relative;}

.ftoollist img{display:block; width:129px; height:69px; margin-bottom:3px;}

.ftoollist a{background-color:#005bac; display:block; width:129px; padding:4px 0 4px 4px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear; height:50px; text-align:center; line-height:50px; color:#ffffff;}

.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear;  transition:all .3s linear;}

.ftoollist.imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:18px; height:25px; overflow:hidden; cursor:pointer;}

.ftoollist .imgshortcat{line-height:20px; text-align:center; color:#7D7D7D; font-size:12px; height:20px; overflow:hidden; cursor:pointer;}

.ftoollist a:hover{background-color:#0096df; padding:4px; margin-right:-4px; z-index:100; top:-5px;}

.ftoollist a:hover .imgname{color:#ffffff;}

.ftoollist a:hover .imgshortcat{color:#FFF;}

.ftoollist .on a{background-color:#0096df; padding:4px; margin-right:-4px; z-index:100; top:-5px;}

.ftoollist .on .imgname{color:#ffffff;}

.ftoollist .on .imgshortcat{color:#FFF;}







.content_bg{ height:950px; background:#ffffff; border-bottom:1px solid #dbe3e6;padding-top:10px; padding-bottom:10px;}

.content{ width:1000px; margin:0px auto;}

.content_top{ height:780px; width:940px; border-bottom:2px solid #e6e6e6; background:#f2f1f6; padding:16px 30px;}

.content_top_r{ width:300px; float:right;}

.content_top_l{ width:680px;}

.content_bottom{ padding-top:10px;}

.rollBox{width:1000px;overflow:hidden;padding:12px 0 5px 6px;margin:0 auto;}

.rollBox .LeftBotton{height:44px;width:44px;background:url(../images/button.gif) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}

.rollBox .RightBotton{height:44px;width:44px;background:url(../images/button.gif) no-repeat -44px 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;}

.rollBox .Cont{width:900px;overflow:hidden;float:left;}

.rollBox .ScrCont{width:10000000px;}

.rollBox .Cont .pic{width:180px;float:left;text-align:center;  border-left:1px solid #ccc;}

.rollBox .Cont .pic img{background:#fff;display:block;margin:0 auto;}

.rollBox .Cont .pic p{line-height:26px;color:#505050;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}

.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}

.rollBox #List1,.rollBox #List2{float:left;}





.index_product_ul li{ width:140px; height:40px; border-bottom:1px dotted #c3c2c7; float:left; margin-bottom:20px; margin-right:20px; text-align:center;}

.index_product_ul li div{width:120px; height:30px;  margin:0px auto;background:#ebf0f4; line-height:30px;}

.index_product_ul{margin-top:10px;}

.index_product_ul li a div:link{ background:#b4d5f0;}

.index_product_ul li a div:visited{ background:#b4d5f0;}

.index_product_ul li a div:hover{ background:#95c9f2; color:#2361aa;}

.index_product_ul li a div:active{ background:#95c9f2; color:#2361aa;}

.index_about{ margin-top:10px;}

.index_about_r{float:right; width:400px; padding-right:10px;}

.index_about_l{ width:212px; height:150px;}



.pullist li{width:280px; height:227px; float:left; margin-right:13px; margin-left:12px; margin-bottom:20px;}

.pullist li img{width:280px; height:197px;}

.pullist li p{ height:30px; line-height:30px; text-align:center;}



.footer_bg{ height:280px; width:100%; background:#e4ecef; border-top:1px solid #f6f6f6; padding-top:10px;}

.footer{ width:1000px; margin:0px auto;}

.footer_r{float:right; width:280px;}

.footer_l{width:320px;}

.footer_m{width:380px; float:right; margin-right:10px;}

.index_title_blue{ font-size:16px; color:#2361aa; height:30px; line-height:30px;}

.footer_r_mail{ border-radius:5px; background:#f3f7f8;height:40px; width:290px; margin-top:10px; margin-bottom:10px; line-height:40px;padding-right:5px; padding-left:5px;}

.input01{ border:0px; width:100%; height:30px; line-height:30px; font-size:12px; background:#f3f7f8; font-family:"Microsoft YaHei"; color:#333333; }

.index_title_black{font-size:18px;  height:30px; line-height:32px;}

.index_title_black2{font-size:16px;  height:30px; line-height:32px;}

.footer_contact li{ line-height:28px;}

.footer_news{ margin-top:10px;}

.footer_news li{ height:54px; width:320px; float:left;  margin-bottom:10px; margin-right:10px;}

.footer_news_r{ width:260px; float:right;}

.footer_news_l{ width:45px; height:54px; background:#d3d3d3; color:#ffffff; text-align:center; font-size:16px;}

.footer_news_title{color:#2361aa; height:14px; line-height:14px; margin-bottom:6px; }

.footer_news_con{ font-size:12px; line-height:18px;}









.bottom_bg{height:38px; width:100%; background:#c1d4db; color:#2361aa; text-align:center; font-size:12px; line-height:38px;}





.page_r{ width:780px; float:right; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;min-height:500px;}

.page_l{ width:218px; background: url(../images/page_l_bg.jpg) no-repeat ;  min-height:500px; }

.page_l_top{ height:60px; border-bottom:1px solid #dcdcdc; padding-left:20px;}

.page_l_top p{ font-size:20px; line-height:60px; margin:0px; padding:0px;}

.page_l_ul li{ height:36px; line-height:36px; border-bottom:1px dotted #dcdcdc;    }

.page_l_ul li a:link{ background: url(../images/icon02.png) no-repeat 10px ; padding-left:40px; }

.page_l_ul li a:visited{ background: url(../images/icon02.png) no-repeat 10px ; padding-left:40px; }

.page_l_ul li a:hover{ background: url(../images/icon01.png) no-repeat 10px #ebf0f4; padding-left:40px; display:block;}

.page_l_ul li a:active{ background: url(../images/icon01.png) no-repeat 10px #ebf0f4; padding-left:40px; display:block; }

.page_l_ul li a.here2{display:block;  height:36px; background: url(../images/icon01.png) no-repeat 10px #ebf0f4; padding-left:40px; color:#2361aa;}

.page_l_bottom{ padding-top:12px;}

.page_l_bottom img{ margin:0px auto; width:180px; height:171px;}

.page_r_top{ height:32px; line-height:32px; border-bottom:1px solid #dcdcdc; font-size:12px; padding-left:10px; }

.page_p{ padding:10px;}

.product_d li{float:left; width:185px; margin-bottom:12px; text-align:center; margin-right:5px;}

.product_d img{border:1px solid #ccc; padding:2px; width:170px; height:123px;}

.product_xx_img{ margin:10px auto; width:400px; height:289px;}

.product_xx_p{ margin:20px auto 10px; width:400px;}

.case_xx_img{ margin:10px auto; width:400px; height:289px; float:left;}

.case_xx_p{ margin:10px auto 10px; width:280px; float:right;}

.bg_a{ background-color:#e9e9e9; width:390px; height:30px; line-height:30px; padding-left:10px;}

.bg_b{ background-color:#f6f4f4; width:390px; height:30px; line-height:30px; padding-left:10px;}

/****************分页样式****************/

.pagelist{line-height:20px;margin-bottom:10px;clear:both;text-align:center; width:600px; margin-top:10px;}

.page{ line-height: normal; font-size:12px; line-height:20px;float:right; width:390px; display:block;}

.page a,.page span{ display:block;color:#333;font-weight:normal;text-decoration:none; border:1px solid #ccc;padding-top:3px;float:left;margin:5px 2px;text-align:center;padding:0px 5px;height:20px;} /* SPAN和链接 */

.page a:hover, .page a.in{ text-decoration:none; color:#fff; background:#3a66a3;} /* 当前链接有激活时 */

.page input{padding:0px;color:#390;height:20px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */



.page_title{ text-align:center; font-size:16px; color:#2361aa; height:36px; line-height:36px; font-weight:bold;}

.page_time{ height:24px; line-height:24px; background:#f8f8f8; text-align:center; color:#CCC; font-size:12px;}

.page_up{ font-size:12px;}

.page-num{ display:block;color:#333;font-weight:normal;text-decoration:none; border:1px solid #ccc;padding-top:3px;float:left;margin:5px 2px;text-align:center;padding:0px 5px;height:20px;} /* SPAN和链接 */
.page-num:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}



.xw_list li{ background:url(../images/icon4.gif) no-repeat 5px; border-bottom:1px dashed #ccc; line-height:36px; text-align:left; height:36px; padding-left:15px; }

.xw_list li span{ float:right;}

.xw_list li a{ padding-left:5px;}



.contact_l{ width:250px; padding-left:50px;}

.contact_r{ float:right; width:400px; padding-top:100px;}

.contact_title{ font-size:18px; height:30px;line-height:30px; font-weight:bold; color:#2361aa; margin:0px; }





#images a {

			margin-right: 14px;

		}



		#images a img {

			

			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;

}



.dede_pages{

}

.dede_pages ul{

	float:left;

	padding:12px 0px 12px 16px;

}

.dede_pages ul li{

	float:left;

	font-family:Tahoma;

	line-height:17px;

	margin-right:6px;

	border:1px solid #E9E9E9;

}

.dede_pages ul li a{

	float:left;

	padding:2px 4px 2px;

	color:#555;

	display:block;

}

.dede_pages ul li a:hover{

	color:#690;

	text-decoration:none;

	padding:2px 4px 2px;

}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

	background-color:#F8F8F8;

	padding:2px 4px 2px;

	font-weight:bold;

}

.dede_pages .pageinfo{

	line-height:21px;

	padding:12px 10px 12px 16px;

	color:#999;

}

.dede_pages .pageinfo strong{

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}