﻿@charset "utf-8";

/* CSS Document */

body{font-size:14px;line-height:24px;font-family:"微软雅黑";}

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;}

*{box-sizing: border-box; -webkit-box-sizing: border-box;}

input{vertical-align: middle;}

img{border:0;vertical-align:middle;}

table {border-collapse: collapse;border-spacing: 0;}

ul,li{list-style-type:none;}

a{text-decoration:none;color: inherit;}

a:hover{text-decoration:none;}

.tc{text-align:center;}

.tl{text-align:left;}

.tr{text-align:right;}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

.rel{position: relative;}

.abs{position: absolute;}

.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

h3{font-weight: normal;}

em{font-style: normal;}



.wrap_box{

	max-width: 1920px;

	min-width: 1300px;

	margin: 0 auto;

}

/*header*/

.clearfix::after{

	content: "";

	display: block;

	clear: both;

	height: 0;

}



.content{

	width: 1300px;

	margin: 0 auto;

}

.bigimg img{

	transition: all 0.6s;

	-webkit-transition: all 0.6s;

}

.bigimg:hover img{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

}

.top_t{ height:36px; line-height:36px;color:#f5e9e9;background-color: #000;}
.top_t p{text-align: left;font-size: 15px;}
.top_t p a{padding: 0 8px; color:#797777;}
.top_bg{height: 137px;border-bottom: solid 3px #f3cc29;padding: 47px 0 0;color: #7c7c7c;font-size: 18px;}
.weixin img{margin-right: 15px;}
.tel img{	margin-left: 15px;}
.logo{width: 303px;	top: 13px;	left: 0;	right: 0;	margin: 0 auto;}

.nav_bg{

	background: #283949;

	height: 111px;

}

.nav{

	padding-left: 20px;

}

.nav li{

	width: 153px;

	float: left;

	line-height: 111px;

	text-align: center;

	color: #fff;

	font-size: 18px;

}

.nav li.active{

	background: #25313d;

	color: #f3cc29;

}

.nav li:hover{

	background: #25313d;

	color: #f3cc29;

}

/*banner*/

.banner .flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;height: 600px;}

.slides{position:relative;z-index:1;}

.banner .slides img{width:1920px;position: absolute;top: 0;left:50%;margin-left: -960px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;display: none;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;border-radius:100%;cursor:pointer;}

.flex-control-nav .flex-active{background:#1f95d7;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}



/*index*/

.pro{

	padding-bottom: 32px;

}

.type{

	background: rgba(243,204,41,0.7);

	height: 178px;

	margin-top: -178px;

	position: relative;

	z-index: 400;

}

.type li{

	width: 16.66%;

	background: url(../images/index_06.jpg) no-repeat right center;

	float: left;

	text-align: center;

	padding: 25px 0 0;

}

.type li:last-child{

	background: none;

}

.type li h3{

	color: #403f3f;

	line-height: 52px;

	font-size: 16px;

}

.type li img{

	-webkit-filter: invert(80%);

	filter: invert(80%);

}

.type li.current img{

	-webkit-filter: invert(0);

	filter: invert(0);

}

.type li.current h3{

	color: #fff;

}

.type li:hover img{

	-webkit-filter: invert(0);

	filter: invert(0);

}

.type li:hover h3{

	color: #fff;

}

.tit_bg{

	color: #f4f2f3;

	font-size: 60px;

	line-height: 76px;

	margin: 38px 0 0;

}

.tit{

	background: url(../images/index_07.jpg) no-repeat center bottom;

	padding-bottom: 10px;

	color: #333;

	top: 38px;

	left: 0;

	right: 0;

}

.tit h3{

	font-size: 39px;

	line-height: 50px;

}

.tit p{

	line-height: 28px;

	text-transform: uppercase;

	font-size: 18px;	

}

.pro_list{

	padding: 75px 0 0 27px;

}

.pro_list li{

	width: 291px;

	height: 291px;

	border-bottom: solid 2px #f3cc29;

	margin: 0 10px;

	position: relative;

	overflow: hidden;

	float: left;

	margin: 0 10px 34px;

}

.pro_list li img{

	width: 291px;

	height: 291px;

}

.pro_list li h3{

	width: 100%;

	background: url(../images/index_17.png) no-repeat;

	height: 69px;

	line-height: 69px;

	bottom: 0;

	left: 0;

	position: absolute;

	font-size: 16px;

	color: #fff;

}

.pro_list_con{

	width: 100%;

	background: rgba(243,204,41,0.56);

	bottom: 0;

	left: 0;

	padding: 0 20px;

	height: 0;

	transition: all 0.6s;

}

.pro_list_con h4{

	color: #283949;

	font-size: 18px;

	padding: 16px 0 0;

}

.pro_list_con p{

	color: #283949;

	line-height: 20px;

	height: 60px;

	overflow: hidden;

	margin: 10px 0 0;

}

.pro_list li:hover .pro_list_con{

	height: 123px;

}

.pro_list li:hover h3{

	display: none;

}

.bg1{

	background: url(../images/bg1.jpg) no-repeat center top;

	height:779px ;

	overflow: hidden;

}

.about{

	margin: 70px 0 0;

}

.about_l{

	width: 475px;

	height: 360px;

	background: #fff;

	padding: 12px 9px 0;

}

.about_l li{

	background: url(../images/index_12.jpg) no-repeat;

	height:165px;

	margin-bottom: 5px;

	cursor: pointer;

}

.about_l li img{

	filter: invert(80%);

	-webkit-filter: invert(80%);

	float: left;

	margin: 42px 60px 0 28px;

}

.about_l li h3{

	color: #283949;

	font-size: 20px;

	margin-bottom: 15px;

	padding-top: 42px;

}

.about_l li p{

	width: 430px;

	color: #6a6a6a;

	line-height: 20px;

}

.about_l li.current1{

	background: url(../images/index_13.jpg) no-repeat;

}

.about_l li.current1 img{

	filter: invert(0);

	-webkit-filter: invert(0);

}

.about_l li.current1 h3{

	color: #fff;

}

.about_l li.current1 p{

	color: #fff;

}

.about_r{

	width: 690px;

	padding: 48px 0 0;

}

.about_con{

	display: none;

}

.about_con:first-child{

	display: block;

}

.about_con p{

	color: #a1a1a1;

	font-size: 20px;

	line-height: 38px;

}

.about_con h3{

	color: #283949;

	font-size: 26px;

	line-height: 44px;

}

.about_txt{

	color: #3a3a3a;

	font-size: 16px;

	line-height: 24px;

	margin: 10px 0 36px;

	height:188px;

	overflow: hidden;

}

.case_type{

	padding: 67px 0 20px;

}

.case_type a{

	width: 198px;

	height: 35px;

	background: #283949;

	display: inline-block;

	text-align: center;

	line-height: 35px;

	margin: 5px 25px;

	color: #fff;

	font-size: 16px;

	position: relative;

}

.case_type .current2{

	background: #f3cc29;

}

.case_type .current2:after{

	content: "";

	width: 0; 

    height: 0; 

    border-left: 10px solid transparent; 

    border-right: 10px solid transparent; 

    border-top: 15px solid #f3cc29;

    position: absolute;

    top: 35px;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.case_tit1{

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(40,57,73,0.5);

	height: 50px;

	line-height: 50px;

	padding: 0 25px;

	color: #fff;

	font-size: 16px;

	

}

.case_con{

	width: 100%;

	height: 0;

	background: rgba(40,57,73,0.6);

	padding: 0 30px;

	color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all 0.6s ease;

	-webkit-transition: all 0.6s ease;

}

.case_con h3{

	font-size: 18px;

	padding: 26px 0 14px;

}

.case_con p{

	line-height: 22px;

	height: 66px;

	overflow: hidden;

	margin-bottom: 28px;

}


.bg2{

	background: url(../images/bg2.jpg) no-repeat center top;

	height:786px;

	margin: 50px 0 0;

	overflow: hidden;

}

.news_tit_bg{

	color: rgba(244,242,243,0.06);

	margin: 110px 0 0;

}

.news_tit_bg h3{

	color: #fff;

}

.news_tit_bg p{

	color: #fff;

}

.news_box{
	margin: 100px 0 0;

}
.news_box ul li .date{color: #ffff;float: right;padding-right: 20px;}
.news_box ul li .news_pic img{width: 150px;height: 114px;}
.news_box ul li .news_text{padding-left: 2px;color:#fff;}
.news_box ul li {
 display:flex;
 justify-content:space-between;
 margin-bottom:35px;
 width: 50%;
 float: left;
}
.news_box ul li .time {
 width:15%;
 text-align: center;
}
.news_box ul li .time p.t1 {
 display:block;
 font-size:22px;
 font-weight:700;
 color:#ababab;
 font-family:Arial
}
.news_box ul li .time p.t2 {
 display:block;
 font-size:24px;
 color:#c5c5c5;
 font-family:Arial
}
.news_box ul li .text {
 width:85%;
 padding-right:10px;
 box-sizing:border-box
}
.news_box ul li .text h5 {
 font-size:16px;
 color:#fff;
 line-height:1;
 margin-bottom:5px
}
.news_box ul li .text p.desc {
 display:block;
 margin-top:3px;
 font-size:12px;
 color:#efe8e8;
}


.case_box {height: 650px;max-height: 680px;}
.case_box .case_list {
	margin-top: 23px;
}
.case_box .case_list li {
	width: 315px;
	float: left;
	margin-left: 8px;
	margin-bottom: 25px;
}
.case_box .case_list li img {
	display: block;
	width: 315px;
	height: 263px;
	border: 9px solid #e9e9e9;
}
.case_box .case_list li p {
	margin-top: 20px;
	text-align: center;
	width: 315px;
	font-size: 15px;
	color: #323031;
}
.news_text p{

	color: rgba(255,255,255,0.6);

	height: 48px;

	overflow: hidden;

	margin: 10px 0 17px;

}

.more{
	width: 86px;
	height: 22px;
	background: url(../images/index_29.png) no-repeat;
	display: block;
}

.contact{
	width: 1200px;
	margin: 90px auto 70px;
}

.contact_txt p{
	float: left;
	margin-right: 30px;
	color: #808080;
	font-size: 18px;
}

.contact_txt p img{
	margin-right: 7px;
}
.frend li a {display: inline-block;color: #bababa;font-size: 14px;line-height: 20px;padding-top: 15px;padding-left:5px;padding-right:5px;float: left;}
.message{
	margin: 40px 0 0;
}

.message p{
	float: left;
	margin-bottom: 40px;
}

.user{
	width: 350px;
	height: 38px;
	border: solid 1px #e8e8e8;
	line-height: 36px;
	border: none;
	border-bottom: solid 1px #e8e8e8;
	color: #808080;
	font-size: 18px;
}

.user1{
	margin: 0 70px;
}

.mes_txt{

	width: 1200px;

	height: 105px;

	font-family: "微软雅黑";

}

.btn{

	width: 456px;

	height: 45px;

	background: #f3cc29;

	line-height: 45px;

	margin: 0 auto;

	border: none;

	display: block;

	color: #fff;

	font-size: 24px;

}

/*footer*/

.footer_bg{

	background: #283949;

}



.code{

	width: 348px;

	height: 295px;

	background: #fff;

	padding: 50px 0 0;

}

.code img{

	width: 170px;

	height: 170px;

}

.code p{

	font-size: 18px;

	line-height: 36px;

	color: #283949;

}

.footer{

	width: 860px;

	margin-right: 50px;

}

.friendlink{

	border-bottom: solid 1px #98a0a8;

	padding: 30px 0 10px;

	line-height: 30px;

	color: #cfcdcd;

	font-size: 16px;

	margin-bottom: 48px;

}

.friendlink a{

	margin-right: 35px;

	display: inline-block;

}

.footer_logo{

	margin: 30px 40px 0 80px;

}

.copyright{

	/*! width: 370px; */

	color: #cfcdcd;

}

/*main*/

.main{

	padding-bottom: 75px;

}

.page{

	margin: 40px 0 0;

}

.page a{

	padding: 5px 10px;

	line-height: 16px;

	display: inline-block;

	font-size:14px;

	margin: 0 3px;


	color: #283949;

	border:1px solid #283949;

}

.page .select{

	background: #283949;

	color: #fff;

}

.m_type{

	padding: 80px 0 60px;

}

.m_type a{

	width: 200px;

	height: 51px;

	display: inline-block;

	text-align: center;

	line-height: 51px;

	background: url(../images/main2.jpg) no-repeat;

	margin: 5px;

	font-size: 20px;

	color: #fff;

}

.m_type .active{

	background: url(../images/main3.jpg) no-repeat;

}

.m_case_list{

	padding: 0 0 40px 32px;

}

.m_case_list li{

	width: 299px;

	margin: 10px 5px;

	float: left;

	overflow: hidden;

	position: relative;

}

.m_case_list li:hover .case_con{

	height: 100%;

}

.m_news_bg{

	background: url(../images/main4.jpg) no-repeat center top;

	overflow: hidden;

}

.m_news_box{

	margin: 50px 0 0;

}

.m_message{

	margin: 190px 0 0;

}

.job{

	width: 1222px;

	margin: 110px auto 50px auto;

}

.job_con th,.job_con td{

	border: solid 1px #ffffff;

	text-align: center;

	color: #232323;

}

#jianli table tr td { padding:10px 10px;}

.job_con tr:nth-child(odd){

	background: #f3f3f3;

}

.m_about_bg{

	background: url(../images/main5.jpg) no-repeat center top #efefef;

	overflow: hidden;

	min-height: 450px;

}

.m_about{

	color: #3a3a3a;

	font-size: 16px;

	line-height: 32px;

	padding: 0 100px;

}

.m_about_tit{

	color: #fff;

}

.m_contact_bg{

	background: url(../images/main6.jpg) no-repeat center bottom;

	height: 800px;

	overflow: hidden;

}

.asdkjjaskdklasd { border:none; padding:10px 20px !important;}

.share{

	margin: 100px 0 70px;

	background: url(../images/main13.jpg) no-repeat center center;

}

.m_contact{

	width: 1200px;

	height: 198px;

	margin: 0 auto;

	background: #fff;

	box-shadow: 0 0 40px rgba(190,190,190,0.4);

}

.m_contact li{

	width: 33.333%;

	height: 198px;

	float: left;

	background: url(../images/main14.jpg) no-repeat right center;

	padding: 77px 70px 0;

	color: #000;

}

.m_contact li img{

	margin-right: 20px;

	float: left;

}

.m_contact li:last-child{

	background: none;

}

.er_banner img{ width: 100%; }



#news_con {	width: auto;	min-height: 360px;	padding: 15px;	padding-right: 0px;	color:#000;	text-align:justify;}

#news_con .h1 {	text-align: center;	font-size: 16px;	height: 35px;	line-height: 35px;}

#news_con .h2 {	text-align: center;	font-weight: normal;	width: auto;	height: 25px;	line-height: 25px;	border-top: solid 1px #ccc;	border-bottom: solid 1px #ccc;	color: #666;	margin-bottom: 5px; font-size:14px}

#news_con #pic { position:relative;text-align: center;	margin-bottom: 5px;}

#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold; }

#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;}

#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}

#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}

#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}

#news_cons{ margin-bottom:15px; font-size:16px; line-height:30px;}

.sdklflsdfsdfdsf { width:299px; height:299px;}

#jianli {

	padding-top: 15px;

}

#jianli td {

	border: 1px solid #000;

}

#jianli td input {

}

#jianli textarea {

	overflow: hidden;

}

#jianli input[type='text']{ width: 90%; border:0px;padding: 2px 0px 5px 5px;}

#jianli textarea{ width: 100%;border:0px;padding: 5px; }
.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

ul{list-style-type:none;}

