.w1200{

	width: 1200px;

	margin: 0 auto;

}
.ipro-wraptext{
	background:#f3f3f3;
}
body{
	background:#f3f3f3;
}

.label1 {

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    cursor: pointer;

}

.label1 .label2 {

    display: inline-block;

    cursor: pointer;

}

li{list-style: none;}



a,a:hover{

	color: #333333;

	text-decoration: none;

}

h5{

	font-weight: normal;

}

.hide{

	display: none;

}

.phone{

	display: none;

}

.w73{

	width: 73%;

	margin: 0 auto;

}







.header{

	background:#333;
	height: 95px;

	width: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.38);

  	z-index: 9999;

}
.header.fixed{
	background:#333;
  	
	
}

.header .logo{

	

}

.header .logo img,.header .logo span{

	display: block;

	float: left;

}

.header .logo img{	

	margin-top: 20px;

}

.header .nav{

}

.nav li{

	float: left;

	font-size: 16px;

	color: #333333;

	line-height: 95px;

	position: relative;

	width: 100px;

	text-align: center;

}

.nav li a.ntit{

	display: block;

	color: #fff;

	transition: all 0.5s;

	position: relative;

}

.nav li a.ntit:after{

	position: absolute;

	content: "";

	width: 0;

	bottom: 0;

	left: 0;

	height: 4px;

	background: #bf9d5b;

	transition: all 0.5s;

}

.nav li.on a.ntit,.nav li:hover a.ntit{

	color: #bf9d5b;

}

.nav li.on a.ntit:after,.nav li:hover a.ntit:after{

	width: 100%;

}

.nav .subnav{

	position: absolute;

	background: #ffffff;

	z-index: 99;

	display: none;

	padding: 10px 0;

	/*width: 160px;

	left: -26px;

	margin-top: 20px;*/

	width: 100%;

	background: rgba(255,255,255,0.8);

	/*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/

}

.subnav a{

	display: block;

	line-height: 36px;

	font-size: 16px;

	color: #333333;

	transition: all 0.5s;

	text-align: center;

	/*border-bottom: 1px dashed #cccccc;*/

}

.subnav a:hover{

	color: #bf9d5b;

}



.header .phone-wrap{

}

.header .phone-nav-btn {

  float: right;

  width: 60px;

  height: 60px;

  border: none;

  background-color: transparent;

  padding: 0;

  padding-top: 5px;

  outline: none;

}

.header .phone-nav-btn span {

  display: block;

  width: 40px;

  height: 4px;

  background-color: #bf9d5b;

  margin-left: calc(50% - 20px);

  margin-bottom: 9px;

  transition: all .5s ease-out;

  transform-origin: 0 0;

}



.header .phone-nav-btn.active{

	background: #bf9d5b;

}

.header .phone-nav-btn.active span{

	background: #fff;

}

.header .phone-nav-btn.active span:nth-child(2) {

  opacity: 0;

}

.header .phone-nav-btn.active span:first-child {

  transform: rotate(45deg) translate(5px, -5px);

}

.header .phone-nav-btn.active span:last-child {

  transform: rotate(-45deg) translate(1px, 4px);

}



.header .phone-menu-wrap {

  position: fixed;

  height: calc(100% - 60px);

  background-color: #bf9d5b;

  width: 100%;

  left: 0;

  top: 60px;

  display: none;

  overflow: scroll;

}



.header .phone-menu-wrap .wrap .phone-nav-item .title {

  font-size: 20px;

  color: #ffffff;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  cursor: pointer;

  transition: all .5s ease-out;

  background-color: transparent;

  text-align: left;

}



.header .phone-menu-wrap .wrap .phone-nav-item .title span,.header .phone-menu-wrap .wrap .phone-nav-item .title a.ptit {

  display: block;

  line-height: 64px;

  width: 90%;

  margin: 0 auto;

  background: url("../img/phone_arrow_down.png") no-repeat right center;

  color: #fff;

}

.header .phone-menu-wrap .wrap .phone-nav-item .title a.ptit{

	background: none;

}

.header .phone-menu-wrap .wrap .phone-nav-item .title.active span {

  background-image: url("../img/phone_arrow_up.png");

}

.header .phone-menu-wrap .wrap .phone-nav-item .menu {

  display: none;

}

.header .phone-menu-wrap .wrap .phone-nav-item .menu a {

  display: block;

  font-size: 18px;

  color: #ffffff;

  line-height: 62px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  padding: 0 8%;

  transition: all .5s ease-out;

}





.iban {

  position: relative;

  overflow: hidden;

  height: 618px;

  clear: both;

  width: 100%;

  margin-top: 95px;
	text-align: center;
}
.iban .swiper-pagination-bullet{
	opacity: 1;
	background:#fff;
}
.iban .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:#e5a016;
}
.iban li {

  display: none;

  position: absolute;

  left: 50%;

  top: 0;

  width: 1920px;

  height: 618px;

  margin-left: -960px;

  text-align: center;

}

.iban .btns {

  position: absolute;

  left: 50%;

  bottom: 20px;

  height: 12px;

}

.btns span{

	display: block;

	float: left;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	margin-right: 10px;

	background: none;

	transition: all 0.5s;

	background: #fff;

}

.btns span.cur{

	background: #e5a016;

}



.banner {

	position: relative;

	margin-top: 60px;

}

.banner img{

	display: block;

	width: 100%;

}

.iactive .swiper-pagination-bullet,.banner .swiper-pagination-bullet {

	opacity: 1;

	width: 8px;

	height: 8px;

	border: 1px solid #fff;

	background: transparent;

}

.iactive .swiper-pagination-bullet-active,.banner .swiper-pagination-bullet-active{

	background: #fff;

}





.ipro-wrap{

	padding: 3% 0;

	overflow: hidden;

}

.ipro-wrap li {

	float: left;


}
.ipro-wrap.ipro-wraptext li,.ipro-wraptext .ipro-wrap li{
	width: 14.2%;
	    box-sizing: border-box;
    margin: 0;
}
.ipro-wrap.ipro-wraptext li img,.ipro-wraptext .ipro-wrap li img{
	width:95%;
	margin:0 auto;

}
.ipro-wrap li img{

	display: block;

	margin: 0 auto;

	max-width:100%;	

}

.ipro-wrap2{

	background: #f2f2f2;

}

.ipro-wrap2 ul{

	width: 90%;

	margin: 0 auto;

	box-sizing: border-box;

}

.ipro-wrap2 li{

	/*height: 96px;*/

	border: 1px solid transparent;

	background: transparent;

	transition: all 0.5s;

	margin-left: 0.1%;

	margin-right: 0.3%;

	box-sizing: border-box;

	position: relative;

}

.ipro-wrap2 li:hover,.ipro-wrap2 li.on{

	background: #fff;

	border-color: #f3bd54;

	border-radius: 15px;

}

.ipro-wrap2 li a{

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 99;

}







