/* CSS Document */

*{list-style:none; font-family:wen}
a img{ border:0;}

@font-face {
      font-family:wen;
      src:url('../fonts/montserrat-regular.ttf');
    }
@font-face {
      font-family:wenc;
      src:url('../fonts/montserrat-black.otf');
    }
@font-face {
      font-family:wcn;
      src:url('../fonts/sourceHanSanscn-heavy.otf');
	  font-weight:bold;
    }

a:link {color: #15213B;text-decoration:none}
a:visited {color: #15213B;text-decoration:none}
a:hover {color: #000;text-decoration:none}
a:active {color: #15213B;text-decoration:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:13px;margin:0; line-height:28px !important; color:#15213B;  font-family:wen; }
ul,li,img,p,dl,dt,dd{ margin:0; padding:0; border:0; list-style:none}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.red1{color:#A20000}
h1{font-size:23px; font-weight:bolder}
.bule1{ color:#165173}
a.bule{ color:#165173}
.bai{ color:#fff !important}
a.bai{ color:#fff}
.huise{ color:#999999}
.lanse{ color:#15213B}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}
.juli30{ height:30px;}
.dropdown:hover>.dropdown-menu {display: block}
.dropdown>.dropdown-toggle:active {pointer-events: none}
.huibg{ background-color:#F0F1F5}
.lanbg{ background-color:#1D9F95}
.btn-a2{color: #15213B;padding: 10px 35px;transition: all 1s;border-radius: 35px;background-color: #F5C12D;font-size: 16px; cursor:pointer; font-weight:bold}
.btn-a2:hover{background-color: #1D9F95;transition: all 1s; color:#FFF}
.btn-a1{ background-color:#F5C12D; color:#15213B;transition: all 1s; font-weight:bold}
.btn-a1:hover{ background-color:#1D9F95; transition: all 1s; color:#15213B}
.btn-a3{ background-color:#F5C12D; color:#FFF;transition: all 1s; border-radius:35px; padding:10px 40px; font-size:16px}
a.btn-a3{ }
.btn-a3:hover{ background-color:#15213B; transition: all 1s; color:#FFF}
.btn-a4{color: #15213B;padding: 15px 35px;transition: all 1s;border-radius: 5px;background-color: #F5C12D;font-size: 16px; cursor:pointer; width:100%; display:block}
.btn-a4:hover{background-color: #1D9F95;transition: all 1s; color:#FFF}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#82FEFF}
.navbar-brand{height:auto !important;padding: 0px 15px !important;}
.dropdown-menu{ margin-top:-1px;}


.jiazhi{ background:url(../images/bg.jpg) center top; background-attachment:fixed; background-size:cover} 
.jiazhi-txt{ text-align:center; font-size:30px; color:#FFF; line-height:95px;}
.pic div { margin-bottom:10px; line-height:35px;}
.copy{ text-align:center; padding:50px 0 30px; background-color:#15213B; color:#FFF; position:relative; z-index:999999}
.copy  h1{  font-size:16px; text-align:left; }
.copy p{}
.copy  .copymenu li{ border-bottom:1px solid #1C2B4E; line-height:20px; text-align:left; padding:10px 0}
.copy  .copymenu li a{ color:#95A5C9}
.copy  .copymenu li a:hover{ color:#FFF}
.weixin{ position:absolute; right:20px; bottom:0px;}
.copy1{ border-top:1px solid #41537A; background-color:#15213B; line-height:25px; color:#FFF; padding:15px 0}
.copy1 a{ color:#95A5C9}
.copy1 a:hover{ color:#FFF}

#swiper1{ position:relative}
#swiper1 .swiper-word-wrap{ color:#FFF; text-align:center; position:absolute;  left:0; top:0; background:rgba(21,33,59,.5); width:100%; height:100%;}
#swiper1 .swiper-word a{ color:#15213B; padding:10px 35px; transition: all 1s; border-radius:35px; background-color:#F5C12D; font-size:16px; font-weight:bold}
#swiper1 .swiper-word a:hover{ background-color:#1D9F95; transition: all 1s;}
#swiper1{ position:relative}

.banner{ position:relative}
.banner .swiper-word-wrap{ color:#FFF; text-align:center; position:absolute;  left:0; top:0; background:rgba(21,33,59,.5); width:100%; height:100%;}
.banner .swiper-word a{ padding:10px 35px; transition: all 1s; border-radius:35px; background-color:#F5C12D; font-size:16px}
.banner .swiper-word a:hover{ background-color:#1D9F95; transition: all 1s;}

.tabindex-top{ position:absolute; bottom:0px; left:0px; width:100%; z-index:9999999; text-align:center}
.tabindex-top ul{ }
.tabindex-top ul li{ display:inline-block; width:210px; color:#FFF; line-height:45px; height:45px; font-size:16px;background-color:#15213B; padding:0; margin:0; cursor:pointer}
.tabindex-top ul p{ display:inline-block; width:110px; color:#FFF; line-height:45px; height:45px; font-size:16px;background-color:#15213B; padding:0; margin:0; cursor:pointer}
.tabindex-top ul li.active{ background-color:#F1F2F6; color:#15213B;line-height:55px;height:50px; }
.tabindex-body{ width:100%; background-color:#F1F2F6}

#tabindex-body ul li { display:none}
#tabindex-body ul li.active{ display:block !important}

.indexh1{ font-size:40px; text-align:center; line-height:45px; color:#15213B; font-family:"wcn"; font-weight:normal}
.indexh1 span{ display:block; font-size:17px; color:#15213B; line-height:25px; margin:20px 0}

.indexh2{ font-size:24px;  font-weight:normal; text-align:center}
.link{ border-top:1px solid #DDDEE0; margin-top:20px; padding-top:20px; text-align:center;}
.link a{ margin:20px 10px 5px; display:inline-block}

.youshi{ }
.youshi ul{}
.youshi ul li{ margin-top:12px;}
.youshi ul li > div{ padding:25px 20px; overflow:hidden;border:1px solid #D0D3DA; border-radius:4px; background-color:#FFF;transition:all .3s; margin-top:5px; position:relative; cursor:pointer}
.youshi ul li > div p.title{ font-size:20px; color:#15213B; line-height:25px; margin:10px 0}
.youshi ul li > div p.txt{ font-size:15px; line-height:30px;}
.youshi ul li > div:hover{box-shadow:4px 4px 20px #BFBFBF; margin-top:0px; transition:all .3s}
.youshi ul li > div div.line{ position:absolute; bottom:0px; left:0px; height:4px; background-color:#1D9F95; width:0%;transition:all .3s}
.youshi ul li > div:hover div.line{width:100%;transition:all .3s}

.zixun{ }
.zixun ul{}
.zixun ul li{ }
.zixun ul li > div{ overflow:hidden;border:1px solid #D0D3DA; border-radius:4px; background-color:#FFF;transition:all .3s; margin-top:5px; position:relative; cursor:pointer}
.zixun ul li > div .neirong{ display:block; margin:10px 20px 20px}
.zixun ul li > div p.title{ font-size:18px; color:#15213B; line-height:25px; min-height:45px; margin:20px 0 10px; font-weight:600}
.zixun ul li > div p.date{ color:#999; margin-bottom:10px;}
.zixun ul li > div p.txt{ font-size:14px; line-height:25px;}
.zixun ul li > div p.more{ color:#1D9F95; text-align:right; margin-top:12px;}
.zixun ul li > div:hover{box-shadow:4px 4px 20px #BFBFBF; margin-top:0px; transition:all .3s}
.zixun ul li > div div.line{ position:absolute; bottom:0px; left:0px; height:4px; background-color:#1D9F95; width:0%;transition:all .3s}
.zixun ul li > div:hover div.line{width:100%;transition:all .3s}

.contactindex{}
.contactindex p.title{ font-size:31px; color:#15213B; line-height:55px; margin-bottom:60px; margin-top:12px; font-family:wcn}
.contactindex p.time{ font-size:20px; color:#15213B; line-height:35px; margin-bottom:5px;}
.contactindex p.tel{ font-size:46px; color:#F5C12D; line-height:65px; font-family:wenc; margin-top:17px; }
.contactindex p.mail{ font-size:31px; color:#15213B; line-height:65px;font-family:wen;}

.pictab{ }
.pictab li{ margin-top:5px;}
.pictab li { color:#000; font-size:15px; background:url(../images/icon_jia.png) no-repeat left 5px; padding-left:30px;}
.pictab li.active{background:url(../images/icon_jian.png) no-repeat left 5px; padding-left:30px;}
.pictab li.active p{ display:block}
.pictab li a{ color:#000}
.pictab li  span{ font-size:30px; color:#F5C12D; margin-right:4px; display:inline-block; float:left; display:block; width:30px;}
.pictab p{ display:none; color:#16223A}

.lanbg{ background:#1D9F96}
.zyywa{ padding:80px 0}
.zyywa p{ text-align:center; color:#15213B; line-height:35px;}
.zyywa .p1{}
.zyywa .p2{ font-size:40px; font-weight:bold;margin:25px auto;}
.zyywa .p3{ font-size:21px; font-weight:bold; width:60%; margin:15px auto 0; line-height:40px;}
.zyywa .p4{ font-size:20px; margin:0px auto 25px; }

.aboutbannerbiaoti{ font-weight:normal}

.kuang1{ padding:60px 0}
.kuang1 h1{ font-size:34px; text-align:center; line-height:55px; margin-bottom:50px; font-family:wcn; font-weight:normal}
.licheng{ overflow:hidden}
.licheng li{ width:13%; float:left; border-right:1px solid #C5C5C7; overflow:hidden; padding:15px; cursor:pointer}
.licheng li div{ width:300px;color:#15213B}
.licheng li div .riqi{ color:#15213B; font-size:40px; margin-bottom:50px;}

.kuang2{ padding:60px 0}
.kuang2 h1{ font-size:34px; text-align:center; line-height:55px; margin-bottom:50px; font-family:wcn; font-weight:normal}
.kuang2 ul{}
.kuang2 ul li{ text-align:center; margin-bottom:15px; line-height:20px;}

.wenhuaa { margin:20px 0}
.wenhuaa p{ font-size:20px; border-bottom:1px solid #C5C5C7; padding-bottom:5px; margin-bottom:5px;font-family:"wcn";}
.faqa li a{ display:block; border-bottom:1px solid #D7D7D7; padding-bottom:10px; margin-bottom:5px; font-weight:bold} 

.card{ border:none; border-bottom:1px solid #D7D7D7 !important}
.card-header{ background:none; border-bottom:1px solid #D7D7D7}
.card-header span.jia{ font-size:30px; color:#F5C12D; margin-right:8px; display:inline-block; float:left; margin-top:-10px; }

.newsdetail{}
.newsdetail h1{ font-size:28px; line-height:39px; }
.newsdetail h1 small{ display:block; font-size:14px; border-bottom:1px solid #E7E8EA; padding-bottom:10px; margin-bottom:20px; color:#999}
.newsTags{margin:10px 5px;}
.newsTags ul li{ float:left; margin:10px;}
.newsTags ul li a span{ padding:15px 25px; background-color:#E3E6EB; color:#15213B; font-family:wcn; font-size:16px;box-shadow: 2px 2px 5px #D3CECF}
.newsnr{ line-height:28px; font-size:16px;}

.data .name{ line-height:25px; padding:10px;}
.data .datapic{ position:relative}
.data .datatext{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); display:flex;align-items:center; text-align:center;opacity:0;transition:all .5s}
.data .datatext .btn-a2{ margin:0 auto; padding:5px 30px; font-size:15px}
.data .eye{ position:absolute; right:12px; top:3px; background:url(../images/icon_eye.png) no-repeat left center;background-size:15px; padding-left:20px; color:#FFF; font-family:wen; font-size:10px;opacity:0;transition:all .5s}
.data div:hover .eye{opacity:1;transition:all .5s}
.data div:hover .datatext{opacity:1;transition:all .5s}
.data ul li{ height:auto !important}

.mengban{ background:rgba(21,33,59,.3); width:100%; height:100%; position:absolute; left:0;top:0}

.ua{ text-align:center; margin:100px auto 0}
.ua .ua1{ font-size:40px; font-family:wcn; margin-bottom:20px;}
.ua p{ line-height:28px; font-size:21px;}
.ub{ padding:50px 0}
.ub h1{ text-align:center; font-size:36px; margin-bottom:50px; font-family:wcn}
.biaoge{ border-radius:5px;width:100%;}
.biaoge thead { background-color:#15213B; color:#FFF; width:100%;}
.biaoge thead th{ text-align:center}
.biaoge tbody{}
.biaoge .tha{ display:flex; align-items:center; justify-content:center}
.biaoge td{ vertical-align:middle; text-align:center; min-width:120px;}
.biaoge .hc{ background:url(../images/u-line.jpg) no-repeat left center; background-size:contain; text-align:center; }
.biaoge .text{ }
.biaoge .text{ line-height:20px;}
.biaoge  .tha .text .p2{ font-size:12px; color:#F5C12D; font-weight:normal}
.uc h1{text-align:center; font-size:36px; margin-top:50px; font-family:wcn}

.hxys{ margin:50px 0 0}
.hxys .left{ width:35%; float:left}
.hxys .left ul{}
.hxys .left ul li{ border:1px solid #D7D7D7; border-radius:5px; font-size:28px; font-weight:bold; padding:18px 10px; margin-bottom:23px; position:relative; overflow:hidden; cursor:pointer}
.hxys .left ul li .p2{ font-size:14px; margin-left:60px; font-weight:normal; display:none; line-height:20px;}
.hxys .left ul li .p1{ background:url(../images/icon-hxys1.jpg) right no-repeat ; font-family:wcn}
.hxys .left ul li .p1 img{ margin-right:15px;}
.hxys .left ul li.active .pline{ border-bottom:7px solid #F5C12D;position:absolute; bottom:0px; left:0px; width:100%;}
.hxys .left ul li.active .p1{ background:url(../images/icon-hxys2.jpg) right no-repeat}
.hxys .left ul li.active .p2{ display:block; margin-bottom:10px;}
.hxys .right{ width:65%; float:left}
.hxys .right ul{ margin-left:45px;}
.hxys .right ul li{ display:none; position:absolute}

.join{ padding:80px 0; text-align:center}
.join p{ line-height:35px; font-size:18px}
.join .p1{ font-size:40px; font-weight:bold; margin-bottom:15px; line-height:45px; font-family:wcn}
.kouhao .p1{ font-size:25px; border-bottom:1px solid #EAEAEA; margin-bottom:10px; padding-bottom:10px; font-family:wcn}
.kouhao .p2{ font-size:18px; margin-bottom:80px; }

.lianxia .d1{ padding:20px; border-radius:4px;}
.lianxia .d1 .d1a{ background-color:#fff; margin-top:20px; padding:20px;}
.lianxia .d1 .d1a .p1{ font-size:18px; border-bottom:1px solid #F1F2F6; padding-bottom:10px; margin-bottom:10px; font-weight:bold}
.lianxia .d1 .d1a .p2{ border-bottom:1px solid #F1F2F6; padding-bottom:10px; margin-bottom:10px;}
.lianxia .d2{ padding:20px; border-radius:4px;}
.lianxia .d2 p{ text-align:left; line-height:20px;}
.lianxia .d2 .form-group{ margin:10px 0px;}
.lianxia .d2 .form-group input{ margin-bottom:10px;}
.lianxia .d2 .btna{ padding:0 0px;}

.quanqiu{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999; display:none}
.quanqiu .close{position:fixed; right:10px; top:10px; z-index:99999;}
.quanqiu .close img{transform:rotate(0deg);transition:all .5s; cursor:pointer}
.quanqiu .close img:hover{transform:rotate(-100deg);transition:all .5s}
.quanqiu ul{position:fixed; right:-400px; top:0; height:100%; background-color:#15213B; width:300px; z-index:9999; padding:90px 0; text-align:center}
.quanqiu ul h1{ color:#fff; font-family:wcn; margin-bottom:30px; font-size:30px}
.quanqiu ul li{ font-size:18px; line-height:40px;}
.quanqiu ul li a{ color:#FFF}

.tantu{ position:fixed; height:100%; width:100%; left:0; top:0; background:rgba(27,36,66,.5); overflow-y:auto; z-index:99999;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
}
.tantu::-webkit-scrollbar {
   	width: 10px;
	height: 1px;
}
.tantu::-webkit-scrollbar-thumb {
  /*��������������*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #535353;
  }
.tantu::-webkit-scrollbar-track {
  /*������������*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }

.tantu .close{ position:fixed; right:40px; top:20px; cursor:pointer}
.tantu .tu{ margin:0 auto; text-align:center}

.sanbiaoge h1{ margin-top:30px;}
.sanbiaoge table{  width:100%; border-radius:10px; margin-top:20px; border-collapse:inherit; overflow:hidden;border:0.5px solid #EFEFEF}
.sanbiaoge table th{ border:0.5px solid #EFEFEF; padding:5px; text-align:center; font-size:16px;}
.sanbiaoge table td{ border:0.5px solid #EFEFEF; padding:5px; text-align:center}


@media (min-width:768px) { 
.daohang{ position:absolute; left:0;top:0; width:100%; z-index:99;background:rgba(21,33,59,.3) }
.daohangbai{ position:inherit; background-color:#FFF}
.daohang1{ position:fixed; left:0;top:0; width:100%; z-index:99999; background-color:#011627}
.navbar-light .navbar-nav .nav-link{color: rgba(255,255,255,.9); font-size:14px}
.daohangbai .navbar-light .navbar-nav .nav-link{color: rgba(0,0,0,.9); font-size:14px}
.nav-item{ margin:0 8px;}
.about1{ width:80%; text-align:center; margin:0 auto; line-height:35px;}
.juli94{ height:90px;}

#swiper1 .swiper-word h1{ font-size:46px;}
#swiper1 .swiper-word p{ line-height:30px; font-size:18px; width:540px;}
#swiper1 .swiper-word p.btn{ margin-top:30px; text-align:left; padding:0}
#swiper1 .swiper-slide{ width:100%;background-size:cover; background-repeat:no-repeat; background-position:center center}

.banner .swiper-word h1{ font-size:46px; font-family:wcn; font-weight:normal; margin:30px 0;}
.banner .swiper-word p{ line-height:30px; font-size:18px; width:540px; font-family:wen}
.banner .swiper-word p.btn{ margin-top:20px; text-align:left; padding:10px 0}
.banner .swiper-slide{ height:694px; width:100%;background-size:cover; background-repeat:no-repeat; background-position:center center}

.dropdown-menu { background: rgba(21, 33, 59, 0.2); top: 35px; left: -45px; text-align: center; font-size: 14px;}
.dropdown-menu a{ color:#FFF}
.dropdown-menu a:hover{ background-color:#15213B; color:#FFF}
#video{/*min-width:1349px;*/object-fit:fill}
.indexput{ width:80%;}

.service-itemBox{width: 100%; margin: 0 auto;overflow: hidden;}
.ul-service-item{width: 100%; margin: 0 auto;margin-top: 10px;}
.ul-service-item>li{width: 20%; float: left;}
.ul-service-item>li>a{display: block;position: relative;width: 240px;height: 160px;cursor: pointer;}
.ul-service-item>li>a>img{position: absolute; top: 46%; left: 50%;transform: translate(-50%, -50%);}
.ul-service-item>li>a:hover img{opacity: 0.5;}
.ul-service-item>li>a:hover span{color: #07359e;}
.ul-service-item>li .title{ color: #000; display: block;position: absolute;width: 200px; top: 70%;left: 50%;transform: translate(-50%, -50%);text-align: center; line-height:15px;}

.youshi ul li > div{ min-height:362px;}
.zixun ul li > div{ min-height:362px;}
.zixun ul li {}
.zixun ul li{ margin-top:22px;}
.huoban{}
.huoban ul li{ width:16.66%; float:left; margin-bottom:15px;opacity:1; cursor:pointer;transition:all .5s; padding:0 20px}
.huoban ul li:hover{ width:16.66%; float:left; margin-bottom:15px;opacity:0.5;transition:all .5s}
.liuyan{ padding-left:80px;}
.banner{ position:relative; background-color:#16223C}

.picright { margin:55px auto}
.picright .lefta{ width:45%; float:right}
.picright .lefta img{ border-radius:4px;box-shadow:4px 4px 30px #9A9A9A;}
.picright .righta{ width:55%; float:left; padding-right:120px;}
.picright h2{ font-size:34px; text-align:center; line-height:65px; font-weight:normal; margin-bottom:80px; font-family:wcn; font-weight:normal}

.picleft { margin:55px auto}
.picleft .lefta{ width:45%; float:left}
.picleft .lefta img{ border-radius:10px;box-shadow:4px 4px 10px #9A9A9A;}
.picleft .righta{ width:55%; float:right; padding-left:120px;}

.newmenu{ margin:30px 0}
.newmenu li{  width:25%; float:left}
.newmenu li a{ display:block; background:url(../images/icon.png) right center no-repeat; background-size:40px 11px;border:1px solid #D7D7D7; margin:10px ; padding:10px; border-radius:5px; font-size:16px; font-family:wcn}
.biaoge{ display:table !important; overflow:hidden}
.youshia ul li{ height:auto; min-height:inherit}
.join .p2{ width:400px; margin:20px  auto 0; text-align:right}

.lianxia{ float:left; width:30%;}
.lianxib{ float:left; width:70%;}

.navbar{ padding:0}
.navbar-light .navbar-nav .nav-link{ line-height:33px;}
#menu{ background-color:#FFF; width:420px; padding:10px 10px 10px 10px; top:50px; font-size:15px;}
#menu a{ color:#15213B; float:left;  text-align:left; clear:none; padding:0; padding:10px 0}
#menu a img{ margin-right:10px; margin-left:10px;}
#menu a:hover{ color:#000; background-color:#EEEEEE; border-radius:5px}
#menu div{ position:absolute; left:71px; top:-20px;}
 }
@media (max-width:768px) { 
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 0px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -10px;
}

.navbar{ padding:5px;}
.navbar-brand{ padding:0px 5px !important}
.navbar-light .navbar-nav .nav-link{ text-align:center; border-bottom:1px solid #F2F2F2}

#swiper1 .swiper-word h1{ font-size:26px;}
#swiper1 .swiper-word p{ line-height:25px; margin:0 20px 20px;}
#swiper1 .swiper-slide{ height:350px; width:100%;background-size:auto 100%}
#video{object-fit:fill}
.indexput{ width:100%;}

.service-itemBox{width: 100%; margin: 0 auto;overflow: hidden;}
.ul-service-item{width: 100%; margin: 0 auto;}
.ul-service-item>li{width: 33.33333%; float: left;}
.ul-service-item>li>a{display: block;cursor: pointer; text-align:center}
.ul-service-item>li>a>img{}
.ul-service-item>li>a:hover img{opacity: 0.5;}
.ul-service-item>li>a:hover span{color: #07359e;}
.ul-service-item>li .title{ color: #000; display: block;text-align: center;}
.youshi ul li > div{ min-height:280px;}
.zixun ul li > div{ min-height:280px;}
.zixun ul li { }
.zixun ul li{ margin-top:5px;}
.huoban{}
.huoban ul li{ width:33.3333%; float:left; margin-bottom:15px;}
.banner{}
.banner .swiper-word p.btn {  margin-top: 20px;  text-align: left; padding:0}

.picright { margin:15px auto}
.picright .lefta{ margin-bottom:15px; }
.picright .righta{}

.picleft { margin:15px auto}
.picleft .lefta{ margin-bottom:15px; }
.picleft .righta{}

.newmenu{ margin:20px 0}
.newmenu li{  width:50%; float:left}
.newmenu li a{ display:block; background:url(../images/icon.jpg) right center no-repeat; background-size:40px 11px;border:1px solid #D7D7D7; margin:10px ; padding:10px; border-radius:5px; font-size:16px}
.biaoge td{ min-width:150px;}
.lianxia{ float:left; width:100%;}
.lianxib{ float:left; width:100%;}
 }


.customerService{position:fixed;bottom:25px;right:20px;z-index:9999999}
.customerService .investigation{width:180px;padding:10px 5px 10px 10px;display:flex;align-items:center;background:#fff;border-radius:6px;margin-bottom:10px;border:1px solid #eaf0f6}
.customerService .investigation p{margin-bottom:0}
.customerService .investigation img{width:54px;height:56px;margin-left:6px}
.customerService .investigation .investigationIcon{position:absolute;top:-24px;left:0;right:0;margin:0 auto;width:48px;height:48px}
.customerService .investigation .investigationIcon img{width:48px;height:48px}
.customerService .customerService-con{width:180px;background:url(../images/lianxi_bg.1d08113.png) no-repeat 50%;padding:14px;background-size:contain;color:#fff;position:relative}
.customerService .customerService-con .customerServiceEntrance{display:flex;align-items:center;cursor:pointer}
.customerService .customerService-con img{width:31px;height:21px;margin-right:14px}
.customerService .customerService-con .customerServiceDialog{width:324px;height:0px;border-radius:6px;overflow:hidden;position:absolute;bottom:55px;right:0;color:#173551;transition:all 1s}
.customerService .customerService-con .customerServiceDialog .contactTarget{height:92px;background:url(../images/contact_target_bg.eee5256.png) no-repeat 50%;background-size:contain;padding:17px 22px;margin-bottom:-3px
}.customerService .customerService-con .customerServiceDialog .contactTarget p{margin-bottom:0;font-size:16px;color:#fff}
.customerService .customerService-con .customerServiceDialog .contactTarget .phone{font-size:28px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon{padding:14px 22px 6px;background:#fff;border:1px solid #eaf0f6; position:relative}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .erweima{ position:absolute; top:20px; right:-5px;}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .erweima img{ width:85px; height:85px;}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .ant-row:not(:last-child){margin-bottom:0}
.customerService .customerService-con .customerServiceDialog .customerServiceCon p{margin-bottom:0;line-height:24px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .title{font-size:18px;color:#173551;margin-bottom:6px}
.customerService .customerService-con .customerServiceDialog .customerServiceCon .customerServiceBtn{background:#f9d5e9;border-radius:30px;padding:6px 0;line-height:20px;text-align:center;color:#173551;margin:10px 0;cursor:pointer}
.customerService .customerService-con:hover .customerServiceDialog{height:555px}
.ant-input{ width:100%;}
.ant-input-affix-wrapper{ position:relative}
.ant-input-suffix{ position:absolute; right:10px; top:-3px;}
.ant-input{ border:1px solid #D9D9D9; border-radius:5px; margin-top:10px; padding:0 10px}