﻿@charset "utf-8";
/* CSS Document */
html, body { min-width: 1200px; }
.w980 { width:1200px; margin: 0 auto; }
ul{ list-style:none;}
li{ list-style:none;}
/*万能清除浮动开始*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*清除浮动*/
.clear { clear: both; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

html { font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
* { margin: 0; padding: 0; }
a {color:#333; text-decoration: none; background: transparent; outline: none;  blr:expression(this.onFocus=this.blur());}
a:focus { outline: 0; }
a:active, a:hover { outline: 0;}
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

.ovh { position: relative; overflow: hidden; }
.header { position: relative; z-index: 10; height: 84px; border-bottom: 1px solid #E4E7E9; }
.nav { padding-left:40px; }
.nav li { width:96px; height: 84px; text-align: center; float:left;}
.nav li a {display:inline-block;width:100%;font-size:16px;line-height:84px;color:#666; transition: color 500ms ease-in 0ms; }
.nav li a:hover, .nav li a.on { color: #2ea9df; }

/*banner start*/
.banner{position:relative;height:442px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:442px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#ff8400;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
/*banner end*/
.footer_ewm{ margin:10px 20px 10px 120px;}
/*服务项目 start*/
.index-main1{ width:100%;background:#eeeeee; margin:0 auto; height:550px;padding-bottom:40px;}
.main1-box{ width:363px; position:relative; overflow:hidden; float:left; margin-right:50px;}
.mian1-til{ height:57px; line-height:57px; background:url(../images/bit02.gif) no-repeat right -16px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.mian1-til .til1{ color:#0a1b29;}
.mian1-til .til2{ color:#333;}
.mian1-til .til3{ color:#999; font-family:Arial}
.mian1-til a:hover span{ color:#005bab}
.main1-con img{ margin-bottom:14px; padding-bottom:2px; background:#fff;border-radius:10px;border:1px solid #000;
transition:all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;}
.main1-con p{ line-height:32px; color:#333; font-size:18px;text-align:center ;padding:0 25px;}
.main1-con a:hover p{ color:#192936;}
.main1-con a:hover img{ background:#057fe9;}
.index-main1 .nomar{ margin-right:0px;}
/*服务项目 end*/
.header .tel { width: 323px; height: 45px; padding: 31px 0 0 0px;  font-size:14px; color: #666; text-align: right; }
.header .tel b{  font: bold 32px/26px Arial; color: #43b4f8; text-align: right; }
.f-list { height: 129px; padding: 41px 0 24px; background: #53b9e9;border-top:50px solid #eee }
.f-list li { width: 450px; height: 129px; padding-left: 24px;  float:left; }
.f-list li a { display: inline-block; width: 100%; font-size: 16px; line-height: 32px; color: #eee; transition: color 500ms ease-in 0ms; }
.f-list li a:hover { color: #fff; }
.f-list li a.tit { font: bold 16px/32px "微软雅黑"; color: #fff; background: url(../images/bg_sign18.png) no-repeat 80px center; margin-bottom: 20px; }
.f-list .service-tel { width:224px; height: 129px; font-size: 12px; line-height:30px; color: #fff; margin-top:10px;}
.f-list .service-tel p.tit { font-weight: bold; font-size: 14px; line-height: 14px; margin-bottom: 17px; }
.f-list .service-tel p.tel { font: 24px/24px Arial; }
.f-list .service-tel a { display: inline-block; width: 38px; height: 37px; float: left; margin: 9px 7px 0 2px; }
.f-list .service-tel a.qq { background: url(../images/bg_sign19.png) no-repeat; }
.f-list .service-tel a.wb { position: relative; background: url(../images/bg_sign20s.png) no-repeat; }
.f-list .service-tel a.wb img { position: absolute; left: -42px; top: -126px; display: none; }
.f-list .service-tel a:hover { background-position: 0 -37px; }
.f-bottom { height: 44px; background: #53b9e9;border-top:#42a8d8 solid 1px; line-height: 44px; color: #fff; }
.f-bottom a { color: #c9c9ca; transition: color 500ms ease-in 0ms; }
.f-bottom a:hover { color: #fff; }
.more2{ width:137px; height:32px;line-height:32px; font-size:18px; color: #fff;   text-align:center;background:#53b9e9;border-radius:100%;}
.w980 .more2{ text-align:center; margin:0 auto; margin-top:30px;}
/*Index*/

/*关于我们 start*/
.index-choose { margin-bottom:250px;background: url(../images/so.jpg) right 0px top no-repeat;}
.index-main1 h2,.index-choose h2 ,.merch-wrap10 h2 ,.news_index h2{  background: url(../images/xx.png) no-repeat center; font-weight: normal;font-size: 32px;font-weight:600; line-height:54px; color: #000; text-align: center; }
.tosentit{ text-align:center;margin-bottom:50px;}
.index_about{ width:1200px; margin-top:10px; text-align:center; line-height:34px; font-size:14px;}
.hxysbox {
	text-align: center;
}
.hxysbox ul {
	overflow: hidden;
}
.hxysbox li {
	float: left;
	margin: 0 2px;
	padding: 0 42px;
	width: 152px;
	height: 234px;
	background: url(../images/hxysdl.png) no-repeat center;
}
.hxysbox li h5 {
	padding-top: 34px;
	font-size: 48px;line-height:32px;
	text-align: center;
	color: #fff;
}
.hxysbox li h6 {
	margin-top: 10px;margin-bottom: 5px;font-family:Arial;
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.hxysbox li span {
	color: #fff;font-size: 24px;letter-spacing:3px;
}
.hxysbox li p {
	line-height: 20px;
	color: #fff;font-size: 16px;
}
.more{float:left; width:127px; height:37px; line-height:37px;color: #fff;font-size: 16px; text-align:center;background:#333;}
.w540 { width:480px;  margin:0 auto; margin-top:60px;}
.w540 .more{ text-align:center;margin-top:20px;}
.rexian{float:left;margin-left:25px; width:327px; height:37px; line-height:37px;color: #555;font-size: 16px;}
.rexian b{line-height:37px;color: #53b9e9;font-size: 32px;}
.index-choose .box { position: relative; width: 880px; height: 48px; padding: 47px 0 31px; margin: 6px auto 0; background: url(../images/bg_bg05.png) no-repeat; font-size: 14px; line-height: 48px; text-align: center; }
.index-choose .boxs { display: none; }

.w980 .more3{ margin:0 auto;color: #000; width:57px; text-align:center;margin-top:20px;border:1px solid #000;}
/*关于我们 end*/
/*新闻中心 start*/
.cc a {color: #010101;font-size: 18px;text-indent: 0; line-height: 20px;}
.ccbox {line-height: 20px; color: #434343;font-size: 14px; padding-top: 10px;}
.newsall{ margin-top:10px;}
.inews_1{width:420px; float:right;  height:380px; background:url(../images/inbg1.jpg) no-repeat right; padding:10px 15px;}
.inews_2{ width:665px; float:left; height:380px; background:url(../images/inbg1.jpg) no-repeat right;padding:10px 15px;}
.bt{ height:45px; line-height:45px; border-bottom:1px #333 solid; font-size:24px; color:#333}
.bt font{ font-size:18px; color:#333; margin-left:2px}
.bt a{ color:#333; font-size:18px; float:right}
.inews_3 .bt { margin-bottom:10px;}

.nlist {padding: 15px 0 0 ;}
.nlist li{font-size:12px;color:#828282;  height:40px; line-height:40px; overflow:hidden;}
.nlist li a{ font-size:16px; color:#333;}
.nlist li a:hover{ color:#F00}
.nlist li a font{ float:right; color:#333; font-size:13px;}

.rsnew{float:left; margin-right:12px; text-indent:0; margin-left:5px}
.inew2{ padding-top:10px}
.inew2 a{ line-height:30px; color:#000; background:url(../images/dian.jpg) 5px no-repeat; text-indent:20px; display:block;}
.inew2 a font{ float:right; color:#333; font-size:13px; }
.inew2 a:hover{ color:#f00}

.inew2a{text-indent:0; padding:15px 10px}
.inew2a a{ line-height:40px; font-size:16px; color:#5f5f5f;display:block; height:40px; overflow:hidden;}
.inew2a a font{ float:right; color:#5f5f5f; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.inew2a a:hover{ color:#f00}
.inews_2tj {padding:15px 5px 5px}




/* 新闻中心 end*/

/*产品展示 start*/
.merch-wrap10{background:#eee;-moz-user-select: none;-webkit-user-select: none; 	-ms-user-select: none;}
.merch-wrap10 .listwrap .list{/*width: 100%;*/position: relative;overflow: hidden;}
.merch-wrap10 .listwrap li{margin:0 30px;padding: 22px 0px 10px 0px;width: 338px;background: url(../images/x-bg0.png) no-repeat center;cursor: pointer; float:left;}
.listwrap ul li p{text-align:center; font-size:14px; color:#6A3333;}
.merch-wrap10 .listwrap .img{display: block;width: 338px;	height: 164px;overflow: hidden;}
.merch-wrap10 .listwrap li span{width:100%;font-size: 16px; height:46px; line-height:46px;display:block;text-align: center;}
.merch-wrap10 .listwrap li img{border:1px solid #000}
.merch-wrap10 .listwrap .butn{display: block;position:relative;width: 68px;height: 28px;cursor: pointer;/*top:80px;*/ top:-160px;}
.merch-wrap10 .listwrap .prev{left:-40px;background: url(../images/ico_33.png) no-repeat left top;}
/*.merch-wrap10 .listwrap .prev:hover{background: url(../images/ico_33.png) no-repeat left bottom;}*/
.merch-wrap10 .listwrap .next{ top:-185px;right: -1165px;background: url(../images/ico_33.png) no-repeat right top;}
/*.merch-wrap10 .listwrap .next:hover{background: url(../images/ico_33.png) no-repeat right bottom;}*/
/*产品展示 end*/

.index-links{padding: 66px 0 50px;}
.index-links li{width: 258px;float:left;margin:0 16px;display:inline;padding-top:19px;border-top: 3px solid #eff0f1;}
.index-links li .sign{width: 54px;height: 50px;float: left;position: relative;overflow: hidden;}
.index-links li .sign img{position: absolute;left: 0;top: 0;z-index: 2;}
.index-links li .sign .bg{width: 54px;height: 100px;position: absolute;left: 0;top: 0;z-index: 1;
background: url(../images/bg_sign07.jpg) no-repeat;}
.index-links li .tips{width: 175px;float: right;}
.index-links li .tips a{display: inline-block;width:100%;line-height:22px;color:#666;float:left;}
.index-links li .tips a.tit{font-weight: bold;font-size: 16px;line-height: 28px;color: #333;}
.index-links li .tips a:hover{color: #00428e;}



/*二级页面*/
.prolist_main{ margin-bottom:50px;}
.about_main{ padding-bottom:50px;background:#eeeeee;width:100%;}
.shiming_main{ margin-bottom:50px;width:100%;}
.solu-tit {height: 34px;font: 16px/24px "微软雅黑"; color: #333; margin-bottom:30px;padding-top:10px;}
.xgtit { height: 45px; line-height: 45px; border-bottom: 1px #333 solid; font-size: 22px; color: #333;}
.xgtit font {  font-size: 18px;  color: #333; margin-left: 2px;}


/*——————————————————————————————————————gallery————————————————————————————————*/
.gallery_box{
	position: relative;
	width: 33.33%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
}

.gallery_box img{
	/*display: none;*/
	width: 100%;
	transform: scale(1) rotate(0deg);
	-webkit-filter: grayscale(0) contrast(1);
	transition: 0.6s;
}
.gallery_box span{
	position: absolute;
	display: block;
	width: 100%;
	left: 0;bottom: 0;
	line-height: 40px;
	text-indent: 20px;
	color: #fff;
	font-size: 16px;
	transition: 0.4s;
	z-index: 2;
}
.gallery_box span:after{
	content: "";
	position: absolute;
	display: block;
	width: 100%;height: 40px;
	top: 0;bottom: 0;
	background-color: #43c5e9;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: -1;
	transition: 0.4s;
}
.gallery_box a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 9;
}
.gallery_box:hover span{line-height: 60px;}
	.gallery_box:hover span:after{height: 60px;opacity: 0.8;filter: Alpha(opacity=80);}
	.gallery_box:hover img {transform: scale(1.2) rotate(2deg);-webkit-filter: grayscale(100%) contrast(1.1);}


.page { margin-top: 70px; text-align: center; }
.Page{width:100%; text-align:center; padding:50px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#999; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#999; color:#FFF}
.cont_tit{ font-size: 24px; font-family: "微软雅黑"; text-align: center; margin-top: 10px;}
.cont_data{ text-align: center;}
.cont_img{ text-align: center; margin-top: 10px;}
.cont_con{ margin-top: 20px; font-size: 14px; font-family: "微软雅黑"; line-height:36px; padding-bottom:70px; }
.cont_page{ margin-top: 20px; padding: 0px 20px; margin-bottom: 30px;}
.cont_page a{ color: #666; font-size: 14px;}
.cont_page a:hover{color: #ff8400}


.news_list ul li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom:solid 1px #e1e0e0;}
.news_list{ margin-top: 20px;}
.list_data{ float: left; width: 130px;}
.list_data span{ font-size: 40px; height:34px; line-height: 34px; width:130px; text-align: center;  margin-left:38px;}
.list_data p{ display: block; background:#E1E0E0; color: #fff; height:50px; line-height:50px; font-size: 18px;  text-align: center; margin-top: 10px;}

.list_news{ float:left; margin-left:20px; width: 990px;}
.list_news span{ height: 38px; line-height: 38px; overflow: hidden; font-size: 20px; display: block;}
.list_news span a{ color: #666;}
.list_news span a:hover{ color: #ff8400;}
.list_news p{ font-size:14px; height:56px; line-height: 28px; overflow: hidden;}
.news_list ul .nobor{ border:none; margin-bottom: 0px;}


.detail_text{
	position: relative;
	box-sizing: border-box;
}
.detail_text2{
	position: relative;
	background-color: #fff;
	padding:50px 100px;
	box-sizing: border-box;
}

.detail_text h4{font-size: 24px;line-height: 40px;margin-bottom: 0px;font-weight:normal;color:#000;}

.content + .detail_text{margin-top: 90px;}
.detail_text img{max-width: 100%;}
.detail_text p,.detail_text img{margin-bottom: 30px;}
.detail_text p img{margin-top: 30px;}
.detail_text p{font-size: 16px;color: #555;line-height: 30px;}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fbfbfb;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 8px;
	text-align: left;
	margin: 0 auto;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}

.formText{
	text-align: left;
}
.form{
	position: relative;
	width: 50%;float:right;
}
form{
	position: relative;
	top: -10px;
}
.form textarea{
	height: 150px;
	width: 98%;
}
.form input:focus,.form textarea:focus{ 
	background-color:#fff; 
	border: 1px solid #43c5e9;
}
.form dt{
	margin-top: 10px;
	color: #888;
	font-size: 14px;float:left;
	line-height: 22px;
	padding-bottom: 4px;
}
.form dd{float:right;width: 88%;}

.form dl{width: 48%;float: left;margin-right: 2%;margin-bottom: 2%;}

.formBtn button{
	display: block;
	padding: 7px; font-size: 16px;
	width:20%;
	background: #53b9e9;
	color: #fff;margin-top:10px;margin-left:36px;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
.formBtn:before{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.formBtn button:hover{
	background-color: #888;
}