.index-bot{

	background: #fafafa;

	padding: 3% 0;

}

.index-bot .box{

	width: 33.3%;

}

.index-bot .itit{

	background: url(../img/index_ic01.png) no-repeat left center;

	font-size: 28px;

	color: #333333;

	line-height: normal;

	text-indent: 0.5em;

	margin-bottom: 5%;

}

.icnews dl{

	overflow: hidden;

	line-height: normal;

	margin-bottom: 8px;

}

.icnews dl dt{

	width: 28.7%;

	border: 1px solid #cccccc;

	margin-right: 2%;

	box-sizing: border-box;

	overflow: hidden;

}

.icnews dl dt img{

	display: block;

	width: 100%;

	transition: all 0.5s

}

.icnews dl dd{

	position: relative;

	height: 100%;

	width: 65%;

	height: 94px;

}

.icnews dl dd p{

	font-size: 16px;

	color: #333333;

}

.icnews dl dd span{

	display: block;

	position: absolute;

	bottom: 15px;

	left: 0;

	color: #999999;

}

.icnews dl dd span:after{

	position: absolute;

	content: "";

	width: 30px;

	height: 1px;

	left: 0;

	bottom: -8px;

	background: #bf9d5b;

}

.icnews dl:hover dt img{

	transform: scale(1.1,1.1);

}

.icnews dl:hover dd p{

	color: #bf9d5b

}



.ivideo .img{

	position: relative;

	width:422px;

	height: 298px;

	overflow: hidden;

}

.ivideo .img img{

  	box-shadow: 0px 10px 24px 0px rgba(20, 19, 19, 0.1);

  	transition: all 0.5s;

  	width: 100%;

}

.ivideo .img span{

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -31.5px;

	margin-left: -31.5px;

  	background: url(../img/index_ic03.png) no-repeat center;

  	width: 63px;

  	height: 63px;

  	transition: all 0.5s;

}

.ivideo video{

	width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: none;

}

.ivideo:hover .img span{

	transform: scale(0.9,0.9);

}

.ivideo:hover .img img{

	transform: scale(1.1,1.1);

}

.iactive .swiper-container{

	margin-right: auto;

	margin-left: initial;

}

.iactive .swiper-pagination-bullet{

	width: 4px;

	height: 4px;

}

.iactive .swiper-container-horizontal>.swiper-pagination-bullets{

	width: auto;

	left: initial;

	right: 13%;

}

.iactive  li{

	position: relative;

	width: 422px;

}

.iactive  li img{

	display: block;

	width: 100%;

}

.iactive  li p{

	position: absolute;

	bottom: 10px;

	width: 100%;

	text-indent: 1em;

	font-size: 16px;

	color: #fff;

	line-height: 24px;

	font-weight: lighter;

}

/*.iactive  li:hover p{

	color: #bf9d5b;

}*/





.footer{

	background: #333333;

}

.ftop .left a{

	display: inline-block;

	line-height: 122px;

	font-size: 16px;

	color: #fff;

	width: 110px;

	text-align: center;

	position: relative;

}

.ftop .left a:hover{

	color: #bf9d5b;

	transition: all 0.5s;

}

.ftop .left a:after{

	position: absolute;

	content: "";

	after:"after";

	width: 1px;

	height: 11px;

	background: #999;

	top: 50%;

	margin-top: -5.5px;

	right: 0;

}

.ftop .right{

	font-size: 22px;

	color: #fff;

	line-height: 122px;

}

.ftop .right span{

	font-size: 30px;

}

.footer .fcopy{

	border-top: 1px solid #808080;

	padding: 20px 0;

}

.fcopy  .left p{

	font-size: 14px;

	color: rgba(255,255,255,0.5);

	line-height: 40px;

}

.fcopy  .left a{

	font-size: 14px;

	color: rgba(255,255,255,0.5);

	line-height: 40px;

}

.fcopy  .right p{

	font-size: 12px;

	color: #fff;

	text-align: center;

	line-height: normal;

}



footer{

}

footer .fcopy{

	font-size: 18px;

	color: #999999;

	padding: 15px 0;

	background: #333333;

	text-align: center;

}

footer .fcopy a{

	font-size: 18px;

	color: #999999;

	padding: 15px 0;

	background: #333333;

	text-align: center;

}

footer .ft-link {

	width: 100%;

	overflow: hidden;

}



footer .ft-link ul {

	width: 100%;

	overflow: hidden;

}



footer .ft-link ul li {

	width: 33%;

	width: calc(33.3% - 1px);

	padding: 15px 0;

	text-align: center;

	float: left;

	border-right: 1px solid #ddd;

}



footer .ft-link ul li a {

	text-align: center;

	display: block;

}



footer .ft-link ul li>a>div {

	width: 51px;

	height: 51px;

	display: inline-block;

}



footer .ft-link ul li>a>div img {

	width: 100%;

	display: inline-block;

}



footer .ft-link ul  li>a p {

	text-align: center;

	font-size: 30px;

	color: #666;

	margin-top：10px;

}





/*整车销售*/

.sbanner{

	position: relative;

}

.sbanner .tips{

	position: absolute;

	top: 50%;

	transform: translate(0 , -50%);

	left: 50%;

	margin-left: -600px;

}

.sbanner .tips h5{

	font-size: 50px;

	color: #fff;

	position: relative;

}

.sbanner .tips h5:after{

	position: absolute;

	content: "";

	after: "after";

	width: 41px;

	height: 2px;

	bottom: 0;

	left: 0;

	background: #fff;

}

.sbanner.pc{

	width: 100%;

	height: 450px;

}

.sbanner.pc{

	margin-top: 95px;

}

.sbanner.phone{

	margin-top: 60px;

}

.sbanner .tips{

	transform: translate(0 , -80%);

}

.sbanner.phone .tips h5{

	font-size: 30px

}

.sbanner.phone .tips{

	left: 10%;

	margin-left: 0;

}

.sbanner.phone img{

	display: block;

	margin: 0 auto;

	width: 100%;

}

.sbanner2.pc{

	/*height: 310px;*/

}







.pro-wrap{

	padding-bottom: 5%;

}

.pro-sort{

	padding: 1% 0;

}

.pro-sort li{

	float: right;

	width: 202px;

	height: 44px;

	line-height: 44px;

	border: 1px solid #f3bd54;

	border-radius: 5px;

	background: #fcf8f1;

	color: #f3bd54;

	font-size: 18px;

	text-align: center;

	margin: 2% 0 2% 18px;

}

.pro-sort li:nth-child{

	margin-right: 0;

}

.pro-sort li a{

	color: #f3bd54;

	display: block;

}

.pro-sort li.on,.pro-sort li:hover{

	background: #f3bd54;

	color: #fff;

}

.pro-sort li.on a,.pro-sort li:hover a{

	color: #fff;

}

.pro-wrap .pro-list{

	

}

