@charset "gb2312";
/* CSS Document */

/*public*/
body{ margin:0px; padding:0px; font-family:微软雅黑; font-size:12px;}
ul,li{ list-style:none;}
*{ margin:0px; padding:0px; }
img{ border:0; width:245px; margin-right:7px;}
.mid{ width:1280px; margin:auto; height:auto;}
a:link {
	color: #616161;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #616161;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #616161;
}
/*public end*/

/*Top*/
.Top{ width:100%; height:177px; float:left; background:url(../images/tbg.jpg) repeat;}
.Logo{ width:100%; height:127px; float:left; background:url(../images/logo.jpg) center no-repeat;}
#Z_menu{width:100%; height:50px; float:left; background:url(../images/mbg.jpg) repeat-x;}
#Z_menu ul{font-size:14px; margin:auto; width:780px;}
#Z_menu ul li{width:130px; height:50px; line-height:45px; color:#013470; float:left; text-align:center;position: relative;z-index: 5;}
#Z_menu ul li a:link,#Z_menu ul li a:visited,#Z_menu ul li a:active{color:#013470;}
#Z_menu ul li a:hover{color:#020202;}
#Z_menu ul li ul{
	position: absolute;
	top: 49px;
	left: 0px;
	display: none;
	background-color:#cfcdcd;
	z-index: 9999;
	float: left;
	height: auto;
	width:100%;
}
#Z_menu ul li ul li{
	float: left;
	height: 36px;
	width: 100%;
	font-weight: normal;
	font-size: 14px;
	line-height: 36px;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBD9D9;
}
#Z_menu ul li ul li a:link,#Z_menu ul li ul li a:visited,#Z_menu ul li ul li a:active{
	display: block;
	width: 100%;
	float: left;
	height: 36px;
	line-height: 36px;
	color: #013470;
	font-weight: normal;
}
#Z_menu ul li ul li a:hover{
	display: block;
	background-color: #013470;
	color: #FFF;
	width: 100%;
	float: left;
	height: 36px;
	line-height: 36px;
	background-image: none;
	font-weight: normal;
}
#Z_menu .liico{ background:url(../images/li.png) right center no-repeat;}
/*Top end*/

/*Banner*/
.Banner{ width:100%; height:377px; float:left; }
/*Banner end*/

