@charset "utf-8";
*{margin:0;padding: 0;}
body{
	min-width: 360px;
	overflow-x: hidden;
	font: 14px/1.7 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	color: #333;
	line-height: 30px;
}
body.by{background-color:#efefef;}
img{border:none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
input{font-family: Helvetica,"微软雅黑",Arial, "Microsoft YaHei", sans-serif, STXihei, "Microsoft JhengHei;";}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color: #00969c;text-decoration: none;}
a:active{color: #00969c;text-decoration: none;}
.nomr{ margin-right:0px !important}
.tac{ text-align:center !important;}
.container{max-width: 1200px;margin: 0 auto;}
#nav {width: 100%;position: fixed;z-index: 9;}
.navbg-color{background-color: #000;opacity: 0.9;}
#nav .int {width: 100%;max-width: 1200px;margin-right: auto;margin-left: auto;height: 85px;position: relative;z-index: 2;}
#nav .logo {display: block;float: left;width:auto;padding: 20px 0;}
#nav .bar {position: absolute;height: 85px;width: 70%;top: 0px;right: 0px;}
#nav .bar .nl {float: left;height: 85px;width: 94px;margin-right: 3px;margin-left: 3px;text-align:center;}
#nav .bar .nl a.bid{color: #fff;position: relative;display: block;line-height: 85px;height: 85px;z-index: 2;font-size:15px;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;	}
#nav .bar .nl:hover a.bid{color: #00B2B8;}
#nav .bar .nl.onthis a.bid{color:#fff;background: #008489;}

#nav .bar .nl a.bid span{display: inline-block;height: 15px;width: 15px;margin-right: 3px;background-image: url(../image/icon.png);background-repeat: no-repeat;background-position: 0px 0px;position: relative;top: 2px;}
#nav .bar .nl:hover a.bid span.home{background-position: 0px -15px;}
#nav .bar .nl.onthis a.bid span.home{background-position: 0px -15px;}

#nav .bar .nl a.bid span.kelon{background-position: -15px 0px;}
#nav .bar .nl:hover a.bid span.kelon{background-position: -15px -15px;}
#nav .bar .nl.onthis a.bid span.kelon{background-position: -15px -15px;}

#nav .bar .nl a.bid span.product{background-position: -30px 0px;}
#nav .bar .nl:hover a.bid span.product{background-position: -30px -15px;}
#nav .bar .nl.onthis a.bid span.product{background-position: -30px -15px;}

#nav .bar .nl a.bid span.team{background-position: -45px 0px;}
#nav .bar .nl:hover a.bid span.team{background-position: -45px -15px;}
#nav .bar .nl.onthis a.bid span.team{background-position: -45px -15px;}

#nav .bar .nl a.bid span.news{background-position: -60px 0px;}
#nav .bar .nl:hover a.bid span.news{background-position: -60px -15px;}
#nav .bar .nl.onthis a.bid span.news{background-position: -60px -15px;}

#nav .bar .nl a.bid span.culture{background-position: -75px 0px;}
#nav .bar .nl:hover a.bid span.culture{background-position: -75px -15px;}
#nav .bar .nl.onthis a.bid span.culture{background-position: -75px -15px;}

#nav .bar .nl a.bid span.join{background-position: -90px 0px;}
#nav .bar .nl:hover a.bid span.join{background-position: -90px -15px;}
#nav .bar .nl.onthis a.bid span.join{background-position: -90px -15px;}

#nav .bar .nl a.bid span.contact{background-position: -105px 0px;}
#nav .bar .nl:hover a.bid span.contact{background-position: -105px -15px;}
#nav .bar .nl.onthis a.bid span.contact{background-position: -105px -15px;}

#nav .pop {height: 0px;width: 100%;position: absolute;left: 0px;top: 100%;overflow: hidden;}
#nav .pop .bg {background-color:rgba(245,245,245,0.9);height:100%;width: 100%;position: absolute;left: 0px;top: 0%;filter: alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;z-index:1;}
#nav .pop .txt{height: 260px;max-width: 1200px;margin-left: auto;margin-right: auto;z-index: 2;position: relative;overflow-x: auto;overflow-y: hidden;}
#nav .pop .txt .it{display:block;}
#nav .pop .txt .it .nav01{text-align: center;}
#nav .pop .txt .it .nav01 a{padding:20px;display: inline-block;}
#nav .pop .txt .it .nav01 img{display: inline-block;}
#nav .pop .txt .box{padding-top: 30px;float: left;position: relative;width: 15%;padding-left: 2%;height:300px;}
#nav .pop .txt .box:hover{background-color:#ccc;}
#nav .pop .txt .bbox{border-left-width: 1px;border-left-style: solid;border-left-color: #CCC;}
#nav .pop .txt .bbox a{width: 25%;display: block;float:left;padding: 15px;box-sizing: border-box;text-align: center;}
#nav .pop .txt .bbox:hover{}
#nav .pop .txt .box a{display: block; line-height:30px;	font-size: 15px;}
#nav .pop .txt .box h3{color: #007FFF;}

.munu-li .bgimg
{
	position: relative;
	left: 0px;
	z-index: 1;
	width: 100%;
	display: block;
}
.munu-li .bgimg img{}
.mune-li{padding: 20px 0;}
.mune-li .swiper-container {
      width: 100%;
      height: 100%;
    }
    
.mune-li .swiper-slide {
      text-align: center;
      font-size: 16px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }


#toggle-search {}
.sericon{padding-top:30px ;}
#toggle-search.open:after {top: 40px;}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
 top: 80px;
 left: 81.5%;
  margin-left: -8px;
  content: "";
  /*border-color: transparent transparent #e1e4e7;
  border-style: solid;*/
  border-width: 8px 8px 12px;
  margin-top: 40px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

.serch-box{width: 100%;}
#search_form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 85px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
}
#search_form.open {
  max-height: 60px;
  z-index: 999;
}
#search_form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search_form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search_form input[type="text"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search_form input[type="button"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}

/*#search
{
	float: left;
	height: 70px;
	width: 60px;
	text-align: center;
	position: relative;
	cursor: pointer;
	background-image: url(../image/search.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;	
}
#search.onthis{background-color: #007FFF;}
#searchform {
	height: 0px;
	width: 100%;
	position: absolute;
	top:0%;
	background-color: #007FFF;
	overflow: hidden;
	z-index: 3;
	left: 0px;
	display:none;
	opacity:0;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 2px 20px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 2px 20px;
	box-shadow: rgba(0,0,0,0.1) 0px 2px 20px;		
}
#searchform .searchtxt {
	line-height: 70px;
	height: 70px;
	width: 100%;
	padding-left: 2%;
	position: absolute;
	background-color: transparent;
	border: none;
	color: #fff;
}
#searchform .searchbut {
	position: absolute;
	z-index: 2;
	height: 60px;
	width: 60px;
	top: 5px;
	border:none;
	background-color: transparent;
	right: 5px;
	background-image: url(../image/searchbut.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	-webkit-transition: background-color 0.5s ease-in-out;
	-o-transition: background-color 0.5s ease-in-out;
}
#searchform:hover .searchbut {background-position: -60px 0px;}*/
#mbtn {
	position: fixed;
	width: 60px;
	top: 17px;
	right: 10px;
	cursor: pointer;
	height: 35px;
	z-index: 7;
	display:none;
}
#mbtn span {
	background-color:#008489;
	display: block;
	height: 7px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left:0px;
}
#mbtn span.one{top:0px;}
#mbtn span.two{top:14px;}
#mbtn span.three{top:28px;}