.pro-wrap .pro-list2{

	padding-top: 3%;

}

.pro-tit{

	font-size: 24px;

	color: #333333;

	background: url(../img/pro_ic01.jpg) no-repeat left center;

	border-bottom: 1px solid #bf9d5b;

	text-indent: 1em;

	margin: 0 1%;

}

.pro-wrap .plist{

	/*padding-bottom: 2%;*/

	padding: 0 1% 2%;

}

.plist li{

	width: 28.91%;

	position: relative;

	margin-top: 3%;

	float: left;

	margin-right: 6.5%;

}

.plist li:nth-child(3n){

	margin-right: 0;

}

.plist li .img{

	border: 1px solid #cccccc;

	box-sizing: border-box;

	margin-bottom: 10px;

	overflow: hidden;

}

.plist li .img img{

	display: block;

	width: 100%;

	transition: all 1s;

}

.plist li h5{

	font-size: 18px;

	color: #333;

	line-height: normal;

}

.plist li span{

	display: block;

	font-size: 14px;

	color: #333333;

}

.plist li span.more{

	width: 100px;

	height: 26px;

	line-height: 26px;

	background: #bf9d5b url(../img/pro_ic02.png) no-repeat 90% center;

	color: #fff;

	font-size: 12px;

	position: absolute;

	right: 0;

	bottom: 0%;

	text-indent: 1em;

}

.plist li:hover .img img{

	transform: scale(1.1,1.1);

}

.plist li:hover h5{

	color: #bf9d5b

}

.plist2 li p{

	font-size: 14px;

	color: #333;

	line-height: normal;

}

.plist2 li p span{

	display: inline-block;

	color: #f80404;

}

.plist2 li em{

	font-style: normal;

	font-size: 20px;

}



.pro-map .map{

	height: 700px;

	width: 100%;

}

.pro-map .pmap-list{

	padding-bottom: 3%;

}

.pmap-list li{

	float: left;

	margin-top: 3%;

	width: 31%;

	margin-right: 3.5%;

}

.pmap-list li:nth-child(3n){

	margin-right: 0;

}

.pmap-list li .img{

	width: 100%;

	overflow: hidden;

	display: block;

}

.pmap-list li .img img{

	width: 100%;

	transition: all 0.5s;

}

.pmap-list .pmap-info{

	background: #f5f5f5;

	height: 110px;

	padding: 20px 5%;

	width: 90%;

	color: #333333;

}

.pmap-info h5{

	font-size: 20px;

}

.pmap-info p{

	font-size: 16px;

}



.ptype-wrap{

	margin-top: 150px;

}

.prosx{

	background: #f7f7f7;

	padding: 0 1% 15px;

}

.prosx dl{

	overflow: hidden;

	border-bottom: 1px solid #e6e6e6;

	padding-top: 15px;

	padding-bottom: 15px;

}

.prosx dl:last-child{

	border-color: transparent;

	padding-bottom: 0;

}

.prosx dl dt,.prosx dl dd{

	float:left;

	font-size: 14px;

}

.prosx dl dt{

	color: #333333;

	width: 4%;

}

.prosx dl dd{

	width: 96%;

	overflow: hidden;

}

.prosx dl dd a{

	color: #333333;

	display: inline-block;

	float: left;

	padding: 0 1.5%;

}

.prosx dl dd a:hover,.prosx dl dd a.on{

	color: #fff;

	background: #bf9d5b;

}



.ptype-list{

	margin-top: 3%;

}

.ptype-list li{

	border: 1px solid #e7e7e7;

	float: left;

	width: 24.2%;

	margin-bottom: 3%;

	position: relative;

	margin-right: 0.875%;

	cursor: pointer;

	box-sizing: border-box;

}

.ptype-list li:nth-child(4n){

	margin-right: 0;

}

.ptype-list li .img{

	width: 100%;

	overflow: hidden;

}

.ptype-list li .img img{

	width: 100%;

	transition: all 0.5s;

}

.ptype-list li .ptype-info{

	padding: 3% 2%;

}

.ptype-info h5{

	font-size: 16px;

	color: #333333;

	line-height: normal;

}

.ptype-info p{

	color: #999999;

	margin: 5px 0;

}

.ptype-info span{

	padding: 1% 3%;

	border: 1px solid #caae78;

	color: #caae78;	

}

.ptype-list li .price{

	position: absolute;

	bottom: 3%;

	right: 2%;

	line-height: normal;

	text-align: right;

}

.price p{

	font-size: 13px;

	color: #f80404;

}

.price p em{

	font-size: 28px;

	font-style: normal;

}

.price span{

	display: inline-block;

	text-decoration: line-through;

	color: #999999;

}

.ptype-list li:hover .img img{

	transform: scale(1.1,1.1);

}

.page {

  width: 100%;

  height: 40px;

  display: table;

  padding-bottom: 50px; 

  padding-top: 50px;

}

 .page a {

    padding:3px 12px;

    height: 30px;

    display: block;

    float: left;

    margin-left: 8px;

    background: #cccccc;

    font-size: 14px;

    line-height: 28px;

    color: #fff;

}

.page a.active, .page a:hover {

    background: #bf9d5b;

}



.popup{

	position: fixed;

	z-index: 9999;

	display: none;

}

