@import url("/2020/css/common_n.css");

.contact {
	width: 1198px;
	height: auto;
	background: #fff;
	border: 1px solid #dddddd;
	border-top: 0px;
}

.contact_tels_name {
	width: 100%;
	height: 80px;
	text-align: center;
	font-size: 28px;
	color: #555;
}

.contact_tels .contact_tels_ul li {
	float: left;
	width: 270px;
	border-right: 1px solid #e7e7e7;
	height: 200px;
	padding: 0px 12px;
	font-size: 14px;
	text-align: center;
}

.contact_tels .contact_tels_ul li .li_a {
	display: block;
	width: 270px;
	height: 180px;
	padding-top: 20px;
	color: #333;
	cursor: pointer;
}

.contact_tels .contact_tels_ul li .li_a:hover {
	color: #FFF;
	background: #3285fd;
}

.contact_tels .contact_tels_ul li .font18 {
	font-size: 18px;
	padding-top: 3px;
}

.contact_tels .contact_tels_ul li div.ico {
	margin: 0px auto 15px;
	height: 70px;
	display: block;
}

.contact_tels .contact_tels_ul li.lastbor {
	border: none
}

.contact_tels .contact_tels_ul li .adress div.ico {
	width: 60px;
	background: url(../image/contact_tels_a.png) no-repeat
}

.contact_tels .contact_tels_ul li .adress:hover div.ico {
	background: url(../image/contact_tels_ah.png) no-repeat
}

.contact_tels .contact_tels_ul li .Tel div.ico {
	width: 70px;
	background: url(../image/contact_tels_t.png) no-repeat
}

.contact_tels .contact_tels_ul li .Tel:hover div.ico {
	background: url(../image/contact_tels_th.png) no-repeat
}

.contact_tels .contact_tels_ul li .Fax div.ico {
	width: 64px;
	background: url(../image/contact_tels_f.png) no-repeat
}

.contact_tels .contact_tels_ul li .Fax:hover div.ico {
	background: url(../image/contact_tels_fh.png) no-repeat
}

.contact_tels .contact_tels_ul li .Email div.ico {
	width: 70px;
	background: url(../image/contact_tels_e.png) no-repeat
}

.contact_tels .contact_tels_ul li .Email:hover div.ico {
	background: url(../image/contact_tels_eh.png) no-repeat
}

.contact_tels .contact_tels_qq {
	width: 100%;
	height: 58px;
	background: #296bca;
	position: relative;
}

.contact_tels_qq .zx_online {
	display: block;
	width: 94px;
	height: 106px;
	background: url(../image/qq.png) no-repeat;
	position: absolute;
	left: 40px;
	bottom: 0px;
}

.contact_tels .contact_tels_qq .contact_tels_qt {
	float: left;
	width: 90px;
	background: #3285fd;
	height: 58px;
	display: inline;
}

.contact_tels .contact_tels_qq .contact_tels_qt h4 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.contact_tels .contact_tels_qq .contact_tels_qt p {
	font-size: 10px;
	color: #233950;
	line-height: 15px;
}

.contact_tels .contact_tels_qq .contact_tels_qd {
	float: left;
	line-height: 58px;
	height: 58px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
}

.contact_tels .contact_tels_qq .contact_tels_qd a {
	color: #FFF;
	padding-right: 10px;
}

.contact_tels .contact_tels_qq .contact_tels_qd a:hover {
	color: #FFF;
}

.contact_tels .contact_tels_qq .contact_tels_qb {
	margin-left: 185px;
	padding: 8px 0px 0px 15px;
	width: 75px;
	height: 50px;
}

.contact_tels .contact_tels_qq .contact_tels_qb p {
	color: #fff;
}

.contact_tels .contact_tels_qq .contact_tels_qdb {
	padding-left: 20px;
	width: 310px;
}

.contact_tels .contact_tels_qq .contact_tels_qc {
	padding: 5px 0px 0px 15px;
	width: 75px;
	height: 53px;
}

.contact_tels .contact_tels_qq .contact_tels_qc p {
	line-height: 12px;
	color: #FFF
}

.contact_tels .contact_tels_qq .contact_tels_qdc {
	padding-left: 20px;
	width: 310px;
}

.contact_tels .map_contact {
	width: 1120px;
	margin: 0px auto;
	height: 405px;
	border-bottom: 1px dashed #ddd;
}

