html{
	font-family: "微软雅黑","microsoft yahei";
	font-size: 14px;
	color: #666666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
*{
	margin: 0;
	padding: 0;
}
a{
	color: #000000;
	text-decoration: none;
	background: transparent;
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:hover{
	color: #0066c4 !important;
}
img{
	border: 0;
	-ms-interpolation-mode:bicubic
}
ul,ol,li,dl,dd,dt{
	list-style:none;
}
button,input,textarea{
	margin: 0;
	outline:none;
	border: none;
	font-size: 14px;
	font-family: "微软雅黑","microsoft yahei";
}
.clear{
	clear: both;
	height:0px;
	line-height:0px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.content{
	width: 73%;
	margin: 0 auto;
	box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
	.content{width: 90%;}
}

.tf-y{
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.pic-box img{
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url("../font/iconfont.eot");
  src: url("../font/iconfont.eot-#iefix") format('embedded-opentype'),
      url("../font/iconfont.woff2") format('woff2'),
      url("../font/iconfont.woff") format('woff'),
      url("../font/iconfont.ttf") format('truetype'),
      url("../font/iconfont.svg#iconfont") format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hover_wap{display: none !important;}
@media screen and (max-width: 800px) {
	.hover_pc{display: none !important;}
	.hover_wap{display: block !important;}
}

.site-color{color: #0066c4;}
.site-bg-color{background-color: #0066c4;}
.site-border-color{border-color: #0066c4 !important;}


/*header*/
.header{position: absolute;z-index: 100;width: 100%;left: 0;top: 40px;}
.header .content{padding: 0 1.5%;box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.13);background: rgba(238,238,238,0.95);}
.header-top{position: fixed;top: 0 !important;}

#logo{margin-top: 25px;}
#logo img{height: 53px;display: block;}.header .tel{color: #ff9600;line-height: 20px;margin: 30px 0 0 30px;}.header .tel font{display: block;font-size: 20px;}
@media screen and (max-width: 1680px) {
	.header .tel{margin: 20px 0 0 20px;}
}@media screen and (max-width: 1000px) {	.header .tel{margin: 0 0 0 20px;}}@media screen and (max-width: 600px) {	.header .tel{display: none;}}
.header-fr{line-height: 103px;padding-left: 20px;position: relative;margin-left: 20px;}
.header-fr span{color: #000000;font-size: 22px;margin: 0 15px;cursor: pointer;}
.header-fr a{margin: 0 15px;font-weight: bold;}
.header-fr i{width: 1px;height: 20px;background-color: #000000;position: absolute;left: 0;top: 50%;margin-top: -10px;}

#menu > li{float: left;position: relative;}
#menu > li > a{display: block;font-size: 17px;line-height: 103px;padding: 0 25px;font-weight: bold;}
#menu .on{color: #0066C4;}

#menu .subnav{position: absolute;top: 100%;background: rgba(238,238,238,0.95);left: -25px;}
#menu .subnav li{padding: 0 50px;height: 0;overflow: hidden;transition: ease-in-out 0.3s;}
#menu .subnav li a{font-size: 16px;display: block;line-height: 40px;white-space: nowrap;}
#menu > li:hover .subnav li{height: 40px;}

#search{background: rgba(255,255,255,0.92);padding: 143px 0 90px;position: fixed;width: 100%;z-index: 90;left: 0;top: 0;display: none;}
#search .content{padding: 40px 1.5% 0;}
#search .p_t{padding-top: 0;}
#search .title{font-size: 24px;margin-bottom: 20px;font-weight: bold;}
#search .stext{background-color: transparent;border: 1px solid #bfbfbf;width: 270px;padding: 0 20px;height: 40px;color: #333;font-size: 18px;float: left;}
#search .sbut{float: left;width: 76px;height: 42px;background-color: #000000;color: #FFFFFF;font-size: 18px;cursor: pointer;margin-left: 15px;}

.nav_wap{width:40px;height: 40px;cursor:pointer;display: none;position: relative;}
.nav_wap span{display:block;width:30px;height:2px;position:absolute;left:5px;top: 50%;border-radius: 5px;transition: ease-in-out 0.35s;}
.nav_wap span:nth-of-type(1){margin-top: -10px;}
.nav_wap span:nth-of-type(2){margin-top: -1px;}
.nav_wap span:nth-of-type(3){margin-top: 8px;}
.nav_close{display: none;width: 50px;height: 50px;position: absolute;top: 0;left: 200px;cursor: pointer;background: url("../images/x.png")no-repeat center #0066C4;background-size: 50%;}

.about_zs_list{ width:100%; float:left;}

#myscroll{display:block; width:100%; position:relative; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0; }
#myscroll ul li a{display:block; /*float:left;*/ width:90%; position:relative; color:#333; margin: 0 auto;}
#myscroll ul li a img{ width:100%;  float: left;}

#mybtns{width:100%; display:block; position: relative; top: 50%;}
#mybtns a{width:42px; height:42px; display:block;margin-right:1px; background-color: #c1c1c1; position: absolute; top:50%;}
#mybtns a:hover{background-color: #2f64ae;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{ background-image:url(../images/jt_l.png); left:-10%; }
#mybtns #right{ background-image:url(../images/jt_r.png); right:-10%}

.about_zs_gs{ width:4px; display:none;}

.about_ship{ width:100%; margin-top:30px; position:relative; float:left; overflow: hidden;}
.about_ship_kuan{ width:100%;}
.about_ship_kuan img{ width:100%;    float: left;}
.about_ship_cont{ position:absolute; width:94%; height:93%;top:0px; left:0px;  padding: 4% 3% 0;}
.about_ship_tu{ width:100%; height:100%;}
.about_ship_tu img{ width:100%; height:100%;}
.about_ship_tb{ position:absolute; left:50%; top:50%; transform:translate(-50%);}




@media screen and (max-width: 1680px) {
	#logo{margin-top: 20px;}
	#logo img{height: 40px;}
	.header-fr{line-height: 80px;padding-left: 20px;margin-left: 10px;}
	.header-fr span{margin: 0 20px 0 0;}
	.header-fr a{margin: 0;}
	#menu > li > a{line-height: 80px;font-size: 14px;padding: 0 15px;}
	#menu .subnav{left: -15px;}
	#menu .subnav li{padding: 0 30px;}
	#menu .subnav li a{font-size: 14px;}
}
@media screen and (max-width: 1000px) {
	.header{top: 20px;}
	.header .content{padding: 15px;}
	#logo{margin-top: 0;}
	.header-fr{padding-left: 0;margin-left: 0;line-height: 40px;}
	.header-fr a,.header-fr i{display: none;}
	.header-fr span{width: 40px;text-align: center;font-size: 30px;color: #0066C4;margin-right: 10px;}
	.nav_wap{display: block;}
	#search{padding: 90px 0 40px;}
	#search .stext{height: 35px;width: 200px;font-size: 16px;padding: 0 10px;}
	#search .sbut{height: 35px;font-size: 16px;}
	.menu_box{position: fixed;height: 100%;width: 200px;top: 0;left: -250px;transition: ease-in-out 0.3s;z-index: 1000;}
	.menu_h{left: 0;}
	#menu{background-color: #0066C4;height: 100%;box-sizing: border-box;padding-top: 30px;}
	#menu > li{width: 100%;}
	#menu > li > a{padding: 0 0 0 50px;line-height: 36px;color: #FFFFFF !important;font-weight: 500;}
	#menu .on{background-color: #008de5;}
	#menu .subnav{display: none !important;}
	.nav_close{display: block;}
	.menu_bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.5);display: none;}
	
	#mybtns{ top: 35%;  z-index: 999;}
	#mybtns #left{ left:0%; }
	#mybtns #right{right:0%}
	.about_zs_gs{ width:3px; display:none;}
}
@media screen and (max-width: 600px) { 
	.about_zs_gs{ width:2px; display:none;}
}
@media screen and (max-width: 360px) {
	#search .stext{height: 30px;width: 170px;font-size: 14px;padding: 0 5px;}
	#search .sbut{height: 30px;font-size: 14px;width: 50px;}
}
@media screen and (max-width: 400px) {
	#logo{margin-top: 5px;}
	#logo img{height: 30px;}
}

/*footer*/
.footer{padding: 25px 0;color: #FFFFFF;line-height: 30px;font-size: 12px;font-weight: bold;position: relative;z-index: 50;}
.footer a{color: #FFFFFF !important;}
.footer a:hover{opacity: 0.7;}

.footer .ewm{position: relative;}
.footer .ewm .img1{display: block;width: 30px;height: 30px;}
.footer .ewm .img2{position: absolute;width: 118px;height: 118px;border: 1px solid #7e7e7e;top: -130px;left: 50%;margin-left: -60px;visibility: hidden;opacity: 0;transition: ease-in-out 0.1s;}
.footer .ewm:hover .img2{visibility: visible;opacity: 1;}

.footer .copyright i{margin: 0 10px;}

.footer .tel{margin-right: 20px;position: relative;padding-left: 20px;}
.footer .tel i{position: absolute;left: 0;top: 0;font-weight: 500;font-size: 14px;}

@media screen and (max-width: 1000px) {
	.footer{padding: 15px 0;}
	.footer .copyright{width: 100%;}
	.footer .ewm,.footer .tel{float: left !important;}
	.footer .tel{margin-right: 0;margin-left: 20px;}
	.footer .ewm .img2{left: 0;margin-left: 0;}
}