@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,a,body,form,input,img{ margin:0; padding:0}
.clearfix{*zoom:1}
.clearfix:after{clear:both;content:".";display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
ul,li,ol{ list-style:none}
body{ font-family:"微软雅黑",Arial; min-width: 1200px}
a:hover{ transition:all ease 1s}
img{ border:none;}
a{ text-decoration:none;font-family:"微软雅黑",Arial;}

/*header部分*/
.header0{ background:#191919; height:32px;}
.head{ width:1200px;color:#fff; font-size:12px; line-height:32px; margin:auto}
.head a{color:#ECEBEB; font-size:12px}
.head .head1{ padding-left:10px; float:left}
.head .head2{ float:right; padding-right:10px; padding-left:26px; text-align:right;}
.head .head2 b{ color:#EC1E22}


.nav .nav1{ background:url(../images/nav_.png) no-repeat bottom center}
.nav .nav1 a{color:#5096d2}
/*页头*/	
.header{ background:#f2f2f2}
.top{ width:1200px; margin:auto;}
.topimg{ padding-top:5px;float:left}

.nav{ float:right; width:890px; }
.nav ul{ padding-left:50px}
.nav li{ float:left;}
.nav li a{ display:block; color:#4F4F4F; line-height:96px; width:105px; text-align:center; font-size:18px;transition:all ease 0s; height:101px}

.nav a:hover{color:#5096d2; background:url(../images/nav_.png) no-repeat bottom center}

 
.nav .dropmenu{width:105px;background:rgba(0,0,0,0.8); position:absolute;z-index:999;display:none;}
.nav .dropmenu a{ display:block; text-align:center;font-size:14px;color:#fff;height:50px; line-height:50px}
.nav .dropmenu a:hover{ background:#5096d2;height:50px; border:none}
.nav li:hover .dropmenu{display:block}
/*页头*/	

/*案例*/
.light-solution{ height:404px; padding-top:20px; padding-bottom:50px}
.case{ width:1200px; margin:auto}
.case .casep{ position:relative; height:65px}
.case .casep p{ text-align:center; font-size:24px;  font-weight:bold; padding-bottom:20px; margin-bottom:50px; border-bottom:#ccc solid 1px; width:500px; margin:auto}
.case .left{float:left}
.case .casef{ width:10px; height:10px; background:#5096d2; position:absolute; bottom:4px; left:595px}

.right{ margin:0 0 0 12px; float:left;}
.case a{display:block; height:85.5px; background:url(../images/2_b.jpg) center center no-repeat; opacity:1;line-height:85px; position:relative;left:960px; width:189px; text-align:center; color:#DBDADA;transition:all ease 1s;}
.case a:hover{background:url(../images/2_w.jpg) center center no-repeat;}
.case ul{ position:absolute; margin-left:50px}


.photolist{float:left;width:612px;height:342px;position:absolute;left:350px;top:0;overflow:hidden;}
.case li.photo1:hover .photolist{ z-index:999; }
.case li.photo2:hover .photolist{ z-index:999;}
.case li.photo3:hover .photolist{ z-index:999; }
.case li.photo4:hover .photolist{ z-index:999;}
.case li.photo1:hover img,.case li.photo2:hover img,.case li.photo3:hover img,.case li.photo4:hover img{transform:scale(1.1,1.1);transition:all ease 1s}
.case li.photo1  .photolist{ z-index:999; }

/*案例*/

/*公司简介*/
.jj{ height:771px; background:url(../images/anli_bg.jpg) no-repeat top center; padding-top:20px}
.jj1{ padding-top:10px}
.jj2{ height:265px; margin:auto; width:1200px; padding-bottom:20px; padding-top:20px}
.jj3{ padding-left:50px; padding-top:30px; float:left; width:120px;}

.jj4{ width:1200px; background:url(../images/3_bg.png) no-repeat center center; margin:auto; height:156px; margin-top:50px}
.jj4 p{ padding-top:50px; padding-right:50px; color:#111; width:800px; float:right;}
.jj4 span{ font-weight:bold}
.jj5 .jj4p{ border-bottom:#666 dashed 1px; padding-bottom:50px; width:800px; margin:auto; height:2px}
.jj5{ width:1200px; margin:auto}
.jj5 li{ float:left; padding-left:60px; height:44px; width:270px}
.jj5 ul{ padding-left:200px; padding-top:50px;}
.jj5 .jjli1{ background:url(../images/3_tell1.png) no-repeat center left;}
.jj5 .jjli2{ background:url(../images/3_tell2.png) no-repeat center left;}
.jj5 .jjli3{ background:url(../images/3_tell3.png) no-repeat center left;  position:relative}
.jj5 .jjli3 img{ position:absolute; left:-30px; top:-30px; opacity:0;cursor:pointer;transition:all ease 1s;width:90px;}
.jj5 .jjli3 img:hover{opacity:1; }
.jj5 li p{ font-size:12px; color:#666}
.jj5 li .j5p{ font-size:14px; color:#111; padding-bottom:5px;}

.jj5 li a:hover p{ color:#5096d2}
.more{ padding-bottom:59px; padding-top:50px; margin:auto; width:500px}
.more a{ font-size:16px; color:#fff; width:128px; height:30px; display:block; border-radius:2px; background:#5096d2; line-height:32px; text-align:center; margin:auto}
.more a:hover{background:#000;}


/*新闻中心*/
.cent{ }
.cent .jj_{ height:11px; border-bottom:#fff7f7 solid 1px}
.cent .centzy{float:right; padding-top:72px; width:100px; position:relative}
.centzy a{ display:inline-block}
.cent1{ width:1200px; margin:auto}
.cent1 ul{ padding-left:8px; padding-top:20px}
.cent1 li{ cursor:pointer; float:left; padding-left:2px; position:relative;overflow:hidden; height:400px}
.cent1 li .centp{ position:absolute; bottom:-60px; background:rgba(0,0,0,0.8); color:#f5f5f5; font-size:14px; width:100%;height:60px}
.cent1 li a:hover .centp{transition:all ease 0.5s;position:absolute; bottom:0px; background:rgba(0,0,0,0.8); color:#f5f5f5; font-size:14px; width:100%; }
.cent1 li p{ width:260px;text-align:center; margin:auto; font-size:12px;color:#fff;}
.cent1 li .newsp1{   font-size:18px; padding-top:20px;  }
.cent1 li .newsp3{color:#E0E0E0; text-align:left; padding-top:10px}
li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background:rgba(127,75,51,0.8);
	
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;}

.centleft{ float:left; padding-left:2px}
.centright{float:right; padding-right:10px}
.centleft a:hover{ position:absolute; left:-5px;transition:all ease 1s;}
.centright a:hover{position:absolute; right:3px;transition:all ease 1s;}

.cent .newsname{ padding-top:30px; padding-top:-50px}
.cent .more{ padding-bottom:20px; padding-top:10px; margin:auto; width:500px}
.cent .more a{ font-size:16px; color:#fff; width:128px; height:30px; display:block; border-radius:2px; background:#5096d2; line-height:32px; text-align:center; margin:auto}
.cent .more a:hover{background:#000;}
.newsm{ margin:auto; width:500px}
.newsm p{ text-align:center; color:#666}
.newsp{ padding-top:20px;padding-bottom: 60px;}
.newsp p{ width:800px; text-align:center; color:#666; margin:auto}
.imgion{ position:relative; height:34px; width:35px; margin:auto}
.imgion img{ position:absolute; bottom:-24px;}

/* side */
.ckf_side {
	position: fixed;
	width: 70px;
	height: 275px;
	right: 0;
	top: 200px;
	z-index: 9999;
}
.ckf_side ul li {
	width: 54px;
	height: 53px;
	float: right;
	position: relative;
	border-bottom: 1px solid #444;
	z-index: 999;
	overflow: visible;
}
.ckf_side ul li img {
	float: left;
}
.ckf_side ul li .sidebox, .ckf_side ul li .sidebox_erweima {
	width: 54px;
	height: 54px;
	line-height: 52px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	opacity: 0.8;
	background: #5096d2;
	filter: Alpha(opacity=80);
	color: #fff;
	position: absolute;
	text-align: center;
	overflow: visible;
	z-index: 999;
}
.ckf_side ul li .sidebox {
	overflow: hidden;
}
.ckf_side ul li .sidebox_erweima {
	overflow: visible;
	position: relative;
	filter: Alpha(opacity=100);
	opacity: 1;
	z-index: 9999;
	width: 54px;
	height: 54px;
}
.erweima_box {
	position: absolute;
	left: -200px;
	z-index: 99999;
	width: 200px;
	top: -190px;
	height: 240px;
	overflow: visible;
	display: none;
}
.erweima_box img {
	display: block;
	width: 200px;
	height: 200px;
}
.ckf_side ul li .sidebox_erweima .erweima_box h6 {
	background: #fff;
	color: #323232;
	text-align: center;
	line-height: 36px;
}
.ckf_side ul li .sidetop {
	width: 54px;
	height: 54px;
	display: inline-block;
	background: #5096d2;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	transition: all 0.3s;
}
.ckf_side ul li .sidetop:hover {
	background: #5096d2;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.ckf_side ul li #shang img {
	background: #5096d2;
	width: 54px;
}


/*底部*/

/*---------------------------------------页脚---------------------------------------------*/
.footer-bg{ height:100%x; background:#222;padding-top: 30px; text-align:center;font-size:14px; color:#F9F9F9;  }
.foot-b{line-height: 36px;text-align: left;font-size: 12px;background-color:#000;}
.foot-b p{width: 1200px;margin: auto;}

.foot-b p span{float: right;text-align: right}
.foot-b p a{font-size:14px; color:#Fff;}
.foot-b p a:hover{font-size:14px; font-weight:bolder; color:#5096d2;}

.footer{width: 1200px;margin:auto;padding-bottom: 30px; }
.footer ul{float: left;}
.footer ul li{float: left;text-align: left;width: 130px;}
.footer ul li a{display: block;line-height: 28px; color:#F9F9F9; }
.footer ul li a:first-child{font-weight: bold;}
.footer ul li a:hover{text-decoration: underline;color: #5096d2}
.footer .ewm{float: right;width: 150px;margin-right: 20px;}
.footer .ewm img{width: 100%;}
.footer .ewm p{}
.footer .foot-p{float: left;font-size: 14px;height:100%;text-align: left;padding-left: 80px;line-height: 36px;width: 362px;
}


.dl .casep{ position:relative; height:65px}
.dl .casep p{ text-align:center; font-size:24px;  font-weight:bold; padding-bottom:20px; margin-bottom:50px; border-bottom:#ccc solid 1px; width:500px; margin:auto}

.dl .casef{ width:10px; height:10px; background:#5096d2; position:absolute; bottom:4px; left:595px}
.dl_bg{ background: url(../images/DL-bg.jpg) no-repeat center top; height: 840px}
.dl{ padding-top:50px; width:1200px; margin:auto}
.boxx1 .dl1{ width: 320px; float: left; margin-top: 50px; margin-left: 40px}
.boxx1 .dl2{ width: 320px; float: right;margin-top: 50px; margin-right: 40px}
.boxx1 h2{ float: left; font-family: "宋体"; font-size: 72px;color:#5096d2}
.boxx1 .dl1_1{ float: left}
.boxx1 .dl1_1 p{ width: 210px; font-size: 12px; padding-top: 10px; color: #555; line-height: 16px}
.boxx1 .dl1_1 h3{ font-size:18px; color:#5096d2; font-weight: bold; padding-top: 20px}
.boxx2{ padding-top:50px}
.boxx1 .dl1_1 a{ color:#5096d2; text-align: right }
.boxx1 .dl1:hover{ cursor:pointer}
.boxx1 .dl1:hover h2,.boxx1 .dl1:hover h3{ color: #000;}

.boxx1 .dl2:hover{ cursor:pointer}
.boxx1 .dl2:hover h2,.boxx1 .dl2:hover h3{ color: #000;}
.boxx1 .dl1:hover a,.boxx1 .dl2:hover a{ color: #0A2BA7; text-decoration: inherit}

.dl .dll{margin-top:165px}
.dl .dll li{float: left}
.dl .dll .lii1{ width: 160px; height: 140px; background: url(../images/dl-a.png) no-repeat center; margin-right: 90px; margin-left: 20px}
.dl .dll .lii2{ width: 160px; height: 140px; background: url(../images/dl-b.png) no-repeat center; margin-right: 90px}
.dl .dll .lii3{ width: 160px; height: 140px; background: url(../images/dl-c.png) no-repeat center; margin-right: 90px}
.dl .dll .lii4{ width: 160px; height: 140px; background: url(../images/dl-d.png) no-repeat center; margin-right: 90px}
.dl .dll .lii5{ width: 160px; height: 140px; background: url(../images/dl-e.png) no-repeat center}
.dl .dll .lii1:hover{ background: url(../images/dl-a-.png) no-repeat center; cursor: pointer}
.dl .dll .lii2:hover{ background: url(../images/dl-b-.png) no-repeat center;cursor: pointer}
.dl .dll .lii3:hover{ background: url(../images/dl-c-.png) no-repeat center;cursor: pointer}
.dl .dll .lii4:hover{ background: url(../images/dl-d-.png) no-repeat center;cursor: pointer}
.dl .dll .lii5:hover{ background: url(../images/dl-e-.png) no-repeat center;cursor: pointer}

.ff11{ text-align: center; margin: 50px 0; color: #000; font-size: 24px; font-weight: bold;    padding-top: 30px;}
.ff11 p{ width:200px; border-bottom: #111 dashed 2px; margin: auto; padding-bottom: 20px}
.rongyu{height:430px;  background-color: #eee;}