#meun
{
	width: 30%;
	background-color: #000;
	position: fixed;
	z-index: 9;
	height: 100%;
	top: 0px;
	right: -30%;
	display: block;
}
#meun .int{
	padding-top: 0px;
	position: relative;
	z-index: 3;
	background-color:rgba(0,0,0,0.95);
	height: 100%;
	width: 100%;
}
#meun a.bid {
	height: 50px;
	display: block;
	padding-left: 20px;
	line-height: 50px;
	color: #FFF;
}
#meun a.bid.onthis{background-color: rgba(0,132,137,0.9);}
#meun .submeun
{
	background-color: rgba(0,132,137,0.9);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0px;
	z-index: 2;
}
#meun .submeun div
{
	display: block;
	position: relative;	
}
#meun .submeun div a
{
	display: block;
	line-height: 40px;
	height: 40px;
	color: #fff;
	padding-left: 12px;
}
.nav-xl {overflow: hidden;}
.nav-xl img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.nav-xl img{transition: all 0.6s;}
 
.banner {}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-container .bgimg{width: 100%;display: block;}
/*.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}*/

.swiper1 {
	width: 100%;
}
.swiper1 .selected {
	color: #008489;
	border-bottom: 2px solid #008489;
}
.swiper1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: 50px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
.swiper2 {
	width: 100%;
}
.swiper2 .swiper-slide {
	height: calc(100vh - 50px);
    color: #fff;
	text-align: center;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
}


