@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#000000;font-family:'HarmonyOS Sans SC','SourceHanSansCN','Source Han Sans CN','PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif;overflow-x: hidden; line-height: 1.4; padding-top: 80px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color:#045af1}
/*居中*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}

.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.2s;}
.wow:nth-child(3){animation-delay:0.3s;}
.wow:nth-child(4){animation-delay:0.4s;}
.wow:nth-child(5){animation-delay:0.5s;}
.wow:nth-child(6){animation-delay:0.6s;}
.wow:nth-child(7){animation-delay:0.7s;}
.wow:nth-child(8){animation-delay:0.8s;}
.wow:nth-child(9){animation-delay:0.9s;}
.wow:nth-child(10){animation-delay:1s;}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}

.wapshow{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1400px; width: 86%}
.logo{width: 20%; max-width: 100px;}
.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:12;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top:0px;background: #fff; }
.top.cur{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}
.top:hover{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}
.top>.mainbox{height:80px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:95%; z-index: 2; max-width: 100%}

.nytop{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}

.topright{width:calc(95% - 100px);}

.logo{ width:100px;}


.nav{width:60%; }
.nav li{position: relative; font-weight: bold}
.nav li>a{position: relative; display: block;line-height:80px;}
.nav li.cur>a{color: #045af1;}
.nav li:hover>a{color: #045af1;}

.topright_right{width: 34%; max-width: 400px}
.tel{}
.tel a{color: #045af1; position: relative; font-size:18px;font-weight: bold}
.telico img{width:10px; }
.telico {width:20px; height: 20px; border-radius: 100%; border: 1px solid #045af1;margin-right:6px;animation: ring1 2.2s ease infinite;}

@keyframes ring1 {
  0% {transform: rotate(0);}
  15% {transform: rotate(25deg);}
  30% {transform: rotate(0);}
  45% {transform: rotate(25deg);}
  60% {transform: rotate(0);}
  100% {transform: rotate(0);}
}

.morebtn{ text-align: center; color: #ffffff; background: #045af1;border-radius: 38px; padding:6px 10px 6px 20px; position: relative; overflow: hidden;  max-width: 140px;font-size: 12px;}

.morebtn span{position: relative; z-index: 2;font-weight: bold}
.morebtn em{position: relative; z-index: 2;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.morebtn em{width: 24px; height:24px; border-radius: 100%; background: url("../images/you.svg") no-repeat center center; background-size:70% auto; margin-left:10px;}
.morebtn:before{content: ''; position: absolute; left:-100%; top: 0px; width: 100%; height: 100%; background:#3e84ff; z-index:1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius: 38px; }
    
.morebtn:hover em{background: url("../images/you2.svg") no-repeat center center #ffffff; background-size:70% auto; }
.morebtn:hover span{color: #ffffff}
.morebtn:hover:before{left: 0px;}

.morebtn.big{ max-width:320px;font-size:22px; border-radius: 100px; font-weight: bold; box-shadow: 0px 0px 20px rgba(4,90,241,0.3); padding:10px 10px 10px 20px; }

.morebtn.big em{width: 40px; height:40px; border-radius: 100%; background: url("../images/jian.png") no-repeat center center #ffffff; background-size:50% auto;}

.morebtn.big:hover em{background: url("../images/jian.png") no-repeat center center #ffffff; background-size:50% auto; }


a:hover .morebtn em{background: url("../images/you2.svg") no-repeat center center #ffffff; background-size:70% auto; }
a:hover .morebtn span{color: #ffffff}
a:hover .morebtn:before{left: 0px;}

a:hover .morebtn.morebtn3{ border: 1px solid #ffffff}
a:hover .morebtn.morebtn3 em{background: url("../images/you2.svg") no-repeat center center #ffffff; background-size:70% auto; }


.yuyanselect{width: 20px; position: relative}
.yuyanselect img{width: 100%}


.yuyandown{position: absolute; left: 50%; transform: translate(-50%,0); min-width: 100px; top: 30px; display: none; border-radius: 10px;overflow: hidden;box-shadow:0px 0px 10px rgba(0,0,0,0.05) }
.yuyandown a{background: rgba(255,255,255,0.9); display: block;line-height: 40px; text-align: center;overflow: hidden; color: #333!important}
.yuyandown a:hover{background: #045af1; color: #fff!important}




.banner{position: relative; padding: 8% 5% 5%; background: url("../images/banner.jpg") no-repeat center center; background-size: cover;}



.bantxt{ text-align: center}

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}


.bantxt h2{font-size:54px;color: #045af1;margin-bottom: 20px;}
.bantxt h3{font-size:40px;}

.banwenzi{max-width:1000px;line-height: 1}

.partonebox{ background-image: linear-gradient(to top, #f2f9ff , #ffffff);}


.sytit{text-align: center}
.sytit  span{color: #045af1}
.sytit span em{width: 40px; height: 1px; background: #045af1;margin: 0px 10px}
.sytit h3{font-size: 40px;}

.sytit p{color: #666666; font-weight:300; line-height: 1.6}


.synumber li{width: calc(25% - 72px); border: 1px solid #d9d9da; border-radius: 20px; background: #ffffff; text-align: center; margin-left:30px; padding:30px 20px}
.synumber ul{width: calc(100% + 30px); margin-left: -30px;}

.synumber li p{color: #045af1; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom:20px}
.synumber li p em{font-size:60px;}





.whatgeo li{width: calc(50% - 122px); border: 1px solid #d9d9da; border-radius: 20px; background: #ffffff; margin-left:50px; padding:35px; position: relative; margin-top: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.whatgeo ul{width: calc(100% + 50px); margin-left: -50px;}

.whatgeo li span{color: #f2f5fe; font-size:80px; position: absolute; top:10px; right:10px; line-height: 1; font-weight: bold}

.whatgeoico{width:50px; height: 50px; border-radius: 10px; background: #d7f0fd}


.whatgeo li h4{font-size:24px; margin-top: 20px;margin-bottom: 12px}
.whatgeo li p{color: #666666}

.whatgeo li:hover{background: #045af1; border: 1px solid #ffffff;  color: #ffffff!important}
.whatgeo li:hover p{color: #ffffff}

.whatgeo li:hover .whatgeoico{background: #ffffff}


.whygeo li{width: calc(25% - 72px); border: 1px solid #d9d9da; border-radius: 20px; background: #ffffff; text-align: center; margin-left:30px; padding:30px 20px; border-top: 5px solid #286fff;margin-top: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.whygeo ul{width: calc(100% + 30px); margin-left: -30px;}
.whygeo li h4{color: #045af1; font-size: 24px; margin:20px 0px 0px; line-height: 1.2; margin-bottom: 20px}
.whygeo li p{font-weight: 300}
.whygeoico{width:60px; height: 60px; border-radius: 100%;border: 1px solid #000000; margin: 0 auto}

.whygeo li:hover{background: #045af1; border: 1px solid #ffffff;  color: #ffffff!important}
.whygeo li:hover h4{color: #ffffff}
.whygeo li:hover .whygeoico{background: #ffffff;border: 1px solid #045af1;}



.partfourbox{background: #f2f9ff}



.aaas_left{width: 52%}
.aaastit h4{font-size: 30px; color: #045af1}
.aaastit h5{font-size: 20px;}
.aaastit p{font-weight: 300}

.aaastxt li{width: calc(50% - 62px); border: 1px solid #d9d9da; border-radius: 20px; background: #ffffff; text-align: center; margin-left:20px; padding:20px;margin-top:20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.aaastxt ul{width: calc(100% + 20px); margin-left: -20px;}

.aaas_right{width: 44%}


.aaastxt li p{color: #045af1}
.aaastxt li span{font-size: 14px; text-align: left; display: block; font-weight: 300; line-height: 1.4}



.hexing li{width: calc(50% - 50px);border-radius: 20px; background: #ffffff; margin-left:50px; margin-top:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;box-shadow: 0px 0px 20px rgba(4,90,241,0.3); position: relative}
.hexing ul{width: calc(100% + 50px); margin-left: -50px;}

.hexstxt h4{font-size: 24px; margin-bottom: 10px}
.hexstxt p{color: #045af1; font-size: 18px; font-weight: 300}

.hexingico{width: 60px; margin-right: 50px;}
.hexing li a{padding:50px 50px 50px 30px;}
.hexing li a:before{content: ''; width: 40px; height: 40px; background: url("../images/you.svg") no-repeat center center #045af1; background-size: 50% auto; border-radius: 100%; position: absolute; right:30px; bottom: 30px;}

.hexing li a:hover:before{ background: url("../images/you.svg") no-repeat center center #3e84ff; background-size: 50% auto;}


.partsixbox{ background-image: linear-gradient(to top, #f2f9ff , #ffffff);}

.service_case{position: relative}
.service_case li{position: absolute; text-align: center; font-weight: bold; cursor: pointer}
.service_case li span{border-radius: 100%; font-size:26px; border: 1px solid #e3e3e3; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 50px; height: 50px; display: block; line-height: 50px; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.service_case li p{color: #045af1;font-size: 16px; line-height: 1.4; margin-top: 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; max-width: 240px}
.service_case li:nth-child(1){top:0%; left: 0px;}
.service_case li:nth-child(2){bottom:5%; left:25%;}
.service_case li:nth-child(3){top:5%; left: 50%; transform: translate(-50%,0)}
.service_case li:nth-child(4){bottom:5%; right: 25%;}
.service_case li:nth-child(5){top:0%; right: 0px;}

.service_case li:hover p{transform: scale(1.1)}
.service_case li:hover span{background: #045af1; color: #ffffff; border: 1px solid #045af1}

.chanyelist li{width: calc(20% - 82px);border-radius: 20px; background: #ffffff; margin-left:40px; margin-top:40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border: 1px solid #d9d9da; background: #f2f7ff; text-align: center; padding:30px 20px;}
.chanyelist ul{width: calc(100% + 40px); margin-left: -40px;}
.chanyelist li p{color: #045af1; font-size: 20px; font-weight: bold; margin-top: 20px;}
.chanyelist li span{width: 60px; height: 60px; background: #ffffff; border-radius: 100%; display: block; margin: 0 auto;}
.chanyelist li:hover{background: #045af1;}
.chanyelist li:hover p{color: #FFFFFF}
.linktomore{margin-top: 40px;}
.linktomore a{max-width:100%; width: 30%; font-size:14px;}


.parteightbox{background: #f2f9ff}


.aboutleft{width: calc(46% - 20px);background-image: linear-gradient(to top, #dff1ff , #eef5ff); border-radius: 30px; padding: 30px 10px;}
.aboutlogo img{width:25%}
.aboutleft ul{margin-top: 20px}
.aboutleft li{width:33.3%; text-align: center; margin-top: 20px; text-align: center}

.aboutleft li p{color: #045af1; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom:10px}
.aboutleft li p em{font-size:40px;}


.aboutright{width: 50%}
.aboutright h2{font-size:26px; color: #045af1; line-height: 1.4}
.aboutright p{font-size: 18px; margin:30px 0px;}
.parteightbox .mainbox{width:75%}

.hsie{font-size: 14px; margin-top:30px; color: #666}

.footline{width: 1px; background:rgba(255,255,255,0.2)}
.footbox{padding: 50px 0px;}
.footer{background-image: linear-gradient(to top, #045af1 , #3d82ff); color: #ffffff}

.foot_left{width:60%}
.foot_left h4{font-size: 26px; font-weight: normal; line-height: 1; margin-bottom: 20px}
.foot_left h3{font-size:24px; margin-bottom: 30px;}
.morebtn.big.baise{background: #ffffff; color: #045af1}

.morebtn.big.baise em{background: url("../images/jian2.png") no-repeat center center #045af1; background-size:50% auto;}
.foot_right ul{text-align: center}
.foot_right{width: 30%}
.foot_right li{width:28%; text-align: center; display: inline-block; font-size: 12px;}
.foot_right li img{margin: 0 auto; width: 70%}
.foot_right li:nth-child(4),.foot_right li:nth-child(5){margin-top: 20px;}
.foot_right li p{line-height: 1.4; margin-top: 5px;}


.bottom_txt{text-align: center; padding: 20px 0px}


.aboutlogobox {
  position: relative;overflow: hidden;
}
.aboutlogobox img{height: 400px;}
.scroll-track {
  position: relative;

  display: flex;
  white-space: nowrap;
}


.footerbj{background-image: linear-gradient(to top, #045af1 , #3d82ff); color: #ffffff}

.foot_cont{width: 30%}
.footer_top h4{font-size: 24px;}

.foot_cont li{margin-top:20px;}
.foot_cont li span{font-size: 24px; line-height: 1; font-weight: bold}
.foot_cont li p:nth-child(2){font-size: 14px;}


.foot_cont li a{color: #ffffff}
.foot_cont li a:hover{color: #0f51aa; text-decoration: underline}

 

.foot_from{width:50%}


.foot_from ul{width: calc(100% + 40px); margin-left: -40px;}
.foot_from li{border-bottom: 1px solid rgba(255,255,255,0.3); width: calc(50% - 40px); margin-left: 40px; margin-top: 30px;}
.inputtxt{height: 50px;background: none; border: none; color: #ffffff; width: 100%; font-size: 14px;}

.inputtxt::-webkit-input-placeholder { color: rgba(255,255,255,0.5);}
.inputtxt::-moz-placeholder { color: rgba(255,255,255,0.5);}
.inputtxt:-ms-input-placeholder {color: rgba(255,255,255,0.5);}
.foot_from li:last-child{ width: calc(100% - 40px); border: none; margin-top: 40px;}
.tijiaos{height: 40px; padding: 0px 30px; border: 1px solid rgba(255,255,255,0.5)!important; background: none; color: #ffffff; border-radius: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tijiaos:hover{background: #ffffff; border: 1px solid #3d82ff!important; color: #3d82ff}
.codema{width: 80px;}

.foot_cont li p:nth-child(1){font-weight: bold; margin-bottom: 5px;}
 

.tanchubj{width: 100%; height: 100%; position:fixed; left: 0px; top:0px; z-index: 999; background: rgba(0,0,0,0.5); display: none}

.biaodanbox{width: 90%;max-width: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff; border-radius: 20px;}


.biaodanbox ul{padding:30px; padding-top: 0px;}
.biaodanbox li{width: 100%;margin:5px 0px;} 


.biaodanbox h2{text-align: center; margin:30px 0px 10px;}

.frosm{border: 1px solid #cccccc; border-radius: 4px;overflow: hidden}
.inputtxts{width: calc(100% - 30px); padding: 0px 15px; height: 40px; border: none}
.inputtxts.w50{width: calc(50% - 30px)}
.cade{color: #045af1; padding-right: 15px;}
.biaodanbox li p{color: #666; margin-bottom: 10px}

.tijiaobtn{width: 100%; height: 48px; background:#045af1; color: #ffffff; border-radius: 4px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.tijiaobtn:hover{ background:#6f9dff;}
.biaodanbox li:nth-child(5){margin-top:20px;}


.checks{ background:#fff; width:16px; height:16px; border:1px solid #ddd;  cursor: pointer; margin-right: 10px;}
.checks:checked {border-color:#045af1; background:url("../images/dui.svg") no-repeat center center #045af1; background-size:80% auto;}

.close{width: 30px; height: 30px;position: absolute; right:10px; top: 10px;}

.close img{width: 50%}


.fudong{position: fixed; right: 0px; top: 50%; transform: translate(0,-50%); width:60px; z-index: 4; }

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 30px; background: #fff;}
.fudong li{text-align: center; position: relative;}
.fudong li a{ padding:10px 0px; display: block}
.fudong li a>p{line-height: 1.2; margin-top:5px; font-size: 12px;}
.fudong li a>img{max-width:26px; max-height:26px; margin: 0 auto}
.fudong li:first-child{background: #045af1;overflow: hidden; border-top-left-radius:30px; border-top-right-radius:30px;  }
.fudong li:first-child a{color: #fff;overflow: hidden}
.fudong li:first-child p{line-height: 1.2; margin-top: 5px;font-size: 12px;}
.fudong_down{position: absolute; width:160px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right:70px; top:0px; background: #fff; padding: 20px; text-align: left; opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius: 10px;}
.fudong_down p{margin-bottom: 10px}
.fudong_down span{font-size:24px;color: #3f7cff; font-weight: 500;font-family:'DINPRO';}
.fudong_down:before{content: ''; width: 0;height: 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #ffffff; position: absolute; left: 100%; top: 20px; }

.mabsx{width: 100px; text-align: center}
.mabsx p{margin-bottom: 0px; margin-top: 10px; font-size: 14px;}
.fudong li:hover .fudong_down{opacity: 1;visibility: visible; right: 60px;}

.topup{width: 50px; height: 50px; border-radius: 100%; margin: 0 auto;margin-top:10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: #ffffff}
.topup img{width: 20px;}

.fudong a img.hide{display: none}
.fudong a:hover img.show{display: none}
.fudong a:hover img.hide{display:block}