@charset "utf-8";
/*定位*/
.pos-r { position: relative !important;}
.pos-a { position: absolute !important;}

/*浮动*/
.fl { float: left;}
.fr { float: right;}

/*清除浮动*/
.clear { height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;}

/*显示隐藏*/
.hide { display: none;}
.none { display: none !important;}

/*宽度*/
.w-auto { width: auto !important;}
.w1210 { width: 1210px; margin: 0 auto;}
.w1100 { width: 1100px; margin: 0 auto;}
.w990 { width: 990px; margin: 0 auto;}
.w600 { width: 600px; margin: 0 auto;}
.w400 { width: 400px !important;}
.w250 { width: 250px !important;}
.w200 { width: 200px !important;}
.w150 { width: 150px !important;}
.w120 { width: 120px !important;}
.w30 { width: 30px !important;}
.w6 { width: 6px !important;}
.color-light { color: #999;}

/*间隔*/
.blank { height: 10px; line-height: 10px; clear: both; visibility: hidden;}
.blank15 { height: 15px; line-height: 15px; clear: both; visibility: hidden;}

/*去除滚动条*/
body.visibly, html.visibly { height: 100%; overflow: hidden;}

/*padding值*/
.p-0 { padding: 0 !important;}
.p-0-10 { padding: 0 10px;}
.p-t-0 { padding-top: 0 !important;}
.p-t-15 { padding-top: 15px !important;}
.p-t-20 { padding-top: 20px !important;}
.p-t-30 { padding-top: 30px !important;}
.p-t-40 { padding-top: 40px !important;}
.p-t-60 { padding-top: 60px !important;}
.p-b-0 { padding-bottom: 0 !important;}
.p-b-5 { padding-bottom: 5px !important;}
.p-b-10 { padding-bottom: 10px !important;}
.p-b-40 { padding-bottom: 40px !important;}
.p-b-50 { padding-bottom: 50px !important;}
.p-l-0 { padding-left: 0 !important;}
.p-l-60 { padding-left: 60px !important;}
.p-10 { padding: 10px 0 !important;}
.p-20 { padding: 20px !important;}

/*margin*/
.m-auto { margin: 0 auto !important;}
.m-10 { margin: 10px 0 !important;}
.m-t-5 { margin-top: 5px !important;}
.m-t-20 { margin-top: 20px !important;}
.m-t-30 { margin-top: 30px !important;}
.m-t-50 { margin-top: 50px !important;}
.m-r-0 { margin-right: 0 !important;}
.m-r-5 { margin-right: 5px !important;}
.m-r-15 { margin-right: 15px !important;}
.m-r-25 { margin-right: 25px !important;}
.m-r-40 { margin-right: 40px !important;}
.m-b-0 { margin-bottom: 0 !important;}
.m-b-5 { margin-bottom: 5px !important;}
.m-b-20 { margin-bottom: 20px !important;}
.m-b-30 { margin-bottom: 30px !important;}
.m-l-0 { margin-left: 0 !important;}
.m-l-5 { margin-left: 5px !important;}
.m-l-10 { margin-left: 10px !important;}
.m-l-40 { margin-left: 40px !important;}

/*文字*/
.f14 { font-size: 14px !important;}
.f16 { font-size: 16px !important;}
.f20 { font-size: 20px !important;}

/*文字颜色*/
.c-white { color: #fff !important;}
.c-aaa { color: #aaa !important;}
.c-ccc { color: #ccc !important;}
.c-999 { color: #999 !important;}
.c-666 { color: #666 !important;}
.orange { color: #fdff61 !important;}
.c-orange { color: #ff7300 !important;}
.c-red { color: #e31939 !important;}
.c-blue { color: #2da6f6 !important;}
.c-green { color: #8cc051 !important;}
.c-brown { color: #af874d !important;}
.c-yellow { color: #ffb300 !important;}

/*文字位置*/
.text-left { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right { text-align: right !important;}

/*鼠标状态*/
.cursor-p { cursor: pointer;}

/*背景*/
.bg { position: fixed !important; position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: #000; opacity: 0.15; filter: alpha(opacity=15);}
@media (min-width: 1920px) {
	.bg-cover { background-size: cover !important;}
}
.bg-gray { background: #f5f5f6 !important;}
.bg-blue { background: #68dcf5 !important;}
.bg-blue2 { background: #169bd5 !important;}
.bg-blue3 { background: #5785f4 !important;}
.bg-purple { background: #bd82ff !important;}
.bg-purple1 { background: #9862ef !important;}
.bg-red { background: #df0010 !important;}
.bg-red1 { background: #f4536f !important;}
.bg-green { background: #6cea82 !important;}
.bg-green1 { background: #2bc7c5 !important;}
.bg-green2 { background: #0ecfb0 !important;}
.bg-yellow { background: #ffce58 !important;}
.bg-yellow1 { background: #ffbc3a !important;}
.bg-orange { background: #ff6b21 !important;}
.bg-brown { background: #d29550 !important;}

/*边框*/
.border-none { border: none !important;}

/*底部*/
.site-footer { font-size: 14px; line-height: 1.8; color: #5d5e68; background: #1d1d21;}
.site-footer a { color: #666876;}
.site-footer .footer-article { padding: 30px 0 20px; overflow: hidden;}
.site-footer .contact { float: left; width: 280px;margin-top: 7%;}
.site-footer .contact dt { width: 50px;padding-right: 10px;}
.site-footer .contact img {width: 100%;}
.site-footer .contact .text { font-size: 15px; color: #fff;}
.site-footer .contact .tel {margin: 0; font-size: 20px; color: #fff;}
.site-footer .contact a { display: block; font-size: 14px; line-height: 30px; color: #5d5e68; text-align: center;}
.site-footer .contact a { color: #fff !important;}
.site-footer .col-article { float: left; width: 171px;}
.site-footer .col-article dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #ffffff;}
.site-footer .col-article hr{ width: 30px;margin-bottom: 15px;color: #f67524}
.site-footer .col-article dd { overflow: hidden;color: #9c9eae;}
.site-footer .col-article dd a { font-size: 14px; color: #9c9eae; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.site-footer .wx { float: left; width: 135px; margin-right: 0;margin-left: 65px;}
.site-footer .wx dt { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #d7d8d9;}
.site-footer .wx dd { margin-bottom: 15px;}
.site-footer .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;}
.site-footer .wx dd.other { margin-bottom: 0; line-height: 18px;}
.site-footer .wx dd.other span { display: block; font-size: 12px;}
.site-footer .wx dd.other a { display: inline-block; margin-right: 5px; font-size: 12px; line-height: 18px; vertical-align: top;}
.footer-links { padding: 10px 0; border-top: 1px solid #41424c; border-bottom: 1px solid #41424c;}
.footer-links p { font-size: 14px; color: #a8aaba;}
.footer-links a { padding: 0 10px; font-size: 12px; color: #9c9eae;border-right: 1px #5d5e68 solid;}
.footer-links a:last-child{border-right: 0;}
.footer-info .info-text { padding: 20px 0; font-size: 12px; text-align: center;}
.footer-info .info-text .nav-bottom { padding: 20px 0 5px; font-size: 14px; color: #ccc; text-align: center;}
.footer-info .info-text .nav-bottom a { padding: 0 8px; color: #5d5e68;}
.footer-info .info-text .copyright { padding-top: 5px;color: #666876}
.footer-info .info-text em { padding: 0 8px;}
.footer-info .other { padding: 10px 0; text-align: center;}
.footer-info .other a { display: inline-block; line-height: 20px;}
.footer-info .other a img { display: inline-block; margin-right: 5px; vertical-align: middle;}

/*留言*/
.address-left{width: 48%;float: left;}
.address-left input{width: 100%;height: 50px; border: 0;border-bottom: 1px #777777 solid;margin-bottom: 3%;font-size: 16px;}
textarea{width: 40%;float: right;height: 265px;margin-right: 6%;}
.we img{margin: 3% 1%;border: 1px #e4e4e4 solid;padding: 2%;}
.we img:first-child{padding: 2.3%;margin-left: 0;}
.message{height: 500px;padding-top: 35px;}
.message .message-submit{border:0;font-size:18px;float:left;width:380px;height: 55px;color: #ffffff;background-color: #d91d32;margin-top: 3%; margin-left: -10%;margin-bottom: 3%;}
.message nav{font-size: 36px;font-weight: revert;text-align: center;margin-bottom: 3%;}
