.browserupgrade{padding:.2em 0;margin:.2em 0;color:#000;background:#ccc}
::selection{color:#fff;background:#2258d0;text-shadow:none}
::-moz-selection{color:#fff;background:#2258d0;text-shadow:none}
::-webkit-scrollbar{width:10px;background:#bfbfbf}
::-webkit-scrollbar-track{width:10px;background:#bfbfbf}
::-webkit-scrollbar-track-piece{background:#bfbfbf}
::-webkit-scrollbar-thumb{width:10px;background:#515151}
::-webkit-scrollbar-thumb:hover{background:#2258d0}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","Helvetica Neue",Helvetica,"PingFang SC","Segoe UI",Roboto,"Hiragino Sans GB",arial,'microsoft yahei ui',"Microsoft YaHei",SimSun,sans-serif;font-size:14px;line-height:1.15;box-sizing: border-box;}
body,button,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,textarea,ul{padding:0;margin:0}
address,article,akefu,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;padding:0;margin:0}
li,ol,ul{list-style:none;list-style-image:none}
button,fieldset,input,label,legend,option,select,textarea{font-family:Verdana,Arial,Helvetica,sans-serif,Tahoma;font-size:12px}
button,input,optgroup,select,textarea{outline:0}
button{border:none}
textarea{resize:vertical}
em,i,strong{font-style:normal}
img{vertical-align:middle;border:0}
a{color:#333;text-decoration:none;outline:0}
a:hover{color:#2258d0;text-decoration:none;transition: all 0.5s;}
a:active,a:focus,a:hover{outline:0}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.left{float:left}
.right{float:right}
.container-fluid{padding-right:0;padding-left:0;margin:0}
.container{position:relative;margin-right:auto;margin-left:auto;width:80%;clear: both;}
.header{display:none}
.top{height:80px;position: relative;margin:0 auto;-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
.top_l {float: left;width:auto;height:80px;padding:0;}
.top_l img{height:80px}
.top_n {float: left;margin-left: 30px;}
.top_n .nav {position: relative;height:80px;}
.top_n .nav ul li { float: left;width:80px; text-align: center; position: relative;margin-left: 20px;}
.top_n .nav ul li .nav-link{ line-height:80px; display: inline-block; font-size: 16px; font-weight:500; position: relative;}
.top_n .nav ul li .nav-link:hover a {color: #2258d0;}
.top_n .nav li .c2{display:none;position:absolute;left:-20px;top:80px;z-index:9999;width:120px;padding:0;height: auto;background:rgba(255,255,255,0.8); }
.top_n .nav li:hover .c2{display:block;}
.top_n .nav li .c2 a{width:100%; height:35px; display: block;line-height:35px;margin-left:0px; border:none;}

.top_p{float: right;height:80px;line-height:80px;font-size:24px;text-align: right;color: #dc3545;}
.top_a{ float: right;margin:20px 0 20px 15px;}
.anniu{display: inline-block;width:80px;font-size: 15px; text-align: center; padding: 0 30px;line-height:40px; border-radius:10px;background: #2258d0; color: #fff;cursor:pointer;}
.kfui{padding: 60px 0; background: url(../images/kfui.jpg) center center no-repeat #004bc8; background-size: cover; position: relative;text-align: center;}
.kfui p{font-size:28px;color: #ffffff;line-height:45px;}
.kfui .anniu{margin-top:30px;background: #ffffff; color: #2258d0;}
/*.link{position: relative;background:#f2f2f2;height:20px;padding:15px 0;text-align: center;}*/
/*.link a{display: inline-block;line-height:20px; color: #333;border-right: 1px solid rgba(0,0,0,0.6);padding:0 30px;}*/
/*.link a:last-child{border:none;}*/
.foot{ background: #252526;padding: 42px 0 20px;overflow: hidden;}
.foot .main{overflow: hidden;}
.foot .foot_about{float: left;width:20%;}
.foot .foot_about .flogo img{height:60px;}
.foot .foot_about .fabout{width: 100%; margin-top: 10px; line-height: 18px;color: #8c8e90; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.foot .foot_menu{width: 25%; padding-right:10px; border-left: 1px solid #323233;;border-right: 1px solid #323233; margin-left:4%;padding-left:4%;}
.foot .foot_menu dl{float: left; width: 100%; text-align: left;}
.foot .foot_menu dl dt,.foot .foot_contact dl dt{ position: relative; color: #8c8e90; padding-left: 20px; font: 500 18px/20px "Microsoft YaHei"; padding-bottom: 27px; }
.foot .foot_menu dl dt::before,.foot .foot_contact dl dt::before{ position: absolute; content: ''; top: 3px; left: 0px; width: 6px; height: 16px; background: #2258d0; }
.foot .foot_menu dl dd{display: block;width:50%;font-size: 12px;line-height: 30px;float: left;}
.foot .foot_menu dl dd a{color: #8c8e90;}
.foot .foot_contact {  width:20%;  padding-left:4%; }
.foot .foot_contact dl dd { color: #8c8e90; position: relative; padding-left: 16px; font: 400 12px/24px "Microsoft YaHei"; }
.foot .foot_contact dl dd::before { position: absolute; content: ''; top: 11px; left: 0; width: 3px; height: 3px; background: #1c35b1; }
.foot .foot_ewm{ margin-top:0; text-align: center;width:auto; }
.foot .foot_ewm img{width:140px;}

.foot1{ background: #1d1d1d; color: #555; padding: 10px 0; font:12px/25px "Microsoft YaHei"; text-align: center; }
.foot1 a{ color: #555;}
.link{background: #252526;padding:10px 0;color: #8c8e90;font-size:12px;}
.link a{color: #8c8e90; }
.page { width: 100%; height: auto; overflow: hidden; text-align: center; font-size:16px; padding: 50px 0 } 
.page a,.page span { display: inline-block; padding: 8px 14px; border: 1px #0f6ab4 solid; color: #0f6ab4; border-right: none } 
.page a:hover { background: #DDDDDD } 
.page a:last-child,.page span { border: 1px #0f6ab4 solid } 
.page .page-num-current,.page .page-num-current:hover { color: #FFF; background: #0f6ab4; border: 1px #0f6ab4 solid }
.bookbg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:99;display:none;}
.liuyan{position: fixed; width: 554px; height:300px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; color: #fff; background: linear-gradient(to top,#2258d0,#2258d0); border-radius: 4px; box-sizing: border-box; padding: 23px; display:none;}
.liuyan .close{position:absolute;top:-10px;right:-10px;width:16px;height:16px;padding:5px;border-radius:100%;background:#ffffff;border:1px #2258d0 solid}
.liuyan .close img{width:16px;height:16px;}
.liuyan .liuyan_div{border: 1px solid #fff; width: 100%; height: 100%; text-align: center; line-height: 1; padding:30px 20px; box-sizing: border-box;}
.liuyan .liuyan_div .liuyan_f1{width:100%;font-size:26px;font-weight:700;text-align:center;}
.liuyan .liuyan_div .liuyan_f2{width:100%;height:auto;overflow:hidden;margin:40px 0 0;}
.liuyan .liuyan_div .wxwem{width:40%;float:left;}
.liuyan .liuyan_div .wxwem img{width:120px;}
.liuyan .liuyan_div .biaodan{width:60%;float:right;}
.liuyan .liuyan_div .biaodan .txt{width:60%;height:33px;border:none;padding:0 5%;font-size:14px;float:left;}
.liuyan .liuyan_div .biaodan .sub{width:30%;height:33px;border:none;font-size:14px;color:#ffffff;float:left;cursor:pointer;background:none;border:1px #ffffff solid}
.liuyan .liuyan_div .liuyan_p{width:100%;height:auto;font-size:16px;}
.liuyan .liuyan_div .liuyan_p strong{font-size:32px;display:block;width:auto;margin:15px 0;}
.liuyan .liuyan_div .liuyan_p a{color: #dc3545}
.icon { position: relative; float: left; color: #999; padding-left: 23px; padding-right: 10px; line-height: 28px; }
.icon:before { position: absolute; display: inline-block; left: 0px; top: 6px; content: ""; width: 18px; height: 18px; background-size: 18px 18px; background-repeat: no-repeat; }
.sj::before { background-image: url(../images/shijian.svg) } 
.ll::before { background-image: url(../images/yuedu.svg) } 
.ly::before { background-image: url(../images/laiyuan.svg) }
.case_l{display: flex;flex-wrap: wrap;justify-content:space-between;}
.case_l .case_it{width:31%;border-radius: 10px;margin-bottom: 2.33333%;background: #ffffff;overflow: hidden;margin-left: 1.166666%;margin-right: 1.166666%;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear;}
.case_l .case_it:last-child{margin-right:auto}
.case_l .case_it .caseimg { position: relative; width: 100%; overflow: hidden; }
.case_l .case_it .caseimg a { display: block; position: relative; width: 100%; padding-top: 75%; overflow: hidden; }
.case_l .case_it .caseimg img { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all .6s; }
.case_l .case_it .caseimg:hover img{transform:scale(1.2);transition:all .6s}
.case_l .case_it .caseinfo { padding: 6px 20px 20px; }
.case_l .case_it .caseinfo h3 { font: 20px/40px "Microsoft YaHei"; margin-top: 10px; height:40px;padding-bottom: 15px;border-bottom: 1px #e0e0e0 solid; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.case_l .case_it .caseinfo span { display: block; text-align: right; margin-top:20px; }
.case_l .case_it .caseinfo span a { display: inline-block; font:14px/18px "Microsoft YaHei"; color: #eeeeee; background: #aaa; padding: 5px 10px; border-radius: 3px; }
.case_l .case_it .caseinfo span a:hover{background-image: linear-gradient(90deg,#2258d0 0%,#2258d0 100%),linear-gradient(#2258d0,#2258d0);color: #ffffff}
.bounce:hover {animation: bounce 1s forwards;}
@keyframes bounce {  
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}  
40% {transform: translateY(-30px);}  
60% {transform: translateY(-15px);}  
}
@media (max-width:1470px) {
.container { position: relative; margin-right: auto; margin-left: auto; width: 96%; clear: both; }
}
@media (max-width:1228px) {
.top_a,.top_p {display:none}
}
@media (max-width:900px) {
.top{display:none}
.header{display:block;width:100%;height:60px;z-index:9999}
.header .logo{width:auto;}
.header .logo img{height:60px;padding:0;display:block;}
.header .nav_ico { width: 50px; height: 50px; position: absolute; right: 10px; top: 5px; background: url(../images/nav.png) no-repeat; z-index: 0; }
.header .navclose { width: 50px; height: 50px; position: absolute; right: 10px; top: 5px; display: none; background: url(../images/close.png) no-repeat; z-index: 999; }
.header .navbg { width: 100%; height: auto; position: absolute; z-index: 997; display: none; top: 0; background: #333333; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.header .nav{width:70%;height:auto;position: absolute;right:0;top:0;background:#f3f3f3;display:none;z-index:998;padding-top:30px;}
.header .nav ul{margin-top:10px;}
.header .nav ul li{border-bottom:1px #ddd solid;text-align: left;text-indent:1em;position: relative;}
.header .nav ul li i{display: inline-block;width:15px;height:15px;background-image:url(../images/shangxia.png);background-position:0 0;}
.header .nav ul li i.i{background-position:0 -15px;}
.header .nav ul li a {color:#666;display:inline-block;height:2.5em;line-height:2.5em;font-size:1em;}
.header .nav ul .c2{display:none;padding:0 0 ;}
.header .nav ul .c2 .c2list{display:block;border-top:1px #ddd solid;margin-left:2em;text-indent:10px;background-image:url(../images/xian.png);background-position:left 10px;background-repeat: no-repeat;}
.header .nav ul .c2 a{}
.header .nav ul .c2 .c22{display:none;padding:0 0 ;}
.header .nav ul .c2 .c22 .c22list{display:block;border-top:1px #ddd solid;margin-left:1.5em;text-indent:10px;background-image:url(../images/xian.png);background-position:left 10px;background-repeat: no-repeat;}
.header .nav ul li .c2 font{display: inline-block;width:15px;height:15px;background-image:url(../images/shangxia.png);background-position:0 0;}
.header .nav ul li .c2 font.font{background-position:0 -15px;}
.case_l .case_it{width:48%;border-radius: 10px;margin-bottom: 2%;margin-left: 1%;margin-right: 1%;}
.case_l .case_it .caseinfo { padding: 6px 10px 10px; }
.case_l .case_it .caseinfo h3 { font: 14px/40px "Microsoft YaHei"; margin-top: 0; height:40px;padding-bottom: 0;}
.case_l .case_it .caseinfo span {display:none;}
.kfui{padding:30px 0;}
.kfui p{font-size:24px;line-height:45px;}
.kfui .anniu{margin-top:10px;}
.foot{padding:20px 0 20px;}
.foot .foot_about{width:100%;padding-bottom:20px;border-bottom:1px #333 solid}
.foot .foot_about .fabout{width: 100%; margin-top:0; line-height: 18px;-webkit-line-clamp:3;}
.foot .foot_menu{width: 100%;border:none;margin:0;padding:0;padding-bottom:10px;border-bottom:1px #333 solid}
.foot .foot_menu dl{float: left; width: 100%; text-align: left;}
.foot .foot_menu dl dt,.foot .foot_contact dl dt{padding-left:15px; font: 500 16px/40px "Microsoft YaHei"; padding-bottom:0; }
.foot .foot_menu dl dt::before,.foot .foot_contact dl dt::before{ top:13px;}
.foot .foot_menu dl dd{width:33.333%;line-height:26px;}
.foot .foot_contact {  width:100%; padding-left:0;padding-bottom:10px;border-bottom:1px #333 solid}
.foot .foot_ewm{width:100%;margin-top:20px;}
.foot .foot_ewm img{width:50%;}
.foot1{line-height:18px;}
.liuyan{width:96%; height:auto; top: 50%; left:50%;padding:2%;}
.liuyan .liuyan_div{ padding:10% 2%; }
.liuyan .liuyan_div .liuyan_f1{font-size:20px;}
.liuyan .liuyan_div .liuyan_f2{margin:20px 0 0;}
.liuyan .liuyan_div .wxwem{display:none}
.liuyan .liuyan_div .biaodan{width:100%;}
.liuyan .liuyan_div .liuyan_p{font-size:14px;}
.liuyan .liuyan_div .liuyan_p strong{font-size:32px;}
}