@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:Arial,'Microsoft Yahei',"微软雅黑";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;font-family:Arial,'Microsoft Yahei',"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#01a2ea}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
table{ border-color: #aaa; border-spacing: 0; border: 1; border-collapse: collapse;}


.itop{ width:100%; height:100px;}
.itopc{ width:100%; height:40px; background:#333}
.top-t{ width:1200px; height:40px; margin:0 auto; font-size:14px; box-sizing:border-box; line-height:40px; color:#f0f0f0}
.toptel{ float:right;font-size:24px;margin-top: 24px;letter-spacing: 1.5px; font-family:'Agency FB Bold'; padding-top:12px; color:#f00; }


.search{width:30px; padding-left:10px; height:30px; cursor:pointer; float:right; background:url(../images/searchbtn.png) center center no-repeat;}

.searchbox { width:100%; height:100px; background:#01a2ea;}
.searchbox-li { width:600px; margin:0px auto; padding-top:25px;} 
.sk{float:left;height: 50px;line-height: 50px;border: 1px solid #fff;width:498px;text-indent: 20px;color: #333;font-size: 17px;background: #fff;border-radius: 50px 0 0 50px;}
.sbtn {width: 100px;height: 50px;background: #222;border:0px;color: #fff;font-size: 17px;border-radius: 0 50px 50px 0;}


.itopff{ background:#fff;}
.header{ width:1200px; margin:0 auto; border-radius:3px;height:100px; background:#fff; transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s;}
.header * { transition: all .5s;}
.logo{ float:left; padding-top: 30px;}

.menu{ float:left; margin-left:20px;width:760px;}
.menu ul{}
.menu ul li{ display:block; float:left; width:94px; height:100px; text-align:center;position:relative;}
.menu ul li *{transition: all .5s;}
.menu ul li a{ display:block; color:#333; font-size:16px; height:55px; padding-top:40px; position:relative;}
.menu ul li a span{ font-size:12px; color:#333; opacity:0.5; font-family:Arial}
.menu ul li a b{display: inline-block;
    width: 0;
    margin: 0 auto;
    height: 9px;
    background: #01a2ea;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-out;
		 background:url(../images/menunowbg.png) center top no-repeat;
		}
.menu ul li a:hover{ color:#01a2ea;}
.menu ul li a:hover span{ color:#01a2ea; opacity:1;}
.menu ul li a:hover b{ width:180px;}
.menu .cur{ background-image:none; color:#fff;}
.menu .cur a{ color:#333;}
.menu .cur a:hover{ color:#333;}
.menu ul li:last-child{ background-image:none;}
.menu ul li a.selected b{ width:180px;}

.menu ul li .promenu{
	position:absolute;
	left: 0 !important;
	width: 100%;
	background-color: hsla(0,0%,100%,.9);
	z-index: 10000;
	display: none;
	overflow-y: hidden;
	 transition: all 0s;
	 height:auto; padding:0;
}
.menu ul li .promenu li{ width:12.5%; float:left; box-sizing:border-box; padding:30px; height:auto}
.menu ul li .promenu li a{float:none;padding:0;text-align:center; display:block; width:100%; height:auto; color:#333; font-size:14px;}
.menu ul li .promenu li a:hover{ color:#333;}
.menu ul li .promenu li a img{ max-width:100%; -webkit-transition-duration: 1s;
    transition-duration: 1s;}

.menu ul li .promenu li a:hover img{ -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1) }


.menu li .submenu{display:none;position:absolute;top:95px !important;left:-17px !important;box-shadow: 0 0 10px rgba(0, 0, 0, .3); transition: all 0s; background: #fff; z-index:999999;width:130px !important; height:auto; padding:0}
.menu li * { transition: all .5s;}
.menu li .submenu li{float:none;padding:0; width:100%; height:40px; line-height:40px;background:none; margin:5px 0;}
.menu li .submenu li:hover{ background:#01a2ea;}
.menu li .submenu li:hover>a{color:#fff;}
.menu li .submenu li a{float:none;padding:0;text-align:center;height:40px;line-height:40px; font-size:14px; color:#333;}
.menu li .submenu li a:hover{ line-height:40px; background:none;}




/*幻灯Banner*/
.banner {position: relative;width: 100%; height:660px; overflow: auto;font-size: 18px;line-height: 24px;text-align: center;}
}
.banner ul {
	list-style: none;
	width: 300%;
}
.banner ul li {
	display: block;
	float: left;
	width: 33%;
	height: 650px;/*	-webkit-background-size: 100% 100%;*/
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;/*background-size: 100% 100%;*/
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
}
.banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
}
.banner .dots li {
	display: inline-block;
	width: 22px;
	height: 6px;
	margin: 0 4px;
	text-indent: -999em;
	border: 1px solid #fff;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}

.nybanner{ width:100%; height:300px; background-position:center center;}
.nybanner1{ width:100%; height:250px; background-position:center center;}

.main{ width:100%;}
.mainn{ width:100%; background:#f8f8f8; padding:60px 0;}
.mainn60{ padding:60px 0;}
.mainbg-f0{ width:100%; background:#f8f8f8; padding:60px 0;}
.mainbox{ width:1200px; margin:0 auto;}
.mainservice{ width:100%; height:720px; padding:40px 0; background:url(../images/mainservice.jpg) center center no-repeat;}

.nyaboutnav{ width:100%; height:50px; border-bottom:1px #ddd solid;}
.nyaboutnav ul li{ float:left; width:240px;}
.nyaboutnav ul li a{ display:block; height:50px; width:240px; text-align:center; line-height:50px; color:#333; font-size:16px;}
.nyaboutnav ul li.fenleicur{ background:#01a2ea;}
.nyaboutnav ul li.fenleicur a{ color:#fff;}
.nyaboutnav ul li.firstfenlei{ background:#01a2ea;}
.nyaboutnav ul li.firstfenlei a{ color:#fff;}

.youshi{ width:1200px; height:325px; margin:0 auto; padding:60px 0; position:relative;}
.youshi * { transition: all .5s;}
.iyoushititle{ float:left; width:653px; height:340px;line-height:78px; position: absolute; left:0; top:60px; background:url(../images/iyoushititle.png) left top no-repeat;}
.iyoushititle h3{ font-size:30px; color:#01a2ea; line-height: 78px;}
.iyoushititle h3 span{ font-size:18px; color:#666; font-weight:normal; text-transform:uppercase; line-height:50px;}
.iyoushititle b{ position:absolute; left:0; bottom:50px; width:120px; height:5px; background:url(../images/iyoushititleb.jpg) left center no-repeat;}
.youshi .youshi1, .youshi .youshi2, .youshi .youshi3, .youshi .youshi4, .youshi .youshi5 { float:right; width:220px; height:160px; background:#f0f0f0; cursor: pointer; margin-left:5px; margin-bottom:5px;}
.youshi .youshi1 h3, .youshi .youshi2 h3, .youshi .youshi3 h3, .youshi .youshi4 h3, .youshi .youshi5 h3 { width:50px; height:50px; margin:30px auto 20px;}
.youshi .youshi1 p, .youshi .youshi2 p, .youshi .youshi3 p, .youshi .youshi4 p, .youshi .youshi5 p { text-align:center; font-size:20px; color:#333; font-weight:bold;}
.youshi .youshi1:hover, .youshi .youshi2:hover, .youshi .youshi3:hover, .youshi .youshi4:hover, .youshi .youshi5:hover{ background:#01a2ea}
.youshi .youshi1:hover p, .youshi .youshi2:hover p, .youshi .youshi3:hover p, .youshi .youshi4:hover p, .youshi .youshi5:hover p{ color:#fff;}

.youshi5{ clear:right;}
.youshi1 h3{ background: url(../images/youshi1.png) center center no-repeat;}
.youshi2 h3{ background: url(../images/youshi2.png) center center no-repeat;}
.youshi3 h3{ background: url(../images/youshi3.png) center center no-repeat;}
.youshi4 h3{ background: url(../images/youshi4.png) center center no-repeat;}
.youshi5 h3{ background: url(../images/youshi5.png) center center no-repeat;}

.youshi1:hover h3{ background: url(../images/youshi11.png) center center no-repeat;}
.youshi2:hover h3{ background: url(../images/youshi22.png) center center no-repeat;}
.youshi3:hover h3{ background: url(../images/youshi33.png) center center no-repeat;}
.youshi4:hover h3{ background: url(../images/youshi44.png) center center no-repeat;}
.youshi5:hover h3{ background: url(../images/youshi55.png) center center no-repeat;}

.ihotprotitle{ height:78px;line-height:35px; background:url(../images/ihotprotitle.png) left center no-repeat; text-align:center}
.ihotprotitle h3{ font-size:30px; color:#333;}
.ihotprotitle h3 p{ font-size:18px; margin-left:10px; color:#666; font-weight:normal; text-transform:uppercase;}
.ihotprotitle h3 a{ float:right;line-height:78px; font-size:18px; color:#666; font-weight:normal; padding-right:35px; background:url(../images/more.png) right center no-repeat;}

.ihotpro{ width:1200px; margin:0 auto;}
.ihotpro *{-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;}
.ihotpro div{ float:left; width:380px; height:370px; margin-right:30px; margin-bottom:30px; background:#fff; text-align:center;}
.ihotpro div:nth-child(3n+1){ clear:left;}
.ihotpro div h3{ width:380px; height:285px; background:#fff; overflow:hidden;}
.ihotpro div h3 a{ display:block; width:380px; height:285px;}
.ihotpro div p{ height:90px; line-height:90px; padding:0 25px;}
.ihotpro div p a{ color:#333; font-size:18px; text-align:left; display:block; background:url(../images/more.png) right center no-repeat;}
.ihotpro div:hover{ background:#01a2ea; box-shadow:0 0 10px #888; margin-top:-5px;}
.ihotpro div:hover h3 a img{ opacity:0.8;}
.ihotpro div:hover p a{ color:#fff; font-size:18px;}


.pleft{ float:left; width:280px; margin-right:25px; }
.plefttitle{ width:240px; height:65px; background:#01a2ea; padding-left:40px; padding-top:25px;}
.plefttitle h3{ border-left:3px #78d1f9 solid; font-size:24px; color:#fff; padding-left:10px;}
.plefttitle h3 span{ font-size:16px; text-transform:uppercase; color:#78d1f9; display:block; font-weight:normal;margin-top: 8px; line-height: 12px;}
.pleft .pcate{ background:#fff; border-bottom:5px #01a2ea solid;}
.pleft .pcate dl dt{ height:60px; line-height:60px; padding-left:40px; border-bottom:1px #ddd solid;}
.pleft .pcate dl dt a{ color:#333; font-size:16px; padding-left:13px; line-height:60px; background:url(../images/plefta.png) left center no-repeat;}
.pleft .pcate dl dt:hover{ background: rgba(0,0,0,0.2)}
.pleft .pcate dl dd{ background:#01a2ea url(../images/pcatedd.jpg) 40px center no-repeat; height:50px; line-height:50px; padding-left:53px;}
.pleft .pcate dl dd a{ background:#01a2ea; font-size:14px; color:#fff; height:50px; line-height:50px;}
.pleft .pcate dl dd a:hover{ color:#fff; background:#af0300; font-size:14px; color:#333; height:50px; line-height:50px;}
.pright{ float:right; width:895px;}


.pleft .pcate1{ background:#fff; border-bottom:5px #01a2ea solid;}
.pleft .pcate1 dl{ position:relative;}
.pleft .pcate1 dl dt{ height:60px; line-height:60px; padding-left:40px; border-bottom:1px #ddd solid;}
.pleft .pcate1 dl dt a{ color:#333; font-size:16px; padding-left:13px; line-height:60px; background:url(../images/plefta.png) left center no-repeat;}

.pleft .pcate1 dl dt:hover a{ color:#01a2ea;}
.pleft .pcate1 dl dd {position: absolute; top: 0px; left:280px;display: none; width:200px; height:auto; background: #01a2ea; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3); z-index:999;}
.pleft .pcate1 dl dd ul {padding:8px 0px;}
.pleft .pcate1 dl dd ul li{ width:200px; text-align:center; line-height:40px;}
.pleft .pcate1 dl dd ul li a{display: block; color:#fff; font-size:14px;line-height:40px;}
.pleft .pcate1 dl dd ul li a:hover{color:#fff;}
.pleft .pcate1 dl dd ul li:hover{ background:#fff;}
.pleft .pcate1 dl dd ul li:hover a{ color:#01a2ea;}
.pleft .pcate1 dl:hover dd {display: block;}
.id_inner1{ display:none;}
.pleft .pcate1 dl dd ul li:hover .id_inner1{ display:block;}


.iphoto{ width:280px; background:#fff; padding:10px 0;}
.yx-rotaion{ width:280px; height:220px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:30px;line-height:30px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:12px;z-index:2;bottom:0;left:20px; text-align:center;line-height:30px}
.yx-rotation-t:hover{ text-decoration:underline; color:#fff}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:30px;line-height:30px;right:20px;bottom:0;z-index:2;}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:10px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list img{ }


.protitle{  text-align:center; line-height:50px;}
.protitle a{font-size:36px; font-weight:bold; color:#333; line-height:50px;}
.protitle a:hover{ color:#01a2ea}
.protype{ width:1200px; margin:0 auto; text-align:center}
.protype a{ background:#fff; line-height:50px; padding:10px 20px; margin:0 10px; border:1px #ddd solid; font-size:18px; border-radius:25px;}
.protype a:hover{ border:1px #01a2ea solid; color:#01a2ea}
.protype a.oncss{ border:1px #01a2ea solid; color:#01a2ea}
.protype h3{ font-size:30px; color:#333; line-height:50px;}
.protype p{ font-size:16px; color:#666; line-height:35px;}
.protypelist{ margin:40px auto;}
.productlistmore{ width:120px; line-height:50px; height:50px; text-align:center; margin:0 auto; display:block; border:1px #ddd solid; color:#aaa; font-size:20px;}
.productlistmore:hover{ border:1px #01a2ea solid; color:#01a2ea;}
.plefttel{ width:280px; height:105px; background: url(../images/plefttel.png) left 20px no-repeat;}

.protypeul{ width:100%;border-bottom: 2px #ddd solid;}
.protypeul ul{ width:1200px; margin:0 auto;}
.protypeul ul *{-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 03s;
	transition: all ease-in-out 0.3s;}
.protypeul ul li{ float:left; width:150px; padding:20px; box-sizing:border-box;}
.protypeul ul li h3{ width:110px; height:110px; border-radius:2%; overflow:hidden; background:rgba(1,162,234,1)}
.protypeul ul li h3 a{ display:block;width:110px; height:110px; background-repeat:no-repeat; background-position:center center;}
.protypeul ul li h3:hover a{opacity:0.3;}
.protypeul ul li p{ line-height:30px;text-align:center; }
.protypeul ul li p a{ font-size:14px; line-height:30px;}

.productlist{ width:895px; margin:0 auto;}

.productlist div{ float:left; width:283px; height:278px; margin-right:20px; margin-bottom:20px; text-align:center;}
.productlist div h3{ width:283px; height:238px; background:#fff; overflow:hidden; border:1px #ddd solid;}
.productlist div h3 a{ display:block; width:283px; height:238px;}
.productlist div p{ height:40px; text-align:center; line-height:40px;}
.productlist div p a.prot{ color:#333; font-size:14px;}
.productlist div p a.ptd{ color:#666;background: url(../images/p_td.png) left center no-repeat; padding-left: 18px; margin-right:5px; font-size:14px; float:right;}
.productlist div p a.pcs{ color:#666;background: url(../images/p_cs.png) left center no-repeat; padding-left: 18px; margin-right:10px; font-size:14px; float:right;}
.productlist div:hover p a{ color:#01a2ea;}


.photolist{ width:1200px; margin:0 auto;}
.photolist *{-webkit-transition: all ease-in-out 0.55s;
	-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;
	transition: all ease-in-out 0.55s;}
	
.photolist div{ float:left; width:257px; height:240px; margin-right:30px; margin-bottom:30px; background:#f8f8f8; text-align:center; position:relative;}
.photolist div:nth-child(4n+1){ clear:left;}
.photolist div h3{ width:257px; height:200px; background:#fff; overflow:hidden; border:1px #ddd solid; box-sizing:border-box;}
.photolist div h3 a{ display:block; width:257px; height:200px;}
.photolist div p{ height:40px; line-height:40px; text-align:center;}
.photolist div p a{ color:#333; font-size:18px; display:block;}
	

.p-top{ width:100%;margin:0 auto; background:#fff; padding:30px; box-sizing:border-box; height:auto; overflow:hidden; }
.p-top .p-title{ border-bottom: 1px #ddd solid;color:#333; font-size:30px; height:50px; line-height:50px; display:block; width:100%; overflow:hidden; margin-bottom:15px;}
.p-top .pic1{ width:400px; height:400px; float:right; border:1px #ddd solid;}
.p-top .pic1 img{ width:400px; height:400px; }
.p-synopsis{ width:730px; float:left;}
.p-s-list { line-height:30px;height: 250px;}
.p-s-list dt{  color:#333; margin-right:5px; font-size:16px; font-weight:bold; margin-top:16px; margin-bottom:4px;}
.p-s-list dd{ padding:10px; font-size:14px; color:#666;}
.yysj{ display:block; width:180px; height:40px; float:left; background:url(../images/yysj.png) left center no-repeat;}
.p-synopsis .yytel{ height:46px; float:left; margin-left:20px; padding-left:55px; line-height:46px; font-size:30px;font-family: 'Agency FB Bold'; color:#01a2ea; background:url(../images/telicon.png) left center no-repeat;}

.pro_top { margin:40px auto 55px auto; overflow:hidden;}
.pro_pic { float:left; width:500px;}
.pro_pic img{ max-width:100%;}
.pro_r { width:660px; float:right;}
.pro_r h1 {font-size:28px;color:#000; margin-bottom:10px;line-height: 32px;}
.pro_r p{font-size:14px;line-height:24px;color:#555555;margin: 25px 0 25px 0;}
.pro_txt {color:#3c3c3c;border-bottom:1px dashed #dbdbdb; padding-bottom:25px; margin-bottom:20px;}
.pro_txt span {display: inline-block; border-radius: 10px 0;border: 1px solid #ff6249;color: #dd2e17; margin-left: 10px;  padding: 0 5px;  font-size: 12px;height: 20px;line-height: 20px;}
.pro_sx{padding: 10px 10px;background: #f7f7f7;}
.pro_sx p{margin: 10px 0;font-size:14px;}
.pro_sx p strong{background: url("../images/icon-cs.png") left center no-repeat;padding-left: 20px;}
.pro_contact{width:100%;overflow:hidden;margin:40px 0 25px 0;}
.pro_order{display:block;float:left; }
.pro_order a{ display:block;background: url("../images/yh.png") right center no-repeat #01a2ea;color:#fff;
    font-size:20px;width: 245px;height: 50px;line-height: 50px;border-radius: 5px;}
.pro_order a i{width: 35px;height: 35px;display: block;margin: 0 10px 0 40px;float: left;line-height: 42px;}
.pro_tel {float:right;background: url("../images/phone.png") left center no-repeat;padding-left: 45px;}
.pro_tel p{color:#555555;margin: 0!important;}
.pro_tel span a{font-size: 18px;color: #01a2ea;font-weight: 800;}
.pro_r ul li{float: left;color: #555555;background: url("../images/time.png") left center no-repeat;
    padding-left: 25px;margin-left: 7.5%;font-size: 12px;}
.pro_r ul li:first-child{margin-left: 0;}
.pro-text .title{width: 100%;overflow: hidden;}
.pro-text .title li a{width: 24.68%;height: 50px;text-align: center;line-height: 50px;background: #f7f7f7;
    float: left;font-size: 18px;display: block;margin-left: 5px;}
.pro-text .title li.active a{color: #fff;background: #4a4857;margin-left: 0;}
.pro-text .title li a:hover{background: #4a4857;color: #fff;}
.trait-box,.principle,.case,.aboutpr{width: 100%;overflow: hidden;}
.pro-text h2,.message h2{font-size: 28px;margin: 70px auto 40px auto;font-weight: bold;color: #000000;line-height: 28px;}
.pro-text h2:after,.message h2:after{content: "";display: block;width: 30px;height: 0;overflow: hidden;border-color: #01a2ea;
    border-style: solid;border-width: 2px;margin-top: 10px;}

.message{width:1120px;background: #f5fbff;overflow: hidden;margin-top: 10px;padding: 20px 40px;}
.message h2{margin: 20px auto;}
.message .left{width: 580px;float: left;}
.message .left dd{width: 100%;background: url("../images/message.jpg") left center no-repeat;padding-left: 75px;margin-bottom: 15px;}
.message .left dd span{font-size: 20px;color: #01a2ea;font-weight: bold;margin-bottom: 15px;display: block;}
.message .left dt input{width: 100%;height: 50px;border: 1px solid #cdcdcd;margin: 15px 0;background: none;font-size: 14px;text-indent: 10px; box-sizing:border-box;}
.message .left dt input.icon-name{width: 100%;margin-right: 24px;
    background: url("../images/icon-name.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-tel{width: 100%;background: url("../images/icon-tel.png") right 5px  center no-repeat;
    background-size: 25px;}
.message .left dt input.icon-message{background: url("../images/icon-message.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-address{background: url("../images/icon-address.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt textarea{width: 100%;height: 100px;border: 1px solid #cdcdcd;background: none;
    font-size: 14px;padding: 10px 0 0 10px;margin: 15px 0;}
.message .left dt input.button{width: 185px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;
    background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffcb01), to(#ffde5c));background: #ffcb01;border-radius: 4px;border: none;}
.message .right{width: 500px;float: right;}
.message .left dt input.button:hover{background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffde5c), to(#ffcb01));}
.message .right dd{width: 100%;background: url("../images/phone2.png") left 45px center no-repeat #fec600;padding: 40px 0 40px 140px; box-sizing:border-box}
.message .right dd span a{font-size: 46px;font-weight: bold;color: #fff;line-height: 46px;font-family: Impact;}
.message .right dd p{font-size: 24px;color: #fff;line-height: 24px;margin-bottom: 10px;}
.message .right dt{width: 100%;background: #01a2ea;padding: 25px 50px; box-sizing:border-box}
.message .right dt p a{font-size: 18px;color: #fff;display: block;padding: 15px 0 15px 40px;background: url("../images/icons.png") left center no-repeat;}
.message .right dt .address a{background-position: 0 -49px;}
.message .right dt .url a{background-position: -2px -102px;}
.message .right dt .mailbox a{background-position: -4px -162px;}
.message .right dt .tel a{background-position: 2px 15px;}
.message .right dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.message .right dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.message .right dt .btn a:hover{background: rgba(255,255,255,0.2)}
/*äº§å“å†…é¡µ end*/
/*æ¡ˆä¾‹å†…é¡µ*/
.projects-page .pro_sx p{background: url(../images/icon-cs.png) left center no-repeat;
    padding-left: 20px;}
.projects-page .pro_sx strong{background: none;padding: 0;font-weight: 400;}
.projects-page .pro_r .tel{margin: 20px 0;display: block;}
.projects-page .pro_r .tel a{font-size: 18px;color: #01a2ea;font-weight: bold;}
.projects-page .pro_r .zixun{margin: 0;}
.projects-page .pro_r .zixun a{width: 48%;height: 50px;line-height: 50px;display: inline-block;border-radius: 4px;font-size: 18px;
    color: #fff;padding-left: 58px;}
.projects-page .pro_r .zixun .btn1{background: url("../images/fa2.png") left 15px center no-repeat #01a2ea;margin-right: 4%;}
.projects-page .pro_r .zixun .btn2{background: url("../images/fa.png") left 15px  center no-repeat #999999;}
.projects-page .title{width: 100%;overflow: hidden;}
.projects-page .title a{width:19.6%;height: 50px;text-align: center;line-height: 50px;background: #f7f7f7;float: left;
    font-size: 18px;display: block;margin-left: 5px;}
.projects-page .title a:hover{color: #fff;background: #01a2ea;}
.projects-page .title a:first-child{color: #fff;background: #01a2ea;margin-left: 0;}
.projects-page h2{font-size: 28px;margin: 30px auto 20px auto;font-weight: bold;color: #000000;line-height: 28px;}
.projects-page h2:after{content: "";display: block;width: 30px;height: 0;overflow: hidden;border-color: #01a2ea;
    border-style: solid;border-width: 2px;margin-top: 10px;}
.projects-page .shiliao1{width: 100%;overflow: hidden;}
.projects-page .shiliao1 li:first-child{width: 680px;float: right;}
.projects-page .shiliao1 li:last-child{width: 380px;float: left;}
.projects-page .textbox{width: 100%;overflow: hidden;}
.projects-page .textbox li{width: 21.25%;height: 340px;float: left;margin-left: 5%;padding: 120px 40px 40px 40px;
    color: #fff;border-radius: 10px;line-height: 24px;}
.projects-page .textbox li:nth-child(1){background: url("../images/one.png") top 40px center no-repeat #1e95f5;}
.projects-page .textbox li:nth-child(2){background: url("../images/two.png") top 40px center no-repeat #1e95f5;}
.projects-page .textbox li:nth-child(3){background: url("../images/three.png") top 40px center no-repeat #1e95f5;}
.projects-page .textbox li:nth-child(4){background: url("../images/four.png") top 40px center no-repeat #1e95f5;}
.projects-page .textbox li:first-child{margin-left: 0;}
.projects-page .youshi1 p{}
.projects-page .proex{width: 100%;overflow: hidden;}
.projects-page .proex li{width: 22.8%;float: left;margin-left: 2.93%;}
.projects-page .proex li a{display: block;line-height: 40px;text-align: center;overflow: hidden;}
.projects-page .proex li img{transition: all ease 1s;}
.projects-page .proex li:first-child{margin-left: 0;}
.projects-page .proex li span a{padding: 10px 20px;background: #f7f7f7;display: block;font-size: 16px;text-align: center;line-height: 28px;}
.projects-page .proex li:hover a{background: #1e95f5;color: #fff;}
.projects-page .proex li:hover img{transform: scale(1.1);}



.proh1{ color:#333; margin-right:5px; font-size:16px; font-weight:bold; margin-top:10px;padding-top: 30px; margin-bottom:4px;border-top: 3px #ddd solid;}

.btn_pro{ margin-top:20px; width:400px; display:block; height:auto; overflow:hidden; }
.btn_pro li{ float:left; width:110px; height:32px; margin-right:16px; padding-top:4px; padding-left:65px; overflow:hidden;}
.btn_pro li a{ width:110px; height:32px; display:block; z-index:999;font-size: 14px; line-height: 30px; border:0px; color:#fff;}
.btn_pro .btn_01{background:url(../images/btn_zi2.png) no-repeat;}
.btn_solu{ margin-top:20px;}

.icompany{ width:100%;background:#fff;}
.icompanytext{ width:1200px; margin:0 auto; padding:20px 0; background:url(../images/icompany.jpg) right center no-repeat; height:725px;}
.icompanytitle{ width:500px; height:100px;}
.icompanytitle ul li{ float:left; width:25%; height:80px; border-right:1px #ddd solid; box-sizing:border-box; text-align:center; background-repeat:no-repeat; background-position:center 10px;}
.icompanytitle ul li h3{ font-size:14px; color:#333; padding-top:50px; font-weight:normal; line-height:30px;}
.icompanytextdiv{ margin-top:20px; width:500px;}
.icompanytextdiv p{ font-size:14px; color:#666; line-height:30px;}
.icompanytextdiv a{ float:right;line-height:78px; font-size:18px; color:#666; font-weight:normal; padding-right:35px; background:url(../images/more.png) right center no-repeat;}
.icompanyico{ width:500px; height:180px; box-sizing:border-box;padding-top:48px; /*background:url(../images/icon01.png) 286px center no-repeat;*/}
.icompanyico h3{ font-size:30px; font-weight:normal; color:#333; line-height:60px;}
.icompanyico span{ font-size:40px; color:#eee; text-transform:uppercase; font-weight:bold;}
.icompanyico a{ float:right; font-size:18px; color:#333; line-height:100px; background:url(../images/jiantoulan.png) right center no-repeat; padding-right:20px;}
.icompanyico img{ margin-top:20px;}


.slhly{ width:100%; height:1114px; background:url(../images/yewulingyu.jpg) center top no-repeat;}
.wmdsl{ width:1200px; margin:0 auto; padding:60px 0; height:260px;}
.wmdsltitle{ text-align:center; background:url(../images/icon02.png) center bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}
.wmdsltitle h3{ font-size:30px; font-weight:normal; color:#333; line-height:60px;}
.wmdsltitle span{ font-size:40px; color:#eee; text-transform:uppercase; font-weight:bold;}

.wmdsl ul{ position:relative; width:1200px; margin:0 auto;}
.wmdsl ul li{ position:absolute; width:210px; height:100px;}
.wmdsl ul li h3{ font-size:14px; color:#333; line-height: 30px;}
.wmdsl ul li p{ font-size:12px; color:#666; line-height: 24px;}
.wmdsl ul li.wmdsl01{ left:25px; top:75px;}
.wmdsl ul li.wmdsl02{ left:330px; top:15px;}
.wmdsl ul li.wmdsl03{ left:660px; top:15px;}
.wmdsl ul li.wmdsl04{ right:25px; top:65px;}

.ywly{ width:1200px; margin:170px auto 0; padding:60px 0;}
.ywly * {
    -webkit-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    -ms-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}
.ywlytitle{ text-align:center; background:url(../images/icon11.png) center bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}
.ywlytitle h3{ font-size:30px; font-weight:normal; color:#fff; line-height:60px;}
.ywlytitle span{ font-size:40px; color:#58b8f1; text-transform:uppercase; font-weight:bold;}

.ywly ul li{ float:left; width:20%; margin:0 2.5%;padding:20px; box-sizing:border-box; height:330px; text-align:center; background:#fff; -moz-box-shadow: 0px 3px 5px #ccc; overflow: hidden;-webkit-box-shadow: 0px 3px 5px #ccc;box-shadow: 0px 3px 5px #ccc;}
.ywly ul li h3{ color:#aaa; font-size:60px; font-family:Arial; text-align:center; line-height:40px; margin-top:10px; position:relative;}
.ywly ul li h3::before{ content:" "; background:#ddd; width:50px; height:2px; position:absolute; left:20px;bottom:18px;}
.ywly ul li h3::after{ content:" "; background:#ddd; width:50px; height:2px; position:absolute; right:20px;bottom:18px;}
.ywly ul li h3 span{ color:#aaa; font-size:18px; font-weight:normal; font-family:Arial; display:block;}
.ywly ul li h4{ font-size:18px; color:#333; line-height: 40px;}
.ywly ul li p{ font-size:12px; color:#888; line-height: 24px; padding:10px 0; margin-bottom:20px; position:relative; height:100px;}
.ywly ul li p img{ position:absolute; left:-20px; top:0; height:0; width:240px; height:100px; opacity:0;}
.ywly ul li a{ font-size:12px; color:#666; padding:10px 20px; border-bottom:1px #00a0eb solid; background:url(../images/jiantouhei.png) right center no-repeat; background-size:12px 8px;}
.ywly ul li:hover{ -moz-box-shadow: 0px 3px 5px #ccc; overflow: hidden;-webkit-box-shadow: 0px 3px 5px #ccc;box-shadow: 0px 3px 5px #ccc;}
.ywly ul li:hover h3{ color:#00a0eb}
.ywly ul li:hover h3::before{ content:" "; background:#ddd; width:50px; height:2px; position:absolute; left:20px;bottom:18px;}
.ywly ul li:hover h3::after{ content:" "; background:#ddd; width:50px; height:2px; position:absolute; right:20px;bottom:18px;}
.ywly ul li:hover h3 span{ color:#00a0eb}
.ywly ul li:hover h4{ color:#00a0eb}
.ywly ul li:hover p img{ height:100px; opacity:1;}

.iprobox ul li{display:inline;float:left;width:285px; margin:0 7px; height:254px;overflow:hidden;position:relative; cursor:pointer;}
.iprobox ul li h3 a img{ box-sizing:unset;}
.iprobox ul li h3{ font-size:14px;width:277px; box-sizing:unset; height:206px; border:1px #ddd solid; padding:3px;-webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;}
.iprobox ul li p {line-height:40px; height:40px; text-align:center;}
.iprobox ul li p A {color:#333;text-decoration:none; text-align:center; font-size:16px;}
.iprobox ul li:hover p a{ color:#00a0eb;}

.zxyfcg{ height: 510px;}
.zxyfcgafter{ position: relative;}
.zxyfcgafter::after{ content:""; background:#f8f8f8; height:320px; width:100%; position:absolute; bottom:0; left:0; z-index:1}
.zxyfcg li{ float:left; width:600px; height:250px; font-size:16px; color:#fff; line-height:30px; background:#00a0eb; position:relative; box-sizing:border-box; padding:50px; z-index:9;}
.zxyfcg li:nth-child(1){ padding:0;}
.zxyfcg li:nth-child(3){ background:#43b7ee}
.zxyfcg li:nth-child(4){ background:#fff; color:#333;}
.zxyfcg li a{ position:absolute; right:50px; bottom:50px; font-size:12px; color:#fff; padding:10px 20px; border-bottom:1px #fff solid; background:url(../images/jiantoubai.png) right center no-repeat; background-size:12px 8px;}
.zxyfcg li:nth-child(4) a{ color:#00a0eb; padding:10px 20px; border-bottom:1px #00a0eb solid; background:url(../images/jiantoulan.png) right center no-repeat; background-size:12px 8px;}


.inews{ width:1200px; margin:0 auto; padding:50px 0;}
.ihotnews{ float:right; width:750px; height:100px;}
.ihotnews div{ float:left; width:130px; height:100px; margin-right:20px;}
.ihotnews h3{ float:left; width:600px; line-height:45px;}
.ihotnews h3 a{ font-size:20px; color:#333; font-weight:normal;}
.ihotnews p{ float:left; width:600px; font-size:15px; color:#666; line-height:24px;}


.inewsico{ width:350px; margin-right:70px; float:left; box-sizing:border-box;padding-top:60px;}
.inewsico h3{ font-size:30px; font-weight:normal; color:#333; line-height:60px;}
.inewsico span{ font-size:40px; color:#eee; text-transform:uppercase; font-weight:bold;}
.inewsico a{font-size:18px; color:#fff; line-height:45px; text-align:center; border-radius:25px; margin-top:80px; background:#00a0eb; display:block; width:200px; height:45px;}
.inewsico img{ margin-top:20px;}
.inewsico p{ color:#888; font-size:12px; line-height:24px; margin-top:60px;}

.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff;}
.khtitle{}
.khtitle h3{ font-size:30px; font-weight:bold; color:#333; margin-bottom:20px;}
.khtitle p{ font-size:18px; color:#333; line-height:35px;}
.khtitle p span{ color:#e20f1f}

.liuyan{ width:1140px;}
.liuyan h3{ font-size:20px; color:#333; margin-top:30px; margin-bottom:10px;}
.liuyan table{ width:1140px;}
.liuyan table td{ font-size:18px; padding:10px 0; line-height:40px;}
.liuyan table td span{ color:#e20f1f;padding: 0 7px;}

.job_t{ background:#01a2ea; height:50px; line-height:50px;}
.job_t h3{ float:left; font-size:18px; color:#fff; font-weight:normal; text-align:center;}
.jobtitle{height:50px; line-height:50px; border-bottom:1px #ddd solid; cursor:pointer}
.jobtitle h3{ float:left; font-size:16px; color:#666; font-weight:normal; text-align:center;}
.jobcon{ color:#666; font-size:16px; line-height:30px; padding:0 20px; margin-top:15px; border-bottom:1px #ddd solid; padding-bottom:10px; display:none}
.jobcon h3{ color:#01a2ea}
.jobcon a{ background:#01a2ea; color:#fff; border-radius:5px; display:block; width:80px; height:35px; text-align:center; line-height:35px; float:right;}



.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext1{ width:560px; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext2{ width:1110px; height:130px; border:1px #aaa solid; line-height:30px; font-size:14px; color:#333; padding:10px;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:16px; color:#666; margin-left:20px; line-height:40px;}
.inewslist {
	overflow: hidden;
	float:right; width:780px;
}

.inewslist ul {}
.inewslist ul li{ width:780px; height:150px; padding:30px; box-sizing:border-box; background:#f8f8f8; position:relative;}
.inewslist ul li:nth-child(2){ background:#fff}
.inewslist ul li h3{ line-height:36px;}
.inewslist ul li h3 a{ font-size:18px; color:#333; font-weight:normal;}
.inewslist ul li h6{ position:absolute; right:30px; top:30px; line-height:30px; font-size:14px; color:#333;}
.inewslist ul li h6 a{ line-height:30px; font-size:14px; color:#333;padding:0px 30px;}
.inewslist ul li p{ font-size:14px; line-height:24px; color:#888;}
.inewslist ul li:hover h5{ height:0; overflow:hidden;}
.inewslist ul li:hover h4{ display:block;}
.inewslist ul li:hover h3 a{ color:#01a2ea}
.inewslist ul li:hover h6{ display:block;}



.ihzkh{ width:1200px; margin:0 auto;}
.ihzkhtitle{ text-align:center; font-size:24px; color:#333; font-weight:bold; line-height:40px; background:url(../images/titleline.jpg) center center no-repeat;}
.ihzkhtitle h3{ display:inline-block; padding:0 40px; background:#f0f0f0}
.ihzkhtitle h3 span{ font-size:14px; font-family:Arial; color:#aaa; font-weight:normal; text-transform:uppercase;}
.ihzkhlist{ width:1200px; margin:0 auto; padding:5px 0; height:120px;}
.ihzkhlist a{ float:left; display:block; width:180px; height:110px; border:1px #ddd solid; margin-right:20px;
-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}
.ihzkhlist a:hover{ border:1px #01a2ea solid;}

#demo1p {height: 120px;list-style: none outside none;overflow: hidden;width: 1200px;}
#indemo1p {float: left; width: 800%;}
#demo1p1 {float: left;}
#demo1p2 {float: left;}

.aboutnav {
	width: 100%;
	border-bottom: 1px #01a2ea solid;
	height: 60px;
}
.aboutnav *{-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;}
.aboutnav ul {
	width: 1200px;
	margin: 0 auto;
	height: 60px;
}
.aboutnav ul li {
	float: left;
	width: 171px;
	text-align: center;
	padding:15px 0;
	background:none;
}
.aboutnav ul li a {
	display: block;
	height: 30px;
	width: 170px;
	margin: 0 auto;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	border-right:1px #ddd solid;
}
.aboutnav ul li:nth-child(1) a{ border-left:1px #ddd solid; width:169px;}
.aboutnav ul li:hover {
	 background:#f0f0f0;
}
.aboutnav-min{ position:fixed; height:60px; top:150px; line-height:60px; border-bottom:none; z-index:900;}
.aboutnav-min ul{ height:60px; background:#01a2ea; width:1350px}
.aboutnav-min ul li{padding: 0; width:192px; line-height:60px;}
.aboutnav-min ul li a{ color:#fff; width:192px; font-size:14px; height:60px; line-height:60px; border:none !important;}
.aboutnav-min ul li a:hover{ color:#fff; background:#af0300;}

.nytitle {
	text-align: center
}
.nytitle h3 {
	font-size: 36px;
	color: #333;
	line-height: 60px;
}
.nytitle p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}

.aboutbox{ width:1200px; height:560px; background:url(../images/abouttype.jpg) left top no-repeat;}
.aboutbox a{ display:block; width:600px; float:left; height:280px;}

.qiyelingyutitle{ font-size:20px; color:#333; border-left:2px #00a0eb solid; padding-left:15px; margin-top:30px; margin-bottom:20px;}
.qiyelingyutitle h3{ font-weight:normal; line-height:40px;}
.qiyelingyutitle span{ color:#00a0eb;}
.qiyelingyutitle p{ font-size:12px; color:#888;}
.aboutlist{ width:1200px; margin:0 auto;}
.aboutlist ul{}
.aboutlist ul li{ float:left; width:224px; margin-right:20px; height:200px;}
.aboutlist ul li h3{ width:224px; height:120px; margin:0 auto; overflow:hidden;  background-position:center center; background-repeat:no-repeat; cursor:pointer;}
.aboutlist ul li p{font-size:16px; color:#333; padding:10px 10px 5px;}
.aboutlist ul li span{ padding:5px 10px 0px; height:80px; display:block; border-bottom:1px #ddd solid; line-height:22px; font-size:12px; color:#666;}
.aboutlist ul li:hover{ cursor:pointer;}
.aboutlist ul li:hover p{color:#00a0eb;}
.aboutlist ul li:hover span{ border-bottom:1px #00a0eb solid;}

.qiyewenhua{ width:100%;height:600px; background:url(../images/qiyewenhua.jpg) center top no-repeat;}
.qiyewenhuatitle{ float:right; width:710px; margin-top:50px; position:relative;}
.qiyewenhuatitle h3{ color:#fff; font-size:30px; font-weight:normal;}
.qiyewenhuatitle span{ color:rgba(255,255,255,0.5); font-size:14px; text-transform:uppercase;}
.qiyewenhuatitle p{ color:#fff; font-size:18px; line-height:80px;}
.qiyewenhuatitle:after{ content:" "; background:#fff; width:30px; height:2px; position:absolute; bottom:65px; left:0;}
.qiyewenhuatext{ float:right; width:650px; margin-right:20px; margin-top:8px;}
.qiyewenhuatext p{ color:#fff; font-size:14px; line-height:24px;}
.qiyewenhuabeizhu{ color:#fff; font-size:18px; line-height:50px; width:710px; float:right}

.jishufuwu{ padding:50px 0;}
.jishufuwutitle{ margin-bottom:20px; position:relative;}
.jishufuwutitle h3{ font-size:30px;color:#333; font-weight:normal; line-height:40px;}
.jishufuwutitle h3 span{ color:#aaa; font-size:12px; margin:0 10px; text-transform:uppercase;}
.jishufuwutitle h3 b{ font-weight:normal; font-size:18px; color:#444;}
.jishufuwutitle:after{ content:" "; background:#00a0eb; width:30px; height:2px; position:absolute; bottom:0; left:0;}

.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicebox{ width:1200px; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}
.servicelist{ width:1200px; margin:0 auto;}
.servicelist ul{}
.servicelist ul li{ float:left; width:25%; text-align:center;}
.servicelist ul li h3{}
.servicelist ul li p{ font-size:16px;}


.servicepzbz{ width:1200px; height:200px; background:url(../images/servicepzbz.jpg) center center no-repeat;}
.servicecontact{ width:100%; height:600px; background:url(../images/servicecontact.jpg) center center no-repeat;}

.servicetext .mode dl{width: 350px;margin-left: 75px;float: left;background: #f5f5f5;padding: 25px 0;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dl:first-child dd{margin-left: 30px;}
.servicetext .mode dd{float: left;margin: 0 15px 0 50px;}
.servicetext .mode dt{float: left;}
.servicetext .mode dt h4{font-size: 24px;color: #333; font-weight:normal;}
.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}
.servicetext .mode dt p.tel{font-weight: 800;font-size: 30px; font-family:"Agency FB Bold"; color:#01a2ea}


.abouttext{ width:100%; height:540px; background:url(../images/abouttextbg.jpg) center top no-repeat}
.abouttext h3 {
	font-size: 30px;
	color: #333;
	line-height: 70px;
	position:relative;
	font-weight:normal;
	padding-top:30px;margin-left:50px;
}
.abouttext h3::after{ content:" "; background:#00a0eb; width:60px; height:2px; position:absolute; bottom:0px; left:0;}
.abouttextp {
	font-size: 14px;
	width:660px;
	color: #666;
	line-height: 24px;margin-top:20px;margin-left:50px;    text-align: justify;
}
.abouttext strong {
	color: #01a2ea;
	font-weight: normal;
}
.culture {
	width: 1200px;
}
.culture *{-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;}
.culture li{ float:left; width:200px; height:400px; position:relative; cursor:pointer;}
.culture li h3{width:200px; position:absolute; bottom:0; left:0; z-index:9; height:100px;}
.culture li h3 p{ height:100px; text-align:center; line-height:100px;}
.culture li h3 p em{ display:inline-block; width:35px; height:26px;}
.culture li h3 p b{ font-weight:normal; font-size:18px; color:#333;}
.culture li h3 span{ font-weight:normal; font-size:13px; text-align:center; padding:0 10px; line-height:30px; color:#01a2ea; display:none;}

.culture li.culture01{background: url(../images/culture01.jpg) left top no-repeat;}
.culture li.culture01 h3{background:#f0f0f0;}
.culture li.culture01 h3 p em{background: url(../images/wenhua01.png) center center no-repeat;}
.culture li.culture01:hover h3 p em{ background: url(../images/wenhuanow01.png) center center no-repeat;}

.culture li.culture02{background: url(../images/culture02.jpg) left top no-repeat;}
.culture li.culture02 h3{background:#e3e3e3;}
.culture li.culture02 h3 p em{ background: url(../images/wenhua02.png) center center no-repeat;}
.culture li.culture02:hover h3 p em{ background: url(../images/wenhuanow02.png) center center no-repeat;}

.culture li.culture03{background: url(../images/culture03.jpg) left top no-repeat;}
.culture li.culture03 h3{background:#f0f0f0;}
.culture li.culture03 h3 p em{ background: url(../images/wenhua03.png) center center no-repeat;}
.culture li.culture03:hover h3 p em{ background: url(../images/wenhuanow03.png) center center no-repeat;}

.culture li.culture04{background: url(../images/culture04.jpg) left top no-repeat;}
.culture li.culture04 h3{background:#e3e3e3;}
.culture li.culture04 h3 p em{ background: url(../images/wenhua04.png) center center no-repeat;}
.culture li.culture04:hover h3 p em{ background: url(../images/wenhuanow04.png) center center no-repeat;}

.culture li.culture05{background: url(../images/culture05.jpg) left top no-repeat;}
.culture li.culture05 h3{background:#f0f0f0;}
.culture li.culture05 h3 p em{ background: url(../images/wenhua05.png) center center no-repeat;}
.culture li.culture05:hover h3 p em{ background: url(../images/wenhuanow05.png) center center no-repeat;}

.culture li.culture06{background: url(../images/culture06.jpg) left top no-repeat;}
.culture li.culture06 h3{background:#e3e3e3;}
.culture li.culture06 h3 p em{ background: url(../images/wenhua06.png) center center no-repeat;}
.culture li.culture06:hover h3 p em{ background: url(../images/wenhuanow06.png) center center no-repeat;}

.culture li:hover{ background-position-y:-50px;}
.culture li:hover h3{background:#01a2ea; height:170px;}
.culture li:hover h3 p{ height:85px; line-height:85px;}
.culture li:hover h3 p b{ color:#fff;}
.culture li:hover h3 span{ color:#fff; display:block;}

.nyprotitle{ float:left; width:180px; position:relative; height:320px;}
.nyprotitle em{ display:block; width:80px; height:5px; background:#01a2ea;}
.nyprotitle p{ font-size:30px; color:#333; padding:20px 0 15px; font-weight:bold;}
.nyprotitle span{ font-size:14px; color:#aaa;}
.nyprotitle b{ font-weight:normal; color:#666; font-size:12px; line-height:24px; padding:10px 0;}
.nyprotitle a{ position:absolute; bottom:20px; left:0px; display:block; height:22px; padding-left:30px; color:#333; font-size:14px; background: url(../images/nypromore.png) left center no-repeat;}

.nyprolist{ float:right; width:1000px;}
.nyprolist *{-webkit-transition: all ease-in-out 0.55s;
	-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;
	transition: all ease-in-out 0.55s;}
.nyprolist ul li{ float:left; width:318px; height:318px; border:1px #ddd solid; margin-right:20px; text-align:center;}
.nyprolist ul li h3{ width:318px; height:258px; background:#fff; overflow:hidden;}
.nyprolist ul li h3 a{ display:block; width:318px; height:258px;}
.nyprolist ul li p{ height:60px; line-height:60px;}
.nyprolist ul li p a{ color:#333; font-size:16px;}
.nyprolist ul li:hover{ background:#01a2ea; border:1px #01a2ea solid;}
.nyprolist ul li:hover h3 a img{ width:110%; height:105%; margin-left:-5%; margin-top:-5%}
.nyprolist ul li:hover p a{ color:#fff; font-size:18px;}


.hzpp{ width:100%; background:#00a0eb; height:400px; padding-top:50px;}
.mr_frbox{height:120px;position:relative; width:1200px; margin:0 auto;}
.mr_frBtnL{cursor:pointer;margin:0; position:absolute; top:40px; left: 0; float:left;width:25px;height:56px; z-index:9 }
.mr_frUl{float:left;width:1140px;position:relative; z-index:5; padding:0 30px;}

.mr_frBtnR{float:right;margin:0; position:absolute; top:40px; right: 0;cursor:pointer;width:25px;height:56px; z-index:9}
.mr_frUl ul li{display:inline;float:left;width:208px !important; padding:0 10px; height:100px;cursor:pointer;}


.xxwmlist {
	padding-top:20px;
}
.xxwmlist *{-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;}
.xxwmlist li {
	display: inline;
	width: 240px;
	float: left;
	height: 300px;
	position: relative;
	text-align: center;
}
.xxwmlist li a {
	display: block;
	text-align: center;	
	width: 220px;
	height: 294px;
	border:3px #ddd solid;
}
.xxwmlist li a img{ max-width:100%; max-height:100%;}
.xxwmlist li a:hover{ border:3px #01a2ea solid;}

.course_nr{height:162px; background:url(../images/ico9.gif) repeat-x center;}
.course_nr li{ float:left; background:url(../images/ico10.gif) no-repeat center top; color:#333; font-size:18px; padding-top:30px; width:240px; cursor: pointer; text-align:center; position:relative; margin-top:65px;}
.shiji{ position:absolute; width:100%; left:0; top:-20px; display:none;}
.shiji h1{ height:67px; line-height:67px; color:#01a2ea; font-size:24px; font-weight:bold; background:url(../images/ico11.gif) no-repeat center top; margin-bottom:8px;}
.shiji p{ line-height:20px; color:#333; font-size:12px;}

.nycontact{ position:absolute; left:50%; top:0; margin-left:-600px; background:#fff; width:500px; height:600px; padding:50px; box-sizing:border-box;}
.nycontact h3{ font-size:40px; color:#01a2ea; line-height:60px; font-weight:normal; margin-bottom:30px;}
.nycontact h3 span{ font-size:40px; color:#333; text-transform:uppercase;}
.nycontact p{ line-height:35px; color:#333; font-size:16px;}

.fwwd{ width:1200px; margin:0 auto; background:#fff url(../images/fwwd.png) no-repeat 30px center; height:680px; padding:50px; padding-left:640px; box-sizing:border-box;}
.fwwd h3{ font-size:40px; color:#01a2ea; line-height:60px; font-weight:normal; margin-bottom:30px;}
.fwwd h3 span{ font-size:40px; color:#333; text-transform:uppercase;}
.fwwd p{ line-height:35px; color:#333; font-size:16px; padding:10px 20px;}

.nynav{ width:353px; height:160px;}
.nynav h3{ margin-bottom:5px;}
.nynav h3 a{ font-size:20px; color:#333;}
.nynav>a{ padding:5px 0 5px 30px; line-height:35px; color:#666; font-size:16px; margin-right:10px; margin-bottom:10px; background:url(../images/nynava.png) left center no-repeat;}
.nynav p{ color:#666; font-size:14px; margin-bottom:0; line-height:24px;}

.nycontactmes{ float:right; width:410px; padding-top:45px; background:url(../images/mestitle.jpg) left top no-repeat;}
.nycontactmes .mescss{ width:410px; height:40px; border-radius:5px; border:1px #ddd solid; color:#666; margin-bottom:20px; font-family:'Microsoft Yahei'; font-size:14px; line-height:40px; padding-left:10px; box-sizing:border-box}

.loc{ line-height:40px; color:#666; font-size:12px}
.loc a{ line-height:40px; color:#666; font-size:12px}


.content{  padding:20px 0; font-size:16px; color:#666; line-height:35px; text-align:justify;}
.content p{ font-size:16px; color:#666; line-height:35px; margin:5px 0; text-align:justify;}

.contentimg{ float:right; width:300px; height:500px; margin-top:65px;}


/*.caselist{}
.caselist DIV {MARGIN: 0px 20px 10px 0; width:265px; height:260px; FLOAT: left;}
.caselist H3 { WIDTH: 259px; HEIGHT: 220px; margin:5px auto 0; border:1px #ddd solid; padding:2px; }
.caselist H3 A { WIDTH: 259px; DISPLAY: block; HEIGHT: 214px;  }
.caselist H3 IMG {VERTICAL-ALIGN: middle}
.caselist p {color:#333;line-height:40px; text-align:center;}
.caselist p A {color:#333;text-decoration:none; text-align:center; font-size:14px;}
.caselist p A:visited {COLOR: #333}
.caselist p A:hover {color:#007dd4;text-decoration:none;}
*/

.hzhblist{ float:left; width:800px;}
.hzhblist DIV {MARGIN: 0px 10px 10px 0; width:177px; FLOAT: left;}
.hzhblist H3 { WIDTH: 171px; HEIGHT: 80px; margin:5px auto 0; border:1px #ddd solid; padding:2px; }
.hzhblist H3 A { WIDTH: 171px; DISPLAY: block; HEIGHT: 80px;  }
.hzhblist H3 IMG {VERTICAL-ALIGN: middle}

.hotnews{ width:1200px; height:300px; background:#fff; -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.hotnews *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.hotnews h3{ width:800px; float:left; font-weight:normal; height:300px; padding:30px; box-sizing:border-box;}
.hotnews h3 a{ font-size:26px; color:#333; line-height:60px;}
.hotnews h3 p{ font-size:16px; color:#666; height:160px; line-height:35px;}
.hotnews h3 span{ font-size:14px; color:#888;}
.hotnews h4{ float:right; width:400px; height:300px;}
.hotnews:hover{ background:#01a2ea;}
.hotnews:hover h3 a{ color:#fff;}
.hotnews:hover h3 p{ color:#fff;}
.hotnews:hover h3 span{ color:#fff;}

.prighttitle{ line-height:50px; font-size:14px; border-bottom:1px #ddd solid;}
.prighttitle ul{ float:right; width:120px;}
.prighttitle ul li{ float:left; height:50px; line-height:50px; width:60px;}
.prighttitle ul li a{height:50px; display:block; line-height:50px; width:60px; box-sizing:border-box; padding-left:18px;}
.prighttitle ul li a.tukuai{background:url(../images/tukuai.png) left center no-repeat;}
.prighttitle ul li a.liebiao{background:url(../images/liebiao.png) left center no-repeat;}

.newslist{ }
.newslist div{ height:80px; padding:35px 0; background:url(../images/newslist.jpg) right top no-repeat;}
.newslist div h4{ width:80px; height:50px; background:#dddddd; text-align:center; float:left; margin-right:20px; padding:15px 0;}
.newslist div h4 b{ display:block; font-size:30px; color:#666; font-weight:normal; line-height:30px; }
.newslist div h4 i{ font-size:18px; color:#666; font-weight:normal; font-style:normal;}
.newslist div h4.lanse{ background:#01a2ea}
.newslist div h4.lanse b{ color:#fff;}
.newslist div h4.lanse i{ color:#fff;}
.newslist div h3{ font-size:18px; color:#333; line-height:35px; width:550px; float:left;}
.newslist div p{ font-size:14px; color:#666; line-height:30px; margin-bottom:10px; width:950px; float:left;}
.newslist div span{ width:120px; height:80px; float:right; display:block;}

.title{ font-size:30px; color:#333; line-height:50px; border-bottom:1px #ddd solid;}
.info{ float:right; font-size:14px; color:#666; line-height:50px; font-weight:normal; }
.info a{ color:#666;}
.textarea{ line-height:35px; color:#666; font-size:16px;}
.showimg{ float:right;max-height:300px; margin-left:30px; max-width:450px; border:1px #ddd solid; padding:5px;}

.newslist01{ width:895px; display:none;}
.newslist01 *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.newslist01 ul li{ width:100%; height:40px; border-bottom:1px #ddd dotted}
.newslist01 ul li a{ font-size:14px; color:#333; line-height:40px;}
.newslist01 ul li a b{ font-weight:normal; margin-right:8px;}
.newslist01 ul li a span{ float:right; color:#888;}
.newslist01 ul li:hover a{ color:#01a2ea;}

.caselist{ width:100%;}
.caselist *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.caselist ul li{ float:left; width:275px; margin-right: 20px; margin-bottom: 20px; height:350px; background:#fff;}
.caselist ul li h3{ height:160px;}
.caselist ul li h3 a img{ width:275px; height:160px;}
.caselist ul li h4{ height:200px; padding:10px; box-sizing:border-box; font-weight:normal;}
.caselist ul li h4 a{ font-size:18px; color:#333; line-height:50px;}
.caselist ul li h4 p{ font-size:14px; color:#666; height:50px; margin-bottom:20px; width:260px; line-height:24px;  overflow:hidden;}
.caselist ul li h4 span{ font-size:12px; color:#888;}
.caselist ul li:hover{ background:#01a2ea;}
.caselist ul li:hover h4 a{ color:#fff;}
.caselist ul li:hover h4 p{ color:#fff;}
.caselist ul li:hover h4 span{ color:#fff;}

.caselist01{ width:100%; display:none;}
.caselist01 *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.caselist01 ul li{ width:100%; height:40px; border-bottom:1px #ddd dotted}
.caselist01 ul li a{ font-size:14px; color:#333; line-height:40px;}
.caselist01 ul li a b{ font-weight:normal; margin-right:8px;}
.caselist01 ul li a span{ float:right; color:#888;}
.caselist01 ul li:hover a{ color:#01a2ea;}



/*.videolist{ width:1200px; margin:0 auto;}
.videolist *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.videolist ul li{ float:left; width:370px; margin:15px; height:350px; background:#fff;}
.videolist ul li h3{ height:230px;}
.videolist ul li h3 a img{ width:370px; height:230px;}
.videolist ul li h4{ height:120px; padding:20px; box-sizing:border-box; font-weight:normal;}
.videolist ul li h4 a{ font-size:18px; color:#333; line-height:50px;}
.videolist ul li h4 span{ font-size:12px; color:#888;}
.videolist ul li:hover{ background:#01a2ea;}
.videolist ul li:hover h4 a{ color:#fff;}
.videolist ul li:hover h4 span{ color:#fff;}*/

.videolist{ width:895px;}
.videolist *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.videolist ul li{ float:left; width:283px; margin-right: 20px; margin-bottom: 20px; height:350px; background:#fff;}
.videolist ul li h3{ height:230px;}
.videolist ul li h3 a img{ width:283px; height:160px;}
.videolist ul li h4{ height:200px; padding:10px; box-sizing:border-box; font-weight:normal;}
.videolist ul li h4 a{ font-size:18px; color:#333; line-height:50px;}
.videolist ul li h4 p{ font-size:14px; color:#666; height:50px; margin-bottom:20px; width:260px; line-height:24px;  overflow:hidden;}
.videolist ul li h4 span{ font-size:12px; color:#888;}
.videolist ul li:hover{ background:#01a2ea;}
.videolist ul li:hover h4 a{ color:#fff;}
.videolist ul li:hover h4 p{ color:#fff;}
.videolist ul li:hover h4 span{ color:#fff;}


.videolist01{ width:100%; display:none;}
.videolist01 *{ -webkit-transition: all ease-in-out 0.55s;-o-transition: all ease-in-out 0.55s;
	-ms-transition: all ease-in-out 0.55s;	transition: all ease-in-out 0.55s;}
.videolist01 ul li{ width:100%; height:40px; border-bottom:1px #ddd dotted}
.videolist01 ul li a{ font-size:14px; color:#333; line-height:40px;}
.videolist01 ul li a b{ font-weight:normal; margin-right:8px;}
.videolist01 ul li a span{ float:right; color:#888;}
.videolist01 ul li:hover a{ color:#01a2ea;}

.news_con{ width:1200px; padding:30px; background:#fff;}
.news_contitle{ font-size:30px; color:#333; font-weight:normal; line-height:50px;}
.news_contime{ font-size:14px; color:#666; line-height:30px; margin-bottom:30px; padding-bottom:10px; border-bottom:1px #ddd solid;}
.news_text{ line-height:30px; font-size:14px; color:#333; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #ddd solid;}
.news_text p{ margin:15px 0; font-size:14px; color:#333;}

.pro_text{ padding:30px; box-sizing:border-box; background:#fff; line-height:30px; font-size:14px; color:#333; margin-bottom:30px;}
.pro_text p{ margin:15px 0; font-size:14px; color:#333;}

.producttext{}
.producttext h3{ font-size:20px; color:#007dd4;}
.productcontent{ height:180px; margin-top:12px; font-size:14px; color:#666; line-height:24px; text-align:justify;}
.producttext a{ font-size:14px; color:#007dd4; border:1px #007dd4 solid; width:90px; height:30px; display:block; text-align:center; line-height:30px;}



.icase{ float:left; width:180px; height:185px; padding:135px 35px 0; background:url(../images/icaseimg.jpg) left top no-repeat; position:relative;}
.icasetitle{ height:40px; width:100%;}
.icasetitle h3{ font-size:18px; padding-top:12px; line-height:26px; color:#007dd4; font-weight:normal; background:url(../images/iline.jpg) left top no-repeat;}
.icasetitle span{ font-size:20px; margin-left:10px; color:#cfcfcf; text-transform:uppercase;}

.icaselist{ margin-top:10px;}
.icaselist li{ line-height:30px; padding-left:10px; background:url(../images/icaselist.jpg) left center no-repeat;}
.icaselist li a{ line-height:30px; color:#666; font-size:12px;}
.icasemore{ width:250px; height:40px; background:#01a2ea; position:absolute; bottom:0; left: 0; line-height:40px; color:#fff; text-align:center;}
.icasemore:hover{ color:#fff;}

.dlcybg{ background:url(../images/dlcy.jpg) center top no-repeat; height:600px;}
.pr{ position:relative;}
.dlcylist{ width:812px; position:absolute; top:165px; right:0;}
.dlcylist div{ width:175px; height:128px; float:left; margin-right:3px; margin-bottom:3px; padding:32px 0 0 25px; background:url(../images/cybg.png) left top no-repeat;}
.dlcylist div:hover{ background:url(../images/cybg01.png) left top no-repeat; cursor:pointer; -webkit-animation:transform-6 0.3s ease 200ms alternate none 1;animation:transform-6 0.3s ease 200ms alternate none 1;}
.dlcylist div h3{ font-size:20px; padding-top:12px; line-height:26px; color:#fff; font-weight:normal; background:url(../images/iline.jpg) left top no-repeat;}
.dlcylist div h3 a{ font-size:20px; color:#fff;}
.dlcylist div span{ font-size:12px; color:#acadad; text-transform:uppercase;}
.dlcylist div.p0{ padding:0; width:200px; height:160px;}
.dlcylist div:hover span{color:#accbe8;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999; font-size:14px; line-height:30px;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

.foot{ background:#333; width:100%; }
.footbox{ padding:50px 0; width:1200px; margin:0 auto;}
.footlogo{ float:left; width:141px; height:146px; margin-right:50px;}
.footcontact{ float:left; width:300px; margin-right:40px;}
.footcontact h3{ font-size:24px; color:#d0d0d0; font-weight:normal; line-height:30px; margin-bottom:5px;}
.footcontact h3 span{ font-size:18px; color:#888; text-transform:uppercase;}
.footcontact p{ font-size:14px; line-height:30px; color:#d0d0d0;}
.footmenu{ float:left; width:580px; margin-right:50px;}
.footmenu h3{ font-size:24px; color:#d0d0d0; font-weight:normal; line-height:30px; margin-bottom:5px;}
.footmenu h3 span{ font-size:18px; color:#888; text-transform:uppercase;}
.footmenu p{ font-size:14px; line-height:35px; color:#d0d0d0;}
.footmenu ul li{ float:left; margin-right:20px; line-height:26px;}
.footmenu ul li a{ color:#d0d0d0; font-size:14px; line-height:30px;}
.footewm{ float:right; width:180px;}
.footewm h3{ font-size:24px; color:#d0d0d0; font-weight:normal; line-height:30px; margin-bottom:5px;}
.footewm h3 span{ font-size:18px; color:#888; text-transform:uppercase;}
.footewm p{ font-size:12px; line-height:30px; color:#d0d0d0;}
.footewm ul li{ float:left; width:120px; height:150px; color:#888; text-align:center; font-size:14px; margin-right:30px;}
.copyright{ width:100%; height:50px; line-height:50px; color:#d0d0d0; text-align:left; background:#111; font-size:14px}
.copyright a{ color:#d0d0d0}
.footlink{ background:#01a2ea;height:60px; margin:30px 0 10px; line-height:60px; color:#fff; font-size:14px;}
.footlink a{ display:inline-block; padding:0 0 0 10px; line-height:60px; color:#fff; font-size:14px;}

.pagination {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
.pagination li {
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pagination li a {
	display: block;
	padding: 4px 12px;
	background-color: #fcfcfc;
	border: 1px solid #eeeeee;
}
.pagination li + li a {
	border-left: none;
}
.pagination li.active a, .pagination li a:hover {
	background-color: #01a2ea;
	color: #ffffff;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#wowslider-container {
	zoom: 1;
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 100;
	border: none;
	text-align: left; /* reset align=center */
	font-size: 10px;
	overflow: hidden;
}
#wowslider-container.fullscreen-mode, #wowslider-container.fullwidth-mode {
	max-width: none;
	max-height: none;
}
#wowslider-container .ws_images ul {
	position: relative;
	width: 10000%;
	height: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	overflow: visible;/*table-layout:fixed;*/
}
#wowslider-container .ws_images ul li {
	position: relative;
	width: 1%;
	height: 100%;
	line-height: 0; /*opera*/
	overflow: hidden;
	float: left;
	font-size: 0;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}
#wowslider-container .ws_images {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#wowslider-container.fullscreen-mode .ws_images, #wowslider-container.fullwidth-mode .ws_images {
	max-height: none;
}
#wowslider-container .ws_images a {
	width: 100%;
	display: block;
	color: transparent;
}
#wowslider-container.fullscreen-mode .ws_images a, #wowslider-container.fullwidth-mode .ws_images a {
	height: 100%;
}
#wowslider-container img {
	max-width: none !important;
}
#wowslider-container .ws_images img {
	width: 100%;
	border: none 0;
	max-width: none;
	padding: 0;
	margin: 0;
}
#wowslider-container .ws_images iframe {
	position: absolute;
	z-index: -1;
}
#wowslider-container a {
	text-decoration: none;
	outline: none;
	border: none;
}
#wowslider-container .ws_bullets {
	float: left;
	position: absolute;
	z-index: 70;
}
#wowslider-container .ws_bullets div {
	position: relative;
	float: left;
	font-size: 0px;
}
#wowslider-container a.wsl {
	display: none;
}
#wowslider-container .ws_bullets {
	padding: 10px;
}
#wowslider-container .ws_bullets a {
	margin-left: 16px;
	width: 12px;
	height: 12px;
	float: left;
	text-indent: -4000px;
	position: relative;
	background: rgb(30,165,194); /* ie */
	background: rgba(30,165,194,0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover {
	background: rgba(30,165,194,1);
}
#wowslider-container .ws_bullets a:hover {
	-webkit-animation: pulseIn .9s infinite linear;
	-moz-animation: pulseIn .9s infinite linear;
	animation: pulseIn .9s infinite linear;
}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
	font-family: 'wowslider-controls';
	position: absolute;
	display: none;
	text-shadow: none;
	text-align: center;
	background: rgb(1,1,1);
	color: #fff;
	top: 50%;
	margin-top: -2.5em;
	height: 5em;
	width: 5em;
	z-index: 60;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover {
	background: rgba(221,221,221,0.6);
}
#wowslider-container a.ws_next {
	right: 10px;
}
#wowslider-container a.ws_next:after {
	content: '\e801';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#wowslider-container a.ws_prev {
	left: 10px;
}
#wowslider-container a.ws_prev:after {
	content: '\e800';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#wowslider-container a.ws_prev:hover:after {
	-webkit-animation: prevArrow .7s infinite ease-in-out;
	-moz-animation: prevArrow .7s infinite ease-in-out;
	animation: prevArrow .7s infinite ease-in-out;
}
#wowslider-container a.ws_next:hover:after {
	-webkit-animation: nextArrow .7s infinite ease-in-out;
	-moz-animation: nextArrow .7s infinite ease-in-out;
	animation: nextArrow .7s infinite ease-in-out;
}
* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev {
	display: block
}
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {
	display: block
}
/* bottom center */
#wowslider-container .ws_bullets {
	bottom: -33px;
	left: 50%;
}
#wowslider-container .ws_bullets div {
	left: -70%;
}
#wowslider-container .ws-title {
	position: absolute;
	display: block;
	bottom: 0.31em;
	left: 1.23em;

	margin: 9px;
	z-index: 50;
	font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
	font-size: 5.5em;
	color: #FFF;
	text-shadow: 1px 1px 1px #333333;
}
#wowslider-container .ws-title div, #wowslider-container .ws-title span {
	display: inline-block;
	padding: 10px;
	background: #3398B6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: 0.95;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
#wowslider-container .ws-title div {
	display: block;
	background: #B02D15;
	margin-top: 10px;
	color: #FFFFFF;
	opacity: 0.8;
	text-shadow: 1px 1px 1px #000000;
}
#wowslider-container .ws_images > ul {
	animation: wsBasic 16.8s infinite;
	-moz-animation: wsBasic 16.8s infinite;
	-webkit-animation: wsBasic 16.8s infinite;
}

.gs,.hy,.cp,.newslist{width: 100%;overflow: hidden;}
.news-box h2{font-size: 32px;color: #1a1a1a;font-weight: bold;line-height: 34px;padding-left: 35px;margin: 70px 0 40px 0;}
.news-box h2 a{font-size: 14px;float: right;}
.news-box h2 a:hover{color: #1e95f5;}
.gs h2{background: url("../images/icon-news01.png") left center no-repeat;}
.hy h2{background: url("../images/icon-news03.png") left center no-repeat;}
.cp h2{background: url("../images/icon-news02.png") left center no-repeat;}
.gs li{width: 370px; height:380px;float: left;margin-left: 15px;background: #f7f7f7;padding: 10px;position: relative;}
.gs li:first-child{margin-left: 0;}
.gs li img,.hy .left img{width: 100%;}
.gs li .time{padding: 5px 0;width: 70px;color: #fff;background: #1e95f5;text-align: center;position: absolute;
    top: 10px;}
.gs li .time .day{display: block;font-size: 24px;line-height: 35px;}
.gs li .time .month{display: block;}
.gs li .text{padding: 25px 10px;}
.gs li:hover .text{background: #1e95f5;color: #fff;}
.gs li:hover a{color: #fff;}
.gs li h3{font-size: 18px;margin-bottom: 25px;}
.gs li h3 a{ color:#333;}
.gs li p{line-height: 22px; color:#666;}
.hy .left{width: 470px; height:450px;float: left;background: #f7f7f7;padding: 10px;position: relative;}
.hy .left .time{padding: 5px 0;width: 85px;color: #fff;background: #1e95f5;text-align: center;position: absolute;
    top: 10px;}
.hy .left .time .day{display: block;font-size: 32px;line-height: 40px;}
.hy .left .time .month{display: block;}
.hy .left:hover .text{background: #1e95f5;color: #fff;}
.hy .left:hover a{color: #fff;}
.hy .left .text{padding: 25px 10px;}
.hy .left h3{font-size: 18px;margin-bottom: 25px;}
.hy .left p{line-height: 22px; color:#666;}
.hy .right{width: 670px;float: right;}
.hy .right li{float: left;width: 100%;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;
    padding: 26px 0px;margin-top: -1px;}
.hy .right li:hover{background: #f2f2f2;}
.hy .right li:hover a{color: #1e95f5;}
.hy .right li .time{width: 70px;float: left;text-align: center;color: #b0b0b0;}
.hy .right li .time b{font-size: 30px;display: block;color: #555555;line-height: 38px;}
.hy .right li .time span{font-size: 14px;display: block;}
.hy .right li .text{float: left;width: 455px;padding: 0px 10px;line-height: 24px;border-left: 1px solid #eaeaea;}
.hy .right li .text h3{font-weight: normal;font-size: 18px;margin-bottom: 10px;}
.hy .right li .text p{ color:#666;}
.hy .right li em{width: 35px;float: right;margin: 11px 0px;display: block;}
.cp .title{width: 100%;overflow: hidden;}
.cp .title li{width: 23.4%;padding: 15px 0;float: left;text-align: center;margin-left: 2.1%;background: #f2f2f2;
font-size: 18px;color: #555555;font-weight: bold;}
.cp .title li:first-child{margin-left: 0;}
.cp .title-content{width: 100%;overflow: hidden;margin: 40px 0;}
.cp .title-content ul{overflow: hidden;margin-left: -25px;}
.cp .title-content .show{display: block;}
.cp .title-content .hide{display: none;}
.cp .title-content li{width: 44.5%;margin-left: 25px;float: left;padding: 15px 20px;border: 1px dashed #eaeaea;margin-bottom: 20px;}
.cp .title-content li:hover{background: #f2f2f2;}
.cp .title-content li:hover a{color: #1e95f5;}
.cp .title-content li p{ color:#666;}
.cp .title-content li h3{font-size: 18px;color: #000000;}
.cp .title-content li span{color: #999999;margin: 12px 0 6px 0;display: block;padding-left: 25px;
    background: url("../images/time2.png") left center no-repeat;background-size: 18px;}
.cp .title-content .li li p{line-height: 20px;}
.newslist{margin: 0 auto;min-height: 360px;}
.newslist li{width: 48%;line-height: 60px;height: 60px;text-align: left;border-bottom: #DBDBDB 1px dashed;
    float: left;margin-right: 24px;}
.newslist li:hover .text a{color: #1e95f5;padding-left: 30px;}
.newslist li .date{float: right;padding-right: 20px;color: #999;}
.newslist li .text{float: left;text-align: left;position: absolute;}
.newslist li .text a{text-decoration: none;display: block;width: 335px;padding-left: 20px;
    background: url(../images/pic02.jpg) no-repeat left center;transition: all ease 0.5s;}
.qitacontact{    background: #f5f5f5; width:1150px;
    padding: 25px;}
		.qitacontact p{ color:#444;}
		
		
		
		/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed; z-index:999999;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}