@charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	min-width:1330px;

}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent ;font-family: "微软雅黑"}
.float-r{float: right !important}
.float-l{float: left !important;}
i{font-style: normal}



.head-bj{ width: 100%;min-height: 3px; position: relative; overflow: hidden;}
.hedx{ width: 100%; height: 3px ;background: url(../images/jbt.jpg) no-repeat top center; position: absolute; left: 0;top: 0;z-index: 99;}
.dw-bj{ width: 100%; /*height: 817px;*/background: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));padding-bottom: 50px; position: absolute; left: 0;top: 0;z-index: 12; /*background: url(../images/head-jb.png) no-repeat top center;*/ }
.dw-bj .dw-c{ width: 100%; position: relative;z-index: 99;}
.hk-top{ width: 1330px; margin: 0 auto; height: 143px;position: relative; z-index: 5;}
.hk-top .lg-l{float: left; padding: 31px 0 0 18px;}
.zyb{ height: 35px; border-left: 1px solid #93a2ab; padding-left: 28px; font-size: 26px; font-weight: bold; color: #fff ; position: absolute; left: 392px;top: 55px}

.cx-box{ float: right;padding:60px 20px 0 0;  position: relative;}
.bm-box{float: left;}
.bm-box a{font-size: 14px; color: #fff ;opacity: 0.5 ;display: inline-block;margin-right: 20px;}
.bm-box a:hover{opacity: 1; }
.sec-img{float: left; height: 22px;border-left:solid 1px  rgba(255, 255, 255, 0.3); padding-left: 21px;}
.sec-img .sca{ width: 21px ; cursor: pointer;}
.sou-box{ width: 180px; height: 41px; background: rgba(255, 255, 255, 0.5); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: absolute;top: 91px; right:20px ; display: none; overflow: hidden; }
.sou-box .ipa{ width: 120px; height: 41px; line-height: 41px;font-size: 14px; color: #0c3045; float: left;padding-left: 13px; }
.sou-box .ipb{ width: 42px; height: 41px; background: url(../images/sc2.png) no-repeat center center;float: right; cursor: pointer;}
.sou-box .ipa::-webkit-input-placeholder{color: #0f3b55}
.sou-box .ipa::-moz-placeholder{color: #0f3b55}
.sou-box .ipa:-moz-placeholder{ color: #0f3b55}
.sou-box .ipa:-ms-input-placeholder{color: #0f3b55}

.page-up{ width: 53px; height: 53px ; background-color: #009172 ; text-align: center ; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; cursor: pointer; position: fixed; right: 10px;bottom: 10%;z-index: 99; display: none}
.page-up img{margin-top: 20px;}
.page-up:hover{background-color: #04777f ;}
.footer-bj{ width: 100% ; height: 407px ;background: url(../images/foot-bj.jpg) no-repeat bottom center; position: relative; }
.footer-c{ width: 1330px; margin: 0 auto;padding-top: 127px;}
.copy{ width: 1330px; height: 56px; position: absolute; left: 50%;margin-left: -665px; bottom: 0; }
.copy h6{float: left; line-height: 56px; font-size: 12px; color: #fff ;opacity: 0.7; padding-left: 13px;}
.copy h6 a{font-size: 12px; color: #fff ; padding-right: 4px;}
.copy .item{ float: right ; background-color: #5890a5;position: relative;top: 14px; cursor: pointer; border-radius:3px ;}
.copy .item .select{width: 157px; height: 30px; padding: 0 14px;font-size: 12px;  color: #fff;
 appearance: none; background: none; border: none; background: url(../images/jj.png) no-repeat 142px center;}
.copy .item .select option{ color: #333}

.foot-l{ width: 452px; float: left; padding-left: 14px;}
.foot-c{ width: 534px; float: left;}
.foot-r{ width: 323px; float: left; }
.foot-l .blg{ margin-bottom: 18px;}
.foot-l h5{height: 30px;line-height: 30px;font-size: 14px; font-weight: bold ;color: #fff ;margin-bottom: 16px;}
.foot-l h5 span{font-size: 30px; font-weight: bold ;}
.foot-l h6{height: 20px;line-height: 20px;font-size: 14px; color: #cfe2e4 ;margin-bottom: 4px;}

.foot-c .list{  padding: 20px 0 0 0; overflow: hidden;}
.foot-c .list ul{ width: 100%;}
.foot-c .list ul li{ width: 118px; height: 16px; line-height: 16px;float: left; margin-bottom: 49px; overflow: hidden;}
.foot-c .list ul li a{font-size: 14px; color: #cfe2e4}
.foot-c .list ul li a:hover{font-weight: bold;color: #fff}
.foot-c .list ul li a i{padding-right: 14px}

.tb-b{padding-left: 30px;padding-top: 13px; height: 112px }
.cx-box2{ width: 60px;float: left; text-align: center; margin-right: 30px; position: relative;}
.cx-box2 .imgb{ width: 53px; height: 60px; background: url(../images/jx1.png) no-repeat left bottom ;display: inline-block ;cursor: pointer;}
.cx-box2 .ic{  display: inline-block ;margin-top: 22px}
.cx-box2 h4{ width: 100%; line-height: 16px;  text-align: center; font-size: 14px; color: #cfe2e4; padding: 10px 0 0 0; overflow: hidden;}
.cx-box2 .ewm-box2{ width: 141px; height: 139px; background: url(../images/ewm-bj2.png) no-repeat; position: absolute; left: 50%;top: -135px; margin-left: -70px; overflow: hidden; z-index: 19; display: none}
.cx-box2 .ewm-box2  .ewm{ width: 111px; height: 111px; margin: 0 auto;  margin-top: 9px;}
.cx-box2:hover  h4{color: #fff}
.cx-box2:hover .imgb{ background: url(../images/jx2.png) no-repeat left bottom ;}
.cx-box2:hover .ewm-box2{display: block}
.foot-r .dizhi{ width: 100% ; overflow: hidden;}
.foot-r .dizhi h5{ width: 38px; line-height: 18px; font-size: 12px; color: #cfe2e4 ;float: left;}
.foot-r .dizhi h6{ width: 285px;line-height: 18px; font-size: 12px; color: #cfe2e4 ;float: left;}

.window-bj{ width: 202px ;height: 660px ; background: url(../images/tc-bj.png) no-repeat ; position: fixed; right: -22px; top: 24% ; z-index: 99;}
.window-bj .cent{ width: 120px; height: 376px;margin: 117px 0 0 40px;text-align: center; position: relative;}
.window-bj .cent .ewm{width:111px; height: 111px}
.window-bj .cent .a{display: inline-block ;height: 20px; line-height: 20px ; width: 98px; position: relative;margin-top: 26px;}
.window-bj .cent .a img{position: absolute; left: 0;top: 3px}
.window-bj .cent .a i{ font-size: 16px; color: #293136; position: absolute; left:34px;}
.window-bj .cent h5{ width: 100%;text-align: center; font-size: 16px; color: #575757 ;line-height: 16px; position: absolute; left: 0;top: 303px;}
.window-bj .cent h6{ width: 130px;text-align: center; font-size: 18px; color: #138bcf ;line-height: 18px;font-weight: bold; position: absolute; left: -5px;top: 331px;}
.window-bj .gb{ width: 27px; height: 27px; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -14px; border-radius:27px;  -webkit-border-radius:27px; -moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; cursor: pointer; }
.zaixian{ width: 47px; height: 150px ; background: url(../images/zjl.png) no-repeat; position: fixed; right: -1px;top: 26%;z-index: 99; cursor: pointer; display: none}
.animation-box{ position: absolute; z-index:9999; left: 0; top: 0; visibility: hidden; }
.pcgb{width: 27px; height: 27px;display: block ;position: absolute; right: 0;top: 23px;z-index: 999; cursor: pointer;}


.nav-bj{ width: 100%; height: 58px;z-index: 99;position: relative;}
.nav{ width: 1330px; height: 58px ;margin: 0 auto;  background: rgba(19, 71, 103, 0.3) ;}
.nav ul{ width: 1380px}
.nav ul li{ width: 98px; height: 58px  ;float: left;position: relative;margin-right: 12px ;}
.nav ul li .yj{ width: 100%; height: 58px ; line-height: 58px ; text-align: center ; font-size: 16px; color: #fff; display: block;}
.nav ul li i{ width: 98px; height: 8px;background:url(../images/xian.png); position: absolute; left: 0;bottom: 0;display: none}
.nav ul li .ej-box{ width: 638px;  background: rgba(30, 86, 121, 0.7) ; padding: 20px 20px 20px 23px; position: absolute; left: 50%; top:58px; overflow: hidden;margin-left: -319px; display: none }
.nav ul li .ej-box .tu-box{ width: 122px;height: 78px ;float: left; overflow: hidden; cursor: pointer;}
.nav ul li .ej-box .tu-box img{ width: 100% ;height: 100%;transition: all 1.1s;}
.nav ul li .ej-box dl{ width: 494px; float: left;margin-left: 22px; overflow: hidden;}
.nav ul li .ej-box dl dd{width: 164px; float: left; height: 16px; line-height: 16px ;font-size: 14px; color: #fff ;margin: 11px 0 5px 0}
.nav ul li .ej-box dl dd a{font-size: 14px; color: #fff ;}
.nav ul li .ej-box dl dd a:hover{text-decoration: underline}
.nav ul li.style1 .ej-box{ left: 0; margin-left: -109px}
.nav ul li.style2 .ej-box{ left: 0; margin-left: -221px}
.nav ul li.style9 .ej-box{ left: initial; right: -242px; margin-left: 0 ;}
.nav ul li.style10 .ej-box{ left: initial; right: -132px; margin-left: 0 ;}
.nav ul li.style11 .ej-box{ left: initial; right: -22px; margin-left: 0 ;}
.nav ul li.style12 .ej-box{ left: initial; right: -20px; margin-left: 0 ;}
.nav ul li .ej-box .tu-box:hover img{transform: scale(1.1);}
.addys1 ul li.style1 .ej-box{ left: 0; margin-left: -119px}
.addys1 ul li.style2 .ej-box{ left: 0; margin-left: -238px}
.addys1 ul li.style8 .ej-box{left: initial; right: -280px; margin-left: 0 ;}
.addys1 ul li.style9 .ej-box{left: initial; right: -161px; margin-left: 0 ;}
.addys1 ul li.style10 .ej-box{left: initial; right: -42px; margin-left: 0 ;}

.addys2 ul li.style1 .ej-box{ left: 0; margin-left: -102px}
.addys2 ul li.style2 .ej-box{ left: 0; margin-left: -202px}
.addys2 ul li.style11 .ej-box{left: initial; right: -121px; margin-left: 0 ;}
.addys2 ul li.style10 .ej-box{left: initial; right: -222px; margin-left: 0 ;}



.nav ul li.on i{display: block}
.nav ul li:hover i{display: block}

/* position: fixed !important;  left: 0;top: 0;z-index: 99; */

.posc{background-color: #fff ;position: fixed !important;  left: 0;top: 0;z-index: 99; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px}
.posc .nav{background: none ;border: none}
.posc .nav ul li .yj{color: #293136}
.dw{position: fixed !important;  left: 0;top: 0;z-index: 99;}
.anmte .nav-bj{background-color: #fff ; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px}
.anmte .nav-bj .nav{background: none ;border: none}
.anmte .nav-bj .nav ul li .yj{color: #293136}


.anmet{-webkit-animation-name: bird;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: bird;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	-o-animation-name: bird;
	-o-animation-duration: 1s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: 1;
	-ms-animation-name: bird;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	animation-name: bird;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;}

@keyframes bird{
	0% {
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0, 0);
		transform: translate(0,0);
	}

	25% {
		-moz-transform: translate(0,-70px);
		-webkit-transform: translate(0,-70px);
		-o-transform: translate(0,-70px);
		-ms-transform: translate(0,-70px);
		transform: translate(0,-70px);
}
	50% {
		-moz-transform: translate(0,-140px);
		-webkit-transform: translate(0,-140px);
		-o-transform: translate(0,-140px);
		-ms-transform: translate(0,-140px);
		transform: translate(0,-140px);
}

	 75% {
		-moz-transform: translate(0,-70px);
		-webkit-transform: translate(0,-70px);
		-o-transform: translate(0,-70px);
		-ms-transform: translate(0,-70px);
		transform: translate(0,-70px);
}

	 100% {
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0, 0);
		transform: translate(0,0);
	}
}


.window-bj{height: 600px;}
.window-bj .gb{ bottom: 5px !important;}