body {background:#f2f2f2;}
.domain {text-transform:capitalize;}
.header {background:#662d91;border-bottom-color:#bf0000;border-bottom-style:none;box-shadow:#5B5B5B 0px 2px 8px;overflow:hidden;}
.header .layui-nav {background-color:#662d91;}
.header .layui-nav li {text-align:center;}
.header .layui-nav .layui-nav-item a {color:#fff;font-size:20px;}
.header .layui-nav .layui-nav-item a:hover {font-weight:bold;}
.banner {height: 350px;position:relative;overflow:hidden;}
.banner .banner-bg {width: 100%;height: 100%;position:relative;top:0;left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);box-sizing: border-box;}
.banner-text {position:absolute;    left: 0; right: 0;top: 30%;color:#fff;}
.banner-text h1 {color:#fff;font-weight:bold;font-size:72px;text-align:center;line-height:74px;height:74px;}
.banner-text .desc {box-sizing:border-box;color:#ffffff;text-align:center;font-size:20px;font-weight:bold;line-height:26px;height:26px;padding-top:20px;}
.layui-card {margin-top:30px;}
.layui-card-header {font-size:38px;text-align:center;font-weight:bold;line-height:70px;height:70px;color:#ffffff;box-shadow:#5B5B5B 0px 2px 8px;background:#662d91;border-bottom:none;}
.layui-card-body {background:#ffffff;padding:40px;}
.about .about-box {border:1px solid #b3b3b3;border-top-width:10px;padding:50px 30px;position:relative;min-height:180px;}
.about  .about-box .no {display:block;box-sizing:border-box;font-size:50px;line-height:92px;width:90px;height:100px;text-align:center;color:#ffffff;border-bottom-color:#ffffff;border-bottom-style:none;border-bottom-width:0px;background:#03a9f4;letter-spacing:-2px;position:absolute;top:-60px;font-weight:bolder;}
.about .layui-row {padding-top:50px;}
.about .about-box p {color:#808080;font-size:16px;padding-top:10px;}
.about .about-box p.en {padding-top:30px;}
.contact-box {display:flex;}
.contact-box .ico {width:60px;height:60px;display:table;background:#03a9f4;color:#fff;text-align:center;line-height:60px;font-size:28px;border-radius:100%;margin-right:10px;}
.contact-box p {display:flex;font-size:18px;word-break:break-all;align-items:center;}
.layerhide {display:none;}
.footer {background:#662d91;margin-top:30px;padding:20px;text-align:center;color:#fff;}
@media(max-width:1200px) {.banner {height: 350px;}
}
@media (max-width:767px) {.header {padding-top:40px;overflow:hidden;}
.header .layui-nav {padding:0;}
.header .layui-nav li {line-height:50px;}
.header .layui-nav .layui-nav-item a {font-size:14px;padding:0;}
.banner {height:221px;width: 100%;    box-sizing: border-box; overflow:hidden;}
.banner-text {width:94%;height:171px;top:23px;left:3.026315789473684%;right:inherit;display:block;background:rgba(255,255,255,0.7);}
.banner-text h1 {font-size:36px;line-height:inherit;height:auto;padding-top:30px;color:#000;}
.banner-text .desc {color:#424242;font-size:16px;}
.about .about-box .no {font-size:30px;height:60px;line-height:60px;top:-10px;width:60px;}
.about .about-box {padding:20px;min-height:auto;}
.about .about-box p {padding-left:75px;}
.about .about-box p.en {padding-top:10px;}
.layui-card-body {padding:20px;}
.contact .layui-card-body {padding-left:50px;}
.about .layui-row {padding-top:0;}
.layui-card-header {font-size:20px;line-height:40px;height:40px;}
.contact-box .ico {width:42px;height:42px;line-height:42px;font-size:20px;}
}