.map_contact .map {
	width: 100%;
	height: 650px;
}

.map_contact .map_contact {
	width: 312px;
	height: 375px;
	color: #333;
}

.map_contact .tel_call {
	background: url(../image/tel_call.png) no-repeat;
	width: 100%;
	height: 45px;
	text-indent: 32px;
	line-height: 24px;
	font-size: 15px;
}

.map_contact .mc_input {
	width: 100%;
	height: 48px;
}

.map_contact .mc_input input {
	width: 100%;
	height: 38px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 25px;
	color: #333;
}

.map_contact .mc_input textarea {
	width: 100%;
	height: 38px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 25px;
	height: 75px;
	color: #333;
}

.mc_submit {
	width: 105px;
	height: 40px;
	position: relative;
	left: 6px;
}

.mc_submit a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 0px;
	background: #3285fd;
	cursor: pointer;
}

.contact_tels .ContactRide {
	width: 1090px;
	margin: 0px auto;
	color: #333;
}

.contact_tels .ContactRide h3 {
	font-size: 22px;
	font-weight: bold;
	height: 50px;
}

.contact_tels .ContactRide p {
	font-size: 14px;
	line-height: 24px;
}

.contact_about {
	width: 1080px;
	margin: 0px auto;
}

.contact_about_t {
	font-size: 20px;
	color: #333;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #ddd;
}

.contact_about_name {
	width: 140px;
	margin: 0px auto;
	height: 34px;
	border-bottom: 2px solid #3285fd;
	text-align: center;
}

.contact_about_name1 {
	border-bottom: 0px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	border-top: 2px solid #3285fd;
}

.about_info_txt {
	width: 100%;
}

.about_info_txt h1 {
	color: #3285fd;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.about_info_txt h2 {
	border-left: #3285fd 5px solid;
	height: 40px;
	line-height: 40px;
	background-color: #efefef;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
	margin-bottom: 10px;
}

.about_info_txt h3 {
	border-bottom: #3285fd 1px dotted;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #3285fd;
	margin-bottom: 10px;
}

.about_info_txt p {
	color: #555;
	font-size: 14px;
	line-height: 30px;
	text-indent: 28px;
	margin-bottom: 20px;
}

.about_info_img {
	background: url(../image/contact_about.png) no-repeat;
	width: 315px;
	height: 320px;
}

.contact_about .contact_person {
	background: url(../image/contact_person.png) no-repeat;
	width: 100%;
	height: 350px;
}

.contact_about .contact_history {
	background: url(../image/contact_history.png) no-repeat;
	width: 100%;
	height: 520px;
}

.contact_about .culture {
	width: 1064px;
	margin: 0 auto;
	overflow: hidden
}

.contact_about .culture_bg {
	background: url(../image/culture_07.jpg) no-repeat bottom;
	height: 170px;
	position: relative;
}

.contact_about .culture_imgbg {
	background: url(../image/culture.jpg) no-repeat top;
	width: 768px;
	margin: 0 auto;
	height: 185px;
	overflow: hidden;
	color: #888;
}

.contact_about .culture_img_u {
	width: 105%;
	text-align: left;
}

.contact_about .culture_img_li {
	width: 49%;
	float: left;
	color: #888;
	font-size: 16px;
}

.contact_about .culture_li {
	width: 266px;
	float: left;
	height: 180px;
	cursor: pointer
}

.contact_about .culture_li .culture_li_til {
	font-size: 16px;
	font-family: "寰蒋闆呴粦";
	margin-top: 20px;
	color: #FFF;
	line-height: 30px;
	text-align: center;
}

.contact_about .culture_li .culture_li_stil {
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #FFF;
	line-height: 18px;
	text-align: center;
}

..contact_about culture_cur .culture_li_til,.culture_cur .culture_li_stil {
	color: #000
}

.contact_about .culture_img {
	text-align: center;
	width: 455px;
	margin: 0px auto;
	display: none;
	overflow: hidden;
}

.contact_about .culture_img_t {
	font-size: 32px;
	font-weight: bold;
	height: 60px;
}

.contact_about .culture_img_t font {
	padding-left: 12px;
	font-size: 28px;
	font-weight: normal;
}

.contact_about .culture_img_d {
	font-size: 16px;
	line-height: 28px;
}

.contact_about .rectangle {
	border: 1px solid #999;
	width: 124px;
	height: 220px;
	position: absolute;
	left: 0;
	top: 0px;
}

