*{margin: 0; padding: 0; list-style: none; outline: none; font-family: "microsoft yahei";}
a{ cursor: pointer; text-decoration: none;}
img{ border: none;}
.clear{ clear: both;}

.header{position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2;}
.header_top{ max-width: 1200px; margin: auto;}
.logo{float: left;width: 60%;}
.logo img {
    width: 70%;
    margin-top: 25px;
    }
.nav{float: right;padding: 2% 0 0 0;min-width: 230px;}
.navlanguage {display: inline-block;width: 90px;height: 36px;line-height: 40px;float: left;/* position: fixed; */z-index: 10;right: 14%;color: #d8a44c;}
.navlanguage a {margin: 0 5px;font-size: 15px;color:#d8a44c;}
.navmeun{display: inline-block;background: url(../img/nav_03_pc.png) no-repeat center;background-size: 100%;width: 116px;height: 66px;float: right;}
.menu_active{ background: url(../img/colse_03_pc.png) no-repeat center;  }
.drop_meun{ display: none; }
.nav_bg{ width: 100%; height: 100%; background: url(../img/line_bg_03.png);position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.colse{ display: block; width: 60px; height: 60px;background: url(../img/colse_03.png) no-repeat center; float:right; padding: 3%; margin-right: -5%; position: fixed; }
.nav_lis{left: 0px; right: 0px; top: 0px; margin-top: 120px; }
.drop_right{ max-width: 1200px; margin: auto; position: fixed; margin-left: -2%; }
.nav_link{ clear: both; float: right; padding-right: 3%;}
.nav_link li{ margin-bottom: 30px;}
.nav_link li a{ font-size: 1.5em; color: #FFFFFF; white-space: nowrap; }
.nav_link li a:hover,.active{ color: #d0a15d !important;}

.center{ position: absolute; top: 50%; margin-top: -70px; left: 50%; margin-left: -227px;}
.banner_text{ font-family: "宋体"; font-weight:bold; font-size: 2.25em; color: #FFFFFF; margin-bottom: 15%;letter-spacing: 35px; padding-left: 0px;}
.about_us{ display: block; width: 256px; height: 46px; border: 2px solid #FFFFFF; font-size: 1em; text-align: center; line-height: 46px; color: #FFFFFF; margin: auto;}
.about_us:hover{ background: #FFFFFF; color: #924a11;} 

.swiper-slide{ position: relative;}

.banner{ width: 100%; overflow: hidden; position: relative;}
.banner img{ display: block; margin: auto; }
.bg_img{ width: 100%; height: 100px; background: url(../img/line_bg_03.png); position: absolute; bottom: 0px;}
.bg_text{ max-width: 850px; margin: auto; color: #FFE0AB; font-size: 3em; line-height: 100px; letter-spacing: 5px;}
.about_message{ max-width: 850px; margin: 5% auto; }
.about_message p{ font-size: 1em; color: #444444; line-height: 30px; margin-bottom: 2%;}
.about_message img { max-width: 100%; margin 0 auto; }
.about{ width: 100%; padding: 2.4% 0; border-bottom: 10px solid #D8A54C; background: url(../img/about_bg_03.jpg) no-repeat center top;}
.about_text{ max-width:1000px; margin: auto; text-align: center;}
.about_text h2{ color: #d8a54c; font-size:1.45em; padding-bottom: 2%;}
.about_text p{ font-size: 1em; color: #444444; line-height: 28px; letter-spacing: 0.8px; }

.mess_lis{ width: 100%; background: #FAF9F9;}
.mess_left{ width: 50%;float: left;}
.mess_right{ width: 50%; float: right;}
.mess_left img,.mess_right img{ display: block; max-width: 100%; margin: auto;}
.mess_left h3,.mess_right h3{ display: block; font-size: 1.45em; color: #4D4D4D; padding: 5% 5% 3% 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;} 
.mess_left h3{ text-align: right;}
.mess_right h3{ text-align: left;}
.mess_left a,.mess_right a{ display: block; height: 100px; line-height: 32px; max-width: 455px; overflow: hidden; font-size:1.125em; color: #555555;margin: 3% 5% 0 5%; }
.mess_left a:hover,.mess_right a:hover{ color: #924a11;}
.mess_left a{ float: right;}
.mess_right a{ float: left;}
.bottom_line{ display: block; width: 65px; height: 4px; background: #D8A54C; position: absolute; bottom: 0px; right: 5.2%;}
.bottom_line2{ display: block; width: 65px; height: 4px; background: #D8A54C; position: absolute; bottom: 0px; left: 5.2%;}
.bottom_line3{ display: block; width: 65px; height: 4px; background: #D8A54C; position: absolute; bottom: -2px; left:0px;}

.contact{ max-width: 1100px; margin: 3% auto;}
.contact_top{ border-bottom: 1px solid #EAEAEA; position: relative;}
.contact_top h2{ font-size: 1.65em; color: #4D4D4D; line-height: 60px;}
.contact_lis{ max-width: 800px; margin: 3% auto;}
.contact_ul{ width: 60%; float: left;}
.ewm{ width: 18%; float: right;}
.ewm span{display: block; width: 84%; padding: 3%; background: #FFFFFF; border: 1px solid #DFDFDF;}
.ewm img{ display: block; max-width: 100%; margin: auto;}
.div_left{ width: 35%; float: left;}
.div_right{ width: 55%; float: right;}
.div_left p,.div_right p{ margin-bottom: 5%; clear: both; line-height: 35px;}
.div_left p span{ display: block; width: 25%; float: left;}
.div_right p span{ display: block; width: 16%; float: left;}
.div_left p a,.div_right p a{ font-size: 1em; color: #777777;}

.service_header ul li{ width: 23%; height: 77px; float: left; margin: 0 1%; position: relative;margin-bottom:15px;}
.service_header ul li a{ display: block; width: 100%; height: 85px; text-align: center; line-height: 75px; font-size: 1em; color: #FFFFFF; font-weight: bold; background: url(../img/hov_03.png) no-repeat center;}
.service_header ul li a:hover,.active2 a{ background: url(../img/hover_03.png) no-repeat center !important;}
.bg{ background: url(../img/xian_03.jpg) no-repeat center;}
.bg2{ background: url(../img/xian_05.jpg) no-repeat center;}
.bg3{ background: url(../img/xian_07.jpg) no-repeat center;}
.bg4{ background: url(../img/xian_09.jpg) no-repeat center;}
.a_hover{background: url(../img/down_12.png) no-repeat center; display: block; width: 15px; height: 9px; position: absolute; left: 50%; bottom: -9px; margin-left: -7px; display: ;}
.service_text{ padding: 5% 0; font-size: 1em; color: #555555; line-height: 30px;}
.service_fw{ margin-top: 5%;}

/* 20151201 bugfix  start */
.service_text .swiper-slide { display: none; }
.service_text .swiper-slide.default { display: block; }
/* end 20151201 bugfix */

.service_top{ text-align: left;}
.service_top span{ font-size: 1.4em; color: #555555; padding-bottom: 10px; font-weight: normal; border-bottom: 3px solid #D8A54C; margin-bottom: 5%;}
.service_ul{ margin-top: 2%;}
.service_ul li{ width: 45%; float: left; margin: 1% 2% 1% 0;  /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ }
.service_ul li a{font-size: 16px; color: #555555; background: url(../img/dian.png) no-repeat left; padding-left: 5%; cursor: auto; }

.news_search{ width: 70%; margin: auto; position: relative;}
.news_search input{ width: 100%; height: 38px; border: 1px solid #B1B1B1; text-indent: 10px; font-size: 0.875em; color: #A3A3A3; line-height: 38px; }
.news_search input:hover,.news_search input:active{ background: #eeeeee;}
.news_search a{ display: block; width: 40px; height: 40px; background: url(../img/news_04.jpg) no-repeat center; position: absolute; right: -2px;  bottom: 0px;}
.news_lis{ padding: 5% 0;}
.lis{ padding: 3% 0; border-top: 1px solid #E3E3E3; position: relative;}
.lis:first-child{ border-top: 0px;} 
.lis_img{ width: 23%; float: left;}
.lis_img img{ display: block; max-width: 100%; margin: auto;}
.lis_text{ width: 61%; padding: 2%; float: left; border-right: 1px dashed #B1B1B1;}
.lis_header_p{ font-size: 1.125em; color: #000000; margin-bottom: 1.5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text_link{ display: block; height: 80px; font-size: 0.9em; color: #686868; line-height: 20px; overflow: hidden; }
.text_link:hover{ color: #924a11;}
.lis_times{ width: 11%; float: left; font-size: 0.8em; color: #828282; text-align: center; padding-top: 65px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mess_header{font-size: 2em; color: #3C3C3C; text-align: center; margin-bottom: 2.5%;}
.mess_time{ font-size: 1em; color: #828282; text-align: center; margin-bottom: 5%;}
.mess{ padding-bottom: 5%; border-bottom: 2px dotted #8F8F8F;}
.mess img{ display: block; max-width: 100%; margin: auto;}
.mess p{ font-size: 1em; color: #555555; line-height: 30px; margin-top: 3%;} 
.a_link{ margin: 3% 0;}
.a_link a{ display: block; font-size: 1em; color: #34393C; line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.a_link a:hover{ color: #924A11;}


.our_team{ max-width: 900px; padding: 5% 0; margin: auto;}
.our_team ul li{ width: 23%; float: left; margin-right: 2%; margin-bottom: 2%; overflow: hidden; position: relative;}
.our_team ul li a img{ display: block; max-width: 100%; margin: auto;}
.personal_text{ width: 90%; padding:2.5% 5% 0 5%; height: 65px; background: url(../img/line_bg_03.png); position: absolute; left: 0px; right: 0px; bottom: 0px; }
.personal_text:hover{ background: url(../img/team_04.png);}
.personal_text p.name{ font-size: 1.4em; color: #FFFFFF;}
.personal_text span.line{ display: block; width: 100%; height: 1px; background: #FFFFFF; margin: 2% 0;}
.personal_text p.job{ font-size: 0.875em; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page { text-align: center; position: relative; }
.page li{ display: inline-block; width: 118px; height: 40px; line-height: 40px; text-align: center; font-size: 1em; color: #34393C; border: 1px solid #C6C6C6;}
.page li a {color: #34393C; }
.page a:hover{ color: #FFFFFF; background: #D8A54C;}
.page .pre_class { float: left; }
.page .next_class { float: right; }
.back{ float: left;}
.next{ float: right; margin-right: 2.3%;}

.news_contect{ max-width: 850px; margin:4% auto;}
.team_header{ padding-bottom: 4%; border-bottom: 1px solid #707070;}
.team_img{ float: left; margin-right: 4%;}
.team_img img{ display: block; max-width: 100%;}
.team_magess{ float: left; margin-top: 15.9%;}
.team_magess h2{ font-size: 1.65em; color: #000000; font-weight: normal; }
.team_magess p{ color: #666666; font-size: 1em; line-height: 25px;}
.team_contect{ padding: 4% 0; font-size: 0.875em; color: #666666; line-height: 25px;}
.team_contect h3{ font-size: 1.125em; color: #000000; font-weight: normal;}
.mobile{ display: none;}

.article_img { text-align: center; width: 100%; }
.article_img img{ max-width: 100%; }
.no_search_data { text-align: center; padding: 50px 0; }
.footer{width: 100%; height: 55px; background: url(../img/footer_line_03.png) no-repeat center top; line-height: 55px; text-align: center; font-size: 0.875em; color: #A8A8A8; margin: 0 auto; }
.footer a { color:#A8A8A8; }
.body_all{ min-width: 1000px;}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-pagination {
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin:0 5px;
  border: 1px solid #fff;
  cursor: pointer;
  background: #FFFFFF;
  opacity: 0.6;
}
.swiper-visible-switch {
  background: #FFFFFF;
  
}
.swiper-active-switch {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
}
.z_w{ width: 100% !important;}
.max_w{ max-width: 850px !important; height: auto !important;}

@media only screen and (max-width:640px ) {
    .navlanguage {right: 0;margin-top: -3px;width: 83px;display: block;height: 36px;line-height: 40px;position: fixed;z-index: 10;}
    .navlanguage a {font-size:13px}
	.navmeun{margin-top: 22px; display: block; background: url(../img/nav_03_pc.png) no-repeat center; background-size: 100%; width: 80px; height: 70px; position: fixed;  z-index: 10; right: 0;}
	.menu_active{ background: url(../img/colse_03.png) no-repeat center;  }
	.lis_header { display: block; height:60px; }
	.lis_header p{ font-size: 1.2em; white-space: normal;}
	.about { border-bottom: 6px solid #D8A54C; }
	.nav_lis { position: fixed; }
	.drop_right { position: initial; margin-left: 0; }
	.nav_link { padding-right: 0; }
	.nav{ margin-right: 13%;padding-top: 1%;min-width: inherit;}
	.logo a img{width: 90%; margin: 15px;}
	.body_all{ min-width: 320px; }
	.about_text{ padding: 0 2%;}
	.about_text h2{ font-size: 1.4em; padding: 4% 0;}
	.mess_right,.mess_left{width: 100%;}
	.mess_left h3,.mess_right h3{font-size: 1.40em;}
	.mess_left img,.mess_right img{ display: none;}
	.mess_left{ background: #FFFFFF;}
	.mess_left h3{ text-align: left;}
	.mess_left a{ float: left;}
	.mess_left a,.mess_right a{ margin-bottom: 5%; height: auto;}
	.bottom_line{ left: 5.2%;}
	.contact{ padding: 0 2%;}
	.bottom_line3{ display: none;}
	.contact_top{ text-align: center;}
	.contact_ul{ width: 70%; margin-left: 15%; }
	.div_left,.div_right{ width: 94%; padding: 0 3%; text-align: center;}
	.div_left p,.div_right p{ margin-bottom: 3%;}
	.div_left p span,.div_right p span{ width: auto; float: none; display: inline; position: relative; right: 5px; top: 5px;}
	.ewm{ width: 100%;}
	.ewm span{ margin: auto; width: 45%;}
	.bg_img{height: 80px;}
	.bg_text{ text-align: center; font-size: 2.45em; line-height: 80px;}
	.about_message{ padding: 0 3%;}
	.news_search{ width: 94%;}
	.news_lis,.page{padding:5% 3%;}
	.next{ margin-right: inherit;}
	.lis_img{width: 34%;}
	.lis_text{ width: 64%; border-right: inherit; padding-right: inherit;}
	.text_link,.lis_times,.to_top{ display: none;}
	.mobile{display: block;margin-top: 0;}
	.mobile_left{ float: right; color: #828282;}
	.mobile_right{ float: right; color: #828282; font-size: 1em !important;}
	.news_contect{ padding: 3%;}
	.service_header ul li{ width: 48%; margin-bottom: 5%; }
	.service_header ul li a{ display: block; width: 100%; font-size: 16px;}
	.service_text .swiper-slide{ font-size: 16px;}
	.service_top{ text-align: center;} 
	.service_ul{ margin: 10% 0 0 2%; }
	.service_ul li{ width: 95%; padding-left: 5%;}
	.our_team ul li{ width: 45%; margin: 2.5%;}
	.nav_link{ width: 100%;}
	.nav_link li{ width: 100%; text-align: center;}
	.center{margin-left: -178px; margin-top: -50px;}
	.banner_text{letter-spacing: 20px; padding-left: 0px;}
        .banner{ height: 400px !important; margin-top: -40px; }
        .mess_header{ font-size: 1.4em; }
        .footer { background-size: 90%; }
	.banner_text { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 10%; }
	.banner_text img {max-width: 100%; margin: 0 auto;}
}
@media only screen and (max-width:480px ) {
	.center {
            margin-left: -240px;
		margin-top: -46px;
	}
	.contact_ul {
		width: 58%;
		margin-left: 21%;
	}
}
@media only screen and (max-width:414px ) {
        .banner{ height: 360px !important; margin-top: -80px; }
	.center {
		margin-left: -207px;
	}
	.contact_ul {
		width: 68%;
		margin-left: 16%;
	}
}
@media only screen and (max-width:400px ) {
        .banner{ height: 340px !important; margin-top: -80px; }
	.bg_img{height: 70px;}
	.bg_text{ text-align: center; font-size: 2.25em; line-height: 70px;}
	.center{margin-left: -144px;}
	.banner_text{letter-spacing: 10px; padding-left: 0px;}
        .nav_lis { margin-top: 100px; }
        .nav_link li { margin-bottom: 24px; }
	.center {
		margin-left: -200px;
	}
	.contact_ul {
		width: 70%;
		margin-left: 15%;
	}
}
@media only screen and (max-width:384px ) {
	.center {
		margin-left: -192px;
	}
	.contact_ul {
		width: 74%;
		margin-left: 13%;
	}
}
@media only screen and (max-width:375px ) {
	.center {
		margin-left: -188px;
	}
	.contact_ul {
		width: 76%;
		margin-left: 12%;
	}
}
@media only screen and (max-width:360px ) {
	.center {
		margin-left: -180px;
		margin-top: -42px;
	}
	.contact_ul {
		width: 78%;
		margin-left: 11%;
	}
}
@media only screen and (max-width:320px ) {
    .lis_header { height:50px; }
    .lis_header p{ font-size: 1em; }
    .nav { margin-right: 15%; }
    .mess_left a, .mess_right a { font-size: 1em; }
    .mess_left h3, .mess_right h3 { font-size: 1.30em; }
    .mess_header { font-size: 1.3em; }
    .nav_lis { margin-top: 70px; }
    .nav_link li { margin-bottom: 24px; }
    .service_ul{ margin: 5% 0 0 0; }
	.center {
		margin-left: -160px;
	}
	.contact_ul {
		width: 76%;
		margin-left: 12%;
	}
}

.to_top{ width: 48px; position: fixed; right: 20px; bottom: 5%;z-index: 99;}
.to_top a{ margin: 10px 0; }
.img1{ display: block; background: url(../img/btns_03.png) no-repeat center; width: 48px; height: 48px;}
.img2{ display: block; background: url(../img/btns_07.png) no-repeat center; width: 48px; height: 48px;}
.img3{ display: block; background: url(../img/btns_10.png) no-repeat center; width: 48px; height: 48px;}
.img3:hover{ background: url(../img/btns_13.png) no-repeat center;}
.bor{ width: 440px; background: #FFFFFF; padding: 20px; position: fixed; right: 100px; bottom:3%; box-shadow: 1px 1px 1px #B1B1B1; display: none;}
.header_tx{ background: url(../img/tianx_03.png) no-repeat center; height: 80px; }
.inp_text{ width: 83%; padding:0 3%; height: 40px; border: 1px solid #D4D4D4; margin:15px auto 0 auto; line-height: 40px;}
.inp_text:hover{ background: #EEEEEE; }
.text{ font-size: 1em; line-height: 40px; color: #4D4D4D;}
.inp_text input,.yz input{ color: #8F9D9D; font-size: 1em; height: 40px; line-height: 40px; border: none; background: none;}
.inp_text input{ width: 80%;}
.yz input{ width: 70%;}
.yanzm{ width: 89.5%; margin:15px auto 0 auto; clear: both;}
.yz{  width: 61%; padding-left:3%; height: 40px; border: 1px solid #D4D4D4; float: left;}
.yz:hover{ background: #EEEEEE;}
.yz_img{ display: block; height: 40px;  width: 32%; float: left; border: 1px solid #D4D4D4; margin-left: 11px;}
.yz_img img{ margin-top: 3px; margin-left: 30px; width: 90px; }
.tianx_btns{ width: 88%; padding: 5% 0; margin: auto;}
.tianx_btns a{ display: block; width: 48%; height: 45px; text-align: center; line-height: 45px; font-size: 1.125em; color: #FFFFFF;}
.tx_left{ float: left; background: #D8A44C;}
.tx_right{ float: right; background: #bebebe;}
.tx_right:hover{ background: #D8A44C;}