html,body{ margin:0; padding:0;}
body{ font-family:Microsoft Yahei, sans-serif; font-size:14px; color:#777; background:#FFF; padding-top:88px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img{ border:0}
ul,li,form,h3{ list-style:none; margin:0; padding:0;}
a,a:link,a:visited{ text-decoration:none; color:#777;}
a:hover{ color:#00acff;}

.area_1100{ width:1100px; margin:0 auto;}
.bg_f5{ background-color:#f5f5f5;}
.sp50{ height:50px;}
.p15{ padding:25px 20px;}
.zwnr{ line-height:180%;}
.zwnr02{ line-height:180%; color:#666;}
.zwnr02 a{ color:#666;}
.zwnr02 a:hover{ color:#00acff;}
.kuan{ border:1px solid #eee; border-top:none;}

.header{ position:absolute; left:0; top:0; width:100%; z-index:9999;}
.header .header_dh{ height:88px; background-color:#FFF;}
.header .header_logo{ position:absolute; left:0; top:0; height:88px; width:315px; background:url(../images/logo.png) 50% no-repeat;}
.header .header_logo a{ display:block; height:88px; text-indent:-20000px; overflow:hidden;}
.header .header_bg{ height:45px; background:url(../images/header_bg.png) repeat-x; }


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.dharea{ position:absolute; right:0; top:0;}
.nav{ height:88px; position:relative; z-index:1;}
.nav a{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.nav .nLi{ float:left; position:relative; display:inline;  }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; padding:0 20px; height:34px; line-height:34px; font-size:14px; font-weight:normal; color:#666; margin-top:27px; }
.nav .on h3 a{ background:#3dc0ff; color:#fff;}
.nav .sub{ display:none; width:100%; left:0; top:61px; position:absolute; background:#00527a; text-align:center;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; height:34px; line-height:34px; color:#eee;}
.nav .sub a:hover{ background:#00acff; color:#fff;}

.maintitle{ text-align:center; color:#333; font-size:16px; padding:50px 0 30px;}
.maintitle h3{ font-size:46px; font-family:"Times New Roman", Times, serif; padding-bottom:6px;}
.maintitle a{ color:#00acff;}
.maintitle a:hover{ color:#ff0000;}

.caselist{ overflow:auto;}
.caselist li{ float:left; with:336px; position:relative;}
.caselist li.sp{ margin:0 46px;}
.caselist li a{ display:block;}
.caselist li a i{ width:336px; height:189px; overflow:hidden; display:block;}
.caselist li a i img{ -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; display:block;}
.caselist li a:hover i img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist li a .c_mask{ position:absolute; left:0; top:0; background-color:#000; width:100%; height:189px; z-index:1;}
.caselist li a .c_zoom{ position:absolute; left:0; top:0; background:url(../images/ic_zoom.png) 50% no-repeat; width:100%; height:189px; z-index:2;}
.caselist li a h3{ height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:normal;}

.plist{ overflow:auto;}
.plist li{ float:left; with:336px; position:relative;}
.plist li.sp{ margin:0 46px;}
.plist li a{ display:block;}
.plist li a i{ width:336px; height:189px; overflow:hidden; display:block; border:1px solid #666; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.plist li a i img{ -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; display:block;}
.plist li a:hover i img{ transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1);}
.plist li a .c_mask{ position:absolute; left:0; top:0; background-color:#000; width:100%; height:189px; z-index:1;}
.plist li a .c_zoom{ position:absolute; left:0; top:0; background:url(../images/ic_zoom.png) 50% no-repeat; width:100%; height:189px; z-index:2;}
.plist li a h3{ text-align:center; font-size:14px; font-weight:normal; padding:20px 0; color:#333;}
.plist li a h3 span{ display:block; color:#999;}
.plist li a:hover h3{ color:#00acff;}

.footer{ position:relative;}
.footer_ic{ height:230px; background-color:#6ac5f1; overflow:hidden; text-align:center; color:#fff; font-size:16px; line-height:160%;}
.footer_ic p{ margin:0; padding:0;}
.footer_ic ul{ padding-top:25px;}
.footer_ic li{ float:left; width:25%;}
.footer_ic li i{ display:block; height:105px;}
.footer_ic li .footer_ic_add{ background:url(../images/footer_ic_add.png) 50% no-repeat;}
.footer_ic li .footer_ic_email{ background:url(../images/footer_ic_email.png) 50% no-repeat;}
.footer_ic li .footer_ic_tel{ background:url(../images/footer_ic_tel.png) 50% no-repeat;}
.footer_ic li .footer_ic_wx{ background:url(../images/footer_ic_wx.png) 50% no-repeat;}
.footer_ic .footer_li_ewm:hover{ cursor:pointer;}
.footer_ewm{ position:absolute; top:-127px; left:50%; margin-left:346px; width:127px; height:163px; background:url(../images/footer_ewm.png) 50% no-repeat; z-index:1000; display:none;}

.footer_wz{ padding:20px; background-color:#00527a; color:#ccc; overflow:hidden;}
.footer_wz .footer_dh{ float:right;}
.footer_wz a{ color:#ccc;}
.footer_wz a:hover{ color:#fff;}

.menu{ text-align:center; padding-bottom:20px; margin-top:-10px;}
.menu .line{ height:1px; background-color:#f2f2f2;}
.menu a{ display:inline-block; width:150px; height:45px; line-height:45px; margin:0 2px 10px 2px; border:1px solid #ddd; border-radius:5px; background-color:#ebf1f8;}
.menu a:hover{ border-color:#00acff;}
.menu a.menuloc{ border-color:#3dc0ff; background-color:#3dc0ff; color:#fff;}

.contact{ overflow: hidden;}
.contact .map{ float:left; width:640px; margin-right:10px;}
.contact .contactinfo{ float:left; width:450px;}
.contact .contactinfo .contact_title{ background-color:#777777; padding:20px 0; text-align:center; color:#fff;}
.contact .contactinfo .contact_title h3{font-weight:normal; font-size:18px;}

.newslist li{ height:45px; line-height:45px; margin-bottom:15px; border:1px solid #eee; padding:0 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; overflow:hidden;}
.newslist li i{ height:45px; width:30px; display:block; float:left; background:url(../images/gray.gif) 50% no-repeat;}
.newslist li span{ display:block; float:right; color:#999;}
.newslist li:hover{ background-color:#f5f5f5; border-color:#ddd;}

.caseml{ overflow:auto; font-size:12px;}
.caseml li{ float:left; height:45px; line-height:45px; margin-bottom:15px; margin-left:5px; margin-right:5px; width:520px; border:1px solid #eee; padding:0 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; overflow:hidden;}
.caseml li i{ height:45px; width:25px; display:block; float:left; background:url(../images/gray.gif) 50% no-repeat;}
.caseml li:hover{ background-color:#f5f5f5; border-color:#ddd; color:#00acff;}

.newstitle{ padding:20px; background-color:#f2f2f2; border:1px solid #ddd; }
.newstitle span{ font-weight:normal; font-size:14px; display:block;}

.job_css .job_menu{ background-color:#00527a; padding:15px 0; color:#fff; text-align:center; overflow:hidden;}
.job_css .job_menu span,.job_css li .job_title span{ display:block; float:left; width:15%;}
.job_css .job_menu span.w20,.job_css li .job_title span.w20{ width:20%;}
.job_css li .job_title{ background-color:#fff; padding:15px 0; border-bottom:1px solid #f9f9f9; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; box-sizing:border-box; text-align:center; overflow:hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.job_css li:hover .job_title{ background-color:#3dc0ff; color:#fff; border-color:#3dc0ff;}
.job_css li .job_nr{ background-color:#f9f9f9; padding:30px; line-height:180%;}

.p_down{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; color:#ff0000; overflow:hidden; line-height:60px;}
.p_down h3{ float:right;}
.p_down a{ display:block; float:right; margin-left:10px; height:60px; width:60px; background:#ff0000 url(../images/ic_down.png) 50% no-repeat; border-radius:50%;}
.p_down a:hover{ background-color:#3dc0ff;}

.scott *{ padding:0px; margin:0px;}
.scott { height:30px; text-align:right;}
.scott a,.scott span{ display:inline-block;}
.scott a { BORDER: #cccccc 1px solid; padding:2px 10px; margin-left:4px; height:26px; line-height:26px; color:#888; -webkit-transition:all .6s ease; -moz-transition:all .6s  ease; transition:all 0.6s  ease;}
.scott a:hover { BORDER: #6ac5f1 1px solid; BACKGROUND-COLOR: #6ac5f1; COLOR: #fff;}

.scott span.current { BORDER: #6ac5f1 1px solid; padding:2px 10px; margin-left: 4px; height:26px; line-height:26px; BACKGROUND-COLOR: #6ac5f1; COLOR: #ffffff;}
.scott span.disabled { BORDER: #cccccc 1px solid; padding:2px 10px; margin-left: 4px; height:26px; line-height:26px; BACKGROUND-COLOR: #fff; COLOR: #999999;}

.np{ padding-top:20px; margin-top:45px; border-top:1px solid #ddd;}
.np span{ display:block; color:#00acff; padding:5px 0;}


.rightkf{ position:fixed; right:0; bottom:60px;}
.rightkf .kfic{ width:50px;}
.rightkf .kfic a{ display:block; color:#333; width:50px; height:50px; border-bottom:1px solid #fff; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.rightkf .kfic a.icqq{ background:#b5b5b5 url(../images/ic_qq.png) 50% no-repeat;}
.rightkf .kfic a.ictel{ background:#b5b5b5 url(../images/ic_tel.png) 50% 12px no-repeat;}
.rightkf .kfic a.icwx{ background:#b5b5b5 url(../images/ic_wx.png) 50% no-repeat;}
.rightkf .kfic a.icgotop{ background:#797979 url(../images/ic_gotop.png) 50% no-repeat;}
.rightkf .kfic a:hover{ background-color:#00527a;}
.rightkf .wxcode{ position:absolute; bottom:1px; right:62px; border:1px solid #d9d9d9; padding:10px 10px 0 10px; width:110px; background-color:#FFF; display:none;}
.rightkf .wxcode img{ display:block;}
.rightkf .wxcode span{ display:block; height:25px; line-height:25px; text-align:center; font-size:12px;}
.rightkf .wxcode .wxcode_face{ position:absolute; right:-8px; bottom:65px;}
.rightkf .fw_tel *{ margin:0; padding:0;}
.rightkf .fw_tel{ position:absolute; bottom:88px; right:62px; border:1px solid #d9d9d9; padding:15px; width:150px; background-color:#FFF; text-align:center; color:#00acff; display:none;}
.rightkf .fw_tel p{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px;}
.rightkf .fw_tel .kf_face{ position:absolute; right:-8px; bottom:35px}
.rightkf .fw_qq *{ margin:0; padding:0;}
.rightkf .fw_qq{ position:absolute; top:0; right:62px; border:1px solid #d9d9d9; padding:15px; width:150px; background-color:#FFF; color:#00acff; display:none;}
.rightkf .fw_qq i{ display:block; float:left; width:50px; height:50px; border:2px solid #ddd; box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; -moz-box-shadow:0 0 6px #ddd; -ms-box-shadow:0 0 6px #ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:15px; background:url(../images/qq-tencent.png) 50% no-repeat; background-size:70%; }
.rightkf .fw_qq h3{ float:left; margin-top:5px;}
.rightkf .fw_qq .kf_face{ position:absolute; right:-8px; top:20px}

.ban_a{ height:300px; background:url(../images/ban_a.jpg) 50% no-repeat;}
.ban_c{ height:300px; background:url(../images/ban_c.jpg) 50% no-repeat;}
.ban_j{ height:300px; background:url(../images/ban_j.jpg) 50% no-repeat;}
.ban_n{ height:300px; background:url(../images/ban_n.jpg) 50% no-repeat;}
.ban_case{ height:300px; background:url(../images/ban_case.jpg) 50% no-repeat;}
@media (min-width: 1900px){
	.ban_a{ background-size:cover;}
	.ban_c{ background-size:cover;}
	.ban_j{ background-size:cover;}
	.ban_n{ background-size:cover;}
	.ban_case{ background-size:cover;}
	}
	
.ad_ban_wz{ display:block; height:540px;}
.flickerplate {
	position:relative;
	width:100%;
	height:540px;
	overflow:hidden;
	background:url(../images/loader.gif) 50% no-repeat
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/flickerplate/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/flickerplate/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}