/*Cont*/
.Content{ width:100%; height:auto; float:left;}
.Product{ width:100%; height:auto; float:left;}
.Product .Pro{ width:100%; height:268px; float:left;}
.Product .Pro .Title{ width:100%; height:57px; float:left; line-height:60px;}
.Product .Pro .Title .txt{ width:300px; height:100%; float:left; color:#44648a; font-weight:bold; font-size:20px; }
.Product .Pro .Title .more{ width:200px; height:100%; float:right; text-align:right;}
.Product .Pro .Title .more a{ color:#44648a;}
.Product .Pro .Title .more a:hover{ color:#14496a; text-decoration:underline;}

.Product .Pro .ProList{ width:100%; height:200px; float:left;}
.Product .List ul{ margin-left:auto; margin-right:auto; height:auto; margin-top:0; margin-bottom:0; width:1130px; }
.Product .List ul a:hover li span{ color:#2a4361;}
.Product .List ul li{ width:168px; height:223px; float:left;	margin-right:29px; margin-left:29px; margin-top:10px; margin-bottom:10px;}
.Product .List ul li .Listimg{ width:168px; float:left;	height:168px;}
.Product .List ul li span{ width:100%; height:auto; float:left; text-align:center; margin-top:26px; font-size:16px; color:#44648a;
font-weight:bold;}
.Product .List ul li .Listimg img{ width:100%; height:100%;	border:0;}
.Product .List{ width:100%; height:255px; float:left;}
.News { width:100%; height:475px; float:left; background:#44648a;}
.News li{ width:611px; height:124px; float:left; background:#f7f7f7; margin-bottom:31px;}
.News .Rli{ float:right;}
.News ul{ margin-top:20px;}
.News li .Nimg{ width:138px; height:99px; float:left; border:2px #44648a solid; margin-left:14px; margin-top:10px;}
.News li .Nimg img{ width:100%; height:100%; }
.News li .NTxt{ width:429px; height:104px; float:left; margin-left:15px;}
.News li .NTxt .Ntitle{ width:100%; height:32px; float:left; line-height:32px; color:#44648a; margin-top:3px;font-size:16px;margin-bottom:8px;}
.News li .NTxt .Ntitle a{color:#44648a;}
.News li .NTxt .Ntitle a:hover{color:#223f62; text-decoration:underline;}
.News li .NTxt .NCont{ width:100%; height:70px; float:left; color:#959595; line-height:18px; overflow:hidden;}
.Aco{ width:100%; height:auto; float:left}
.Aco .Div{ width:100%; height:auto; float:left; border:1px #e8e8e8 solid; background:#eff3f6; margin-top:27px; margin-bottom:29px;}
.Aco .Div .Div_hid{ width:100%; height:264px; float:left;}
.Aco .Div .Div_hid .Hot{ width:650px; float:left; height:264px; margin-left:30px;}
.Aco .Div .Div_hid .Hot .Title{ width:100%; height:50px; float:left; color:#013470; }
.Aco .Div .Div_hid .Hot .Title .tit{ width:300px; height:50px; float:left; font-size:22px; line-height:48px; background:url(../images/bul.jpg) left center  no-repeat; text-indent:15px;}
.Aco .Div .Div_hid .Hot .Title .more{ width:100px; height:50px; float:right; font-size:14px;line-height:55px; text-align:right;}
.Aco .Div .Div_hid .Hot .Title .more a{ color:#d2d3d4;}
.Aco .Div .Div_hid .Hot .Title .more a:hover{ color:#14496a;}
.Aco .Div .Div_hid .Hot .ConList{ width:100%; height:auto; float:left; margin-top:30px;}
.Aco .Div .Div_hid .Hot .ConList ul{ width:650px; height:150px;float:left;}
.Aco .Div .Div_hid .Hot .ConList .rigli{ margin-right:35px;}
.Aco .Div .Div_hid .Hot .ConList ul li{ width:191px; height:146px; float:left; }
.Aco .Div .Div_hid .Hot .ConList ul li img{ width:100%; height:100%; border:1px #a8a0a0 solid;}
.Aco .Div .Div_hid .Cont{ width:550px; float:right;height:264px; background:#FFF url(../images/consan.png) left center no-repeat;}
.Aco .Div .Div_hid .Cont span{ width:500px; height:238px; display:block; margin-top:10px; margin-left:35px; font-size:14px; text-indent:25px; line-height:24px; overflow:hidden;}
.Aco .Div .Div_hid .Cont span a{ color:#347ead;}
.Aco .Div .Div_hid .Cont span a:hover{ color:#1c4966;}
.Aco .Div .Div_pro{ width:100%; height:281px; float:left;}
.Aco .Div .Div_pro .DP_bk{ width:99%; height:247px; background:#FFF; border:1px #d2cccc solid; margin-left:0.5%; margin-top:20px;}
.Aco .Div .Div_pro .DP_bk ul{ width:1220px; height:auto;float:left; margin-left:23px; margin-top:30px;}
.Aco .Div .Div_pro .DP_bk .rigli{ margin-right:55px;}
.Aco .Div .Div_pro .DP_bk ul li{ width:263px; height:185px; float:left; }
.Aco .Div .Div_pro .DP_bk ul li img{ width:100%; height:100%; border:1px #a8a0a0 solid;}
.Case { width:100%; height:auto; float:left; background:#f0f0f0;}
.Case .Cas{ width:100%; height:auto; float:left; color:#013470;}
.Case .Title{ width:100%; height:47px; float:left; color:#013470; border-bottom:2px #cdcdcd solid; padding-top:25px;}
.Case .Txt{ width: 200px; float:left;height:100%; font-size:22px; color:#013470;}
.Case .More{ width:200px; float:right; height:100%; text-align:right; font-size:18px;}
.Case .More a{ color:#013470;}
.Case .Clist{ width:100%; height:auto; float:left; margin-top:33px;}
.Case .Clist .CHot{ width:100%; height:auto; float:left;}
.Case .Clist .CHot img{ width:100%; height:100%;}
.Case .Clist .CHot .Hot{ width:708px; height:365px; float:left;}
.Case .Clist .CHot .RHot{ width:476px; height:365px; float:right;}
.Case .Clist .CHot .RHot .liOne{ width:100%; height:211px; float:left;}
.Case .Clist .CHot .RHot .litwo{ width:100%; height:120px; float:left; margin-top:34px;}
.Case .Clist .CHot .RHot .litwo li{ width:147px; height:120px; float:left;}
.Case .Clist .CHot .RHot .litwo .Rli{ margin-right:17px;}
.Case .Clist .CHots{ width:100%; height:auto; float:left; margin-top:0px; margin-bottom:16px;}
.Case .Clist .CHots li{ width:274px; height:177px; float:left;}
.Case .Clist .CHots .Rli{ margin-right:61px;}
.Case .Com{ width:100%; height:auto; float:left;}
.Case .Com .Colist{ width:100%; height:auto; float:left; margin-top:35px; margin-bottom:50px;}
/*Cont end*/

/*Foots*/
.Foots{ width:100%; height:610px; float:left; background:url(../images/fbg.jpg) repeat;}
.Foots .Copy{ width:100%; height:363px;float:left; padding-top:62px; background:url(../images/lns.gif) left bottom repeat-x;}
.Foots .Copy .left{ width:732px; height:100%; float:left;}
.Foots .Copy .left .Feedtitle{ width:100%; height:33px; float:left; background:url(../images/feed.jpg) left center no-repeat; margin-bottom:20px;}
.Foots .Copy .left .Feedcont{ width:100%; height:300px; float:left;}
.Foots .Copy .left .Feedcont .Linfo{ width:282px; height:100%; float:left; }
.Foots .Copy .left .Feedcont span{ display:block; float:left;}
.Foots .Copy .left .Feedcont .Rinfo{ width:399px; height:300px; float:right; background:url(../images/online.jpg) center top no-repeat; margin-right:20px;}
.inp{ border:0; background:url(../images/txtbk.jpg) center no-repeat; width:269px; height:37px; float:left; font-size:16px; color:#b8b8b8; font-weight:bold; text-indent:15px; line-height:40px; margin-bottom:31px;}
.text{ width:335px; height:135px; float:left; margin-left:25px; margin-top:15px; border:0;}
.isok{ width:83px; height:33px; float:right; background:url(../images/isok.jpg) center no-repeat; border:0; margin-top:75px; margin-right:14px;}

.Foots .Copy .right { width:420px; float:left; height:100%;}
.Foots .Copy .right .CUStitle{ width:100%; height:33px; float:left; background:url(../images/ConUs.jpg) left center no-repeat;}
.Foots .Copy .right .CUcont{ width:100%; height:300px; overflow:hidden; float:left; color:#ffffff;}
.Foots .Copy .right span{ display:block; width:100%; height:auto; float:left; letter-spacing:1px;}
.Foots .Copy .right .h1{ font-size:30px; margin-top:25px;}
.Foots .Copy .right .h2{ font-size:16px; margin-top:25px; line-height:24px;}
.Foots .Copy .right .h3{ font-size:16px; margin-top:20px; line-height:24px;}
.Foots .links{ width:100%; height:130px; float:left; padding-top:15px;}
.Foots .links .ico{ width:135px; height:31px; float:left;}
.Foots .links .ico img{ width:100%; height:100%;}
.Foots .links .lin{ width:100%; float:left; height:112px; padding-top:18px;}
.Foots .links .lin span{display:block; float:left; font-size:16px; color:#f3fff5; width:auto; height:auto; margin-right:10px;}
.Foots .links .lin span a{color:#787878;}
.Foots .links .lin span a:hover{color:#fff;}
.Foots .Bottom{ width:100%; height:30px; float:left; background:#000; color:#898989; padding-top:15px;}
.Foots .Bottom span{ margin-right:5px; display:block; width:auto; float:left; height:14px; line-height:14px; border-right:1px #898989 solid; padding-left:5px; padding-right:10px;}
.Foots .Bottom a{ color:#898989;}
.Foots .Bottom a:hover{ color:#CCC;}

/*Foots end*/

#ToHome{ width:30px; height:29px; background:url(../images/top.png) center no-repeat; position:fixed; z-index:999; right:15px; bottom:15px;}

/* flexslider */
#colee_left p {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;	text-decoration: none; margin-right:17px;}
#colee_left p img{ width:248px; height:178px; border:#e2e2e2 1px solid;}
:focus, :active { outline: 0;}
.sli {	overflow: hidden;}
.sli-text {	padding: 5px 10px;	background-color: #fc6533;	text-align:center;	color: #fff;}

#colee_lefts p {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;	text-decoration: none; margin-right:17px;}
#colee_lefts p img{ width:140px; height:188px; border:#e2e2e2 1px solid;}
:focus, :active { outline: 0;}
.sli {	overflow: hidden;}
.sli-text {	padding: 5px 10px;	background-color: #fc6533;	text-align:center;	color: #fff;}

/**banner js 样式**/
.flickerplate {
	position:relative;
	z-index:1;
	float:left;
	width:100%;
	height:377px;
	overflow:hidden;
}
.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-repeat:no-repeat;
	background-size:cover;
	display:table;
}

.dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:999;
}
.dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.dot-navigation ul li {
	display:inline-block;	}
.dot {/*小圆点*/
	width:10px;
	height:10px;
	margin:0px 6px;
	background-color:#fff;
	-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;
	z-index:999;
	position:relative;
	border-radius:25px;
	border:1px #e6e6e6 solid;
}
.dot:hover /*小圆点 悬浮*/{
	cursor:pointer;
	background-color:rgba(249, 204, 200, 0.5)
}
.dot.active {
	border:1px #e6e6e6 solid;
	background-color:#14496a;
}

.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.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
}
/**banner js end**/