/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;}
body { background:#fff; color:#666666; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width:320px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
h4{
    display: block;
    font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#666666; text-decoration:none; transition:all .3s;}
a:hover { color:#076ce0;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear: both;}


body{overflow: hidden;}


.sec{
	background-color: #fff;
	padding: 40px 0px;
}
.commonWrap{
	width: 1200px;
	margin: 0px auto;
}

.head{
	height: 120px;
	background-color: #fff;
}
.logo{
	float: left;
}
.logo img{
	display: block;
	height: 120px;
}
.headRight{
	float: right;
}

#nav{
	float: left;
}
			#nav LI.top {
				FLOAT: left;
				line-height: 40px;
				padding: 40px 5px;
			}

			#nav LI A.top_link {
				line-height: 40px;
				DISPLAY: block;
				FLOAT: left;
				CURSOR: pointer;
				TEXT-DECORATION: none;
				PADDING-TOP: 0px;
				font-size: 16px;
				padding: 0px 20px;
				border-radius: 5px;
			}


			#nav LI.top .fa{
		color: #fff;
		font-size: 20px;
		position: absolute;
		top: -14px;
		left: 50%;
		margin-left: -10px;
	}
			#nav LI:hover A.top_link {
				background-color: #076ce0;
				color: #fff;
			}



			#nav LI:hover {
				Z-INDEX: 200;
				POSITION: relative
			}

			#nav LI:hover UL.sub {
				Z-INDEX: 270;
				WIDTH: 160px;
				HEIGHT: auto;
				TOP:100px;
				LEFT: 50%;
				transform: translateX(-50%);
				box-shadow: 0px 0px 15px rgba(0,0,0,.2);
				background-color: white;
			}

			#nav LI:hover UL.sub LI {
				POSITION: relative;
				DISPLAY: block;
				FONT-WEIGHT: normal
			}

			#nav LI:hover UL.sub LI A {
				display: block; text-align: center;
			}

			#nav LI UL.sub LI A.fly {
				line-height: 35px;
				font-size: 14px;
			}

			#nav LI:hover UL.sub LI A:hover {
				background-color: #076ce0;
				color: #fff;
			}

			#nav LI:hover UL.sub LI A.fly:hover {
				background-color: #076ce0;
				color: #fff;
			}

			#nav LI:hover LI:hover UL {
				Z-INDEX: 400;
				WIDTH: 160px;
				box-shadow: 0px 0px 15px rgba(0,0,0,.2);
				background-color: white;
				HEIGHT: auto;
				TOP: -1px;
				LEFT: 160px
			}

			
			#nav UL {
				POSITION: absolute;
				PADDING-BOTTOM: 0px;
				LIST-STYLE-TYPE: none;
				MARGIN: 0px;
				PADDING-LEFT: 0px;
				WIDTH: 0px;
				PADDING-RIGHT: 0px;
				HEIGHT: 0px;
				TOP: -9999px;
				LIST-STYLE-IMAGE: none;
				PADDING-TOP: 0px;
				LEFT: -9999px
			}

			#nav LI:hover UL UL {
				POSITION: absolute;
				PADDING-BOTTOM: 0px;
				LIST-STYLE-TYPE: none;
				MARGIN: 0px;
				PADDING-LEFT: 0px;
				WIDTH: 0px;
				PADDING-RIGHT: 0px;
				HEIGHT: 0px;
				TOP: -9999px;
				LIST-STYLE-IMAGE: none;
				PADDING-TOP: 0px;
				LEFT: -9999px
			}

			#nav LI:hover LI:hover UL UL {
				POSITION: absolute;
				PADDING-BOTTOM: 0px;
				LIST-STYLE-TYPE: none;
				MARGIN: 0px;
				PADDING-LEFT: 0px;
				WIDTH: 0px;
				PADDING-RIGHT: 0px;
				HEIGHT: 0px;
				TOP: -9999px;
				LIST-STYLE-IMAGE: none;
				PADDING-TOP: 0px;
				LEFT: -9999px
			}

			#nav LI:hover LI:hover LI:hover UL UL {
				POSITION: absolute;
				PADDING-BOTTOM: 0px;
				LIST-STYLE-TYPE: none;
				MARGIN: 0px;
				PADDING-LEFT: 0px;
				WIDTH: 0px;
				PADDING-RIGHT: 0px;
				HEIGHT: 0px;
				TOP: -9999px;
				LIST-STYLE-IMAGE: none;
				PADDING-TOP: 0px;
				LEFT: -9999px
			}

			#nav LI:hover LI:hover LI:hover LI:hover UL UL {
				POSITION: absolute;
				PADDING-BOTTOM: 0px;
				LIST-STYLE-TYPE: none;
				MARGIN: 0px;
				PADDING-LEFT: 0px;
				WIDTH: 0px;
				PADDING-RIGHT: 0px;
				HEIGHT: 0px;
				TOP: -9999px;
				LIST-STYLE-IMAGE: none;
				PADDING-TOP: 0px;
				LEFT: -9999px
			}

			#nav LI:hover LI:hover A.fly {
				BORDER-BOTTOM-COLOR: #fff;
				BORDER-TOP-COLOR: #fff;
				BACKGROUND: #548bcf no-repeat left center;
				COLOR: #fff;
				BORDER-RIGHT-COLOR: #fff;
				BORDER-LEFT-COLOR: #fff;
			}


