/* CSS Document */
html,body{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;width:100%; height:auto}
a{ text-decoration:none !important;}
a:link{ color:#333333}
a:hover{ color:#D83C35}
a:visited{color:#333333}
.container{ width:1200px; padding:0}

.header{ border-bottom:#e3b486 1px solid; height:73px;}
.logo{ padding:13px 0 0}
.nav-list{ margin-bottom:0px}
.nav-list li{ position:relative; z-index:999999999}
.nav-list li a{ height:72px; display:block; line-height:62px; border-top:#ffffff 4px solid; padding:0 22px 0 22px; text-decoration:none; color:#393939; font-weight:700; font-size:16px}
.nav-list li a:hover,.nav-list li.active a{ border-top:#D83C35 4px solid; color:#d83c35}
#closenav,#nav-btu{ display:none}

.nav-list-small{ position:absolute; width:100%;background-color:#FFF; 
-webkit-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  box-shadow:0 0 24px rgba(0, 0, 0, .5);
  padding-top:10px;
  padding-bottom:10px;
  display:none;
  top:66px
}
.nav-list-small ul{ padding:0; }
.nav-list-small li{ position:static}
.nav-list-small li a{ height:32px; line-height:32px; border:none !important; padding:0; text-align:center; font-weight:0; font-size:14px; z-index:999999999; color:#555 !important}
.nav-list-small li a:hover{ color:#000 !important}
.nav-list-small li.active a{ color:#d83c35 !important}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
	position:absolute; top:-8px; left:50%; margin-left:-7px;
}



.bannerindex{ height:420px}

.box{ width:368px; margin-top:48px; height:240px; padding:0 0px; overflow:hidden }
.about{ float:left}
.wenhua{float:left; margin-left:48px}
.product{float:right}
.topnews{float:left}
.news{float:left; margin-left:48px}
.jiayouzhan{float:right}

.newslist-ul{ margin:0; padding:0}
.newslist-item{ list-style-type:none; height:33px; line-height:32px; border-bottom:#dededf 1px dashed; overflow:hidden}
.newslist-item a{ display:block; float:left; overflow:hidden;}
.newslist-item span{ display:block; float:right; color:#999}

.foot{ margin-top:45px; background-color:#4d4d4d; color:#999999; text-align:center; padding:20px 0; font-size:12px; line-height:24px}
.copyright{ text-align:left; line-height:30px; float:left}
.ewm { margin-top:8px}
.ewm div{ width:80px; margin-right:21px; float:left}
.ewm div p{ margin:0}
.sharebox{ float:right}
.share { float:left}
.share ul{ margin:0; padding:0}
.share li { list-style:none; text-align:left; width:200px}
.share-title{ float:left; line-height:35px; margin-right:8px; display:block}
a.gotop{ color:#f39041 !important; display:block;}
.share-it a { color:#f39041 !important; font-size:12px; font-weight:bold; margin-bottom:4px; display:block; float:left}
.share-this .share-item {
	background: url("share-icons.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height:35px;
	overflow: hidden;
	width:35px;
	float:left;
}
.share-this .share-item-weibo { background-position:0 0;}
.share-this .share-item-tweibo { background-position:0 -35px;}
.share-this .share-item-qzone { background-position:0 -70px;}
.share-this .share-item-qq { background-position:0 -105px;}
.share-this .share-item-weixin { background-position:0 -140px;}
.share-this .share-item-douban { background-position:0 -175px;}
.share-this .share-item-kaixin { background-position:0 -210px;}


.box_t{}
.box_t h3{ line-height:20px; font-size:20px; padding:0; margin:0; padding-bottom:15px; float:left;}
.box_t h3 a{ color:#333; text-decoration:none; font-weight:700}
a.mm{ float:right; color:#D83C35; background:url(dd.png) no-repeat right center; padding-right:18px; font-size:14px; font-weight:700}
a.mm:visited{color:#D83C35;}
.box_c{ text-align:justify; text-justify:distribute; font-size:14px; line-height:30px; color:#666666}

.carousel-indicators{
	top:-30px;
	right:0px;
	text-align:right; left:auto; height:30px}
.carousel-indicators li{ background-color:#d8d8d8}	
.carousel-indicators .active{ width:18px; background-color:#999999}	
a.carousel-control{ background-image:none !important}
.carousel-caption{ margin-bottom:25px}
.carousel-caption p{ border:#FFF 1px solid; width:120px; height:40px; line-height:40px; font-weight:700; margin:0 auto; font-size:18px}
.carousel-caption p a{ color:#ffffff}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	width:100%;
	height:200px;	
}
#carousel-product{ }
#carousel-jiayouzhan .carousel-caption{ margin-bottom:0px; bottom:0px}
#carousel-jiayouzhan .carousel-caption p{ border:none;  height:40px; line-height:40px; font-weight:700; font-size:14px}
.carousel-inner .item{ text-align:center}
.carousel-inner .item img{ margin:0 auto}


.newslist{ float:left;padding-left:0; margin-bottom:0}
.newslist li{ float:left; list-style-type:none; border-right:1px solid #ccc; height:20px; line-height:20px; margin-right:8px }
.newslist li a{ display:block; padding-right:8px; font-size:16px; color:#555; font-weight:700}
.newslist li.active a{ color:#D83C35 }
.newslist li.last{ border:none}
.newslist li.active{}

.newslistc{ clear:both; padding-top:18px}
.news-pane{ display:none}
.news-pane.active{ display:block}


.bannerinner{ height:200px; position:relative; overflow:hidden}
.bannerblank{ display:none}
/* product */
.banner_product{ background:url(product_1920.png) center center}
.banner_about{ background:url(about_us_1920.png) center center}
.banner_news{ background:url(news_1920.png) center center}
.banner_join{ background:url(joinus_1920.png) center center}
.banner_contact{ height:420px}

.bannerinner .container{ padding-top:130px; position:absolute; top:0px; left:50%; margin-left:-600px;}
.pagetitle{ margin:0; padding:0; font-size: 24px; padding-left:12px; border-left:6px solid #ffffff;color:#ffffff; line-height:24px; height:24px}

/* page */

.page-nav{ padding-top:30px}
.page-nav ul{ margin:0; padding:0;}
.page-nav ul li{ list-style-type:none; float:left; height:16px; border-right:1px solid #ccc; padding-right:16px; margin-right:16px}
.page-nav ul li.last{ border-right:none}
.page-nav ul li a{ line-height:16px; font-weight:700; font-size:16px; color:#555}
.page-nav ul li.active a{ color:#D83C35}

.page-content{ padding-top:30px}
.img-index{ float:left; width:368px}
.img-index img{ width:100%; height:auto}
.page-detail{ float:right; width:784px; line-height:28px}
.page-detail p{ text-indent:28px; text-align:justify; text-justify:distribute}
.page-detail h1{ margin:0; padding:0; font-size:22px; line-height:32px; padding-bottom:22px; font-weight:700}

.active-content{ padding-top:30px; border-top:#dededf 1px solid; margin-top:30px;border-bottom:#dededf 1px solid; padding-bottom:10px}
.active-img-index{ float:left; width:368px; margin-right:30px}
.active-img-index img{ width:100%; height:auto}
.active-detail{ line-height:28px; padding:0 30px}
.active-detail p{ text-indent:28px; text-align:justify; text-justify:distribute}
.active-detail h1{ margin:0; padding:0; font-size:26px; line-height:26px; padding-bottom:22px; font-weight:700; text-align:center}
.active-infro{ text-align:center; color:#999; background-color:#f4f4f4; padding:5px; font-size:12px; margin-bottom:15px}
.prev-artice,.next-artice{ display:block; margin-top:15px; line-height:14px; font-size:12px; width:45%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
.prev-artice:link,.next-artice:link{ color:#09F}
.prev-artice:visited,.next-artice:visited{ color:#09F}
.prev-artice:hover,.next-artice:hover{ color:#D83C35}

.prev-artice{ float:left; background:url(last.png) no-repeat left center; padding-left:20px; margin-top:30px}
.next-artice{ float:right; background:url(next.png) no-repeat right center; padding-right:20px; text-align:right; margin-top:30px}

.news-list{ margin-bottom:30px; border-bottom:#dededf 1px dashed; padding-bottom:30px}
.news-list a:link,.news-list a:visited{ color:#333}
.news-list a:hover{ color:#d83c35}
.list-img-index{ float:left; width:25%; margin-right:30px;}
.list-img-index img{ width:100%; height:auto}
.list-intro{}
.list-title{ margin:0; padding:0; font-size:18px; line-height:32px; padding-bottom:10px; font-weight:700}
.list-msg{ line-height:30px; font-size:14px; text-align:justify; text-justify:distribute}
a.more:link,a.more:visited{ color:#d83c35}
.list-date{ display:block; text-align:left; color:#999; float:right}

/* join */
.join-content{width:66%; float:left;padding-top:10px}
.join-list{  margin-top:20px; border-top:#f4f4f4 2px solid; }
.join-contact{ width:30%; float:right; border-left:1px solid #f2f2f2; padding-left:3%}
.join-list h2{ font-size:20px; font-weight:700}
.join-list h3{ font-size:15px; font-weight:600; color:#666; margin-top:26px}
.join-list p{ line-height:26px}
.join-list ol{ padding:0; margin:0; padding-left:15px}
.join-list ol li{ line-height:26px}
.join-contact h2{ font-size:18px; font-weight:700; color:#d83c35}
.join-contact h3{ font-size:14px; font-weight:600; color:#666; margin-top:26px}
.join-contact p{ line-height:26px}

.navigation{ text-align:center}
/* team-list */
.team-list{}
.team-list-img-index{ width:50%; float:left}
.team-list-img-index img{ width:100%; height:auto}
.team-list-intro{width:50%; float:right; padding:30px}
.team-list-title{ font-size:22px; line-height:40px}
.team-list-title a:link,.team-list-title a:visited{ color:#333;}
.team-list-title a:hover{color:#d83c35}
.team-list-msg{ line-height:30px}
.team-list-date{ float:right; color:#999999}
.team-list-right{}
.team-list-right .team-list-img-index{  float:right}
.team-list-right .team-list-intro{float:left}

.team-content{padding-top:30px; width:100%; overflow:hidden}
.team-content h1{ margin:0; padding:0; padding-bottom:30px; font-size:22px; text-align:center}
.team-detail-box{ width:1230px;}
.team-detail-list{ list-style-type:none; margin:0; padding:0;}
.team-detail-list li{ float:left; width:380px; margin-right:30px; margin-bottom:30px;height:214px; overflow:hidden}
.team-detail-list li img{width:100%; height:auto}
.team-detail-list li:hover img{
	-webkit-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  box-shadow:0 0 24px rgba(0, 0, 0, .5);
  
	}
.team-detail-list-img{ width:100%; display:block}
.team-detail-list-title{ width:100%; display:block; line-height:60px;white-space:nowrap; height:60px; overflow:hidden;text-overflow:ellipsis; text-align:center}

/* station-list */

.station-list{}
.station-list-img-index{ width:50%; float:left}
.station-list-img-index img{ width:100%; height:auto}
.station-list-intro{width:50%; float:right; padding:30px}
.station-list-title{ font-size:22px; line-height:40px}
.station-list-title a:link,.team-list-title a:visited{ color:#333;}
.station-list-title a:hover{color:#d83c35}
.station-list-msg{ line-height:30px}
.station-list-date{ float:right; color:#999999}
.station-list-right{}
.station-list-right .team-list-img-index{  float:right}
.station-list-right .team-list-intro{float:left}

.station-content{padding-top:30px; width:100%; overflow:hidden}
.station-content h1{ margin:0; padding:0; padding-bottom:30px; font-size:22px; text-align:center}
.station-detail-box{ width:1230px;}
.station-detail-list{ list-style-type:none; margin:0; padding:0;}
.station-introduce{ width:1200px; float:left;margin-right:0px; padding-bottom:30px}
.station-introduce h1{ text-align:left; padding:0; margin:0; font-size:22px; padding-bottom:20px}
.station-introduce p{ line-height:39px; font-size:18px; padding-top:0px; text-align:justify; text-justify:distribute}
.station-items{ float:left; width:380px; margin-right:30px; padding-bottom:30px;}
.station-items div{ line-height:28px; height:28px; font-size:14px; margin-top:12px}
.station-items .icon{ float:left; margin-right:10px}
.station-items img{width:100%; height:200px}
.station-items:hover img{
	-webkit-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 24px rgba(0, 0, 0, .5);  
  box-shadow:0 0 24px rgba(0, 0, 0, .5);
  
	}
.station-detail-list-img{ width:100%; display:block}
.station-detail-list-title{ width:100%; display:block; line-height:60px;white-space:nowrap; height:60px; overflow:hidden;text-overflow:ellipsis; text-align:center}


/* contact-content */
.contact-content{}
.contact-content h1{ padding:0; margin:0; width:96px; margin:0 auto; font-size:24px; color:#666666; border-bottom:#D83C35 3px solid; padding:30px 0 8px 0; margin-bottom:30px}
/*.contact-box{ float:left; width:50%; border-right:#ccc 1px solid; padding-left:10%} */
.contact-box{ float:left; width:50%; padding-left:10%}
.feedback-box{ float:right; width:48%; padding-right:10%; padding-left:2%}
.contact-content h2{ font-size:16px; line-height:20px; border-left:#bababa 3px solid; padding-left:8px; color:#bababa; font-weight:700; margin-bottom:30px}

.icon{ background-image:url(icon.png); display:block; width:28px; height:28px}
.icon-address{ background-position:-7px -6px}
.icon-tel{ background-position:-76px -39px}
.icon-fax{ background-position:-76px -6px}
.icon-email{ background-position:-145px -39px}

.contact-box .icon{ float:left; margin-right:12px}
.contact-box div{  line-height:28px; font-size:16px; margin:0 0 22px 0}
.contact-box div p{ margin-left:40px}
.feedback-box form{}
.feedback-box textarea{ width:100%; height:125px; line-height:25px; background-color:#f5f5f5; border:#d9d9d9 1px solid; color:#333}
.feedback-box input[type=submit]{background: #D83C35; width:163px; height:44px; border:none; padding:0; margin:0; margin-top:12px; color:#ffffff}

.slides p{ font-size:36px; line-height:72px; text-align:center; color:#FFF; position:absolute; top:50%; margin-top:-72px; width:60%; margin-left:20%;}

/* Large desktop */
@media (min-width: 1920px) {
	html,body{ width:1920px; margin:0 auto}

}



@media (max-width: 1024px) { 

	.container{ width:980px;}
	.box{ width:30%; margin-top:48px; height:200px; padding:0 0px; overflow:hidden }
	.wenhua{float:left; margin-left:5%}
	.news{float:left; margin-left:5%}
	.box_c{  line-height:28px; text-overflow:ellipsis}
	.bannerinner .container{ margin-left:-490px;}
	
	.page-content{ padding-top:30px}
	
	.img-index{ width:368px; margin-right:30px;}
	.page-detail{ width:100%; float:none}
	
	.team-detail-box{ width:1050px;}
	.team-detail-list li{ float:left; width:310px; margin-right:25px; margin-bottom:25px; height:175px}
	
	.station-detail-box{ width:120%;}
	.station-items{ float:left; width:40%; margin-right:2.5%; padding-bottom:25px}
	.station-introduce{ width:100%; float:left;margin-right:0px; padding-bottom:20px}
	.station-introduce p{ line-height:32px; font-size:16px; padding-top:0px}
	.station-items img{width:100%; height:280px}
	
	.newslist-item a{ width:80%}
	.newslist-item span{}

} 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	.container{ width:100%; padding-left:2%; padding-right:2%}
	.bannerinner .container{ left:0; margin-left:0px; bottom:20%; top:auto}
	.nav-list li a{ padding:0 6px 0 6px; }
	
	
	.box{ width:47%; margin-top:48px; height:230px; padding:0 0px; overflow:hidden }
	.wenhua{float:right;}
	
	.news{float:left; margin-left:0}
	.box_c{ }
	
	.team-detail-box{ width:120%;}
	.team-detail-list li{ float:left; width:40%; margin-right:2.5%; margin-bottom:25px; height:200px}
	
	.station-detail-box{ width:120%;}
	.station-items{ float:left; width:40%; margin-right:2.5%; padding-bottom:25px}
	.station-introduce{ width:100%; float:left;margin-right:0px; padding-bottom:20px}
	.station-introduce p{ line-height:32px; font-size:16px; padding-top:0px}
	.station-items img{width:100%; height:240px}
	
	.contact-box{ float:left; width:55%; border-right:#ccc 1px solid; padding-left:0%}
	.feedback-box{ float:right; width:43%; padding-right:0%; padding-left:2%}
	
	} 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	.nav{ width:100%; height:100%; position:fixed; background:url(meau_bg_mobile.png) left top; background-size:100% auto; z-index:99999998; top:0px; left:0px; display:none}
	#nav-btu{ display:block; float:right; margin-top:20px; margin-right:5%; font-size:28px; font-weight:100; color:#333}
	.logo{ margin-left:5%}
	.header{ width:100%; position:fixed; top:0px; left:0px; background-color:#ffffff; z-index:999}
	#closenav{ position:fixed; right:5%; top:3%; z-index:99999999}
	.banner{ height:260px !important; margin-top:73px}
	.carousel-inner .item img{ width:100%}
	.container{ width:100%; }
	.nav-list{ width:90%; margin:12% 5% 0 5%;}
	.nav-list li{ width:100%;}
	.nav-list li.active a,.nav-list li a:hover{border:none;}
	.nav-list li a{ padding:0;border:none; color:#FFF }
	.nav-list-small{ display:none !important}
	.box{ width:92%; margin:30px 4% 0; height:auto; padding:0 0px; overflow:hidden }
	.wenhua{float:right;}
	
	.news{float:none; float:left}
	.box_t{ border-bottom:#dededf 1px solid; margin-bottom:15px}
	.box_c{  line-height:28px; text-overflow:ellipsis}
	.carousel-indicators{ top:-50px}
	.newslistc{ border-top:#dededf 1px solid; margin-top:35px}
	
	.bannerinner .container{ left:5%; margin-left:0px; bottom:20%; top:auto}
	.bannerinner{ height:auto; margin-top:73px}
	.bannerblank{ display:block}
	
	
	
	
	
	
	/* product */
	.banner_product{ background:url(product_mobile.png) center center; background-size:100% auto;}
	.banner_about{ background:url(about_us_mobile.png) center center; background-size:100% auto;}
	.banner_news{ background:url(news_mobile.png) center center; background-size:100% auto;}
	.banner_join{ background:url(joinus_mobile.png) center center; background-size:100% auto;}
	.banner_contact{ height:280px}
	
	.contact-box{ float:none; width:100%; border-right:#ccc 0px solid; padding-left:0%}
	.contact-box div{ font-size:14px}
	.feedback-box{ float:none; width:100%; padding-right:0%; padding-left:0%; border-top:#ccc 0px solid; margin-top:40px}
	
	/* page */
	.main{ padding:0 5%;}
	.page-nav{ padding-top:0px; width:111%; margin-left:-5.5%}
	.page-nav ul{ margin:0; padding:0;}
	.page-nav ul li{ list-style-type:none; float:none; height:40px; border-right:none; padding-right:0px; line-height:40px; background-color:#f4f4f4; margin-right:0px; padding-left:15px; margin-top:1px}
	.page-nav ul li.active{ border-left:#F60 4px solid; background-color:#FFF}
	.page-nav ul li.last{ border-right:none}
	.page-nav ul li a{ font-size:14px; display:block; line-height:40px}
	
	.img-index{ width:100%; float:none}
	.page-detail{ width:100%; float:none; margin-top:30px}
	
	.list-img-index{ width:33%;}
	
	.team-detail-box{ width:100%;}
	.team-detail-list li{ float:none; width:100%; margin-right:0; margin-bottom:25px; height:auto}
	
	.station-detail-box{ width:100%;}
	.station-items{ float:left; width:100%; margin-right:0; padding-bottom:25px}
	.station-items img{width:100%; height:auto}
	.station-introduce{ width:100%; float:left;margin-right:0px; padding-bottom:20px}
	.station-introduce p{ line-height:32px; font-size:16px; padding-top:0px}
	
	.copyright{ float:none; padding:0 5% 20px}
	.sharebox{ float:none; padding:0 5% 20px }
	.gotop{ float:none; width:100%; text-align:center; padding:10px 0 0px; text-align:left}
	
	 } 
@media (max-width: 640px) { 
	.slides p{ font-size:24px; line-height:48px; text-align:center; color:#FFF; position:absolute; top:50%; margin-top:-48px; width:70%; margin-left:15%; padding:0; margin-right:auto; margin-top:0; margin-bottom:0}

}	 
	 
	 
/* Landscape phones and down */
@media (max-width: 480px) { 



	.list-img-index{ float:none; width:100%; margin-right:0px; margin-bottom:15px}
	.list-img-index img{ width:100%; height:auto}
	.news-list{ border-bottom:1px solid #dededf; margin-bottom:20px}
	.active-detail{  padding:0 0px}
	.prev-artice{ float:left;  margin-left:0}
	.next-artice{ float:right;  margin-right:0; text-align:right}
	.join-content{ width:100%; float:left; padding-top:10px}
	.join-contact{ width:100%; float:right; border-left:0px solid #f2f2f2; padding-left:0%;border-top:5px solid #f2f2f2; margin-top:15px}
	
	
 }