/*公共样式*/
*{margin: 0; padding: 0;}
*:focus{outline: 0 none;}
html,body{position: relative; height: 100%;}
html{font-size: 14px; line-height: 1.25; font-family: "Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; transition: all .5s ease; cursor: pointer;}
a:hover{color: #e10000 !important; -webkit-tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.wrapper{width: 1400px; margin: 0 auto; position: relative;}



/*@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff2') format('woff2'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}*/

@font-face {
  font-family: 'iconfont';  /* project id 1011032 */
  src: url('../font/font_1011032_7zuecny3sud.eot');
  src: url('../font/font_1011032_7zuecny3sud.eot') format('embedded-opentype'),
  url('../font/font_1011032_7zuecny3sud.woff2') format('woff2'),
  url('../font/font_1011032_7zuecny3sud.woff') format('woff'),
  url('../font/font_1011032_7zuecny3sud.ttf') format('truetype'),
  url('../font/font_1011032_7zuecny3sud.svg') format('svg');
}

@font-face{font-family: 'ngbt-webfont'; src: url('../font/ngbt-webfont.eot'); src: url('../font/ngbt-webfont.eot') format('embedded-opentype'), url('../font/ngbt-webfont.woff') format('woff'), url('../font/ngbt-webfont.ttf') format('truetype'), url('../font/ngbt-webfont.svg') format('svg');}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .3px;
    -moz-osx-font-smoothing: grayscale;}


.fs_italic{font-style: italic;}

/*加载特效*/
.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}
.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}
.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}
@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/
.header{width: 100%; position: absolute; left: 0; top: 0; z-index: 99999;}
.header_box{padding: 35px 2.8%; height: 54px; transition: all .4s;}
.logo{height: 54px; line-height: 54px; float: left;}
.logo a{display: block; height: 100%;}
.logo img{display: block; height: 100%;}
.logo .logo_black{display: none;}
.nav{float: right; height: 54px; position: relative; padding-right: 28px;}
.nav ul li{height: 54px; line-height: 54px; float: left; margin-right:56px;}
.nav ul li a{color: #fff;}
.nav_btn,.nav_btnpc{width: 28px; height: 22px; overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -11px; cursor: pointer; z-index: 60;}
.nav_btn{display: none;}
.nav_btnpc{position: fixed; right: 2.8%; top: 50px; margin-top: 0; z-index: 999999;}
.nav_btn i,.nav_btnpc i{display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; transition: all .4s;}
.nav_btn i.n1,.nav_btnpc i.n1{top: 0;}
.nav_btn i.n2,.nav_btnpc i.n2{top: 10px;}
.nav_btn i.n3,.nav_btnpc i.n3{top: 20px;}
.nav_btn.open i.n1,.nav_btnpc.open i.n1{top: 10px; transform: rotate(45deg);}
.nav_btn.open i.n2,.nav_btnpc.open i.n2{width: 0;}
.nav_btn.open i.n3,.nav_btnpc.open i.n3{top: 10px; transform: rotate(-45deg);}
.nav_btnpc.open.active i{background: #fff;}
.header.active{background: #fff; border-bottom: 1px solid #ddd; position: fixed;}
.header.active .header_box{padding: 20px 2.8%; height: 40px;}
.header.active .logo{height: 40px;}
.header.active .nav{height: 40px;}
.header.active .nav ul li{height: 40px; line-height: 40px;}
.nav_btnpc.active{top: 29px;}
.header.active .nav_btn i,.nav_btnpc.active i{background: #333;}
.header.active .logo .logo_white{display: none;}
.header.active .logo .logo_black{display: block;}
.header.active .nav ul li a{color: #333;}
.menu{width: 100%; height: 100%; background: #222224; position: fixed; left: 0; top: 0; z-index: 999991; opacity: 0; visibility: hidden; transition: all .4s;}
.menu ul{width: 100%; text-align: center; font-size: 0; position: absolute; left: 0; top: 50%; margin-top: -25px;}
.menu li{display: inline-block; *display: inline; *zoom: 1; height: 50px; line-height: 50px; margin: 0 40px; font-size: 30px; transition: all .5s; opacity: 0; visibility: hidden; transform: translateX(100%);}
.menu.open li:nth-child(1){transition-delay: .3s;}
.menu.open li:nth-child(2){transition-delay: .6s;}
.menu.open li:nth-child(3){transition-delay: .9s;}
.menu.open li:nth-child(4){transition-delay: 1.2s;}
.menu.open li:nth-child(5){transition-delay: 1.5s;}
.menu.open li:nth-child(6){transition-delay: 1.8s;}
.menu li:after{content: ''; display: block; width: 0; height: 2px; background: #ef3e4a; transition: width .5s ease, background-color .5s ease;}
.menu li:hover:after{width: 100%; background: #ef3e4a;}
.menu li a{color: #fff;}
.menu li a:hover{color: #ef3e4a !important;}
.menu_bottom{transition: all .5s; transition-delay: 2.4s; width: 100%; height: 60px; line-height: 30px; margin: 20px 0; text-align: center; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; transform: translateY(100%);}
.menu_bottom .tel{font-size: 14px;}
.menu.open{opacity: 1; visibility: visible;}
.menu.open li{opacity: 1; visibility: visible; transform: translateX(0);}
.menu.open .menu_bottom{opacity: 1; visibility: visible; transform: translateY(0);}
.m_menu{display: none;}
/*底部*/
.footer{background: #1f1f1f; color: #999; padding: 60px 0;}
.footer a{color: #999;}
.footer_nav li{float: left; font-size: 16px; color: #fff;}
.footer_nav li em{padding: 0 22px;}
.footer_nav li a{color: #fff;}
.footer_info{padding: 36px 0;}
.footer_item{width: 28%; float: left; margin-right: 3.5%; font-size: 15px; line-height: 25px;}
.footer_icon{float: right; height: 28px; margin-top: 10px;}
.footer_icon li{float: left; margin-left: 4px; position: relative;}
.footer_icon li a{display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #505050; font-size: 17px;}
.footer_icon li a:hover{background: #e62129; border: 1px solid #e62129; color: #fff !important;}
.footer_icon li.wx span{display: block; width: 100px; height: 100px; background: #fff; position: absolute; left: 50%; bottom: 42px; margin-left: -50px; opacity: 0; visibility: hidden; transition: all .3s;}
.footer_icon li.wx span:before{content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; bottom: -8px; margin-left: -7px;}
.footer_icon li.wx:hover span{opacity: 1; visibility: visible;}
.footer_copy{font-size: 12px; line-height: 20px;}
.footer_copy .left{max-width: 78%; float: left;}
.footer_copy .right{max-width: 22%; float: right; text-transform: uppercase;}
.footer_link{border-top: 1px solid #363636; line-height: 18px; color: #444; margin-top: 12px; padding-top: 18px; font-size: 12px;}
.footer_link span{float: left;}
.footer_link a{float: left; margin-right: 10px; margin-bottom: 6px; color: #444;}
.m_footer{display: none;}
.messageBox{padding: 20px 24px; position: relative;}

.messageBox li{padding-bottom: 20px;}
.messageBox li .title{font-size: 14px; color: #000; margin-bottom: 8px; color: #666;}
.messageBox li .input{border: 1px solid #ddd; padding: 0 5px;}
.messageBox li .input input[type="text"],.messageBox li .input input[type="password"]{display: block; width: 100%; height: 30px; line-height: 30px;}
.messageBox li .input textarea{display: block; width: 100%; height: 76px; padding: 6px 0;}
.messageBox li .submit .fomr_btn{display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; background: #e10000; color: #fff;}
.messageBox li .txt{font-size: 12px; margin-top: 10px; color: #e10000;}
.messageBox li.code{padding-right: 130px; position: relative;}
.messageBox li.code .img{height: 30px; line-height: 30px; position: absolute; right: 0; bottom: 20px;}
.messageBox li.code .img img{height: 24px; margin-right: 6px;}
.messageBox .l_title{text-align: right; margin-bottom: 14px;}
.messageBox .l_title a{color: #e10000;}
.message_loader.active{width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px;}
.message_loader.active > span{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; border-radius: 50%;}
.message_loader.active > span:first-child{background: #ccc; width: 16px; height: 16px; top: 9px; left: 9px; -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
.message_loader.active > span:last-child{position: absolute; border: 2px solid #ccc; width: 30px; height: 30px; background: transparent; border: 2px solid; border-color: #ccc transparent #ccc transparent; -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; }
@keyframes rotate{0%{-webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50%{-webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6);} 100%{-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1);}}

.layui-layer-message a.layui-layer-btn0:hover{color: #fff!important;}
.layui-layer-message .layui-layer-title{background: #333; color: #fff;}

.layui-layer-gc .layui-layer-title{font-size: 15px;}

.messageBox ul{margin-bottom: -15px;}
.loginBox li{padding-bottom: 15px;}
.loginBox li.code .img{bottom: 15px;}

@media only screen and (max-width: 1429px){
	.wrapper{width: 1200px;}
}

@media only screen and (max-width: 1229px){
	.wrapper{width: 1000px;}
}

@media only screen and (max-width: 1029px){
	.wrapper{width: 900px;}
}

@media only screen and (max-width: 959px){
	.wrapper{width: auto; padding-left: 20px; padding-right: 20px;}

	.header_box{padding: 20px 2.8%;}
	.nav_btnpc{top: 36px;}
	.nav ul li{margin-right: 32px;}
	.menu li{font-size: 22px;}

	.footer_nav li{font-size: 15px;}
	.footer_nav li em{padding: 0 18px;}
}


@media only screen and (max-width: 767px){
	.wrapper{padding-left: 10px; padding-right: 10px;}
	.header{background: #fff; border-bottom: 1px solid #ddd;}
	.header .header_box{height: 30px !important; padding: 10px 10px !important; transition: all 0s !important;}
	.header .logo{height: 30px !important;}
	.logo .logo_white{display: none !important;}
	.logo .logo_black{display: block !important;}
	.nav{height: 30px !important;}
	.nav_btn{display: block;}
	.nav_btnpc{display: none;}
	.nav_btn i{background: #333;}


	.header.active .header_box{padding: 10px 10px;}
	.nav.active .nav_btn i{background: #fff;}
	
	.menu{display: none;}
	.m_menu{display: block; width: 100%; height: 100%; position: fixed; left: 0; top: -100%; background: rgba(0,0,0,.94); z-index: 59; opacity: 0; visibility: hidden; transition: all .4s;}
	
	.m_menu ol{width: 100%; position: absolute; left: 0; top: 70px; bottom: 10px; overflow: hidden; overflow-y: auto;}
	.m_menu li{margin: 0 8%;}
	.m_menu li a{display: block; height: 56px; line-height: 56px; font-size: 20px ;color: #fff;}
	
	.m_menu.open{top: 0; opacity: 1; visibility: visible;}


	.nav ul{display: none;}

	.footer{padding: 24px 0; text-align: center; margin-bottom: 61px;}
	.footer_nav,.footer_info,.footer_link{display: none;}
	.footer_copy .left{max-width: none;}
	.footer_copy .right{display: none;}

	.m_footer{display: block; width: 100%; background: #fff; border-top: 1px solid #ddd; position: fixed; left: 0; bottom: 0; z-index: 9999;}
	.m_footer ul{height: 60px;}
	.m_footer li{width: 25%; *width: 24.96%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}
	.m_footer li a{display: block; width: 100%; height: 100%; color: #666;}
	.m_footer li i{display: block; width: 100%; height: 26px; line-height: 26px; padding-top: 6px; font-size: 22px;}
	.m_footer li p{height: 20px; line-height: 20px; margin-top: 2px;}

	.layui-layer-gc{width: 80% !important;}
}