.popup,.popup .bg{

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.popup .bg{

	position: absolute;

	background: rgba(0,0,0,0.6);

}

.popup .ppbg{

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	left: 13.5%;

	background: #fff;

	padding: 3% 0;

}

.ppbg .bpic{

	width: 80%;

	margin: 0 auto 3%;

}

.ppbg .bpic .img{

	width: 50%;

	margin-left: 10%;

}

.ppbg .bpic .bcanshu{

	width: 20%;

	margin-left: 2%;

    width: 20%;

    padding: 0 2% 0 2%;

    border: 1px solid #ccc;

    height: 323px;

    background: rgba(250,250,250,0.98);

}

.spic_phone .bcanshu{

	padding: 0 2%;

	margin-top: 2%;

}

.bcanshu li {

	font-size: 16px;

	color: #333;

	margin-top: 11px;

	border-bottom: 1px dashed #ccc;

}

.spic_phone .bcanshu li{

	color: #fff;

	margin-top: 0;

	text-align: center;

}



.ppbg .bpic img,.ppbg .spic li img{

	width: 100%;

	display: block;

}

.ppbg .spic{

	position: relative;

	overflow: hidden;

}

.ppbg .spic ul{

	margin: 0 auto;

	max-height: 132px;

}

.ppbg .spic li{

	float: left;

	width: 214px;

	height: 125px;

	margin-left: 20px;

	margin-right: 10px;

}

.ppbg .spic .prev,.ppbg .spic .next{

	display: block;

	position: absolute;

	width: 18px;

	height: 35px;

	top: 50%;

	margin-top: -17.5px;

	transition: all 0.5s;

}

.ppbg .spic .prev{

	left: 3%;

	background: url(../img/pro_prev.png) no-repeat center 0;

}

.ppbg .spic .next{

	right: 3%;

	background: url(../img/pro_next.png) no-repeat center 0;

}

.ppbg .spic .prev:hover,.ppbg .spic .next:hover{

	background-position: center -35px; 

}

.ptype_phone{

	background: rgba(0,0,0,0.8);

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 9999;

	display: none;

}

.spic_phone{

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	width: 100%;

	overflow: hidden;	

}

.spic_phone img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



/*服务*/

.service-wrap{

	background: #f7f7f7;

}

.ser-case{

	background: #fff;

	padding: 1%  5% 3%;

}

.ser-case dl{

	margin-top: 2%;

	border-bottom: 1px dashed #f2f2f2;

	padding-bottom: 3%;

}

.ser-case dl:last-child{

	margin-bottom: 0;

}

.ser-case dl dt{

	font-size: 18px;

	color: #333333;

	margin-bottom: 1%;

}

.ser-case dl dd{

	overflow: hidden;

}

.ser-case dl dd li{

	float: left;

	margin-left: 2%;

	margin-top: 10px;

}

.ser-case dl dd li img{

	display: block;

	width: 100%;

}

.ser-case dl dd .choice{

	width: 15%;

}

.choice .radio{

	position: relative;

	display: inline-block;

	font-weight: 400;

	color: #0c4757;

	padding-left: 20px;

	cursor: pointer;

}

.choice .radio input{

	position: absolute;

	left: -9999px;

}

.choice .radio i{

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

	transform: translate(0,-50%);

	width: 14px;

	height: 14px;

	outline: 0;

	border: 1px solid #9e9e9e;

	background: #fff;

	border-radius: 50%;

	transition: border-color .3s;

	-webkit-transition: border-color .3s;

}

.choice .radio input:checked+i{

	border-color: #9e9e9e;

}

.choice .radio input+i:after{

	position: absolute;

	content: '';

	top: 4px;

	left: 4px;

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background-color: #999999;

	opacity: 0;

	transition: opacity .1s;

	-webkit-transition: opacity .1s;

}

.choice .radio input:checked+i:after{

	opacity: 1;

}

.ser-case dl dd .shop{

	float: left;

	width: 40%;

}

.shop span,.shop p{

	display: block;

	float: left;

	font-size: 16px;

	color: #666666;

}

.shop span{

	width: 24%;

	text-align: right;

}

.shop p{

	width: 70%;

}

.shop p select,.shop p input,.sbtn-box input{

	display: block;

	width: 100%;

	height: 36px;

	padding-left: 10px;

	box-sizing: border-box;

	border: none;

	border: 1px solid #e6e6e6;

}

.shop p input{

}

.shop p input#yytime::-webkit-calendar-picker-indicator{

}

.shop p input#yytime::-webkit-inner-spin-button { 

	visibility: hidden; 

} 

.ser-case dl dd .message{

	width: 30%;

}



.sbtn-box input{

	margin: 0  auto;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

	background: #e0ac46;

	color: #fff;

	width: 200px;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	text-align: center;

}



/*新闻*/

.news-tit{

	text-align: center;

	font-size: 24px;

	color: #333333;

	margin: 5% 0 3%;

	position: relative;

}

.news-tit:after,.news-tit:before{

	position: absolute;

	content: "";

	width: 40%;

	height: 1px;

	background: #CCCCCC;

	top: 50%;

	margin-top: -0.5px;

}

.news-tit:before{

	left: 0;

}

.news-tit:after{

	right: 0;

}

.n-talent ul, .n-talent li, .n-talent span, .n-talent a {

  box-sizing: border-box;

}

.news-list .item{	

}

.news-list .item a {

  display: block;

  border-bottom: 1px solid #ccc;

  padding: 3% 1%;

  transition: border-color .5s ease-out;

  overflow: hidden;

}

.news-list .item a div {

  float: left;

}

.news-list .item a .time-wrap {

  width: 10%;

  margin-left: 3%;

}

.news-list .item a .time-wrap h1 {

  font-size: 30px;

  color: #999;

  font-weight: lighter;

}

.news-list .item a .time-wrap b {

  display: block;

  width: 31px;

  height: 31px;

  border: 1px solid #ccc;

  background: url(../img/news_icon.png) no-repeat center center;

  margin-top: 15%;

  transition: all .5s ease-out;

}

.news-list .item a .content-wrap {

  width: 64%;

}

.news-list .item a .content-wrap dl {

  padding: 0 10%;

}

.news-list .item a .content-wrap dl dt {

  font-size: 16px;

  color: #333;

  transition: color .5s ease-out;

}

.news-list .item a .content-wrap dl dd {

  font-size: 14px;

  line-height: 25px;

  color: #999;

  margin-top: 3%;

  position: relative;

  transition:  all 0.5s;

  left: 0;

}

.news-list .item a .content-wrap dl:hover dd{

  left: 20px;

}

.news-list .item a .pic-wrap {

  width: 14%;

  overflow: hidden;

  float: right;

  margin-right: 3%;

}

.news-list .item a .pic-wrap img {

  width: 100%;

  transition: transform .5s ease-out;

}

.news-list .item a:hover {

    border-color: #bf9d5b;

}

.news-list .item a:hover .time-wrap .icon {

    border-color: #bf9d5b;

    background-image: url(../img/news_icon_hover.png);

    transform: translateX(150%);

}

.news-list .item a:hover .content-wrap dl dt {

    color: #bf9d5b;

}

.news-list .item a:hover .pic-wrap img {

    transform: scale(1.1);

}



.ninfo-wrap{

	background: #f2f2f2;

	margin-top: 95px;

}

.ninfo-wrap .ninfo{

	max-width: 1200px;

	padding: 5%;

	background: #fff;

	margin: 0 auto;

}

.ninfo h1 {

    font-size: 26px;

    color: #333;

    text-align: center;

    margin-bottom: 1%;

}

.ninfo .time {

	display: block;

    font-size: 14px;

    color: #999;

    text-align: center;

    margin-bottom: 2%;

}

.ninfo p {

    font-size: 14px;

    color: #999;

    line-height: 28px;

    text-indent: 2em;

}

.ninfo img{

	display: block;

	margin: 0 auto;

}

.ninfo .turn {

    position: relative;

    margin-top: 30px;

    border-top: 1px solid #ccc;

    padding-top: 15px;

    font-size: 14px;

    line-height: 30px;

    color: #999999;

}

.ninfo .turn a {

	display: block;

    color: #999999;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.ninfo .turn a:hover{

    color: #bf9d5b;

}

.ninfo .turn a.back {

    border: 1px solid #999999;

    width: 98px;

    height: 33px;

    line-height: 33px;

    position: absolute;

    right: 10px;

    top: 15px;

     color: #999999;

     text-align: center;

    transition-duration: 0.5s;

    -webkit-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-property: background color;

    -webkit-transition-property: background color;

    -ms-transition-property: background color;

    -o-transition-property: background color;

}