.headRight .search{
	float: left;
	margin-left: 10px;
	padding: 45px 0px;
	position: relative;
}
.headRight .search .searchLink{
	display: block;
	line-height: 30px;
	padding: 0px 20px;
	text-align: center;
	border-left: #edeef0 1px solid;
}
.headRight .search .searchLink .fa{
	line-height: 30px;
	font-size: 20px;
}
.headRight .search .searchBox{
	position: absolute;
    width: 300px;
    right: 0;
    background: #fff;
    top: 80px;
	z-index: 10;
	
	visibility: hidden;
    opacity: 0;
    transition: top .3s ease,opacity .3s ease,visibility 0s;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.headRight .search:hover .searchBox{
	visibility: visible;
	opacity: 1;
	top: 100px;
}
.headRight .search .searchBox .fa-caret-up{
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: -14px;
	right: 25px;
}
.headRight .search .searchBox .searchForm{
	display: block;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}
.headRight .search .searchBox .searchForm .searchInput{
	display: block;
    width: 100%;
    border: #aeaeae 1px solid;
    box-sizing: border-box;
    padding: 0px 40px 0px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #3e3e3e;
    outline: none;
}
.headRight .search .searchBox .searchForm .searchBtn{
	display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 16px;
    top: 16px;
    text-align: center;
    border: none;

    outline: none;
    background-color: transparent;
    cursor: pointer;
}
.headRight .search .searchBox .searchForm .searchBtn:hover{
	color: #076ce0;
}


.headRight .mHeadRightCel{
	display: none;
	float: left;
}
.headRight .mHeadRightCel .mHeadRightLink{
	display: block;
    padding: 0px 10px;
    float: left;
    color: #3e3e3e;
}
.headRight .mHeadRightCel .mHeadRightLink .fa{
	line-height: 60px;
    font-size: 20px;
}
.headRight .mHeadRightCel.on .mHeadRightLink .fa{
	color: #0075bf;
}
.headRight .mHeadRightCel .searchBox-M{
	position: absolute;
    width: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    background: 0;
    top: 0;
	z-index: 100;
    transition: top .3s ease,opacity .4s ease,visibility 0s;
    background-color: transparent;
    -webkit-box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8);
    box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8);
}
.headRight .mHeadRightCel.on .searchBox-M{
	visibility: visible;
    opacity: 1;
	top: 60px;
}
.headRight .mHeadRightCel .searchBox-M .searchForm{
	display: block;
    padding: 15px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
}
.headRight .mHeadRightCel .searchBox-M .searchForm .formInput{
	display: block;
    width: 100%;
    border: #aeaeae 1px solid;
    box-sizing: border-box;
    padding: 0px 40px 0px 10px;
    line-height: 30px;
    font-size: 14px;
    color: #3e3e3e;
    outline: none;
}
.headRight .mHeadRightCel .searchBox-M .searchForm .searchBtn{
	display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 16px;
    top: 16px;
    text-align: center;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

.m_menu_box{
	background: #eee;
    overflow: hidden;
    display: none;
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	z-index: 11;
}
.m_menu_box li{
	line-height: 44px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    overflow: hidden;
}
.m_menu_box li a{
	display: block;
    height: 44px;
    padding: 0 10px;
    color: #333;
}
.m_menu_box li .sub{
	background: #f8f8f8;
    padding-left: 20px;
    display: none;
    width: 100%;
}

.banner .bannerWrap{
	position: relative;
	overflow: hidden;
}
.swiper-banner .swiper-wrapper .swiper-slide img{
	display: block;
	width: 100%;
}
.swiper-banner .swiper-button-prev{
	left: 5%;
}
.swiper-banner .swiper-button-next{
	right: 5%;
}

.iPartner{
	background-color: #085fc1;
	padding: 20px 0px;
}
.iPartner .commonWrap{
	position: relative;
}
.iPartner .iPartnerTit{
	width: 150px;
	float: left;
	line-height: 60px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.iPartner .iPartnerList{
	margin-left: 150px;
	overflow: hidden;
	margin-right: 100px;
}
.swiper-custom .swiper-wrapper .swiper-slide img{
	display: block;
    height: 60px;
    max-width: 100%;
    margin: 0px auto;
}
.iPartner .iPartnerMore{
	display: block;
	width: 80px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 5px;
}
.iPartner .iPartnerMore:hover{
	background-color: #155296;
}

.iService{
	padding: 60px 0px;
}
.iService .iServiceLeft{
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding-right: 80px;
}
.iService .iServiceLeft .iServiceEn{
	line-height: 40px;
	font-size: 30px;
	color: #ececec;
	word-break: break-all;
}
.iService .iServiceLeft .iServiceCn{
	line-height: 40px;
	font-size: 26px;
	color: #333333;
	margin-bottom: 10px;
}
.iService .iServiceLeft .iServiceCn span{
	font-weight: bold;
}
.iService .iServiceLeft .iServiceTxt{
	line-height: 30px;
	font-size: 14px;
	color: #999999;
	margin-bottom: 20px;
}
.iService .iServiceLeft .iServiceBtn a{
	display: block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #0f67ff;
	color: #fff;
}
.iService .iServiceLeft .iServiceBtn a:hover{
	background-color: #4a8cff;
}

.iService .iServiceRight{
	width: 60%;
	float: left;
}
.iService .iServiceRight .iServiceCel{
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-top: 20px;
	box-sizing: border-box;
	padding: 20px;
	border: #ececec 3px solid;
}
.iService .iServiceRight .iServiceCel:nth-child(1){
	margin-top: 0;
}
.iService .iServiceRight .iServiceCel:nth-child(2){
	margin-top: 0;
}
.iService .iServiceRight .iServiceCel:nth-child(2n){
	margin-right: 0;
}
.iService .iServiceRight .iServiceCel .iServiceCelPic{
	width: 60px;
	height: 80px;
	float: left;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.iService .iServiceRight .iServiceCel .iServiceCelRight{
	margin-left: 80px;
}
.iService .iServiceRight .iServiceCel .iServiceCelRight .iServiceCelTit{
	line-height: 30px;
	font-size: 18px;
	color: #666;
}
.iService .iServiceRight .iServiceCel .iServiceCelRight .iServiceCelDesc{
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
}


.iAbout{
	background-color: #086de1;
	position: relative;
}
.iAbout .iAboutPic{
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 50%;
	background: url(../images/pic1.jpg) right center no-repeat;
	background-size: cover;
}
.iAbout .iAboutBody{
	width: 50%;
	float: right;
	color: #fff;
	box-sizing: border-box;
	padding: 60px 0px 60px 60px;
}

.iAbout .iAboutBody .iAboutTitEn{
	line-height: 35px;
	font-size: 30px;
	word-break: break-all; text-transform: uppercase;
}
.iAbout .iAboutBody .iAboutTitCn{
	line-height: 35px;
	font-size: 26px;
	margin-bottom: 40px;
}
.iAbout .iAboutBody .iAboutTxt{
	line-height: 35px;
	font-size: 16px;
}
.iAbout .iAboutBody .iAboutTxt div{
	margin-bottom: 40px;
}
.iAbout .iAboutBody .iAboutTxt div:last-child{
	margin-bottom: 0;
}


.iNews .iNewsTitEn{
	line-height: 40px;
    font-size: 30px;
    color: #ececec;
    word-break: break-all;
	text-align: center;
}
.iNews .iNewsTitCn{
	line-height: 40px;
    font-size: 26px;
    color: #333333;
	text-align: center;
	position: relative;
	z-index: 1;
}
.iNews .iNewsTitCn .titLine{
	display: block;
	width: 320px;
	height: 2px;
	background-color: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -1px;
	z-index: -1;
}
.iNews .iNewsTitCn span{
	background-color: #fff;
	padding: 0px 10px;
}
.iNews .iNewsTitCn strong{
	font-weight: bold;
}
.iNews .iNewsTitDesc{
	line-height: 30px;
    font-size: 14px;
    color: #999999;
	text-align: center;
	margin-bottom: 40px;
}
.iNews .iNewsBody .iNewsLeft{
	width: 48%;
	float: left;
	margin-right: 4%;
	position: relative;
}
.iNews .iNewsBody .iNewsLeft img{
	display: block;
	width: 100%;
}
.iNews .iNewsBody .iNewsLeft a{
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 40px;
	font-size: 14px;
	color: #c0c0c0;
	background-color: rgba(0,0,0,.7);
	box-sizing: border-box;
	padding: 0px 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.iNews .iNewsBody .iNewsLeft a:hover{
	color: #fff;
}
.iNews .iNewsBody .iNewsRight{
	width: 48%;
	float: left;
	box-sizing: border-box;
}
.iNews .iNewsBody .iNewsRight .iNewsCel{
	overflow: hidden;
}
.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelDate{
	width: 110px;
	line-height: 30px;
	font-size: 16px;
	float: left;
	box-sizing: border-box;
	padding: 10px 10px 10px 0px;
}
.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelRight{
	margin-left: 110px;
	padding: 10px 0px 10px 20px;
	border-left: #dadada 1px solid;
	position: relative;
}
.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelRight .iNewsCelCir{
	display: block;
	width: 12px;
	height: 12px;
	background-color: #bababa;
	border-radius: 9px;
	border: #f4f4f4 3px solid;
	position: absolute;
	left: -9px;
	top: 16px;
	transition: all .3s;
}
.iNews .iNewsBody .iNewsRight .iNewsCel:hover .iNewsCelRight .iNewsCelCir{
	background-color: #086de1;
}
.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelRight .iNewsCelTit{
	display: block;
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.iNews .iNewsBody .iNewsRight .iNewsCel:hover .iNewsCelRight .iNewsCelTit a{
	color: #086de1;
}
.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelRight .iNewsCelDesc{
	height: 60px;
	overflow: hidden;
	line-height: 20px;
	font-size: 13px;
}


.iAdv{
	background-color: #086de1;
    position: relative;
	overflow: hidden;
}
.iAdv .iAdvPic{
	display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 70%;
    background: url(../images/pic2.jpg) right center no-repeat;
    background-size: cover;
}
.iAdv .iAdvGray{
	width: 70%;
	height: 100%;
	position: absolute;
    top: 190px;
    right: 30%;
    background-color: #f7f7f7;
}
.iAdv .iAdvBody{
	width: 70%;
    box-sizing: border-box;
	position: relative;
}
.iAdv .iAdvBody .iAdvUp{
	padding: 40px 0px;
}
.iAdv .iAdvBody .iAdvUp .iAdvTit{
	line-height: 40px;
    font-size: 26px;
	color: #fff;
}
.iAdv .iAdvBody .iAdvUp .iAdvDesc{
	line-height: 20px;
    font-size: 14px;
    color: #fff;
}
.iAdv .iAdvBody .iAdvDown{
	padding-top: 100px;
	padding-bottom: 60px;
	overflow: hidden;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel{
	width: 45%;
	float: left;
	margin-right: 10%;
	margin-bottom: 20px;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel:nth-child(2n){
	margin-right: 0;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelUp{
	overflow: hidden;
	margin-bottom: 10px;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelUp .iAdvIco{
	width: 60px;
	height: 40px;
	float: left;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelUp .iAdvTit{
	margin-left: 70px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #1f1e1e;
}
.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelBody{
	line-height: 25px;
    font-size: 14px;
    color: #999999;
}


.foot{
	background-color: #1f2128;
}
.foot .footLeft{
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding-right: 40px;
}
.foot .footLeft .footNav{
	overflow: hidden;
	margin-bottom: 90px;
}
.foot .footLeft .footNav a{
	display: block;
	float: left;
	margin-right: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #646464;
}
.foot .footLeft .footNav a:hover{
	color: #fff;
}
.foot .footLeft .footInfo{
	line-height: 30px;
	font-size: 14px;
	color: #646464;
}
.foot .footRight{
	width: 30%;
	float: left;
	line-height: 30px;
	font-size: 14px;
	color: #646464;
}
.foot .footRight span{
	margin-right: 10px;
}
.foot .footInfoM{
	display: none;
	line-height: 30px;
	font-size: 14px;
	color: #646464;
	text-align: center;
}



.foot .footCel{
	width: 30%;
	float: left;
	margin-right: 5%;
	line-height: 30px;
	font-size: 14px;
	color: #646464;
}
.foot .footCel:nth-child(3n){margin-right: 0;}
.foot .footCel .footCelTit{font-size: 18px; color: #8e8e8e; margin-bottom: 10px;}
.foot .footCel span{}




.sBanner{
	height: 300px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.about{
	padding: 80px 0px;
}
.about .aboutTitEn{
	line-height: 40px;
    font-size: 30px;
    color: #ececec;
    word-break: break-all;
	text-align: center;
	margin-bottom: 10px; text-transform: uppercase;
}
.about .aboutTitCn{
	line-height: 40px;
    font-size: 26px;
    color: #333333;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
.about .aboutTitCn .titLine{
	display: block;
	width: 320px;
	height: 2px;

	background-color: #666666;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -160px;
	margin-top: -1px;
	z-index: -1;
}
.about .aboutTitCn span{
	background-color: #fff;
	padding: 0px 10px;
}
.about .aboutTitCn strong{
	font-weight: bold;
}
.about .aboutTitDesc{
	line-height: 30px;
    font-size: 14px;
    color: #999999;
	text-align: left;
	margin-bottom: 40px;
  	text-indent: 2em;
}
.about .aboutTitDescCenter{
	line-height: 30px;
    font-size: 14px;
    color: #999999;
	text-align: center;
	margin-bottom: 40px;
}
.aboutSec2{
	position: relative;
}
.aboutSec2 .aboutPlane{
	display: block;
    width: 50%;
    height: 350px;
    position: absolute;
    top: 0;
    right: 50%;
    background: url(../images/pic3.jpg) right center no-repeat;
    background-size: cover;
}
.aboutSec2 .aboutCar{
	display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: url(../images/pic4.jpg) left center no-repeat;
    background-size: cover;
}
.aboutSec2 .abouSec2Body{
	width: 50%;
	float: left;
	margin-top: 350px;
	box-sizing: border-box;
	padding: 80px;
	line-height: 50px;
	font-size: 22px;
	color: #666;
	text-align: justify;
}
.aboutSec2 .abouSec2Body .aboutSec2Tit{
	line-height: 40px;
	font-size: 30px;
	margin-bottom: 40px;
}
.aboutSec2 .abouSec2Body .aboutSec2Txt{
	line-height: 40px;
	font-size: 16px;
	text-align: justify;
}

.aboutSec3{
	margin-top: 80px;
	position: relative;
	background-color: #086de1;
}
.aboutSec3 .aboutBoat{
	display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    background: url(../images/pic5.jpg) right center no-repeat;
    background-size: cover;
}
.aboutSec3 .abouSec3Body{
	width: 50%;
	float: right;
	box-sizing: border-box;
	padding: 80px;
}
.aboutSec3 .abouSec3Body .aboutSec3Tit{
	line-height: 40px;
	font-size: 30px;
	color: #fff;
	margin-bottom: 40px;
}
.aboutSec3 .abouSec3Body .aboutSec3Txt{
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: justify;
}


.left{
	width: 220px;
	float: left;
	background-color: #f5f5f5;
}
.left a{
	display: block;
	padding: 20px 10px;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	border-bottom: #fff 1px solid;
}
.left a.cur{
	background-color: #0763e0;
	color: #fff;
}
.left a.curon{
	background-color: #77a5e3;
	color: #fff;
}
.left a:hover{
	background-color: #076ce0;
	color: #fff;
}

.pageMain{
	margin-left: 260px;
	min-height: 400px;
}
.pageMain .pageTit{
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
}
.pageMain .pageBody{
	line-height: 1.8;
	word-break: break-all;
	text-align: justify;
}
.pageMain .pageBody img{
	max-width: 100%;
	height: auto !important;
}


.news{
	padding-top: 0px !important;
}
.newsList .newsListCel{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #e0e0e0 1px dashed;
	overflow: hidden;
}
.newsList .newsListCel .newsListCelLeft{
	width: 25%;
	float: left;
}
.newsList .newsListCel .newsListCelLeft img{
	display: block;
	width: 100%;
}
.newsList .newsListCel .newsListCelRight{
}
.newsList .newsListCel .newsListCelRight .newsListCelTit{
	line-height: 20px;
	font-size: 16px;
	margin-bottom: 5px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.newsList .newsListCel .newsListCelRight .newsListCelDate{
	line-height: 20px;
	font-size: 14px;
	color: #999;
}
.newsList .newsListCel .newsListCelRight .newsListCelDate .fa{
	margin-right: 5px;
	margin-bottom: 10px;
}
.newsList .newsListCel .newsListCelRight .newsListCelDesc{
	line-height: 25px;
	font-size: 14px;
}

.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #076ce0; border-color: #076ce0; color: #fff;}
.listPage li.thisclass a{color: #fff;}



.newsPage .newsTit{
	line-height: 25px;
	font-size: 18px;
	margin-bottom: 5px;
}
.newsPage .newsDate{
	line-height: 20px;
	font-size: 14px;
	color: #999;
	padding-bottom: 10px;
	border-bottom: #e0e0e0 1px dashed;
}
.newsPage .newsDate .fa{
	margin-right: 5px;
}
.newsPage .newsBody{
	padding: 20px 0px;
	line-height: 1.8;
	word-break: break-all;
	text-align: justify;
	border-bottom: #e0e0e0 1px dashed;
	margin-bottom: 20px;
}
.newsPage .newsBody img{
	max-width: 100%;
	height: auto !important;
}
.newsPage .newsPreNxt{
	line-height: 25px;
	font-size: 14px;
}

.search{ text-align: center; margin-top: 50px;}
.inp_text{ width: 80%; max-width: 500px; background-color: #ccc; padding: 0 20px; box-sizing: border-box; line-height: 50px; height: 50px;  border: 0; }
.inp_button{ background-color: #0763e0; color: white; line-height: 50px; text-align: center; border: 0; width: 20%; max-width: 100px;}


.link{
	padding-top: 0px !important;
	padding-bottom: 100px;
}
.link .linkList{
	overflow: hidden;
}
.link .linkList .linkListCel{
	width: 18%;
	float: left;
	margin-right: 2.5%;
	box-sizing: border-box;
	padding: 5px;
	border: #aeaeae 1px solid;
	margin-bottom: 20px;
	transition: all .3s;
}
.link .linkList .linkListCel:nth-child(5n){
	margin-right: 0;
}
.link .linkList .linkListCel:hover{
	border-color: #076ce0;
}
.link .linkList .linkListCel img{
	display: block;
	width: 100%;
}


.contact{
	padding: 80px 0px;
}
.contactMain{
	overflow: hidden;
}
.contactMain .contactLeft{
	width: 55%;
	float: left;
	margin-right: 5%;
	position: relative;
}
.contactMain .contactLeft .contactLeftCel{
	padding: 20px 0px;
	border-bottom: #e0e0e0 1px dashed;  line-height: 200%;
}
.contactMain .contactLeft .contactLeftCel:first-child{
	padding-top: 0px;
}
.contactMain .contactLeft .contactLeftCel.nb{
	border-bottom: none;
}
.contactMain .contactLeft .contactLeftCel .contactLeftCelTitCn{
	font-size: 18px;
	color: #3190ff; margin-top: 50px;
}
.contactMain .contactLeft .contactLeftCel .contactLeftCelTitEn{
	font-size: 16px;
	color: #3190ff;
	margin-bottom: 10px;
}
.contactMain .contactLeft .contactLeftCel .contactLeftCelRow{
	font-size: 16px;
	color: #999;
}
.contactMain .contactLeft .contactLeftCel .contactLeftCelRow span{
	padding-right: 10px;
}

.contactMain .contactRight{
	width: 40%;
	float: left;
}

.contactRight .contactRightTit{
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	border-bottom: #e0e0e0 1px dashed;
	margin-bottom: 20px;
}
.contactRight .contactForm{
	display: block;
	padding: 20px;
}
.contactRight .formRow{
	overflow: hidden;
	margin-bottom: 20px;
}
.contactRight .formRow.last{
	margin-bottom: 20px;
}
.contactRight .formTit{
	line-height: 40px;
	font-size: 14px;
	text-align: left;
	width: 60px;
	float: left;
	color: #999;
}
.contactRight .formObj{
	margin-left: 70px;
}
.contactRight .formSelect{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	box-sizing: border-box;
	padding: 0px 10px;
	border: #e0e0e0 1px solid;
	color: #3e3e3e;
	outline: none;
	border-radius: 3px;
}
.contactRight .formRowCel{
	width: 48%;
	float: left;
	margin-right: 4%;
}
.contactRight .formInput{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	box-sizing: border-box;
	padding: 0px 10px;
	border: #e0e0e0 1px solid;
	color: #3e3e3e;
	outline: none;
	border-radius: 3px;
}
.contactRight .formTxt{
	display: block;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	padding: 5px 10px;
	line-height: 20px;
	font-size: 13px;
	color: #3e3e3e;
	outline: none;
	resize: none;
	border: #e0e0e0 1px solid;
	border-radius: 3px;
}
.contactRight .formBtn{
	display: block;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #076ce0;
	outline: none;
	border: none;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
	margin: 0px auto;
	border-radius: 3px;
}
.contactRight .formBtn:hover{
	background-color: #489dff;
}


.contactLine{
	display: block;
	width: 0px;
	height: 100%;
	border-left: #e0e0e0 1px dashed; min-height: 450px;
	position: absolute;
	top: 0;
	right: -5%;
}
.mapBox{
	padding-top: 40px;
}
#map{
	width: 100%;
	height: 400px;
	font-size: 12px;
}


.jobList{ margin-bottom: 50px;}
.jobList .jobPageBody .jobPageListTit{
	overflow: hidden;
	background-color: #a7a7a7;
	color: #fff;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 10px 0px 20px;
}
.jobList .jobPageBody .jobTabCol1{
	display: block;
	width: 40%;
	float: left;
}
.jobList .jobPageBody .jobTabCol2{
	display: block;
	width: 15%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol3{
	display: block;
	width: 15%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol4{
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}
.jobList .jobPageBody .jobTabCol5{
	display: block;
	width: 5%;
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.jobList .jobPageBody .jobPageListRow{
	border-bottom: #eaeaea 1px solid;
	cursor: pointer;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowUp{
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	padding: 0px 10px 0px 20px;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown{
	height: 0px;
	overflow: hidden;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown .jobPageListRowDetails{
	padding: 0px 20px 20px;
	line-height: 180%;
	font-size: 14px;
	opacity: 0;
	transition: all .3s; background-color: #fafafa;
}
.jobList .jobPageBody .jobPageListRow .jobPageListRowDown .jobPageListRowDetails img{
	max-width: 100%;
}
.jobList .jobPageBody .jobPageListRow .showDetails{
	height: auto;
}
.jobList .jobPageBody .jobPageListRow .showDetails .jobPageListRowDetails{
	opacity: 1;
}



@media (max-width: 1440px){
	.iAdv .iAdvBody{width: 60%;}
}

@media (max-width: 1280px){
	.commonWrap{width: 94%;}
	.headRight .nav .navCel{padding: 40px 2px;}
	.headRight .nav .navCel .navLink{font-size: 14px; padding: 0px 10px;}
	.iNews .iNewsBody .iNewsRight .iNewsCel .iNewsCelRight .iNewsCelDesc{height: 40px;}
}

@media (max-width: 1000px){
	.sec{padding: 20px 0px;}
	.head{height: 60px;}
	.logo img{height: 60px;}
	.headRight .nav{display: none;}
	.headRight .search{display: none;}
	.headRight .mHeadRightCel{display: block;}
	
	.iService .iServiceLeft{padding-right: 40px;}
	.iAbout .iAboutPic{right: 80%;}
	.iAbout .iAboutBody{width: 80%; padding: 40px;}
	
	.iNews .iNewsBody .iNewsLeft{width: 100%; float: none; margin-bottom: 20px;}
	.iNews .iNewsBody .iNewsRight{padding: 0px 20px; width: 100%; float: none;}
	
	.link .linkList .linkListCel{width: 23.5%; margin-right: 2%;}
	.link .linkList .linkListCel:nth-child(5n){margin-right: 2%;}
	.link .linkList .linkListCel:nth-child(4n){margin-right: 0;}
	
	.foot .footLeft{width: 58%;}
	.foot .footRight{width: 42%;}
	
	.foot .footCel{width: 100%; float: none; margin-right: 0; padding: 10px 0px;}
	
	.sBanner{height: 240px;}
	
	.aboutSec2 .abouSec2Body{padding: 40px;}
	.aboutSec3{margin-top: 40px;}
}

@media (max-width: 960px){
	.foot .footLeft .footNav{margin-bottom: 60px;}
}

@media (max-width: 900px){
	.left{width: 100%; float: none; margin-bottom: 20px;}
	.left a{padding: 10px; font-size: 14px;}
	.left a.cur{padding: 10px;}
	.left a:hover{padding: 10px;}
	.pageMain{margin-left: 0;}
	.pageMain .pageTit{text-align: center;}
}

@media (max-width: 800px){
	.iService .iServiceLeft{width: 100%; float: none; padding-right: 0; margin-bottom: 20px;}
	.iService .iServiceRight{width: 100%; float: none;}
	
	.aboutSec2 .aboutPlane{display: none;}
	.aboutSec2 .aboutCar{width: 100%; left: 0;}
	.aboutSec2 .abouSec2Body{width: 100%; margin-top: 0; background-color: rgba(255,255,255,.8); line-height: 30px; font-size: 18px;}
	
	.aboutSec3 .abouSec3Body{padding: 40px;}
	
	.contactMain .contactLeft{width: 100%; margin-right: 0; float: none;}
	.contactLine{display: none;}
	.contactMain .contactRight{width: 100%; float: none; margin-top: 20px; box-sizing: border-box; padding: 20px; background-color: #f5f5f5;}
	.contactRight .contactForm{padding: 10px;}
	.mapBox{padding-top: 20px;}
}

@media (max-width: 720px){
	.iPartner{padding: 10px 0px;}
	.iPartner .iPartnerTit{width: 100px; line-height: 40px; font-size: 20px;}
	.iPartner .iPartnerList{margin-left: 110px; margin-right: 60px;}
	.swiper-custom .swiper-wrapper .swiper-slide img{height: 40px;}
	.iPartner .iPartnerMore{width: 50px; height: 40px; line-height: 40px; font-size: 14px;}
	
	.iAbout .commonWrap{position: relative;}
	.iAbout .iAboutPic{width: 100%; left: 0; right: auto;}
	.iAbout .iAboutBody{width: 100%; float: none; padding: 20px; background-color: rgba(8,109,225,.8);}
	
	.iAdv .iAdvPic{width: 100%; left: 0;}
	.iAdv .iAdvGray{display: none;}
	.iAdv .iAdvBody{width: 100%; padding: 20px; background-color: rgba(8,109,225,.8);}
	.iAdv .iAdvBody .iAdvDown{padding-top: 20px; padding-bottom: 20px;}
	.iAdv .iAdvBody .iAdvDown .iAdvCel{width: 100%; margin-right: 0; float: none; margin-bottom: 20px;}
	.iAdv .iAdvBody .iAdvDown .iAdvCel:last-child{margin-bottom: 0;}
	.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelUp .iAdvIco{-webkit-filter: brightness(10); filter: brightness(10);}
	.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelUp .iAdvTit{color: #fff;}
	.iAdv .iAdvBody .iAdvDown .iAdvCel .iAdvCelBody{color: #fff;}
	
	.foot .footLeft{width: 100%; float: none; margin-bottom: 20px; padding-right: 0;}
	.foot .footLeft .footNav{margin-bottom: 0; overflow: hidden;}
	.foot .footLeft .footNav a{display: block; width: 32%; margin-right: 2%; margin-bottom: 10px; text-align: center;}
	.foot .footLeft .footNav a:nth-child(3n){margin-right: 0;}
	.foot .footLeft .footInfo{display: none;}
	.foot .footRight{width: 100%; float: none; margin-bottom: 20px; text-align: center;}
	.foot .footInfoM{display: block;}
	
	.sBanner{height: 200px;}
	
	.aboutSec2 .abouSec2Body .aboutSec2Tit{margin-bottom: 20px;}
	
	.aboutSec3{margin-top: 20px;}
	.aboutSec3 .aboutBoat{width: 100%; right: 0;}
	.aboutSec3 .abouSec3Body{width: 100%; background-color: rgba(8,109,225,.8); position: relative;}
	.aboutSec3 .abouSec3Body .aboutSec3Tit{margin-bottom: 20px;}
	
	.newsList .newsListCel .newsListCelLeft{width: 160px;}
	.newsList .newsListCel .newsListCelRight{margin-left: 180px;}
	
	.link .linkList .linkListCel{width: 32%;}
	.link .linkList .linkListCel:nth-child(4n){margin-right: 2%;}
	.link .linkList .linkListCel:nth-child(3n){margin-right: 0;}
}

@media (max-width: 560px){
	.iService .iServiceLeft .iServiceBtn a{margin: 0px auto;}
	.iService .iServiceRight .iServiceCel{width: 100%; margin-right: 0; margin-top: 10px;}
	.iService .iServiceRight .iServiceCel:nth-child(2){margin-top: 10px;}
	
	.iAbout .iAboutBody .iAboutTitEn{font-size: 20px;}
	
	.about .aboutTitEn{font-size: 24px;}
	
	.newsList .newsListCel .newsListCelLeft{width: 120px;}
	.newsList .newsListCel .newsListCelRight{margin-left: 140px;}
	.newsList .newsListCel .newsListCelRight .newsListCelDesc{line-height: 20px; height: 60px; overflow: hidden; font-size: 12px;}
	
	.listPage .mHide{display: none;}
}

@media (max-width: 480px){
	.sBanner{height: 120px;}
	
	.link .linkList .linkListCel{width: 49%;}
	.link .linkList .linkListCel:nth-child(3n){margin-right: 2%;}
	.link .linkList .linkListCel:nth-child(2n){margin-right: 0;}
}