/* CSS Document */
@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
font-family: PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; padding: 0px; margin:0px;}
li{list-style: none;}
i{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration: none; cursor:pointer}
div{box-sizing: border-box;}

p{margin:0px; padding: 0px;}

.clear{clear:both;}
.clearfix:after{content:"";display:block;width:100%;height:0;clear:both;visibility: hidden;}
.time03{transition: all 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
.time05{transition:all  0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;}

.col_2{width:50%;}
.col_4{width:25%;}
.col_5{width:20%;}
.col_2,.col_4 {float:left; padding:0 14px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-khtml-box-sizing:border-box
}



/*font-size*/
.fz10{font-size:10px;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz36{font-size:32px;}
.fz42{font-size:42px;}
.fz60{font-size:60px;}
.fwb{font-weight:bold;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}

.cea5503{color:#ea5503;}
.pr20{padding-right: 20px;}

/*header*/
#header{width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; height: 100px;}
#header .logo{display: block; position: absolute; left: 0px; top: 0px; z-index:8;  width: 200px;background: #fff;}
#header .logo img{height:100%; display: block;}
#header .logo img.logo72,#header .logo img.logo54{display: none;}

.nav{ height: 100%;position: absolute; left:330px; top: 0px;  z-index: 5;}
.nav ul{height: 100%;}
.nav ul li{position: relative; height: 100px;   float: left; padding-right: 60px;}
.nav ul li a{font-size: 14px;width: 100%; text-align: center; line-height: 98px; line-height: 98px;  color: #fff; padding-top: 0px; display: block;}
.nav ul li:hover a {color:#ea5503!important; }
.nav ul li .underline{height: 2px; margin-top: 0px; background-color: #ea5503; width: 0%; display: block;}
.nav ul li:hover a .underline{width: 50%; margin:0px auto 0px;}

.nav ul li.act a{color:#ea5503!important; }
.nav ul li.act a .underline{width: 50%; margin:0px auto 0px;}

#header.headercfff{animation:scroll_on2 0.8s 0.3s ease-in-out forwards;background:#fff;}

.headercfff .nav ul li a{color:#6c6c6c;}

.btn-menu {display:none;float:right;position:relative;background:transparent;cursor:pointer;padding: 15px 0; margin:20px; width:26px;height:16px;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;}
.btn-menu:before,.btn-menu:after,.btn-menu span {background-color:#ffffff;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;}
.btn-menu:before,.btn-menu:after {content:'';position:absolute;top:0;height:1px;width:100%;left:0;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.btn-menu span {position:absolute;width:100%;height:1px;left:0;top:50%;overflow:hidden;text-indent:200%;}
.btn-menu:before {-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);}
.btn-menu:after {-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0);}
.btn-menu.active span {opacity:0;}
.btn-menu.active:before {background-color:#ffffff;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);}
.btn-menu.active:after {background-color:#ffffff;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);}

.rightcontact{width:251px; position: fixed; right: -251px; background: url(../images/rightbg.jpg); z-index: 900; height:100%; color:#fff; overflow: hidden; text-align: center;}
.rightcontact ul{ padding-top: 100px; margin-bottom: 40px;}
.rightcontact a{color:#fff; line-height: 32px; font-size: 14px;}
.rightcontact li:hover{background:#ea5503;}
.nav-ewm{font-size: 12px; line-height: 32px;}
/*bottom*/
#bottom{width:100%; position: fixed; left: 0px; bottom: 0px; z-index: 888; height: 100px;}
#bottom .bottomwelcome{width:200px; position: absolute;left: 0px; z-index: 8; background: #1c1c1c; height: 100px;}
#bottom .bottomwelcome em{font-style:normal; display: block; width:22px; height:22px; border-radius: 11px; background:#ea5503; margin:40px 0px 0px 40px; text-align: center; line-height: 22px; color:#fff; font-size: 12px; float:left}
#bottom .bottomwelcome .wenzi{float:left; color:#fff; margin: 34px 0px 0px 5px;}
#bottom .bottomwelcome .wenzi span{display:block;}
#bottom .bottomwelcome .wenzi .cn{font-size:12px;}
#bottom .bottomwelcome .wenzi .en{font-size:10px;}
#bottom .copyright{color:#fff; position: absolute; right:300px; margin-top: 42px; font-size: 12px; line-height: 24px; height: 24px;}
#bottom .copyright a{color:#fff;}
#bottom .tel{color:#ea5503; background:url(../images/bottom-tel.png) no-repeat; position: absolute;right: 50px; padding-left: 36px; margin-top: 42px; font-size: 16px; line-height: 24px; height: 24px;}

.bottomcfff{background:#fff;}
#bottom.bottomcfff .copyright{color:#6c6c6c;}
#bottom.bottomcfff .copyright a{color:#6c6c6c;}
#bottom.bottomcfff .tel{color:#ea5503; font-size: 16px;}

#nbottom{width:100%;height: 100px; margin-top:40px;}
#nbottom .bottomwelcome{width:200px; position: absolute;left: 0px; z-index: 8; background: #1c1c1c; height: 100px;}
#nbottom .bottomwelcome em{font-style:normal; display: block; width:22px; height:22px; border-radius: 11px; background:#ea5503; margin:40px 0px 0px 40px; text-align: center; line-height: 22px; color:#fff; font-size: 12px; float:left}
#nbottom .bottomwelcome .wenzi{float:left; color:#fff; margin: 34px 0px 0px 5px;}
#nbottom .bottomwelcome .wenzi span{display:block;}
#nbottom .bottomwelcome .wenzi .cn{font-size:12px;}
#nbottom .bottomwelcome .wenzi .en{font-size:10px;}
#nbottom .copyright{color:#fff; position: absolute; right:300px; margin-top: 42px; font-size: 12px; line-height: 24px; height: 24px;}
#nbottom .tel{color:#fff; background:url(../images/bottom-tel.png) no-repeat; position: absolute;right: 50px; padding-left: 36px; margin-top: 42px; font-size: 12px; line-height: 24px; height: 24px;}

.bottomcfff{background:#fff;}
#nbottom.bottomcfff .copyright{color:#6c6c6c;}
#nbottom.bottomcfff .tel{color:#ea5503; font-size: 16px;}



.footernav{ display: none;  box-shadow: none;}
.mui-bar{position:fixed; z-index:9998; right:0; left:0;  bottom:0;width:100%; padding:0; table-layout:fixed; display: none;}
.footernavtxt{ display: block; font-size: 12px;  line-height:18px;}
.footernavimg{ display: block; padding:8px 0 0;}
.footernavimg img{ width: 22px; height: 22px; display: block; margin:auto;}

.footernav a{ color:#fff; display: block;}
.footernavli{ display: block; float: left; text-align: center; border-radius: 0;}
.footernavli:nth-child(1){ border-right: solid 1px #eee; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.footernavli:nth-child(1),.footernavli:nth-child(2){ color: #333; width: 25%; border-top: solid 1px #eee; background:rgba(255, 255, 255, 0.9);}
.footernavli:nth-child(3){ color: #fff; height: 48px;  width: 50%; border-top: solid 1px rgba(255, 66, 41, 0.95); background:rgba(255, 66, 41, 0.95);}
.footernavli:nth-child(3) .footernavtxt{ line-height: 48px; font-size: 16px;}


.main_kefu {top:50%; width: 61px; position:fixed; right:0; height: 244px; margin-top: -120px; z-index:9999; background-color: #fff;}
.main_kefu dl{ float: left; width: 100%; height: 60px; border-bottom: solid 1px #eee; border-left: solid 1px #eee; position: relative; z-index: 2;}
.main_kefu dl:first-child{ border-top: solid 1px #eee; }
.main_kefu dl dt{ width: 60px; height: 60px; cursor: pointer; position: relative; z-index: 5;}
.main_kefu dl dt a{ display: block; width: 60px; height: 60px;}
.main_kefu dl.icon1 dt{background:url(../icon/kefu.png) no-repeat 6px;}
.main_kefu dl.icon2 dt{background:url(../icon/weixin.png) no-repeat 6px;}
.main_kefu dl.icon3 dt{ background:#ff4229 url(../images/kefuIcon.png) no-repeat; background-position: -120px -60px; }
.main_kefu dl.icon4 dt{background:url(../icon/tel.png) no-repeat 6px;}
.main_kefu dl.icon5 dt{ background-position: -240px 0; }
.main_kefu dl.icon6 dt{background:url(../icon/back.png) no-repeat 6px;}
.main_kefu dl:hover dt{ background:#ff4229 url(../images/kefuIcon.png) no-repeat;}
.main_kefu dl.icon1:hover dt{background:#ff4229 url(../icon/kefuh.png) no-repeat 6px;}
.main_kefu dl.icon2:hover dt{background:#ff4229 url(../icon/weixinh.png) no-repeat 6px;}
.main_kefu dl.icon3:hover dt{ background-position: -120px -60px; }
.main_kefu dl.icon4:hover dt{background:#ff4229 url(../icon/telh.png) no-repeat 6px;}
.main_kefu dl.icon5:hover dt{ background-position: -240px -60px; }
.main_kefu dl.icon6:hover dt{background:#ff4229 url(../icon/backh.png) no-repeat 6px;}

.main_kefu dl.icon2 dd{ width: 150px; height: 150px; transition: all 0.5s ease; position: absolute; top: 0; right: -213px; z-index: 1;}
.main_kefu dl.icon2 dd img{ width: 150px; height: 150px; border: solid 1px #eee;}
.main_kefu dl.icon2:hover dd,.main_kefu dl.icon3:hover dd,.main_kefu dl.icon4:hover dd{ right: 61px;}
.main_kefu dl.icon3 dd{ width: 130px; border: solid 1px #eee; transition: all 0.5s ease; height: 245px;  position: absolute; top: 0; right: -193px; z-index: 1;}
.main_kefu dl.icon3 dd a{ float: left;display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; border-top: solid 1px #eee; background-color: #fff;}
.main_kefu dl.icon3 dd a:hover{ background-color: #ff4229; color: #fff;}
.main_kefu dl.icon3 dd a:first-child{ border-top: 0;}
.main_kefu dl.icon4 dd{ height: 48px; padding: 6px 15px; background-color:rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: -261px; color: #fff; font-size: 14px; line-height: 24px; z-index: 1; width: 190px;transition: all 0.5s ease;}




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

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

}
@media only screen and (max-width:1600px) {
	
}
@media only screen and (max-width:1440px) {
	
}
@media only screen and (max-width:1366px) {
	#header{height:72px; }
	#header .logo{width:144px;}
	#header .logo img.logo100{display: none;}
	#header .logo img.logo72{display:block;}

	.nav ul li a{line-height: 68px; height: 68px;}
	.nav ul li .underline{margin-top:12px;}
	.nav ul li.act a .underline{margin-top: 0px;}
	.nav ul li:hover a .underline{margin-top: 0px;}

	#bottom{height: 72px;}
	#bottom .bottomwelcome em{margin-top: 26px;}
	#bottom .bottomwelcome .wenzi{margin-top: 20px;}
	#bottom .copyright{margin-top:26px;}
	#bottom .tel{margin-top: 100px;}
	
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
	#header{height:72px; }
	#header .logo{width:144px;}
	#header .logo img.logo100{display: none;}
	#header .logo img.logo72{display:block;}
	.nav{display: none;}
	.btn-menu{display: block;}
	.btn-menu:before, .btn-menu:after, .btn-menu span{background-color:#ea5503;}
	.btn-menu.active:before {background-color:#ea5503;}
	.btn-menu.active:after {background-color:#ea5503;}
	#nbottom{display: none;}
	.footernav{display: block;}
}
@media only screen and (max-width:768px) {

}