@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#606060}
.clear{ clear:both}
body{ font-family:"FangSong"; width:100%; max-width:640px; margin:0 auto; color:#606060; font-size:12px}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}



.mainWarp{ width:100%;}


.menuBox{ padding:15px; overflow:hidden}
.menuBox .logoBox{ position:relative}
.menuBox .logoBox .logoIcon{ display:block; margin:0 auto; height:60px}
.menuBox .logoBox .closeIcon{ position:absolute; top:18px; right:0; z-index:99999; display:block; width:24px;}
.menuBox ul{ overflow:hidden} 
.menuBox ul li{ padding-top:30px;overflow:hidden}
.menuBox ul li a{ display:block}
.menuBox ul li a p{ text-align:center;font-size: 12px; height:16px; line-height:16px;font-family:"LaoSong";}
.menuBox ul li a span{ display:block; text-align:center; height:17px; line-height:17px;font-size: 14px;}
.menuBox .lineBox{margin: 40px 20px;}
.menuBox .lineBox .l{ background:#dcdfe6; height:1px; width:100%}
.menuBox .fotBox{ padding-bottom:40px;}
.menuBox .fotBox img{ display:block; width:60px; height:60px; margin:0 auto; margin-bottom:20px}
.menuBox .fotBox p{ text-align:center; line-height:20px; font-size:10px;}


.m-slider {overflow-x: hidden;width: 100%;position: relative;}
.slider-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;height: 100%;-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);position: relative;z-index: 1;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;}
.slider-item {width: 100%; height: 100%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.slider-item img{width: 100%;height: auto;display: block;border: none;}
.slider-pagination {text-align: right;position: absolute;width: 100%;z-index: 2;right: 0;bottom: 0.5rem;pointer-events: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.slider-pagination > .slider-pagination-item { margin: 0 .25rem;width: 8px;height: 8px; display: inline-block;border-radius: 100%;background-color: rgba(255,255,255,0.50);}
.slider-pagination > .slider-pagination-item.slider-pagination-item-active {background-color: #ffffff;border-radius: 10px;}


.headerBox{ position:fixed; top:0; left:0; z-index:9;width:100%; margin:0 auto;}
.headerBox .headBox{ position:relative;width:100%;padding:15px 0; max-width:800px; margin:0 auto; }
.headerBox .headBox .menuIcon{ position:absolute; left:15px; top:20px; z-index:999; width:20px}
.headerBox .headBox .logoIcon{ display:block; margin:0 auto; height:30px;}
.headerBox.headerBox0 .headBox{ background:#424241}

.homeBox_1{ padding:30px; overflow:hidden}
.homeBox_1 p.p1{ font-size:14px; line-height:24px;}
.homeBox_1 p.p3{font-size:14px; line-height:24px;font-family: HammerThin;}
.homeBox_1 p.p4{font-size: 40px;line-height: 44px;color: #1a2d75;}
.homeBox_1 p.p5{font-size: 26px;padding-bottom: 5px;}
.homeBox_1 p.p5 span{ padding-left:20px}
.homeBox_1 .nr{color: #cbcbcb; line-height:20px; padding-top:20px; font-size:12px}
.homeBox_1 .btnBox{ padding-top:20px; padding-bottom:50px; overflow:hidden}
.homeBox_1 .btnBox a{display: inline-block;padding: 5px 12px;background-color: #606060;color: #fff;cursor: pointer;border-radius: 5px;margin-right: 20px;font-family: LaoSong;font-size: 10px;}


.footerBox{background: #c6c4b9; overflow:hidden; padding:10px 15px}
.footerBox p{ text-align:center;line-height:1.5; font-size:12px}


.tcyyBox{ position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9; display:none}
.mark{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background: #fff;opacity: .8;}
.tcbox{position:fixed; z-index:99999; margin-left:-140px; left:50%; top:20%; width:220px; background:#fff; box-shadow: 5px 5px 10px rgba(0,0,0,.3); border-radius: 30px; padding:30px}
.tcbox p{line-height: 20px; margin-bottom:20px; font-size:12px;}
.tcbox .lo{ overflow:hidden; margin-bottom:10px}
.tcbox .lo img{ display:block; float:right; height:30px; }
.tcbox .btn{ text-align:center}
.tcbox .btn a{display: inline-block;padding: 5px 12px;background-color: #606060;color: #fff;cursor: pointer;border-radius: 5px;font-family: LaoSong;font-size: 10px;}



.commonBox{ padding:30px; overflow:hidden; padding-top:90px}
.commonBox .p1{font-family: HammerThin;font-size: 12px; color:#000; font-weight:lighter}
.commonBox .p2{font-family: LaoSong; color:#1a2d75}
.commonBox .p3{color: #1a2d75; margin-top:30px;}
.commonBox .p4{}
.commonBox .nr{margin-top: 30px; line-height:20px;}
.mt20{margin-top: 20px;}
.commonBox .nr2{}
.commonBox .nr2 p{color: #969696; margin-top:20px;}
.commonBox .wx{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #000; overflow:hidden}
.commonBox .wx .img1{ display:block; float:right; height:33px; margin-top:25px}
.commonBox .wx .img2{ display:block; float:right; height:60px; margin-left:10px}
.commonBox .tip{color: #1a2d75; text-align:right}

.commonBox .p5{line-height: 22px;margin-top: 5px;}
.commonBox .nr3{ overflow:hidden; padding-top:40px}
.commonBox .nr3 img{ display:block; margin:0 auto; height:80px;}
.commonBox .nr3 .pp1{ text-align:center; margin-top:5px}
.commonBox .nr3 .pp2{color: #1a2d75; text-align:center; margin-top:10px;}
.commonBox .nr3 .pp3{line-height: 24px; padding:20px 0}
.commonBox .nr3 .pp4{ text-align:center}

.commonBox .p6{font-family: LaoSong; text-align:center; line-height:20px}
.commonBox .p7{color: #1a2d75; font-size:14px; margin-top:5px;font-family: LaoSong; text-align:center}
.commonBox .p8{ margin-top:5px;font-family: LaoSong; text-align:center;line-height:20px}
.commonBox .img3{ display:block; width:70px; height:70px; margin:0 auto}
.commonBox .img4{ display:block; margin-top:20px; width:100%}
.commonBox .p9{ margin-top:20px;font-size: 14px; font-weight:lighter; line-height:20px}
.commonBox .p10{color: #cbcbcb;margin-top:5px; line-height:20px}
.mt50{ margin-top:50px}
.commonBox .p11{ font-size:14px; text-align:center; margin-top:30px; line-height:24px}
.commonBox .p11 span{ font-size:12px;}
.commonBox .p12{ font-size:12px;font-weight:lighter; line-height:24px}
.commonBox .img5{ display:block; margin:0 auto; width:40px; margin-top:20px; margin-bottom:10px}
.commonBox .center{ text-align:center; padding-bottom:10px}
.commonBox .p13{display: inline-block;padding: 0 15px 3px 15px; font-size:14px;border-bottom: 1px dashed #969696;color: #969696;}
.mtb50{ margin-bottom:50px}


.Menubox{overflow:hidden}
.Menubox ul{ padding:0 50px 25px; overflow:hidden}
.Menubox ul li{ float:left; width:25%;}
.Menubox ul li:first-child span{ display:block; width:30px; height:30px; background:url(../images/lx1.png) no-repeat; background-size:30px 30px; margin:0 auto}
.Menubox ul li:nth-child(2) span{ display:block; width:30px; height:30px; background:url(../images/lx2.png) no-repeat; background-size:30px 30px; margin:0 auto}
.Menubox ul li:nth-child(3) span{ display:block; width:30px; height:30px; background:url(../images/lx3.png) no-repeat; background-size:30px 30px; margin:0 auto}
.Menubox ul li:nth-child(4) span{ display:block; width:30px; height:30px; background:url(../images/lx4.png) no-repeat; background-size:30px 30px; margin:0 auto}
.Menubox ul li:first-child.hover span{ background:url(../images/lx1_1.png) no-repeat; background-size:30px 30px}
.Menubox ul li:nth-child(2).hover span{ background:url(../images/lx2_1.png) no-repeat; background-size:30px 30px}
.Menubox ul li:nth-child(3).hover span{ background:url(../images/lx3_1.png) no-repeat; background-size:30px 30px}
.Menubox ul li:nth-child(4).hover span{ background:url(../images/lx4_1.png) no-repeat; background-size:30px 30px}
.Contentbox{width:100%;height:320px;overflow:hidden; background:#1a2d75}
.Contentbox .box1{ padding:80px; overflow:hidden}
.Contentbox .box1 img{ display:block; width:60px; height:60px;}
.Contentbox .box1 .p1{ margin-top:20px;color: #fff; line-height: 24px;}
.Contentbox .box1 .p2{color: #cbcbcb;line-height: 20px;}
.Contentbox .box2{ padding:40px 80px; overflow:hidden}
.Contentbox .box2 .p1{color: #cbcbcb; line-height:20px; margin-bottom:20px;}
.Contentbox .box2 .p2{color: #fff;line-height: 24px;}
.Contentbox .box2 .p3{color: #fff;line-height: 24px; font-size:18px;word-break: break-all;font-family: LaoSong;}
.Contentbox .box2 .p4{color: #cbcbcb;text-decoration: underline;cursor: pointer; margin-top:10px}
.Contentbox .box1.box3{  padding-top:40px}

.mt30{ margin-top:30px}
.mt5{margin-top: 5px;}
.p5.mt10{margin-top: 10px;}
.p5.mt20{margin-top: 20px;}

.conbtn{ text-align:center; padding:30px 0 50px}
.conbtn a{display: inline-block;padding: 5px 12px;background-color: #606060;color: #fff;cursor: pointer;border-radius: 5px;font-family: LaoSong;font-size: 10px;}
.conbtn.conbtn2{ text-align:left; padding:0}

ul.faq{ overflow:hidden; padding:50px 0}
ul.faq li{ float:left; width:50%;}
ul.faq li .iimg{ overflow:hidden}
ul.faq li .iimg img{ display:block; width:30px; height:30px;}
ul.faq li:nth-child(2n) .iimg img{ float:right}
ul.faq li p{height: 40px;margin-top:10px;}
ul.faq li:nth-child(2n) p{ text-align:right}



.tcBox2{position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9; display:none}
.tcBox2 .box{position:fixed; z-index:99999; margin-left:-160px; left:50%; top:15%; width:320px; border-radius: 30px; display:none}
.tcBox2 .box .close{ overflow:hidden; margin-bottom:10px}
.tcBox2 .box .close img{ display:block; width:30px; float:right}
.tcBox2 .box .iitem{ position:relative}
.tcBox2 .box .iitem .l{position: absolute;top: calc(50% - 40px);left: 0;width: 80px;height: 80px;}
.tcBox2 .box .iitem .l img{ display:block;width: 80px;height: 80px;}
.tcBox2 .box .iitem .c{position: absolute;top: calc(50% - 10px);left:70px;display: inline-block;width: 0;height: 0;border-top: 15px solid transparent;border-right: 15px solid #c4c6c3;border-bottom: 15px solid transparent;}
.tcBox2 .box .iitem .r{display: inline-block;margin-left:84px;border-radius: 30px;min-height: 250px;background-color: #c4c6c3;width: calc(100% - 140px);padding: 30px 20px;line-height: 22px;position: relative;}
.tcBox2 .box .iitem .r p{ margin-bottom:40px;font-family: LaoSong;}
.tcBox2 .box .iitem .r a{display: inline-block;padding: 5px 12px;background-color: #606060;color: #fff;cursor: pointer;border-radius: 5px;font-family: LaoSong;font-size: 10px;}








.loadbxo1{ overflow:hidden; margin-bottom:10px; margin-top:50%}
.loadbxo1 img{ display:block; height:30px;animation:text 1s linear 0.1s forwards;}
.loadbxo2{ overflow:hidden}
.loadbxo2 img{ display:block; float:left; width:30px; margin-right:5px;height:30px;opacity: 0;}
.loadbxo2 img:first-child{animation:text 1s linear 0.4s forwards;}
.loadbxo2 img:nth-child(2){animation: text 1s linear 0.7s forwards;}
.loadbxo2 img:nth-child(3){animation: text 1s linear 1s forwards;}
.loadbxo2 img:nth-child(4){animation: text 1s linear 1.3s forwards;}
.loadbxo2 img:nth-child(5){animation: text 1s linear 1.6s forwards;}
.loadbxo2 img:nth-child(6){animation: text 1s linear 1.9s forwards;}

@keyframes text {
0%{opacity: 0;}
100%{opacity: 1;}
}