@charset "utf-8";
/**public**/
.center{ margin:0 auto;}
.fl{ float: left;}
.fr{ float:right;}
.overflow{ overflow: hidden;}
.fs-12{ font-size:12px;}
.fs-14{ font-size:14px;}
.fs-16{ font-size:16px;}
.fs-17{ font-size:15px;}
.fs-18{ font-size:18px;}
.fs-20{ font-size:20px;}
.fs-24{ font-size:24px;}
.fs-30{ font-size:30px;}
.fs-32{ font-size:32px;}
.ff-a{ font-family:Arial, Helvetica, sans-serif;}
.ff-m{ font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}
.fw-b{ font-weight:bold;}
.fc-fff{ color:#fff;}
.fc-c00{ color:#c00;}
.fc-666{ color:#666;}
.fc-999{ color:#999;}
.fc-28{ color:#282828;}
.fc-409EFF{ color:#409EFF;}
.fc-F56C6C{ color:#F56C6C}
.fc-67C23A{ color:#67C23A}
.fc-666 { color: #666; }
.bc-fa{ background:#fafafa;}
.bc-f5{ background:#F2F6FC;}
.bc-409EFF{ background:#409EFF;}
.bc-ff{ background: #fff; }
.lh-20{ line-height:20px;}
.lh-24{ line-height:24px;}
.lh-30{ line-height:30px;}
.lh-40{ line-height:40px;}
.ff-b { font-weight: bold; }
.border-2px-409EFF{ border:2px solid #409EFF}
.mt1{ height:20px; overflow:hidden;}
.text-center{ text-align: center; }
.mt2{ height:40px; overflow:hidden;}
.w1200{ width:1200px; position:relative;}
.index .hidden{ display:block;}
.hidden{ display:none;}
/**public**/
.header{margin-bottom:1px; height: 80px; padding: 15px;}
.header .menu { padding: 10px 0; }
.header .menu dl dd { float: left; margin: 0 5px;border:none!important;}
.header .menu dl dd a { color: #000;  float: left; padding: 0 15px; height: 30px; line-height: 30px; transition: 300ms; }
.tit:hover{color:#035ded!important;}
.header .menu dl dd a:hover, .header .menu dl dd.on a{ color:#2178fb; border-radius: 30px;text-decoration:none;border:none!important; }
.header{height: 75px; padding: 9px 15px;}
/**.header .menu { padding: 10px 0; }
.header .menu dl dd { float: left; margin: 0 10px;}
.header .menu dl dd a { color: #282828;  float: left; padding: 0 10px; height: 36px; line-height: 36px; transition: 300ms; }
.header .menu dl dd a:hover, .header .menu dl dd.on a{ color:#409EFF; }**/
.banner {}
/**.products { margin-top: -70px; }**/
.swiper-slide-pro { text-align: center; font-size: 18px; background: #fff; transition: 300ms; transform: scale(0.85); border-bottom: 4px solid #2178fb; box-shadow: 0 0 10px #bbb;  }
.swiper-slide-pro .img { margin-bottom:10px; text-align: center;}
.swiper-slide-pro .img a img{width:45px;height:45px}
.swiper-slide-pro .title { text-align:center; font-size:20px; font-weight:bold;  margin-top:10px; }
.swiper-slide-pro .title a{ color:#1544d1; font-size:14px;}
.swiper-slide-pro .con { font-size: 14px; line-height: 24px; margin-top:10px; color:#999;}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1); border-bottom: 0px;}
.temp{ padding:40px; 0; position:relative;}
.modeltitle { height: 60px; overflow: hidden; width: 650px; margin-bottom: 40px; margin-top:40px; }
.modelcontent { padding: 40px 0 0 0; }
.leftbg { background:url(../images/left.png) center left no-repeat; width: 95px; height: 60px;}
.rightbg { background:url(../images/right.png) center left no-repeat; width: 95px; height: 60px;}
.service li { float: left; width:360px; margin:0 20px 40px 20px; padding: 40px; background: #F2F6FC; border-radius: 10px; }
.service .img { margin-bottom:10px; text-align: center;}
.service .title { text-align:center; font-weight:bold;  margin-top:20px; }
.service .title a{ color:#1544d1; font-size:14px;}
.service .con { line-height: 24px; text-align: center; margin-top:20px; margin-bottom: 20px;}
.service .more { width: 170px; height: 50px; background: #f7b018; line-height: 50px; text-align: center; font-size: 15px; color: #fff; border-radius: 25px; margin:0 auto; }
.service .more a{ color: #fff; }
.casefl { width: 630px; height: 210px; padding: 150px 0; }
.casefl .title{ padding: 30px 0px 30px 70px; background: url(../images/casedian.png) left center no-repeat; }
.casefl .content { text-indent: 2em; }
.casefr { width: 412px; height: 510px; overflow: hidden;}
.caselogo { text-align: center; }
.news li { width: 368px; border: 1px solid #eee; float: left; margin:0 15px 40px 15px; }
.news li .img { width: 368px; height: 190px; overflow: hidden; background: #282828; }
.news li .content { padding: 20px; }
.news li .content h3, .news li .content p { margin-bottom:10px; }
.news li .content a{ color: #282828; }
.believe_bg{ height:500px;}
.temp-tit{ text-align:center; padding-bottom:40px;}
.temp-tit h2{ font-weight:bold; line-height:60px;}
.temp-tit i, .temp-tit em{ display:block; color:#666; font-style:normal; line-height:20px;}
.temp-tit em{ text-transform:uppercase; color:#ccc;}
.temp .video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    t-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
}
.temp .believe{ height:100%; background-color: rgba(6, 6, 6, 0.47); opacity:1; position:absolute; z-index:99; display:block; width:100%; padding: 80px 0;}
.believe ul li{ width:25%; margin:0 4%; float:left; color:#fff; text-align:center; margin-top:4rem;}
.believe ul li h2{ font-size:40px; font-weight:bold;}
.believe ul li h2 em{ font-size:20px; font-style:normal;}
.believe ul li span{ font-size:20px; display:block; margin-top:2px;}
.believe ul li p{ font-size:14px; color:rgba(255,255,255,0.75); opacity:1; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.pos_banner { height:150px; padding: 35px 0; background: url(../images/pos_bg.png) center top no-repeat #2a4d95; }
.pos_banner .font { height: 78px; border: 1px solid #a0bfe6; border-left:0px; border-right: 0px; line-height: 78px; padding: 0 15px; color: #a0bfe6; display: inline-table; }
.pos_font { height: 40px; border-bottom: 1px solid #eee; line-height: 40px; }
.pos_font a { color: #666; }
.model_list .title{ text-align:center; margin-bottom: 40px;}
.model_list .title span{ padding: 0 30px; line-height: 40px; font-size: 15px; border:1px solid #282828; display: inline-block; cursor: pointer;}
.model_list .title span.on, .model_list .title span:hover { color: #fff; background: #409eff; border:1px solid #409eff; }
.model_list .content ul li{ padding: 30px; border-bottom: 1px solid #eee; }
.model_list .content ul li:hover { background: #f5f5f5; }
.model_list .content ul li:hover .font a { color: #409eff; }
.model_list .content ul li .img { background: #282828; width: 300px; height: 165px; overflow: hidden; }
.model_list .content ul li .font { width: 800px; }
.model_list .content ul li .font h3, .model_list .content ul li .font p { margin-bottom:10px; }
.model_list .content ul li .font a{ color: #282828; }
.model_list .content ul li .font .more { height: 35px; line-height: 35px; background: #f7b018; padding: 0 20px; display: inline-block; }
.model_list .content ul li .font .more a{ color: #fff; }
.about-fr { width: 600px; }
.about-fl { width: 460px; line-height: 30px; }
.artile-h3 { text-align: center; }
.artile { padding: 40px; }
.artile .info { height: 30px; background: #f5f5f5; line-height: 30px; text-align:center; }
.artile .back-list {height: 30px; line-height: 30px; margin-top: 20px; font-size: 14px; text-align: right;}
.artile .back-list a{ color: #409eff; }
.artile .con { padding: 20px 50px; line-height: 30px; font-size: 14px; }
.more-artile { border-top: 1px solid #eee; padding: 20px 0; }
.more-artile a{ color: #282828; }

.header_menu_pro{ background: #F2F6FC; position: absolute; top:76px; z-index: 999; width: 100%;  border-bottom: 1px solid #eee;left:395px; }
.header_menu_pro .menu_pro_close { position: absolute; top:10px; right:10px; z-index: 1000; width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #c00; cursor: pointer; }
.header_menu_pro .menu_pro_close:hover{ color: #c00; }
.header_menu_pro ul li { float: left; margin:0 1% 30px 1%; padding: 0 10px; width: 44%; }
.header_menu_pro ul li a{ color: #282828; transition: 300ms; }
.header_menu_pro ul li a:hover { color: #409eff; text-decoration:none; }
.header_menu_pro ul li .tit { font-size: 17px; }
.header_menu_pro ul li p { padding-top: 10px; padding-bottom: 10px;}

.footer{ font-size:14px; background:#1d1d1d; padding:30px 0 60px 0; color:rgba(255,255,255,1);}
.footer ul li:first-child{ width:28%; float:left;margin-right:5%}
.footer ul li:nth-child(2){ width:33%; float:left;}
.footer ul li:last-child{ width:28%; float:right;}
.footer ul li .title{ font-size:18px; text-transform:uppercase; margin-top:1rem; font-weight:bold;}
.footer ul li .title span{ font-size:12px;}
.footer ul li .des{ margin-top:20px; line-height:24px; font-size:14px; color:rgba(255,255,255,0.75); font-family:Arial, Helvetica, sans-serif;}
.footer ul li .des a{ color:rgba(255,255,255,0.75);}
.footer ul li .des a.qq{ background:url(../images/sns.png) 0 -40px no-repeat #f75a53; width:40px; height:40px; border-radius:10px; display:block; transition: background 1s ease-out; text-indent: -999px; margin-top:10px; }
.footer ul li .des a:hover.qq{ background:url(../images/sns.png) 0 -40px no-repeat #09f;}
.footer ul li .des a:hover{ color:#ff0;}
.footer ul li .des p{ margin-bottom:1rem;}
.footer ul li .des div{ position:relative;}
.footer ul li .des .mail{ padding:10px; border:1px solid rgba(255,255,255,0.4); background-color: hsla(0,0%,100%,0.00); color: #babcbd;vertical-align: middle; width:100%;}
.footer ul li .des .m-button{ padding:10px; border:0px; background:url(../images/foot-form-bg.png) 0 -120px no-repeat; position:absolute; top:0px; right:0px; width:40px; cursor:pointer;}
.copyright{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.65); background:#28282d; padding:30px 0;}

/* 分页 */
#pages {  padding: 40px 0 0 0;}
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:30px; line-height:30px; background:#409eff; border:1px solid #409eff; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:30px; line-height:30px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.on{border-bottom:1px solid blue!important;}
.honor1{width:1200px;margin:0 auto;}
.honor-nav{overflow-x:hidden;}
.roll{width:4500px;animation:scroll 50s linear infinite;display:flex;}
.roll-box{display:flex;}
@keyframes scroll{
 0%{transform:translateX(0);}
100%{transform:translateX(-50%);}

}	
@font-face{
  font-family:"优设标题黑";
  src:"/statics/sino/css/font/优设标题黑.ttf"
}
.on1 {color:#2178fb;}

.change1{
background: rgba(57, 106, 252, 0.1);
border-right:2px solid rgb(57, 106, 252);
}