html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3{font-weight: normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.14 "Microsoft YaHei",微软雅黑,Verdana,arial,\5FAE\8F6F\96C5\9ED1;color:#383838;outline:0;}
body { --main-color: #a81d20; --main-color: #0e6bc2;  --bg-color: #0051a2; --bg-grad: linear-gradient(120deg, #0051a2 0%, #0986cb 100%);}
input,select,textarea{outline:none;border:none;background:none;}
a{color:#444;} 
a:hover{color:#0f66bb; xcolor:#1f84d3; color: var(--main-color);}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.bg-grad{background-color: var(--bg-color); background-image: var(--bg-grad);}


.usn{-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;} 
.hide,.hidden{display: none;}
body{ background: #fff;}
.wrapper{width: 100%;min-width: 1200px;}
.wrap{width: 1200px;  margin: 0 auto;}
.wrap-min { width: 1200px; }
.ftl{float: left;}
.ftr{float: right;}
.pd16{padding: 0 16px;}
.line-1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mg24 { margin: 24px 0; }


.top-banner:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 146px;
  background: url(../img/h-header-bg1.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 2;
  opacity: 0.8;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}
.top-banner {
  position: relative;
  font-size: 0;
}
.top-banner{overflow: hidden;height: 0; min-width: 1200px;padding-bottom: 26%;position: relative;box-shadow: 0px 3px 15px #ccc;}

.top-right {margin: 20px 50px 0 0; text-align:right;}
.top-links {color:#fff;font-size: 13px;}
.top-links a { color:#fff; }
.top-links span {margin: 0px 4px;display: inline-block;font-size: 12px;line-height: 12px;transform: translateY(-2px);}


.header{min-width: 1200px; position: relative; color: #fff;z-index: 999; height: 180px; background: #0f66bb;}
.header > .wrap {height: 180px; background: url(../img/headbg.png) no-repeat right;}


.logo{font-size: 0; position: absolute; left: 0; top: 0; z-index: 9;}
.logo a img{height: 70px;margin-top: 28px;}
.logo > img {margin: 24px;}


.search{margin: 10px 0px 0 0px;border-radius: 12px;background: #fff;display: flex;align-items: center;}
.search .search-input{height: 34px;line-height: 34px;font-size: 15px; width: 220px;padding: 0px 0 0px 15px;color: #4b4b4b;}
.search .submit{height: 34px;vertical-align: middle;width: 56px;background: url(../img/search.png) no-repeat 15px center;cursor: pointer; background-size: auto 54%;}




.nav-wrap {background: #0e6bc2;background: var(--main-color);min-width: 1200px;position: relative;z-index: 999;background-color: #0051a2;background-image: linear-gradient(120deg, #0051a2 0%, #0986cb 100%);box-shadow: 0 0 10px rgba(0, 0, 0, .3);}


.nav{ height: 52px; position: relative;z-index: 999; }


.nav .nav-first{margin-left: 12px; height: 1px;}


.nav>ul>li{float:left;line-height: 52px;text-align: center;padding: 0 21px;position: relative;z-index: 999;}
.nav>ul>li>a{ font-size: 19px; display: block;color: #fff;}
.nav>ul>li:hover{background-color: #0f66bb; background-color: rgba(15, 102, 187, .9); }
.nav>ul>li:hover>a{color: #fff;}
.nav>ul>li:hover>ul{display: block; }
.nav>ul>li>ul{display: none;filter: alpha(opacity=90);box-shadow: 1px 1px 4px #666;background: rgba(0, 74, 134, 0.878);background-image: linear-gradient(302deg, #0a92dc 0%, #0051a2 100%);position: absolute;z-index: 999;left:0px;top:52px;width: auto;}
.nav>ul>li>ul>li{white-space: nowrap;display: block;font-size: 17px;padding: 0 24px;border-top: 2px solid transparent;line-height: 43px;xmin-width:95px;text-align: left;}
.nav>ul>li>ul>li:hover{background: rgba(19, 105, 188, 0.49);border-top: 2px solid rgba(0, 73, 134, 0.388);}
.nav>ul>li>ul>li:hover>a{color: #fff;}
.nav>ul>li>ul>li>a{white-space: nowrap;  color: #fff; display: block;  background: url(about:blank);}
.nav .has-subnav:after{ position: absolute;right:6px;  top: 18px; content: ""; width: 0px;  height: 0px; border-top: 6px solid #b9b9b9; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.nav .has-subnav:hover::after{border-top: 6px solid #1f84d3;}



.earth {
  animation: 8s linear infinite cartoon;
  -webkit-animation: 8s linear infinite cartoon
}



.footer{min-width: 1200px;color: #fff;padding: 30px 0;background: #004e99;background: var(--main-color);background-image: linear-gradient(356deg, #0983c5 0%, #0051a2 100%);}
.footer .wrap {}



.copyright {color: #fff;text-align: center;line-height: 36px;width: 750px;margin: 0 auto;}
.copyright .conac {float: right;}
.copyright .conac img {max-width: 55px;}
.copyright a {color: #fff;}