.ninfo .turn a.back:hover{

     background: #bf9d5b;

     color: #fff;

     border-color: transparent;

}



/*招聘*/

.n-talent * {

    box-sizing: border-box;

}

.n-talent .recruit-li {

  width: 100%;

  padding: 16px 0;

  border-bottom: 2px solid #f4f4f4;

  position: relative;

}

.n-talent .recruit-dl {

  width: 23%;

  padding-left: 45px;

  font-size: 22px;

  color: #323232;

  line-height: 26px;

  padding-top: 32px;

}

.n-talent .recruit-dr {

  width: 77%;

  padding: 0 35px 0 31px;

  border-left: 1px solid #cccccc;

}

.n-talent .recruit-box {

  width: 74%;

}

.n-talent .recruit-box1 {

  display: none;

}

.n-talent .recruit-li .bot {

	margin-top: 10px;

}

.n-talent .recruit-li .bot .tit{

	font-size: 16px;

	line-height: 1.5;

	margin-bottom: 5px;

}

.n-talent .recruit-li .bot p{

	line-height: 1.5;

}

.n-talent .link {

  width: 15%;

  margin-top: 3%;

}

.n-talent .link2{

	margin-top: 10px;

}

.n-talent .p1 {

  font-size: 15px;

  color: #666666;

  line-height: 24px;

}

.n-talent .s1 {

  float: left;

  display: inline-block;

  width: 32.6%;

  margin: 10px 0;

}

.n-talent .s1 em {

  font-style: normal;

}

.n-talent .recruit-a {

  display: inline-block;

  color: #bf9d5b;

  border:1px solid #bf9d5b;

  width: 100%;

  height: 32px;

  line-height: 28px;

  text-align: center;

  font-size: 16px;

  transition: all .3s linear;

}



.n-talent .recruit-ul .sx_show{

	width: 50%;

    font-size: 16px;

    color: #666;

    line-height: 35px;

    display: none;

}

.n-talent .recruit-a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.n-talent .recruit-ul .more {

  float: left;

}

.n-talent .recruit-ul .more.on,.n-talent .recruit-ul .more:hover{

	background: #bf9d5b;

	color: #fff;

}

.n-talent .need {

  float: right;

  background: #7f7f7f;

  color: #fff;

}

.n-talent .bot {

  font-size: 14px;

  color: #666666;

  line-height: 22px;

  display: none;

}





/*联系*/

.contact-wrap .cont-top{

	border-bottom: 1px dashed #cccccc;

	padding-bottom: 3%;

	margin-bottom: 3%;

}

.cont-top .cont-map{

	width: 705px;

	height: 446px;

}

.cont-map .map{

	width: 100%;

	height: 446px;

}

.cont-top .right{

	width: 445px;

	margin-top: 5%;

}

.cont-top .right h1{

	font-size: 26px;

	color: #333333;

	margin-bottom: 2%;

}

.cont-top .right .content p{

	font-size: 18px;

	color: #666666;

}

.cont-top .right .tel{

	display: block;

	margin-top: 15px;

	max-width: 90%;

}



.cont-list li{

	width: 24%;

	height: 204px;

	border-radius: 15px;

	padding: 35px 3%;

	box-shadow: 0 0 6px rgba(0,0,0,0.2);

	margin: 5px 3% 40px 1%;

	float: left;

	background: #fff url(../img/cont_ic01.jpg) repeat-x bottom center;

}

.cont-list li:nth-child(3n){

	margin-right: 1%;

}

.cont-list h5{

	font-size: 26px;

	color: #333333;

	border-bottom: 1px dashed  #cccccc;

	margin-bottom: 8%;

	padding-bottom: 8%;

	line-height: normal;

}

.cont-list p{

	font-size: 16px;

	color: #666666;

	line-height: 34px;

}



/*关于*/

.about-wrap{

	padding-bottom: 3%;

}

.about-wrap .about-tit{

	font-size: 28px;

	color: #333333;

	position: relative;

	margin-bottom: 25px;

	padding-bottom: 5px;

}

.about-tit:after{

	position: absolute;

	content: "";

	after: "after";

	width: 77px;

	height: 3px;

	background: #bf9d5b;

	bottom: 0;

	left: 0;

}

.profile-top .left,.profile-top .right{

	width: 47%;

	font-size: 14px;

	color: #666666;

	line-height: 32px;

}

.profile-top .right img{

	display: block;

	width: 100%;

}

.profile-top .left .aicon{

	margin: 0 5px;

}

.profile-top .list {

	margin: 5% 0;

    text-align: center;

    overflow: hidden;

    width: 100%;

}

.profile-top .list li {

    position: relative;

    float: left;

    width: 32%;

    display: block;

    text-align: left;

    box-sizing: border-box;

    border-right: 1px solid #cccccc;

    padding-left: 6%;

}

.profile-top .list li:last-child{

	margin-right: 0;

	border-right: none;

}

.profile-top .list li div{

	width: 100%;

	font-size: 16px;

	color: #999999;

	line-height: normal;

	margin-top: 10px;

}

.profile-top .list li p {

	font-size: 40px;

	color: #bf9d5b;

}

.profile-top .list li p img{

	display: inline-block;

	width: auto;

	margin-right: 10px;

}

.profile-top .list li:last-child::after {

    display: none;

}

.profile-top .list li b,.profile-top .list li strong {

    display: inline-block;

    padding-right: 5px;

    font-size: 50px;

    line-height: normal;

    color: #1d2830;

}

.profile-top .list li b#numup3,.profile-top .list li strong#numup3 {

    position: relative;

}



.culture-wrap{

	background: url(../img/about_07.jpg) no-repeat center;

	width: 100%;

	height: 318px;

	background-size: cover;

	margin-top: 3%;

}

.culture-wrap li{

	float: left;

	width: 33.3%;

	color: #fff;

	text-align: center;

	margin-top: 90px;

}

.culture-wrap li span{

	display: block;

}

.culture-wrap li h5{

	font-size: 24px;

	color: #fff;

}

.culture-wrap li p{

	font-size: 16px;

}



.history-wrap{

	margin: 5% 0;

	position: relative;

}

.history-wrap:after{

	position: absolute;

	content: "";

	width: 100%;

	border-bottom: 2px dashed #cccccc;

	top: 50%;

	margin-top: -1px;

}

.history-wrap ul{

	width: 86%;

	margin: 0 auto;

	overflow: hidden;

}

.history-wrap li{

	float: left;

	width: 29.5%;

	position: relative;

	box-sizing: border-box;

}

.history-wrap li .line{

	position: absolute;

	width: 2px;

	height: 100%;

	border-right: 2px dashed #cccccc;

	right: 6px;

	top: 0;

}

