@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:#586073;font-family: 'DINPro','SourceHanSansCN','Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height:1.8 }

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:#586073;}
a:hover{color: #083878}

/*居中*/
.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.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}



@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Regular.otf') format('truetype');
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Light.otf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Medium.otf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family:'SourceHanSansCN';
    src: url('../font/SourceHanSansCN-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style: normal;
}

@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-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;
}


/*省略号*/
.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}
.hide{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: 1500px; width: 90%}
.mainbox1400{margin: 0 auto;  max-width: 1400px; width:80%}
.mainbox1080{margin: 0 auto;  max-width: 800px; width:80%}
.logo{width:30%; max-width:130px;}
.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;}
.top.cur{background: #ffffff;box-shadow:0px 10px 10px 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;max-width:none; z-index: 2;}
.top:hover{background: #ffffff}
.top:hover .logo img.show{display: none}
.top:hover .logo img.hide{display: block}
.top:hover .nav li>a{color: #00143c}
.topright{width: calc(100% - 240px);}


.top.cur{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}
.top.cur .logo img.show{display: none}
.top.cur .logo img.hide{display: block}
.top.cur .nav li>a{color: #00143c}



.nybody .top{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}
.nybody .top .logo img.show{display: none}
.nybody .top .logo img.hide{display: block}
.nybody .top .nav li>a{color: #00143c}


.nav{width:50%; max-width: 880px;}
.nav li{position: relative}
.nav li:nth-child(6),.nav li:nth-child(7){position: relative}
.nav li>a{position: relative; height:70px; color: #ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nav li>a:before{content: '';position: absolute; left: 0px; bottom: -1px; width:0%; height:2px; background: #f28d21;transition:all 0.5s; -webkit-transition:all 0.5s;}
.nav li:hover>a:before{width: 100%}
.nav li:hover>a{color: #f28d21!important}
 
.nav li.cur>a{color: #f28d21!important}

.nav li:nth-child(2) .navdown{width:220px;}

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

.navdown span{display: block;line-height: 30px;padding: 0px 25px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.navdown span a{display: block; padding: 8px 0px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.navdown span:hover{background: #f28d21;}
.navdown span:hover a{ color: #ffffff}
.navdown span:last-child a{border: none}


.morebtn{width: 115px; height:34px; background: #f28d21; border: 1px solid #f28d21; text-align: center; color: #ffffff!important; border-radius: 30px; font-size: 14px;}
.morebtn:hover{background: #083878; border: 1px solid #083878}
.morebtn2{background: #083878; border: 1px solid #083878}
.morebtn2 span{width: 20px; height: 20px; background: url("../images/jian.svg") no-repeat center center; background-size: 90% auto; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; margin-left: 5px}
.morebtn2:hover span{background: url("../images/jian2.svg") no-repeat center center #ffffff; background-size: 90% auto; }
.morebtn2:hover{background: #f28d21; border: 1px solid #f28d21;}
.morebtn3{background:none; border: 1px solid #ffffff}

.morebtn4{background: #ffffff; color: #093978!important; border: 1px solid #ffffff; padding: 0px 5px;}
.morebtn4:hover{background:#f28d21; color: #ffffff!important}

.morebtn5{background:rgba(8,56,120,0.7); color: #ffffff!important; border: 1px solid #2966b7; padding: 0px 5px;}
.morebtn5:hover{background:#f28d21; color: #ffffff!important}

.historybanner_more{margin-top: 30px;}



.wapshow{display: none}
.banner{position: relative; height: 100vh; overflow: hidden; width: 100%}
.banner .swiper-slide{ height: 100vh;}

#banvideo{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 1}

.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%); width: 100%; color: #ffffff; z-index: 3}

.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;}


.banner .swiper-pagination{z-index: 9; left:0%; bottom:10%; width:100%; position:absolute}
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.5);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:rgba(255,255,255,0.8); width: 40px;}



.hsbj{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(8,56,120,0.8); z-index: 2}
.bantxt h2{font-size:40px;font-weight: 500}
.bantxt h3{font-size:40px;margin-bottom:30px;font-weight: normal; margin-top:15px;}

.bantxt p{font-size:16px; max-width: 515px;}
.banwenzi{max-width: 850px;line-height: 1}
.livebox{transform: translateY(0); position: relative; z-index: 2; opacity: 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; position: relative;}
.livebox.cur{transform:translateY(-50%); opacity: 1}
.livebox .mainbox{background: #f4f7fc; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}
.livebox .swiper-slide{ border-left: 1px solid #e2ebf8;}
.livebox .swiper-slide:first-child{border: none}
.livebox a{display: block; position: relative; width: calc(100% - 60px); margin: 0 auto}
.livebox h4 img{width: 40px;}
.livebox h4 span{max-width: calc(100% - 60px); margin: 0px 10px; font-weight: 500; color: #00143c; font-size: 16px;}
.livebox a em{width: 24px;}
.livebox a p{font-size: 12px;}
.livebox .swiper-container{padding: 20px;}

.sytit{text-align: center}
.sytit h2{font-size: 36px; font-weight: 500; color: #00143c}
.sytit.baise h2{color: #ffffff}
.sytit.baise{color: #ffffff}

.syprobox{padding: 5%;background: url("../images/syprobj.jpg") no-repeat center center; background-size: cover; border-radius: 10px;}


.syproleft{width:45%; font-size:18px; text-align: justify;    padding-top: 10px;}
.syproleft ul{margin: 20px 0px 40px;}
.syproleft li{font-weight: 500; color: #083878; font-size: 16px;}
.syproright{width: 45%}


.sysolutit{}
.sysolutit .mainbox{border-top: 1px solid #e5e7eb}
.sysolutit .swiper-slide{position: relative; text-align: center}
.sysolutit .swiper-slide a{text-align: center; color: #00143c; cursor: pointer; line-height:80px;font-weight: 500; opacity: 0.5; display: block}
.sysolutit .swiper-slide:after{content: ''; height: 20px; width:1px; background: #dddddd; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}
.sysolutit .swiper-slide:nth-child(1):after{display: none}
.sysolutit .swiper-slide:before{content: '';position: absolute; left: 0px; top: -2px; width:0%; height:4px; background: #083878;transition:all 0.5s; -webkit-transition:all 0.5s; border-radius: 2px;}
.sysolutit .swiper-slide.swiper-slide-thumb-active:before{width: 100%}
.sysolutit .swiper-slide.swiper-slide-thumb-active a{opacity: 1}

.sysolutionbox img{width: 100%}

.sysolutionbox .swiper-slide{position: relative}



.sysolutiontxt{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); color: #ffffff}

.sysolutionwenzi{width: 40%; max-width: 600px; text-align: justify; transform: translateY(100px);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}

.sysolutionwenzi h3{font-weight: 500; font-size: 40px}
.sysolutionwenzi p{margin-bottom: 40px; font-weight: 300; margin-top: 10px}


.sysolutionbox .swiper-slide.swiper-slide-active .sysolutionwenzi{transform: translateY(0px); opacity: 1}

.syhuisebj{background: url("../images/hsbj.jpg") no-repeat center top; background-size:100% auto}
.sypartner ul{width: calc(100% + 5px); margin-left: -5px; }
.sypartner li{width: calc(14.28% - 5px); margin-left: 5px; margin-top: 5px; background: #fff;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 li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.05)}


.syaboutleft{width: 45%}
.syaboutleft h3{color: #00143c; font-weight: 500}
.syaboutnum {margin-bottom:40px;}
.syaboutnum li{ text-align: center}
.syaboutnum li p {color: #083878; line-height: 1}
.syaboutnum li p em{font-family: 'DINPro'; font-size:40px; font-weight:bold}

.syaboutlefttxt{padding: 20px 0px;}
.syaboutlefttxt p{position: relative; margin: 5px 0px; padding-left: 15px;}
.syaboutlefttxt p:before{content: ''; width: 4px; height: 4px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);background: #586073; border-radius: 100%}


.syaboutright{width: 45%; border-radius: 10px; overflow: hidden}

.nmore{width:40px; height: 26px;  border-radius: 26px; background: url("../images/jian3.svg") no-repeat center center #fff; background-size: 50% 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;}

.synewsleft{width: 48%; background: #f6f6f6; border-radius: 10px; overflow: hidden}
.synewstxt{padding: 30px;}
.synewstxtleft{width: calc(100% - 100px)}
.synewstxtleft span{font-family: 'DINPro'; font-size: 14px;}

.synewstxtleft p{color: #00143c; margin-top: 5px;}


a:hover .nmore{background: url("../images/jian.svg") no-repeat center center #083878; background-size: 50% auto;}


.synewsright{width: 48%}
.synewsright ul{height: 100%}
.synewsright li{border-bottom: 1px solid #e2e2e2; height: 25%}
.synewsright li a{width: 100%}
.synewsright li .nmore{background-color: #f6f6f6}
.synewsright li a:hover .nmore{background-color: #083878; }

.dibubox{background: url("../images/dibu.jpg") no-repeat center center; background-size: cover; padding:4% 0px; text-align: center; color: #ffffff}

.dibubox h2{font-size: 30px; font-weight: 500; letter-spacing: 2px;}
.dibubox .morebtn{margin: 0 auto; margin-top:2%}

.footertop{padding: 50px 0px 0px;}

.footnav{width: 60%}
.footnav li span{display: block; font-size: 14px;}
.footnav li p{font-weight: 500; margin-bottom: 10px; }
.footnav li span{padding:3px 0px}
.footcon{width: 30%; max-width:260px}
.footcon li{margin-bottom:20px;}
.footcon li p{font-weight: 500}
.footcon li span{color: #083878; font-weight: 500}

.footcon li a{color: #083878;font-family: 'SourceHanSansCN';  font-weight: 500}
/*.footcon li:nth-child(2) a{font-family: arial; font-weight: 500}*/

.footcon li:nth-child(3) img{width:80px; margin-right: 20px;}
.footcon li:nth-child(3) p{font-size: 14px; font-weight: normal}

.share a{width:38px; height: 38px; border: 1px solid #dedede; border-radius: 100%; position: relative}

.share a em{width: 30px; height: 30px; background: #f8f8f8; border-radius: 100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.share a em img{width: 50%}


.guanzhu{position: relative; width: 100px;}
.guanzhu:hover .gzerweima{opacity: 1; visibility:visible}
.gzerweima{position: absolute; left: 50%; top:100%; width:100px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); 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:5px; background: #fff; display: block}
.gzerweima img{width: 100%!important}
.gzerweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff; left: 50%; top: -5px; transform: translate(-50%,0%); position: absolute}




.erweima{position: absolute; left: 50%; top:100%; width:100px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); 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:5px; background: #fff;}
.erweima img{width: 100%}
.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff; left: 50%; top: -5px; transform: translate(-50%,0%); position: absolute}
.share a:hover .erweima{opacity: 1; visibility:visible}

.erweima{text-align: center; line-height: 1.4}

.footerbot{font-size: 12px; padding: 20px 0px; border-top: 1px solid #eaeaea}


.footerlogo{width: 50%; max-width: 140px; padding: 20px 0px;}


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

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 5px;background: #fff;  }
.fudong li{text-align: center; position: relative;font-size: 12px;}
.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:20px;  margin: 0 auto}

.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:5px;}

.fudong_down span{font-size:20px;color: #083878; 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: 100%; margin-top:10px; font-size: 12px; text-align: center; background: #ffffff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: block; padding:10px 0px;border-radius: 5px;}
.topup img{width: 20px; margin: 0 auto}

.fudong a img.hide{display: none}
.fudong a:hover{background: #f28d21; color: #ffffff}
.fudong a:hover img.show{display: none}
.fudong a:hover img.hide{display:block}

.nybody{padding-top: 70px;}

.probanner{position: relative}
.probanner img{width: 100%}
.probanner .swiper-slide{height: calc(100vh - 70px); overflow: hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.probantxt{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); color: #ffffff; z-index: 2}
.probantxt h2{font-size:40px;font-weight: 500;line-height: 1}
.probantxt h3{font-size:40px;margin-bottom:30px;font-weight: normal; margin-top:15px;line-height: 1}

.probantxt p{font-size:12px; max-width: 516px; text-align: justify}
.probanwenzi{max-width: 850px;}

.probanwenzi a{margin-top: 5%}

.probanner .swiper-pagination{z-index: 9; left:0%; bottom:20px; width:100%; position:absolute}
.probanner .swiper-pagination-bullet{background:rgba(255,255,255,0.5);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;}
.probanner .swiper-pagination-bullet-active {background:rgba(255,255,255,0.8); width: 40px;}

.lansebj{background: #f4f7fc}


.proyoushi .mySwiper .swiper-slide a{background: #ffffff;border-radius: 5px; padding:10px 30px; display: block; color: #083878}

.proyoushi .mySwiper .swiper-slide a p{font-weight: 500}


.proyoushi .mySwiper .swiper-slide-thumb-active a{background: #083878; color: #ffffff}

.proyoushi .mySwiper2{margin-top:20px}
.proyoushibox{padding: 50px; background: #ffffff}
.proyoushitxt{width: 45%}
.proyoushipic{width: 45%}
.proyoushipic img{width: 100%}
.proyoushitxt h3{font-weight: 500; color: #00143c; font-size: 20px;}
.proyoushiwz{font-weight: 300; min-height: 120px; margin: 10px 0px 20px; text-align: justify}

.swiper-container{overflow: hidden}


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



.prokuangpic li{width:26%; border-radius:10px;background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; 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;}
.prokuangpic li:before{content:""; width: 15px; height: 15px; background: url("../images/jian.svg") no-repeat center center; background-size: 100% auto; position: absolute; right:30px; bottom:20px}
.prokuangpic li.cur{width: 46%;}
.prokuangpic li.cur:before{display: none}
.prokuangxts{padding:30px; max-width:260px}

.prokuangxts h3{font-size: 20px; font-weight:normal; margin-bottom: 30px;}

.prokuangxts p{font-weight: 500; position: relative; margin-top: 10px; padding-left: 15px;}
.prokuangxts p:before{content: ''; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);}
.prokuangxts span{font-weight: 300; display: block; padding-left: 15px;}

.proyingyong{padding: 50px; border-radius: 5px;}

.hyyyleft{width:200px}
.hyyyleft li a{padding:5px 10px; position: relative; font-size: 16px; display: block;}
.hyyyleft li a:before{content: ""; width: 3px; background: #083878; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); height: 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;}
 
.hyyyleft li a:after{content: "";background: url("../images/jian3.svg" ) no-repeat center center; background-size: 100% auto; width: 15px; height: 15px;position: absolute; right:20px; 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; opacity: 0}
 
.hyyyleft li.cur a{color: #00143c}
.hyyyleft li.cur a:after{opacity: 1}
.hyyyleft li.cur a:before{height: 20px;}
.hyyyright{width:calc(100% - 201px); border-left: 1px solid #e4e6e8;}
.hyyyright ul{ padding-left: 50px}
.hyyytxt{width: 48%}
.hyyypic{width: 48%}


.hyyytxt h3{font-weight: 500; font-size: 20px; color: #00143c}
.hyyytxt p{margin: 15px 0px 40px;}


.hyyyright li{display: none}
.hyyyright li:first-child{display: block}

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


.nycasebox .swiper-container{padding: 20px 0px;}
.nycasebox .swiper-slide a{background: #ffffff; border-radius: 10px; padding:20px; display: block;}
.nycasebox .swiper-slide a:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.05)}
.casetxt{ padding-top: 10px;}
.casetxt p{height: 50px;font-weight: bold; margin-bottom: 5px;}
.casetxt span{color: #9ea2ab}


.qiehuan{position: relative}
.qiehuan .swiper-pagination{position: relative; width: auto; bottom: auto; margin: 0px 20px;}
.qiehuan .swiper-pagination-bullet-active{background: #083878}
.qiehuan .swiper-button-prev{position: relative; left:auto; top: auto; margin: 0;}
.qiehuan .swiper-button-next{position: relative; right:auto; top: auto; margin: 0;}

.qiehuan .swiper-button-next:after,.qiehuan .swiper-button-prev:after{font-size:16px; font-weight: bold; color: #d1d1d1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.qiehuan .swiper-button-next:hover:after,.qiehuan .swiper-button-prev:hover:after{color: #083878}

.mianbao{position: absolute; left: 0px; bottom: 20px; width: 100%;  z-index: 2; font-size: 12px; font-weight: 300}
.mianbao a{ color: #ffffff}
.mianbao em{margin: 0px 5px;}


.nybanner{position: relative; color: #ffffff}
.nybanner img{width: 100%;}
.nybantxt{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);}
.nybantxt h3{font-weight: 500; font-size: 40px;}
.solutionbantxt h3{line-height: 1.2}
.solutionbantxt h4{font-weight:300; font-size: 32px;line-height: 1.2; margin-bottom: 20px;}
.solutionbantxt p{font-weight: 300; max-width:510px}


.lanse .nybantxt{color: #3072b7}


.hscl.nybanner{color: #00143c}
.hscl .mianbao{color: #586073}
.hscl .mianbao a{color: #586073}
.hscl .mianbao a:hover{color: #083878}

.nyaboutwenhua li{width: calc(25% - 15px); border-radius: 10px; position: relative;overflow: hidden}

.whtxt{position: absolute; left: 5%;top: 50%; width: 90%; transform: translate(0,-50%); color: #ffffff; text-align: center}

.whtxt img{height:70px; margin: 0 auto}

.whtxt p{font-size: 20px; font-weight: 500; margin-top:50px; margin-bottom: 10px}


.fazhanbox .gallery-top .swiper-slide{width: 50%; position: relative}

.fazhanbox_top{box-shadow:0px 0px 20px rgba(0,0,0,0.05);position: relative; border-radius: 10px;}
.fazhanbox .gallery-top .swiper-slide:before{width: 1px; content: ''; height: 60%; background: #e9e9e9; position: absolute; left: -1px; top: 50%; transform: translate(0%,-50%)}
.yeartxt{padding:30px 50px;}
.yeartxt h3{font-weight: 500; font-size: 50px; line-height: 1; position: relative; padding-left: 20px; margin-bottom: 10px}
.yeartxt h3:before{content: ''; width:6px; height: 6px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);background: #586073; border-radius: 100%}
.yeartxt p{padding-left: 20px;}


.fazhanbox_top .swiper-slide-active .yeartxt{color: #083878}
.fazhanbox_top .swiper-slide-active .yeartxt h3:before{background: #083878;}

.fazhanbox_bot{background: #f4f7fc; border-radius: 50px; margin-top: 50px; position: relative}

.fazhanbox_bot .swiper-slide{text-align: center}
.fazhanbox_bot .swiper-slide p{padding:15px 0px; font-weight: 500; font-size: 20px; cursor: pointer; position: relative}
.fazhanbox_bot .swiper-slide.swiper-slide-thumb-active p:before{content: ''; width:6px; height: 6px; position: absolute; left: 50%; bottom:10px; transform: translate(-50%,0);background: #f28d21; border-radius: 100%}
.fazhanbox_bot .swiper-slide.swiper-slide-thumb-active p{color: #083878}

.fazhanbox_bot .swiper-container{width: 90%; margin: 0 auto}

.fazhanbox_bot .swiper-button-prev{ left: 20px}
.fazhanbox_bot .swiper-button-next{ right: 20px}

.fazhanbox_bot .swiper-button-next:after,.fazhanbox_bot .swiper-button-prev:after{font-size: 20px; font-weight: bold; color: #d1d1d1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.fazhanbox_bot .swiper-button-next:hover:after,.fazhanbox_bot .swiper-button-prev:hover:after{color: #083878}

.nyhonorleft{width: 50%; background: #f4f7fc; border-radius: 5px;}
.nyhonorleft ul{position: relative; height: 100%}
.nyhonorleft li{display: none;}
.nyhonorleft li:first-child{display: block;}

.nyhonorright{width: 45%;}

.nyhonorright li p{position: relative;padding-left: 20px; cursor: pointer}
.nyhonorright li p:before{content: ''; width:4px; height: 4px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);background: #c5c5c5; border-radius: 100%}
.nyhonorright ul{height: 90%; padding: 5% 0px}
.nyhonorright li.cur p{color: #083878; font-weight: 500}
.nyhonorright li.cur p:before{background: #083878}

.nylinkbj{background-image: linear-gradient(to bottom, #f4f7fc, #ffffff);}

.nynewsbox .swiper-container{padding: 20px 0px;}
.nynewsbox .swiper-slide a{background: #f4f7fc; border-radius: 10px;display: block; overflow: hidden}
.nynewsbox .swiper-slide a:hover{background: #ffffff; box-shadow:0px 0px 20px rgba(0,0,0,0.05)}
.newstxt{ padding: 20px 30px ;}
.newstxt p{height: 50px; margin-bottom: 10px; font-weight: bold}
.newstxt span{color: #9ea2ab}

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

.page a{height: 40px; min-width: 40px; text-align: center; line-height: 40px;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;font-family: 'DINPro';font-weight:500;}

.page a img{max-height:50%}
.page a.cur{color: #083878}
.noclick {opacity: 0.2; cursor: default}

.huise .pagebj{background: #f4f7fc;}


.pagebj{background: #ffffff; border-radius: 60px; padding: 0px 20px;}

.newsshowtit h2{font-weight: 500; font-size:30px; color: #00143c; line-height: 1.4; margin-bottom: 10px}
.newsshowtit .mianbao{position: relative; color: #b2b7c1; left: auto; bottom: auto; margin-top: 30px;}
.newsshowtit .mianbao a{color: #b2b7c1; }
.newsshowtit .mianbao a:hpver{color: #083878; }

.newsshowtit{padding-top:50px; padding-bottom: 20px;}

.newsshowtxt img{display: inline-block}

.updowns{border-top: 1px solid #d9d9d9; padding: 30px 0px; margin-top:50px;}

.updowns li{max-width: 45%;}

.join_search_box li{padding:0px 50px;}
.join_search_box_left{width: calc(100% - 100px); cursor: pointer}
.join_search_box_left p{font-size: 20px; font-weight: 500; position: relative; color: #00143c}
.join_search_box_left p:after{content: ''; width: 12px; height: 12px; background: url("../images/you2.svg") no-repeat center center; background-size: 100% auto; position: absolute; margin-left: 10px;top: 50%; transform: translate(0,-50%)}

.join_search_box li.cur .joinmore{background: url("../images/shang.svg") no-repeat center center #083878; background-size:30% auto;}

.join_search_box_left span{color: #c2c2c2; margin-top:5px; display: block}

.join_search_box_left span i{background: url("../images/addico.svg") no-repeat left center; background-size: 10px auto; padding:0 20px;}

.join_search_box_left span em{ padding:0 20px; position: relative}
.join_search_box_left span em:before{content: ''; width: 1px; height:14px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #e3e3e3}

.join_search_tit{border-bottom: 1px solid #efefef; padding:20px 0px;}
.join_search_box_down{padding:20px 30px 30px;  display: none;font-size: 14px;}
.join_search_box_down h3{margin: 20px 0px 10px; font-weight: 500}


.join_search_box{background: #ffffff; border-radius: 5px;}

.joinmore{width:40px; height: 26px;  border-radius: 26px; background: url("../images/xia.svg") no-repeat center center #f6f6f6; background-size:30% 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;}

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

.contacttop li h3{font-weight: 500; color: #00143c}
.contacttop li p{color: #083878; font-weight: 500}
.contacttop li a{color: #083878; }
.contacttop li span{display: block; margin-bottom:10px}
.telico{background: url("../images/telico.svg") no-repeat left center; background-size:12px auto; padding-left:20px;}
.mailico{background: url("../images/mailico.svg") no-repeat left center; background-size:12px auto; padding-left:20px;}
.mailico a{font-weight: 500; font-family: 'SourceHanSansCN'}
.contacttop li p img{width: 20px;}


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

.contactadd li h3{font-weight: 500; color: #00143c; margin-bottom: 10px;}

.contactadd li p{background: url("../images/addico2.svg") no-repeat left 6px; background-size:10px auto; padding-left:20px;}


.historybanner{text-align: center}



.chuangxin ul{width: calc(100% + 20px); margin-left: -20px; }
.chuangxin li{width: calc(25% - 60px); margin-left: 20px; margin-bottom: 20px; background: #ffffff; padding:30px 20px; border-radius: 5px; text-align: center}

.cxico{width: 80px; height: 80px; background: #dbeafe; border-radius: 100%; margin: 0 auto}
.cxico img{height: 40%}
.chuangxin li span{display: block; }
.chuangxin li p{font-size: 20px; font-weight: 500; color: #00143c; margin: 20px 0px 5px;}
.chuangxin li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.02);}
.historylist{position: relative; padding: 30px 0px;}
.hisline{position: relative;width: 2px; height: 100%; background: #e5e7eb; position: absolute; left: 50px; top: 0px;}
.hisline:before{content: ''; width: 12px; height: 12px; border-radius: 100%; background: #e5e7eb; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0)}
.hisline:after{content: ''; width: 12px; height: 12px; border-radius: 100%; background: #e5e7eb; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0)}

.historytxt{background: #ffffff; border-radius: 5px; padding: 30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.historyleft{width: 65%}

.historytxt .bigpic{width: 30%}

.historyleft h3{font-weight: 500; color: #00143c; font-size: 20px;}
.historyleft h3 span{font-weight: normal; font-size: 14px;}
.historyleft i{display: block; color: #083878;}
.historylist li{padding-left: 150px; position: relative; margin: 40px 0px;}
.historylist li em{width: 100px; text-align: center; height: 30px; border-radius: 30px; line-height: 30px; background: #dbeafe; display: block; position:absolute; left: 0px; top: 0px; font-weight: 500;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.historylist li p{margin-top: 10px;}
.historylist li:hover em{background: #2563eb; color: #ffffff}
.historylist li:hover .historytxt{box-shadow:0px 0px 20px rgba(0,0,0,0.02)}


.historyyoushi ul{width: calc(100% + 50px); margin-left: -50px; }
.historyyoushi li{width: calc(50% - 112px); margin-left: 50px; margin-bottom: 50px; padding:30px; border-radius: 5px;border: 1px solid #eaeaea;background-image: linear-gradient(145deg, #fefeff, #f5f9ff);}

.hisysico{width: 60px; height: 60px; background: #dbeafe; border-radius: 100%;}
.hisysico img{height: 40%}

.histit h4{width: calc(100% - 80px); font-size: 20px; font-weight: 500;color: #00143c;}

.historyyoushi li p{margin: 20px 0px 10px;}
.historyyoushi li span{display: block; position: relative; padding-left: 15px}
.historyyoushi li span:before{content: ''; width:4px; height: 4px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);background: #083878; border-radius: 100%}

.historyform{background-image: linear-gradient(300deg, #083878, #2760e9); color: #ffffff; border-radius: 30px;overflow: hidden; padding:30px 50px; max-width:800px; margin: 3% auto; }

.historyform .sytit h2{color: #ffffff; font-size: 30px}
.historyform .sytit p{opacity: 0.5}


.historyforms ul{width: calc(100% + 20px); margin-left: -20px; margin-top: 30px;}
.historyforms li{width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px;}
.historyforms li p{margin-bottom: 10px;}


.inputtxt{height: 40px; color: #ffffff;background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; padding: 0px 10px; width: calc(100% - 22px)}

.inputtxt.w50{width: calc(100% - 180px)}
.mabtn{background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; padding: 0px 10px; width:120px; height: 40px; text-align: center; line-height: 40px; color: #ffffff!important}
.mabtn:hover{background: rgba(255,255,255,0.5);}


.historyforms li ::-webkit-input-placeholder {color:rgba(255,255,255,0.5);}
.historyforms li :-moz-placeholder{ color:rgba(255,255,255,0.5);}
.historyforms li ::-moz-placeholder{ color:rgba(255,255,255,0.5);}
.historyforms li :-ms-input-placeholder{color:rgba(255,255,255,0.5);}
.historyforms li ::-ms-input-placeholder{ color:rgba(255,255,255,0.5);}
.historyforms li ::placeholder{color:rgba(255,255,255,0.5);}
.historyforms li:nth-child(3),.historyforms li:nth-child(5),.historyforms li:nth-child(6),.historyforms li:nth-child(4){width: calc(100% - 15px); }
.historyforms li .morebtn{margin: 0 auto; margin-top: 20px;}
.textarea{height: 100px; color: #ffffff;background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; padding:10px; width: calc(100% - 22px)}

.historyforms li p a{color: #ffffff;}
.historyforms li p a:hover{text-decoration: underline}
.checks{ background:#fff; width:16px; height:16px; border:1px solid #ddd;  cursor: pointer; margin-right: 10px; border-radius: 3px;}
.checks:checked {border-color:#f28d21; background:url("../images/dui.svg") no-repeat center center #f28d21; background-size:80% auto;}



.dingzhilist ul{width: calc(100% + 30px); margin-left: -30px;}
.dingzhilist li{width: calc(50% - 90px); margin-left: 30px; margin-bottom: 30px; background: #ffffff; border-radius: 5px; padding: 30px; cursor: pointer}

.dingzhilist li .bigpic{width: 90px; height: 90px; overflow: hidden;border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.dingzhitxt{width: calc(100% - 120px);}
.dingzhitxt h4{font-size: 20px; font-weight: 500; color: #00143c}

.dingzhilist li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.02)}
.dingzhilist li:hover .bigpic{border-radius:30%}
.dingzhilist li:last-child{background: none;box-shadow:0px 0px 20px rgba(0,0,0,0.02)}
.dingzhilist li:last-child a{height: 100%; font-size: 18px;}
.dingzhilist li:last-child a span{margin-left: 10px;}

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

.formleft{width:45%;}

.formlefttxt h3{font-weight: 500;color: #00143c; font-size: 20px; margin-bottom: 10px;}
.formlefttxt p{position: relative; padding-left:25px; margin: 5px 0px;}
.formlefttxt p:before{content: ''; width: 14px; height: 14px; background: url("../images/gou.svg") no-repeat center center; background-size: 100% auto; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}


.formlefttxttwo h3{font-weight: 500;color: #00143c; font-size: 20px; margin-bottom: 10px;}
.formlefttxttwo p{position: relative; padding-left:15px; margin: 5px 0px;}
.formlefttxttwo p:before{content: ''; width: 4px; height: 4px; position: absolute; left: 0px; top:12px; transform: translate(0,-50%);background:#586073; border-radius: 100%}

.formleftimgbox{position: relative; margin-top: 30px;}
.formleftimgbox h3{font-weight: 500;color: #00143c; font-size: 20px; margin-bottom: 20px;}
.formleftimgbox a p{color: #fff; position: absolute; left: 0px; width: calc(100% - 40px); padding: 30px 20px 10px; bottom: 0px;background: linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); font-size: 16px; font-weight: 500}


.formleftimgbox .swiper-container{border-radius: 10px;}
.formleftimgbox .swiper-pagination{z-index: 9; right:20px; bottom:20px; width: auto; position:absolute}
.formleftimgbox .swiper-pagination-bullet{background:rgba(255,255,255,0.2);opacity: 1; width:8px; height:8px;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;}
.formleftimgbox .swiper-pagination-bullet-active {background:rgba(255,255,255,0.8); width:26px;}






.formleftlogo h4{font-weight: 500; font-size: 20px; color: #00143c}
.formleftlogo ul{border-radius: 5px; background: rgba(255,255,255,0.4); margin-top: 20px}
.formleftlogo li{width: 25%;}



.formright{width: calc(45% - 60px); padding: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.03); background: #ffffff; border-radius: 20px}
.formtit {margin-bottom:10px}
.formtit p{font-weight: 500;color: #00143c; font-size: 20px; line-height: 1; margin-bottom: 5px;}
.formtit span{font-size: 12px;opacity: 0.8}

.formright li{width: 100%; margin-top: 15px;}
.yyinput{width: calc(100% - 22px); border: 1px solid #e1e5eb; border-radius: 5px; padding: 0px 10px; height: 40px;}
.yyinput.w100{width: 120px}
.huoqux{width: calc(100% - 150px);border: 1px solid #e1e5eb; border-radius: 5px;}

.huoqux input{height: 40px; padding: 0px 10px; border: none;width: calc(100% - 120px); background: none}
.huoqux a{width: 120px; display:block; text-align:center;}

.formright li ::-webkit-input-placeholder {color:#adb0b8;}
.formright li :-moz-placeholder{ color:#adb0b8;}
.formright li ::-moz-placeholder{ color:#adb0b8;}
.formright li :-ms-input-placeholder{color:#adb0b8;}
.formright li ::-ms-input-placeholder{ color:#adb0b8;}
.formright li ::placeholder{color:#adb0b8;}

.formright li textarea{width: calc(100% - 22px); border: 1px solid #e1e5eb; border-radius: 5px; padding: 10px; height: 100px; margin-bottom:-5px;}
.formright li .morebtn2{margin: 0 auto; margin-top: 20px}

.yunbox{background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.03); border-radius: 10px; padding: 40px;}

.yunlist ul{width: calc(100% + 50px); margin-left: -50px;}
.yunlist li{width: calc(50% - 50px); margin-left: 50px; margin-bottom: 50px;}
.yunlist li .bigpic{width:100px}
.dingzhitxt{width: calc(100% - 120px)}



.resource_case ul{width: calc(100% + 40px); margin-left: -40px;}
.resource_case li{width: calc(33.33% - 40px); margin-left: 40px; margin-bottom:40px;}

.resource_case li a{background: #ffffff; border-radius: 10px; padding:20px; display: block;}
.resource_case li a:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.05)}



.xytime{width: 100px; text-align: center; border-right: 1px solid #efefef}
.xytime p{font-size:40px;font-weight:500; line-height: 1.2}
.resource_news li {background: #ffffff; border-radius:5px;margin-bottom: 30px;}
.resource_news li a{padding:30px; padding-left: 10px}
.resource_news li .bigpic{width:220px; }

.xynewstxt{width:calc(100% - 450px)}
.xynewstxt p{font-size:18px; margin-bottom: 10px; color: #00143c; font-weight: 500}

.resource_news li a:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.05); }



.downloadbox ul{width: calc(100% + 30px); margin-left: -30px;}
.downloadbox li{width: calc(50% - 70px); margin-left: 30px; margin-bottom:30px; padding: 20px; background: #ffffff; border-radius: 5px;}

.downleft{width:160px; border-radius: 10px;background-image: linear-gradient(300deg, #328be3, #2760e9); position: relative; min-height:250px; overflow: hidden}
.downleft:before{content: ''; width:80px; height: 40px; position: absolute; left: 20px; bottom: 20px; background: url("../images/baid.png") no-repeat center center; background-size: 100% auto; opacity: 0.14; z-index: 2}
.downleft span{padding: 20px; padding-bottom: 10px; position: relative; z-index: 2; display: block; opacity: 0.5;color: #ffffff}
.downleft p{padding:0px 20px; position: relative; z-index: 2;color: #ffffff}
.downleft:after{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-image: linear-gradient(300deg, #f28d21, #ffbe79); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; content: ''; z-index: 1}

.downloadbox li a:hover .downleft:after{opacity: 1}

.downright{width: calc(100% - 200px); padding: 20px 0px;}
.downright p{font-size: 18px; margin-bottom:5px; color: #00143c; font-weight: 500}

.downright em{width:20px; display: block}

.solution_tiaozhan{position: relative;}

.swiperbtn{margin: 0;}
.swiperbtn .swiper-button-prev,.swiperbtn .swiper-button-next{position: relative; left: auto; right: auto; top: auto; width:38px; height: 38px;margin: 0px; margin-top:30px;}
.swiperbtn .swiper-button-prev:after,.swiperbtn .swiper-button-next:after{font-size: 20px; font-weight: bold;color: #d1d1d1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.swiperbtn .swiper-button-next:hover:after,.swiperbtn .swiper-button-prev:hover:after{color: #083878}

.swiperbtn_left{width: 80px;}


.swiper-pagination-progressbar{position: relative!important; left: auto!important; top: auto!important; width: calc(100% - 100px)!important; background: #dce4ef!important; height: 2px!important; margin-top:30px;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-image: linear-gradient(to right, #093878, #559dfe);  height: 4px; margin-top: -1px; border-radius: 4px; overflow: hidden}

.tztxts{padding: 30px;}
.solution_tiaozhan .swiper-slide{background: #ffffff; border-radius: 5px;}
.solution_tiaozhan .swiper-slide:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.05);}
.tztxts em{font-size: 30px; color: #a3a6af}
.tztxts p{color: #00143c; font-weight: 500; font-size: 20px; margin:5px 0px;}

.solutionpic{box-shadow: 0px 0px 20px rgba(0,0,0,0.05); padding:25px; border-radius: 5px;}

.solution_youshi{background: #ffffff; border-radius: 5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.03); padding:30px; position: relative}

.soluysleft{width: calc(50% - 40px); padding: 20px; text-align: justify}
.soluysright{width:45%}

.soluysleft h3{font-weight: 500; color: #00143c; font-size: 20px;}
.soluysleft p{margin-top: 10px;}

.solution_youshi .qiehuan{position: absolute; left: 50px; bottom:30px; z-index: 2}

.solution_case{position: relative; background: #f8fbff; padding: 30px;}

.solution_casepic{width: 40%; border-radius: 5px;}

.solution_txt{width: 55%}


.solution_txt h3{font-weight: 500; color: #00143c; margin: 10px 0px 20px;line-height: 1.4; font-size: 20px;}
.solution_txt p{margin-top: 10px; min-height: 76px; margin-bottom: 30px;}

.solution_case .qiehuan{position: absolute; right: 30px; bottom:30px; z-index: 2}
.joinselect{margin-bottom: 20px;}
.joinselect select{width: calc(50% - 70px); height: 50px; padding: 0px 20px; background: url("../images/selectxia.png") no-repeat 95% center #ffffff; background-size: 8px auto; border: none;  border-radius: 5px;color:#586073;}

.joinsearch{width: 120px; height: 50px; background:#083878;border: none;  border-radius: 5px; color: #ffffff; 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;}

.joinsearch img{width: 14px; margin-right: 10px; cursor: pointer}
.joinsearch:hover{background: #f28d21}

.joinma{width: 100px; text-align: center; margin-top: 20px;}
.joinma img{border: 1px solid #eee; border-radius: 5px;}
.joinma p{margin-top: 10px;}


.imgcode{width:80px; border-radius: 5px; overflow: hidden}
.imgcode img{width: 100%; height:42px;}
.inputcode .yyinput{width: calc(100% - 110px);}