﻿@charset "UTF-8";

.pfchuan{
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight:500,
}
body{
	font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
@font-face {
  font-family: "HELVETICA CONDENSED BOLD";
  src: url("../fonts/HELVETICA CONDENSED BOLD.woff2") format("woff2"),
       url("../fonts/HELVETICA CONDENSED BOLD.woff") format("woff"),
       url("../fonts/HELVETICA CONDENSED BOLD.ttf") format("truetype"),
       url("../fonts/HELVETICA CONDENSED BOLD.eot") format("embedded-opentype"),
       url("../fonts/HELVETICA CONDENSED BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.helve{
	font-family: "HELVETICA CONDENSED BOLD";
}


header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 500;
	transition:all 0.3s;
}
header.bai{
	background-color:#fff;
	border-bottom: 1px solid #f7f7f7;
	box-sizing: border-box;
}
header.bai-on{
	background-color:#fff;
	border-bottom: 1px solid #f7f7f7;
	box-sizing: border-box;
}
header.hide1 {
    -webkit-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    transform: scale(0) !important;
    opacity: 0 !important;
}
.w1600{
	position:relative;
	width:95.3%;
	margin: 0 auto;
}

header .header .logo{
	position:absolute;;
	top:50%;
	transform:translateY(-50%);
	left:0;
	display:block;
	width:23%;
}
header .header .logo img{
	width:100%;
}
header .header .blogo{
	position:absolute;;
	top:50%;
	transform:translateY(-50%);
	left:0;
	display:none;
	width:6%;

}
header .header .blogo img{
	width:100%;
}
.bai  .header .logo,.bai-on  .header .logo{
	display: none;}
.bai  .header .blogo,.bai-on  .header .blogo{
		display: block;}
header .header .headerul{
	font-size:0;
	text-align: center;
	height:110px;
	line-height: 110px;    margin-left: 20%;
}
header .header .headerul li{
	display:inline-block;
	position:relative;
	margin-right:84px;
}
header .header .headerul li:nth-last-child(1){
	margin-right:0;
}
header .header .headerul li .tit{
font-size:18px;
color:#ffffff;
position:relative;
transition:all 0.3s;
font-weight:400;
}
.bai header .header .headerul li .tit{
	color:#050505;
	font-weight:600;
}
.bai-on .header .headerul li .tit{
	color:#000;
}
 .bai .header .headerul li .tit{
	color:#000000;
}

.bai .pc_txt, .bai-on .pc_txt{color:#000000;}

.bai .h_tools .h_lan .iconfont , .bai-on  .h_tools .h_lan .iconfont{
    color: #000000;
}

.bai .h_tools .h_lan i.icon, .bai-on .h_tools .h_lan i.icon{filter: brightness(0);}
header .header .headerul li .tit:after{
	position:absolute;
	width:0%;
	transition:all 0.3s;
	height:1px;
	left:0;
	content: "";
	bottom: -8px;
	background-color: #ec6901;
}
header .header .headerul li.cur .tit{
	color:#ec6901;
}
body.bai header .header .headerul li.cur .tit{
	color:#ec6901;
}
header .header .headerul li.cur .tit:after{
	width:100%;
}
header .header .header-right{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	font-size: 12px;
}
header .header .header-right .item{
	display:inline-block;
	position:relative;
	vertical-align: middle;
}
header .header .header-right .item.en{
	margin-right:16px;
}
header .header .header-right .item .tab-en{
	font-size:16px;
	color:#000000;
	transition:all 0.3s;
	padding-right: 20px;
	background-size: 10px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/h-xia.png);
	transition:all 0.3s;
	 
}
body.bai header .header .header-right .item .tab-en{
	color:#fff;
	background-image: url(../images/h-xia2.png);
}
body.bai header.bai .header .header-right .item .tab-en{
	background-image: url(../images/h-xia.png);
	color:#000000;
}
body.bai header.bai-on .header .header-right .item .tab-en{
	background-image: url(../images/h-xia.png);
	color:#000000;
}
header .header .header-right .item .en-tabdiv{
	position:absolute;
	font-size:16px;
	left:0;
	text-align:left;
	line-height:1.5;
	display:none;
}
header .header .header-right .item .en-tabdiv a{
	color:#000000;
	transition:all 0.3s;
}
header .header .header-right .item span{
	width:30px;
	height:30px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	display:inline-block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	transition:all 0.3s;
	border-radius:50%;
}
body.bai header .header .header-right .item span{
	border: 1px solid rgba(255, 255, 255, 0.3);
}
body.bai header.bai .header .header-right .item span{
	border: 1px solid rgba(0, 0, 0, 0.3);
}
body.bai header.bai-on .header .header-right .item span{
	border: 1px solid rgba(0, 0, 0, 0.3);
}
header .header .header-right .h-sear{
	margin-right:14px;
}
header .header .header-right .h-sear span{
	cursor: pointer;
	background-image:url(../images/h-search.png);
}
body.bai .header .header-right .h-sear span{
	background-image:url(../images/h-search2.png);
}
body.bai header.bai .header .header-right .h-sear span{
	background-image:url(../images/h-search.png);
}
body.bai header.bai-on .header .header-right .h-sear span{
	background-image:url(../images/h-search.png);
}
body.bai header.bai .header .header-right .h-sear span{
	background-image:url(../images/h-search.png);
}

header .header .header-right .h-pho{
	margin-right:10px;
}
header .header .header-right .h-pho span{
    background-image:url(../images/h-pho.png);
}
body.bai header .header .header-right .h-pho span{
	background-image:url(../images/h-pho1.png);
}
body.bai header.bai .header .header-right .h-pho span{
	background-image:url(../images/h-pho.png);
}
body.bai header.bai-on .header .header-right .h-pho span{
	background-image:url(../images/h-pho.png);
}
header .header .header-right .h-tel{
	font-size:16px;
	color:#000;
}
body.bai header .header .header-right .h-tel{
	color:#fff;
}
body.bai header.bai .header .header-right .h-tel{
	color:#000;
}
body.bai header.bai-on .header .header-right .h-tel{
	color:#000;
}
header .header .header-right .pho-btn-span{
	display: inline-block;
    position: relative;
    width: 24px;
    height:30px;
    vertical-align: middle;
    display:none;
}
header .header .header-right .pho-btn-span .line{
	width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    background-color: #ec6901;
    transition: all .2s;
    transform-origin: center;
}
header .header .header-right .pho-btn-span .line1{
	top: 0;
}
header .header .header-right .pho-btn-span .line2{
	top: 50%;
    margin-top: -1px;
}
header .header .header-right .pho-btn-span .line3{
	    bottom: 0;
}
header .header .header-right .pho-btn-span.cur .line {
        top: 50%;
    bottom: auto;
    margin-top: -1px;
    background-color: #ec6901;
}
header .header .header-right .pho-btn-span.cur .line1 {
    transform: rotate(45deg);
}
header .header .header-right .pho-btn-span.cur .line2 {
   opacity: 0;
    filter: alpha(opacity=0);
}
header .header .header-right .pho-btn-span.cur .line3 {
    transform: rotate(-45deg);
}
header .header .headerul li .li-model{
	position:fixed;
	top:110px;
	background-color:rgba(247, 247, 247, 0.95);
	padding: 80px 0 100px;
	left:0;
	z-index:300;
	width:100%;
	display:none;
}
header .header .headerul li .li-model .left-li{
	float: left;
	width:25%;
	position:relative;
	text-align:center;
}
header .header .headerul li .li-model .left-li:after{
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:180px;
	content:"";
	background-color:#e5e5e5;
}
header .header .headerul li .li-model .left-li .cn-name{
	font-size:44px;
	color:#ec6901;
	line-height:48px;
}
header .header .headerul li .li-model .left-li .en-name{
	font-size:36px;
	color:#ec6901;
	line-height:40px;
	margin-top: 10px;
}
header .header .headerul li .li-model .right-li{
	float:right;
	width:65%;
	position:relative;
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
}
header .header .headerul li .li-model .right-li .placeholder{
	width: 20%;

    height: 0px;
}
header .header .headerul li .li-model .right-li .name{
	font-size:24px;
	color:#212121;
	line-height:28px;
	padding-left: 18px;
	margin-bottom: 36px;
}
header .header .headerul li .li-model .right-li .name a{
	color:#212121;
	transition:all 0.3s;
}
header .header .headerul li .li-model .right-li .li-item{
	text-align:left;
	max-width:40%;
	margin-right: 10%;
}
header .header .headerul li .li-model .right-li .li-item .img{
	overflow:hidden;
}
header .header .headerul li .li-model .right-li .li-item .img img{
	width:100%;
}
header .header .headerul li .li-model .right-li .left{
	float:left;
	margin-right:70px;
}
header .header .headerul li .li-model .right-li .left:nth-last-child(1){
	margin-right:0
}
header .header .headerul li .li-model .right-li dt{
	font-size:16px;
	line-height:20px;
	margin-bottom:24px;
	padding-left:18px;
}
header .header .headerul li .li-model .right-li dt a{
	color:#333333;
	transition:all 0.3s;
}
header .header .headerul li .li-model .right-li dd{
	font-size:16px;
	margin-bottom:16px;
}
header .header .headerul li .li-model .right-li dd a{
	color:#666;
	padding-left:18px;
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
    transition:all 0.3s;
    background-size:6px;
}
.search-moedl{
	position:fixed;
	top:0;
	width:100%;
	left:0;
	background-color:#fff;
	padding: 40px 0;
	transition: all 0.5s;
    opacity: 0;
    z-index:-10;
}
.search-moedl.show1{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index:600
}
.w650{
	width:650px;
	margin:0 auto;
	position:relative;
}
.search-moedl .from{
	width:600px;
	height:40px;
	line-height:40px;
	border:1px solid #e5e5e5;
	position:relative
}
.search-moedl .from .text{
	font-size:14px;
	height:40px;
	line-height:40px;
	width:80%;
	margin-left: 8.3%;
	background-color:transparent;
}
.search-moedl .from .submit{
	position:absolute;
	top:50%;
	width:20px;
	height:20px;
	font-size:0;
	background-color:transparent;
	transform:translateY(-50%);
	left:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	background-image:url(../images/h-se.png);
	cursor:pointer;
}
.search-moedl .close1{
	position:absolute;
	right:-40px;
	top:50%;
	width:30px;
	height:30px;
	font-size:0;
	background-color:transparent;
	transform:translateY(-50%);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	background-image:url(../images/close1.png);
	cursor:pointer;
	transition:all 0.3s;
}
.search-moedl .form-items{
	margin-top:30px;
	font-size:14px;
	line-height:1.5;
}
.search-moedl .form-items span{
	color:#999999;
	margin-right: 6px;
}
.search-moedl .form-items a{
	color:#333333;
	margin-right:20px;
	transition:all 0.3s;
}
footer{
	padding: 70px 0 0;
	background-color:#f7f8fc;
	position:relative;
}
footer .top{
	
	position:absolute;
	top:-25px;
	right:3.125%;
	z-index:10;
	cursor:pointer;
}
footer .top .img{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	margin:0 auto;
	background-color:#ec6901;

}
footer .top .top-name{
	font-size:16px;
	margin-top:8px;
	color:#666;
	text-align:center;
	white-space:nowrap;
}
footer .top img{
	max-width:100%;
	animation:top0 1s infinite linear .65s;
}
@keyframes top0{
    0% {
    transform: translateY(-10%);
   }
   100% {
    transform: translateY(10%);
}
}
footer .f-bottom{
	font-size:0;
	text-align:center;
}
footer .f-bottom li{
	display:inline-block;
	vertical-align:top;
	margin:0 80px;
	position:relative;
}
footer .f-bottom li .click-img{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    width: 140px;
    top: -152px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
    transition:all 0.3s;
    opacity:0;
    visibility:hidden
}
footer .f-bottom li.cur .click-img{
	opacity:1;
	visibility:inherit;
}
footer .f-bottom li .click-img img{
	width:100%;
}
footer .f-bottom li .click-img:after{
	    width: 18px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/maxia.png);
    content: "";
}
footer .f-bottom li .img{
	width:100px;
	height:100px;
	border: 1px solid #9c9d9f;
	border-radius:50%;
	margin: 0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	display:block;
}
footer .f-bottom li .imgname{
	color:#212121;
	font-size:18px;
	line-height:20px;
	margin-top:20px;
	transition:all 0.3s;
}
footer .f-bottom li .namesm{
	font-size:14px;
	color:#999;
	line-height:16px;
	margin-top:12px;
}
footer .f-mian{
	margin-top:70px;
	padding-bottom: 24px;
	border-bottom:1px solid #e5e5e5;
	position:relative;
}
footer .f-mian .f-logo{
	position:absolute;
	top:0;
	left:0;
	width:150px;
}
footer .f-mian .f-logo img{
	width:100%;
}
footer .f-mian ul{
	font-size:0;
	text-align:center;
}
footer .f-mian ul li{
	display:inline-block;
	font-size:18px;
	height:80px;
	line-height:80px;
	margin: 0  40px;
}
footer .f-mian ul li a{
	color:#545454;
	transition:all 0.3s;
}
footer .f-mian .f-logoright{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	text-align:right;
	display:none
}
footer .f-mian .f-logoright .item-div{
	display:inline-block;
	position:relative;
	margin-left:20px;
	width:28px;
}
footer .f-mian .f-logoright .item-div img{
	width:100%;
	cursor:pointer;
}
footer .f-mian .f-logoright .item-div .pro-img{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	padding: 4px;
	width:120px;
	top:-144px;
	box-shadow:0px 5px 15px rgba(0, 0, 0, 0.05);
	display:none;
}
footer .f-mian .f-logoright .item-div .pro-img:after{
	width:18px;
	height:10px;
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
	background-position:center;
	background-size:18px;
	background-repeat:no-repeat;
	background-image:url(../images/maxia.png);
	content:"";
}
footer .f-mian .f-logoright .item-div .pro-img img{
	width:100%;
}
footer .f-copyright{
	padding:40px 0;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#666;
}
footer .f-copyright a{
	color:#666;
	transition:all 0.3s;

}
.pho-header-nav{
	position:fixed;
	top:110px;
	left:0;
	width:100%;
	height:calc(100% - 110px);
	background-color:#fff;
	z-index: 600;
	border-top:1px solid #e5e5e5;
	display:none;
}
.pho-header-nav ul{
	margin-top:20px;
}
.pho-header-nav ul li{
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #e5e5e5;
}
.pho-header-nav ul li .tit{
	font-size:20px;
	line-height:24px;
	color:#333;
	display:block;
}
.pho-header-nav ul li .tit.more{
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(../images/h-xia.png);
	background-size:10px;
	padding: 0;
}
.w95{
	width:95%;
	margin: 0 auto;
	position:relative;
}
.pho-header-nav ul li .name{
	font-size:18px;
	line-height:20px;
	margin:20px 0px;
}
.pho-header-nav ul li .name.more{
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url(../images/h-xia.png);
	background-size:10px;
	padding: 0;
}
.pho-header-nav ul li .name a{
	color:#333;
}
.pho-header-nav ul li .li-model{
	display:none;
}
.pho-header-nav ul li .ddnone{
	display:none;
}
.pho-header-nav ul li dd{
margin-bottom:8px;
font-size:16px;
color:#666;
}
.pho-header-nav ul li dt{
	margin-bottom:8px;
font-size:18px;
}
.pho-header-nav ul li dt a{
	color:#333
}
.pho-header-nav ul li dd a{
	color:#666;
}

