/* CSS Document */

*{list-style:none; font-family:worksans-regular}
a img{ border:0;}

@font-face {
      font-family:workSans-bold;
      src:url(' ../fonts/WorkSans-Bold.ttf');
    }
@font-face {
      font-family:workSans-light;
      src:url(' ../fonts/worksans-Light.ttf');
    }
@font-face {
      font-family:worksans-regular;
      src:url(' ../fonts/worksans-regular.ttf');
	  font-weight:normal;
    }

a:link {color: #000028;text-decoration:none}
a:visited {color: #000028;text-decoration:none}
a:hover {color: #00EFBA;text-decoration:none}
a:active {color: #000028;text-decoration:none}
a:focus{outline:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:16px;margin:0; line-height:25px !important; color:#777a7c; font-family:worksans-regular; overflow-x:hidden;}
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:#555}
.lanse{ color:#1D9F96}
.lvse{ color:#1D9F96}
.huangse{ color:#F5911E}
.anse{ color:#8B7575}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}
.juli30{ height:30px;}
.no-padding{ padding-left:0; padding-right:0}
.cuti{ font-family:workSans-bold}

.dropdown:hover>.dropdown-menu {display: block; z-index:999999}
.dropdown>.dropdown-toggle:active {pointer-events: none}
.huibg{ background-color:#f4f4f4; padding:40px 0}
.heibg{ background-color:#262c31; padding:40px 0}
.lanbg{ background-color:#00EDBC; padding:40px 0}
a.btna{ background:url(../images/icon-more-bai.png) 70px 15px no-repeat #000028; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btna:hover{ background:url(../images/icon-more-hui.png) 70px 15px no-repeat #00A486; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btnb{ background:url(../images/icon-more-bai.png) 70px 15px no-repeat #00A486; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}
a.btnb:hover{ background:url(../images/icon-more-hui.png) 70px 15px no-repeat #393956; padding:10px 55px 10px 20px;background-size:30px; color:#FFF; transition:all .5s}

.pic div { margin-bottom:10px; line-height:35px;}
.copy{ text-align:center; padding:80px 0 60px; background-color:#000; position:relative}
.copy  h1{  font-size:20px; font-weight:bold}
.copy  .copymenu li{ line-height:35px; text-align:left}
.copy  .copymenu li a{ color:#B5DFEB}
.copy  .copymenu li a:hover{ color:#F5C12D}
.copyline{ border-bottom:1px solid #446068; padding-bottom:15px;}
.weixin{ position:absolute; right:20px; bottom:0px;}
.copy1{ background-color:#000; line-height:25px; color:#FFF; padding:15px 0 15px; text-align:center}
.copy1 a{ color:#95A5C9}
.copy1 a:hover{ color:#FFF}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link{ color:#D7D7D7}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color:#f39800 !important}
.swiper-pagination-bullet-active{ width:25px; height:5px;border-top:3px solid #f39800 !important}
.swiper-pagination-bullet{width:auto; height:auto; border-top:3px solid #FFF;border-color:(255,255,255,0.5);border-radius:0; display:inline-block; margin:15px}
.swiper-pagination-bullet-active{ background:none;opacity:1}
.swiper-pagination-bullet{ background:none; opacity:1; color:#FFF; font-size:18px; padding-top:5px; margin:15px 28px 30px !important; text-transform:uppercase}

.erleft{ display:inline-block}
.erleft .p1{ font-size:76px; font-family:WorkSans-Bold; line-height:75px}
.erleft .p2{ background:url(../images/line.jpg) center center no-repeat; text-align:center; font-size:18px; margin-top:15px;}
.erbottom{ text-align:right}
.erbottom p{padding-left:52px; background-size:auto 100%  !important; display:inline-block}
.erbottom  .p1{ background:url(../images/er-icon1.png) left center no-repeat; }
.erbottom  .p2{ background:url(../images/er-icon2.png) left center no-repeat; }
.erbottom  .p3{ background:url(../images/er-icon3.png) left center no-repeat; }

.erxia{background-color:#262c31}
.erxia .block{ background-color:#262c31; padding:30px;}
.erxia .block .shang{ }
.erxia .block .shang .p1{ font-size:64px; line-height:55px; color:#FFF; opacity:0.5 }
.erxia .block .shang .p2{ float:right}
.erxia .block .xia .p1{ font-size:18px;margin-top:15px; line-height:45px}
.erxia .block .xia .p2{ float:right}
.erxia .bg1{ background-color:#262c31}
.erxia .bg2{ background-color:#f39800}
.erxia .bg3{ background-color:#f4f4f4; color:#555}
.erxia .bg3 .shang .p1{ color:#000;opacity:0.1}


.san {}
.san .biaoti{ text-align:center}
.san .biaoti .p1{ color:#999;}
.san .biaoti .p2{ font-size:50px; line-height:64px}
.san .biaoti .p3{ margin-top:10px; font-size:18px}
.san .siblock .p1{ text-align:center}
.san .siblock .p2{ margin-top:20px; text-align:center}
.san .siblock .p2 span{ display:block; font-size:18px; color:#000; margin-bottom:15px; text-transform:uppercase}

.si {}
.si .biaoti{ text-align:center}
.si .biaoti .p1{ color:#999; text-transform:uppercase}
.si .biaoti .p2{ font-size:50px; line-height:64px}
.si .biaoti .p3{ margin-top:10px; font-size:18px}
.si .sanblock .p1{ text-align:center; margin-top:30px;}
.si .sanblock .p2{ margin-top:20px; text-align:center}
.si .sanblock .p2 span{ display:block; font-size:18px; color:#000; margin-bottom:15px; text-transform:uppercase}

.wu .biaoti{ }
.wu .biaoti .p1{ color:#999; text-transform:uppercase}
.wu .biaoti .p2{ font-size:50px; line-height:64px}
.wu .biaoti .p3{ margin-top:10px; font-size:18px}
.wu .biaoti .p4{ margin-top:20px;}

.liu .biaoti{ color:#FFF}
.liu .biaoti .p1{ color:#fff; text-transform:uppercase}
.liu .biaoti  >.p2{ font-size:50px; line-height:64px;color:#fff; text-transform:uppercase}
.liu .biaoti > .p3{ margin-top:10px; font-size:18px;color:#cdd5db; }
.liu .biaoti  >.p4{ margin-top:20px;color:#99a0a6; }

.liu .add{ margin-top:40px;}
.liu .add  p{ margin-top:10px;}
.liu .add .p1{ background:url(../images/liu-icon1.png) left center no-repeat; padding-left:50px;}
.liu .add .p2{background:url(../images/liu-icon2.png) left center no-repeat; padding-left:50px; color:#f39800}
.liu .add .p3{background:url(../images/liu-icon3.png) left center no-repeat; padding-left:50px;}
.btne {	  position: fixed !important;  left: 0;  top: 0;  z-index: 9999;  width: 100%;  background-color: rgba(0,0,0,.8);  transition: all ease 1s;}
@media (min-width:768px) { 

.daohang{ position:absolute; left:0;top:0; width:100%; z-index:99999; }
.daohang1{  background-color:#F6F6F6}
.daohang1 .nav-item a { color:#062B35 !important}
.top{  padding:0 15px;}
.top .navbar-nav{ margin-top:21px;}
.top .navbar-nav li{ margin-left:10px;}
.dropdown-menu{ left:-22px;}
.erright .p1{ width:70%; float:right}
.erright{ text-align:right;}
.erbottom p{ margin-left:35px;}
.san .siblock{ background:url(../images/sanline.jpg) center 90px no-repeat; margin-top:60px}
.san .siblock .p2{ margin-top:80px; text-align:center}

.si .siblock{ margin-top:60px}
.si .biaoti .p3{ width:60%; margin:10px auto 0}
.si .sanblock .p1{ text-align:center; margin-top:50px;}

.wu .pic img{ width:90%; float:right; margin-top:15px;}
	
.erxia .logo .logo1{ width:14.2857% !important; float: left; padding: 10px}

 }
@media (max-width:768px) { 

.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.3);
}
.navbar-nav li.nav-item{ padding-left:25px;border-bottom:1px solid #222649}
.top{ position:fixed; left:0; top:0; width:100%; z-index:99999999999988888999; background-color:#000028; padding:0 15px;}
.erbottom{ text-align:inherit}
.erxia .logo img{ margin:15px 0}
.erbottom p{ margin:5px 0}
.san .siblock .p1{ margin-top:30px}
.gao{ height:70px;}

.erleft .p1{ font-size:56px; font-family:WorkSans-Bold; line-height:75px}
 }













