.text-red, a.text-red { color: #00a0ff; }

/*主导航*/
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 500; }
.main-nav { background-color: #0083ca; text-align: right; padding: 15px 0; position: relative; z-index: 200; }
.logo { float: left;}
.logo a { display: block; display\0:inline; }
.logo a:hover { opacity: 1; filter: alpha(opacity=100); }
.lang { color: #ffffff; font-size: 12px; }
.lang-sep { margin-right: 5px; margin-left: 5px; }
.lang a { color: #ffffff; }
.search-box { display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; }
.search-box input { border: #0083ca solid 1px; border\0:#0083ca solid 1px; border-radius: 20px; width: 200px; padding: 0  15px; height: 25px; background: transparent; color: #ffffff; line-height: 25px; }
.search-box input:focus, .search-box input:hover { border: #0093fb solid 1px; border\0:#0093fb solid 1px; -webkit-box-shadow: 0 0 2px #0093fb; -moz-box-shadow: 0 0 2px #0093fb; box-shadow: 0 0 2px #0093fb; }
.btn-search { position: absolute; right: 0; top: 0; display: block; width: 26px; height: 22px; border: 0; background: url(../images/search.png) no-repeat center; }
.menu-control>li { display: inline-block; vertical-align: middle; margin-left: 40px; }
.menu-control>li>a { display: block; display\0:inline; color: #ffffff; position: relative; font-size: 17px; line-height:57px;}
.main-nav.active .lang { display: none; }
.main-nav.active .logo { height: 57px; overflow: hidden; }
.main-nav.active .hover-c:after { bottom: -16px; bottom\0:-18px; }

/*底部菜单*/
footer { position: relative; z-index: 40; background-color: #f5f5f5; }
.map-list-w { padding: 30px 0; border-bottom: #e0e0e0 solid 1px; }
.map-list { display: inline-block; vertical-align: top; width: 18%; }
.map-list-c { width: 32%; }
.map-list-c2 { width: 16%; }
.map-list-t { color: #666; font-size: 18px; margin-bottom: 10px; }
.map-list-u { display: inline-block; vertical-align: top; color: #151515; }
.map-list-c .map-list-u { max-width: 140px; width: 32%; }
.map-list-u-t {	/*margin-left: 20px;*/
display: block; font-size: 15px; color: #666666;font-weight: bold; }
.map-list-u a { display: block; display\0:inline; width: 100%; color: #666666;	/*padding-left: 10px;*/	/*text-indent: 10px;*/}
.map-list-u li a:hover{ color: #00a0ff; opacity: 1; filter: alpha(opacity=100); }
/*background: url(../images/icon.png) no-repeat -19px -19px;}*/ 

.site-list li { width: 50%; float: left; color: #323232; font-size: 18px; padding-left: 30px; margin-bottom: 50px;}
.site-list li:first-child { padding-right: 30px; padding-left: 0; border-right: #e6e6e6 solid 1px; }
.site-list { position: relative; }
.site-list img{ padding:10px; }
.icon-menu { display: none; background-position: -7px -43px; }
.site-info { color: #999999; font-size: 12px; text-align: center; padding: 10px 0; line-height: 20px; }
.site-info  a{ color: #999999; font-size: 12px; text-align: center; padding: 10px 0; line-height: 20px; }
.site-info  span{ color: #999999; font-size: 12px; text-align: center; padding: 10px 0; line-height: 20px; }
.site-info-t { color: #000000; }
.site-info-c { padding-bottom: 30px; }

/*社交*/
.sns-list-w { display: block; position: fixed; top: 25%; height: 0; z-index: 100; width: inherit; }
.fix-wraper { width: 100%; max-width: 100%; margin: 0 auto; }
.sns-list { float: right; background: rgba(0, 0, 0, .5) !important; filter: Alpha(opacity=50); background: rgb(0, 0, 0); padding: 25px 0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.sns-list a { display: block; padding: 12.5px; width: 50px; height: 52px; position: relative; }
.sns-ew { position: absolute; right: 100%; top: -70px; width: 200px; height: 200px; padding: 10px; display: none; -webkit-animation: fadeInLeft .5s .1s ease both; -moz-animation: fadeInLeft .5s .1s ease both; animation: fadeInLeft .5s .1s ease both; }
.sns-ew:after { content: ''; position: absolute; right: -10px; top: 45%; border: transparent solid 10px; border-left: #FFFFFF solid 10px; }
.wx-hover:hover { opacity: 1; }
.wx-hover:hover .sns-ew { display: block; }
.icon-wx { width: 25px; height: 25px; background-position: -3px -74px; }
.icon-weibo { width: 25px; height: 25px; background-position: -7px -119px; }
.icon-phone { width: 25px; height: 25px; background-position: -7px -166px; margin-right: 15px; }
.phone-hover:hover { opacity: 1; }
.sns-phone { position: absolute; top: 12.5px; left: 15.5px; white-space: nowrap; color: #FFFFFF; font-size: 17px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.phone-hover:hover .sns-phone { left: -120px; }
.btn-menu { display: none; width: 45px;	/*height: 35px;*/	/*border: #fff solid 1px;*/
float: right; border-radius: 3px; padding: 15px 8px 10px; margin-right: -5px; }
.icon-line { display: block; border-top: #fff solid 4px; margin-top: 4px; border-radius: 2px; }

/*子菜单*/
.sub-nav-list { position: absolute; top: 100%; left: 0; width: 100%; background: #f5f5f5; display: none; }
.sub-nav-list>ul { width: 1280px; padding: 15px; max-width: 100%; margin: 0 auto; }
.sub-nav-list>ul>li { display: inline-block; vertical-align: top; margin-left: 10px; }
.sub-nav-list-c { padding-top: 10px; }
.sub-nav-list-c>ul>li { text-align: left; }
.s-sub-nav-list { padding: 10px 0; width: 320px; overflow: hidden;}
.s-sub-nav-list-c { width: 90px; }
.s-sub-nav-list-fc { width: 100px; padding: 0 0 10px 0; overflow: hidden; }
.s-sub-nav-list-fc>li { display: inline-block; vertical-align: top; float: left; width: 100%;}
.s-sub-nav-list-fc>li>a { display: block; display\0:inline; color: #666666; }
.s-sub-nav-list-fc .mntsub{font-size:12px;padding-left:6px;}
.s-sub-nav-list>li { float: left; margin-right: 25px; }
.s-sub-nav-list-c>li { width: 100%; }
.sub-nav-list>ul>li>a { display: block; display\0:inline; color: #666666; }
.sub-nav-list-c>ul>li>a { color: #323232; font-weight: bold; font-size: 17px; }
.s-sub-nav-list>li>a { color: #666666; }
.sub-nav-list>ul>li.active>a, .sub-nav-list>ul>li a:hover, .s-sub-nav-list>li>a:hover { color: #00a0ff; opacity: 1; filter: alpha(opacity=100); }
.sub-nav-list .sub-nav-list-cc { padding-bottom: 0; padding-right: 375px; }
.sub-nav-list .sub-nav-list-cc2 { padding-top: 0; padding-bottom: 20px; }
.sub-nav-list .sub-nav-list-cc3 { padding-bottom: 0; padding-right: 0px; }
.sub-nav-list-cc li { width: 100px; text-align: left; }
.sub-nav-list .sub-nav-list-cone { padding-bottom: 0; padding-right: 375px; }
.sub-nav-list .sub-nav-list-ctwo { padding-right: 325px; padding-top: 0; padding-bottom: 20px; }
.sub-nav-list .sub-nav-list-cone>li{width:60px;text-align: left; display: inline-block; vertical-align: top; margin-left: 30px; }
.sub-nav-list .sub-nav-list-ctwo>li{width:110px;text-align: left; display: inline-block; vertical-align: top; margin-left: 28px;}
.hover-c:hover, .menu-control>li>a { opacity: 1; filter: alpha(opacity=100); }
.menu-control>li.active .sub-nav-list, .menu-control>li.active .hover-c:before, .menu-control>li.active .hover-c:after { display: block; -webkit-animation: fadeInUp .5s .1s ease both; -moz-animation: fadeInUp .5s .1s ease both; animation: fadeInUp .5s .1s ease both; }
.hover-c:after { content: ''; position: absolute; bottom: -18px; bottom\0:-17px; left: 35%; border: transparent solid 7px; border-bottom: #f5f5f5 solid 7px; display: none; }
.menu-control>li.active .hover-c:before, .menu-control>li.active .hover-c:after { display\0:none; }

/*面包屑*/
.breadcrumb { height: 55px;padding-top: 20px; }
.breadcrumb a { color: #666666; }
.icon-home { background-position: -5px 0; margin-right: 10px; }
.icon-arrow { background-position: 0 -19px; margin-right: 5px; width: 15px; }
.video { width: 100%; max-width: 100%; }
.video-js { width: 100% !important; min-height: 200px; padding-top: 43.75%; height: auto !important; }

/*侧导航*/
.left-bar { display:none; width: 180px; float: left;	/*position: fixed;*/ }
.left-nav { background: url(../images/middle-nav.png) repeat; }
.left-nav li { height: 66px; line-height: 66px; text-align: center; }
.left-nav li.active a { color: #00a0ff; }
.index-banner li img { width: 100%; }
@media(min-width:1200px) and (max-width:1920px) {
	/*.banner-c .index-banner li { overflow: hidden; }
	.banner-c li img { position: relative; display: block; width:100%; max-width: 1920px; top: 0; /*left: 50%; margin-left: -960px;*/ }*/
    .banner{ width:100%; overflow:hidden; position:relative;  }
	.banner .hd{width: 10%; overflow:hidden; position:absolute; left: 47%; bottom:4%; z-index:1; }
	.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.banner .hd ul li{ float:left;  width:10px; height:10px; background:#006699; cursor:pointer;border-radius: 10px; margin: 0 4px;}
	.banner .hd ul li.on{ background:#fff;border: 1px solid #646464; }
	.banner .bd{ position:relative; height:100%; z-index:0;   }
	.banner .bd li{ zoom:1; vertical-align:middle; }
	.banner .bd img{ width:100%; display:block;  }
}

/*主内容*/
.main-content { /*padding-left: 240px;*/ color: #646464; line-height: 24px; padding-bottom: 100px; min-height: 725px; }
.main-content p { padding-bottom: 24px; }
.main-content-c { padding-left: 300px; }
.title { color: #00a0ff; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px; line-height:35px;}
.abouttitle { color: #00a0ff; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px; border-bottom: #F5f5f5 solid 2px;padding-bottom:35px;}
.jobtitle { color: #00a0ff; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px; border-bottom:#F5f5f5 solid 2px; }
.jobtitle span { display:inline-block;padding-bottom:35px; }
p.job-2nd{font-size:15px;}
.text-indent { text-indent: 2em; }
.page-sroll h4 { text-indent: 0; padding: 10px 0; }
.page-sroll p { margin-bottom: 10px; }
.introduce-cnt { margin: 30px; text-align: justify; }
.introduce-cnt-c { padding-right: 0; padding-top: 20px; }
.icon-down { width: 40px; height: 40px; background-position: -2px -349px; }
.btn-more { display: block; background-color: #f5f5f5; text-align: center; padding: 13px 0; text-indent: 0; }
.btn-more:hover { opacity: 1; filter: alpha(opacity=100); background-color: #00a0ff; }
.btn-more:hover .icon-down { background-position: -2px -691px; }
.btn-more.active .icon-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.icon-site { width: 40px; height: 35px; background-position: 0 -211px; }
.icon-email { width: 40px; height: 35px; background-position: 0 -256px; }
.icon-phone2 { width: 40px; height: 35px; background-position: -1px -299px; }
.icon-tel { width: 40px; height: 35px; background-position: -1px -747px; }
.i-table { display: table; width: 100%; height: 100%; }
.i-table-cell { display: table-cell; vertical-align: middle; }
.title2 { font-size: 24px; font-weight: bold; margin-bottom: 40px; }
.map { position: relative; margin-top: 40px; }
.map-info { position: absolute; top: 0; right: 0; width: 45%; height: 100%; color: #FFFFFF; background: rgba(0, 0, 0, .58); padding-left: 6%; }
.page-sroll { height: 310px; overflow: hidden; }
.page-sroll-c { height: 110px; }
.page-sroll-c2 { height: 80px; }
.page-sroll.active { height: auto; }

/*   */
.pb-10 div a img{
	margin: 1% 1.6%;
}


@media (max-width:1600px) {
	.sns-list-w { right: 0; }
	.fix-wraper { width: 100%; }
	.main-content { min-height: 600px; }
}
@media (max-width:767px) {
	.main-content { line-height: 24px; }
	.main-content p { padding-bottom: 24px; }
	.map-info { width: 100%; }
	.map-list-w {		/*display: none;*/
	overflow: hidden; }
	.map-list { width: 100%; float: none; margin-bottom: 20px; }
	.map-list-t { font-size: 17px; }
	.map-list-u-t { font-size: 15px; }
	.map-list-c .map-list-u { display: block; width: 100%; max-width: 100%; }
	.map-list-c .map-list-u { margin-top: 10px; }
	.map-list-c .map-list-u li:first-child { width: 100%; display: block; }
	.map-list-u li { display: inline-block; vertical-align: middle; min-width: 32%; }
	.video-js { width: 100% !important; height: auto !important; min-height: 0; }
	.site-list li { width: 100%; padding: 0; margin-bottom: 20px; font-size: 17px; }
	.site-list li:first-child { border: 0; border-bottom: #e6e6e6 solid 1px; padding-right: 0; padding-bottom: 20px; }
	.site-list li h3 { margin-bottom: 15px; text-align: center; }
	.lang { line-height: 35px; text-align: center; float: right; margin-right: 10px; }
	.logo { margin-top: -7px; }
	.btn-menu { display: block; }
	.menu-control { clear: both; height: 400px; overflow: auto; }
	.menu-control>li { display: block; margin: 0; text-align: left;		/*background: #efefef;*/ }
	.menu-control>li a { line-height: 40px; }
	.menu-control-w { display: none; position: absolute; top: 100%; left: 0; width: 100%; }
	.menu-control>li:hover .sub-nav-list, .menu-control>li:hover .hover-c:before, .menu-control>li:hover .hover-c:after { display: none; -webkit-animation: none; -moz-animation: none; animation: none; }
	.sub-nav-list { position: static; }
	.sub-nav-list-c { padding: 0; }
	.s-sub-nav-list { display: none; padding: 0 25px; margin: 0 -15px; width: auto; background: #ccc; }
	.s-sub-nav-list li { width: 100%; float: none; padding: 0 10px; border-bottom: #bbbbbb solid 1px; }
	.s-sub-nav-list li:last-child { border-bottom: 0; }
	.sub-nav-list-c>ul>li>a { font-weight: normal; color: #666666; font-size: 17px; }
	.sub-nav-list-c>ul>li.active>a { background-image: url(../images/arrow-active.png); }
	.left-bar { display: none; }
	.main-content { padding-left: 0; padding-bottom: 10px; }
	.introduce-cnt { padding: 0; }
	.title2 { margin-bottom: 10px; }
	.map { min-height: 300px; }
	.map-info { width: 100%; }
	.form-c1 { padding-left: 90px; }
	.main-nav.active .lang { display: block; }
	.menu-control>li { border-bottom: #d6d6d6 solid 1px; }
	.menu-control>li>a, .menu-control>li a.hover-c { color: #323232; padding: 0 15px; font-size: 17px; background: #efefef no-repeat; background-position: 95% 45%; -webkit-background-size: 15px; background-size: 15px; }
	.menu-control>li a.hover-c { background-image: url(../images/add.png); }
	.menu-control>li.active a.hover-c { background-image: url(../images/reduce.png); color: #00a0ff; }
	.sub-nav-list>ul { padding: 0; background: #e0e0e0; }
	.sub-nav-list>ul>li { display: block; width: auto; border-bottom: #c1c1c1 solid 1px; margin: 0 15px; }
	.sub-nav-list>ul>li:last-child { border-bottom: 0; }
	.sub-nav-list>ul.sub-nav-list-cc>li:last-child { border-bottom: #c1c1c1 solid 1px; }
	.sub-nav-list>ul.sub-nav-list-cc2>li:last-child { border-bottom: 0; }
	.sub-nav-list>ul.sub-nav-list-cc2 { padding-bottom: 0; }
	.sub-nav-list>ul>li>a { padding: 0 10px; background: url(../images/arrow.png) no-repeat; background-position: 99% 45%; -webkit-background-size: 15px; background-size: 15px; }
	.menu-control>li.active .sub-nav-list { }
	.sub-nav-list .sub-nav-list-cone , .sub-nav-list .sub-nav-list-ctwo{ padding: 0; }
    .sub-nav-list .sub-nav-list-cone>li{width:auto;text-align: left; display: block; vertical-align: top; }
    .sub-nav-list .sub-nav-list-ctwo>li{width:auto;text-align: left; display: block; vertical-align: top; }
    .sub-nav-list>ul.sub-nav-list-cone>li:last-child { border-bottom: #c1c1c1 solid 1px;}
	.btn-search { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); right: 6%; top: 5px; }
	.search-box {			/*display: none;*/
	width: 30px; height: 24px; position: static; background: url(../images/search.png) no-repeat center; }
	.search-box-m { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #00a0ff; padding-bottom: 10px; }
	.search-box input {			/*position: absolute;*/
	width: 90%; height: 32px; }
	.sns-list-w { display: none; }
	.page-sroll-c { height: 80px; }
	.breadcrumb { display: none; }
	.page-sroll { height: auto; }
	.btn-more { display: none; }
	.title { font-size: 24px; margin-bottom: 10px; padding-top: 5px; }
	.sub-nav-list .sub-nav-list-cc, .sub-nav-list .sub-nav-list-cc3 { padding-right: 0; }
	.abouttitle { color: #00a0ff; font-size: 20px; font-weight: bold; text-align: center; border-bottom: #F5f5f5 solid 2px;padding-bottom:25px;padding-top:16px;}
	}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px) }
	100% { opacity: 1; -webkit-transform: translateY(0) }
}
@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px) }
	100% { opacity: 1; -moz-transform: translateY(0) }
}
@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px) }
	100% { opacity: 1; transform: translateY(0) }
}
@-webkit-keyframes fadeInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-20px) }
	100% { opacity: 1; -webkit-transform: translateX(0) }
}
@-moz-keyframes fadeInLeft {
	0% { opacity: 0; -moz-transform: translateX(-20px) }
	100% { opacity: 1; -moz-transform: translateX(0) }
}
@keyframes fadeInLeft {
	0% { opacity: 0; transform: translateX(-20px) }
	100% { opacity: 1; transform: translateX(0) }
}
.culture-box
{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.culture-info-1
{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5%;
	overflow: hidden;
	border-bottom: 1px solid  #f2f2f2;
	box-sizing: border-box;
}
.culture-info-2
{
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	overflow: hidden;
	border-bottom: 1px solid  #f2f2f2;
	box-sizing: border-box;
}
.culture-info-3
{
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	overflow: hidden;
	box-sizing: border-box;
}
.culture-info
{
	width: 100%;
	margin: 0 auto;
	padding: 5% 0;
	overflow: hidden;
	border-bottom: 1px solid  #f2f2f2;
	box-sizing: border-box;
}
.culture-c
{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.culture-left,.culture-left2
{
	width: 45%;
	margin: 0 10% 0 0;
	padding: 0;
	float: left;
}
.culture-right,.culture-right2
{
	width: 45%;
	margin: 0;
	padding: 0;
	float: left;
}
.culture-right2,.culture-left2
{
	float: right;
}
.culture-con
{
	width: 47%;
	margin: 0;
	padding: 0;
	
}
.culture-con-01
{
	width: 30%;
	margin: 0;
	padding: 0;
	border: 2px solid #006699;
	
}
.culture-con-02
{
	width: 359px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #C3C3C3;
	
}
.culture-hang,.culture-hang-01
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.culture-53
{
	width: 92%;
	margin: 0 8% 0 0;
	padding: 0;
}
.culture-hang img,.culture-53 img
{
	width: 100%;
}
.culture-jiazhi
{
	width: 83%;
	margin: 5% auto 0 auto;
	padding: 0;
	overflow: hidden;
}
.culture-jiazhi-phone
{
	display: none;
}
#culture-jiazhi-c1,#culture-jiazhi-c2,#culture-jiazhi-c3,#culture-jiazhi-c4,#culture-jiazhi-c5
{
	width: 100%;
	height: 60px;
	margin: 4% auto 0 auto;
	padding: 0;
	display: none;
	overflow: hidden;
}
#culture-jiazhi-hu
{
	width: 100%;
	margin: 2% auto 0 auto;
	padding: 12% 0 0 0;
	position: relative;
}
#culture-jiazhi-hu img
{
	width: 100%;
}
.culture-jiazhi-m1,.culture-jiazhi-m2,.culture-jiazhi-m3,.culture-jiazhi-m4,.culture-jiazhi-m5
{
	width: 30%;
	position: absolute;
	z-index: 50;
	top: 51%;
	left: -4.5%;
	cursor: pointer;
}
.box100
{
	width: 24%;
	margin: 0 auto;
	padding: 0;
}
.box100 img
{
	width: 100%;
}
.culture-jiazhi-m1  .box100
{
	margin-left: 20%;
}
.culture-jiazhi-m5  .box100
{
	margin-right: 39%;
}
.culture-jiazhi-m2
{
	top: 19%;
	left: 10%;
}
.culture-jiazhi-m3
{
	top: 6.5%;
	left: 35%;
}
.culture-jiazhi-m4
{
	top:19%;
	left: 60%;
}
.culture-jiazhi-m5
{
	top: 51%;
	left: 80%;
}
.culture-jiazhi-txt1,.culture-jiazhi-txt2,.culture-jiazhi-txt3,.culture-jiazhi-txt4,.culture-jiazhi-txt5
{
	width: 100%;
}
.box-80
{
	width: 80%;
	margin: 0 0 0 20%;
	padding: 0;
}
.culture-jiazhi-txt3 .box-80
{
	width: 100%;
	margin: 0;
}
.culture-jiazhi-txt4 .box-80,.culture-jiazhi-txt5 .box-80
{
	width: 60%;
	margin: 0 20% 0 0;
}
.culture-over
{
	color: #00a0ff;
}
.culture-t1
{
	font-size: 30px;
	color: #000;
	line-height: 1.1em;
}
.culture-t1 span
{
	color: #00a0ff;
}
.culture-t2
{
	font-size: 20px;
	color: #646464;
}
.culture-t3
{
	font-size: 16px;
	color: #646464;
}
.culture-tc,.culture-tc2
{
	font-size: 15px;
	color: #646464;
	line-height: 1.5em;
	text-align: justify;
	word-break: normal;
	word-wrap: break-word;
	text-justify: inter-ideograph;
}
.culture-tc2
{
	font-size: 15px;
	line-height: 1.55em;
}
.culture-txt-icon
{
	font-size: 20px;
	color: #333333;
	white-space: nowrap;
	text-align: center;
}
.culture-txt-icon span
{
	display: block;
	font-size: 17px;
	line-height: 1.3em;
}
.clearfix:after { 
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}/*IE/7/6*/
.text-c
{
	text-align: center;
}
.mt-4
{
	margin-top: 4%;
}
.mt-7
{
	margin-top: 7%;
}
@media (min-width: 1200px){
	
}
@media (min-width: 768px) and (max-width: 1199px){
.culture-txt-icon
{
	font-size: 17px;
}
.culture-txt-icon span
{
	font-size: 12px;
}
#culture-jiazhi-c1,#culture-jiazhi-c2,#culture-jiazhi-c3,#culture-jiazhi-c4,#culture-jiazhi-c5
{
	height: 70px;
}
}
@media (max-width: 767px) {
.culture-jiazhi-c .culture-info
{
	width: 92%;
	margin: 0 auto;
	padding: 6% 0;
	overflow: hidden;
}
.culture-c
{
	width: 100%;
}
.culture-left,.culture-right2,.culture-jiazhi-c
{
	width: 96%;
	margin: 0 auto;
	float: none;
}
.culture-jiazhi
{
	display: none;
}
.culture-right,.culture-left2
{
	width: 80%;
	margin: 8% auto 0 auto;
	float: none;
}
.culture-right
{
	margin-bottom: 8%;
}
.culture-53
{
	width: 100%;
	margin-bottom: 10%;
}
.culture-jiazhi-phone
{
	display: block;
}
.culture-jiazhi-c
{
	margin-top:6% ;
}
.culture-jiazhi-c .icon-phone
{
	width: 21%;
	margin: 8% auto 0 auto;
	padding: 0;
	height:auto;
}
.icon-txt
{
	width: 50%;
	margin:  3% auto 0 auto;
	padding: 0;
	font-size: 17px;
	color: #333333;
	text-align: center;
	white-space: nowrap;
}
.icon-txt span
{
	display: block;
	font-size: 15px;
	line-height: 1.3em;
}
.icon-phone img
{
	width: 100%;
}
.culture-t1
{
	font-size: 24px;
	text-align: center;
}
.culture-t2
{
	font-size: 18px;
	text-align: center;
}
.culture-tc
{
	font-size: 15px;
}
.culture-tc2
{
	font-size: 15px;
}
}
#container *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#container{
	width:1200px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	padding-top:2%;
}
#top{
	width:98%;
	margin-left:2%;
	overflow:hidden;
}
#top img{
	width:100%;
}
.tip{
	font-size:32px;
	margin-left:2%;
	margin-top:3%;
	line-height:1.1;
}
.title{
	width:100%;
	margin-top:3%;
	overflow:hidden;
	position:relative;
}
.title img{
	width:100%;
}
.lineTime{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-42.5px;
	z-index:100;
}
.main{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
}
#container .content{
	width:94%;
	margin:0 auto;
	overflow:hidden;
	padding:4.2% 3% 4.2%;
	position:relative;
}
.content-l{
	width:39.2%;
	float:left;
	margin-left:2%;
}
.content-r{
	width:39.2%;
	float:right;
	margin-right:2%;
}
.mf{
	margin-left:13.8%;
}
.img{
	width:96.5%;
	border:8px solid #717071;
	position:relative;
}
.img.vi{
	margin-top:17%;
}
.img img{
	width:100%;
}
.bg{
	background-color:#eeefef;
}
.txt{
	width:100%;
	font-size:12px;
	background-color:#e50011;
	padding:1% 0;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	color:#fff;
}
.txt.tr{
	text-align:center;
}
.n-tip{
	font-size:14px;
	color:#717071;
	overflow:hidden;
	word-break:normal;
		word-wrap:break-word;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:19px;
}

.n-tip span{
	color:#d10012;
}
.m-t-3{
	margin-top:3%;
}
.m-t-4{
	margin-top:4%;
}
.tipl{
	position:absolute;
	font-size:13px;
	color:#717071;
	right:18%;
	bottom:5%;
}
.tipl span{
	color:#e50011;
}
.tl{
	width:97.5%;
	float:right;
	word-break:normal;
		word-wrap:break-word;
		text-align:justify;
		text-justify:inter-ideograph;
}
.lineTime-w{
	display:none;
}
.time{
	display:none;
}
.title-w{
	display:none;
}
.mask{
	display:none;
}
.quan{
	display:none;
}
@media (max-width:767px){

	#container *{
		-webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
	}
	#container{
		width:100%;
		max-width:1080px;
		margin:0 auto;
		padding:0;
	}
	#top{
		width:93%;
		margin-left:7%;
		margin-top:5%;
	}
	.tip{
		font-size:3.4vw;
		margin-left:7%;
		margin-top:4%;
		line-height:1.3;
	}
	.title{
		display:none;
	}
	.title-w{
		display:block;
		width:100%;
		margin:5% auto 0;
		padding:0;
	}
	.title-w img{
		width:100%;
	}
	.txt{
		font-size:3.3vw;
	}
	.lineTime{
		display:none;
	}
	.lineTime-w{
		width:0.4%;
		display:block;
		position:absolute;
		left:50%;
		margin-left:-0.2%;
		top:0;
		z-index:100;
	}
	.lineTime-w img{
		width:100%;
	}
	.content-l{
		width:42.4%;

	}
	.content-r{
		width:42.4%;
		float:right;
		margin-right:4.5%;
	}
	.txt{
		width:92%;
		height:85px;
		position:relative;
		letter-spacing:0 !important;
		text-align:left;
		padding:5% 4%;
		word-break:normal;
		word-wrap:break-word;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:1.3;
	}
	.li{
		line-height:68px;
		text-align:center;
	}
	.txt.h1{

	}
	.txt.h2{
		height:50px;
	}
	.tr{
		text-align:center;
	}
	.txt span{
		visibility:hidden;
	}
	.time{
		width:18.8%;
		margin:0 auto 2%;
		position:relative;
		z-index:101;
		display:block;
	}
	.time img{
		width:100%;
	}
	#container .content{
		width:100%;
		padding:8% 0%;
	}
	.m-t-3{
		margin-top:5%;
	}
	.vi.t1{
		margin-top:40%;
	}
	.vi.t2{
		margin-top:43%;
	}
	.tipl{
		width:42.9%;
		right:4%;
		bottom:6%;
		font-size:3.3vw;
	}
	.bt{
		padding-bottom:18%;
	}
	.mask{
		width:100%;
		height:100%;
		position:absolute;
		display:none;
		top:0;
		left:0;

	}
	.mask.active{
		display:block;
	}
	.mask-c{
		width:100%;
		height:100%;
		background-color:#000;
		opacity:0.7;
		position:fixed;
		top:0;
		left:0;
		z-index:200;
	}
	.bimg{
		width:92%;
		position:fixed;
		left:50%;
		margin-left:-48%;
		top:30%;
		border:8px solid #dbdcdc;
		z-index:201;
	}
	.bimg img{
		width:100%;
	}
	.btxt{
		font-size:4.6vw;
		color:#fff;
		padding:5% 5%;
		background-color:#e50012;
	}
	.quan{
		position:absolute;
		width:10%;
		right:7%;
		bottom:4%;
		animation:dong 2s;
		-webkit-animation:dong 2s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		display:block;
	}
	@keyframes dong{
		0%{
			opacity:0.5;
			-webkit-transform:scale(0.5,0.5);
    		transform:scale(0.5,0.5);
		}
		50%{
			opacity:1;
		}
		100%{
			opacity:0;
			-webkit-transform:scale(1,1);
    		transform:scale(1,1);
		}
	}
	@-webkit-keyframes dong{
		0%{
			opacity:0.5;
			-webkit-transform:scale(0.5,0.5);
    		transform:scale(0.5,0.5);
		}
		50%{
			opacity:1;
		}
		100%{
			opacity:0;
			-webkit-transform:scale(1,1);
    		transform:scale(1,1);
		}
	}
	.quan img{
		width:100%;
	}
	.txt.p1{
		padding-top:15px;
		height:65px;
	}
	.n-tip{
		font-size:3.4vw;
		float:left;
		width:100%;
	}
	.n-tip span{

		float:left;
		display:block;
	}
	.tl{
		width:91%;
	}
	.m-t-4{
		margin-top:6%;
	}
}
/*企业社会责任 开始*/
.corp-container,.corp100
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.bg-hui
{
	background-color: #f9f9f9;
}
.corp-info
{
	width: 100%;
	max-width:1200px\9;
	*max-width:1200px;
	_max-width:1200px;
	max-width: 1200px;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
}
.corp-c
{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0;
	overflow: hidden;
}
.corp-hang
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.corp-icon0
{
	width: 3%;
	margin: 3% auto 0 auto;
	padding: 0;
}
.corp-icon0 img
{
	width: 100%;
}
.corp-img
{
	width: 28%;
	margin: 0;
	padding: 0;
}
.corp-txt
{
	width: 69%;
	margin: 0;
	padding: 0;
}
.corp-img img
{
	width: 100%;
}
.corp-hang-t
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	vertical-align:middle;/* for opera */
}
.corp-hang-t img
{
	width: 36px;
	margin: 0 1% 0 0;
	display:inline-block;
	vertical-align:middle;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.corp-t1
{
	font-size: 28px;
	color: #000;
	text-align: center;
}
.corp-t1 span
{
	color: #e50011;
}
.corp-tc1,.corp-tc2
{
	color: #666666;
	line-height: 1.65em;
	text-align: justify;
	word-break:  break-all;
	word-wrap:  break-word;
	text-justify: inter-ideograph;
	display: block;
	letter-spacing: 0.5px;
}
.corp-t2
{
	font-size: 22px;
	color: #e50011;
}
.corp-tc2
{

}
.mt-05
{
	margin-top: 0.5%;
}
.mt-1
{
	margin-top: 1%;
}
.mt-2
{
	margin-top: 2%;
}
.mt-3
{
	margin-top: 3%;
}
.mr-3
{
	margin-right: 3%;
}
.clearfix:after { 
	 content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
* html .clearfix {height: 1%;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clear { 
	clear:both;
	 height:0; 
	 font-size:0; 
	 overflow:hidden;
}
@media (min-width: 1200px){
	
}
@media (min-width: 768px) and (max-width: 1199px){
}
@media (max-width: 767px) {
.corp-c
{
	width: 90%;
	margin: 0 auto;
	padding: 8% 0;
}
.corp-img
{
	width: 80%;
	margin: 7% auto 0 auto;
}
.corp-txt
{
	width: 100%;
	margin: 0 auto;
}
.corp-txt img
{
	margin: 0 3% 0 0;
	float: none;
}
.corp-hang-t
{
	text-align: center;
}
.float-left
{
	float:none;
}
.float-right
{
	float: none;
}
.corp-t1
{
	font-size: 24px;
}
.corp-t2
{
	font-size: 20px;
	white-space: nowrap;
}
.corp-tc1
{
	font-size: 17px;
}
.corp-tc2
{
	font-size: 17px;
}
.mt-05
{
	margin-top: 3%;
}
.mt-1,.mt-2,.mt-3
{
	margin-top:5%;
}
.mr-3
{
	margin-right: auto;
}
}
.r-container
{
	width: 70px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: fixed;
	z-index: 999;
	top: 25%;
	right: 0;
}
.r-info-left
{
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.r-info-right
{
	width: 70px;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.r-info
{
	width: 100%;
	margin: 0 0 0 70px;
	padding: 0;
	overflow: hidden;
}
.r-box
{
	width: 100%;
	height: 70px;
	margin: 0 0 2px 0;
	padding: 0;
	background-color: #999;
	cursor: pointer;
	box-sizing: border-box;
}
.r-box:hover
{
	background-color: #00a0ff
}
.r-icon
{
	width: 47%;
	margin: 0 auto;
	padding: 0;
}
.r-icon img
{
	width: 100%;
}
.r-txt
{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
	line-height: 2em;
}
.r-weixin-c
{
	width: 100%;
	margin: 0;
	padding: 5% 0;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	display: none;
}
.r-weixin-c img
{
	width: 85%;
	margin: 5% auto;
	display:block;
}
.r-hang
{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #999;
	line-height: 1.4em;
	white-space: nowrap;
}
.pt-weixin
{
	padding-top: 18%;
}
.pt-weibo
{
	padding-top: 15%;
}
.pt-email
{
	padding-top: 22%;
}
.pt-arrow
{
	padding-top: 13%;
}
.pt-12{padding-top: 12%;}
.clearfix:after { 
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}/*IE/7/6*/
.clear
{
	clear: both;
}
.socialshare
{
	z-index:999;
    background-color: #F5F5F5;
    height: 33px;
    padding-top: 5px;
	background: rgba(245, 245, 245, .9) !important; 
	filter: Alpha(opacity=90);
}
.sharecontent
{
	width: 1230px;
    margin: 0 auto;
	
}
.sharecontent a
{
	float: right !important;
	padding-left: 28px !important;
}
.bd_weixin_popup_foot {
    display: none;
}
@media (max-width:767px){
.r-container
{
	display:none;
}
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
.col-md-4{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}
.box-left,.box-right{float:left;width:47%;margin:20px;}
.box-right{padding-left:20px;border-left:1px #006699 double;}
.box-tit{background-color:#006699;padding:5px 10px;font-family: "微软雅黑";color:#ffff;}
.box-con{margin-top:20px;padding-bottom:0;}
.WaterSupply-box-left,.WaterSupply-box-right{float:left;width:549px;}
.WaterSupply-box-left{margin-right:20px;}
.WaterSupply-box-right{margin-left:20px;}
.WaterSupply-box-left p,.WaterSupply-box-right p{border-top:1px #006699 double;border-bottom:1px #006699 double;padding-top:20px;}
.WaterSupply-box-left img,.WaterSupply-box-right img{padding-top:20px;}
.WaterSupply-nav li{float:left;width:260px;height:350px;margin:60px 0;margin-right:30px;padding:20px 15px;border:1px #006699 double;}
.WaterSupply-nav img{margin-top:20px;padding-left:85px;}
.WaterSupply-nav h5{text-align: center;margin-top:20px;padding-bottom:20px;}
.WaterSupply-nav p{border-top:1px #006699 double;padding-top:20px;}
.WaterSupply-con{padding:0 20px;}
.WaterSupply-con h5{width:100%;background-color:#006699;padding:5px 10px;font-family: "微软雅黑";color:#ffff;}
.WaterSupply-con p{margin-top:20px;}
.WaterPurificatio-left,.WaterPurificatio-right{float:left;width:47%;}
.WaterPurificatio-right{margin-left:60px;}
.WaterPurificatio-left p,.WaterPurificatio-right p{padding:20px;border:1px #006699 double;}
.WaterPurificatio-left img,.WaterPurificatio-right img{margin:40px 0 60px 0;}
.WaterPurificatio-nav{margin:10px;padding:20px;border:1px #006699 double;}
.WaterPurificatio-nav img{margin-top:20px;}
.WaterPurificatio-nav h5{text-align: center;margin-top:10px;padding-bottom:20px;color:#006699;font-size: 20px;font-family: "黑体";}
.WaterPurificatio-nav p{height:375px;text-indent:30px;border-top:1px #006699 double;padding-top:20px;}
.Camera-nav{margin:10px;padding:20px;border:1px #ededed double;box-shadow:2px 3px 2px #e5e5e5;}
.Camera-nav h5{text-align: center;margin-top:10px;padding-bottom:10px;color:#4f4f4f;font-size: 20px;font-family: "黑体";}
.Camera-nav p{height:220px;border-top:1px #D6D6D6 double;padding-top:30px;}
.tab-box{text-align:center;width:48%;border:1px solid #ccc;font-size:20px;}
.tab-box a.hover{display:block;background:#045882;padding:10px;color:#ffffff;}