.contact_about .culture_mos {
	background: url(../image/culture_10.jpg) no-repeat;
	height: 113px;
	margin: 0px auto;
	width: 1002px;
}

.sjSpan {
	background: #f8f8f8 url(../image/ajax-loader.png) no-repeat center;
}

.sjBox {
	position: relative;
	height: 1194px;
}

.sjBox dl {
	position: absolute;
}

.sjBox dt {
	margin-bottom: 50px;
}

.sjBox dt b {
	font-size: 30px;
	color: #3285fd;
}

.sjBox dt p {
	margin-bottom: 4px;
	font-size: 22px;
	color: #282828;
}

.sjBox .sjTxt01 {
	left: 0px;
	top: 278px;
}

.sjBox .sjTxt01 dd {
	width: 432px;
	line-height: 22px;
	font-size: 14px;
	color: #333;
}

.sjBox .sjTxt02 {
	right: 20px;
	top: 660px;
}

.sjBox .sjTxt02 dt p {
	font-size: 18px;
}

.sjBox .sjTxt02 dd {
	padding-bottom: 26px;
}

.sjBox .sjTxt02 dd p {
	padding-top: 4px;
	padding-left: 30px;
	margin-bottom: 20px;
	width: 390px;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	background: url(../image/ajax-loader.png) no-repeat left 2px;
}

.gnSpan .container {
	position: relative;
	height: 580px;
	overflow: hidden;
}

#gnSpan01,#gnSpan03 {
	background-color: #202020;
}

#gnSpan02,#gnSpan04 {
	background-color: #2e2e2e;
}

#gnSpan01 .container {
	background: url(../image/ajax-loader.png) no-repeat 648px bottom;
}

#gnSpan02 .container {
	background: url(../image/ajax-loader.png) no-repeat left center;
}

#gnSpan03 .container {
	padding: 0px 86px;
	background: url(../image/ajax-loader.png) no-repeat right center;
}

#gnSpan04 .container {
	background: url(../image/ajax-loader.png) no-repeat left center;
}

.gnBox02,.gnBox04 {
	float: right;
}

.gnBox {
	margin-top: 58px;
}

.gnBox h4 {
	margin-bottom: 32px;
	font-size: 24px;
	color: #3285fd;
}

.gnBox dl {
	margin-bottom: 20px;
	width: 410px;
}

.gnBox dt {
	margin-bottom: 16px;
	font-size: 16px;
	color: #fff;
}

.gnBox dd {
	line-height: 20px;
	font-size: 14px;
	color: #999;
}

.gnBox04 ul {
	margin-bottom: 56px;
}

.gnBox04 li {
	padding-left: 20px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #999;
	background: url(../image/ajax-loader.png) no-repeat left center;
}

.gnTab {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -2px;
	width: 3px;
	height: 100%;
	background-color: #3285fd;
}

.gnTab a {
	display: block;
	margin-bottom: 15px;
	margin-left: -27px;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-position: center top;
}

.gnTab a:hover,.gnTab a.cur {
	background-position: center bottom;
}

.gnTab .gnTab01 {
	margin-top: 160px;
	background-image: url(../image/ajax-loader.png);
}

.gnTab .gnTab02 {
	background-image: url(../image/ajax-loader.png);
}

.gnTab .gnTab03 {
	background-image: url(../image/ajax-loader.png);
}

.gnTab .gnTab04 {
	background-image: url(../image/ajax-loader.png);
}

.alSpan {
	padding: 44px 0px;
	background: #f8f8f8 url(../image/ajax-loader.png) no-repeat center;
}

.alSpan h4 {
	text-align: center;
	font-size: 30px;
	color: #282828;
}

.alSpan h4 b {
	color: #3285fd;
}

.alSpan h4 p {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}

.alSpan .alCont {
	padding-top: 30px;
	position: relative;
}

.alSpan .alCont ul {
	margin: 0 auto;
	width: 944px;
	overflow: hidden;
}

.alSpan .alCont li {
	float: left;
	margin: 0px 18px;
}

.alSpan .alCont li .alImgBg {
	padding: 43px 16px 51px 8px;
	width: 202px;
	height: 330px;
	overflow: hidden;
}

.alSpan .alCont li .alImgBg p {
	padding-right: 16px;
	width: 198px;
	height: 326px;
}

.alSpan .alCont li h5 {
	margin-top: 6px;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
}

