/* CSS Document */

body{ min-width:960px;font-size:12px; font-family:"微软雅黑";line-height:150%; padding:0; margin:0; color:#000;vertical-align:top; background:#fff;}

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,div,p,blockquote,fieldset,input,select,textarea,option,button,i, {
	margin:0px auto;
	padding:0px;
	font-family:微软雅黑,Arial, Helvetica, sans-serif;
	font-size:16px; font-weight:normal;font-style: normal;
}
*{margin:0; padding:0; border:none; list-style-type:none;}

a{text-decoration:none;}

a:hover{text-decoration: none;}
.clear { clear: both;}

@font-face{
    font-family: 'impact';
    src : url('../font/impact.TTF');
	src : url('../font/impact.eot');
	src : url('../font/impact.woff');
}

.top{ width:100%; height:30px; border-bottom:1px solid #dbdbdb;}
.top_content{ width:1200px; margin:0 auto; text-align:right; line-height:30px;}
.top_content a{ padding:0 10px; border-left:1px solid #CCC; color:#666;}
.top_content a:hover{ color:#ffb71c;}
.top_content .bor{ border:none;}
.header{}
.header_content{ width:1200px; margin:30px auto 20px auto;}
.header_left{ float:left;}
.header_right{ float:right;}
.header_right h3{ text-align:right; font-size:24px; color:#505050; line-height:24px; padding-bottom:10px;}
.header_img{ padding-right:16px;}
.navigation{ width:100%; height:56px; background:#5a5a5a;}
.fixed{ position:fixed; top:0; left:0; z-index:9999;}
.navigation_content{ width:1200px; margin:0 auto;}
.navigation_content ul{ margin:0 auto;}
.navigation_content ul li{ width:100px; float:left; text-align:center; font-size:16px; line-height:56px; margin:0 30px;}
.navigation_content ul li:hover{line-height:54px; border-bottom:2px solid #ffb71c;}
.navigation_content ul li a{ color:#fff;}
.navigation_content ul .current{ line-height:54px; border-bottom:2px solid #ffb71c;}

.flexslider {margin: 0px auto;position: relative;width: 100%;height: 540px;	overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 76px;height:270px;line-height: 99em;overflow: hidden;	display: block;position: absolute;top: 50%;	z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0);	-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {right: 14%; background: url(../images/img_banner_right.png) no-repeat; margin-right:-38px; margin-top:-135px}
.flex-direction-nav .flex-prev {left: 14%; background: url(../images/img_banner_left.png) no-repeat; margin-left:-38px; margin-top:-135px}
.flexslider:hover .flex-next {opacity: 0.5;	filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.5;	filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {	width: 100%;position: absolute;	bottom: 20px;text-align: center; z-index:99;}
.flex-control-nav li {	margin: 0 2px;	display: inline-block;	zoom: 1;width:14px;	height:14px;border-radius:7px;/*display: inline;*/ margin:0 10px;background:#ffb71c;transition: all 1s;}
.flex-control-paging li.active{	width:30px; height:14px; border-radius:7px; margin:0; background:#ffb71c;}
.flexslider .slides a .banner_img {	width: 100%; height: 540px;	display: block;}

.contact{ width:100%; height:90px; background:#efefef;}
.contact_content{ width:1200px; margin:0 auto;}
.contact_left{ float:left;}
.contact_left h3{ font-size:20px; color:#ffb71c; margin-top:20px; line-height:20px;}
.contact_left h4{ height:1px; background:#ffb71c; margin-top:6px;}
.contact_left h4 span{ height:1px; background:#ffb71c; display:block; width:160px; margin-bottom:1px;}
.contact_left p{ margin-top:9px; font-size:14px; color:#5a5a5a;}
.contact_right{ float:right;}
.contact_right a{ display:block; width:198px; height:50px; border:1px solid #505050; margin-top:20px; text-align:center; line-height:50px; font-size:18px; color:#505050}
.contact_right a:hover{ background:#505050; color:#fff;}

.security{ width:1200px; margin:0 auto; padding:20px 0;}
.titer{ text-align:center;}
.titer h2{ color:#999; font-size:18px; font-weight:normal; line-height:18px;}
.titer h3{ font-size:30px; color:#5a5a5a; line-height:30px; width:640px; margin:12px auto 0 auto; background:url(../images/img_1.png) no-repeat 0 50%;}
.titer p{ font-size:14px; color:#666; line-height:14px; margin-top:20px;}
.security ul{ margin-top:16px;}
.security ul li{ padding:48px 1px; width:238px; float:left;}
.security ul li:hover{ box-shadow:1px 1px 3px #ccc; border:1px solid #ccc; padding:46px 0px;}
.security_img { height:94px;}
.security_img img{ display:block; margin:0 auto;}
.security_text{ text-align:center;}
.security_text h3{ color:#ffb310; font-size:20px; margin-top:20px; margin-bottom:10px; font-weight:normal;}
.security_text p{ color:#646464; font-size:14px; line-height:22px;}

.phone{ width:100%; height:250px; background:url(../images/img_32.jpg) no-repeat 50% 0;}
.phone_content{ width:1200px; margin:0 auto;}
.phone_left{ width:570px; float:left; margin-top:66px; margin-right:30px}
.phone_left_text{ float:right; margin-right:20px;}
.phone_left_text h3{ font-size:32px; color:#fff; text-align:right; line-height:40px; margin-top:6px;}
.phone_left_text p{ line-height:26px; font-size:16px; color:#fff; text-align:right; margin-top:16px; padding-right:4px;}
.phone_left_img{ float:right;}
.phone_right{ width:570px; float:right; margin-left:30px; margin-top:66px;}
.phone_right_img{ float:left;}
.phone_right_text{ float:left; margin-left:20px;}
.phone_right_text h3{ font-size:32px; color:#fff; line-height:40px; margin-top:6px;}
.phone_right_text p{ color:#fff; font-weight:bold; font-family:"impact"; font-size:50px; line-height:60px; margin-top:14px;}

.project{ padding:30px 0 58px 0; background:#efefef;}
.project_content{ width:1200px; margin:0 auto;}
.project ul{ margin-top:20px;}
.project ul li{ width:385px; float:left; margin-left:22px; margin-top:30px;}
.project_top{ position:relative; height:187px; width:100%;}
.project_top_img{ position:absolute; top:0; left:0;}
.project_top_img_none{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%; display:none; transform:transform 2s;}
.project_top_img_none img{ display:block; margin:48px auto 0 auto;}
.project_top_img_none p{ color:#fff; font-size:20px; text-align:center; margin-top:20px; line-height:20px;}
.project_bottom{ padding:16px 0; background:#fff;}
.project_bottom_left{ float:left; width:56px; height:56px; border:1px solid #333; position:relative; margin-left:47px;}
.project_bottom_left img{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.project_bottom_left .project_bottom_left_none{ display:none;}
.project_bottom_ringt{ color:#333; width:222px; float:left; margin-left:10px;}
.project_bottom_ringt h3{ font-size:18px;}
.project_bottom_ringt p{ font-size:12px; margin-top:6px;}

.introduce{ width:1200px; margin:0 auto; padding:22px 0 36px 0;}
.introduce_left{ float:left; margin-top:36px;}
.introduce_right{ float:right; margin-top:36px; width:650px; font-size:16px; color:#333333; line-height:26px;}
.introduce_right p{ text-indent:36px; margin-top:70px;}
.introduce_right h3{ margin-top:46px;}
.introduce_right h3 span{ font-size:36px; color:#ffb310; font-family:"impact";}
.introduce ul{ margin-top:26px;}
.introduce ul li{ float:left; width:228px; height:140px; position:relative; margin-left:15px;}
.introduce_li_img_none{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.introduce_li_img_none img{ display:block; margin:30px auto 0 auto;}
.introduce_li_img_none h3{ text-align: center; font-size:20px; color:#fff; margin-top:10px;}

.flow{ width:100%; background:url(../images/img_back_20.jpg) no-repeat 50% 0; padding:36px 0 50px 0;}
.flow_content{ width:1000px; margin:0 auto;}
.flow_content ul{ margin-left:132px; margin-top:40px;}
.flow_content ul li{ width:104px; float:left; margin-left:106px;}
.flow_content ul li img{ display:block; margin:0 auto;}
.flow_content ul li p{ width:100%; height:30px; background:rgba(255,255,255,0.1); color:#fff; border:1px solid #fff; border-radius:4px; margin-top:20px; line-height:30px; font-size:16px; text-align:center;}
.flow_text{ width:960px; margin:0 auto;}
.flow_text p{ text-indent:32px; color:#fff; font-size:16px; line-height:32px; margin-top:30px;}
.flow_text h3{ font-family:"impact"; width:562px; height:62px; border:1px solid #fff; color:#fff; font-size:46px; text-align:center; line-height:62px; margin:36px auto 0 auto;}

.number{ width:1200px; margin:0 auto; padding:32px 0 50px 0;}
.number_text{}
.number_text img{ display:block; margin:46px auto 0 auto;}
.number_text p{ text-align:center; font-size:66px; color:#ffb310; line-height:66px; font-family:"impact"; margin-top:26px;}

.bottom{ background:#333; padding:56px 0;}
.bottom_content{ width:1200px; margin:0 auto;}
.bottom_left{ float:left;}
.bottom_img{}
.bottom_img_left{ float:left; float:left; margin-right:14px;}
.bottom_text_left{ float:left;}
.bottom_text_left p{ font-size:18px; color:#b3b3b3;}
.bottom_text_left h3{ font-family:"impact"; font-size:26px; color:#b3b3b3; line-height:26px; margin-top:4px;}
.bottom_left a{ color:#b3b3b3; font-size:16px; display:inline-block; width:100px; text-align:center; border-right:1px solid #b3b3b3; margin-top:30px;}
.bottom_left a:hover{ color:#fff;}
.bottom_right{ float:right;}
.bq{ text-align:center; background:#222222; color:#808080; padding:18px 0; font-size:14px;}

.banner{ width:100%; position:relative; height:500px; overflow:hidden;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.lise{ width:1200px; margin:14px auto 0 auto;}
.lise_left{ float:left; width:860px;}
.lise_left ul li{/* border:1px solid #e5e5e5;*/ padding:12px 0; position:relative; cursor:pointer;transition:0.5s; margin-top:20px;}
.lise_img{ float:left; width:174px; height:142px; margin-left:12px; overflow:hidden;transition:0.5s;}
.lise_text{ float:right; width:640px; margin-right:12px; transition:0.5s;}
.lise_text h3{ font-size:18px; color:#333; line-height:20px; font-weight: normal;}
.lise_text p{ font-size:14px; color:#999; margin-top:10px; text-indent:28px;}
.lise_text .lise_text_time{ color:#333; font-size:14px; float:right; line-height:14px; position:absolute; right:12px; bottom:12px;}
.lise_text .lise_text_time img{ float:left; display:block; margin-top:1px;}
.lise_text .lise_text_time span{ display: inline-block; margin-right:10px;}
.lise_left ul li:hover{ box-shadow:2px 2px 6px #e5e5e5;}
.lise_left ul li:hover .lise_img{ width:208px;}
.lise_left ul li:hover .lise_text{ width:604px;}
.page{ margin:34px 0;}
.page a{ display:inline-block; width:32px; height:32px; border:1px solid #999; font-size:16px; color:#999; text-align:center; line-height:32px; margin-right:10px;}
.page a:hover{ color:#fff; background:#ffb71c; border:1px solid #ffb71c;}
.page .page_back{ color:#fff; background:#ffb71c; border:1px solid #ffb71c;}
.page .page_a{ width:76px;}
.lise_right{ float:right;}
.lise_right_title{ width:300px; height:68px; background:#ffb71c; color:#fff; padding-top:22px; margin-top:20px}
.lise_right_title h3{ font-size:22px; line-height:22px; margin-left:30px;}
.lise_right_title p{ font-size:16px; margin-top:16px; margin-left:30px;}
.lise_right h4{ font-size:18px; color:#333; margin-top:26px; padding-bottom:8px; line-height:18px; border-bottom:1px solid #999;}
.lise_right h4 span{ display:inline-block; width:4px; background:#ffb71c; height:22px; margin-top:-4px; float:left; margin-right:6px;}
.lise_right ul{}
.lise_right ul li{ margin-top:16px; font-size:14px; line-height:14px; width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lise_right ul li i{ display:block; width:6px; height:6px; background:#333; border-radius:3px; float:left; margin-top:5px; margin-right:10px;}
.lise_right ul li a{ color:#333;}
.lise_right ul li:hover i{ background:#ffb71c;}
.lise_right ul li:hover a{ color:#ffb71c;}