.history-wrap li .top,.history-wrap li .bot{	

	text-align: right;

	/*border-right: 2px dashed #cccccc;*/

	box-sizing: border-box;

	padding-right: 5%;

	position: relative;

	width: 90%;

	height: 310px;

}

.history-wrap li .top{

	margin-right: 10%;

}

.history-wrap li .top .year,.history-wrap li .bot .year{

	font-size: 24px;

	color: #bf9d5b;

}

.history-wrap li .top .year span,.history-wrap li .bot .year span{

	font-size: 42px;

}

.history-wrap li .top .con,.history-wrap li .bot .con{

	color: #666666;

	line-height: 22px;

}

.history-wrap li .top:after,.history-wrap li .top:before,.history-wrap li .bot:after,.history-wrap li .bot:before{

	position: absolute;

	content: "";

	z-index: 9;

}

.history-wrap li .top:before,.history-wrap li .bot:after{

	background: url(../img/about_ic05.jpg) no-repeat center center;

	top: 0;

	width: 14px;

	height: 14px;

	right: 0px;

}

.history-wrap li .top:after,.history-wrap li .bot:before{

	width: 10px;

	height: 10px;

	background: #cccccc;

	bottom: 0;

	right: 2px;

	border-radius: 50%;

}

.history-wrap li .bot{

	margin-left: 10%;

	margin-right: 0;

	margin-top: -10px;

}

.history-wrap li .bot:before{

	bottom: initial;

	top: 0; 

}

.history-wrap li .bot:after{

	bottom: 0;

	top: initial; 

}

.history-wrap .prev,.history-wrap .next{

	position: absolute;

	display: block;

	width: 44px;

	height: 44px;

	top: 50%;

	margin-top: -22px;

	transition: all 0.5s;

	z-index: 9;

}

.history-wrap .prev{

	background: url(../img/about_prev.jpg) no-repeat center 0;

	left: 0;

}

.history-wrap .next{

	background: url(../img/about_next.jpg) no-repeat center 0;

	right: 0;

}

.history-wrap .prev:hover,.history-wrap .next:hover{

	background-position: center -44px; 

}



.history-phone{

	margin-top: 3%;

}

.his-list{

	width: 96%;

	margin: 0 auto;

}

.his-list .hisyear{

	font-size: 20px;

	background-color: #bf9d5b;

	width: 60%;

	height: 30px;

	line-height: 30px;

	color: #fff;

	border-radius: 15px;

	text-align: center;

	margin: 3% auto 5%;

}

.his-list ul{

	display: none;

}

.his-list li{

	float: left;

	width: 48%;

	margin-bottom: 3%;

}

.his-list li:nth-child(2n){

	float: right;

}

.his-list li img{

	display: block;

	width: 100%;

}

.his-list li p{

	font-size: 16px;

	color: #333;

}





.honor-pic{

	margin-bottom: 30;

	position: relative;

}

.honor-pic .next{

	position: absolute;

	right: 0;

	width: 44px;

	height: 44px;

	top: 50%;

	margin-top: 20px;

	z-index: 9;

	background: url(../img/about_next.jpg) no-repeat center 0;

	transition: all 0.5s;

}

.honor-pic .next:hover{

	background-position: center -44px; 

}

.honor-pic ul{

	overflow: hidden;

	height: 340px;

	width: 100%;

}

.honor-pic li{

	width: 20.42%;

	padding: 1%;

	height: 320px;

	box-sizing: border-box;

	margin: 10px 0.4% 10px 1.3%;

	box-shadow: 0 0 6px rgba(0,0,0,0.3);

	float: left;

}

.honor-pic li img{

	display: block;

	margin: 0 auto;

	width: 100%;

}

.honor-pic li p{

	width: 96%;

	margin: 26px auto 0;

	font-size: 18px;

	color: #333333;

	text-align: center;

	line-height: 32px;

}



.honor-time{

	margin-left: 14.8%;

	width: 85.2%;

    margin-top: 55px;

    height: 80px;

    position: relative;

    background: url(../img/honor_bg.jpg) repeat-x left top;

    overflow: hidden;

}

.honor-time .d2{

	width: 100%;

    position: absolute;

    overflow: hidden;

    height: 80px;

    top: 2px;

    left: 0;

}

.honor-time ul{

	position: relative;

    left: 0px;

}

.honor-time li{

	width: 70px;

    float: left;

    margin-left: 180px;

	position: relative;

    height: 40px;

    font-size: 26px;

    line-height: 40px;

    color: #999999;

    padding-top: 15px;

    background: rgba(202, 159, 117, 0);

    transition-duration: 0.5s;

    -webkit-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-property: color background;

    -webkit-transition-property: color background;

    -ms-transition-property: color background;

    -o-transition-property: color background;

    text-align: center;

    cursor: pointer;

    margin-top: 10px;

}

.honor-time li:hover ,.honor-time li.on{

	color: #bf9d5b;

}

.honor-time li:first-child{

	margin-left: 220px;

}



.honor-phone .honor-year{

	font-size: 30px;

	color: #bf9d5b;

	margin-bottom: 2%;

	font-family: arial;

	text-align: center;

}

.honor-phone li{

	width: 47%;

	float: left;

	margin-bottom: 5%;

}

.honor-phone li img{

	display: block;

	width: 100%;

}

.honor-phone li p{

	font-size: 16px;

	color: #333;

	line-height: 24px;

	text-align: center;

	width: 90%;

	margin-left: 5%;

	margin-top: 10px;

}

.honor-phone li:nth-child(2n){

	float: right;

}





.float-right{

	width: 47px;

	position: fixed;

	right: 0;

	height: 153px;

	top: 50%;

	background: #bf9d5b;

	z-index: 999;

}

.float-right a{

	display: block;

	height: 100%;

}

.float-right span.icon{

	display: block;

	width: 100%;

	height: 50px;

	border-bottom: 1px solid #fff;

}

.float-right span.icon1{

	background: url(../img/float_ic01.png) no-repeat center center;

}

.float-right span.icon2{

	background: url(../img/float_ic02.png) no-repeat center center;

}

.float-right span.icon3{

	background: url(../img/float_ic03.png) no-repeat center center;

	border-bottom: transparent;

	cursor: pointer;

}



.video-list .con {

	width: 32%;

    float: left;

    padding-bottom: 2%;

    position: relative;

    margin-right: 2%;

}

.video-list .con:nth-child(3n){

	margin-right: 0;

}

.video-list .con .img {

    width: 100%;

    overflow: hidden;

    position: relative;

}

.video-list .con .img img{

	width: 100%;

	transition: all 0.5s;

}

.video-list .con .img span {

    display: block;

    background: url(../img/video_03.png) no-repeat center center;

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;    

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    transition: all 0.5s;

}

.video-list .con h5 {

    font-weight: normal;

    font-size: 16px;

    color: #333;

    line-height: 40px;

    text-indent: 1em;

}

