@charset "utf-8";
body, div, dl, dt, dd, p, form, input, label, textarea, img, span, strong, em, table, select, button, blockquote, ul, ol, li, br, h1, h2, h3, h4, h5, h6, a,b{margin: 0; padding: 0; border: none; outline: none;}
body{ font-size: 12px; font-family: "微软雅黑", Arial, Verdana, Geneva, sans-serif;}
strong, em, i{ font-style:normal;}
img{ vertical-align:top;}
ul, ol{ list-style-type:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
a{ text-decoration: none; color:#333;}
a:hover{ color:#3cb7ff;}
div a { color: #333;}
div a:hover { color: #3cb7ff;}
ul li a { color: #333;}
ul li a:hover { color: #3cb7ff;}
input,textarea { width: 100%;}
a,input,form,select,textarea{ text-decoration: none; margin: 0px; padding: 0px; outline: medium; border: 0; border-radius: 0; background:none; appearance:none;
  /* -moz-appearance:none;*/
   -webkit-appearance:none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);}

li,img,label,input { vertical-align: middle;}

input[type="button"], input[type="submit"], input[type="reset"], textarea {
-webkit-appearance: none;
} 

/*浮动*/
.fl{ float:left;}
.fr{ float:right;}

/*定位*/
.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position: fixed;}

/*块级转换*/
.db { display: block;}
.dn { display: none;}
.di { display: inline;}
.dib { display: inline-block;}

/*清除浮动*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix{*zoom:1;}

body { background: url(../en_images/body-bg.png) repeat-y center top; background-size: 100% 100%;}


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-weibo:before { content: "\e600"; }
.icon-meun:before { content: "\e601"; }
.icon-zhong:before { content: "\e602"; }
.icon-iconen:before { content: "\e603"; }
.icon-qq:before { content: "\e604"; }
.icon-qzone:before { content: "\e605"; }
.icon-weixin:before { content: "\e606"; }


.header { width: 100%; background-color: #2099e0;}

.header-shoot { display: none; width: 100%; background-color: #2099e0;}
.mini-header { width: 100%; height: 42px; background-color: #2099e0; position: absolute; top: 0; left: 0; z-index: 99999;}
.mini-logo { width: 73px; height: 42px; background-color: #fff;}
.mini-logo img { height: 42px;}
.menu { width: 42px; height: 42px; line-height: 42px; text-align: center;}
.menu a { display: block; color: #fff;}

.mini-nav { display: none; position: absolute; top: -258px; right: 0; z-index: 9999; width: 50%; background-color: #0075ad;}
.mini-nav li { height: 42px; border-bottom: 1px #0d94d5 solid;}
.mini-nav a { display: block; line-height: 42px; text-align: center; font-size: 14px; color: #fff;}

.mini-zoom { padding: 10px 0 0;}
.mini-zoom a { display: block; width: 42px; height: 22px; padding: 0 10px; border-right: 1px #66b8e8 solid; border-left: 1px #66b8e8 solid; background: url(../en_images/zoom.png) no-repeat center center; background-size: 22px 22px;}

.language { line-height: 42px;}
.language a { color: #fff; margin: 0 10px 0 0;}
.language a:hover { text-decoration: none;}

.zoom { display: none; width: 100%; padding: 5px 2%; background-color: #fff; border-bottom: 1px #ccc solid; position: absolute; top: -10px; left: 0; z-index: 9990;}
.zoom-txt { width: 100%; padding: 0 2%; border: 1px #ccc solid; line-height: 26px; border-radius: 6px; background-color: #eee;}
.zoom-txt input { width: 100%; height: 26px; border: 0 none; background-color: #eee;}

.top { padding: 0 3.45%;}

.phone { width:334px; text-align: right;}
.phone span { display: block; line-height: 30px; color: #fff;}
.phone a { margin: 0 0 0 12px; font-size: 13px; color: #b0d7ee;}
.phone a:hover { text-decoration: none;}
.phone em { font-size: 13px; color: #b0d7ee;}
.phone b { font-size: 22px; font-weight: normal;}

.search-box { padding: 25px 0 0;}
.search { padding: 0 10px; height: 36px; line-height: 36px; background-color: #0086ad; box-sizing: content-box;}
.search-txt { margin: 0 5px 0 0;}
.search-txt input { width: 176px; height: 36px; line-height: 36px; border: 0 none; background: none; color: #fff;}
.search-btn { width: 23px; height: 36px;}
.search-btn input[type="submit"] { display: block; width: 23px; height: 36px; background: url(../en_images/zoom2.png) no-repeat center center;}

.nav-bar { padding: 0 0 15px;}
.nav-bg { background-color: #0075ad;}
.logo { max-width: 185px; height: 88px;}
.logo img { width: 100%; height: 88px;}
.nav-list { width: 55%; margin: 0; padding: 0 20px 0 0;}
.nav-list li { width: 16.666%; height: 88px; float: left; line-height: 88px; text-align: center; background: url(../en_images/bar222.png) no-repeat right center #0075ad;}
.nav-list li a { display: block; width: 100%; height: 88px; font-size: 15px; color: #fff; font-weight: bold;}
.nav-list li a:hover { background-color: #178fc9; color: #fff;}
.nav-list li a.nav-on { background-color: #178fc9; color: #fff;}

.w1920 { max-width: 1920px; margin: 0 auto 45px;}

.banner { width: 100%; position: relative;}
.swiper-container { width: 100%;}
.swiper-container img { width: 100%;}
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:4%; z-index: 100; margin: 0;}
.pagi-p { width: 100%;}

/*.pagi-p .swiper-pagination-bullet { display: inline-block; width: 64px; height: 3px; background: #fff; border-radius: 0; margin: 0 11px 0 0; cursor: pointer;}
.pagi-p .swiper-pagination-bullet-active { background: #2099e0;}*/


.pagi-p .swiper-pagination-bullet { display: inline-block; width: 11px; height: 11px; background: url(../en_images/ban-btn.png) no-repeat center center; border-radius: 0; margin: 0 11px 0 0; cursor: pointer;}
.pagi-p .swiper-pagination-bullet-active { background: url(../en_images/ban-btn2.png) no-repeat center center;}


.htmleaf-container { margin: 0 0 45px;}
.slider-main img { width: 100%;}

.index-list li { width: 33.3%; float: left; text-align: center;}
.index-list a { display: block; width: 100%; height: 100%;}
.index-list a:hover { text-decoration: none;}
.index-img { overflow: hidden;}
.index-info a { height: 62px; line-height: 62px; font-size: 1.125em; color: #fff; background-color: #0099d9;}
.index-list img { width: 100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.index-list li:hover img { 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.index-list li:hover a { color: #a0caec;}

.footer { line-height: 62px; font-size: 14px; color: #147fbd;}
.footer a { color: #147fbd;}
.footer a:hover { text-decoration: none;}
.footer-nav { text-align: right; position: relative;}
.footer-nav a { padding: 0 0 0 13px; margin: 0 0 0 13px; background: url(../en_images/bar.png) no-repeat left center;}

.copyright { line-height: 62px; background: url(../en_images/cp-bg.png) repeat-x #147fbd; font-size: 13px; color: #a0caec;}
/*.copyright span { float: right;}*/
.copyright i { font-size: 24px;}
.copyright span{line-height: 20px;}
.copyright span a { color: #76aedc;}
.copyright span a:hover { color: #fff; text-decoration: none;}
.copyright p { margin: 0; width:45%; float: left;}
.copyright p a { color: #a0caec;}
.copyright p a:hover { text-decoration: underline;}

.mini-cp { display: none; padding: 5%; background: url(../en_images/cp-bg.png) repeat-x #147fbd;}
.mini-list {}
.mini-list a { display: block; width: 50%; float: left; padding: 10px; text-align: center; font-size: 12px; color: #fff; border-right: 1px #147fbd solid; border-bottom: 2px #147fbd solid; background-color: #34aff6; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.mini-list a:hover { color: #fff; text-decoration: none;}
.mini-cp-con { padding: 2% 0 0; color: #a0caec;}
.mini-cp-con a { color: #a0caec;}



@media (max-width: 768px) { 
	.header-shoot { display: block; position: fixed; top: 0; left: 0; z-index: 99999;}
	.top { display: none;}
	.nav-bar { display: none;}
	.mini-nav { display: block;}
	.zoom { display: block;}
	.w1920 { margin: 42px auto 2.75vh;}
	.index-list { margin: 0 0 15px;}
	.index-list li { width: 50%; float: left; text-align: center;}
	.index-info a { height: 3.2em; line-height: 3.2em;}
	.footer { display: none;}
	.copyright { display: none;}
	.mini-cp { display: block;}
	.qr-float { display: none;}
}

/*企业简介*/
.about-bar { border-bottom: 1px #249be1 solid;}
.about-nav { margin: 0;}
.about-nav li { position: relative; width: 20%; float: left; padding: 15px 0;}
.about-nav li a.sub-btn { display: block; padding: 10px; font-size: 16px; color: #666; text-align: center; border-right: 1px #dbdbdb solid;}
.about-nav li:first-child a.sub-btn { border-left: 1px #dbdbdb solid;}
.about-nav li:after { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	content: ""; 
	width: 0; 
	height: 3px; 
	background-color: #249be1;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
.about-nav li.active::after,.about-nav li:hover::after {
	width: 100%;
}
.about-nav li.active a.sub-btn { color: #249be1; font-weight: bold; text-decoration: none;}
.about-nav li a { text-decoration: none;}

.drop-nav { display: none; width: 100%; position: absolute; top: 73px; left: 0; z-index: 999;}
.drop-nav a { display: block; margin: 0 0 1px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; background-color: #5ab4e9;}
.drop-nav a:hover { background-color: #33a2e3; color: #fff;}
.drop-nav a.sub-on { background-color: #33a2e3; color: #fff;}
.about-nav li:hover .drop-nav { display: block;}

.big-banner { width: 100%; min-height: 697px;}

.article-name { font-size: 18px; color: #249be1; line-height: 92px;}
.article-info { padding: 20px 0; font-size: 14px; color: #666; line-height: 25px; color: #4D4948;}
.article-info p{text-indent: 2em;text-align:justify;}

.about-img { margin: 30px 0; text-align: center;}

.about-big img { max-width: 100%;}

.about-list { padding: 60px; margin: 0 0 60px; background-color: #bae3f9;}
.about-list li { padding: 0 4px; margin: 0 0 8px;}
.about-pic { padding: 8px; background-color: #fff;}
.about-pic img { width: 100%;}
.about-more{margin-top: 20px;}
.about-more a { display: block; width: 148px; height: 33px; margin: 0 auto; line-height: 31px; border-radius: 30px; border: 1px #008cd6 solid; text-align: center; font-size: 16px; color: #008cd6; background-color: #bae3f9;
		-webkit-transition: background-color .3s ease;
		-moz-transition: background-color .3s ease;
		-ms-transition: background-color .3s ease;
		-o-transition: background-color .3s ease;
		transition: background-color .3s ease;
}
.about-more a:hover {
	background-color: #027bbb;
	color: #fff;
}

@media (max-width: 768px) { 
	.big-banner { min-height: 400px;}
	.about-bar { margin: 57px 0 0; padding: 0 0 15px; border-bottom: 1px #249be1 solid;}
	.about-nav li { width: 33.3%; padding: 2px;}
	.about-nav li a.sub-btn { border: none; background-color: #f5f5f5; font-size: 14px; line-height: 14px;}
	.about-nav li:first-child a.sub-btn { border-left: none;}
	.about-nav li.active::after,.about-nav li:hover::after {
		width: 0;
	}
	.about-nav li:hover a.sub-btn { color: #fff; background-color: #249be1; font-weight: normal; text-decoration: none;}
	.about-nav li.active a.sub-btn { color: #fff; background-color: #249be1; font-weight: normal; text-decoration: none;}
	.about-nav li a { text-decoration: none;}
	
	.drop-nav { display: none; width: 100%; position: absolute; top: 34px; left: 0; z-index: 999;}
	.drop-nav a { margin: 0 2px 1px; line-height: 30px; font-size: 12px;}
	
	.about-nav li:hover .drop-nav { display: none;}

	.article-name { line-height: 22px;}
	.article-info img { width: 100%;}

	.about-list { padding: 20px; margin: 0 0 20px;}
}

@media (max-width: 640px) {
	.big-banner { min-height: 350px;}
}

@media (max-width: 480px) {
	.big-banner { min-height: 250px;}
}

/*大事记*/

.diary { padding: 60px 0;}
.diary-year { width: 13.3%; position: relative;}
.diary-year ul { width: 100%; height: auto; left:0; position: absolute;top: 0;  z-index: 50;}
.diary-year ul.diary-fixed { position: fixed; top: 0;}


.diary-year li { width: 100%; height: 3.5em; margin: 0 0 1px; position: relative;}
.diary-year li a { display: block; width: 100%; height: 100%; line-height: 2.8em; text-align: center; font-size: 1.3em; color: #fff; background-color: #bae3f9;}
.diary-year li a:hover { background-color: #0099d9; color: #fff; font-size: 1.4em;}
.diary-year li i { display: none; width: 12px; height: 23px; background: url(../en_images/d-a.png) no-repeat; position: absolute; top: 50%; right: -12px; margin: -12px 0 0;}
.diary-year li.diary-on a { background-color: #0099d9; color: #fff; font-size: 1.4em;}
.diary-year li.diary-on i { display: block;}


.diary-list { width: 80%; border-left: 5px #028dd6 dotted;}
.diary-list ul { padding: 0 0 0 50px;}
.diary-list li { margin: 0 0 40px; position: relative;}
.diary-list h3 { padding: 0 0 10px; margin: 0 0 10px; font-size: 40px; color: #0099d9; border-bottom: 3px #21a6de dotted;}
.diary-list p { margin: 0 0 20px; font-size: 14px; color: #595757;}
.diary-list i { display: block; width: 21px; height: 97px; background: url(../en_images/water.png) no-repeat; position: absolute; top: 0; left: -63px;}

@media (max-width: 768px) { 
	.diary { padding: 30px 0; }
	.diary-year li { width: 100%; height: 2.3em; margin: 0 0 1px; position: relative;}
	.diary-year li a { display: block; width: 100%; height: 100%; line-height: 2.5em; text-align: center; font-size: 12px; color: #fff; background-color: #bae3f9;}
	.diary-year li a:hover { background-color: #0099d9; color: #fff; font-size: 12px;}
	.diary-year li i { display: none; width: 6px; height: 12px; background: url(../en_images/d-a.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; right: -6px; margin: -6px 0 0;}
	.diary-year li.diary-on a { background-color: #0099d9; color: #fff; font-size: 12px;}
	.diary-year li em { display: none;}


	.diary-list { width: 80%; border-left: 2.5px #028dd6 dotted;}
	.diary-list ul { padding: 0 0 0 25px;}
	.diary-list li { margin: 0 0 20px; position: relative;}
	.diary-list h3 { padding: 0 0 5px; margin: 0 0 5px; font-size: 20px; color: #0099d9; border-bottom: 1.5px #21a6de dotted;}
	.diary-list p { margin: 0 0 10px; font-size: 12px; color: #595757;}
	.diary-list i { display: block; width: 10px; height: 48px; background: url(../en_images/water.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: -31px;}
	.diary-list img { width: 100%;}

	.diary-year ul.diary-fixed { position: fixed; top: 42px;}
}




/*联系我们*/
.map-box { width: 100%; text-align: center;}
/*.map-box img { width: 100%;}*/
.minmap-box{display: none;}
.contact { margin: 0 0 60px;}

.contact-info h3 { line-height: 56px; font-size: 20px; color: #444; font-weight: normal;}
.contact-info h3 i { margin: 0 10px 0 0; font-size: 30px; color: #b2b3b3;}
.contact-info p { font-size: 14px; color: #777;}
.contact-info em { font-size: 15px; color: #ff4000; font-weight: bold;}
.contact-info p i { margin: 0 10px 0 0; font-size: 20px; color: #2099e0;}

.contact-qr { width: 111px; margin: 20px 0 0 30px; text-align: center; font-size: 14px; color: #333;}
.contact-qr img { width: 111px; height: 113px;}
.contact-qr p { margin: 0; line-height: 20px;}
.contact-qr p a { color: #0d8ae6;}

.msn h3 { line-height: 56px; font-size: 20px; color: #444; font-weight: normal;}
.msn-txt { width: 47%; height: 40px; padding: 0 10px; margin: 0 0 20px; border: 1px #e3e1e1 solid; line-height: 40px; box-sizing: border-box; background-color: #fff;}
.msn-txt i { display: block; width: 10%; float: left; font-size: 14px; color: #07a0f7;}
.msn-txt input { width: 90%;}

.msn-txt2 { margin: 0 0 20px; padding: 10px; border: 1px #e3e1e1 solid; background-color: #fff; position: relative; box-sizing: border-box;}
.msn-txt2 i { font-size: 14px; color: #07a0f7; position: absolute; top: 10px; left: 10px;}
.msn-txt2 textarea { width: 100%; height: 174px; text-indent: 30px;}

@media (max-width: 768px) { 
	.msn-txt { width: 100%;}
	.map-box { display: none;}

.minmap-box{display: block;width: 100%; text-align: center;}
}

/*企业文化*/
.tips { padding: 120px 0 200px; text-align: center; background: url(../en_images/glass.png) no-repeat center bottom;}
.tips-con { width: 80%; margin: 0 auto 40px; position: relative;}
.tips-con span { display: block; width: 30%; height: 56px; padding: 0 10px; background-color: #fff; position: absolute; top: -28px; left: 50%; margin: 0 0 0 -15%;}
.tips-con span em { display: block; width: 100%; height: 56px; line-height: 56px; font-size: 27px; color: #fff; border-radius: 6px; background-color: #008cd6;}
.tips-box { padding: 36px 0 20px; border: 1px #b1ddf2 solid;}
.tips-con p { font-size: 30px; color: #008cd6; font-weight: bold;}
.water-drop { height: 120px; margin: 0 0 20px; }

@media (max-width: 768px) { 
	.tips { padding: 60px 0 100px; text-align: center; background: url(../en_images/glass.png) no-repeat center bottom; background-size: 68px 116px;}
	.tips-con { width: 90%; padding: 0 0 60px; margin: 0 auto 20px; position: relative; background: url(../en_images/water.png) no-repeat center bottom; background-size: 10px 48px;}
	.tips-con span { display: block; width: 40%; height: 28px; padding: 0 5px; background-color: #fff; position: absolute; top: -14px; left: 50%; margin: 0 0 0 -20%;}
	.tips-con span em { display: block; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #fff; border-radius: 6px; background-color: #008cd6;}
	.tips-box { padding: 18px 0 10px; border: 1px #b1ddf2 solid;}
	.tips-con p { margin: 0; font-size: 14px; color: #008cd6; font-weight: bold;}
	.water-drop { display: none; }
}

/*荣誉资质*/
.honour { padding: 140px 0 70px;}
.honour-ti { width: 80%; margin: 0 auto 85px; border: 2px #b1ddf2 solid; text-align: center; color: #008cd6;}
.honour-ti img { width: 187px; height: 135px; margin: -67px 0 0;}
.honour-ti h3 { font-size: 38px;}
.honour-ti p { font-size: 33px;}

.honour-list { width: 100%;}
.honour-list li { width: 100%;}
.honour-box { padding: 0 18px; margin: 0 0 10px;}
.honour-img { display: block; padding: 25px; background-color: #fff;}
.honour-img img { width: 100%; height: 198px;}
.honour-link { display: block; padding: 0 0 0 64px; line-height: 46px; background: url(../en_images/h-a1.png) no-repeat 26px center; font-size: 12px; color: #595757;}
.honour-link:hover { background: url(../en_images/h-a2.png) no-repeat 26px center; color: #008cd6;}
.h-btn { display: block; width: 64px; height: 103px; position: absolute; top: 50%; margin: -50px 0 0;}
.h-btn1 { left: -10%; background: url(../en_images/h-btn1.png) no-repeat; background-size: 100% 100%;}
.h-btn2 { right: -10%; background: url(../en_images/h-btn2.png) no-repeat; background-size: 100% 100%;}

@media (max-width: 768px) { 
	.honour { padding: 70px 0 35px;}
	.honour-ti { width: 90%; margin: 0 auto 42px; border: 2px #b1ddf2 solid; text-align: center; color: #008cd6;}
	.honour-ti img { width: 94px; height: 67px; margin: -34px 0 0;}
	.honour-ti h3 { font-size: 19px;}
	.honour-ti p { font-size: 16px;}
	.honour-link { display: block; padding: 0 0 0 64px; line-height: 27px; background: url(../en_images/h-a1.png) no-repeat 26px center; font-size: 18px; color: #595757;}
    .honour-link:hover { background: url(../en_images/h-a2.png) no-repeat 26px center; color: #008cd6;}
}

/*人才招聘*/
.jobs { padding: 95px 0 280px;}
.jobs th { font-weight: normal; }
.jobs i { color: #e4e4e4;}
.job-p { padding: 0 0 0 15px; cursor: pointer;}
.job-ps { padding: 0 0 0 15px; cursor: pointer;}
.mask { display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; z-index: 9999;}

.jobs-pop { display: none; width: 880px; height: 555px; padding: 40px; border-radius: 6px; background-color: #fff; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 99999;}
.jobs-close { width: 35px; height: 35px; background: url(../en_images/close.png) no-repeat; position: absolute; top: 20px; right: -40px;}
.jobs-ti { margin: 0 0 10px; line-height: 49px; border-bottom: 1px #e5e5e5 solid;}
.jobs-ti span { font-size: 22px; color: #333;}
.jobs-ti em { float: right; margin: 0 0 0 20px; font-size: 12px; color: #666;}
.jobs-ti i { color: #dedde0; margin: 0 10px 0 0;}
.jobs-con {line-height: 24px; margin: 0 0 20px; border-bottom: 1px #e5e5e5 solid; font-size: 14px;}
.jobs-btn { line-height: 34px;}
.jobs-btn span { float: right; font-size: 12px; color: #666;}
.jobs-con h3{line-height: 24px;font-size: 18px; font-style: normal; font-weight: bold; }

.jobs-container{width: 100%; overflow: auto; overflow-y:visible; height: 100%; padding-right:20px;}/*我新增的*/
.mini-jobs { display: none; padding: 30px 0;}

@media (max-width: 900px) { 
	.jobs-pop { width: 580px;}
}

@media (max-width: 800px) { 
	.jobs-pop { width: 580px;}
}

@media (max-width: 768px) { 
	.jobs { display: none;}
	.mini-jobs { display: block;}
}

/*视频中心*/
.videos-list { padding: 110px 0;}
.videos-list li { padding: 10px 15px; margin: 0 0 30px;}
.videos-box:hover { box-shadow: 0 0 5px #ccc;}
.videos-pic { display: block; background-color: #0075ad; position: relative;}
.videos-pic img { width: 100%; height: 205px;}
.videos-pic span { display: block; width: 26px; height: 26px; background: url(../en_images/play-icon.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 5%; left: 5%; opacity: 0.5;}
.videos-box:hover img { opacity: 0.8;}
.videos-link { display: block; line-height: 50px; text-align: center; font-size: 16px; background-color: #f3f3f3;}

.videos-pic em { display: block; width: 36px; height: 36px; background: url(../en_images/zoom.png) no-repeat; background-size: 100% 100%; position: absolute; top: -36px; left: 50%; margin: 0 0 0 -18px; opacity: 0;}

@media (max-width: 768px) { 
	.videos-list { padding: 30px 0;}
	.videos-link { display: block; line-height:30px; text-align: center; font-size: 16px; background-color: #f3f3f3;}

}

/*水知识*/
.water { padding: 50px 0 40px;}
.water-ti { margin: 0 0 40px; overflow: hidden;}
.water-ti img { float: left; width: 10%;}
.water-ti span { display: block; width: 87%; padding: 40px 0 10px; float: right; font-size: 31px; font-weight: bold; border-bottom: 3px #0099d9 dotted; color: #0099d9;}

@media (max-width: 768px) { 
	.water { padding: 25px 0 50px;}
	.water-ti { margin: 0 0 20px;}
	.water-ti span { padding: 5px 0 5px; font-size: 15px;}
}

/*产品特性*/
.five-banner { background-color: #7ecef4; }
.five-banner-one { width: 50%; text-align: right; padding: 0 40px 0 0;}
.five-banner-two { width: 50%;}

.five { padding: 50px 0; overflow: hidden;}
.five-img { width: 80%; margin: 0 auto;}
.five-box { width: 50%;}
.five-box h3 { font-size: 20px; color: #0099d9; font-weight: bold;}
.five-box p { font-size: 14px; color: #555;}
.five-img1 { height: 234px; padding: 44px 0 0 69px; background: url(../en_images/five-img1.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
.five-img2 { height: 296px; padding: 100px 25px 0 0; background: url(../en_images/five-img2.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
.five-img3 { height: 306px; padding: 60px 0 0 69px; background: url(../en_images/five-img3.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
.five-img4 { height: 164px; background: url(../en_images/five-img4.png) no-repeat center; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
.five-img5 { height: 267px; margin: 0 auto 28px; padding: 40px 10px 0 0; background: url(../en_images/five-img5.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
.five-img6 { height: 185px; padding: 20px 0 0 45px; background: url(../en_images/five-img6.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}

.f-con { display: none; text-align: center;}

@media (max-width: 768px) { 
	.five-banner-one { width: 100%; padding: 0;}
	.five-banner-two { width: 100%;}

	.five { display: none;}
	
	.f-con { display: block; padding: 25px 0;}
	/*.f-con img { width: 100%;}*/
	.f-con h3 { font-size: 17px; color: #0099d9;}
}

/*养生专家*/
.profession { padding: 45px 0; }
.p-con { width: 80%; margin: 0 auto;}
.p-box { padding: 30px 0; border-top: 3px #0099d9 dotted; text-align: center;}
.p-a { display: block; margin: 20px auto 0;}
.p-box h3 { margin: 0; color: #0099d9; font-weight: bold; line-height: 68px;}
.p-img { width: 100%; margin: 10px 0 0;}
.p-box p { margin: 0; line-height: 22px;}
.p-box img { max-width: 100%; margin: 20px auto 0; }
@media (max-width: 768px) { 
	.p-box { padding: 15px 0;}
	.p-icon { width: 50px; height: 50px;}
	.p-box h3 { font-size: 16px; line-height: 34px;}
	.p-box p { font-size: 12px;}
	.p-a { width: 14px; height: 14px;}
}

/*产品系列*/
.pro-list { overflow: hidden; }
.pro-list ul { width: 105%;}
.pro-list li { padding: 15px; width: 376px; height: 443px; float: left; position: relative;}
.pro-box { width: 344px; height: 405px; background-color: #fff; border: 1px #f3f3f3 solid;}
.pro-box img { width: 100%; height: 279px;}
.pro-info { padding: 15px;}
.pro-info span { display: block; font-size: 18px; color: #333;}
.pro-info em { display: block; font-size: 13px; color: #9e9c9c;}
.pro-slide { width: 344px; height: 373px; padding: 15px; border: 1px #f3f3f3 solid; border-left: none; background-color: #fff; position: absolute; top: 15px; right: -328px;
	opacity: 0; z-index: 999;
}
.pro-list li:hover .pro-box{ box-shadow: 0 0 5px #ccc;}
.pro-list li:hover .pro-slide { box-shadow: 0 0 5px #ccc;
}
.pro-left { left: -328px;}

.profession .row { display: none;}

@media (max-width: 1200px) { 
	.pro-list { display: none;}
	.profession .row { display: block;}

}

/*品牌故事*/
.story { padding: 65px 0;}
.story-box { width: 100%; margin: 0 auto;}
/*.story-box p{text-indent: 2em;}*/
.story-ti { width: 60%; margin: 0 auto 30px; text-align: center;}
.story-ti img { max-width: 100%;}

@media (max-width: 768px) { 
	.story { padding: 50px 0;}
	.story-ti { margin: 0 auto 15px; width: 100%;}

}

/*品牌活动*/
.play { padding: 110px 0;}
.play li { margin: 0 0 20px;}
.play-box { padding: 20px;}
.play-box:hover { background-color: #fff; box-shadow: 0 0 5px #ccc;}
.play li span { font-size: 12px; color: #999;}
.play li h3 { font-size: 16px; color: #333;}
.play li p { font-size: 13px; color: #666;}
.play li img { width: 100%; margin: 0 0 10px;height: 187px;}

@media (max-width: 768px) { 
	.play { padding: 50px 0;}
	.play-box { padding: 20px; background-color: #fff; box-shadow: 0 0 5px #ccc;}
}

/*世界长寿之乡巴马*/
.bama-big { width: 100%;}
.bama-b { width: 100%;}
.s-map { display: none; }


.bama { background-color: #dff2fc;}
.bama-box { width: 100%; padding: 42.5px 0; margin: 0 auto; text-align: center; }
.bama-ti { width: 60%; margin: 0 auto 30px;}
.bama-ti img { max-width: 100%;}
.bama-con p{text-indent: 2em;text-align: left; }
.bama-box p{line-height: 25px;}
@media (max-width: 768px) { 
	.b-map { display: none; }
	.s-map { display: block; }
	.bama-box { width: 100%;padding: 42px 0; font-size: 13px;}
    .bama-ti { width:100%;}
/*    .a-baseimg img{width: 125px;}*/

}

/*水源地文化*/
.base { padding: 75px 0 45px; line-height: 25px;}
.base-box { width: 100%; margin: 0 auto;}
.base-ti { width: 60%; margin: 0 auto 25px; text-align: center;}
.base-ti img { max-width: 100%;}
.base-con { width: 100%; margin: 0 auto; text-align: center;}

.base-wrap { background: url(../en_images/base-bg.jpg) no-repeat center top;}
.base-list { padding: 190px 0 0; width: 80%; margin: 0 auto;}
.base-list li { padding: 20px; margin: 0 0 20px; background-color: #fff; box-shadow: 0 0 5px #ccc;}
.base-list li img { width: 100%;}
.base-con p{text-align: left; text-indent: 2em;}


@media (max-width: 768px) { 
	.base { padding: 35px 20px;}
	.base-list { padding: 50px 0 0;}
.base-ti { width: 82%;}

	.base-list li { padding: 10px; margin: 0 0 10px; background-color: #fff; box-shadow: 0 0 5px #ccc;}
}

/*神仙泉*/
.c-map { max-width: 100%;}
.god-wrap { height: 600px; background: url(../en_images/god-bg.jpg) no-repeat fixed center top; background-size: cover;}
.god { padding: 95px 0 0;}
.god-con { width: 100%; margin: 0 auto; color: #fff;}
.god-wrap2 { background-color: #dff2fc; height: 640px;}

.god-img { width: 65%; margin: 0 auto;}
.god-img img { max-width: 100%;}
.god-con p{text-align: left; text-indent: 2em; } 
.god{line-height: 25px;}
@media (max-width: 768px) { 
	.god-wrap { height: 594px; font-size: 13px; }
	.god { padding: 45px 0 0;}
	.god-wrap2 {height:auto;}
	
}

/*企业新闻*/
.news { padding: 30px 0;}
.news li { padding: 20px; overflow: hidden; border-bottom: 1px #c3c2c2 dashed;}
.news li:hover { background-color: #f5f5f5;}
.news li img { width: 25%; float: left; margin: 0 2% 0 0;height: 150px;}
.news li span { display: block; margin: 0 0 10px; font-size: 12px; color: #b7b7b8;}

@media (max-width: 768px) { 
	.news li { padding: 10px; margin: 0 0 10px; background-color: #fff; border: none; box-shadow: 0 0 3px #ccc;}
	.news li img { width: 100%; float: none; margin: 0;}
}

.news-ti { margin: 0 0 25px;}
.news-ti p { font-size: 12px; color: #2099e0;}

.news-con { margin: 0 0 60px; line-height: 27px;}
.news-con p{text-align: justify;}
.news-page { padding: 10px 0; border-top: 1px #bfc0c1 dashed;}
.news-page span { display: block; font-size: 13px; color: #666666; line-height: 26px;}

.news-mini { display: none;}
.news-btn2 { display: none;}


@media (max-width: 768px) { 
	.news-ti .news-btn1 { display: none;}
	.news-mini { display: block;}
	.news-btn2 { display: block;}
	.news-page { display: none;}
	.news-con img{width: 100%;}
}

/*售后服务*/
.service label { line-height: 32px; font-size: 16px; color: #333; font-weight: normal;}
.service label em { color: #f00;}
.service-txt { margin: 0 0 25px;}
.service textarea { margin: 0 0 15px;}
.service-btn { margin: 0 0 45px; overflow: hidden; color: #b6b6b6; line-height: 46px;}
.service-btn a { float: right;}

.hot { padding: 30px 0;}

.hot .panel-default { border: none; border-bottom: 1px #d7d7d7 dotted;}
.hot .panel-default .panel-heading { background: none;}
.hot a span { color: #2199e0;}

@media (max-width: 768px) { 
	.service-btn a { float: none;}
	.service-btn { margin: 0 0 45px; overflow: hidden; color: #b6b6b6; }
	.service-btn span{ height: 46px; line-height: 24px; width: 100%; display: block; margin-bottom: 10px;}

}

/*营销网络*/
.network { padding: 60px 0;}
.big-map { position: relative;}
.yy-img2{display: none;}
/*.big-map img {max-width: 100%;}*/
.network-info { width: 40%; padding: 15px; border: 1px #147fbd solid; border-radius: 10px; background-color: #fff; position: absolute; bottom: 0px; right: 83px;}
.network-info em { display: block; width: 12px; height: 12px; background: url(../en_images/h-a2.png) no-repeat; background-size: 100% 100%; position: absolute; top: -12px; left: 20px;}
.network-info h3 { margin: 0; font-size: 16px; color: #2099e0;}
.network-info p { margin: 0; font-size: 14px; color: #777;}
.network-info i { color: #2099e0;}

.network-mini { display: none; padding: 10px; border: 1px #147fbd solid; border-radius: 10px; background-color: #fff;}
.network-mini h3 { margin: 0; font-size: 14px; color: #2099e0;}
.network-mini p { margin: 0; font-size: 12px; color: #777;}
.network-mini i { color: #2099e0;}

@media (max-width: 768px) { 
  .network{padding:18px 0;}
	.network-info { display: none;}
	.network-mini { display: block;}
	.yy-img1{display: none;}
	.big-map{width: 100%; margin:0 auto;}
	.yy-img2{display: block; width: 100%;}
}


/*分页*/

.paging{ width: 1200px; height:auto; overflow:hidden;margin:0 auto;}

.pageList{ margin: 0 auto;clear: both;padding-top: 28px; padding-bottom:37px;width: auto;}

.pageList ul li{ float:left; display:inline;}

.pageList ul.l{ display:none;}

.pageList ul.l em{font-style: normal;}

.pageList ul.r{ float:left; color:#999;padding-left: 5px; font-weight: normal;}

.pageList ul.l a{ text-decoration: none;}

.pageList ul li{line-height: 25px;color: #999999;  float: left;}

.pageList ul li a{ color: #4c4c4c;margin: 0 2px; padding: 6px 10px;text-decoration: none !important;background:#CCCCCC;}


.pageList ul li a.selected,.pageList ul li a:hover{

    /*当前页面颜色*/

    background-color: #178fc9;

    color: white;

}





@media (max-width:411px) { 
	.adweate table tr td{width: 100%;}
	.adweate img{width: 100%;}
	.map-box div{height: 200px;}
/*	.container img{max-width: 100%;}*/
	.adweate p{text-indent: 2em;}
}

.mini-nav a.nav-on{color: #3cb7ff;}
.adficon p{text-align: left;}

@media (max-width: 768px) { 
	.paging {width: auto;}
}

/*网站地图*/
.addtable {
  line-height: 25px;
  overflow: hidden;
  width: 1170px;
  margin:0 auto;
}


.aucr-txt {
  color: #666666;
  font-size: 14px;
  height: auto;
  line-height: 27px;
  margin-bottom: 35px;
  overflow: hidden;
  padding-top: 21px;
  min-height: 500px;
}


.wst_table {
  color: #e6e6e6;
  text-align: left;
}
.wst_table table{

  border-collapse: collapse;
  border-spacing: 0;
  margin: 30px 0;

}


.wst_table td {
  border: 1px solid #cccccc;
  color: #333333;
  font-family: "微软雅黑";
  font-size: 14px;
  line-height: 1.5em;
  padding: 6px;
  text-align: center;
}
.wst_table ul {width: 20%; height: auto; text-align: center;}
.wst_table ul li {width: 100%;line-height: 22px;}
.wst_table ul li a{font-size: 13px; color: #434343;}

@media (min-width: 768px) and (max-width: 1920px){
	.p-con { overflow: hidden;}

	.p-box1 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.p-box2 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.p-box3 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.p-box4 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}

	.story-box {}
	.story-1 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-2 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-3 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-4 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-5 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-6 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-7 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-8 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.story-9 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}

	.bama-1 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-2 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-3 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-4 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-5 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-6 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.bama-7 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}

	.base-1,.base-3,.base-5,.b-3 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
	.base-2,.base-4,.base-6,.base-7,.b-4 { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}

}


/*animate*/

.pt-page-moveToLeft {
	-webkit-animation: moveToLeft 1.6s ease both;
	animation: moveToLeft 1.6s ease both;
}

.pt-page-moveToRight {
	-webkit-animation: moveToRight 1.6s ease both;
	animation: moveToRight 1.6s ease both;
}

.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both;
}

.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
	-webkit-animation: moveToBottom 1.6s ease both;
	animation: moveToBottom 1.6s ease both;
}

.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom 1.6s ease both;
	animation: moveFromBottom 1.6s ease both;
}


.pt-page-fade {
	-webkit-animation: fade .7s ease both;
	animation: fade .7s ease both;
}

/*  iconUp & circle */
.pt-page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}

.pt-page-moveCircle {
	-webkit-animation: moveCircle ease-in-out 1.2s both;
	animation: moveCircle ease-in-out 1.2s both;
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(0); opacity: 1;}
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}

@-webkit-keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(0); opacity: 1;}
}
@keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(0); opacity: 1;}
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes moveFromBottom {
	to { -webkit-transform: translateY(0); opacity: 1;}
}
@keyframes moveFromBottom {
	to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes fade {
	from { }
	to { opacity: 1; }
}
@keyframes fade {
	from { }
	to { opacity: 1; }
}

@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;
		transform: translateY(-80%);opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;
		transform: translateY(-80%);opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;
		transform: translateY(10%);opacity:1;}
	60% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}




/*立即申请*/

.hes-form{ margin:0px 0 30px;margin-left: 16px;}

.hesf-name{ width:265px; height:27px; overflow:hidden; float:left; line-height:27px; margin:0 22px 0 0;}

.hesf-name label{ width:90px; height:27px; color:#676769; text-align:right; display:block; float:left; overflow:hidden;}

.hesf-name label span{ padding-left:30px;}

.hesf-name input{ width:175px; height:27px; overflow:hidden; float:left; background:#e7e7e7; border:0; text-indent:5px; line-height:27px;}

.hesf-sex{ width:450px; height:27px; overflow:hidden; float:left; line-height:27px; color:#676769;}

.hesf-sex label{ display:block; float:left;}

.hesf-sex span{ display:block; float:left; margin-right:15px;}

.hesf-sex em{ display:block; float:left; font-style:normal;}

.hesf-sex input{ display:block; float:left; margin:6px 4px 0 0; _margin:3px 4px 0 0; width: auto;}


.fxz{ width:100%; height:27px; overflow:hidden; margin-bottom:8px;}

.hesf-sex input.hsx-text{ height:27px; border:0; width:345px; text-indent:5px; line-height:27px; margin:0; background:#e7e7e7;}

.hesf-tx{ width:100%; height:140px; margin-bottom:6px; overflow:hidden;}

.hesf-tx label{ width:90px; height:140px; line-height:140px; overflow:hidden; text-align:right; color:#676769; display:block; float:left;}

.hesf-tx textarea{ width:440px; height:140px; overflow:hidden; resize:none; display:block; border:0; background:#e7e7e7; line-height:21px; text-indent:5px; display:block; float:left;}

.hesf-tet{ width:100%; height:28px; overflow:hidden; float:left; line-height:28px; margin:0 0 4px 0;}

.hesf-tet label{ width:90px; height:38px; color:#676769; text-align:right; display:block; float:left; overflow:hidden;}

.hesf-tet input{ width:355px; height:28px; overflow:hidden; float:left; background:#e7e7e7; border:0; text-indent:5px; line-height:28px;}
.hesf-tet input[type="file"]{background: none; height:27px; line-height: 27px;}
.hesf-yz{ width:265px; height:33px; overflow:hidden; float:left; line-height:33px; margin:0 0 20px 0;}

.hesf-yz label{ width:90px; height:33px; color:#676769; text-align:right; display:block; float:left; overflow:hidden;}

.hesf-yz input{ width:105px; height:33px; overflow:hidden; float:left; background:#e7e7e7; border:0; text-indent:5px; line-height:33px; margin-right:15px;}

.hesf-yz img{ width:49px; height:20px; display:block; float:left; overflow:hidden; margin-top:6px; border:1px solid #5d5d5f; cursor:pointer;}

.hesf-st{ width:100%; height:40px; overflow:hidden;}

.hesf-st input{ width:155px; height:40px; border:0; margin-left:90px; font-family:"微软雅黑"; color:#fff; font-size:18px; background:#5bc0de; cursor:pointer;}

.hesf-st input.act{ background:#5bc0de;}

/*.qr-float { width: 122px; height: 122px; padding: 5px; border: 1px #0a96d9 solid; border-radius: 6px; background-color: #fff; position:  fixed; bottom: 10%; right: 0.9%; z-index: 99;}
.qr-float img { width: 110px; height: 110px;}*/

.qr-float { width: 122px; height: 122px; padding: 5px; position:  fixed; bottom: 10%; right: 0.9%; z-index: 99;}

.qr-float a{width: 46px; height: 60px; display: block; margin:0 auto; margin-top: 20px;}
.qr-float a img{width: 46px; height: 46px; }
div.qr-float a.xianshi{background: none; border:none;}
.qr-float a.xianshi img{width: 47px; height: 47px;}

div.lianxi{display:none; width: 122px; height: 122px; padding: 5px; border: 1px #0a96d9 solid; border-radius: 6px; background-color: #fff; position:absolute; bottom: 85%; right: 0.9%; z-index: 99;}
div.lianxi img{width: 110px; height: 110px;}



.big-banner { position: relative; overflow: hidden;}
.big-float { width: 698px; height: 220px; position: absolute; bottom: 0; left: 50%; margin: 0 0 -110px -349px; opacity: 0;}
.big-float img { width: 100%;}
@media (min-width: 768px) and (max-width: 1920px) { 
	.a-1 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.a-2 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.a-3 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.a-4 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.a-5 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.a-6 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-1 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-2 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-3 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-4 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-5 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.ab-6 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
	.t-1,.t-3 { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%);}
	.t-2 { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
	.w-1 { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
}

.abLeft1 {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}
.abLeft2 {
	-webkit-animation: moveFromBottom .8s ease both;
	animation: moveFromBottom .8s ease both;
}
.abLeft3 {
	-webkit-animation: moveFromBottom 1s ease both;
	animation: moveFromBottom 1s ease both;
}
.abLeft4 {
	-webkit-animation: moveFromBottom 1.2s ease both;
	animation: moveFromBottom 1.2s ease both;
}
.abLeft5 {
	-webkit-animation: moveFromBottom 1.4s ease both;
	animation: moveFromBottom 1.4s ease both;
}
.abLeft6 {
	-webkit-animation: moveFromBottom 1.6s ease both;
	animation: moveFromBottom 1.6s ease both;
}

.banner { display: none; }
@media (max-width: 768px) { 
	.big-float { width: 80%; position: absolute; top: 30%; left: 50%; margin: 0 0 0 -40%; opacity: 1;}
	#banner { display: none; }
	.banner { display: block; }
}


.qudiao{border:none; background: none;bottom:-4%;}
.news{min-height: 550px;}
.play{min-height: 550px;}
.honour{min-height: 550px;}
.videos{min-height: 550px;}
.jobs{min-height: 550px;}
.profession {min-height: 550px;}
.adshengchan{padding-top: 48px; padding-bottom: 0;}
.water{min-height: 500px;}


/*品牌故事新增*/
.story-map { text-align: center; position: relative;}
.flag { position: absolute; top: 50%; left: 50%; width: 234px; height: 107px; margin: -53px 0 0 -117px;}

.flagUp {
	-webkit-animation: flagUp 1.5s linear infinite;
	animation: flagUp 1.5s linear infinite;
}

@-webkit-keyframes flagUp {
	0% { -webkit-transform: translateY(0);}
	25% { -webkit-transform: translateY(5%);}
	50% { -webkit-transform: translateY(10%);}
	75% { -webkit-transform: translateY(5%);}
	100% { -webkit-transform: translateY(0);}
}
@keyframes flagUp {
	0% { -webkit-transform: translateY(0); transform: translateY(0);}
	25% { -webkit-transform: translateY(5%); transform: translateY(5%);}
	50% { -webkit-transform: translateY(10%); transform: translateY(10%);}
	75% { -webkit-transform: translateY(5%); transform: translateY(5%);}
	100% { -webkit-transform: translateY(0); transform: translateY(0);}
}
.story-5{margin-top: 30px;}
.story-6 { margin: 0 0 38px; text-align: center;}




@media (max-width: 768px) { 
	.sa-map { width: 100%;}
	.flag { width: 117px; height: 53px; margin: -26px 0 0 -58px;}
	.story-6 { margin: 0 0 40px;}
	.story-6 img { width: 100%;}
}



.adwex{  border: 1px solid #0a96d9; border-radius: 6px; padding:3px; background-color:#fff; position: absolute; left: 211px; bottom: 46px; width: 120px; height: 120px; display: none; z-index: 999;}



@media (min-width: 768px) and (max-width: 1920px) { 
	.f-1 { display: none;}
	.f-2 { -webkit-transform: translateX(10%); transform: translateX(10%); opacity: 0;}
}

.bama-big { position: relative;}
.bama-big .flag { margin: -110px 0 0 -150px;}

@media (max-width: 768px) { 
	.m-hide { display: none; }
	.f-1 { display: block; width: 100%;}
	.bama-big .bama-b { display: none; }
	.bama-big .flag { display: none;}
	.f-2{width: 100%; display:block;}

}

@media (min-width: 768px) and (max-width: 1920px) { 
	.hand { width: 100%; margin: 30px auto 0; overflow: hidden;}
	.hand ul { overflow: hidden; width: 100%;}
	.hand li { width: 20%; height: 25em; float: left; overflow: hidden;}
	.hand img { width: 100%; height: 100%;}
	.hand li.hand-on { width: 60%; }
	
}

@media (max-width: 768px) { 
	.hand img { width: 100%;}

}

.god-map { position: relative;}
.flag2 { position: absolute; top: 68%; left: 50%; width: 161px; height: 83px; margin: 0 0 0 -80px;}
@media (max-width: 768px) { 
	.god-map .c-map { display: none;}
	.god-map .flag2 { display: none; }
	.s-map { width: 100%; }
	.adweate .ke-zeroborder{margin-top: 0;}
	.adimge3{margin-top:0px;}

	.abtie{margin-top: 29px;}

	.god2e{margin-top: 0px;}

    .adbase4{margin-top: 0px;}

    .adtiba{margin-top: 0px;}
    .water-con img{width: 100%;}
}


@media (min-width: 768px) and (max-width: 1920px) { 

	.adweate .ke-zeroborder{margin-top: -44px;}

    .adimge3{margin-top: 50px;}
    .abtie{margin-top: 120px;}
    .god2e{margin-top: 39px;}

    .adbase4{margin-top: 49px;}

     .adtiba{margin-top: 69px;}
}
.adbase{height: 640px;}


.adwem{height: 640px;}



/*神仙泉*/
.adbase3{margin-top: 40px;}
.adbase5{margin-top: 25px;}
.adbase6{margin-top: 24px;}
.adgodim{margin-top: 30px;}

.m-1,.m-2,.m-3 {  -webkit-transform: translateY(0); transform: translateY(0); opacity: 0;}
.m-icon1,.m-icon2,.m-icon3,.m-icon4 {  -webkit-transform: translateY(0); transform: translateY(0); opacity: 0;}

.mt1 {
	-webkit-animation: mb 1.2s ease both;
	animation: mb 1.2s ease both;
}
.mt2 {
	-webkit-animation: mb2 .8s ease both;
	animation: mb2 .8s ease both;
}
.mt3 {
	-webkit-animation: mb .5s ease both;
	animation: mb .5s ease both;
}
.mp1 {
	-webkit-animation: mp 1.2s ease both;
	animation: mp 1.2s ease both;
}
.mp2 {
	-webkit-animation: mp2 .8s ease both;
	animation: mp2 .8s ease both;
}
.mp3 {
	-webkit-animation: mp4 .5s ease both;
	animation: mp4 .5s ease both;
}
.mp4 {
	-webkit-animation: mp3 .6s ease both;
	animation: mp3 .6s ease both;
}
.mp5 {
	-webkit-animation: mp3 .8s ease both;
	animation: mp3 .8s ease both;
}
.mp6 {
	-webkit-animation: mp3 1s ease both;
	animation: mp3 1s ease both;
}
.mp7 {
	-webkit-animation: mp3 1.2s ease both;
	animation: mp3 1.2s ease both;
}

@-webkit-keyframes mb {
	to { -webkit-transform: translateY(500%); opacity: 1;}
}
@keyframes mb {
	to { -webkit-transform: translateY(500%); transform: translateY(500%); opacity: 1;}
}

@-webkit-keyframes mb2 {
	to { -webkit-transform: translateY(250%); opacity: 1;}
}
@keyframes mb2 {
	to { -webkit-transform: translateY(250%); transform: translateY(250%); opacity: 1;}
}

@-webkit-keyframes mb3 {
	to { -webkit-transform: translateY(210%); opacity: 1;}
}
@keyframes mb3 {
	to { -webkit-transform: translateY(210%); transform: translateY(210%); opacity: 1;}
}

@-webkit-keyframes mp {
	to { -webkit-transform: translateY(100px); opacity: 1;}
}
@keyframes mp {
	to { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 1;}
}

@-webkit-keyframes mp2 {
	to { -webkit-transform: translateY(110px); opacity: 1;}
}
@keyframes mp2 {
	to { -webkit-transform: translateY(110px); transform: translateY(110px); opacity: 1;}
}

@-webkit-keyframes mp3 {
	to { -webkit-transform: translateY(120px); opacity: 1;}
}
@keyframes mp3 {
	to { -webkit-transform: translateY(120px); transform: translateY(120px); opacity: 1;}
}

@-webkit-keyframes mp4 {
	to { -webkit-transform: translateY(130px); opacity: 1;}
}
@keyframes mp4 {
	to { -webkit-transform: translateY(130px); transform: translateY(130px); opacity: 1;}
}
/*水知识*/
.water-con {line-height: 25px;}

.jilu{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 18px;}

.b-arrow { width: 38px; height: 33px; position: fixed; bottom: 5%; left: 50%; margin: 0 0 0 -19px; z-index: 999999;
	-webkit-animation: b-arrow ease 1.5s both infinite;
	animation: b-arrow ease 1.5s both infinite;
}

@-webkit-keyframes b-arrow {
	0% { -webkit-transform: translateY(-100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); opacity:0;}
}
@keyframes b-arrow {
	0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity:0;}
}

@media (max-width: 768px) { 
	.b-arrow { display: none;}

}


.chanpin-img{ display: block; padding: 7px; background-color: #fff;}
.return{  line-height: 88px; padding: 0 15px;}
.return a{color:#b0d7ee; font-size: 13px;}
.return a:hover{color:#fff; font-size: 13px;}

.jobs-con table { width: 100%; margin: 0 0 20px; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid;}
.jobs-con td { padding: 0 10px; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; line-height: 40px;}

.panel-body table { width: 100%; margin: 0 0 20px; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid;}
.panel-body p{text-align: justify;}
.panel-body td { padding: 0 10px; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; line-height: 40px;}

.panel-body h3{line-height: 22px; font-size: 14px; font-style: normal; }
@media (max-width: 414px) { 
	.panel-body table { width: 100%; margin: 0 0 5px; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid;}
	.panel-body td { padding: 0 5px; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; line-height: 30px; font-size: 12px;}
.firstRow p{text-align: justify;}
}
#notes{line-height: 24px; font-size: 14px; color:#333;}




/*11.3L*/
.pro-banner { width: 100%; height: 510px; position: relative;}
.pro-banner img { position: absolute; top: 70px;}
.pro-b1 { right: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0;}
.pro-b2 { left: 50%; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}

.pro-mini { display: none;}
.pro-mini img { width: 100%;}

@media (max-width: 414px) { 
	.pro-mini { display: block;margin-top: 39px;}
	.pro-banner { display: none;}
}

.today { padding: 84px 0 0;}
.today-ti { width: 80%; margin: 0 auto 46px; text-align: center;}
.today-ti img { width: 100%;}
.today-list { width: 608px; margin: 0 auto 56px;}
.today-list li { padding: 12px 0; border-bottom: 2px #88d5f5 dotted; overflow: hidden;}
.drop-water { width: 144px; height: 144px; margin: 0 18px 0 0;}
.today-list p { padding: 36px 0 0; font-size: 20px; color: #00afec; line-height: 30px;}
.today-bar { width: 100%; height: 25px; background-color: #54c3f1;}

@media (max-width: 414px) { 
	.today { padding: 22px 0 0;}
	.today-ti { width: 100%; margin: 0 auto 13px; text-align: center;}
	.today-ti img { width: 100%;}
	.today-list { width: 284px; margin: 0 auto 22px;}
	.today-list li { padding: 6px 0; border-bottom: 2px #88d5f5 dotted; overflow: hidden;}
	.drop-water { width: 55px; height: 55px; margin: 0 9px 0 0;}
	.today-list p { padding: 15px 0 0; font-size: 11px; color: #00afec; line-height: 15px;}
	.today-bar { width: 100%; height: 12px; background-color: #54c3f1;}
}

@media (min-width: 768px) and (max-width: 1920px) { 
	.pro-up { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0;}
}

.nice { padding: 78px 0 0; border-bottom: 25px #54c3f1 solid;}
.nice-ti { width:60%; height: 113px; margin: 0 auto 26px; background: url(../en_images/nice-ti.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 92px;}
.nice-ti b { font-size: 25px; color: #008dcb;}

.nice-box { width: 60%; margin: 0 auto 40px;}
.nice-box-ti { padding: 0 0 20px 53px; background: url(../en_images/small-drop.png) no-repeat left top; font-size: 24px; color: #008dcb; line-height: 37px;}
.nice-con img { width: 100%;}

.pro-up6 b{font-size: 24px; line-height:29px; display: block; width: 75%; margin:0 auto; padding-top:15px;}
.pro-up10 b{font-size: 23px; line-height:27px; display: block; width: 75%; margin:0 auto; padding-top: 17px;}

.pro-up12 b{font-size: 23px; line-height:26px; display: block; width: 75%; margin:0 auto; padding-top: 16px;}
.pro-up14 b{font-size: 22px; line-height:25px; display: block; width: 75%; margin:0 auto; padding-top: 20px;}

@media (max-width: 768px) { 
	.nice { padding: 40px 0 0; border-bottom: 12px #54c3f1 solid;}
	.nice-ti { width: 100%; height: 56px; margin: 0 auto 13px; background: url(../en_images/nice-ti.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 46px;}
	.nice-ti b { font-size: 15px; color: #008dcb;}
	.nice-box { width: 100%; margin: 0 auto 20px;}
	.nice-box-ti { padding: 0 0 10px 26px; background: url(../en_images/small-drop.png) no-repeat left top; background-size: 16px 23px; font-size: 14px; color: #008dcb; line-height: 18px;}
    .pro-up10 b{font-size: 12px; width: 71%; display: block; height: 40px; line-height: 15px; margin:0 auto; padding-top: 8px;}
    .pro-up6 b{font-size: 12px; width: 71%; display: block; height: 40px; line-height: 15px; margin:0 auto; padding-top: 8px;}
    .pro-up12 b{font-size: 12px; width: 77%; display: block; height: 40px; line-height: 15px; margin:0 auto; padding-top: 8px;}
    .pro-up14 b{font-size: 12px; width: 77%; display: block; height: 40px; line-height: 15px; margin:0 auto; padding-top: 8px;}
    .pro-up16 b{font-size: 18px; width: 77%; display: block; height: 40px; line-height: 27px; margin:0 auto; padding-top: 8px;}
}

@media (max-width: 430px) { 
	.nice { padding: 40px 0 0; border-bottom: 12px #54c3f1 solid;}
	.nice-ti { width: 100%; height: 56px; margin: 0 auto 13px; background: url(../en_images/nice-ti.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 20px;}
	/*.nice-ti b { font-size: 12px; color: #008dcb;}*/

	.nice-box { width: 100%; margin: 0 auto 20px;}
	.nice-box-ti { padding: 0 0 10px 26px; background: url(../en_images/small-drop.png) no-repeat left top; background-size: 16px 23px; font-size: 14px; color: #008dcb; line-height: 18px;}
}

.drop-list { width: 60%; margin: 0 auto 40px;}
.drop-list li { overflow: hidden;}
.drop-list span { display: block; width: 40px; height: 55px; margin: 0 5px 0 0; float: left; background: url(../en_images/small-drop2.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 40px; color: #fff; line-height: 65px; font-weight: bold;}
.drop-list li p { font-size: 20px; color: #4c4948; line-height: 55px;}

@media (max-width: 768px) { 
	.drop-list { width: 100%; margin: 0 auto 20px;}
	.drop-list li { overflow: hidden;}
	.drop-list span { display: block; width: 20px; height: 27px; margin: 0 5px 0 0; float: left; background: url(../en_images/small-drop2.png) no-repeat; background-size: 100% 100%; text-align: center; font-size: 20px; color: #fff; line-height: 37px; font-weight: bold;}
	.drop-list li p { font-size: 12px; color: #4c4948; line-height: 27px;}

	.drop-tips { font-size: 10px;}
}

.pro-honur { width: 635px; height: 1035px; margin: 0 auto 113px; background: url(../en_images/tree.png) no-repeat; background-size: 100% 100%; position: relative;}
.pro-honur div { width: 270px; position: absolute;
	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-ms-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
	opacity: 0;
}
.pro-honur p { font-size: 12px; color: #4c4948; line-height:24px;}
.pro-honur img { width: 100%;}
.bb2007 { top: 164px; right: 0;}
.bb2010 { top: 227px; left: 0;}
.bb2012 { top: 423px; left: 0;}
.bb2013 { top: 500px; right: 0;}
.bb2015 { top: 694px; right: 0;}
.bb2014 { top: 780px; left: 0;}

.pro-honur div.bb-show { opacity: 1;}

@media (max-width: 768px) { 
	.pro-honur { width: 100%; height: 520px; margin: 0 auto 56px; background: url(../en_images/tree.png) no-repeat; background-size: 100% 100%; position: relative;}
	.pro-honur div { width:43%; position: absolute; opacity: 1;}
	.pro-honur p { font-size: 10px; color: #4c4948; line-height: 14px;}
	.pro-honur img { width: 100%;}
	.bb2007 { top: 68px; right: 0;}
	.bb2010 { top: 115px; left: 0;}
	.bb2012 { top: 211px; left: 0;}
	.bb2013 { top: 250px; right: 0;}
	.bb2015 { top: 347px; right: 0;}
	.bb2014 { top: 390px; left: 0;}
}

.cow { margin: 0 0 127px;}
.cow img { width: 100%;}

@media (max-width: 768px) { 
	.cow { margin: 0 0 44px;}
}
/*人才招聘*/
.shenqin table { width: 100%; margin: 0 0 20px; border-top: 1px #e5e5e5 solid; border-left: 1px #e5e5e5 solid;}
.shenqin td { padding: 0 10px; border-left: 1px solid #e5e5e5; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; line-height: 40px;}
.shenqin table tbody th {
  background: #e8f3f6 none repeat scroll 0 0;
  border-color: #fff #fff #e5e5e5;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  text-align: center;
  padding:5px 6px;
  border-right: 1px solid #e5e5e5;
}
/*
.shenqin table input,textarea{
float: left;
padding:3px;
}*/
.shenqin table td span.xueli{float: left; position: relative;display: block; width:14%;height: 35px;}
.shenqin table td span.xueli em{line-height: 32px;}
.shenqin table td span.xueli  input{position: absolute; top: 10px; left: 0px;}


.shenqin table td span.sexe {float: left; position: relative;display: block; width:50%; height: 35px;}
.shenqin table td span.sexe em{line-height: 32px;}
.shenqin table td span.sexe input{position: absolute; top: 10px; left:-2px;}
.shenqin table td  input[type="radio"]{cursor: pointer; box-sizing:none;}


.shenqin table td input[type="text"]{line-height: 27px; margin:3px 0px; }
#yzm{float: left; width: 30%;}
#verifyImg{float: left;margin-left: 5px; margin-top: 5px;}

/*job*/
.pick { overflow: hidden; vertical-align: sub;}
.pick em { float: left; }
.pick i { display: inline-block; width: 12px; height: 12px; margin: 10px 0 0 10px; float: left;  background: url(../en_images/r-icon.png) no-repeat; }
.pick.act i { background: url(../en_images/r-icon2.png) no-repeat center;}



.pick2 { overflow: hidden; vertical-align: sub;}
.pick2 em { float: left; }
.pick2 i { display: inline-block; width: 12px; height: 12px; margin: 10px 0 0 10px; float: left;  background: url(../en_images/r-icon.png) no-repeat; }
.pick2.act i { background: url(../en_images/r-icon2.png) no-repeat center;}


/*新品导航条*/
.sub-nav { width: 60%; height: 46px; line-height: 46px; position: absolute; top: 20px; left: 50%; margin: 0 0 0 -30% !important; background-color: #0075ad;}
.sub-nav a { display: block; width: 25%; hyphens: 46px; float: left; text-align: center; font-size: 16px; color: #fff; position: relative;}
.sub-nav a.act { color: #9edaf6;}
.sub-nav i { display: none; width: 46px; height: 22px; background: url(../en_images/12122.png) no-repeat; position: absolute; bottom: -22px; left: 50%; margin: 0 0 0 -23px; z-index: 99999;}
.sub-nav a.act i { display: block; }



/*大事记修改*/

.small-banner { width: 100%; height: 447px;  position: relative;}
.small-banner .bd{ width:100%; height:447px;margin:0 auto;}

.small-banner .bd li .m-width { width: 100%; margin: 0 auto; overflow: hidden;}
.small-banner .bd li{ width: 100%; height: auto;}
.small-banner .bd li a{ display: block; width: 100%; }
.small-banner .bd li img{ width:578px; height: 313px;}
.small-banner .hd { width: 100%; position: absolute; bottom: 24%;  left:-19%; text-align: center; z-index: 9999;}

.small-banner .hd ul li{ display: inline-block; width: 16px; height: 16px; overflow:hidden; text-indent: -9999px; margin-right: 10px;  background: url(../en_images/ban-btn.png) no-repeat center center;cursor: pointer;margin:none;}
.small-banner .hd ul li.on{ background: url(../en_images/ban-btn2.png) no-repeat;}




@media (max-width: 768px)  {
	.small-banner{height: auto; width: 100%;}
	.small-banner .bd{height: auto;}
	.small-banner .hd{bottom:6%; left:-9%;}
	.small-banner .hd {bottom:6%; left:-9%;}
	.small-banner .hd ul li{margin-right: 3px;}
	.small-banner .bd li img{height: auto; width: 100%;}
}




 textarea{resize: none;}
.pageshow{  margin: 0 auto; height:40px; clear: both; margin-top:30px;  }
.pageshow .current{ background:#178fc9;color:#FFFFFF;height:40px; width: 50px;  padding: 5px 10px; margin-left: 5px;}
.pageshow .btn-danger,.pageshow .num,.pageshow .prev,.pageshow .next,.pageshow .first,.pageshow .end{height:40px; width: 50px; background: #E2E2E2; color:#4c4c4c;  padding: 5px 10px; margin-left: 5px; }


/*英文版内页栏目导航*/
@media (min-width: 968px){
	.about-naven { margin: 0;}
.about-naven li { position: relative; width: 20%; float: left; padding: 15px 0;}
.about-naven li a.sub-btn { display: block; padding: 10px; font-size: 16px; color: #666; text-align: center; border-right: 1px #dbdbdb solid;}
.about-naven li:first-child a.sub-btn { border-left: 1px #dbdbdb solid;}
.about-naven li:after { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	content: ""; 
	width: 0; 
	height: 3px; 
	background-color: #249be1;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
.about-naven li.active::after,.about-naven li:hover::after {
	width: 100%;
}
.about-naven li.active a.sub-btn { color: #249be1; font-weight: bold; text-decoration: none;}
.about-naven li a { text-decoration: none;}
.about-naven li:hover .drop-nav { display: block;}
}


@media (max-width: 768px){
.about-naven { margin: 0;}
.about-naven li { position: relative; width: 33.33%; float: left; padding: 10px 0;}
.about-naven li a.sub-btn { display: block; padding: 1px; font-size: 12px; color: #666; text-align: center; border-right: 1px #dbdbdb solid;}
.about-naven li:first-child a.sub-btn { border-left: 1px #dbdbdb solid;}
.about-naven li:after { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	content: ""; 
	width: 0; 
	height: 3px; 
	background-color: #249be1;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
.about-naven li.active::after,.about-naven li:hover::after {
	width: 100%;
}
.about-naven li.active a.sub-btn { color: #249be1; font-weight: bold; text-decoration: none;}
.about-naven li a { text-decoration: none;}
.about-naven li:hover .drop-nav { display: block;}
}




.copyright a.guige{color:#a0caec; float: left; width: 30%;text-indent: 6px; }