.headerul > li .thr{ position:absolute; left:50%; top:60px; width:136px;margin-left:-68px; background-color: rgba(247, 247, 247, 0.95); box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
.headerul > li .thr a{ display:block;border-bottom:1px solid #eee; line-height:40px; text-align:center;font-size: 15px;color: #666;}
.headerul > li .thr a:hover{ color: #000;}

.headerul li .sec,.headerul > li .thr{ display:block; opacity:0; visibility:hidden; transform:translateY(-30px); transition:all 1s ease;}
.headerul li:hover .sec,.headerul > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(51px); transition:all 1s ease;}
.headerul > li:hover > a:after,.headerul > li > a.cur:after{ width:50px; transition:all 0.5s ease;}
.headerul > li:hover > a,.headerul > li > a.cur{ color:#e70009;}

@media (max-width: 1280px){
	header .header .headerul li{
		margin-right:60px;
	}
}
@media (max-width: 1140px){
	header .header .headerul li{
		margin-right:40px;
	}
}
@media (max-width: 1024px){
	header .header .header-right .h-pho{
		display:none;
	}
	header .header .header-right .h-tel{
		display:none;
	}
	header .header .header-right .pho-btn-span{
		display:inline-block
	}
	header .header .headerul li{
		display:none;
	}
    header{
    	background-color:#fff;
    }
}

@media (max-width: 992px){
	.w1600{
		width:94%;
	}
	footer .f-bottom li{
		margin: 0 40px;
	}
	footer .f-mian ul li{
		margin:0 20px;
	}

}

@media (max-width: 767px){


	header .header .blogo{
		position:absolute;;
		top:50%;
		transform:translateY(-50%);
		left:0;
		display:block;
		width:11%;
	
	}

	header .header .headerul{
		height:40px;
		line-height:40px;
	}
	header .header .logo{
		width:48px;
		display: none;
	}
	header .header .header-right .item .tab-en{
		font-size:12px;
		padding-right: 16px;
		background-size:8px;
	}
	header .header .header-right .item .en-tabdiv{
		font-size:9.6px;
	}
	header .header .header-right .item span{
		width:20px;
		height:20px;
	}
	header .header .header-right .pho-btn-span{
		height:16px;    margin-top: 15px;
	}
	.pho-header-nav{
		top:40px;
		height:calc(100% - 40px)
	}
	.pho-header-nav ul li .tit{
		font-size:16px;
	}
	.pho-header-nav ul li .name{
		font-size:14px;
		margin:12px 0;
	}
	.pho-header-nav ul li dt{
		font-size:12px;
	}
	.pho-header-nav ul li dd{
		font-size:12px;
	}
	footer{
		padding-top:40px;
	}
		footer .top{
		
		top:-16px;
		right:2%;
		
	}
	footer .top .img{
		width:32px;
		height:32px;
		line-height:32px;
	}
	footer .top .top-name{
		font-size:12px;
		margin-top:8px;
		line-height:14px;
	}
	 footer .f-bottom li{
    	width:40%;
    	margin: 0;
    	text-align:left;
    	margin-bottom:12px;
    }
    footer .f-bottom li:nth-child(2n+1){
    	width:60%;
    }
    footer .f-bottom li .img{
    	width:40px;
    	height:40px;
    	display:inline-block;
    	vertical-align:middle;
    	margin-right:8px;
    }
    footer .f-bottom li .imgop{
    	display:inline-block;
    	vertical-align:middle;
    }
    footer .f-bottom li .imgname{
    	font-size:11.2px;
    	line-height:12px;
    	margin-top:0;
    }
    footer .f-bottom li .namesm{
    	font-size:9.6px;
    	line-height:12px;
    	margin-top:8px;
    }
    footer .f-bottom{
    	padding-bottom:4px;
    	border-bottom:1px solid #e5e5e5;
    }
    footer .f-mian .f-logo{
    	display:none;
    }
    footer .f-mian{
    	margin-top:12px;
    	padding-bottom:12px;
    }
    footer .f-mian ul{
    	text-align:left;
    }
    footer .f-mian ul li{
    	width:33.3%;
    	margin: 0;
    	text-align:left;
    	font-size:12px;
    	height:28px;
    	line-height:28px;
    }
    footer .f-mian .f-logoright{
    	position:relative;
    	top:0;
    	transform:translateY(0);
    	right:auto;
    	left:0;
    	text-align:left;

    }
    footer .f-mian .f-logoright .item-div{
    	margin-left:0;
    	margin-right:12px;
    	width:20px;
    }
    footer .f-mian .f-logoright .item-div.cur .pro-img{
      display:block;
          padding: 4px;
    width: 40px;
    top: -48px;
    left:50%;
    }
    footer .f-copyright{
    	padding:12px 0;
    	font-size:9.6px;
    	line-height:16px;
    }
    footer .f-mian .f-logoright .item-div .pro-img{
    	left:0;
    }
}