body{margin:0px;padding:0px;font-size:10px;}
*{margin:0px;padding:0px}
a,a:visited,a:link{text-decoration:none;}
ul,li{list-style:none;}



.public3 {width:92%;margin:0 auto;}

.header{width:100%;position:fixed;top:0;left:0;z-index:999;height:auto;border-bottom:solid #ccc 1px;background:rgba(0,0,0,0.4)}
.header .left{width:26%}
@media screen and (max-width:990px){.header .left{width:70%}
}
.header .left a img{max-width:100%;width:auto;height:auto;margin-top:6px}
.header .left .img2{display:none}
#navToggle{display:block}
@media (max-width:990px){
.m_nav{display:block !important}
}.m_nav{position:fixed;top:0px;background:url(../image/nav.jpg) no-repeat top center;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);display:none}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:50px;display:block;margin:30px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;height:50px;line-height:50px;width:100%;text-align:center}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.banner{width:100%}
.banner img{width:100%}
.banner img{height:600px;object-fit:cover}

.header .nav{width:50%;float:none;position:relative;-webkit-transition:all .7s ease;transition:all .7s ease;float:left;text-align:center}
.header .navbar_nav li{position:relative;text-align:center;min-width: 10%;max-width:15%;display: inline-block;}
.header .navbar_nav .logo{float:left;position:relative;width:22%;text-align:center}
.header .navbar_nav .logo img{max-width:100%;height:auto;width:auto;}
.header .navbar_nav li:after{content:"";width:0;height:2px;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{margin:0 auto;display:inline-block;line-height:7.5rem;text-align:left;font-size:1.6rem;color:#fff;}
.header .navbar_nav li a font{font-size:14px;letter-spacing:0px}
.header .navbar_nav li:hover{background:url(404.png) no-repeat center bottom;-webkit-transition:all .7s ease;transition:all .7s ease}
.header .navbar_nav li:hover a{color:#fff}
.header .navbar_nav li.dropdown{position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(404.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:125px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;left:5%;z-index:9999}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#f3f3f3;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#333}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#333;background:#e9eaeb}
.header.on{}
.header.on .left .img1{display:block}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{color:#fff}
.header.on .navbar_nav li:hover a{color:#1d2088}
#navToggle{}
.banner{width:100%;position:relative}
.banner .img img{height:auto;max-width:100%}
@media screen and (max-width:992px)
{
.fl {display: block;}
.public3{width:95%;margin:0 auto;}
.header{position:fixed;top:0;z-index:999999;left:0;right:0;height:auto;width:100%;border:none;}
.header .left{width:40%;display:block}
.header .left a img{width:auto;height:40px;position:absolute;top:10px}
.header #navToggle{height:100%;padding:0px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#fff}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:none}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}
.header .nav{display:none}
.header .navbar_nav li a font{font-size:12px;letter-spacing:0px;margin-left:10px}
}





.public2{width:100%;height:80vh;position:relative;top:10vh;margin: 0 auto;overflow:hidden}
@media (max-width:468px){

.public2{width:90%;height:70vh;position:relative;top:15vh;margin: 0 auto;overflow:hidden}
}

@media (min-width:469px) and (max-width:990px){

.public2{width:90%;height:80vh;position:relative;top:15vh;margin: 0 auto;}
}




ic2{width:100%;height:80vh;position:relative;top:20vh;margin: 0 auto;overflow:hidden}






@font-face {
  font-family: "aa";
  src: url("../font/aa.woff2") format("woff2"),
       url("../font/aa.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/aa.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bb";
  src: url("../font/bb.woff2") format("woff2"),
       url("../font/bb.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/bb.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cc";
  src: url("../font/cc.woff2") format("woff2"),
       url("../font/cc.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/cc.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}