.wrapper { margin: 0 auto; width: 1200px; }
@media (max-width: 1200px){
	
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.header { padding: 0 2%; }
	.header .nav .nli { padding: 0 10px; }
	.header .nav .nli .na { font-size: 15px; }	

}
.header { height: 60px; box-sizing: border-box; padding: 0 5%; position: fixed; top: 0; right: 0; left: 0; z-index: 9; -webkit-transition: all .2s; transition: all .2s; }
.header.fxd { height: 60px; background: rgb(255 255 255 / 0.5); }
.header .logo { float: left; display: block; padding: 20px 0; -webkit-transition: all .2s; transition: all .2s; }
.header .logo img { display: block; height: 30px; -webkit-transition: all .2s; transition: all .2s; }
.header.fxd .logo img { height: 30px; }
.header .mor { float: right; padding: 20px 0; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.header .mor a { float: left; font-size: 14px; color: #333; padding: 0 10px; font-weight: 600; text-decoration: none; }
.header .mor a:hover { color: #125491; }
.header .mor .icon { text-indent: -9999px; background-position: center; background-repeat: no-repeat; }
.header .mor .icon.icon01 { background-image: url(../images/sea.png); }
.header .mor .icon.icon02 { background-image: url(../images/menu.png); }
.header .mor .seabox { position: absolute; right: 0; top: 80px; background: #fff; width: 260px; padding: 20px; line-height: 1; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .2s; transition: all .2s; }

.header .mor .seabox.sbon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.header .mor .seabox input { border: 0; background: #f1f1f1 url(../images/seaicon.png) no-repeat 94% center; padding: 0 20px; line-height: 40px; width: 100%; box-sizing: border-box; }
.header .mor .seabox input:focus { outline: none; background-color: #f9f9f9; }
.header .nav { text-align: center; }
.header .nav .nli { display: inline-block; padding: 0 20px; }
.header .nav .nli .na { font-size: 15px; font-weight: bold; display: block; line-height: 60px; color: #333; text-decoration: none; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.header.fxd .nav .nli .na { line-height: 60px; font-size: 15px; }
.header .nav .nli .na:after { content: ''; display: block; position: absolute; bottom: 16px; left: 0; width: 0; height: 2px; background: #0e5490; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .na:hover { color: #0e5490; }
.header .nav .nli:hover .na { color: #0e5490; }
.header .nav .nli .na:hover:after { width: 100%; }
.header .nav .nli:hover .na:after { width: 100%; }
.header .nav .nli .sub { position: fixed; top: 85px; left: 0; right: 0; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding: 30px 0; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(10px); transform: translateY(10px); }
.header.fxd .nav .nli .sub { top: 60px; }
.header .nav .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.header .nav .nli .sub .sul { overflow: hidden; }
.header .nav .nli .sub .sul .sli { float: left; width: 25%; -webkit-transform: translateY(10px); transform: translateY(10px); }
.header .nav .nli .sub.sub3 .sul .sli { width: 25%; }
.header .nav .nli:hover .sub .sul .sli { -webkit-transform: translateY(0); transform: translateY(0); }
.header .nav .nli:hover .sub .sul .sli:nth-child(1) { -webkit-transition: all .4s .2s; transition: all .4s .2s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(2) { -webkit-transition: all .4s .3s; transition: all .4s .3s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(3) { -webkit-transition: all .4s .4s; transition: all .4s .4s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(4) { -webkit-transition: all .4s .5s; transition: all .4s .5s; }
.header .nav .nli .sub .sul .sli a { display: block; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .sub .sul .sli a .img { margin-bottom: 20px; }
.header .nav .nli .sub .sul .sli a .img img { display: block; height: 120px; margin: 0 auto; }
.header .nav .nli .sub .sul .sli a .nam { font-size: 18px; margin-bottom: 10px; }
.header .nav .nli .sub.sub2 .sul .sli a .nam { font-size: 14px; }
.header .nav .nli .sub .sul .sli a .btn { text-align: center; }
.header .nav .nli .sub .sul .sli a .btn span { display: inline-block; line-height: 30px; border: 1px solid #dedede; font-size: 12px; padding: 0 20px; border-radius: 20px; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .sub .sul .sli a:hover .btn span { background: #007aff; border-color: #007aff; color: #fff; }
.coverbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.coverbox.cbon { opacity: 1; visibility: visible; }
.coverbox .coverbg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); }
.coverbox .covernav { position: absolute; top: 0; right: 0; bottom: 0; width: 200px; background: rgba(255,255,255,.95); padding: 20px; box-sizing: border-box; -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: all .2s; transition: all .2s; }
.coverbox.cbon .covernav { -webkit-transform: translateX(0); transform: translateX(0); }
.coverbox .covernav .close { line-height: 20px; margin-bottom: 20px; font-size: 30px; font-family: arial; color: #000; text-align: right; cursor: pointer; }
.coverbox .covernav .cul {  }
.coverbox .covernav .cul .cli { line-height: 56px; border-bottom: 1px solid #dedede; font-size: 14px; }
.coverbox .covernav .cul .cli.clim { display: none; }
.coverbox .covernav .cul .cli .ca { display: block; text-decoration: none; padding: 0 10px; }
@media (max-width: 800px){

	.header .mor a.link { display: none; }
	
	.header { padding: 0 5%; }
	.header .nav { display: none; }
	
	
	.coverbox .covernav { width: 80%; }
	.coverbox .covernav .cul .cli.clim { display: block; }
}
.header.fxd .mor .seabox { top: 60px; }
/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}