@charset "utf-8";
*{box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.c-flex{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.c-flex2{ display: flex; flex-wrap: wrap; align-items: center; }

.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media all and (max-width:768px){
	.w1400{padding:0 3%}
	.w1200{padding:0 3%}
}

.h_mart{ width: 100%; height: 170px;  }

/* 导航栏 */
.header{ width: 100%; background-color: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 999; }
.header .h_top{ height: 120px; padding: 10px 0;  }
.header .h_top .logo{ align-items: center; }
.header .h_top .logo a{ display: flex; align-items: center; }
.header .h_top .logo h1{ font-weight: normal; padding-right: 25px; margin-right: 25px; border-right: 1px solid #DDDDDD; }
.header .h_top .logo img{ max-height: 100px; max-width: 393px;}
.header .h_top .logo h3{ font-size: 28px; font-weight: normal; }
.header .h_top .logo h3 span{ display: block; font-size: 15px; padding-top: 5px; }
.header .h_top .ewm{ width: 100px; height: 100px; }
.header .h_top .ewm img{ width: 100%; }
.header .h_nav{ background-color: #c92b2f; height: 50px; }
.header .h_nav .c-flex{ justify-content: flex-start; }
.header .h_nav dl{ position: relative; }
.header .h_nav dl dt{  }
.header .h_nav dl dt a{ font-size: 18px; color: #FFFFFF; height: 50px; line-height: 50px; overflow: hidden; display: block; padding: 0 30px; }
.header .h_nav dl dt.on,
.header .h_nav dl dt.hover,
.header .h_nav dl dt:hover{ background-color: #202557; }
.header .h_nav dl dd{ display: none; position: absolute; top: 100%; left: -20%; width: 140%; padding-top: 15px; }
.header .h_nav dl dd:hover::before{ border-bottom-color: #C92B2F;}
.header .h_nav dl dd .li{ background-color: #202557; text-align: center; position: relative;}
.header .h_nav dl dd .li:first-child::before{ content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #202557; position: absolute; top: -10px; left: 50%; margin-left: -2.5px;}
.header .h_nav dl dd .li:first-child:hover::before{ border-bottom-color: #C92B2F;}
.header .h_nav dl dd .li:hover{ background-color: #c92b2f;  }
.header .h_nav dl dd a{ color: #FFFFFF; font-size: 16px; padding: 10px 0; display: block; line-height: 26px; }

/* 手机版菜单栏 */
.m_nav{ position: fixed; top: 80px; left: 0; width: 100%; height: calc(100% - 80px); background-color: #FFFFFF; z-index: 99; display: none;}
.m_nav ul{
height: 100%;
padding: 30px 0;
overflow:auto;
}
.m_nav ul::-webkit-scrollbar{
width:3px;
height:3px;
background-color: #666;
}
.m_nav ul::-webkit-scrollbar-track{
background: #ddd;
border-radius:2px;
}
.m_nav ul::-webkit-scrollbar-thumb{
background: #666;
border-radius:2px;
}
.m_nav ul::-webkit-scrollbar-thumb:hover{
background: #666;
}
.m_nav ul::-webkit-scrollbar-corner{
background: #666;
}
.m_nav ul li{  }
.m_nav ul li h3{ position: relative; font-weight: normal; border-bottom: 1px dashed #eaeaea; }
.m_nav ul li h3.has{ padding-right: 60px; }
.m_nav ul li h3.on{ font-weight: bold; color: #C92B2F; }
.m_nav ul li:first-child h3{ border-top: 1px dashed #eaeaea; }
.m_nav ul li h3.has::before{ content: ">"; display: block; font-size: 16px; font-family: "黑体"; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.m_nav ul li a{ display: block; font-size: 18px; line-height: 36px; padding: 10px 30px; padding-right: 0; }
.m_nav .subNav{ display: none; padding: ; }
.m_nav .subNav a{ font-size: 16px; padding-left: 50px; line-height: 30px; border-bottom: 1px dashed #eaeaea;}
.m_nav .subNav a:first-child a{ border-top: 1px dashed #eaeaea; }
@media (max-width: 480px) {
	.m_nav{ top: 70px; height: calc(100% - 70px); }
}

/* 菜单按钮 */
.header .menuBtn {display: none; cursor: pointer;width: 18px;height: 18px; position: absolute; right: 2%; top: 50%; transform: translateY(-50%);}
.header .bar1, .header .bar2, .header .bar3 {width: 18px;height: 3px;background-color: #bbb;margin: 3px 0;transition: 0.4s;}
.header .change .bar1 {transform: rotate(45deg) translate(3px, 5px);}
.header .change .bar2 {opacity: 0;}
.header .change .bar3 {transform: rotate(-45deg) translate(3px, -6px);}

@media (max-width: 1440px) {
	.header .h_nav dl dt a{ padding: 0 25px;}
}
@media (max-width: 1240px) {
	.header .h_nav dl dt a{ font-size: 16px; padding: 0 20px;}
}
@media (max-width: 1024px) {
	.h_mart{ height: 80px;  }
	.header{ box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);}
	.header .h_nav{ display: none; }
	.header .h_top{ height: auto; }
	.header .h_top .logo{ height: 60px; }
	.header .h_top .logo img{ max-height: 40px; }
	.header .h_top .logo h3{ font-size: 22px; }
	.header .h_top .logo h3 span{ font-size: 12px; }
	.header .h_top .ewm{ display: none; }
	.header .menuBtn {display: block;}
}
@media (max-width: 768px) {
	.header .h_top .logo h1{margin-right: 15px; padding-right: 15px;}
	.header .h_top .logo img{ max-height: 30px; }
	.header .h_top .logo h3{ font-size: 16px;  }
	.header .menuBtn { right: 3%; }
}
@media (max-width: 480px) {
	.h_mart{ height: 70px; }
	.header .h_top .logo{height: 50px;}
	.header .h_top .logo h3{ display: none; }
}



/* 您可能还想要 */
.f_bottom{ padding: 80px 0; }
.f_bottom .cont{ justify-content: space-between; align-items: center; }
.f_bottom .tit{font-size: 24px; width: 220px;}
.f_bottom ul{ width: calc(100% - 220px); display: flex; align-items: stretch; justify-content: space-between; }
.f_bottom ul li{ width: 30%; border: 1px solid #e6e6e6; }
.f_bottom ul li:hover{ border-color: #C92B2F; }
.f_bottom ul li a{ display: block;padding: 15px 30px; display: flex; align-items: center; justify-content: space-between;}
.f_bottom ul li .txt{  }
.f_bottom ul li .txt h4{ font-size: 18px; font-weight: normal; text-transform: uppercase; }
.f_bottom ul li .txt p{ padding: 0; font-size: 16px;}
.f_bottom ul li .icon{ background: no-repeat center; width: 36px; height: 36px;  }
.f_bottom ul li .i1{  background-image: url(../images/foot_icon1.png);  }
.f_bottom ul li .i2{  background-image: url(../images/foot_icon2.png);  }
.f_bottom ul li .i3{  background-image: url(../images/foot_icon3.png);  }
.f_bottom ul li:hover .i1{  background-image: url(../images/foot_icon1h.png);  }
.f_bottom ul li:hover .i2{  background-image: url(../images/foot_icon2h.png);  }
.f_bottom ul li:hover .i3{  background-image: url(../images/foot_icon3h.png);  }
.f_bottom ul li:hover .txt{ color: #C92B2F; }
@media(max-width:1240px){
	.f_bottom{padding: 70px 0;}
	.f_bottom .tit{width: 100%; font-size: 22px; padding-bottom: 30px;}
	.f_bottom ul{ width: 100%;}
	.f_bottom ul li{ width: 31%;}
}
@media(max-width:1024px){
	.f_bottom{padding: 50px 0;}
	.f_bottom ul li a{padding: 20px; height: 100%;}
	.f_bottom ul li .txt h4{font-size: 16px;}
	.f_bottom ul li .txt p{font-size: 14px;}
	.f_bottom ul li .icon{width: 30px; height: 30px; background-size: 30px;}
}
@media(max-width:768px){
	.f_bottom ul li a{flex-wrap: wrap; flex-direction: column-reverse; align-items: ;}
	.f_bottom ul li .txt{text-align: center; padding-top: 15px;}
}
@media(max-width:480px){
	.f_bottom{padding: 40px 0;}
	.f_bottom .tit{font-size: 20px; padding-bottom: 20px;}
	.f_bottom ul{flex-wrap: wrap;}
	.f_bottom ul li{width: 100%; margin: 10px 0;}
}



/* 页脚 */
.footer{background-color: #1a1919;}
.footer *{color: #FFFFFF;}
.footer .flink{ padding: 50px 0; border-bottom: 1px solid rgba(107,112,118,0.1);}
.footer .flink p{font-size: 18px;}
.footer .flink p a{ font-size: 16px; color: #999; padding-left: 50px;}
.footer .flink p a:hover{ color: #FFFFFF; }
.footer .fnav{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.footer .fnav ul{ padding-bottom: 70px; padding-top: 80px; width: 75%; padding-right: 5%; border-right: 1px solid rgba(107,112,118,0.1); }
.footer .fnav ul li{ width: ; padding-right: 15px; }
.footer .fnav ul li a{ }
.footer .fnav ul li h3{ font-size: 20px; font-weight: normal; padding-bottom: 20px; }
.footer .fnav ul li p{ font-size: 16px; color: #999999; padding-top: 15px; }
.footer .fnav ul li p a{ color: #999999; }
.footer .fnav ul li p:hover a{ color: #FFFFFF; }
.footer .fnav .ewmBox{ padding-top: 80px; padding-left: 80px; width: 25%; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.footer .fnav .ewm{ width: 100%; max-width: 144px; }
.footer .fnav .ewm .img{ width: 100%; }
.footer .fnav .ewm .img img{ width: 100%; }
.footer .fnav .ewm .txt{ font-size: 16px; color: #999999; text-align: center; padding-top: 10px; }
.footer .fbtm{ background-color: #212121; padding: 30px 0; }
.footer .fbtm .copyright{ width: 70%; font-size: 14px; text-transform: uppercase;  }
.footer .fbtm a:hover{ color: #aaa; }
.footer .fbtm .tec{ font-size: 14px; width: 30%; text-align: right; }

@media(max-width:1240px){
	.footer .flink{padding: 30px 0;}
	.footer .fnav ul{padding: 50px 0; padding-right: 3%;}
	.footer .fnav ul li h3{ font-size: 16px; }
	.footer .fnav ul li{padding-right: 5px;}
	.footer .fnav .ewmBox{padding-left: 50px; padding-top: 50px;}
}
@media(max-width:1024px){
	.footer .fnav ul{ justify-content: flex-start; padding-bottom: 10px; }
	.footer .fnav ul li{width: 25%; padding-bottom: 40px; }
	.footer .fnav ul li p{padding-top: 10px;}
	.footer .fnav .ewm{width: 100%; max-width: 144px;}
}
@media(max-width:768px){
	.footer .fnav ul{ flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
	.footer .fnav ul li{width: 33.33%; padding-bottom: 0px; }
	.footer .fnav ul li h3{padding-bottom: 10px;}
	.footer .fnav ul li p{ display: none;}
	.footer .fnav .ewmBox{padding-bottom: 50px;}
}
@media(max-width:480px){
	.footer .flink p{font-size: 16px;}
	.footer .flink p a{display: inline-block; padding-left: 0; padding-right: 5px; font-size: 14px;}
	.footer .fnav ul{width: 100%; border-right: 0; padding-right: 0; padding-top: 20px;}
	.footer .fnav ul li{padding-right: 0; }
	.footer .fnav .ewmBox{width: 100%; padding: 10px 0 15px; justify-content: flex-start; }
	
	.footer .fbtm{padding: 20px 0;}
	.footer .fbtm .copyright{width: 100%;}
	.footer .fbtm .copyright a{ display: ; }
	.footer .fbtm .tec{width: 100%; text-align: left; padding-top: 10px; display: none;}
	
}





/* 浮动窗 */
.online{ width:90px; height:auto; position:fixed; z-index:999; right:35px; bottom:5%; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.online ul li{ display:block; width:90px; height:70px; border-bottom:1px #efefef solid; position: relative;}
.online ul li .online_tel{ position: absolute; left: -180px; top: 0; width: 180px; height: 100%; padding: 10px; background-color: #FFFFFF; display: none;  box-shadow: -5px 0px 5px 2px rgba(0,0,0,0.10); text-align: center; border-radius: 15px 0 0 15px; }
.online ul li:hover .online_tel{ display: flex; justify-content: flex-end; align-items: center; background-color: #C92B2F; color: #FFFFFF; }
.online ul li .online_tel p{ font-size: 20px; }
.online ul li .online_ewm{ position: absolute; left: -150px; top: 0; width: 140px; background-color: #FFFFFF; display: none; padding: 6px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.10); }
.online ul li .online_ewm .img{ display: flex; }
.online ul li .online_ewm .img p{ text-align: center; color: ; font-size: 14px; }
.online ul li .online_ewm img{ width: 98%; margin: 0 1%; }
.online ul li:last-child{ border-bottom:0;}
.online ul li a{ display:block; width:90px; height:30px; padding-top:40px; line-height:30px; font-size:14px; color:#666; text-align:center; box-sizing: content-box;}
.online ul li a.online_1{ background:url(../images/online_icon_tel.png) no-repeat 50% 10px #fff; }
.online ul li a.online_2{ background:url(../images/online_icon_tel.png) no-repeat 50% 10px #fff; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.online ul li a.online_5{ background:url(../images/online_icon_ewm.png) no-repeat 50% 10px #fff;}
.online ul li a.online_4{ background:url(../images/online_icon4.png) no-repeat 50% 20px #fff;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius:  10px;border-bottom-right-radius: 10px;}
.online ul li:hover a.online_1{ background:url(../images/online_icon_telh.png) no-repeat 50% 10px #C92B2F; color:#fff;}
.online ul li:hover a.online_2{ background:url(../images/online_icon_telh.png) no-repeat 50% 10px #C92B2F; color:#fff;}
.online ul li a.online_4:hover{ background:url(../images/online_icon4_over.png) no-repeat 50% 20px #C92B2F; color:#fff;}
@media (max-width: 1024px) {
	.online{display: none;}
}