@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:#333333;font-family:'PingFang SC',-apple-system-font, BlinkMacSystemFont,'Microsoft YaHei UI','Microsoft YaHei',sans-serif;overflow-x: hidden; line-height: 1.8;padding-top: 70px;}

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:#333333;}
a:hover{color:#0f51aa}
/*居中*/
.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;}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Medium.eot');
    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Black.eot');
    src: url('../font/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Black.woff2') format('woff2'),
        url('../font/DINPro-Black.woff') format('woff'),
        url('../font/DINPro-Black.ttf') format('truetype'),
        url('../font/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Regular.eot');
    src: url('../font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Regular.woff2') format('woff2'),
        url('../font/DINPro-Regular.woff') format('woff'),
        url('../font/DINPro-Regular.ttf') format('truetype'),
        url('../font/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.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;}



/*省略号*/
.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:70px;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; }

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

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

.logo{ width:120px;}


.nav{width:65%; max-width: 880px;}
.nav li{position: relative}
.nav li>a{position: relative; display: block;line-height:70px;padding-right:20px; font-weight: bold}
.nav li.cur>a{color: #0f51aa;}
.nav li:hover>a{color: #0f51aa;}
.nav li.cur>a:before{background: url("../images/arrowDh.svg") no-repeat center center; background-size:100% auto;}

.nav li:hover>a:before{background: url("../images/arrowDh.svg") no-repeat center center; background-size:100% auto;transform: rotate(-180deg); top:38%;}
.nav li>a:before{content: ''; position: absolute; right:0%; top: 50%; transform: translate(0,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background: url("../images/arrowD.svg") no-repeat center center; background-size:100% auto; width: 20px; height: 20px;}

.nav li:nth-child(1)>a:before,.nav li:nth-child(2)>a:before,.nav li:nth-child(3)>a:before,.nav li:nth-child(4)>a:before,.nav li:nth-child(7)>a:before{display: none}
.nav li:nth-child(5),.nav li:nth-child(6){position: relative}


 .navdown{width:200px; position: absolute; left:-30px; top:70px;background:rgba(255,255,255,1);display: none; z-index: 2; padding: 15px 0px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.navdown span{display: block;line-height: 30px;padding:5px 20px 5px 30px;}





.tel{margin-right:40px;font-family:'DINPRO';}
.tel a{color: #0f51aa; position: relative; font-size: 20px; font-weight: 500}
.telico img{width:10px; }
.telico {width:20px; height: 20px; border-radius: 100%; border: 1px solid #0f51aa;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{line-height:38px; text-align: center; color: #ffffff; background: #0f51aa;border-radius: 38px; padding: 0px 10px 0px 15px; position: relative; overflow: hidden;  max-width: 140px;}
.morebtn.duan{max-width:100px;}
.morebtn.chang{max-width:180px;}
.morebtn span{position: relative; z-index: 2}
.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/youshang.svg") no-repeat center center; background-size:70% auto; margin-left:8px;}
.morebtn:before{content: ''; position: absolute; left:-100%; top: 0px; width: 100%; height: 100%; background: linear-gradient(to right, #3675ff, #64d8e1); 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/youshang2.svg") no-repeat center center #ffffff; background-size:70% auto; }
.morebtn:hover span{color: #ffffff}
.morebtn:hover:before{left: 0px;}

.morebtn.morebtn2{color: #0f51aa; background: none; border: 1px solid #0f51aa}
.morebtn.morebtn2 em{background: url("../images/youshang2.svg") no-repeat center center; background-size:70% auto;}
.morebtn.morebtn2:hover{ border: 1px solid #f7faff}
.morebtn.morebtn2:hover em{background: url("../images/youshang2.svg") no-repeat center center #ffffff; background-size:70% auto; }

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


a:hover .morebtn em{background: url("../images/youshang2.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/youshang2.svg") no-repeat center center #ffffff; background-size:70% auto; }




.banner{position: relative; z-index: 1}

.banner .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:20px; width:86%;max-width: 1400px; }
.banner .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:10px; height:10px;margin:0px 5px; border-radius:0%;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;}
.banner .swiper-pagination-bullet-active { background:#0f51aa; width: 40px;}

.banner .swiper-slide img{width: 100%;-webkit-transition: all .4s ease; transition: all .4s ease;}

.banner .swiper-slide-active>img{transform: scale(1.01, 1.01);transition: transform 5000ms ease;}


.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%); width: 100%;  }

.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:60px;margin-bottom: 20px;letter-spacing: 1px; font-weight: 500}
.bantxt h2 span{font-weight: 300}
.bantxt p{font-size:20px; line-height:1.8;letter-spacing:1px; font-weight:400}
.banwenzi{max-width: 850px;line-height: 1}

.banner .swiper-button-prev{left: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; opacity: 0; visibility: hidden; background: rgba(255,255,255,0.3); width: 46px; height: 46px;border-radius: 100%}
.banner .swiper-button-next{right: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; opacity: 0; visibility: hidden;background: rgba(255,255,255,0.3); width: 46px; height: 46px;border-radius: 100%}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{color:rgba(255,255,255,0.8); font-size: 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; font-weight: bold}
.banner .swiper-button-next:hover:after, .banner .swiper-button-prev:hover:after{color:rgba(255,255,255,1);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity: 1; visibility: visible}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background: rgba(255,255,255,0.6);}

.huisebj{background: #f7faff;overflow: hidden}
.huisebjtwo{background: #f7faff;}
.sytit{text-align: center}
.sytit h2{font-size:30px; font-weight: normal}
.sytit h2 span{background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);-webkit-background-clip: text;color: transparent; font-weight: 500;font-family:'DINPRO';}
.sytit h2 em{background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);-webkit-background-clip: text;color: transparent; font-weight: 500;font-family:'DINPRO';}
.sytit p{color: #999999; margin-top: 10px;}

.shadow{box-shadow:0px 10px 10px rgba(0,0,0,0.02);}
.sybusiness li{background: #fff; border-radius: 20px;box-shadow:0px 10px 10px rgba(0,0,0,0.02); width: calc(50% - 40px); margin-left: 40px; overflow: hidden; margin-top:20px; margin-bottom: 20px;}

.sybusiness ul{width: calc(100% + 40px); margin-left: -40px;}
.business_top img{width: 20%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.sybusiness li:nth-child(1) .business_top{background: url("../images/syywtop01.jpg") no-repeat center center; background-size: cover}
.sybusiness li:nth-child(2) .business_top{background: url("../images/syywtop02.jpg") no-repeat center center; background-size: cover}
.sybusiness li:nth-child(3) .business_top{background: url("../images/syywtop03.jpg") no-repeat center center; background-size: cover}
.sybusiness li:nth-child(4) .business_top{background: url("../images/syywtop04.jpg") no-repeat center center; background-size: cover}

.sybusiness li:hover .business_top img{transform: translateY(-10px)}
.sybusiness li:hover .business_top p{font-weight: bold}

.business_top{padding:20px 30px;}
.business_top p{font-size: 24px; color: #0f51aa;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.business_top span{color: #999999}
.business_bot{padding:30px;}
.business_bot span{width: calc(50% - 40px); color: #666666; padding: 10px 20px; position: relative}
.business_bot span:before{content: ''; width: 5px; height: 5px; background: #999; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); border-radius: 100%}

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

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 50px; 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: linear-gradient(to bottom, #1b5ab0, #387edd);border-radius: 50px; overflow: hidden }
.fudong li:first-child a{color: #fff;}
.fudong li:first-child p{width: 20px; margin: 0 auto; line-height: 1.2; margin-top: 5px;font-size: 16px;}
.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-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}

.syabouttxt{text-align: center;color: #666666}
.syabouttxt .morebtn{margin: 0 auto}
.syabouttxt p{font-size: 18px; padding: 20px 0px 40px;}
.syaboutbox{position: relative}
.syaboutimg{mix-blend-mode: multiply; opacity: 0.3; position: absolute; z-index:1; width: 100%; left: 0px; top: 0px;}
.syaboutzd{position: relative; z-index: 2}


.syabouthezi li{border-radius: 20px;width: calc(50% - 40px); margin-left: 40px; margin-top:40px; position: relative;box-shadow:0px 10px 10px rgba(0,0,0,0.02);min-height: 280px}

.syabouthezi ul{width: calc(100% + 40px); margin-left: -40px;}

.syabnumtxt{padding:40px; color: #ffffff}
.ayabnumico img{max-height: 100%;}
.ayabnumico{height: 50px; width:80px;}


.syabnumtxt p{margin-top: 20px; line-height: 1.2;font-family:'DINPRO'; }
.syabnumtxt p em{font-size:70px; font-weight:500; margin-right: 10px;}
.syabnumtxt p i{font-size: 30px;}
.syabnumtxt p i.samll{font-size: 18px}
.swiper-container{overflow: hidden}

.syabnumtxt span{font-size: 18px; margin-top: 20px; display: block}
.syabnumber .swiper-slide{background-image: linear-gradient(120deg, #3675ff, #63d7e1); border-radius: 20px; overflow: hidden}
.syabnumber .swiper-container{overflow: hidden;border-radius: 20px;}
.syabnumber .swiper-pagination{z-index: 9; transform: translate(0,-50%); left: auto; right:30px; bottom: auto; top:50%; width:6px;}
.syabnumber .swiper-pagination-bullet{background:rgba(255,255,255,0.5);opacity: 1; width:6px; height:6px;margin:10px 0px!important; border-radius:0%;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;display: block}
.syabnumber .swiper-pagination-bullet-active { background:#ffffff; height: 20px;}

.syabculture{background-image: linear-gradient(120deg, #8eb4e1, #5a90cd); color: #fff}


.syabculturetxt{padding: 40px; }
.syabculturetxt span{font-size: 18px;  display: block}
.syabculturetxt p{font-size: 30px; line-height: 1.4; margin-top: 30px;}

.syabculturetxt img{position: absolute; bottom: 0px; right: -2%; z-index: 2; max-width: 40%}

.syablilian{background: url("../images/lilianbj.jpg") no-repeat center center; background-size: cover; color: #ffffff}

.syabmubiao{background: #ffffff}


.syabculturetxt p b{font-weight: normal}
.syabculturetxt p.cd-headline{max-width:320px;}

.zhengyanbox{position: relative;}

.zhengyanbox .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.zhengyanbox .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:10px; height:10px;margin:0px 5px; border-radius:0%;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;}
.zhengyanbox .swiper-pagination-bullet-active { background:#0f51aa; width: 40px;}

.zhengyanbox .swiper-container{padding:0px 0px 50px; overflow: hidden}
.zhengyanbox .swiper-slide{ width:50%}
.zytxts{background: #fff; border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); overflow: hidden; padding: 40px;}

.keboxtop{border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom:30px;}

.khlogo{width:70px; height:70px; border-radius: 100%;border: 1px solid rgba(0,0,0,0.05); overflow: hidden}
.khlogo img{max-height: 100%}
.khtxt{width: calc(100% - 100px);}
.khtxt p{font-size:24px;}
.khtxt span{display: block; margin-top: 5px; color: #999999; font-size: 14px; line-height: 1.6;}

.keboxbot{padding-top: 30px; color: #666666; min-height:60px;}

.sypartner{background: url("../images/bjs.png") no-repeat top center; background-size: 100% auto}
.sypartner_logo{border-top: 1px solid rgba(0,0,0,0.05)}
.sypartner_logo_left{width: 30%}

.sypartner_logo_right{width: 55%; position: relative; padding-bottom: 40px}


.sypartner_logo_right .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.sypartner_logo_right .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:10px; height:10px;margin:0px 5px; border-radius:0%;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;}
.sypartner_logo_right .swiper-pagination-bullet-active { background:#0f51aa; width: 40px;}
.sypartner_logo_right .swiper-slide a{background: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.02); display: block; margin:5px;}


.sypartner_logo_right li{width: calc(20% - 10px); margin-left: 10px; margin-top: 10px; background: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.02); cursor: pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.sypartner_logo_right li:hover{box-shadow: 0px 10px 10px rgba(0,0,0,0.04)}
.sypartner_logo_right ul{width: calc(100% + 10px); margin-left:-10px;} 

.sypartner_logo_left h4{position: relative; padding-left:15px;font-weight: normal;}
.sypartner_logo_left h4:before{content: ''; width:8px; height:8px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #3675ff; border-radius: 100%}
.sypartner_logo_left li{padding:20px 0px;font-family:'DINPRO';}
.sypartner_logo_left li p{margin-bottom: 10px; font-size: 14px; color: #666666}
.sypartner_logo_left li p em{font-size:50px; font-weight:500; line-height: 1; color: #333333;}

.sypartner_logo_left li span{height:8px; border-radius: 10px;background: linear-gradient(to right, #87acff, #0f51aa); display: block;-webkit-transition: width 2s;transition: width 2s;transition-timing-function: ease;}
.sypartner_logo_left li span.bars{width:0px!important;}

.sytitleft{text-align: left}

.synewsnav{width: 40%; max-width: 300px;}
.synewsnav ul{background: #ffffff;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); padding: 10px; border-radius: 80px;}
.synewsnav li{width: 46%; text-align: center;}
.synewsnav li a{line-height: 36px;border-radius:36px; display: block; overflow: hidden}
.synewsnav li a span{position:relative; z-index: 3}
.synewsnav li.cur a{background: #0f51aa; color: #ffffff; position: relative}
.synewsnav li.cur a:before{content: ''; position: absolute; left:-100%; top: 0px; width: 100%; height: 100%; background: linear-gradient(to right, #3675ff, #64d8e1); 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: 36px; }
.synewsnav li.cur a:hover:before{left: 0px;}

.synewsbox_left{background: #fff; border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); width: calc(50% - 20px);}
.synewsbox_txt{padding:20px 30px;}

.synewsbox_txt h4{font-weight: normal; font-size: 20px;}
.synewsbox_txt p{color: #666666; margin:5px 0px 10px;}
.synewsbox_txt span{display: block; color: #999999; font-size: 14px;background: url("../images/time.svg") no-repeat left center; background-size: 14px auto; padding-left: 20px; }

.synewsbox_right{width: calc(50% - 20px);}
.synewsbox_right ul{height: 100%}
.synewsbox_right li{background: #fff; border-radius:15px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); height: calc(33.33% - 15px) }


.synewsmore p{display: none}
.synewsmore p:first-child{display: block}

.synewsbox{display: none}
.synewsbox:first-child{display: block}

.foot_zixun{border-radius: 20px; position: relative; overflow: hidden; margin: 50px 0px; background: url("../images/dizixun.jpg") no-repeat center center; background-size: cover; text-align: center; padding:70px 30px}

.foot_zixun a{margin: 0 auto}
.foot_zixun h3{font-size:30px; margin-bottom:30px;}
.foot_zixun h3 span{background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);-webkit-background-clip: text;color: transparent;}
.foot_zixun h3 em{background: -webkit-linear-gradient(left, #0f51aa, #62d3e1);-webkit-background-clip: text;color: transparent;}

.footerbj{background: #0f51aa; color: #ffffff}

.foot_cont{width: 20%}
.footer_top h4{font-size: 20px; font-weight: normal}

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


.foot_cont li a{color: #ffffff}
.foot_cont li a:hover{color: #0f51aa}

.foot_nav{width: 20%}
.foot_nav p a{color:rgba(255,255,255,0.5)}
.foot_nav p a:hover{color:rgba(255,255,255,1)}

.foot_nav_list{margin:20px 0px; line-height: 2; margin-top:5px;}
.foot_nav_list span{color:rgba(255,255,255,0.5); display: block}
.shares{margin-top:10px;}
.shares li{position: relative; margin-right: 20px;}
.shares li a>img{height:16px; opacity: 0.5}
.shares li a:hover>img{opacity: 1}

.erweima{position: absolute; left: 50%; bottom:25px; width:120px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); 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; z-index: 99999; padding:2px; background: #fff; border-radius: 5px;}

.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; left: 50%; bottom: -5px; transform: translate(-50%,0%); position: absolute}
.shares li:hover .erweima{opacity: 1; visibility:visible}

.foot_from{width:45%}


.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.3);}
.inputtxt::-moz-placeholder { color: rgba(255,255,255,0.3);}
.inputtxt:-ms-input-placeholder {color: rgba(255,255,255,0.3);}
.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.3)!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: #0f51aa; border: 1px solid #0f51aa!important}
.codema{width: 80px;}

.footer_bot{border-top: 1px solid rgba(255,255,255,0.1); padding: 20px 0px; font-size: 14px;  color: rgba(255,255,255,0.5)}

.footer_bot a{color:rgba(255,255,255,0.5)}
.footer_bot a:hover{color:rgba(255,255,255,1)}

.footer_bot span em{padding: 0px 10px;}



.shengqibj .mainbox{max-width: 1000px;}
.shengqibj{background: url("../images/bjb.jpg") no-repeat center center; background-size: cover}
.biaodan{border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden}
.biaoright{width: 50%}

.biaoleft{background-size: cover; background-position: center center; background-repeat:no-repeat; width: 50%}

.biaoright ul{width: calc(100% - 60px); margin-left: -20px;padding:40px;}
.biaoright li{width: calc(100% - 20px);margin:10px 0px; margin-left: 20px;} 
.biaoright li.wh50{width: calc(50% - 20px);}


.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: #0f51aa; padding-right: 15px;}
.biaoright li p{color: #666; margin-bottom: 10px}

.tijiaobtn{width: 100%; height: 48px; background:#0f51aa; 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;}
.biaoright li:nth-child(7){margin-top: 10px; margin-bottom:20px}


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


.nybanner>img{width: 100%}
.nybanner{position: relative; z-index: 1}
.nybantxt{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}
.nybantxt h2{font-size: 40px;}
.nybantxt p{color: #666666}

.nybantxt2{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);color: #ffffff}
.nybantxt2 h2{font-size: 40px;}
.nybantxt2 p{}



.casetit dl:last-child{border: none}
.casetit dl{border-bottom: 1px solid rgba(0,0,0,0.08); padding:20px 0px;}
.casetit dt{width: 80px; font-weight: bold}
.casetit dd{width: calc(100% - 80px);}
.casetit dd a{height: 30px; padding: 0px 15px; border-radius: 30px; color: #666666; margin-bottom: 10px; line-height: 30px;}
.casetit dd a:hover{color: #0f51aa}
.casetit dd a.cur{background: #0f51aa; color: #ffffff}

.caselist ul{width: calc(100%% + 30px);margin-left: -30px;}
.caselist li{width: calc(33.33% - 30px); margin-top: 30px; margin-left: 30px; background: #ffffff; border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); overflow: hidden}

.caselist li a{padding: 20px; display: block}
.caselist li a .bigpic{border-radius: 20px;}
.casetxt{padding:30px 0px;}
.casetxt span em{height: 30px; background: #e7f1ff; color: #0f51aa; border-radius: 30px; padding: 0px 10px; margin-right: 10px; font-size: 14px; display:inline-block; line-height: 30px;}

.casetxt p{color: #666666; padding: 20px 0px 30px;}
.caselogo{height:30px;}
.caselogo img{max-height: 100%;}

.page a{width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; border: 1px solid #e7e7e7; margin: 0px 3px; color: #666666; font-family: arial;background: #ffffff}
.page a:hover{background: #0f51aa; border: 1px solid #0f51aa; color: #ffffff;}
.page a em{width: 35px; height: 35px; border-radius: 100%; display: block}
.page a.cur{color: #ffffff;background: #0f51aa; border: 1px solid #0f51aa;}
.pageprev em{background: url("../images/zuo.svg") no-repeat center center; background-size:30% auto}
.pageprev em:hover{background: url("../images/zuo2.svg") no-repeat center center; background-size:30% auto}

.pagenext em{background: url("../images/you.svg") no-repeat center center; background-size: 30% auto}
.pagenext em:hover{background: url("../images/you2.svg") no-repeat center center; background-size:30% auto; transition: none}

.miaobao{color: #999}
.miaobao a{color: #999}
.miaobao a:hover{color: #0f51aa;}
.miaobao em{padding: 0px 5px;}

.nynewstop{background: #ffffff; border-radius: 20px; overflow: hidden;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); padding: 20px;}

.nynewstop .bigpic{order: 2; width: 50%}
.nynewstxt{width: calc(50% - 100px); padding:30px 50px}
.newsico{background: url("../images/time.svg") no-repeat left center; background-size: 14px auto; padding-left: 20px; color: #999999}

.nynewstxt h4{font-size: 24px; margin: 10px 0px; font-weight: normal}
.nynewstxt p{color: #666666; margin-bottom: 30px;}


.nynewsbox ul{width: calc(100%% + 30px);margin-left: -30px;}
.nynewsbox li{width: calc(33.33% - 30px); margin-top: 30px; margin-left: 30px; background: #ffffff; border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); overflow: hidden}
.nynewsbox li a{padding: 30px; display: block}

.nynewsbox li a h4{font-weight: normal; font-size:20px; margin: 10px 0px 20px; line-height: 1.6; min-height: 64px;}
.nynewsbox li a p{color: #666666; margin-bottom: 30px;}

.newsshowbj{padding-top: 80px; background: url("../images/bjs.png") no-repeat top center #f7faff; background-size: 100% auto;}

.pd30{padding-top: 30px; padding-bottom: 30px;}

.nynewsshowleft{background: #ffffff; padding: 30px; width: calc(66% - 60px); border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);}

.nynewsshowleft.w100{width: calc(100% - 60px);}

.nynewsshow_tit h1{font-size: 30px; font-weight: normal; line-height: 1.2; margin-bottom: 10px;}
.nynewsshow_tit{border-bottom: 1px solid #ebebeb; padding-bottom: 20px;}

.nynewsshowtxt{text-align: justify; padding: 30px 0px}
.nynewsshowtxt p{color: #666666}

.newsshowdown{border-top: 1px solid #ebebeb; padding: 30px 0px; margin-top: 20px}

.newsshowdown p{max-width: 42%; position: relative; padding-left: 15px;}
.newsshowdown p:before{content: ''; width: 5px; height: 5px; background: #666666; position: absolute; left: 0px; top: 10px; border-radius: 100%;}
.newsshowdown p:hover:before{background: #0f51aa}
.newsshowdown p span{display: block; color: #999999; margin-top: 5px;}



.nynewsshowright{width: calc(30% - 60px); padding: 30px; background: #ffffff; border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); position: sticky; top: 80px;}

.nynewsshowright h2{font-weight: normal; font-size: 24px}

.nynewsshowright li{border-bottom: 1px solid #ebebeb; padding:15px 0px;}
.nynewsshowright li:last-child{border: none; padding-bottom: 0px;}
.nynewsshowright li a{position: relative; padding-left: 15px; display: block}
.nynewsshowright li a:before{content: ''; width: 5px; height: 5px; background: #666666; position: absolute; left: 0px; top: 10px; border-radius: 100%;}
.nynewsshowright li a:hover:before{background: #0f51aa}

.contact_top li{width: calc(50% - 100px); background: #fff;border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); padding: 40px; border-top: 4px solid #0f51aa}

.conico{width: 80px;}

.contxts{width: calc(100% - 120px);}
.contxts p{font-size: 24px;}
.contxts>span{display: block; color:#999999}
.contxts em{font-size: 30px;color: #0f51aa;font-family:'DINPRO'; font-weight: 500}


.contact_top{margin-top: -8%; position: relative; z-index: 2}

.contactlist ul{width: calc(100% + 40px); margin-left: -40px;}
.contactlist li{width: calc(50% - 170px); background:url("../images/addico.svg") no-repeat 30px 40px #ffffff;border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); padding: 40px 40px 40px 90px; margin-left: 40px; margin-bottom: 40px; background-size:40px auto;}

.contactlist li h5{font-size: 20px; font-weight: normal; margin-bottom:10px;}

.contactlist li p{color: #666666;}

.nyabtxt{text-align: justify; color: #666666}
.nyabtxt p{margin-top: 20px;}

.nyabnumber ul{width: calc(100% + 30px); margin-left: -30px;}
.nyabnumber li{width: calc(25% - 90px); margin-left: 30px; margin-top: 30px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding: 30px; background: #ffffff}

.nyabnumber li span em{font-family:'DINPRO'; font-weight: 500; font-size: 40px; line-height: 1; margin-right: 5px;}


.nyhuangjing .swiper-slide{height:400px; border-radius: 10px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; width:18%; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}


.huanjingtxt{position: absolute; left: 5%; bottom: 20px; width: calc(90% - 30px); background: #ffffff; border-radius: 10px; padding:10px 15px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); line-height: 1.2; }
.huanjingtxt span{font-size: 14px;font-family:'DINPRO'; }

.nyhuangjing .swiper-slide:hover{width: 25%}

.nyculture ul{width: calc(100% + 30px); margin-left: -30px;}
.nyculture li{width: calc(50% - 90px); margin-left: 30px; margin-bottom: 30px; border-radius:20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px; background: #ffffff}

.culico{width:80px; }
.culico img{max-width: 50%; margin: 0 auto}

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

.cultxt p{font-size:20px; line-height: 1; margin-bottom: 10px;}

.cultxt span{color: #666666}



.nyhonor{position: relative}
.nyhonor .swiper-container{overflow: hidden}

.nyhonor .swiper-slide a{background: #ffffff; border-radius: 20px; display: block; text-align: center; padding:30px; padding-bottom: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); }


.nyhonor .swiper-slide a p{ }

.nyhonor .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.nyhonor .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:10px; height:10px;margin:0px 5px; border-radius:0%;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;}
.nyhonor .swiper-pagination-bullet-active { background:#3b7ffc; width: 40px;}





.fazhanboxbj{background: url("../images/fazhanbj.png") no-repeat center bottom #f7faff; background-size:cover}
.fazhantop{padding:80px 0px; position: relative}
.fazhantop .swiper-slide{position: relative; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.fazhanyear{text-align: center; width:90%; margin: 0 auto}
.fazhanyear h3{font-size: 36px;margin-bottom: 10px; font-weight: normal}
.fazhanyear p{font-size: 18px; max-width:800px; margin: 0 auto; color: #666666}

.fazhanboxs{border-top: 1px solid rgba(0,0,0,0.1); margin-top: 20px;}
.fazhanboxs .swiper-container{overflow: hidden; padding-top: 4px; }

.fazhanboxs .swiper-slide {cursor: pointer;}
.fazhanboxs .swiper-slide p{text-align: center; font-size:20px; font-family:'DINPRO'; position: relative;display:flex;align-items:flex-end;flex-direction:row;justify-content:center;line-height: 1;padding: 40px 0px; position: relative; font-weight: 500}

.fazhanboxs .swiper-slide p:before{content: ''; width:0%; height:4px; position: absolute; left: 50%; top:-5px; transform: translate(-50%,0%); background: #0f51aa;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.fazhanhezi .swiper-container{overflow: hidden;}


.fazhanhezi .swiper-button-prev,.fazhanhezi .swiper-button-next{width:48px; height: 48px; border: 1px solid #9e9e9e; 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: 100%;}

.fazhanhezi .swiper-button-prev{left:3%; background: url( "../images/zuo.svg") no-repeat center center; background-size:30% auto}
.fazhanhezi .swiper-button-prev:hover{background: url( "../images/zuo2.svg") no-repeat center center #0f51aa; background-size:30% auto; border: 1px solid #0f51aa}



.fazhanhezi .swiper-button-next{right:3%; background: url( "../images/you.svg") no-repeat center center; background-size:30% auto}
.fazhanhezi .swiper-button-next:hover{background: url( "../images/you2.svg") no-repeat center center #0f51aa; background-size: 30% auto; border: 1px solid #0f51aa}

.fazhanhezi .swiper-button-prev:after,.fazhanhezi .swiper-button-next:after{display: none}



.fazhanboxs .swiper-slide-thumb-active p{color: #0f51aa; font-weight:bold; font-size: 30px; padding-top:35px;}
.fazhanboxs .swiper-slide-thumb-active p:before{width: 100%}

.fazhanhezi{position: relative; background: rgba(255,255,255,0.4);border-radius: 20px;}


.xinmeitibox ul{width: calc(100% + 30px); margin-left: -30px;}
.xinmeitibox li{width: calc(33.33% - 90px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px; background: #ffffff; text-align: center}

.xinmeitibox li p{font-size: 24px; margin: 30px 0px 10px;}
.xinmeitibox li span{color: #666666}
.xinmeiico{ width:70px; margin: 0 auto;}

.fourlist.xinmeitibox li{width: calc(25% - 90px);}
.fourlist.xinmeitibox li p{color: #0f51aa; border-bottom: 1px solid #666666; padding-bottom: 5px; margin-bottom:10px;}

.xinmeitibox.lanselist li{background: #f7faff; box-shadow: none}



.gongguanbox ul{width: calc(100% + 30px); margin-left: -30px;}
.gongguanbox li{width: calc(50% - 90px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px; background: #ffffff; }


.ggico{width: 80px; height: 80px; border-radius: 100%;background: #f7faff;}
.ggico img{max-width: 50%; max-height: 50%}
.ggtxt{width: calc(100% - 110px);}

.ggtxt p{font-size: 24px;}

.ggtxt span{color: #666666}


.pingpaikou ul{width: calc(100% + 30px); margin-left: -30px;}
.pingpaikou li{width: calc(25% - 70px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 20px; background: #ffffff; text-align: center}

.ppkbico{width: 50px; height: 50px; margin: 0 auto}
.ppkbico img{max-height: 100%}

.pingpaikou li p{font-size: 24px; margin: 20px 0px 5px;}

.pingpaikou li span{color: #666666}
.business_case{position: relative; padding-bottom:50px;}
.business_case .swiper-slide a{ padding:30px;border-radius:20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02); display: block; background: #ffffff}

.business_case .swiper-slide a .bigpic {border-radius: 20px;}
.business_case .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.business_case .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:10px; height:10px;margin:0px 5px; border-radius:0%;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;}
.business_case .swiper-pagination-bullet-active { background:#3b7ffc; width: 40px;}
.yuqiongboxtop a{text-align: center; position: relative; display: block}
.yuqiongboxtop a img{height: 80px; margin: 0 auto}
.yuqiongboxtop a p{font-size: 18px; padding:20px 0px;}
.yuqiongboxtop a:before{content: ''; width: 0px; height:4px; background: #0f51aa; position: absolute; left:50%; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,0)}
.yuqiongboxtop .swiper-slide-thumb-active a:before{width: 70%}
.yuqiongboxtop .swiper-slide-thumb-active a p{color: #0f51aa}
.yuqiongboxboxs {background: #f7faff;border-top: 1px solid rgba(0,0,0,0.02)}
.yuqiongboxboxs img{width: 100%}
.yuqingtxt{width: 42%; text-align: justify}
.yuqingpic{width: 52%}

.yuqingtxt h3{font-size: 18px; line-height: 1.6}
.yuqingtxt p{font-size: 14px; color: #666666}



.yuqingtxt p{position: relative; padding-left: 15px; font-size: 14px; margin-top:10px;}
.yuqingwenzi{min-height: 200px; padding:10px 0px 30px;}

.yuqingtxt p:before{content: ''; width:4px; height: 4px; background: #666666; position: absolute; left: 0px; top:10px; border-radius: 100%;}

.seolist_top li{margin-left: 20px; width: calc(25% - 20px); margin-top: 30px; text-align: center}
.seolist_top li p{margin-top: 10px;}
.seolist_top{width: calc(100% + 20px); margin-left: -20px;}

.seolist_bot li{ margin-left: 20px; width: calc(14.28% - 20px); margin-top:30px; text-align: center}
.seolist_bot li p{margin-top: 10px;}
.seolist_bot{width: calc(100% + 20px); margin-left: -20px;}

.seologo{border: 1px solid #dadada; border-radius: 15px; overflow: hidden;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);}


.business_ziben li{padding: 5% 0px;}
.business_ziben li:nth-child(odd) .zibenpic{order: 2}
.business_ziben li:nth-child(even){background: #f7faff}

.zibenpic{width: 50%; border-radius: 20px; overflow: hidden}

.zibentxt{width: 45%}
.zibentxt h3{font-size: 24px; font-weight: normal}

.zibenwenzi{color: #666666; padding: 20px 0px 30px;}
.zibenwenzi p{position: relative; padding-left: 15px;}
.zibenwenzi p:before{content: ''; width:4px; height: 4px; background: #666666; position: absolute; left: 0px; top:10px; border-radius: 100%;}





.ailogobox li{ margin-left: 20px; width: calc(16.66% - 20px); text-align: center}
.ailogobox li p{margin-top: 10px;}
.ailogobox ul{width: calc(100% + 20px); margin-left: -20px;}

.ailogo{background: #ffffff; border-radius: 15px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);}


.aigeolist ul{width: calc(100% + 30px); margin-left: -30px;}
.aigeolist li{width: calc(33.33% - 90px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px;}
.aigeolist li img{height: 60px;}

.aigeolist li p{font-size: 24px; margin: 30px 0px 10px;}

.aigeolist li span{color: #666666}

.aigeolist li:nth-child(1){background: url("../images/aibj01.png") no-repeat right top #ffffff; background-size: 20% auto}

.aigeolist li:nth-child(2){background: url("../images/aibj02.png") no-repeat right top #ffffff; background-size: 20% auto}
.aigeolist li:nth-child(3){background: url("../images/aibj03.png") no-repeat right top #ffffff; background-size: 20% auto}



.aigeoyuanli ul{width: calc(100% + 30px); margin-left: -30px;}
.aigeoyuanli li{width: calc(33.33% - 90px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px; background: #ffffff}
.aigeoyuanli em{font-size: 40px;font-family:'DINPRO'; color: #3f7cff; font-weight: 500; line-height: 1}
.aigeoyuanli li p{font-size: 24px; margin:20px 0px 10px;}

.aigeoyuanli li span{color: #666666}



.aigeozengz ul{width: calc(100% + 30px); margin-left: -30px;}
.aigeozengz li{width: calc(33.33% - 90px); margin-left: 30px; margin-top:15px; margin-bottom: 15px; border-radius:10px;box-shadow: 0px 10px 10px rgba(0,0,0,0.02);  padding:40px 30px; background: #ffffff; position: relative; overflow: hidden}
.aigeozengz em{font-size:60px;font-family:'DINPRO'; color: #3f7cff; font-weight: 500; line-height: 1; position: absolute; right:-5px; top: -20px; opacity: 0.3}
.aigeozengz li p{font-size: 24px; margin:20px 0px 10px;}

.aigeozengz li span{color: #666666}

.pinpaibox_one{background: url("../images/kuaibj01.jpg") no-repeat center center; background-size: cover;border-radius: 30px; overflow: hidden}



.pinpaitxt{ width:calc(30% - 40px); text-align: center; padding: 20px;}

.pinpaipic{width: calc(70% - 30px); padding: 30px 0px; padding-top: 10px; padding-right: 30px;}
.pinpaipic li{width:33.33%; margin-top:20px;}

.pinpaipic li img{width: 30%}

.ppright{width:65%}
.ppright p{font-weight: bold; font-size: 16px; position: relative; padding-left: 10px; line-height: 1}
.ppright p:before{content: ''; width: 4px; border-radius: 2px; background: #1869d7; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); height:16px;}
.ppright span{font-size: 12px;}


.pinpaitxt h3{color: #0f51aa; font-size:28px;}
.pinpaitxt p{font-size: 16px;}
.pinpaibox_two{border: 1px solid #1f3e74; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 30px; overflow: hidden}

.pinpaibox_two .pinpaipic{padding: 0px; padding-right: 20px;}

.pinpaibox_three{background: url("../images/kuaibj02.jpg") no-repeat center center; background-size: cover;border-radius: 30px; overflow: hidden; color: #ffffff}

.pinpaibox_three .pinpaitxt h3{color: #ffffff;}

.pinpaibox_three .pinpaipic{padding:40px 30px;}

.pinpaibox_four{background: url("../images/kuaibj03.jpg") no-repeat center center; background-size: cover;border-radius: 30px; overflow: hidden;}

.pinpaibox_four .pinpaipic{padding-top:30px;}

.ailist ul{width: calc(100% + 50px); margin-left: -50px;}
.ailist li{border-radius: 15px; overflow: hidden; width: calc(33.33% - 50px); margin-bottom: 50px; margin-left: 50px; position: relative}

.sitxt{position: absolute; left: 0px; bottom: 0px; color: #ffffff; padding: 20px; width: calc(100% - 40px)}
.sitxt p{font-size:20px;}


.lisyx li{width: 20%; position: relative}
.lisyx li p{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-size:24px; text-align: center; width: 50%; line-height: 1.2; border-bottom:1px solid #fff; padding-bottom: 10px;}

.lisyx li img{width: 80%; margin: 0 auto}

.quanweione{box-shadow: 0px 5px 5px rgba(0,0,0,0.05); border-radius: 15px; padding: 30px 0px;}

.bj01{background: url("../images/1.png") no-repeat center center; background-size: auto 100%}

.bj02{background: url("../images/2.png") no-repeat center center; background-size: auto 100%}


.quanweitwo{background: url("../images/kuaibj04.jpg") no-repeat center center; background-size: cover;box-shadow: 0px 5px 5px rgba(0,0,0,0.05); border-radius: 15px; padding: 30px 0px;}



.weijilist li{width: calc(25% - 50px); margin-left: 50px; margin-bottom: 50px; border-radius: 20px; overflow: hidden; background: #ffffff;box-shadow: 0px 5px 5px rgba(0,0,0,0.05); border-bottom:8px solid #1a59af}
.weijilist ul{width: calc(100% + 50px); margin-left: -50px;}

.hzis{height: 140px; background: url("../images/bsjd.jpg") no-repeat center center; background-size:cover}

.hzis img{width: 25%}

.hsxs{text-align: center; padding: 20px; padding-bottom: 40px;}
.hsxs p{font-weight: bold; font-size: 24px;}

.zibensl li{border-radius: 30px; overflow: hidden; margin-bottom: 42px; padding: 50px;}

.zibsnd h4{color: #1a59af; font-size: 30px; margin-bottom: 10px;}
.zibsnd p{font-size: 18px;}

.zibensl li:nth-child(1){background: url("../images/zibspic01.jpg") no-repeat center center; background-size:cover}
.zibensl li:nth-child(2){background: url("../images/zibspic02.jpg") no-repeat center center; background-size:cover}
.zibensl li:nth-child(3){background: url("../images/zibspic03.jpg") no-repeat center center; background-size:cover}
.zibensl li:nth-child(4){background: url("../images/zibspic04.jpg") no-repeat center center; background-size:cover}


.nybantxt2 h4{border: 1px solid #ffffff; border-radius: 40px; padding:2px 20px; display: inline-block; margin-bottom: 20px; margin-top: 10px;}


.huisebjtwo{background: #f5f5f5}

.nyaboutleft{width: 60%}

.nyaboutright{width: 35%;}

.nyaboutright img{width: 100%}

.nyaboutlefttxt h4{font-size: 40px; font-style: italic; color: #e2e2e2; line-height: 1}
.nyaboutlefttxt h2{font-size: 40px; line-height: 1}

.nyaboutlefttxt p{line-height: 2; margin-top: 20px}

.nyabnumbernew{background: rgba(255,255,255,0.95); width: 150%; position: relative; margin-top: 5%}
.nyabnumbernew li{width:16.66%; text-align: center; position: relative; padding: 30px 0px;}
.nyabnumbernew li:before{content: ''; width: 1px; height: 50%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #b1c5e0;}
.nyabnumbernew li:first-child:before{display: none}
.nyabnumbernew li span{display: block; font-size: 20px; color: #999999}
.nyabnumbernew li p{color: #00409c; line-height: 1}
.nyabnumbernew li p em{font-size: 50px;font-family: 'DINPRO'; font-weight: 500}
.nyabnumbernew li p i{font-size: 40px;}


/***********aiseo****/

.aibanner{background: url("../images/aibanner.jpg") no-repeat center center; background-size: cover; text-align: center}

.aibanner h1{font-size:80px; font-weight: bold; color: #ffffff; text-align: center}
.aibanner h2{background: #266cca; color: #ffffff; border-radius: 50px; padding:5px 30px; display: inline-block; margin: 3% auto 5%}

.aibannerlist ul{max-width: 1500px; width: 80%; margin: 0 auto;}
.aibannerlist li{border-radius: 10px; background: #ffffff; text-align: center; width: 10%; font-weight: bold; padding: 20px;box-shadow: 6px 6px 0px rgba(255, 255, 255, 0.5);}
.aibannerlist li img{margin: 0 auto}

.aibannerlist li p{line-height: 1.4; margin-top: 10px}


.aitit h2{font-size: 50px; color: #1550b6; text-align: center; font-weight: bold}
.aitit h3{font-size: 40px; text-align: center; font-weight: bold}
.aitit p{text-align: center}

.aichongsu ul{width: calc(100% + 30px); margin-left: -30px;}
.aichongsu li{width: calc(19% - 30px); margin-left: 30px; margin-bottom: 30px; color: #ffffff; padding: 3%; border-radius: 10px; border-top-right-radius: 60px; position: relative}
.aichongsu li:before{content: ''; width:10px; height: 40px; background: #ffffff; position: absolute; left: 0px; top: 20px;}
.aichongsu li:nth-child(1){background: url("../images/aik01.jpg") no-repeat center center; background-size: cover}
.aichongsu li:nth-child(2){background: url("../images/aik02.jpg") no-repeat center center; background-size: cover}
.aichongsu li:nth-child(3){background: url("../images/aik03.jpg") no-repeat center center; background-size: cover}
.aichongsu li:nth-child(4){background: url("../images/aik04.jpg") no-repeat center center; background-size: cover}

.aichongsu li p{font-size: 40px;  border-bottom: 1px solid #ffffff; text-align: center; font-weight: bold}
.aichongsu li span{font-size:20px; display: block; line-height: 1.4; margin-top: 20px;}


.aizhinengs{background: url("../images/kuaibj01.jpg") no-repeat center center; background-size: cover;    border-radius: 30px;overflow: hidden;}
.aizhinengs .pinpaitxt{text-align: left; padding-left:50px;}
.aizhinengs .pinpaitxt h3{line-height: 1.4; margin-bottom: 20px;}

.aizhinengs .pinpaipic{padding-right: 0px;}

.aitiao{background: url("../images/aitiao.jpg") no-repeat center center; background-size:cover; text-align: center}

.aitiao h2{font-size: 40px;}
.aitiao p{background: #4974ff; color: #ffffff; border-radius: 50px; padding:5px 30px; display: inline-block; margin-top: 20px}

.pangdlefr{width:40%; }
.pangdlefrigtpics{position: relative}
.pangdlefrtxt{position: absolute; left: 50%; top: 50%; width: 90%; transform: translate(-50%,-50%); text-align:center
; color: #ffffff; }

.pangdlefrtxt p{font-size:70px; font-weight: bold}
.pangdlefrtxt span{font-size:30px;}
.pangdlefrigt{width: 50%; background: #f7faff; border-radius: 10px; overflow: hidden;box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1);}
.pangdlefrigt img{width: 100%}

.pangdlefrigttxts{padding: 30px; font-size:24px; line-height: 1.8}
.pangdlefrigttxts p span{color: #003ab1}


.aitit h3 span{font-size:20px;}

.aiyoushi{margin-top:150px}
.aiyoushi li{width: 30%;box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1); background: #ffffff; text-align: center; position: relative; padding-top:100px; padding-bottom: 30px;}
.aiyoushi li p{color: #040c4c; font-size:30px; font-weight: bold;}

.aiyoushi li img{width:70%;transform: translate(-50%,-50%);  left: 50%; top: 0px; position: absolute}

.aihaochusbj{background: url("../images/aihaochu.jpg") no-repeat center center; background-size: cover}

.aihaochusbj .aitit{color: #ffffff}

.aihaochubox li{width: calc(31% - 60px); border-radius: 30px;  background-image: linear-gradient(45deg, #046acf, #3395f6);
padding: 30px;}

.aihaochubox li h3{font-size: 26px; line-height: 1.4; color: #ffffff; text-align: center; margin-bottom: 20px}

.haochustxs{border-radius: 20px; background: #f8faff; padding: 20px; text-align: center; color: #0066cc}

.aizhileft{width: 55%;}
.aizhileft h3{font-size: 30px;}
.aizhileft span{width: 100px; height:2px; background: #1550b6; display: block; margin: 20px 0px;}

.aizhileft p{font-size: 20px; color: #1550b6}

.aizhiright{width: 40%}

.aixingnengs li{width: calc(30% - 40px); background: #ffffff;box-shadow: 0px 10px 10px rgba(18, 101, 203, 0.1);  text-align: center; padding:40px 20px;}

.aixingnengs li p{color: #003ab1; font-size: 30px; font-weight: bold; line-height: 1.4}
.aixingnengs li span{text-transform: uppercase; font-size: 12px;}


.aixingnengs li:nth-child(2){background: #1b8bfa; color: #FFFFFF}

.aixingnengs li:nth-child(2) p{color: #ffffff}


.chujusxs{background: url("../images/chujuqs.jpg") no-repeat center center; background-size: cover; color: #ffffff; text-align: center;}

.chujusxs h2{color: #00fcff; font-size:40px;}
.chujusxs p{font-size: 20px;}

.dinsgw img{width: 80%}

.lansebj{background: url("../images/lansebj.jpg") no-repeat center center;background-size: cover; padding-top:20%; margin-top: -20%}

.lsnxd li{color: #ffffff; text-align: center; width: 30%;}

.lsnxd li img{margin: 0 auto; width:40%}
.lsnxd li h3{font-size: 30px; line-height: 1.4; margin-top: 30px; margin-bottom: 10px;}
.lsnxd li p{font-size:20px; font-weight: bold}

.aibanner_wap{display: none}


@media screen and (max-width:1200px)
	
{
	.topright {width: calc(100% - 200px);}
	.tel a{font-size: 16px;white-space:nowrap;}
	
	.morebtn span{white-space:nowrap;}
	
}


@media screen and (max-width:996px)
	
{
    .aibanner{display: none}
	.aibanner_wap{display:block}
	.aitit h2{font-size: 28px; line-height: 1.4}
	.aitit h3{font-size: 22px; margin: 10px 0px}
	
	.aitit p br{display: none}
	.aichongsu ul{width: calc(100% + 10px); margin-left: -10px; }
	.aichongsu li{width: calc(44% - 10px); margin-left: 10px; }
	.aichongsu li p{font-size: 30px;}
	.aichongsu li span{font-size: 14px;}
	.aizhinengs{display: block}
	
	.aitiao h2{font-size: 30px; line-height: 1.4}
	.pangdas{display: block}
	.pangdlefr{width: 100%}
	.pangdlefrigt{width: 100%}
	.pangdlefrtxt p{font-size: 40px}
	.pangdlefrtxt span{font-size: 20px}
	.pangdlefrigttxts{font-size: 18px;}
	.aiyoushi li p{font-size: 18px;}
	.aiyoushi{margin-top: 50px}
	.aiyoushi li{padding-top: 50px}
	.aihaochubox ul{display: block}
	.aihaochubox li{width: calc(100% - 40px); padding: 20px; margin-bottom: 20px;}
	.aihaochubox li h3{font-size: 24px;}
	.aizhidao{display: block}
	.aizhileft{width: 100%}
	.aizhileft h3{font-size: 20px; line-height: 1.4}
	.aizhileft p{font-size: 16px;}
	.aizhiright{width: 100%; margin-top: 30px}
	.aixingnengs li{width: calc(100% - 40px); padding: 20px}
	.aixingnengs ul{display: block}
	.aixingnengs li p{font-size: 24px;}
	.aixingnengs li p br{display: none}
	.chujusxs h2{font-size: 30px; line-height: 1.4}
	.chujusxs p{font-size: 16px;}
	.dinsgw img{width: 100%}
	.lsnxd li h3{font-size: 20px;}
	.lsnxd li p{font-size: 12px;}
	.lsnxd li img{width: 80%}
	.lansebj{padding-top: 20%!important}
}