.business{padding: 20px 0 60px 0;}
.business-box .swiper-container .swiper-slide a{display: block;width: 100%;}
.business-b-b{width: 100%;overflow: hidden;position: relative;}
.business-b-b img{width: 100%;display: block;}
.business-b-b:hover >.business-b-bshow{display: block;transition: all 0.5s;}
.business-b-bshow{padding:50px 10px;box-sizing:border-box;position: absolute;top: 0;left: 0;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.8) 100%);z-index: 80;width: 100%;height: 100%;display: none;}
.business-b-bshow h2{color: #fff;margin: 20px 0 10px 0;}
.business-b-bshow p{color: #fff;padding: 0 30px;box-sizing: border-box;}


.business-int2{overflow: hidden;margin: 30px 0;}
.business-l{width:15%;float: left;background: #eee;padding:40px 15px;box-sizing: border-box;text-align:  center;}
.business-r{width:85%;float: left;}
.business-int2 p{font-size: 15px;}
.business-int2 ul li{width:20%;float: left;text-align: center;padding: 10px 0;border-right: 1px solid #eee;box-sizing: border-box;}
.business-int2 ul li span{display:block;width:60px; height:60px; display:block;margin: 0 auto;}
.business1{background:url(../img/icon1.png) no-repeat top center;}
.business2{background:url(../img/icon2.png) no-repeat top center;}
.business3{background:url(../img/icon3.png) no-repeat top center;}
.business4{background:url(../img/icon4.png) no-repeat top center;}
.business5{background:url(../img/icon5.png) no-repeat top center;}
.business6{background:url(../img/icon6.png) no-repeat top center;}
.business-int2 ul li a:hover >.business1{background:url(../img/icon1.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}
.business-int2 ul li a:hover >.business2{background:url(../img/icon2.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}
.business-int2 ul li a:hover >.business3{background:url(../img/icon3.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}
.business-int2 ul li a:hover >.business4{background:url(../img/icon4.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}
.business-int2 ul li a:hover >.business5{background:url(../img/icon5.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}.business-r ul li a:hover >.business1{background:url(../img/icon1.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}
.business-int2 ul li a:hover >.business6{background:url(../img/icon6.png) no-repeat bottom center;transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-webkit-transition: background 0.3s;-o-transition: background 0.3s}




.iabout{overflow: hidden;}
.iabout-l{background: #333;width: 50%;float: left;height: 600px;}
.iabout-l .swiper-slide img{display: block;}
.iabout-r{width: 50%;float: right;background: #e0e0e0;height: 600px;padding:65px;box-sizing: border-box;}
.iabout-title{}
.iabout-title h2{font-size: 30px;}
.iabout-title p{padding-bottom: 10px;}
.iabout-title hr{border-color: #eee;}
.iabout-c{padding: 20px 0;}
.iabout-c p{text-indent: 2em;font-size: 15px;padding: 10px 0; text-align: justify;}
.iabout-c a{float:right;display: inline-block;padding:40px 0;}



.inews{background: #f3f3f3;padding: 20px 0;}
.inews-b{overflow: hidden;}
.inews-b ul li{width: 32.5%;float: left;margin:5px;}
.inews-b ul li a{width:100%;padding: 25px 44px;box-sizing:border-box;margin-bottom: 10px;display: block;overflow: hidden; background: #fff;}
.inews-b .top{overflow: hidden;}
.inews-b .top h5{ font-size: 18px;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 400;}
.inews-b .top p{    height: 52px;padding-top: 10px;font-size: 14px; color: #999; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inews-b .top .inews-p{ border-bottom: 1px solid #eeeeee;padding-bottom: 24px;color: #999;}
.inews-b .bottom{width: 100%;float: initial;border-right: none;position: relative;}
.inews-b .bottom h3{padding-top: 20px;font-size: 32px;font-weight: 700; color:#5d5d5d;}
.inews-b .bottom span{    font-size: 14px;display: block;color: #999;}
.inews-b ul li .bottom .newsmore{position: absolute;top: 40px;right: 5px;}

.inews-t a{overflow: hidden;}
.inews-t-l{width: 30%;float: left;}
.inews-t-l img{width: 100%;display:block;}
.inews-t-r{width: 70%;float: right;padding: 20px 30px;box-sizing: border-box;background: #fff;height: 268px;}
.inews-t-box{margin: 15px 5px;overflow: hidden;}
.inews-t-r .top{overflow: hidden;}
.inews-t-r .top h5{ font-size: 18px;color: #000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 400;}
.inews-t-r .top p{    height: 52px;padding-top: 10px;font-size: 14px; color: #999; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.inews-t-r .top .inews-p{ border-bottom: 1px solid #eeeeee;padding-bottom: 24px;}
.inews-t-r .bottom{width: 100%;float: initial;border-right: none;position: relative;}
.inews-t-r .bottom h3{padding-top: 20px;font-size: 32px;font-weight: 700; color:#5d5d5d;}
.inews-t-r .bottom span{    font-size: 14px;display: block;color: #999;}
.inews-t-r .bottom .newsmore{position: absolute;top: 40px;right: 5px;}


/*about*/
.int{width: 100%;max-width: 1200px;margin: 0 auto;}
.banner-about{background: url(../img/banner/banner-about.jpg)  bottom center; height: 450px;}
.title{text-align: center;padding: 30px 0;}
.title h2{font-size: 32px;color:#474443;}
.title p{
	font-size: 16px;
	color: #999;
	line-height: 30px;
	letter-spacing : 2px;
}
.title hr{width: 60px;border-top:3px solid #333;text-align: center;margin: 5px auto;}
.title2{text-align: center;padding: 30px 0;}
.title2 h2{font-size: 32px;color:#fff;}
.title2 p{font-size: 16px;color: #f5f5f5;line-height: 30px;letter-spacing :10px;}
.title2 hr{width: 60px;border-top:3px solid #eee;text-align: center;margin: 5px auto;}
.nmain{overflow: hidden;padding: 0 0 50px 0;}
.postion{border-bottom: 1px solid #eee;overflow: hidden;background: #f7f7f7;line-height: 60px;}
.postion-l{width: 30%;float: left;line-height: 60px; }
.nnav{text-align: right;overflow: hidden;width: 70%;float: right;font-size: 16px;}
.nnav a{display: inline-block;margin: 0 5px;padding:0 12px;border-bottom: 2px solid #f7f7f7;}
.nnav a:hover{border-bottom: 2px solid #000; color: #333;}
.nnav .onn1{border-bottom: 2px solid #000;}
.about-c img{width: 100%;display: block;margin: 15px 0;}
.about-c p{font-size: 15px;line-height: 25px;text-indent: 2em;padding: 5px 0;margin: 15px 0;}

.banner-honor{background: url(../img/banner/banner-honor.jpg)  bottom center; height:450px;}
.honor-c{overflow: hidden;}
.honor-c ul{margin-bottom: 15px;}
.honor-c ul li{width: 33.3%;float:left;}
.honor-box{margin: 15px 10px;}
.honor-box p{line-height: 35px;text-align: center;font-weight: bold;font-size: 18px;}
.honor-c .honor-img{overflow: hidden;}
.honor-c .honor-img img{width: 100%;display: block;transition: all 0.5s;}
.honor-c .honor-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}

#job {
	width:100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom:80px;
}
#job .th {
	height: 60px;
	line-height:30px;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 16px;
	font-weight: bold;	
}
#job .th p
{
	color:#999;
	line-height:15px;
	font-weight:normal;
	font-size:13px;
}
#job .tr {
	height: 60px;
	line-height:60px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	cursor:pointer;
	overflow:hidden;
}

#job .tr:hover {background-color:#efefef;}
#job .tr.onthis {background-color:#efefef;}
#job .tr.one {background-color:#F30;color:#fff;}
#job .tr.one:hover {background-color:#b42400;color:#fff;}
#job .tr.one.onthis {background-color:#b42400;color:#fff;}
#job .tr.one a{color:#FFF}
#job .tr strong{display:none}
#job .td30 {
	height: 60px;
	width: 26%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
}
#job .td20 {
	height: 60px;
	width: 18%;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
}
#job .td15 {
	height: 60px;
	width: 13%;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
}
#job .txt {
	width: 96%;
	background-color: #FFF;
	padding-right: 2%;
	padding-left: 2%;
	line-height:26px;
}
#job .txt .int {
	padding-top: 30px;
	padding-bottom: 30px;
}
#job .remarks {
	padding-top: 40px;
	padding-right: 2%;
	padding-left: 2%;
}
#job .tr a.more
{
	height: 30px;
	width: 80px;
	text-align:center;
	margin-right: 4px;
	margin-left: 4px;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	position:relative;
	z-index:1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}

.partner-c{}
.partner-c ul li{
	width: 24%;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0.5%;
	margin-bottom: 10px;
	margin-left: 0.5%;
}
.partner-c ul li span{display: block;border: 2px solid #eee;}
.partner-c ul li img{width: 100%;display: block;}

.banner-image{background: url(../img/banner/banner-netword.jpg)  bottom center; height:450px;}

.dealer-c{overflow: hidden;}
.dealer-l{width: 50%;float: left;}
.dealer-l-t{}
.dealer-l-t img{width: 100%;display: block;}
.dealer-l-b{}
.dealer-l-b ul li{width: 33.3%;float: left;margin: 5px 0;}
.dealer-l-b ul li img{width: 100%;display: block;height: 152px;}
.dealer-img{padding: 0 3px;box-sizing: border-box;}
.dealer-r{width: 50%;float: right;padding: 10px 35px;box-sizing: border-box;}
.dealer-r img{width: 200px;height: 200px;display: block;margin: 0 auto;}
.dealer-r p{text-indent: 2em;}
.dealer-r h2{padding: 20px 0;font-size: 25px;color: #df213b;}
.dealer-r ul li{overflow: hidden;margin: 10px 0;}
.dealer-icon{width: 20%;float: left;}
.dealer-r-c{width: 80%;float: right;}
.dealer-r-c p{font-size: 15px;}


/*news*/
.banner-news{background: url(../img/banner/banner-news.jpg) no-repeat bottom center;width: 100%; height: 450px;overflow: hidden;}
.banner-t{width: 100%;margin: 0 auto; text-align:center;margin-top:120px;}
.banner-t h2{font-size: 25px;}
.banner-t p{font-size: 15px;}
.banner-t span{border-bottom: 2px solid #333;display: block;width: 50px;margin: 0 auto;padding-top: 5px;}
.n-title{text-align: center;padding: 15px 0;}
.n-title a{padding: 10px 25px;display: inline-block;font-size: 18px;border: 1px solid #e0e0e0;margin: 0 10px;background: #e3e3e3;color: #555;}
.n-title .na , .n-title a:hover{background: #555;color: #fff;}
.news{overflow: hidden;}
.news-box{}
.news-box ul li{overflow: hidden;margin: 30px 0;position: relative;padding: 20px; background:#fff;}
.news-box ul li:hover{box-shadow: rgba(198, 198, 198, 0.2) 0px 5px 15px;transition: all 0.5s;background: #eee;}
.news-box ul li .more-news{display: block;width: 36px;height: 36px;background: url(../img/news/list_circle.png) no-repeat left top;overflow: hidden;position: absolute;right: 50px;bottom:30px;}
.news-img{float: left;width: 25%;overflow: hidden;}
.news-img img{width: 100%;display: block;transition: all 0.6s;}
.news-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.news-c{float: right;width: 75%;padding: 0 20px;box-sizing: border-box;}
.news-box a{color: #333;}
.news-box a:hover{color: #333;}
.news-c h2{font-size: 20px;color: #000;padding: 20px 0;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.news-c span{float: right;font-size: 15px;display: inline-block;color: #999;}
.news-c p{font-size: 15px;}

.banner-nifo{background: url(../img/banner/banner-ninfo.jpg) no-repeat bottom center; height: 200px;}
.black{background: #333;height: 85px;}
.ninfo{}
.ninfo h2{text-align: center;padding:60px 0 20px 0;font-size: 24px;border-bottom: 1px solid #ddd;font-weight: bold;}
.ninfo p{text-align: center;padding: 10px 0;}
.ninfo span{font-size: 16px; text-align: center;padding: 20px 25px;color: #888;}
.ninfo-box{padding: 25px 10px;}
.ninfo-box img{padding: 12px 0;display: block;margin: 0 auto;}

/*advantage*/
.banner-join{background: url(../img/banner/banner-join.jpg) no-repeat bottom center; height: 450px;}
.advantage01 img{width: 100%;display: block;}
.advantage02{}
.advantage02 ul li{overflow: hidden;margin: 30px 0;}
.adv02-l{width: 60%;float: left;}
.adv02-l img{width: 100%;display: block;}
.adv02-r{width: 38%;float: right;padding: 25px;box-sizing: border-box;background: #EEEEEE;}
.adv02-r p{font-size: 16px;}
.adv03-l{width: 38%;float: left;padding: 25px;box-sizing: border-box;background: #EEEEEE;}
.adv03-l p{font-size: 16px;}
.adv03-r{width: 60%;float: right;}
.adv03-r img{width: 100%;display: block;}
.advantage01 p{font-size: 16px;text-indent: 2em;padding: 5px 0;color: #555;}
.advantage-c{}
.advantage-c ul li{width: 25%;float: left;}
.advantage-c .adv-box{margin: 15px 10px;background: #F6F6F6;overflow: hidden;height: 375px;position: relative;}
.adv-box-l{padding: 10px 15px;box-sizing: border-box;}
.adv-box-l h2{font-size: 16px;}
.adv-box span{font-size:100px;color: #008489;position: absolute;bottom: 135px;right: 15px;opacity: 0.2;}
.adv-img{overflow: hidden;}
.adv-img img{width: 100%;display: block;transition: all 0.6s;}
.adv-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.process{padding:0 0 40px 0;overflow: hidden;}
.process1 {overflow: hidden;}
.process1 img{width: 100%;display:block;}
.process1 ul li{width: 20%; float:left;margin:15px auto;text-align: center;}
.process1-img{width: 50%;margin: auto;}
.process1-img img{width: 100%;display: block;margin: 0 auto;padding: 15px;box-sizing: border-box;}
.process1 ul li p{font-size: 18px;line-height: 50px;}
.process-zy{margin: 30px 0;}
.process-zy h3{color: #B01919;text-align: center;}
.process-zy p{width: 46%;float: left;background: #e4e4e4;line-height: 40px;margin: 15px;padding:0 15px;box-sizing: border-box;}
.process2{background: #F9F9F9;padding: 40px 0;}
.process2 ul li{margin: 25px 0;width: 50%;float: left;}
.condition-bg{background: #eaeaea;overflow: hidden;padding: 15px 0;}
.condition{padding: 40px 0;overflow: hidden;}
.condition01{overflow: hidden;}
.condition01-box{margin: 10px;overflow: hidden;}
.condition01 ul li{width: 25%; float: left;box-sizing: border-box;}
.condition01-img{width: 100%;float: left;}
.condition01-img img{width: 100%;display: block;}
.condition01-c{width: 100%;padding:0 10px 0 20px;box-sizing: border-box;}
.condition01-c h2{font-size: 18px;text-align: center;padding: 10px 0;}
.condition01-c p{font-size: 15px;padding: 10px 0;}

.join{padding:0 0 40px 0;overflow: hidden;}
.join1{margin:25px 0;}
.join1 ul li{float: left;width: 25%;}
.join1 .join1-box{background: #F5F5F5;margin:10px;padding: 15px 15px;height: 320px;box-sizing: border-box;}
.join1 .join1-box img{display: block;margin: 0 auto;padding: 10px 0;}
.join1 .join1-box p{font-size: 15px;line-height: 25px;padding: 5px 0;}
.join2{background:url(../img/join/join02bg.jpg) no-repeat; height:750px; padding: 10px 0;}
.join3{padding: 40px 0;background: url(../img/join/zs03.png) no-repeat center top; height: 700px;}
.join4{background-image:url(../img/join/zs04.png);height: 775px;background-color: #F3F3F3;}
.join-l{width: 40%;float: left;}
.join-l img{width: 100%; display: block;margin-top: 80px;}
.join-r{width: 55%;float: right;overflow: hidden;margin-top: 45px;}
.join-t{text-align: center;margin-top:65px;padding: 10px 0;}
.join-r .join-r-box{width: 100%;padding: 35px;box-sizing: border-box;background: #b01919;height: 420px;}
.join-r .join-r-box ul li .item h2{color: #fff;float: left;line-height: 35px;}
.join-r-box{width:50%;float: right;}
.join-r-box ul li{margin: 25px 0;}
.bottom-ok{background:#3b3b3b;line-height: 50px;text-align: center;}
.bottom-ok input{color: #fff;width: 100%;display: block; background-color:transparent; border:none; height:50px; cursor:pointer}
.bottom-ok input:hover{background: #333;}

.support{}
.support ul li{overflow: hidden;}
.support-l{width: 35%;float: left;text-align: center;}
.support-l img{margin: 0 auto;width: 250px;height: 250px;}
.support-r{width: 65%;float: right;padding: 50px 25px;background: #f7f7f7;box-sizing: border-box;margin: 50px 0;}
.support-num{width: 15%;float: left;}
.support-num span{font-size: 70px;font-weight: bold;display: block;line-height: 60px;color: #ccc;}
.support-c{width: 85%;float: right;}
.support-c h2{font-size: 25px;}
.support-c p{font-size: 18px;}


.mode{margin: 20px 0;}
.mode img{width: 100%;display: block;}
.mode1{background: #333;overflow: hidden;font-size: 18px;color: #fff;}
.mode1 ul li{width: 33.3%;float: left;line-height: 80px;text-align: center;}
.mode1 .mode-xian{border-left: 1px solid #fff;border-right: 1px solid #fff;box-sizing: border-box;}
.mode2{background: #e7e7e7;overflow: hidden;}
.mode2 ul li{width: 33.3%;float: left;line-height: 50px;text-align: center;border-bottom: 1px solid #fff;padding: 10px 0;}
.mode2 .mode-xian{border-left: 1px solid #fff;border-right: 1px solid #fff;box-sizing: border-box;}

.policy-bg{background: #f7f7f7;overflow: hidden;padding: 20px 0;}
.policy01-l{width: 40%;float: left;}
.policy01-r{width: 55%;float: right;margin: 20px 0;}
.policy01-r ul li{width: 50%;float: left;margin: 15px 0;}
.policy01-r ul li span{width: 80px; height: 80px; background: #999;color: #fff;border-radius: 50%;padding: 8px;font-size: 18px;}
.policy01-r ul li p{padding: 0 20px;display: inline-block;font-size: 18px;}

/*contact*/
.banner-contact{background: url(../img/banner/banner-contact.jpg) no-repeat bottom center;height:450px; overflow: hidden;}
.contact-bg1{background: #F9F9F9;overflow: hidden;padding: 40px 0 20px 0;}
.contact1{}
.contact1-c p{text-align: center;font-size: 16px; padding: 20px 0;}
.contact1 ul{}
.contact1 ul li{width: 33.3%;float: left;}
.contact1 ul li div{margin: 10px 30px;padding: 45px 0;/*border: 2px dashed #999;*/min-height: 250px;}
.contact-a{}
.contact-a img{margin: 0 auto;text-align: center;display: block;}
.contact-a h2{font-size: 25px;text-align: center;padding: 15px 0;}
.contact-a p{font-size: 14px;padding: 0 10px;vertical-align: middle;padding: 5px 10px;}
.contact-b{}

.contact-bg2{padding: 40px 0;background: url(../img/contactbg1.jpg) no-repeat center;overflow: hidden;}

.contact-bg3{padding: 40px 0;}
.online{overflow: hidden;padding: 30px 0;}
.online .item{
	width: 50%;
	float: left;
	box-sizing: border-box;
	margin: 0;
	height: 80px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.online .item span ,.online-ly span{font-size: 18px;float: left;padding: 10px 15px;}
.online .item .star{color: red;}
.item-right {float: right;width: 82%;}
.item-right ul li{width: 33.3%;float: left;}
.item-right select ,.item-right ul li select{width: 100%;border: 1px solid #eee;line-height: 40px;height: 40px;background: none;background: #F0F0F0;padding: 0 15px;box-sizing: border-box;}
.join-r-box ul li .item-right ul li {margin: 0;}
.item-right input{width: 100%;border: 1px solid #eee;line-height: 40px;background: none;background: #F0F0F0;padding: 0 15px;box-sizing: border-box;height: 40px;}
.online-ly{width: 95.5%;margin: 0 auto;overflow: hidden;}
.online-ly .item .star{color: red;}
.online-ly textarea{width: 100%;background:#F0F0F0;border: 0;padding: 10px;}
.item-right2{ width: 93%;float: right;} 
.item4-c{margin: 0 auto;width: 20%;}
.on1{background: #eee;padding: 10px 45px;border: 0;}
.on2{background:#008489;padding: 10px 45px;border: 0;color: #fff;margin: 25px 0;}
#map {
	height: 500px;
	width: 100%;
	margin-top:35px;
	border: 5px solid #fff;
}


.foot-icon{background:#F5F5F5;overflow: hidden;}
.foot-icon-box ul{padding: 10px 0;}
.foot-icon-box ul li{width: 25%;float: left;text-align: center;border-right: 1px solid #e7e7e7;box-sizing: border-box;}

.foot-icon-box .right-no{border-right: 0;}
/*footer*/
.footer{width:100%;margin:0 auto; background:#333; color:#d1cbc7; line-height:26px;font-size:13px; padding:50px 0;overflow: hidden;}
.footer a{color:#ccc;}
.footer a:hover{ text-decoration:underline;}
.footer_center{max-width:1200px;margin:0 auto; padding:0px 0px 50px 0px;}
.footer-logo{width: 25%;float: left;}
.footer-logo h3{font-size: 18px;font-weight: 400;padding: 10px 0;}
.footer-logo p{font-size: 30px;letter-spacing: 2px;}
.footer-logo img{display: block;}
.footerNav{float:left;width:45%;text-align: center;}
.footerNav ul{float:left;width:25%;}
.footerNav li a{font-size:13px;}
.footerNav strong{margin-bottom:6px;display:block; color: #fff;font-size: 16px;font-weight:100;}
.footerNav li{ width:100%; float:left; line-height:20px; margin-bottom:7px;}
.eweima{width: 30%; float: right;padding-left: 15px;box-sizing: border-box;;}
.eweima ul li{width: 50%;float: left;padding: 0 10px;box-sizing: border-box;}
.eweima ul li img{width: 100%;display: block;}
.eweima p{text-align: center;color: #b0b0b0;}
.links{background:#f4f4f4;}
.links_center{width:1200px; margin:0 auto; }
.links_center strong{font-size:14px; color:#ffffff; background:#565656; width:110px; line-height:38px; text-align:center;font-weight:100; display:block; float:left;}
.links_center ul{ float:right; width:1080px;}
.links_center ul li{float:left; line-height:37px; padding:0px 20px; background:url(../img/links_xian.jpg) right center no-repeat;}
.links_center ul li a{font-size:13px; color:#6e6e6e; line-height:37px;}
.links_center ul li a:hover{ text-decoration:underline;}
.copyright{background:#333; color:#727272; overflow: hidden;line-height: 45px;border-top: 1px solid #444;}
.copyright-l{float: left;width: 30%;}
.copyright-l a{font-size: 14px;color:#595959;}
.copyright-r{width: 70%;float: right;text-align: right;color: #595959;}
.copyright-r a{color:#595959;}
.copyright-r a:hover{color: #eee;}
.copyright_center{margin:0 auto; width:1200px;}


.banner-course{background: url(../img/banner/banner-course.jpg) no-repeat bottom center;width: 100%; height:450px;overflow: hidden;}
#course .box .com .txt{position: absolute;height: 30%;width: 80%;left: 10%;top: 35%;z-index:2;color:#fff;font-size: 16px;text-align: center;}

#course .list{padding: 30px 15px;width: 65%;margin: 0 auto;}
#course .list .it{padding-left: 120px;padding-top: 20px;padding-bottom: 20px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ddd;position: relative;line-height:35px;padding-right:20px;font-size: 16px;color: #555;}
#course .list .it .year{position: absolute;left: 0px;top: 20px;color: #fb830e;font-size: 30px;}
#course .list .it p{position:relative;padding-left:45px;}
#course .list .it p span{position:absolute;left:0px;top:0px;font-weight: normal;color: #666;}

.banner-culture{background: url(../img/banner/banner-culture.jpg) no-repeat bottom center;width: 100%; height: 450px;overflow: hidden;}

.banner-products{background: url(../img/banner/banner-pro.jpg) no-repeat bottom center; height: 450px;}
.whole-c{}
.whole-c img{margin: 0 auto;display: block;width: 100%;}
.products-t{text-align: center;margin: 20px 0;}
.products-t a{display: inline-block;margin: 10px 0;padding: 5px 25px;font-size: 16px;border-right: 1px solid #e6e6e6;}
.products-t a:hover ,.products-t .onn2{background: #008489;color: #fff;}
.products-t a:hover > #content div{display: block;}
.products-c{overflow: hidden;}
.products1{overflow: hidden;}
.products1 ul li{width: 33.3%;float: left;}
.products1 ul li .pro1-box{margin: 0 10px  20px 10px;}
#content ul li{display: /*none*/;}
.products1 .pro1-img{overflow: hidden;}
.products1 .pro1-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.products1 .pro1-img img{width: 100%;display: block;transition: all 0.6s;}
.pro1-c h2{font-size: 18px;line-height: 40px;padding: 0 5px;text-align: center;font-weight: normal;}
.cinfo{background: #f6f6f6;padding: 50px 0 0 0;overflow: hidden;}
.cinfo-l{width: 60%; float: left;}
.cinfo-l .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
.cinfo-l .swiper-container img{width: 100%;display: block;}    
.cinfo-l .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.cinfo-l .gallery-top {
      height: 80%;
      width: 100%;
    }
.cinfo-l .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
.cinfo-l .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
.cinfo-l .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }

.cinfo-r{width: 40%;float: right;padding:20px;box-sizing: border-box;background: #fff;min-height: 570px;}
.cinfo-r h2{border-bottom: 1px solid #eee;padding: 10px 0;}
.cinfo-r1 {min-height: 230px;padding: 10px 0;border-bottom:1px dashed #eee ;}
.cinfo-r1 p{text-indent: 2em;font-size: 15px; padding: 5px 0;}
.cinfo-r2{padding: 15px 0;}
.cinfo-r2 ul li{overflow: hidden;padding: 10px 0;}
.cpys span{border: 1px solid #EEEEEE;display: inline-block;margin: 0 10px;}
.cpys img{display: inline-block;vertical-align: middle;}
.cpfl span{padding: 8px 15px;background:#e7e7e7;margin: 0 10px;display: inline-block;}
.tm img{display: inline-block;vertical-align: middle;margin: 0 10px;}
.pinfo-detail{overflow: hidden;padding: 25px 0;}
.pinfo-detail h2{border-bottom: 1px solid #C6CACD;padding: 5px 0;}
.pinfo-c img{margin: 0 auto;display: block;}
.cinfo-r3{text-align: center;}
.cinfo-r3 a{display: inline-block; color: #fff;width: 100%;float: left;line-height: 45px;}
.pro-a{background: #008489;}
.pro-b{background: #333;}
.cinfo-more{padding: 30px 0;}
.cinfo-more a{}
.cinfo-more p{color: #666;padding: 5px 0;}
.cinfo-more .pro-back{display: block;padding: 8px 0;border: 1px solid #999;width: 15%;text-align: center;margin: 20px auto;}

/*.products2-l{width: 35%;float: left;position: relative; }
.pro2-img{overflow: hidden;}
.pro2-img img{width: 100%;display: block;transition: all 0.6s;}
.pro2-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.pro2-img-show{position: absolute;bottom: 0;left: 0;z-index:3 ;background:rgba(0, 0, 0, 0.58);width: 100%;color:#fff;text-align: center;padding: 15px 0;}
.pro2-img-show h2{line-height: 25px;}
.pro2-img-show p{font-size: 16px;}
.products2-l img{width: 100%;display: block;border: 1px solid #FFF;}*/
.products2{}
.products2 ul li{width: 33.3%;float: left;position: relative;overflow: hidden;}
.products2 ul li img{width: 100%;display: block;transition: all 0.6s; block;border: 1px solid #FFF;}
.products2 ul li img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.pro2-img-show2{position: absolute;bottom: 0;left: 0;background:rgba(0, 0, 0, 0.58);width: 100%;color:#fff;text-align: center;padding: 8px 0;}
.pro2-img-show2 h2{font-size: 16px;line-height: 20px;}
.products2{margin: 15px 0 40px 0;overflow: hidden;}
.products2-fgl{width: 50%;float: left;}
.products2-fgl img{width: 100%;display: block;}
.products2-fgr{width: 50%;float: right;padding:10px 25px;box-sizing: border-box;background: #fff;height: 400px;}
.products2-fgr h2{border-bottom: 1px solid #eee;padding: 15px 0;color:#333 ;font-size: 25px;}
.products2-fgr span{padding:0 10px;font-weight: lighter;color:#cbcbcb;font-size: 16px;}
.products2-fgr p{text-indent: 2em;line-height: 25px;padding: 10px 0;color: #555;font-size: 15px;}
.products2-fg-fl {}
.products2-fg-fl p{font-size: 15px;}
.products2-fg-fl a{width: 24%;float: left;text-align: center;border: 1px solid #d2d2d2; margin: 6px 1px;line-height: 40px;color: #666;}
.products2-fg-fl a:hover{border: 1px solid #ef571a;color: #ef571a; }
.pro-li-box{background: #F7F7F7;overflow: hidden;padding: 45px 0;}
.pro-li-fl a{display:block;}
.pro-li-fl-box{background: #fff;box-sizing: border-box;}
.pro-li-fl-img img{width: 100%;display: block;}
.pro-li-fl-box h2{font-weight: 400;text-align: center;line-height: 45px;}
  .pro-li-box  .swiper-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
  .pro-li-box .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 15px;
        box-sizing: border-box;
    }
.pro-li-box .swiper-slide h3{font-weight: 400;line-height: 45px;}
.pro-li-box-img {overflow: hidden;}
.pro-li-box-img img{width: 100%;display: block;transition: all 0.6s;}
.pro-li-box-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);} 
.pro1-img img{width: 100%;display: block;}

.custom-c-pro{}
.hot-custom-l{width: 50%;float: left;}
.hot-custom-l img{display: block;width: 100%;}
.custom-c-pro ul{margin: 15px 0;overflow: hidden;}
.custom-c-pro ul li{width:33.3%;float: left;}
.custom-c-pro ul li .custom-c-pro-img {margin: 20px 10px;overflow: hidden;position: relative;}
.custom-c-pro ul li .custom-c-pro-img img{width: 100%;display: block;transition: all 0.5s;}
.custom-c-pro ul li .custom-c-pro-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.custom-img-show2{position: absolute;bottom: 0;left: 0;background:rgba(0, 0, 0, 0.58);width: 100%;color:#fff;text-align: center;padding: 8px 0;}
.custom-img-show2 h2{font-size: 16px;line-height: 20px;}
.hot-custom-r{width: 50%;float: right;padding: 30px;box-sizing: border-box;}
.hot-custom-r-c{font-size: 15px;padding: 10px 0;}
.hot-custom-r h3{font-size: 25px;margin: 10px 0;}
.hot-custom-r-c p{text-indent: 2em;}
.hot-custom{margin: 15px 10px;}

.banner-cases{background: url(../img/banner/banner-cases.jpg) no-repeat bottom center;width: 100%; height:450px;overflow: hidden;}
.cases-box{overflow: hidden;padding: 20px 0 0 0;}
.cases-box ul{overflow: hidden;}
.cases-box ul li{float: left;width: 33.3%;}
.cases-box ul li .a3 a{display: block;}
.cases-box ul li .a3 a:hover{cursor: pointer;cursor: -ms-pointer;border-color: white;box-shadow: 0 0 2px 2px #EAEAEA;}
/*.cases-box ul li .a3 a:hover::after{content: "";width: 0%;position: absolute;left: 0;bottom: -1px;border-bottom: 1px solid #a51e32;transition: width 0.5s;-ms-transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s}*/
.cases-box ul li .cases-img {overflow: hidden;}
.cases-box ul li .cases-img img{width: 100%;display: block;transition: all 0.6s;}
.cases-box ul li .a3 a:hover >.cases-img img{-webkit-transform: scale(1.2);transform: scale(1.1);}
.cases-box ul li .a3{margin: 10px 15px 20px 15px;}
.cases-c {padding: 5px 18px;background: #fff;height: 110px;}
.cases-c span{display: block;width: 100%;color: #999;}
.cases-c h2{padding: 10px 0;border-bottom:1px solid #D8D8D8;font-size: 18px;color: #333;height: 50px;}
.cases-c p{line-height: 25px;font-size: 14px;padding: 10px 0;color: #666;}


.banner-activity{background: url(../img/banner/banner-activity.jpg) no-repeat bottom center;width: 100%; height:450px;overflow: hidden;}
.activity{padding:0 0 50px 0;}
.activity-box{margin:15px 12px 30px 12px;}
.activity-box ul{overflow: hidden;}
.activity-box ul li{background: #fff;overflow: hidden;}
.activity ul li .activity-img{float: left;width: 50%;}
.activity ul li .activity-img img{width: 100%;display: block;}
.activity ul li .activity-c{float: right;width: 50%;padding:50px 20px;box-sizing: border-box;}
.activity ul li .activity-c h2{font-size: 22px;padding: 5px 0;color: #333;}
.activity ul li .activity-c span{color: #666;display: block;width: 100%;border-bottom: 1px solid #eee;padding: 10px 0 20px 0;font-size: 14px;}
.activity ul li .activity-c p{color: #888;padding: 15px 0;font-size: 16px;line-height: 25px;}

.activity2-box ul{overflow: hidden;}
.activity2-box ul li{float: left;width: 50%;overflow: hidden;margin: 10px 0;}
.activity2-box ul li a{display: block;background: #fff;overflow: hidden;margin: 0 10px;}
.activity2-box ul li .activity2-img{float: left;width: 40%;}
.activity2-box ul li .activity2-img img{width: 100%;display: block;}
.activity2-box ul li .activity2-c{float: right;width: 60%;box-sizing: border-box;padding: 10px 15px;}
.activity2-box ul li .activity2-c h2{font-size: 18px; color: #333;font-weight: bold;}
.activity2-box ul li .activity2-c span{color: #666;font-size: 14px;font-weight: normal;display: block;padding: 5px 0;}
.activity2-box ul li .activity2-c p{font-size: 14px; color: #888;padding: 10px 0;}
.activity2-box ul li .activity2-a{float: right;padding:20px;box-sizing: border-box;}

.activity3-box{overflow: hidden;padding: 20px 0 0 0;}
.activity3-box ul li{float: left;width: 33.3%;}
.activity3-box ul li .activity3-img img{width: 100%;display: block;}
.activity3-box ul li .a3{margin: 10px 15px 20px 15px;}
.activity3-c {padding: 15px 18px;background: #fff;}
.activity3-c span{display: block;width: 100%;color: #999;}
.activity3-c h2{padding: 10px 0;border-bottom:1px solid #D8D8D8;font-size: 18px;color: #333;height: 50px;}
.activity3-c p{line-height: 25px;font-size: 14px;padding: 10px 0;color: #666;}

/* pagnation */
.pagnation{text-align:center;margin-top:32px;}
.pagnation a{background:#fff;display:inline-block;width:38px;height:38px;line-height:38px;overflow:hidden;font-size:16px;vertical-align:top;-webkit-transition:all .4s ease-in-out;}
.pagnation a:hover{background-position:0 -64px;color:#fff;text-decoration:none }
.pagnation .page-prev, .pagnation .page-next{width: 65px;}
/*.pagnation .page-prev{background-position:-35px -29px;}
.pagnation .page-prev:hover{background-position:-35px -64px;}
.pagnation .page-next{background-position:-70px -29px;}
.pagnation .page-next:hover{background-position:-70px -64px;}
.pagnation .current{background-position:0px -64px;color:#fff }
.pagnation-tips{margin-top:10px;color:#999;text-align:center }*/
.pagnation .current{background: #f2f2f2; color: #fff;}
.pagnation a:link, .pagnation a:visited{color:#444;text-decoration:none;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-ms-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;transition:color .4s ease-in-out;}
.pagnation a:hover{color:#008489;text-decoration:underline;}






@media only screen and (max-width: 1200px)
{
	.inews-b ul li{width: 32.3%;}
}

@media screen and (min-width:1050px) and (max-width:1200px)
{
	#nav .bar {width: 75%;}
	#nav .logo{padding: 20px 10px;}
	#nav .bar .nl{width: 90px;}
}

@media only screen and (max-width: 1000px)
{
	#mbtn {display: block;}
	#nav .bar {display: none;}
    #nav .logo {padding: 20px 10px;}
    .copyright {padding: 0 10px;}
    .inews-b ul li{margin: 5px 4px;}
    
}
@media screen and (max-width: 950px)
{
	.inews-b ul li {margin: 5px 4px;width: 33%;}
	 .iabout-l {width: 100%;}
     .iabout-r {width: 100%;}
}

@media only screen and (max-width: 750px)
{
.iabout-l{height: auto;}	
.iabout-l img{width: 100%;}
.business-l,.business-r{width: 100%;}	
.inews-t-l{width: 100%;}
.inews-t-r{width: 100%;}
.inews-b ul li{width: 100%;}
.dealer-l,.dealer-r{width: 100%;}
.dealer-r img{display: block;margin: 0 auto;}
.dealer-r h2{text-align: center;}
.hot-custom-l,.hot-custom-r{width: 100%;}
}

@media only screen and (max-width: 640px)
{
	.banner .swiper-container .bgimg{left: -45%;width: 200%;position: inherit;display: block;margin-left: -50%; }
	/*.banner .bimg{left: -45%;width: 200%;position: inherit;}*/
	.footer-logo img{width: 100%;}
	.iabout-r{padding: 40px;height: auto;}
	.footer{padding: 50px 0 20px 0;}
	.footer-logo{display: none;}
	.footerNav{width: 100%;}
	.footer_center{padding: 0;}
	.eweima{width: 70%;margin: 0 auto;padding-left: 0;float: none;padding: 10px 0;overflow: hidden;}
	.foot-icon-box ul li {width: 50%;}
	.copyright{text-align: center;line-height: 25px;}
	.copyright-l , .copyright-r {width: 100%;text-align: center;}
	.footer-logo{padding-left: 15px;box-sizing: border-box;}
	.footer-logo h3{font-size: 14px;}
	.footer-logo p{font-size: 16px;}
	.swiper1 .swiper-slide{font-size: 15px;}
	.postion{line-height: 40px;}
	.postion-l{width: 100%;padding: 0 10px;line-height: 40px;}
	.products2 ul li{width: 100%;}
	.products1 ul li{width: 100%;}
	.products2-fgl,.products2-fgr{width: 100%;height:auto;}
	.nnav{width: 100%;text-align: center;}
	.business-b-bshow{display: block;height: auto;padding:20px 10px;bottom: 0;top: auto;}
	.nmain{padding: 0;}
	.adv02-l,.adv02-r,.adv03-l,.adv03-r{width: 100%;}
	.condition01 ul li{width: 100%;}
	.policy01-l{width: 100%;background: #fff;}
	.policy01-r{width: 100%;padding: 0 30px;box-sizing: border-box;}
	.policy01-l img{display: inherit;margin: 0 auto;}
	.policy01-r ul li{text-align: center;}
	/*.support-l{width: 100%;}*/
	.support-r{padding:20px 10px;}
	.support-l img{width: 100%;height: 100%;}
	.support-r{margin: 10px 0;}
	.support-num{width: 20%;}
	.support-num span{font-size: 40px;}
	.support-c{width: 80%;}
	.support-c h2{font-size: 22px;}
	.support-c p{font-size: 16px;}
	.process1 ul li{width: 33.3%;}
	.process-zy p{width: 100%;}
	.cases-box ul li{width: 100%;}
	.news-img ,.news-c{width: 100%;}
	.news-c h2{font-size: 16px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;}
	.news-box ul li .more-news{bottom: 15px;}
	.news-c span{display: block;text-align: left;width: 100%;}
	.ninfo h2{font-size: 18px;}
	.ninfo-box .container img{width: 100%;display: block;}
	.pagnation{margin-bottom: 30px;}
	.about-c{padding: 0 10px;box-sizing: border-box;}
	#course .list{width: 90%;}
	#course .list{padding: 0 0 30px 0;}
	.honor-c ul li{width: 100%;}
	.partner-c ul li{width: 49%;}
	.contact-bg1{padding: 0;}
	.contact1 ul li{width: 100%;text-align: center;float: none;}
	.contact1 ul li div{margin: 10px 5px;}
	.contact1 ul li div{padding: 0;}
	.contact-a h2{font-size: 18px;padding: 8px 0;}
	.online .item{width: 100%;height: 80px;}
	.online .item span{padding: 0;}
	.item-right{width: 80%;}
	.online-ly{width: 100%;padding: 0 30px;box-sizing: border-box;}
	.online-ly span{padding: 10px 0;}
	.item-right2{width: 85%;}
	.online-ly textarea{box-sizing: border-box;}
	.item4-c{width: 100%;text-align: center;}
	.item4-c button{margin: 20px 10px;}
	.products-t a{width: 20%;padding: 0;}
	.cinfo-l,.cinfo-r{width: 100%;min-height: auto;}
	.pinfo-c img{width: 100%;display: block;}
	.join-l{display: none;}
	.join-r{width: 100%;}
	.banner-news,.banner-about,.banner-activity,.banner-contact,.banner-cases,.banner-course,.banner-culture,.banner-honor,.banner-image,.banner-join,.banner-products{background-size: cover;height: 260px;height: 300px;}
    .custom-c-pro ul li{width: 100%;}
    .join-r .join-r-box ul li .item h2{font-size: 16px;}
    .dealer-l-b ul li img{height: auto;}
	#job .th {display:none}
	#job .tr {height:auto;line-height:40px; margin-bottom:50px; padding-top:10px;background-color:#efefef;}
	#job .tr strong{display:inline-block}
	#job .td30 {height: 40px;width: 98%;padding-right: 1%;padding-left: 1%;float: left;font-size: 16px;font-weight: bold;}
	#job .td20 {height: 30px;width: 48%;padding-right: 1%;padding-left: 1%;float: left;}
	#job .td15 {height: 40px;width: 48%;padding-right: 1%;padding-left: 1%;float: left;}
	#job .td15.ac{display:none}
	#job .txt {line-height:24px;}
	#job .txt .int {padding-top: 16px;padding-bottom: 16px;}
	#job .remarks {padding-top:0px;padding-right: 2%;padding-left: 2%;}
	#job .tr a.more{display:none;}	
	.swiper1 .swiper-slide{margin: 0 0 5px 0;}
	.join-t{margin-top: 25px;}
	.join-t img{width: 100%; display: block;}
	.join2{height: 540px;background: #f9f9f9;height: auto;}
	.join-r{margin-top: 0;}
	.process1-img{width: 80%;}
	.process1 ul li p{font-size: 16px;line-height: 25px;}
}



/*反馈对话框*/
#feedback {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=00);
	-moz-opacity:0;
	opacity:0;
	display:none;
}
#feedback .bg {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}
#feedback .com {
	z-index: 2;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 100px;
}
#feedback .com .bg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
	-moz-border-radius:12px;
	border-radius:12px;	
}
#feedback .com .txt {
	z-index: 2;
	width: 92%;
	padding: 4%;
	position: relative;
	color: #FFF;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	font-size:15px;
}
#feedback .icon {
	height: 60px;
	width: 60px;
	background-image: url(../img/feedback.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
#feedback.success .icon {background-position: 0px 0px;}
#feedback.fail .icon {background-position: -60px 0px;}
/*反馈对话框*/


p.error
{
	line-height: 20px;
	height: 0px;
	overflow: hidden;
	position: relative;
	background-image: url(../img/error.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #ff6f3d;
	background-position: 0px center;
}