@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
a{ text-decoration:none;}
table{ margin:auto; padding:auto;}
.clear{ clear:both;}



.top{ width:100%; height: 111px; background: url(../images/top.jpg) center no-repeat;}

.top .lan{ position:absolute; right: 10px; top:32px;}
.top .lan a{ color:#333; font-size: 12px; margin-left: 10px;}

.menu{ width:1200px; height: 111px; margin: 0 auto; position: relative;}
.menu ul{position: absolute; right: 0; bottom: 0;}
.menu ul li{ display: block; width:65px; margin: 0 15px; height: 38px; line-height: 38px; border-bottom: 2px solid #fff; text-align: center; float: left;}
.menu ul li a{ display: block; color: #000; font-size: 14px;}
.menu ul li a.this,
.menu ul li:hover a{color: #026fbf; border-bottom: 2px solid #026fbf;}

.swiper-slide img{
	display: block;
	width: 100%;
}
.detailslide,
.bannerarea{
	position: relative;
	height: 780px;
}
.gallery-thumbs{
	height: 185px;
	position:absolute !important;
	width: 80%;
	left: 10%;
	bottom: 50px;
	z-index: 9 !important;
}
.gallery-thumbs .swiper-slide img{
	height: 140px;
}
.gallery-thumbs .swiper-slide a{
	display: block;
	padding: 10px;
	color: #fff;
	text-align: center;
}
.gallery-thumbs .swiper-slide a p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	margin: 0 0 5px 0;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
	background:#026fbf;
}

.footer{ width:100%; height: 45px; line-height: 45px; text-align: center; color:#fff; font-size: 12px; background: #003962;}
.footer a{ color:#fff;}



.content .ctopbg{ width: 100%; height: 80px; line-height: 80px; background: #efefef;}
.content .ctopbg .ctop{ width: 1200px; margin: 0 auto;}
.content .ctopbg .ctop .left{ width: 500px; float: left; font-size:20px; font-weight: bold;}
.content .ctopbg .ctop .right{ width: 700px; float: left; font-size: 14px; text-align: right;}
.content .ctopbg .ctop .right a{ color:#000;}
.content .ctext{ padding: 50px 0; margin: 0 auto; width: 1200px; min-height: 400px;}

.content .ctext .cpro{ width: 900px; margin-left:40px; float: left;}
.content .ctext .cpro img{ max-width: 100%; height: auto !important;}
.content .ctext .cpro hr{ margin:0 0 20px 0;}
.content .ctext .cleft{ width: 260px; float: left; height: 200px;}
.content .ctext .cleft li{ display:block; line-height: 50px; background: #eee;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .ctext .cleft li a{ font-size:14px; color:#000; border-bottom: 1px solid #fff; display:block; padding: 0 0 0 20px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content .ctext .cleft>li.this>a,
.content .ctext .cleft>li>a:hover{ color:#fff; background:#026fbf;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .ctext .cleft>li>ul>li>a:hover{ color:#fff; background:#026fbf;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.content .ctext .cleft li ul{
}
.content .ctext .cleft li ul li{
	border-top: 1px solid #ddd;
	line-height: 40px;
}
.content .ctext .cleft li ul li a{
	font-size: 12px;
	padding: 0 0 0 30px; 
	border-bottom: 1px dashed #026fbf;
	background: #ececec;
}
.content .ctext .cleft li ul li a.this{
	background: #026fbf;
}
.content .ctext .cleft li{
	position: relative;
}
.content .ctext .cleft li span{
	width: 30px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.content .ctext .cleft>li>span{
	background: url("../images/cate_1.png") center no-repeat;
	background-size: 11px;
	display: none;
}
.content .ctext .cleft>li>span.zhan{
	background: url("../images/cate_2.png") center no-repeat;
	background-size: 11px;
}
.content .ctext .cleft>li ul{
	display: none;
}
.content .ctext .cleft>li.this ul{
	display: block;
}
.content .ctext .cleft .this1{
	background: #026fbf;
	color: #fff;
}


.content .cnews{ width:1200px; margin: 0 auto;}
.content .cnews li{ width:1200px; display: block; padding: 15px 0; border-bottom: 1px solid #ececec;}
.content .cnews li .date{ width:100px; height: 100px; display: none; float: left; background: url(../images/datebg.jpg) center no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .cnews li .date span.d{ width:90px; display: block; line-height: 60px; color: #fff; padding: 0 0 0 10px; font-size: 34px; font-weight: bold; }
.content .cnews li .date span.ym{ width:93px; display: block; line-height: 40px; color: #fff; padding: 0 7px 0 0; font-size: 14px; text-align: right;}
.content .cnews li .ntext{ width:1200px; height: 100px; display: block; float: left; margin: 0;}
.content .cnews li .ntext span.title{ width:1050px; height: 36px; display: block; font-size: 18px; font-weight: bold; line-height: 36px;}
.content .cnews li .ntext span.smalltext{ width:1050px; height: 54px; display: block; font-size: 14px; margin: 10px 0 0 0; color:#878787; line-height: 20px;}


.content .cnews li:hover .date{ background: url(../images/datebg1.jpg) center no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.swiper_button_prev,
.swiper_button_next{ position: absolute;top: 270px; width: 40px; height: 125px; opacity: 0.5; background: url(../images/sprite_arrow_2.png) no-repeat; z-index: 9;}
.swiper_button_prev{background-position:left top;}
.swiper_button_next{background-position:right top; right: 0;}
.swiper_button_prev:hover{background-position:left bottom; cursor: pointer; opacity: 1;}
.swiper_button_next:hover{background-position:right bottom; cursor: pointer; opacity: 1;}

.harea{ width: 100%; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
.harea8{ border-bottom: 1px solid #e9e9e9;}
.harea li{ display: block; float: left; line-height: 40px;}
.harea li a{ color:#000;}
.harea li.area{ background:#f4f4f4; padding: 0 20px 0 0; text-align: right; width: 110px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;font-weight: bold;}
.harea li.city{ padding:0 30px 0 20px; font-size: 14px; }
.harea li.city .this{ color:#026fbf; font-weight: bold;}

.areaul{ width:750px; float: left;}

.casedetail{ margin:0 0 0 48px; width: 400px; float: left;}
.casedetail h2{ margin:0 0 20px 0;}
.casedetail hr{ margin:0 0 20px 0;}
.casedetail .casetext{ font-size:14px; color:#5a5a5a; line-height: 30px;}
.casedetail .casetext p{ width:347px; float: left;}


.banner{height:790px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{ position: absolute;top: 270px; width: 40px; height: 125px; opacity: 0.5; background: url(../images/sprite_arrow_2.png) no-repeat;}
.banner .Left{background-position:left top;}
.banner .Right{background-position:right top; right: 0;}
.banner .Left:hover{background-position:left bottom; cursor: pointer; opacity: 1;}
.banner .Right:hover{background-position:right bottom; cursor: pointer; opacity: 1;}

.bann_ext{position:relative; width:1200px; margin: 0 auto;}
.frontCover{position:absolute;bottom:20px;right:0;}
.frontCover li{float:left;width:187px; height: 166px; padding:0px; position: relative; color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; }
.frontCover .img{position:absolute;width:167px;height:125px;overflow:hidden; bottom: 0; padding: 10px;}
.frontCover img{position:absolute; height: 125px;}
.frontCover .open{background:#026fbf;}
.frontCover p{ font-size: 13px; text-align: center; line-height: 30px; position: absolute; top: 3px; width:187px; text-align: center;}
/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}

.frontCover a{ color:#fff;}










.xinxi_solution_bg { width: 1200px; margin: 0 auto; }
.xinxi_solution_main ul { overflow: hidden; height: 600px; }
.xinxi_solution_main .main_mobile { width: 1200px; }
.xinxi_solution_main ul li { height: 600px; float: left; width: 200px; position: relative; overflow: hidden; transition: all 0.5s; }
.xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 30px; padding: 0 20px; text-align: center; }
.xinxi_solution_main ul li .left_top img { width: 30px; }
.xinxi_solution_main ul li i { font-size: 24px; color: #FFF; }
.xinxi_solution_main ul li .left { float: left; width: 200px; height: 600px; }
.xinxi_solution_main ul li .right { float: left; width: 580px; position: relative; height: 600px; }
.xinxi_solution_main .right{}
.xinxi_solution_main ul li.on { width: 780px; }
.xinxi_solution_main ul li .right a{ display:block; width: 580px; height: 600px;}
.xinxi_solution_main ul li .sh{ display: none; position: absolute; left: 0; top: 0; width: 780px; height: 380px; background: rgba(0,0,0,0.5);}

.xinxi_solution_main ul li .sh{ font-size:34px; font-weight: bold; color:#fff; text-align: center;padding: 220px 0 0 0;}
.xinxi_solution_main ul li .sh span{ display: block; font-size: 14px; font-weight: normal; width: 130px; height: 40px; border: 1px solid #fff; margin: 50px auto; line-height: 40px;}



.page{float:left;margin:20px 0;text-align:center;width:100%;}
.page a{border:1px solid #026fbf;padding:4px 6px;font-size:12px; color:#000;}
.page .thispage{padding:4px 6px;background:#026fbf;font-size:12px;color:#fff;}