.alSpan .alCont .btnLeft,.alSpan .alCont .btnRight {
	position: absolute;
	top: 50%;
	margin-top: -32px;
	width: 64px;
	height: 64px;
}

.alSpan .alCont .btnLeft {
	left: -30px;
	background: url(../image/ajax-loader.png) no-repeat center;
}

.alSpan .alCont .btnRight {
	right: -30px;
	background: url(../image/ajax-loader.png) no-repeat center;
}

.honners {
	width: 1060px;
	margin: 0px auto;
}

.honners_t {
	position: relative;
	left: 18px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	color: #333;
}

.honners_t font {
	color: #3285fd;
}

.huikuan {
	width: 1100px;
	margin: 0px auto;
	background: url(../image/huikuan_01.png) no-repeat right top;
}

.huikuan_tab {
	width: 800px;
}

.huikuan_tabli {
	font-size: 16px;
	height: 90px;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
}

.huikuan_tabt {
	font-weight: bold;
	color: #9c450a;
	background: #f5f5f5;
	border-bottom: 2px solid #ddd;
	height: 50px;
}

.huikuan_tabli .huikuan_lit {
	width: 120px;
}

.huikuan_tabli .huikuan_lik {
	width: 240px;
	background: url(../image/bank.png) no-repeat 32px 0px;
}

.huikuan_tabt .huikuan_lik {
	background: none;
}

.huikuan_tabli .huikuan_lic {
	width: 264px;
}

.huikuan_tabli .huikuan_lin {
	width: 150px;
}

.huikuan_tabli .huikuan_lik1 {
	background-position: 32px -49px;
}

.huikuan_tabli .huikuan_lik2 {
	background-position: 32px -98px;
}

.huikuan_tabli .huikuan_lik3 {
	background-position: 32px -145px;
}

.huikuan_tabli .huikuan_lik4 {
	background-position: 32px -194px;
}

.huikuan_tabli .huikuan_lik5 {
	background-position: 32px -245px;
}

.huikuan_p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
}

.tel400_taoc {
	width: 1120px;
	text-align: center;
	margin: 0px auto;
}

.tel400_taoc_call {
	width: 135px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	margin: 0px auto;
}

.tel400_taoc_call a {
	background: url(../image/case_of_cr1.png) no-repeat;
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
}

.tel400_taoc_call a:hover {
	background: url(../image/case_of_cr2.png) no-repeat;
}

.tels_f53_ul {
	width: 415px;
}

.tels_f53_t {
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.tels_f53_t1 {
	width: 295px;
	font-size: 20px;
	color: #fff;
	background: #333;
	text-indent: 20px;
	height: 100%;
}

.tels_f53_more {
	width: 60px;
	height: 100%;
	text-align: center;
	background: #3285fd;
}

.tels_f53_more a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}

.tels_f53_ul ul {
	width: 355px;
}

.tels_f53_ul ul li {
	width: 100%;
	height: 44px;
	border-bottom: 1px dashed #ddd;
	font-size: 14px;
}

.tels_f53_ul ul li span {
	display: block;
}

.tels_f53_ul ul li span.ico {
	width: 6px;
	height: 20px;
	background: #3285fd;
	line-height: 44px;
	margin-right: 12px;
	position: relative;
	top: 12px;
}

.tels_f53_ul ul li a {
	color: #333;
	line-height: 44px;
}

.tels_f5_form {
	background: url(../image/tels_f5_form.png) no-repeat #ececec;
	width: 385px;
	height: 340px;
}

.tels_f5f_title {
	width: 100%;
	height: 75px;
}

.tels_f5f_t {
	font-size: 20px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-indent: 16px;
}

.tels_f5f_t1 {
	width: 362px;
	text-align: right;
	font-size: 14px;
	color: #3285fd;
	line-height: 12px;
}

.map_contact {
	width: 272px;
	margin: 0px auto;
	position: relative;
	top: 12px;
}

.map_contact .mc_input {
	width: 100%;
	height: 48px;
}

.map_contact .mc_input input {
	width: 100%;
	height: 38px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 25px;
	color: #333;
}

.map_contact .mc_input textarea {
	width: 100%;
	height: 38px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 25px;
	height: 75px;
	color: #333;
}

.mc_submit {
	width: 100%;
	height: 40px;
	position: relative;
	left: 6px;
}

.mc_submit a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #3285fd;
	cursor: pointer;
}