@charset "utf-8";

/* CSS Document */



/* quanju */

html { overflow-x: hidden; overflow-y: auto; }

body{background:#FFF;background-attachment:fixed;background-image:none;background-position:center center;background-repeat:no-repeat;color:#000;font-family:"微软雅黑","黑体","宋体",Arial;font-size:14px;margin:0 auto;padding:0;text-align:center;}

#box_root{margin-right:auto;margin-left:auto}

.wrap{height:auto;margin:0 auto;width:100%;}

#title{ height:30px;text-align:left; font-size:18px; color:#028fd8; margin:20px 20px 20px; border-bottom:#CCC solid 1px;}

.more a{

	text-align: center;

	font-size: 10px;

	color: #999;

	width: 50px;

	height: 16px;

	line-height: 16px;

	text-decoration: none;

	float: right; /*border:#999 solid 1px;*/

	margin-top: 6px;

}

.more a:hover{color:#333;}

.com{ width:200px; float:left}  .eg{ color:#999; font-size:10px}



/* toubu top */

#box_top0{ height:640px;}

#box_top{ height:460px;}

#box_top_sub0{width:100%;float:neno; height:3px; background-color:#028fd8;margin:0 auto;}

#box_top_sub1{width:1200px;margin:auto; height:100px;}

#box_top_sub1_left{float:left;height:100px;width:500px}

#box_top_sub1_left img{ float:left; margin:15px 0 0 0; }

#box_top_sub1_right{float:right;height:100px;width:600px;}

#box_top_sub1_right_le{	float: right;	margin: 40px 0 0 0;}

#box_top_sub1_right_ri{	float: right;font-size: 28px;font-style: oblique;color: #ff4902;margin: 40px 0 0 10px;}

.mr{background-color:#0076b3;}



/*daohang 下拉  */

#box_top_sub2{width:100%; background-color:#028fd8;height:60px;margin:0 auto;}

#box_top_sub2_nav{width:1200px;height:60px;margin:0 auto; text-align:center;}

#box_top_sub2_nav ul {margin:0; padding:0; }

#box_top_sub2_nav ul li { float: left; width: 198px; position: relative;  list-style: none;}

#box_top_sub2_nav div { width: 198px; position: absolute; left: 0px; padding-bottom: 0px; float: left; height: 0; overflow: hidden; background-color: #23abf1; z-index:9999;}

.a { height:60px; text-decoration: none; color:#FFF; font-size:20px; line-height: 60px; display: block; border-right-width: 0.1px; border-right-style: solid;border-right-color: #0283c6;border-left-width: 0.1px; border-left-style: solid;border-left-color: #0283c6; background-color:#028fd8;}

.a:link{background-color:#028fd8;}

.a:hover{ background-color:#0076b3;}

.a:active  {color:yellow;}



#box_top_sub2_nav div a { font-size:20px;height:60px; text-decoration: none; color: #FFFFFF; line-height: 60px; display: block; }

#box_top_sub2_nav div a:hover { background-color: #0076b3; }





/*a:link    {color:blue;}

a:visited {color:blue;}

a:hover   {color:red;}

a:active  {color:yellow;}*/





/*daohang 下拉  */





#box_top_sub03{width:100%;float:neno; height:480px;  background-repeat:no-repeat; background-position:center; margin: 0; padding:0; overflow:hidden;}

#box_top_sub03 ul{ margin:0; padding:0;}

#box_top_sub03 ul li{ list-style:none;}





.first{ text-align:center; margin:0; padding:0;}

/*.first a,.first img{display:block;}*/

.first a{position: absolute; left:15%; top: 100px; }

.first div{	font-family: 'Open Sans Condensed',sans-serif;	font-size:50px;bottom: 216px;width: 320px;text-align: center;margin-left: -160px;	right: 5%;}

/*.second{background:url("../images/banner2.jpg") center no-repeat;}*/

.second img{}

.second a{position: absolute; right: 20%; top: 100px; } /*.third{	background:url("../images/banner3.jpg") center no-repeat;}*/

.third img{}

.third a{position: absolute; right: 20%; top: 100px;} 

.banner{ height:480px; width:1920px; text-align:center; position:absolute; left:50%; margin-left:-960px; /*图片宽度的一半*/} /* zhutineirong  */ /*  gongsijianjie */

#box_wrap{ margin:30px 0 30px 0;}

#box_menu{overflow: hidden; width: 1200px; margin: auto; }

#box_menu_sub01{width: 345px; float: left; }

#box_menu_sub0_top{width:325;height:452px;margin:0 auto;border:#eee solid 0.2px; box-shadow:5px 5px 10px #eee; /*右边阴影*/}

#box_menu_sub0_top_text{text-align: left;margin: 0 20px 0 20px;	clear: both; line-height:25px;}

.com_name{ margin:20px 0 10px 0; padding-bottom:10px; border-bottom:#CCC solid 1px; color:#028fd8;}

/* xinwenzhongxin  */

#box_menu_sub0_bottom{width: 343px;margin: 20px 0 10px 0;padding-bottom:50px;border:#eee solid 0.2px; box-shadow:5px 5px 10px #eee;/*右边阴影*/}

#box_menu_sub0_bottom_text{text-align: left;margin: 0 20px 0 20px;clear: both;}

.new_name{ margin:10px 0 10px 0; padding-bottom:10px; border-bottom:#CCC dotted 1px;}

.new_name a{ color:#333; text-decoration:none;}

.new_name a:hover{color:#028fd8;}

/* chanpinzhanshi  */

#box_menu_sub1{ margin-bottom:10px;width: 824px;float: right; padding-bottom:20px; border:#eee solid 0.2px; box-shadow:5px 5px 10px #eee;}

#product_nav{margin:0 20px 20px 20px; height:30px;}

.contant{margin: 0 20px 0 20px; text-align:left; line-height:25px; }

/*#product_nav ul{margin:0;padding:0;}

#product_nav ul li{ float:left; list-style:none; cursor:pointer;}

#product_nav ul li a{ width:110px; height:30px; display:block; line-height:30px; text-decoration:none; color:#333; margin-right:1px;}

#product_nav ul li a:hover{ background-color:#028fd8; color:#FFF;}*/



#product_nav ul{margin:0;padding:0;}

#product_nav ul li{ margin-right:2px;float:left; list-style:none; cursor:pointer;}

#product_nav ul li a{ background-color:#028fd8; width:110px; height:30px; display:block; line-height:30px; text-decoration:none;margin-right:1px;text-align: center;color:#FFF;}

#product_nav ul li a:hover{ background-color:#0076b3; color:#FFF;}

/*.bgcolor{background-color:#028fd8;color:white;}*/



/*pic_list*/

.section ul a,img{border:0;}

*html .section ul{height:1%;}

.section ul{display:block;width:784px;margin:0 20px 0 20px;padding:0;}/* End hide from IE-mac */

*+html .section ul{min-height:1%;}

/* section */

.section ul li .photo{width:248px;height:192px;overflow:hidden; margin-bottom:15px;}

.section .rsp{width:248px;height:192px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}

.section .text{position: absolute; width: 248px; height: 192px; left: -296px; top: -6px; overflow: hidden; }

.section .text h3{width:248px;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}

.section .text a{text-decoration:none}

.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}

#clearfix2,#clearfix3,#clearfix4,#clearfix5{display:none;}

#name a{ color:#333; text-decoration:none;}

#name a:hover{ color:#028fd8; text-decoration:none;}



/* yejiao  */

#box_foot_sub0{width:100%;float:neno; height:30px; background-color:#202226; margin-top:30px;}

.yqlj{width:1200px;margin:auto; height:30px; text-align:left; color:#FFF; line-height:30px;}

.yqlj a{color:#999999; text-decoration:none}

.yqlj a:hover{ color:#FFF;}



#box_foot_sub1{width:100%;float:neno; height:218px; background-color:#2c2f34;margin:0 auto; color:#FFF;}

#center{ width:1200px;margin:0 auto;}

#center_left{width:200px; height:80px; float:left; font-size:70px; font-weight:bold; color:#CCC; margin-top:64PX;}

#center_center{width:480px; height:160px; float:left; margin:30px 60px 0 60px;}

#center_center_case{width:120px; height:160px; float:left; text-align:left;}

#center_center_case_liaoti{ width:80px; height:30px; margin-bottom:20px;color:#FFF; font-weight:bold; font-size:16px;  border-bottom:#202226 solid 1px;}

#center_center_case_list ul{margin:0;padding:0;}

#center_center_case_list ul li{ text-decoration:none; list-style:none;}

#center_center_case_list ul li a{ text-decoration:none; color:#ccc}

#center_center_case_list ul li a:hover{color:#fff;}



#center_right{width:400px; height:160px; float:right;text-align:left; margin-top:30px;}

#center_right_liaoti{ width:80px; height:30px; margin-bottom:20px;color:#FFF; font-weight:bold; font-size:16px;  border-bottom:1px solid #202226;}

#center_right_list{margin:0;padding:0;color:#ccc}



#box_foot_sub2{width:100%;float:neno; height:30px; background-color:#2c2f34; color:#FFF; line-height:30px;border-top:1px solid #202226;}





/*---------------ziyemian----------------*/

#box_top_sub3{ width:1920px; /*图片宽度*/ position:absolute; left:50%; margin-left:-960px; /*图片宽度的一半*/float:neno; height:300px; overflow:hidden;} /* zhutineirong  */

/*  gongsijianjie */

#box_menu_sub0_biaoti{ height:60px; line-height:60px; background: url(../images/tit_bj.png); background-repeat:no-repeat; font-size:24px; color:#FFF; margin-bottom:20px; padding-left:44px;text-align:left;}

#box_menu_sub0{margin-bottom: 10px; padding-bottom: 50px; width: 345px; float: left; border: #eee solid 0.2px; box-shadow: 5px 5px 10px #eee; /*右边阴影*/ } 

#box_menu_sub0_nav { margin:0 20px 0 20px;}

#box_menu_sub0_nav ul{ margin:0; padding:0; }

.zk{ float:right;}

#box_menu_sub0_nav ul li{list-style:none; text-align:left; display:block; height:48px; line-height:48px; border-bottom:#CCC dashed 1px;}

#box_menu_sub0_nav ul li a{ text-decoration:none; color:#333; font-size:16px;margin-left:40px;}

#box_menu_sub0_nav ul li a:hover{color:#028fd8;}



/* chanpinzhanshi  */

#title .com{ width:200px; float:left}  .eg{ color:#999; font-size:10px}

#title .dingwei{width: 400px;float: right; text-align:right;}

#title .dingwei a{ margin-left:20px;}

.dingwei_img{ width:40px; float: right; text-align:center;}

.dingwei_text{  float: right; font-size:14px; color:#333;}

.dingwei_text a{font-size:14px; color:#333; text-decoration:none;}

.dingwei_text a:hover{ font-weight:bold;}

.p_text{ text-align: left; margin-top:0px; margin-bottom:10px;}



#box_menu_sub0_bottom_menu #gsjj{ line-height:25px; text-align:left;}



/*pic_list*/

#gsjj{	margin: 20px  20px 0 20px; text-align:left;}

.clearfix a,img{border:0;}

*html .clearfix{height:1%;}

*+html .clearfix{min-height:1%;}

/* section */

.section{margin:0 auto 0 auto;overflow:hidden; text-align:left; line-height:28px;}

.section ul li{text-align:center; list-style-type: none; float: left; margin-right: 10px; margin-bottom: 20px; display: inline; width: 248px; overflow: hidden; position: relative; } .section ul li .photo{ width:248px; height:192px; overflow:hidden; margin-bottom:15px; }

.section .rsp{ width:248px; height:192px; overflow:hidden; position: absolute; background:#000; top:0px;left:0px;}

.section .text{position: absolute; width: 248px; height: 192px; left: -296px; top: -6px; overflow: hidden; } .section .text h3{width:248px;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}

.section .text a{text-decoration:none}

.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}

.con{ width:100%; margin-top:15px; min-height:445px; height:445px;}

.mge{ width:180px; height:22px; border:solid 1px #ccc; background:#fff; }

.mge_c{ width:320px; height:22px; border:solid 1px #ccc; background:#fff; }

.mgeb{ border:solid 1px #ccc; width:560px; height:100px; line-height:20px; resize:none; background:#fff; }

.but_c{ width:120px; height:30px; cursor:pointer; text-align:center; border:none; background:#028fd8; font-size:12px; margin-top:5px; padding:0 0 5px 0; line-height:30px; color:#fff; border-radius:3px; }

#name a{ color:#333; text-decoration:none;}

#name a:hover{ color:#028fd8; text-decoration:none;}

#page{ margin:0 20px 0 20px;}



/* 新闻列表*/

#new_list{margin: 0 20px 0 20px; } #new_list ul {margin:0 ; padding:0;}

#new_list ul li{ display:block; height:30px; line-height:30px; list-style:none; border-bottom:#CCC dotted 1px;}

#new_list ul li .b_list{ color:#333;float:left; text-decoration:none;}

#new_list ul li .b_list:hover{ color:#028fd8;}

#new_list ul li .b_time{ float:right;}

#new_list ul li img{ float:left;}



 /*pic_list*/

#chanpin_list span{ text-align:center; display:block; margin:0 auto; }

#chanpin_outline{ margin: 20px  20px 0 20px; text-align:left; line-height:25px;}



/* shangxiaye */

.page{height: 20px; margin: 10px auto 0 auto; text-align: right; float: right; } 

.page01 a { line-height: 20px; color: #FFF; background-color: #028fd8; text-align: center; display: block; height: 20px; width: 60px; text-decoration:none;}

.page02 a { line-height: 20px; color: #FFF; background-color: #028fd8; text-align: center; display: block; height: 20px; width: 20px; text-decoration: none;}

.page li { float: left; padding-right: 3px;list-style-type:none; }

.page li a:hover { font-weight: bold; color: #FFF; background-color: #ff4902;text-decoration: none; }

.page02 a.current{ font-weight: bold; background-color: #ff4902; }



/*产品详情*/

#pro_pic{text-align: center;}

#pro_name{text-align: center; font-size: 18px; font-weight: bold; margin-top: 10px; } 

#pro_about{ width:100px;text-align: left; font-size:18px; height:30px ; border-bottom:#028fd8 2px solid; color:#028fd8}

#pro_xq{text-align: left; line-height:25px; margin:20px 0 0 0;}



/*-----------animate-custom--------------*/

.animated {

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-ms-animation-fill-mode: both;

	-o-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-duration: 1s;

	-moz-animation-duration: 1s;

	-ms-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s;

}



.animated.hinge {

	-webkit-animation-duration: 2s;

	-moz-animation-duration: 2s;

	-ms-animation-duration: 2s;

	-o-animation-duration: 2s;

	animation-duration: 2s;

}



@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(20px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

	}

}



@-moz-keyframes fadeInUp {

	0% {

		opacity: 0;

		-moz-transform: translateY(20px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateY(0);

	}

}



@-o-keyframes fadeInUp {

	0% {

		opacity: 0;

		-o-transform: translateY(20px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateY(0);

	}

}



@keyframes fadeInUp {

	0% {

		opacity: 0;

		transform: translateY(20px);

	}

	

	100% {

		opacity: 1;

		transform: translateY(0);

	}

}



.fadeInUp {

	-webkit-animation-name: fadeInUp;

	-moz-animation-name: fadeInUp;

	-o-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

	}

}



@-moz-keyframes fadeInDown {

	0% {

		opacity: 0;

		-moz-transform: translateY(-20px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateY(0);

	}

}



@-o-keyframes fadeInDown {

	0% {

		opacity: 0;

		-ms-transform: translateY(-20px);

	}

	

	100% {

		opacity: 1;

		-ms-transform: translateY(0);

	}

}



@keyframes fadeInDown {

	0% {

		opacity: 0;

		transform: translateY(-20px);

	}

	

	100% {

		opacity: 1;

		transform: translateY(0);

	}

}



.fadeInDown {

	-webkit-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-o-animation-name: fadeInDown;

	animation-name: fadeInDown;

}

@-webkit-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-20px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}



@-moz-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-moz-transform: translateX(-20px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateX(0);

	}

}



@-o-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-o-transform: translateX(-20px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateX(0);

	}

}



@keyframes fadeInLeft {

	0% {

		opacity: 0;

		transform: translateX(-20px);

	}

	

	100% {

		opacity: 1;

		transform: translateX(0);

	}

}



.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	-moz-animation-name: fadeInLeft;

	-o-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}



@-moz-keyframes fadeInRight {

	0% {

		opacity: 0;

		-moz-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateX(0);

	}

}



@-o-keyframes fadeInRight {

	0% {

		opacity: 0;

		-o-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateX(0);

	}

}



@keyframes fadeInRight {

	0% {

		opacity: 0;

		transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		transform: translateX(0);

	}

}



.fadeInRight {

	-webkit-animation-name: fadeInRight;

	-moz-animation-name: fadeInRight;

	-o-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

@-webkit-keyframes fadeInLeftBig {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-2000px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}

@-moz-keyframes fadeInLeftBig {

	0% {

		opacity: 0;

		-moz-transform: translateX(-2000px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateX(0);

	}

}

@-o-keyframes fadeInLeftBig {

	0% {

		opacity: 0;

		-o-transform: translateX(-2000px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateX(0);

	}

}

@keyframes fadeInLeftBig {

	0% {

		opacity: 0;

		transform: translateX(-2000px);

	}

	

	100% {

		opacity: 1;

		transform: translateX(0);

	}

}



.fadeInLeftBig {

	-webkit-animation-name: fadeInLeftBig;

	-moz-animation-name: fadeInLeftBig;

	-o-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRightBig {

	0% {

		opacity: 0;

		-webkit-transform: translateX(2000px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}



@-moz-keyframes fadeInRightBig {

	0% {

		opacity: 0;

		-moz-transform: translateX(2000px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateX(0);

	}

}



@-o-keyframes fadeInRightBig {

	0% {

		opacity: 0;

		-o-transform: translateX(2000px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateX(0);

	}

}



@keyframes fadeInRightBig {

	0% {

		opacity: 0;

		transform: translateX(2000px);

	}

	

	100% {

		opacity: 1;

		transform: translateX(0);

	}

}



.fadeInRightBig {

	-webkit-animation-name: fadeInRightBig;

	-moz-animation-name: fadeInRightBig;

	-o-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig;

}



/*---slide show skin---*/

.edslider{

	position:relative;

	margin:auto;

}

.edslider ul{

	list-style:none;

	position:relative;

	padding:0;

	margin:0;

}

.edslider > ul{

	background:#fff;

	display:block;

	overflow:hidden;

}

.edslider > ul li{

	display:none;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:0;

}

.edslider a{

	display:block;

}

.edslider a img{

	border:0;

}

.edslider .current{

	z-index:1 !important;

}

/*---controls---*/

.edslider .controls{

	top: 0;

	height: 0;

	position:absolute;

	width: 100%;

	z-index:2;

}

.edslider .controls .navigator{

	background: rgba(0,0,0,.3);

	background-image:url(../images/sprite-navigator.png);

	cursor:pointer;

	display:block;

	width:50px;

	height:50px;

	position: absolute;

	overflow: hidden;

	top: 225px;

	transition: background .2s;

}

.edslider .controls .next{

	background-position:0 0;

	right: 0;

}

.edslider .controls .prev{

	background-position:0 -50px;

	left: 0;

}

.edslider .controls .next:hover,

.edslider .controls .prev:hover{

	background-color: rgba(0,0,0,.6);

}

.edslider .controls .paginator{

	position: relative;

	text-align: center;

	top: 450px;

}

.edslider .controls .paginator li{

	background:rgba(0,0,0,.7);

	box-sizing: border-box;

	display:inline-block;

	height:5px;

	width:30px;

	margin:0 3px;

	cursor:pointer;

	transition: background .2s;

}

.edslider .controls .paginator li.current,

.edslider .controls .paginator li:hover,

.edslider .progress{

	background:rgba(255,255,255,.5);

}

.edslider .progress{

	position: absolute;

	top: 0;

	height:3px;

	z-index:2;

}