.video-list .con:hover .img img{

	transform: scale(1.1,1.1);

}

.video-list .con:hover .img span{

	transform: scale(0.9,0.9);

}

.outvideo {

  display: none;

  position: fixed;

  z-index: 9999;

  background-color: rgba(0,0,0,0.6);

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.outvideo .close {

  position: absolute;

  right:-65px;

  top: 0;

  background: url(../img/popup_close.jpg) no-repeat center center;

  width: 65px;

  height: 60px;

  cursor: pointer;

}

.outvideo .video {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 900px;

  height: 600px;

  margin: -300px 0 0 -450px;

  background-color: #000;

}



.ser-list{

	margin-top: 3%;

}

.ser-list li{

	float: left;

	width: 31.1%;

	margin-right: 3.3%;

	margin-bottom: 3%;

}

.ser-list li:nth-child(3n){

	margin-right: 0;

}

.ser-list li .img{

	width: 100%;

	overflow: hidden;

}

.ser-list li .img img{

	width: 100%;

	transition: all 1s;

}

.ser-list li p{

	height: 58px;

	line-height: 58px;

	background: #fff;

	text-indent: 1em;

	width: 100%;

	font-size: 20px;

	color: #333333;

	position: relative;

}

.ser-list li p:after{

	position: absolute;

	content: "";

	after:"after";

	width: 21px;

	height: 14px;

	top: 24px;

	right: 15px;

	background: url(../img/ser_ic20.png) no-repeat center 0;

	transition: all 0.5s;

}

.ser-list li:hover .img img{

	transform: scale(1.1,1.1);

}

.ser-list li:hover p:after{

	background-position: center -14px; 

}



.ser-navigation{

	height: 70px;

	line-height: 70px;

	border-bottom: 1px solid #cccccc;

	margin-bottom: 5%;

}

.ser-navigation h5{

	font-size: 26px;

	color: #333333;

}

.ser-navigation div{

	background: url(../img/ser_ic21.png) no-repeat left center;

	font-size: 16px;

	padding-left: 20px;

	color: #999999;

}

.ser-navigation div a{

	color: #999999;

	padding-left: 10px;

}

.ser-navigation div a:hover{

	color: #333333;

}

.sinfo-wrap{

	padding-bottom: 5%;

}

.sinfo-wrap table{

	width: 100%;

	border-bottom: 2px solid #f7f7f7;

	border-left: 2px solid #f7f7f7;

	font-size: 16px;

	color: #333333;

	background: #fff;

}

.sinfo-wrap table tr th{

	height: 40px;

	line-height: 40px;

	background: #f3bd54;

	color: #fff;

	text-align: center;

	font-weight: normal;

	border-right: 2px solid #f7f7f7;

}

.sinfo-wrap table tr th,.sinfo-wrap table tr td{

	width: 30%;

}

.sinfo-wrap table tr th:last-child,.sinfo-wrap table tr td:last-child{

	width: 40%;

}

.sinfo-wrap table tr td{

	height: 77px;

	vertical-align: middle;

	border-right: 2px solid #f7f7f7;

	border-top: 2px solid #f7f7f7;

	text-align: center;

}



.iban2,.iban2 li{

	height: 450px;

}







@media only screen and (max-width: 1680px){

	.w73{width: 90%}

}



@media only screen and (max-width: 1600px){

	.w73{width: 88%}

}



@media only screen and (max-width: 1440px){

	.ser-case{

		padding-left: 3%;

		padding-right: 3%;

	}

}



@media only screen and (max-width: 1366px){

	.shop span{width: 27%}

	.w73{width: 94%}



}



@media only screen and (max-width: 1024px){

	.pc{display: none;}

	.profile-top .list li p img{

		max-width: 80%;

	}

	.profile-top .list li p {

		font-size: 30px;
	
		color: #bf9d5b;
	
	}

	.ipro-wrap.ipro-wraptext li,.ipro-wraptext .ipro-wrap li{
		width: 33.33%;
	}
	.profile-top .list li div{

		font-size: 14px;

	}

	.phone{display: block;}

	.header {

	    height: 60px;

	}

	.w73,.w1200{

		width: 96%;

	}

	.index-bot .box{

		width: 100%;margin-bottom: 3%;

	}

	.ivideo .img{

		height: initial;

	}

	.ivideo video{

		height: 300px;position: relative;background: #000;

	}

	.ivideo .img,.iactive li{

		width: 100%;

	}

	.ftop .right,.ftop .left{

		width: 100%;

	}

	.ftop .left a{

		line-height: 30px;width: 50%;

	}

	.header .logo img{

		margin-top: 3px;

	}

	

	.ipro-wrap2 li{

		height: auto;

		/*width: 20%;

		height: auto;

		margin: 0;

		border: none;*/

	}

	.pro-map .map{

		height: 300px;

	}

	.pmap-list li{

		width: 33%;

		margin-right: 0.45%;

	}

	.pmap-info h5{

		font-size: 18px;

	}

	.pmap-info p{

		font-size: 14px;

	}

	.ptype-wrap{

		margin-top: 80px;

	}

	.prosx dl{

		padding-bottom: 0;

	}

	.prosx dl dt{

		width: 7%;

	}

	.prosx dl dd{

		width: 93%;

	}

	.prosx dl dd a{

		padding: 0 2%;

		margin-bottom: 1%;

	}

	.ptype-list li{

		width: 46%;

	}

	.ptype-list li:nth-child(2n){

		float: right;

	}

	.ptype-list li:nth-child(4n){

		margin-right: initial;

	}

	.news-list .item a .time-wrap {

	    width: 20%;margin-left: 0;

	}

	.news-list .item a .content-wrap {

	    width: 80%;

	}	

	.ninfo-wrap{

		margin-top: 60px;

	}

	

	.n-talent .recruit-box{

		display: none;

	}

	.n-talent .recruit-box1{

		display: block;

	}

	.n-talent .recruit-ul .sx_show{

		display: block;

	}

	.n-talent .recruit-dl{

		display: none;

	}

	.n-talent .recruit-dr{

		width: 100%;

		border-left:none;

	}

	.n-talent .recruit-box1{

		border-top:1px solid #f4f4f4;

	}

	.n-talent .link{

		width: 45%;

		margin-top: 0;

	}

	.n-talent .recruit-dr{

		padding: 0 3%;

	}

	

	.news-list li{

		/*width: 48.7%;*/

		margin-right: 1.3%;

	}



	.news-list li:nth-child(4n){

		margin-right: 1.3%;

	}

	.news-list li:nth-child(2n){

		margin-right: 0;

	}

	.news-list li .ninfo h5{

		font-size: 20px;

	}

	.news-list li .ninfo p{

		width: 100%;

	}

	.cont-top .cont-map,.cont-map .map{

		height: 300px;

	}

	.cont-top .cont-map,.cont-top .right{

		width: 100%;

	}

	.cont-list li{

		width: 41%;

	}

	.cont-list li:nth-child(2n){

		margin-right: 1%;

	}

	.cont-list li:nth-child(3n){

		margin-right: 3%;

	}

	.about-wrap .about-tit{

		font-size: 24px;

		text-align: center;

	}

	.about-tit:after{

		left: 50%;

		margin-left: -34.5px;

	}

	.pro-sort li{

		float: left;

	}



	.profile-top .left, .profile-top .right{

		width: 100%;

	}

	.profile-top .right{

		margin-top: 5%;

	}

	.outvideo .video{

		width: 90%;

		left: 5%;

		height: 300px;

		margin: 0;

		transform: translate(0,-50%);

	}

	.outvideo .close{

		top: -60px;

		right: 0;

	}

	.ninfo .turn a.back{

		position: relative;

	}

}



@media only screen and (max-width: 768px) {

	.header .phone-menu-wrap .wrap .phone-nav-item .menu a:hover {

	    color: #004981;

	    background-color: #ffffff;

	}
	.ipro-wrap.ipro-wraptext li,.ipro-wraptext .ipro-wrap li{
		width: 33%;
	}

	.icnews dl dd{

		height: 150px;

	}

	.pro-sort li{

		width: 22%;margin-left: 2%;float: left;

	}

	.ser-case dl dd .choice{

		width: 20%;margin-left: 0;

	}

	.ser-case dl dd .shop{

		width: 49%;margin-left: 0;

	}

	.shop span{

		width: 40%;

	}

	.shop p{

		width: 60%;

	}

	.ser-case dl dd .message{

		width: 33.3%;

	}

	.news-list .item a .time-wrap h1 ,.ser-navigation h5{

	    font-size: 24px;

	}

	.culture-wrap{

		height: auto;padding: 2% 0;

	}

	.culture-wrap li{

		width: 100%;margin-top: 2%;

	}

	.culture-wrap li h5{

		font-size: 22px;

	}

	.video-list .con{

		width: 48%;

	}

	.video-list .con:nth-child(2n){

		float: right;

		margin-right: 0;

	}

	.video-list .con:nth-child(3n){

		margin-right: initial;

	}

	footer .ft-link ul  li>a p{

		font-size: 24px

	}

	.ninfo img{

	width: 100%;

}
.index-bot .itit{
	font-size: 20px;
}

}

@media only screen and (max-width:640px) {

	.icnews dl dd{

		height: 125px;

	}

	.plist li{

		width: 43%;

	}

	.plist li:nth-child(2n){

		float: right;

		margin-right: 0;

	}

	.plist li:nth-child(3n){

		margin-right: auto;

	}

	.pmap-list .pmap-info{

		padding-top: 10px;

		padding-bottom: 10px;

		height: 130px;

	}

	.pmap-info h5{

		font-size: 18px;

	}

	.cont-list h5,.cont-top .right h1,.about-wrap .about-tit,.ser-navigation h5,footer .ft-link ul  li>a p{

		font-size: 22px;

	}

	.news-tit:after, .news-tit:before{

		width: 35%;

	}

}

@media only screen and (max-width:480px ) {

	.header .logo img{	

		height: 30px;

		margin-top: 8px;

		margin-left: 15px;

	}
	.header .phone-nav-btn.active span:first-child {
    transform: rotate(45deg) translate(5px, -3px);}
	.header .phone-nav-btn span{
		height: 2px;
		width: 30px;margin-bottom: 8px;
		margin-left: calc(50% - 15px);
	}
	.header .phone-menu-wrap{
		    top: 50px;
	}
	.header .phone-nav-btn{
		    width: 50px;

	}
	.header .phone-nav-btn,
	.header{
		    height: 50px;
	}

	footer .ft-link ul li>a>div{

		width: 45px;

	}

	footer .ft-link ul  li>a p{

		font-size: 18px;

	}

	.pro-tit,.cont-top .right h1,.news-tit,.about-wrap .about-tit,.culture-wrap li h5,.ser-navigation h5,footer .ft-link ul  li>a p{

		font-size: 20px;

	}	

	.pro-sort li{

		width: 48%;margin-left: 0;float: left;

	}

	.pro-sort li:nth-child(2n){

		float: right;

	}

	.pmap-list .pmap-info{

		padding-top: 5px;

		padding-bottom: 5px;

		height: 140px;

	}

	.pmap-info h5{

		font-size: 16px;

	}

	.prosx{

		padding-left: 2%;

		padding-right: 2%;

	}

	.prosx dl dt{

		width: 12%;

	}

	.prosx dl dd{

		width: 88%;

	}

	.ser-case dl dd .shop{

		width: 100%;

	}

	.shop span{

		width: 30%;

	}	

	.news .news-wrap .container .news-list .item a .time-wrap h1 {

	    font-size: 20px;

	}

	.n-talent .s1 {

	    width: 100%;

	    margin: 5px 0;

	}

	.cont-list li{

		width: 45%;height: 155px;margin-bottom: 3%;

		margin-left: 1%;padding: 4% 1%;

	}

	.cont-list li:nth-child(3n){

	}

	.cont-list h5{

		font-size: 20px;margin-bottom: 5%;padding-bottom: 5%;

	}

	.cont-list p{

		font-size: 14px;line-height: 24px;

	}

	.honor-phone .honor-year{

		font-size: 24px;

	}

	.plist li span.more{

		display: none;

	}

	.sbanner.phone .tips h5{

		font-size: 24px;

	}



	.ser-list li{

		width: 48%;

	}

	.ser-list li:nth-child(2n){

		float: right;

		margin-right: 0

	}

	.ser-list li:nth-child(3n){

		margin-right: initial;

	}

}

@media only screen and (max-width:414px ){

	.header .logo img{

		margin-left: 0;

	}

	.icnews dl dd{

		height: 75px;width: 68%;

	}

	.plist li{

		width: 100%;margin-right: 0;

	}

	.pro-tit,.about-wrap .about-tit,.ser-navigation h5,footer .ft-link ul  li>a p{

		font-size: 18px;

	}

	.plist li h5{

		font-size: 16px;

	}

	.pro-map .pmap-list{

		margin-top: 5%;

	}

	.pmap-list li{

		width: 100%;

	}

	.pmap-list .pmap-info{

		height: 110px;

		padding: 20px 5%;

	}

	.pmap-info h5,.sbanner.phone .tips h5{

		font-size: 20px;

	}

	.pmap-info p{

		font-size: 16px;

	}

	.ptype-list li{

		width: 100%;

	}

	.ser-case dl dd .choice{

		width: 33.3%;

	}

	.shop span{

		width: 35%;

	}

	.cont-list li{

		width: 92%;

		padding-left: 3%;

		padding-right: 3%;

		margin-right: 1%;

	}

	.prosx dl dt{

		width: 15%;

	}

	.prosx dl dd{

		width: 85%;

	}

}