.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
body {font-family: "Microsoft YaHei"; font-size:15px;}
/* -- 购物车外部框架 -- */ /* -- 页面整体布局 -- */ .header , .footer { width:1200px; margin:0 auto; }
.left { width:216px; float:left; overflow:hidden;}
.left2 { width:700px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:769px; float:left; display:inline; margin-left:15px; overflow:hidden;}
.right2 { width:275px; float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2top { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:769px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px; padding-bottom:15px; overflow:hidden;}
.rightl{ width:760px; float:right; display:inline;overflow:hidden; margin-top:10px;}
.leftr{ width:216px; float:left; overflow:hidden; margin-top:10px;}
.h_nav li a:-webkit-any-link{ display:block;}
/*头部开始*/ .topWrap{ background:url(../images/bj.jpg) repeat-x center top; height:241px; overflow:hidden;}
.h_top{ height:35px; line-height:35px; color:#999797; overflow:hidden;}
.h_top span{color:#999797;}
.h_top span a { color:#999797; display:inline-block; padding:0 8px;}
.h_top span img{ vertical-align:middle;}
.h_nr{ height:146px; overflow:hidden;}
.h_logo{ height:105px; overflow:hidden; margin:12px 0 0 0;}
.h_logo span{overflow:hidden;}
.h_logo span img{ }
.h_logo h1{border-left: 1px #eaeaea solid; width:353px; font:24px "Microsoft YaHei"; color:#0069d8;margin-left: 25px; padding:10px 0 10px 26px; line-height:30px; font-weight:bold;}
.h_logo h1 b{ display:block; color:#333;}
.h_lx{ height:85px; margin:50px 0 0 0; overflow:hidden;}
.h_lx p{ font-family: "Microsoft YaHei"; font-size:14px; color:#333; background:url(../images/tel.jpg) no-repeat left center; padding-left:40px; line-height:30px;}
.h_lx p em { width:120px; float:left; background:#cb3129; text-align:center; color:#FFF; border-radius:15px;}
.h_lx p span{ width:100%; float:left; color:#333; margin-top:5px;font-weight: bold;font-size: 22px;vertical-align: middle;padding-left: 5px;}
.h_nav{height:60px; overflow:hidden;}
.h_nav ul li { float:left; height:60px; overflow:hidden;}
.h_nav ul li a{ display:inline-block; font:16px "Microsoft YaHei"; color:#fff; line-height:56px; height:56px; padding:0 28px;background:url(../images/t1.jpg) no-repeat right center;}
.h_nav li a:hover , .h_nav .cur a { text-decoration:none; background:#cb3129;}
.h_nav .nones a{ background:none;}
/*头部结束*/ 


/*banner*/
.fullSlide {
	width:100%;
	position:relative;
	height:445px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:445px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:445px;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../images/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../images/right1s.png) no-repeat;
}
.banner a{ display:block; height:499px; overflow:hidden;}
.s_bj{margin-bottom:0px;}
/*banner结束*/



.container-full{ display: block; width: 100%; }
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color:transparent; }
h1,h2,h3,h4,h5{ font-weight: normal; }
.container{ display: block; width: 100%; max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
@media screen and (max-width: 768px) { .header{ padding: 15px 0; position: relative; }
}
@media screen and (max-width: 640px) { .header{ padding: 8px 0; position: relative; }
}
.header .logo{ display: none; }
@media screen and (max-width: 768px) { .header .logo{ display: block; float: left; }
.header .logo img{ display: block; height: 60px; }
}
@media screen and (max-width: 640px) { .header .logo img{ display: block; height: 46px; }
}
.header .nav{ display: block; float: left; width: 100%; padding-right: 180px; }
@media screen and (max-width: 768px) { .header .nav{ display: none; position: absolute; padding-right: 0; top:100%; left:0; background-color: rgba(0,0,0,0.95); z-index: 10; }
}
.header .nav li{ position: relative; display: block; float: left; margin-right: 55px; text-align: center; font-size: 0; }
@media screen and (max-width: 1230px) { .header .nav li{ width: 16%; margin-right: 0; }
}
@media screen and (max-width: 768px) { .header .nav li{ width: 100%; border-bottom: 1px solid #555; }
.header .nav li:last-child{ border-bottom: none; }
}
.header .nav li:last-child{ margin-right: 0; }
.header .nav li>a{ display: inline-block; *display: inline; *zoom:1; width: 114px; height: 33px; line-height: 31px; border: 1px solid #fff; border-radius: 15px; font-size: 16px; color: #454545; margin: 35px 0 34px 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; }
@media screen and (max-width: 1024px) { .header .nav li>a{ font-size: 15px; width: 100px; }
}
@media screen and (max-width: 768px) { .header .nav li>a{ width: 100%; margin: 0; font-size: 14px; color: #fff; height: 46px; line-height: 46px; border: none; border-radius: 0; padding: 0 15px; text-align: left; }
}
.header .nav li.active>a{ border: 1px solid #1D2089; color: #1D2089; }
@media screen and (max-width: 768px) { .header .nav li.active>a{ color: #fff; border: none; }
}
.header .nav li:hover>a{ color: #1D2089; }
@media screen and (max-width: 768px) { .header .nav li:hover>a{ color: #1D2089; }
}
@media screen and (max-width: 1230px) { .header .nav .nav-logo{ width: 20%; padding: 0 10px; }
}
@media screen and (max-width: 768px) { .header .nav .nav-logo{ display: none; }
}
.header .nav .nav-logo a{ width: auto; height: auto; margin-top: 15px; margin-bottom: 0; }
.header .nav .nav-logo a img{ display: block; max-width: 100% }
.header .nav li dl{ display: none; position: absolute; width: 100%; background-color: #696969; background-color: rgba(30,30,30,0.9); z-index: 10; }
@media screen and (max-width: 768px) { .header .nav li dl{ position: static; }
}
.header .nav li dl dd{ display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #848484; }
@media screen and (max-width: 768px) { .header .nav li dl dd{ border-bottom: none; height: 36px; line-height: 36px; }
}
.header .nav li dl dd:last-child{ border-bottom: none; }
.header .nav li dl dd a{ display: block; color: #fff; font-size: 14px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; }
@media screen and (max-width: 768px) { .header .nav li dl dd a{ padding: 0 30px; text-align: left; font-size: 13px; }
}
.header .nav li dl dd a:hover{ background-color: #43b952; }
.header .search{ display: block; position: relative; float: right; margin-right: -163px; width: 163px; height: 28px; margin-top: 37px; right: 163px; border: 1px solid #c0c0c0; border-radius: 15px; overflow: hidden; }
@media screen and (max-width: 768px) { .header .search{ display: none; }
}
.header .search input{ display: block; float: left; width: 127px; padding: 3px 15px; line-height: 20px; border: none; outline: none; color: #666; }
.header .search .submit{ display: block; float: right; width: 34px; height: 26px; border: none; outline: none; background: url(../images/search-icon.png) no-repeat center; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; }
.header .search .submit:hover{ opacity: 0.8; }
.header .nav-toggle{ display: none; float: right; padding: 4px 8px; border-radius: 4px; border: none; outline: none; background-color: #fff; cursor: pointer; }
@media screen and (max-width: 768px) { .header .nav-toggle{ display: block; margin-top: 16px; }
}
@media screen and (max-width: 640px) { .header .nav-toggle{ display: block; margin-top: 10px; }
}
.header .nav-toggle span{ display: block; margin: 4px 0; width: 20px; height: 2px; background-color: #444; }
.banner{ display: block; overflow: hidden; position: relative; width: 100%; margin: 0 auto; }
.banner img{ display: block; max-height: 100%; margin: 0 auto; }
.banner .swiper-button-next,.banner .swiper-button-prev{ display: none; position: absolute; z-index: 5; width: 58px; height: 58px; border-radius: 50%; top:50%; margin-top: -29px; text-align: center; line-height: 58px; color: #fff;font-size: 34px; background-color: #000 !important; background-color: rgba(0,0,0,0.2) !important; background-image: none; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 768px) { .banner .swiper-button-next,.banner .swiper-button-prev{ display: none; }
}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{ display: block; }
@media screen and (max-width: 768px) { .banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{ display: none; }
}
.banner .swiper-button-prev{ left:5%; }
.banner .swiper-button-next{ right:5%; }
.banner:hover .swiper-button-next:hover, .banner:hover .swiper-button-prev:hover{ background-color: rgba(0,0,0,0.6) !important; }
.swiper-pagination{ font-size: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px; }
@media screen and (max-width: 640px) { .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px; }
}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block; *display: inline; *zoom:1; width: 45px; height: 2px; margin: 0px 5px 0 5px; background-color: #ccc; background-color: rgba(0,0,0,0.5); cursor: pointer; opacity: 1; border-radius: 0; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 768px) { .banner .swiper-pagination-bullets .swiper-pagination-bullet{ width: 24px; height: 2px; }
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff; }
.section-header{ position: relative; display: block; width: 100%; max-width: 1200px; margin: 4.5% auto 3.6%; text-align: center; font-size: 0; }
@media screen and (max-width: 640px) { .section-header{ margin: 8% auto 8%; }
}
.section-header h3{ position: relative; display: block; line-height: 1; font-size: 30px; z-index: 5; }
.green{ color: #cb3129; }
.black{ color: #000; }
.section-header p{ display: block; line-height: 1; font-size: 18px; color: #3f3f3f; margin-top: 15px; text-transform: uppercase; }
.section-header .line{ position: absolute; display: block; width: 100%; height: 1px; background-color: #d6d6d6; top:29px; left:0; text-align: center; z-index: 2; }
.section-header .line span{ display: inline-block; width: 240px; height: 1px; background-color: #fff; }
.about-body{ display: block; }
.about-body .about-us-l{ display: block; float: left; width: 50.58%; padding: 20px; border:1px solid #CCC;}
@media screen and (max-width: 768px) { .about-body .about-us-l{ width: 100%; float: none; }
}
.about-body .about-us-l h1{display: block;font-size: 18px;font-weight: bold;color: #cb3129;border-bottom: 1px solid #ccc;line-height: 1;padding: 5px 0 13px 0;}
@media screen and (max-width: 320px) { .about-body .about-us-l h1{ font-size: 16px; }
}
/*.about-body .about-us-l .line{ display: block; width: 260px; height: 3px; background-color: #fff; border: 1px solid #1D2089; border-width: 1px 0 1px 0; }
*/ .about-body .about-us-l p{ display: block; line-height: 25px; font-size:15px; color: #222; margin-top: 18px; letter-spacing: 2px; }
.about-body .about-us-l a{ display: block; width: 92px; height: 27px; border: 1px solid #8f8f8f; margin-top: 14px; text-align: center; line-height: 27px; color: #5c5c5c; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
.about-body .about-us-l a:hover{ color: #fff; background-color: #7a7a7a; border: 1px solid #7a7a7a; }
.about-body .about-us-r{ display: block; float: right; width: 48.83%; text-align: center; font-size: 0; }
@media screen and (max-width: 768px) { .about-body .about-us-r{ width: 100%; float: none; margin-top: 4%; }
}
.about-body .about-us-r li{ display: inline-block; width: 33.33%; padding-left: 9px; background-color: #fff; }
.about-body .about-us-r li:last-child{ margin-right: 0; }
.about-body .about-us-r li img{ display: block; width: 100%; height: auto; }
.about-body .about-us-r li .content{ display: block; background-color: #f0f0f0; padding-bottom: 25px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 640px) { .about-body .about-us-r li .content{ padding-bottom: 10px; }
}
.about-body .about-us-r li .content:hover{ background-color: #cb3129; }
.about-body .about-us-r li .content h4{ display: block; line-height: 1; font-size: 18px; color: #5c5c5c; margin-top: 20px; }
@media screen and (max-width: 640px) { .about-body .about-us-r li .content h4{ font-size: 14px; margin-top: 10px; }
}
.about-body .about-us-r li .content h4 a{ color: #5c5c5c; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
.about-body .about-us-r li .content:hover h4 a{ color: #fff; }
.about-body .about-us-r li .content p{ display: block; font-size: 13px; color: #a1a1a1; line-height: 1; margin-top: 10px; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 640px) { .about-body .about-us-r li .content p{ display: none; }
}
.about-body .about-us-r li .content:hover p{ color: #d0d0d0; }
.brand-type{ display: block; text-align: center; font-size: 0; margin-bottom: 3.6%; }
.brand-type li{ display: inline-block; width: 170px; height: 48px; margin: 0 25px; text-align: center; line-height: 48px; border-radius: 20px; font-size: 18px; color: #8d8d8d; background-color: #f2f2f2; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
.brand-type li a{color: #8d8d8d; display:block;}
@media screen and (max-width: 768px) { .brand-type li{ width: 20%; margin: 1%; height: 40px; line-height: 40px; font-size: 16px; }
}
@media screen and (max-width: 640px) { .brand-type li{ width: 40%; }
}
.brand-type li.active{ color: #fff; background-color: #696969; }
.brand-type li.active a{color: #fff;}
.brand-body{ display: none; overflow: hidden; }
.brand-body.on{ display: block; }
.brand-body .box{ display: block; overflow: hidden; }
.brand-body .group{ display: block; overflow: hidden; }
.brand-body .list{ display: block; }
.brand-body ul{ display: block; overflow: hidden; margin: -8px -6px; }
.brand-body li{ display: block; float: left; width: 25%; padding: 8px 6px; }
@media screen and (max-width: 640px) { .brand-body li{ width: 50%; }
}
.brand-body li>a{ display: block; overflow: hidden; position: relative; }
.brand-body li img{ display: block; width: 100%; height: auto; }
.brand-body li .mask{ display: block; position: absolute; width: 100%; height: 100%; padding: 20% 10px; opacity: 0; background: rgba(0,0,0,0.6); top:0; text-align: center; font-size: 0; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 768px) { .brand-body li .mask{ padding: 30% 10px; }
}
.brand-body li .mask:hover{ opacity: 1; }
.brand-body li .mask h4{ display: inline-block; max-width: 100%; line-height: 1; font-size: 18px; letter-spacing: 2px; color: #fff; padding: 10px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
@media screen and (max-width: 768px) { .brand-body li .mask h4{ letter-spacing: 0px; }
}
.brand-body li .mask p{ display: block; font-size: 14px; color: #e1e1e1; margin-top: 13px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
@media screen and (max-width: 768px) { .brand-body li .mask p{ display: none; }
}
.brand-body li .mask>span{ display: inline-block; width: 96px; height: 28px; border: 1px solid #fff; color: #fff; margin-top: 20%; text-align: center; line-height: 28px; font-size: 14px; }
@media screen and (max-width: 768px) { .brand-body li .mask>span{ display: none; }
}
.agency-brand .action{ display: block; margin-top: 14px; }
@media screen and (max-width: 640px) { .agency-brand .action{ display: none; }
}
.agency-brand .action .btn{ display: block; width: 50%; float: left; height: 64px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
.agency-brand .action .btn:hover{ background-color: #7a7a7a; }
.agency-brand .action .btn.disabled{ background-color: #e5e5e5; cursor: default; pointer-events: none; }
.agency-brand .action .prev{ background-color: #e5e5e5; text-align: right; padding-right: 50px; }
.agency-brand .action .next{ background-color: #e5e5e5; text-align: left; padding-left: 50px; }
.agency-brand .action i{ display: inline-block; margin-top: 15px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
.agency-brand .action .prev:hover i{ background:url(../images/allbgs.png) no-repeat -169px 0px;width:50px;padding-top:37px; }
.agency-brand .action .next:hover i{ background:url(../images/allbgs.png) no-repeat -118px 0px;width:51px;padding-top:37px; }
.project{ display: block; background-color: #e9e9e9; padding: 3.5% 0 3% 0; margin-top: 5%; background:url(../images/cenbg.jpg) no-repeat center }
@media screen and (max-width: 640px) { .project{ padding: 8% 0; }
}
.project .section-header{ margin-top: 0; }
.project .section-header .line{ background-color: #c4c4c4; }
.project .section-header .line span{ background-color: #e9e9e9; }
.project-body{ display: block; position: relative; }
.project-body .btn{ display: block; position: absolute; width: 36px; height: 62px; top:36%; text-align: center; line-height: 62px; font-size: 54px; color: #717171; z-index: 20; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 1230px) { .project-body .btn{ width: 30px; height: 52px; line-height: 52px; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 30px; }
}
.project-body .btn:hover{ color: #333; }
@media screen and (max-width: 1230px) { .project-body .btn:hover{ color: #fff; }
}
.project-body .prev{ left:-42px; }
@media screen and (max-width: 1230px) { .project-body .prev{ left:15px; }
}
.project-body .next{ right:-42px; }
@media screen and (max-width: 1230px) { .project-body .next{ right:15px; }
}
.project-body .box{ display: block; position: relative; overflow: hidden; }
.project-body .box ul{ display: block; font-size: 0; overflow: hidden; margin-right: -24px; }
.project-body li{ display: block; float: left; width: 25%; padding-right: 24px; }
@media screen and (max-width: 640px) { .project-body li{ width: 50%; }
}
.project-body li .pic{ display: block; padding: 10px 8px; border: 1px solid #d5d5d5; background:#FFF; }
.project-body li .pic a{ display: block; width: 100%; height: auto; }
.project-body li .content{ display: block; position: relative; overflow: hidden; }
.project-body li .mask{ display: block; position: absolute; width: 100%; height: 80%; padding-top: 10%; top:-100%; background-color: rgba(0,0,0,0.4); text-align: center; z-index: 10; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 768px) { .project-body li .mask{ height: 100%; padding-top: 30%; }
}
.project-body li:hover .mask{ top:0; }
.project-body li .mask .fdj{ display: inline-block; *display: inline; *zoom:1; width: 54px; height: 54px; background: url(../images/fdj.png) no-repeat center; }
.project-body li .mask p{ display: block; font-size: 18px; line-height: 1; margin-top: 18px; color: #fff; text-transform: uppercase; }
@media screen and (max-width: 768px) { .project-body li .mask p{ display: none; }
}
.project-body li .mask h4{ display: block; font-size: 16px; line-height: 1; margin-top: 14px; color: #fff; }
@media screen and (max-width: 768px) { .project-body li .mask h4{ display: none; }
}
.project-body li .mask .project-arrow{ display: block; position: absolute; bottom:-18px; left:50%; margin-left: -20px; z-index: 10; }
@media screen and (max-width: 768px) { .project-body li .mask .project-arrow{ display: none; }
}
.project-body li img{ display: block; width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; height:178px; }
.project-body li p{ display: block; text-align: center; font-size: 15px; color: #000; margin-top: 12px; margin-bottom:25px; line-height: 1; }
.project-body li p a{ color: #000; font-weight:bold; }
.join{ display: block; position: relative; text-align: center; padding: 130px 20px; background: url(../images/join-bg.jpg) no-repeat center fixed; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 768px) { .join{ padding: 100px 20px; background: url(../images/join-bg.jpg) no-repeat center scroll; }
}
@media screen and (max-width: 768px) { .join{ padding: 80px 20px; }
}
.join .mask{ display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); top:0; left:0; }
.join .text{ display: block; position: relative; z-index: 5; }
.join .text h3{ display: block; line-height: 1; font-size: 50px; color: #fff; }
@media screen and (max-width: 768px) { .join .text h3{ font-size: 38px; }
}
@media screen and (max-width: 640px) { .join .text h3{ font-size: 30px; }
}
.join .text p{ display: block; line-height: 1; font-size: 24px; color: #b1b1b1; margin-top: 20px; }
@media screen and (max-width: 640px) { .join .text p{ font-size: 20px; line-height: 1.5; margin-top: 20px; }
}
.join .text a{ display: inline-block; width: 176px; height: 52px; border: 1px solid #fff; text-align: center; line-height: 52px; color: #eee; font-size: 20px; margin-top: 74px; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; }
@media screen and (max-width: 768px) { .join .text a{ font-size: 16px; height: 40px; line-height: 40px; margin-top: 50px; }
}
@media screen and (max-width: 640px) { .join .text a{ margin-top:30px; }
}
.join .text a:hover{ background-color: rgba(0,0,0,0.5); }
.news-body .important-news{ display: block; float: left; width: 39.83%; }
@media screen and (max-width: 768px) { .news-body .important-news{ width: 100%; float: none; }
}
.news-body .important-news .pic{ display: block; position: relative; }
.news-body .important-news img{ display: block; width: 100%; }
.news-body .important-news .date{ display: block; position: absolute; width: 67px; height: 64px; top:0; left:0; background-color: #39b549; text-align: center; color: #fff; overflow: hidden; }
.news-body .important-news .date .day{ display: block; font-size: 34px; color: #fff; line-height: 1; margin-top: 8px; }
.news-body .important-news .date .month{ display: block; line-height: 1; color: #fff; font-size: 13px; margin-top: 3px; }
.news-body .important-news h4{ display: block; margin-top: 22px; color: #5c5c5c; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; }
@media screen and (max-width: 768px) { .news-body .important-news h4{ margin-top: 4%; }
}
.news-body .important-news h4 a{ color: #5c5c5c; }
.news-body .important-news h4 a:hover{ color: #1D2089; }
.news-body .important-news p{ display: block; line-height: 23px; color: #868686; margin-top: 8px; }
.news-body .orther-news{ display: block; float: right; width: 56.66%; }
@media screen and (max-width: 768px) { .news-body .orther-news{ width: 100%; float: none; margin-top: 6%; }
}
.news-body .orther-news ul{ margin: -18px 0; }
.news-body .orther-news li{ display: block; padding: 18px 0; border-bottom: 1px dashed #d1d1d1; }
.news-body .orther-news li:last-child{ border-bottom: 0; padding-bottom: 0; }
.news-body .orther-news li .date{ display: block; width: 64px; height: 71px; float: left; margin-right: 15px; overflow: hidden; border: 1px solid #b2b2b2; text-align: center; }
.news-body .orther-news li .date .day{ display: block; font-size: 40px; color: #7e7e7e; line-height: 1; margin-top: 6px; }
.news-body .orther-news li .date .month{ display: block; line-height: 1; font-size: 13px; color: #5c5c5c; margin-top: 4px; }
.news-body .orther-news li .content{ display: block; overflow: hidden; }
.news-body .orther-news li .content h4{ display: block; font-size: 16px; color: #5c5c5c; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.news-body .orther-news li .content h4 a{ color: #5c5c5c; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.news-body .orther-news li .content h4 a:hover{ color: #1D2089; }
.news-body .orther-news li .content p{ display: block; line-height: 23px; color: #767676; margin-top: 6px; }
.news .more{ display: block; height: 36px; line-height: 36px; background-color: #ebebeb; color: #666; text-align: center; margin-top: 30px; }
.news .more a{ display: block; color: #666; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.news .more a:hover{ color: #fff; background-color: #7a7a7a; }
.partner-body{ display: block; overflow: hidden; }
.partner-body ul{ display: block; overflow: hidden; margin: -1% -1.5%; }
.partner-body li{ display: block; float: left; width: 16.666%; padding: 1% 1.5%; }
@media screen and (max-width: 768px) { .partner-body li{ width: 33.333% }
}
.partner-body li a{ display: block; position: relative; }
.partner-body li .mask{ display: block; position: absolute; width: 100%; height: 100%; opacity: 0; background-color: #000; top:0; left:0; z-index: 10; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.partner-body li a:hover .mask{ opacity: 0.3; }
.partner-body li img{ display: block; width: 100%; height: auto; border: 1px solid #e1e1e1; }
.footer{ display: block; width: 100%; padding-top: 3%; margin-top: 4.5%; background-color: #525252; }
.footer .box-l{ display: block; float: left; width: 800px; }
@media screen and (max-width: 1230px) { .footer .box-l{ width: 100%; float: none; }
}
.footer .box-l .contact-way{ display: block; overflow: hidden; }
.footer .box-l .ewm{ display: block; float: left; }
.footer .box-l .ewm img{ display: block; float: left; margin-right: 8px; }
.footer .box-l .contact-way .info{ display: block; float: left; margin-left: 7px; }
@media screen and (max-width: 640px) { .footer .box-l .contact-way .info{ margin-top: 6%; }
}
.footer .box-l .contact-way .info h2{ display: block; padding-left: 8px; border-left: 1px solid #fff; font-size: 16px; line-height: 1; color: #fff; }
.footer .box-l .contact-way .info ul{ display: block; margin-top: 16px; }
@media screen and (max-width: 640px) { .footer .box-l .contact-way .info ul{ margin-top: 2%; }
}
.footer .box-l .contact-way .info ul li{ display: block; height: 33px; line-height: 33px; color: #b9b9b9; }
.footer .box-l .contact-way .info ul li span{ display: block; float: left; margin: 9px 10px 0 0; }
.footer .box-l .contact-way .info ul li i{ display: block; }
.footer .box-l .phone{ display: block; height: 39px; line-height: 39px; margin-top: 15px; font-size: 20px; color: #1D2089; }
@media screen and (max-width: 768px) { .footer .box-l .phone{ margin-top: 2%; }
}
@media screen and (max-width: 640px) { .footer .box-l .phone{ display: none; }
}
.footer .box-l .phone i{ display: block; float: left; margin: 0 10px 0 14px; }
.footer .box-r{ display: block; float: right; width: 360px; }
@media screen and (max-width: 1230px) { .footer .box-r{ width: 100%; float: none; margin-top: 4%; }
}
@media screen and (max-width: 768px) { .footer .box-r{ display: none; }
}
.footer .box-r .mune{ display: block; overflow: hidden; clear: both; }
.footer .box-r .mune .list{ display: block; padding: 0 45px; height: 146px; float: left; border-left: 1px solid #b9b9b9; }
.footer .box-r .mune .list:first-child{ padding-left: 0; border-left: 0; }
.footer .box-r .mune .list:last-child{ padding-right: 0; }
.footer .box-r .mune .list h4{ display: block; color: #fff; font-size: 16px; }
.footer .box-r .mune .list h4 a { color:#FFF}
.footer .box-r .mune .list ul{ display: block; margin-top: 10px; }
.footer .box-r .mune .list ul li{ display: block; height: 28px; line-height: 28px; }
.footer .box-r .mune .list ul li a{ color: #b9b9b9; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.footer .box-r .mune .list ul li a:hover{ color: #fff; }
.footer .box-r .frend-link{ display: block; margin-top: 24px; overflow: hidden; clear: both; }
.footer .box-r .frend-link h4{ display: block; float: left; font-size: 18px; color: #1D2089; font-weight: bold; }
.footer .box-r .frend-link ul{ display: block; float: left; }
.footer .box-r .frend-link ul li{ display: block; width: 109px; height: 47px; float: left; margin-left: 6px; }
.footer .web-info{ display: block; height: 60px; line-height: 60px; margin-top: 34px; color: #e4e4e4; background-color: #393939; }
.footer .web-info a{color: #e4e4e4;}
.footer .web-info a:hover{ text-decoration:underline;}

.addr-icon {
    background: url(../images/allbgs.png) no-repeat -30px 0px;
    width: 20px;
    padding-top: 17px;
}
.phone-icon-s {
    background: url(../images/allbgs.png) no-repeat -50px 0px;
    width: 17px;
    padding-top: 18px;
}
.wz-icon {
    background: url(../images/allbgs.png) no-repeat -14px 0px;
    width: 16px;
    padding-top: 17px;}
/*------------------------新加------------------------------*/

.ewm { width:270px;}