@charset "UTF-8";
/* CSS Document */

*{ font-family:'微软雅黑', Arial, sans-serif; letter-spacing:1px;}
body { overflow-x:hidden; line-height:1.8; font-size:14px; color:#1f2233;}
body.maroad-offcanvas { overflow:hidden;}
html, body { width:100%; height:100%; margin:0 auto;}
a { -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s;}
a:hover { text-decoration:none !important;}
p,ul,ol { margin-bottom:1.5em; color:#52585b;}
h1,h2,h3,h4,h5,h6 { font-weight:400;}
i, em{ font-style:normal;}

.f62{ font-size:62px !important; line-height:1.2;}
.f54{ font-size:54px !important; line-height:1.2;}
.f46{ font-size:46px !important; line-height:1.2;}
.f44{ font-size:44px !important; line-height:1.2;}
.f40{ font-size:40px !important; line-height:1.2;}
.f36{ font-size:36px !important; line-height:1.4;}
.f32{ font-size:32px !important; line-height:1.4;}
.f28{ font-size:28px !important; line-height:1.6;}
.f24{ font-size:24px !important; line-height:1.6;}
.f22{ font-size:22px !important; line-height:1.6;}
.f20{ font-size:20px !important; line-height:1.6;}
.f18{ font-size:18px !important; line-height:1.8;}
.f16{ font-size:16px !important; line-height:1.8;}
.f15{ font-size:15px !important; line-height:1.8;}
.f14{ font-size:14px !important; line-height:1.8;}
.f13{ font-size:13px !important; line-height:1.8;}
.f12{ font-size:12px !important; line-height:1.8;}

@media screen and (max-width:768px) {
.f62{ font-size:48px !important; line-height:1.2;}
.f54{ font-size:42px !important; line-height:1.2;}
.f46{ font-size:40px !important; line-height:1.2;}
.f44{ font-size:36px !important; line-height:1.2;}
.f40{ font-size:32px !important; line-height:1.4;}
.f36{ font-size:28px !important; line-height:1.4;}
.f32{ font-size:26px !important; line-height:1.4;}
.f28{ font-size:24px !important; line-height:1.4;}
.f26{ font-size:22px !important; line-height:1.4;}
.f24{ font-size:20px !important; line-height:1.6;}
.f22{ font-size:18px !important; line-height:1.6;}
.f20{ font-size:16px !important; line-height:1.6;}
.f18{ font-size:15px !important; line-height:1.8;}
.f16{ font-size:14px !important; line-height:1.8;}
.f15{ font-size:13px !important; line-height:1.8;}
.f14{ font-size:13px !important; line-height:1.8;}
.f13{ font-size:12px !important; line-height:2;}
.f12{ font-size:12px !important; line-height:2;}
}

.mt0{ margin-top:0 !important;}
.mt2{ margin-top:2px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:75px !important;}
.mt80{ margin-top:80px !important;}
.mt100{ margin-top:100px !important;}
.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}
.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb23{ margin-bottom:23px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb80{ margin-bottom:80px !important;}
.mb100{ margin-bottom:100px !important;}
.mx10{ margin-left:10px; margin-right:10px;}
.mx15{ margin-left:15px; margin-right:15px;}
.mx20{ margin-left:20px; margin-right:20px;}
.mx25{ margin-left:25px; margin-right:25px;}
.my10{ margin-top:10px; margin-bottom:10px;}
.my20{ margin-top:20px; margin-bottom:20px;}
.my30{ margin-top:30px; margin-bottom:30px;}
.my40{ margin-top:40px; margin-bottom:40px;}
.my50{ margin-top:50px; margin-bottom:50px;}
.my60{ margin-top:60px; margin-bottom:60px;}
.my80{ margin-top:80px; margin-bottom:80px;}
.my100{ margin-top:100px; margin-bottom:100px;}
.py10{ padding-top:10px; padding-bottom:10px;}
.py20{ padding-top:20px; padding-bottom:20px;}
.py30{ padding-top:30px; padding-bottom:30px;}
.py40{ padding-top:40px; padding-bottom:40px;}
.py50{ padding-top:50px; padding-bottom:50px;}
.py60{ padding-top:60px; padding-bottom:60px;}
.py80{ padding-top:80px; padding-bottom:80px;}
.py100{ padding-top:100px; padding-bottom:100px;}
.p20{ padding:20px;}
.p30{ padding:30px;}

.f-purple{ color:#7e68bd !important;}
.f-lpurple{ color:#7e68bd !important; opacity:.6;}
.f-white{ color:#ffffff !important;}
.f-red{ color:#f05050 !important;}
.f-lblack{ color:#666a6f !important;}
.fw-bold{ font-weight:bold !important;}
.fw-300{ font-weight:300 !important;}
.fw-400{ font-weight:400 !important;}
.fw-500{ font-weight:500 !important;}
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}
.w100{ width:100% !important; float:left;}
.w50{ width:50% !important; float:left;}
.pull-left{ float:left !important;}
.pull-right{ float:right !important;}
.link-yellow{ color:#ffb72b !important;}
.link-green{ color:#7dd79a !important;}
.link-blue{ color:#3899ec !important;}
.link-red{ color:#f05050 !important;}
.link-yellow:hover, .link-yellow:hover{ text-decoration:underline;}
.imgFull{ width:auto; max-width:100% !important; height:auto;}

.bgimg-cover{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-dark::before { content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35);}
.bgimg-cover{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-contain{ background-color:transparent !important; background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-auto{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.bgimg-center{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.bgimg-fixed{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.bgimg-white::before{ content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.35);}

.bgimg-green{ width:100%; float:left; background:linear-gradient(135deg, rgba(59, 146, 126, .85) 0%, rgba(97, 219, 148, .9) 100%);}
.bgimg-yellow{ width:100%; float:left; background:linear-gradient(135deg, rgba(252, 121, 120, .85) 0%, rgba(243, 155, 104, .9) 100%);}
.bgimg-red{ width:100%; float:left; background:linear-gradient(135deg, rgba(227, 89, 105, .85) 0%, rgba(252, 139 183, .9) 100%);}
.bgimg-orange{ width:100%; float:left; background:linear-gradient(135deg, rgba(255, 162, 94, .85) 0%, rgba(252, 96, 128, .9) 100%);}
.bgimg-purple1{ width:100%; float:left; background:linear-gradient(135deg, rgba(132, 136, 229, .9) 0%, rgba(240, 80, 80, .9) 100%);}
.bgimg-purple2{ width:100%; float:left; background:linear-gradient(135deg, rgba(134, 137, 248, .85) 0%, rgba(192, 122, 230, .9) 100%);}
.bgimg-blue1{ width:100%; float:left; background:linear-gradient(135deg, rgba(61, 165, 267, .85) 0%, rgba(37, 104, 189, .9) 100%);}
.bgimg-blue2{ width:100%; float:left; background:linear-gradient(135deg, rgba(102, 181, 238, .85) 0%, rgba(131, 221, 230, .9) 100%);}
.bgimg-black1{ width:100%; float:left; background:linear-gradient(135deg, rgba(0,0,0,.90) 0%, rgba(80,80,80,.90) 100%);}
.bgimg-black2{ width:100%; float:left; background:linear-gradient(135deg, rgba(54, 63, 72, 0.85) 0%, rgba(54, 63, 72, 0.65) 100%);}
.bgimg-black3{ width:100%; float:left; background:linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(54, 63, 72, .15) 100%);}
.bgimg-black-light{ width:100%; float:left; background:linear-gradient(135deg, rgba(0,0,0,.6) 0%, rgba(80,80,80,.6) 100%);}
.bgimg-gray1{ width:100%; float:left; background:linear-gradient(135deg, rgba(255,183,43,.15) 0%, rgba(0,0,0,.5) 100%);}
.bgimg-gray2{ width:100%; float:left; background:linear-gradient(135deg, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);}

.bgcolor-red { background:#f05050;}
.bgcolor-gray { background:#faf9ff;}
.bgcolor-dark { background:#e7e7ee;}
.bgcolor-purple { background:#7e68bd;}
.bgcolor-white { background:#fff;}
.bgcolor-yellow{ background:#ff8737;}
.bgcolor-yellow-light{ background:#ffb72b;}
.bgcolor-blue{ background:#3899ec;}
.bgcolor-blue-light{ background:#46c4f3;}
.bgcolor-green{ background:#43c5c0;}
.bgcolor-green-light{ background:#7dd79a;}

.btn-lg, .btn-mid, .btn-xs{ display:inline-block; border-radius:30px; color:#ffffff !important; transition:all 0.25s !important; text-decoration:none; font-weight:300;}
.btn-lg:hover, .btn-mid:hover, .btn-xs:hover{ transition:all 0.25s !important; opacity:.85;}
.btn-lg{ padding:12px 30px !important; font-size:20px; min-width:160px;}
.btn-mid{ padding:10px 26px !important; font-size:16px; min-width:130px;}
.btn-xs{ padding:8px 22px !important; font-size:14px; min-width:100px;}

.btn-red{ background:#f05050; color:#ffffff !important;}
.btn-purple{ background:#7e68bd; color:#ffffff !important;}
.btn-white-line{ border:solid 1px #fff;}
.btn-white-line:hover{ background:#fff; color:#7e68bd !important; opacity:1;}
.btn-red-line{ border:solid 1px #f05050; color:#f05050 !important;}
.btn-red-line:hover{ background:#f05050; color:#ffffff !important; opacity:1;}
.btn-purple-line{ border:solid 1px #7e68bd; color:#7e68bd !important;}
.btn-purple-line:hover{ background:#7e68bd; color:#ffffff !important; opacity:1;}

/* Theme Styles 181113 */

.ma-full{ width:100%; float:left; padding:5em 0;}
.ma-full-box{ width:100%; max-width:1200px; margin:0 auto;}
.ma-full-inner{ width:100%; float:left;}

.ma-banner{ width:100%; float:left; padding:80px 0; margin-top:90px;}
.ma-banner-box{ width:100%; max-width:1200px; margin:0 auto;}
.ma-banner-inner{ width:100%; float:left;}
.ma-banner-inner span{ width:100%; float:left; text-align:center; font-weight:300;}
.ma-banner-inner span.ltt { font-size:42px; color:#fff; margin-bottom:15px; line-height:1.2;}
.ma-banner-inner span.mtt { font-size:32px; color:#fff; margin-bottom:15px; line-height:1.4;}
.ma-banner-inner span.stt { font-size:16px; color:#fff; line-height:2;}

@media screen and (max-width:768px) {
.ma-banner{ padding:50px 25px; box-sizing:border-box; margin-top:60px;}
.ma-full{ padding:4em 0;}
.ma-full-inner{ padding:0 10px; box-sizing:border-box;}
.ma-banner-inner span.ltt { font-size:32px;}
}

.ma-column-1, .ma-column-2, .ma-column-3, .ma-column-4, .ma-column-5, .ma-column-6, .ma-column-7, .ma-column-8{ float:left; padding:15px; box-sizing:border-box;}
.ma-column-1{ width:100%;}
.ma-column-2{ width:50%;}
.ma-column-3{ width:33.3333%;}
.ma-column-4{ width:25%;}
.ma-column-5{ width:20%;}
.ma-column-6{ width:16.6666%;}
.ma-column-7{ width:14.2857%;}
.ma-column-8{ width:12.5%;}
.ma-column-box{ position:relative; width:100%; float:left; background:#fff; padding:25px; box-sizing:border-box; transition:all 0.25s; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,.05);}
.ma-column-box:hover{ box-shadow:0 10px 15px rgba(0,0,0,.08);}
.ma-column-inner{ width:100%; float:left; box-sizing:border-box; transition:all 0.25s;}
.ma-column-imgtext{ width:100%; float:left; background:#fff; transition:all 0.25s; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,.05);}
.ma-column-imgtext:hover{ box-shadow:0 10px 15px rgba(0,0,0,.08);}
.ma-column-img-box{ width:100%; height:240px; float:left; border-radius:5px 5px 0 0;}
.ma-column-img-box i{ width:100%; height:240px; float:left;}
.ma-column-text-box{ width:100%; float:left; padding:25px; box-sizing:border-box;}
.ma-column-box-none{ width:100%; float:left; box-sizing:border-box;}

@media screen and (max-width:768px) {
.ma-column-1, .ma-column-2, .ma-column-3, .ma-column-4, .ma-column-5, .ma-column-6, .ma-column-7, .ma-column-8{ width:100%; float:left; padding:15px; box-sizing:border-box;}
.ma-column-5{ width:50%;}
.ma-column-6{ width:50%;}
.ma-column-5-theme{ width:100%;}
}

.ma-con-text{ width:100%; float:left;}
.ma-con-text span{ width:100%; float:left; text-align:left; font-size:15px; color:#505869; line-height:1.8;}
.ma-con-text span.ltt, .ma-con-text span.mtt, .ma-con-text span.stt, .ma-con-text span.xtt{ color:#1f2233; margin-bottom:15px; font-weight:300;}
.ma-con-text span.ltt{ font-size:32px; line-height:1.4;}
.ma-con-text span.mtt{ font-size:22px; line-height:1.4;}
.ma-con-text span.stt{ font-size:16px; line-height:1.8;}
.ma-con-text span.xtt{ font-size:13px; line-height:1.8; font-weight: normal; color:#666a6f;}
.marod-con-white span{ color:#fff;}
.ma-icon-radio-red i, .ma-icon-radio-blue i{ width:64px; height:64px; line-height:64px; border-radius:50%; text-align:center; display:inline-block; font-size:32px;}
.ma-icon-radio-red i{ background:rgba(240,80,80,.08); color:#f05050;}
.ma-icon-radio-blue i{ background:rgba(126,104,189,.08); color:#7e68bd;}
.ma-text-center span{ text-align:center !important;}
.ma-text-left span{ text-align:left !important;}
.ma-text-right span{ text-align:right !important;}
.ma-text-white span{ color:#fff !important;}

.marod-imgtext-box{ position:relative; width:100%; float:left;}
.marod-imgbox-left{ width:510px; float:left; box-sizing:border-box; padding:15px;}
.marod-imgbox-right{ width:510px; float:right; box-sizing:border-box; padding:15px;}
.marod-imgbox-left span, .marod-imgbox-right span{ width:100%; float:left;}
.marod-text-left{ position:absolute; float:left; width:calc(100% - 550px); height:100%; left:0;}
.marod-text-right{ position:absolute; float:left; width:calc(100% - 550px); height:100%; right:0;}
.marod-textbox{ width:100%; height:100%; display:table; vertical-align:middle; box-sizing:border-box; padding:15px;}
.marod-textinner{ width:100%; height:100%; display:table-cell; vertical-align:middle;}

.marod-imgtheme-left{ width:calc(100% - 530px); float:left; box-sizing:border-box; padding:15px;}
.marod-imgtheme-right{ width:calc(100% - 530px); float:right; box-sizing:border-box; padding:15px;}
.marod-imgtheme-left span, .marod-imgtheme-right span{ width:100%; float:left;}
.marod-txtheme-left{ position:absolute; float:left; width:480px; height:100%; left:0;}
.marod-txtheme-right{ position:absolute; float:left; width:480px; height:100%; right:0;}

@media screen and (max-width:768px) {
.marod-imgbox-left, .marod-imgbox-right{ width:100%; float:left; box-sizing:border-box;}
.marod-text-left, .marod-text-right{ width:100%; position:inherit;}
.ma-con-text span{ font-size:14px; line-height:1.8;}
.ma-con-text span.ltt{ font-size:24px; line-height:1.4;}
.ma-con-text span.mtt{ font-size:18px; line-height:1.4;}
.ma-con-text span.stt{ font-size:14px; line-height:1.8;}
.marod-imgtheme-left, .marod-imgtheme-right{ width:100%; float:left; box-sizing:border-box;}
.marod-txtheme-left, .marod-txtheme-right{ width:100%; position:inherit;}
}

.marod-topic-block{ width:100%; height:740px; background:#f2f2f2;}
.marod-topic-box{ width:100%; height:100%; display:table; vertical-align:middle;}
.marod-topic-inner{ width:100%; display:table-cell; vertical-align:middle;}
.marod-topic-text{ width:90%; margin:0 5%; float:left;}
.marod-topic-text span{ width:100%; float:left; text-align:center; color:#fff; line-height:1.4; font-family:'微软雅黑', Arial, sans-serif;}
.marod-topic-text span.ltt{ font-size:48px; margin-bottom:10px; font-weight:300;}
.marod-topic-text span.mtt{ font-size:30px; margin-bottom:20px; font-weight:300;}
.marod-topic-text span.stt{ font-size:18px; margin-bottom:40px; font-weight:300;}
.marod-iframe{ border:none; overflow:hidden;}

@media screen and (max-width:768px) {
.marod-topic-text span.ltt{ font-size:36px;}
.marod-topic-text span.mtt{ font-size:20px;}
.marod-topic-text span.stt{ font-size:16px;}
}

.marod-pro-icon{ width:60px; float:left; margin-right:10px;}
.marod-pro-icon span{ position:relative; width:100%; float:left; text-align:left;}
.marod-pro-icon span i{ position:absolute; line-height:60px; font-size:46px !important; color:#f05050; transition:all 0.25s;}
.marod-pro-icon span i.sty1, .marod-pro-icon span i.sty2{ left:10px;}
.marod-pro-icon span i.sty2{ opacity:0;}
.marod-conbox-tt:hover .marod-pro-icon span i.sty1{ opacity:0;}
.marod-conbox-tt:hover .marod-pro-icon span i.sty2{ opacity:1;}
.marod-pro-info{ width:calc(100% - 70px); float:right;}
.marod-pro-info span{ width:100%; float:left; font-size:13px; line-height:1.8;}
.marod-pro-info span.ltt{ font-size:24px; margin-bottom:5px; font-weight:300;}
.marod-pro-info a{ color:#1f2233; text-decoration:none !important;}
.marod-pro-info a:hover{ color:#f05050;}

.maroad-conlist{ width:100%; float:left;}
.maroad-conlist-left{ width:45%; float:left;}
.maroad-conlist-right{ width:50%; float:right;}
.ma-white-textbox{ width:100%; float:left; padding:15px; box-sizing:border-box; margin:10px 0; box-shadow:0 5px 15px rgba(0,0,0,.05);}

@media screen and (max-width:768px) {
.maroad-conlist-left, .maroad-conlist-right{ width:100%;}
}

.ma-form-content{ width:100%; max-width:800px; margin:0 auto;}
.ma-form-box-shadow{ width:100%; float:left; background:#fff; border-radius:5px; box-sizing:border-box; transition:all 0.3s; box-shadow:0 10px 30px rgba(0,0,0,.08);}
.ma-iframe{ border:none; overflow:hidden;}

#footer { width:100%; float:left; background:#2e2e2e;}
.ma-foot-wechat{ width:300px; float:left; padding:15px; box-sizing:border-box;}
.ma-foot-wechat img{ width:100%; height:auto; max-width:120px; margin-top:5px;}
.ma-foot-navbox{ width:calc(100% - 600px); float:left; padding:15px; box-sizing:border-box;}
.ma-foot-contact{ width:300px; float:right; padding:15px; box-sizing:border-box;}
.ma-foot-navlist{ width:33.3333%; float:left;}
.marod-footbox{ width:100%; float:left;}
.ma-foot-box span{ width:100%; float:left; margin-bottom:5px;}
.ma-foot-box span.ltt{ font-size:16px; color:#eaeaea; font-weight:500; margin-bottom:10px;}
.ma-foot-box span a{ width:100%; float:left; font-size:13px; line-height:20px; margin:5px 0; color:#bababa;}
.ma-foot-box span a:hover{ color:#fff;}
.ma-foot-box span.mtt a{ font-size:13px; line-height:20px; color:#bababa;}
.ma-foot-box span.mtt a:hover{ color:#fff;}
.ma-foot-box span.mtt a i{ display:inline-block; font-size:16px; line-height:20px; margin-right:5px; color:#dadada;}
.ma-foot-copyright{ width:100%; float:left; margin-top:30px;}
.ma-foot-copyright span{ width:100%; float:left; color:#666666; font-size:12px; font-family:Arial;}
.ma-foot-copyright span img{ width:100%; height:auto; max-width:140px; opacity:.3; margin-bottom:5px;}

.ma-icp{ width:100%; float:left; text-align:left;}
.ma-icp a{ width:100%; float:left; font-size:12px; color:#898989; letter-spacing:0; line-height:28px;}
.ma-icp a img{ width:12px; margin-right:5px;}

@media screen and (max-width:768px) {
.ma-foot-wechat{ width:100%; text-align:center;}
.ma-foot-contact{ width:100%;}
.ma-foot-box span{ text-align:center;}
.ma-foot-box span a{ text-align:center;}
.ma-foot-box span.tt{ font-size:24px;}
.ma-foot-navbox{ display:none;}
}