@charset "utf-8";

 
 @font-face {
    font-family: 'helvetica_neue_ltregular';
    src: url('helveticaneuelt-mediumcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'space_ageregular';
    src:url('space_age-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'groteskiaregular';
    src: url('groteskia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'akadoraregular';
    src: url('akadora-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('helveticaneuelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 12px/1.8 "微軟正黑體","Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); width: 100%; height: 100%; overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
h5{ font-size:16px;  }


/*.inner{ width:100%; height:auto; padding:0 150px;}*/
.inner{ width:1620px; height:auto; margin:0 auto; display:block}
.inner a{color:#666}
.padding_high{ padding:60px 0;}
.padding_high2{ padding-top:45px;}
.padding_high3{ padding-top:25px;}
.padding_high4{ margin-top:40px !important;}
.margin_height{ margin-top:60px;}
.w100{ width:100%}
.w1200{ width:1200px; height:auto; margin:0 auto; display:block}
.grey{ background:#f3f3f3}
.purple{ background:#003a49}
.white{ background:#fff}
.fontwhite{ color:#fff !important}


.indexinner{ width:1620px; height:auto; margin:0 auto; display:block}




.header-box{ left:0; top:0; width:100%;  transition:388ms ease-in-out; background: #fff;}
.header{ padding:0 150px;  transition:408ms;}
.logo{ width:250px; float:left; line-height:1;  overflow:hidden;}
.logo img{ display:block; width:100%; height:auto; line-height:1;}
.header-box.scoll{ background:#fff;}
.header-box.scoll .header{ padding:18px 75px 18px 88px;} 
.header-right{ float: right;}
.navs{ float: left;}
.navs li{ float: left; position: relative;}
.navs li a{ display: block; line-height: 1; color: #323232; font-size: 16px; position: relative; height: 75px; line-height: 75px; font-weight: bold; width: 104px; text-align: center; position: relative;}
.navs li:before{ content: ""; width: 100%; height: 100%; background: #003a49; position: absolute; left: 0; bottom: 0; -webkit-transition:-webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1); transition:-webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1); transition:transform .7s cubic-bezier(0.23, 1, 0.32, 1); transition:transform .7s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.navs li.active a,.navs li:hover a{ color: #fff;}
.navs li.active:before,.navs li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.nav_search{
	float:right;
    width: 41px;
    height: 41px;
    margin-top: 14px !important; 
    border-radius: 50%;
	background:#003a49;
    cursor: pointer; 
    background-size: contain;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; 
	}
.nav_search:hover{ background:#003a49}
.nav_searchbox{ display:none ; width:440px; background:rgba(255,255,255,.8); height:80px; position:absolute; top:80px; right:150px; z-index:9;border-radius:5px; }
.nav_searchbox input[type=text]{ width:260px; height:40px; margin:20px 0 0 20px; background:#fff; color:#333; font-size:14px; border:none; float:left}
.nav_searchbox input[type=submit]{ width:80px; height:40px; margin:20px 0 0 10px; background:#003a49; color:#fff; font-size:14px; border:none; float:left;   cursor:pointer}
.nav_searchbox input[type=submit]:hover{ background:#003a49}
.nav_searchbox img{ margin:20px 0 0 10px; width:40px;  float:left; cursor:pointer}
 


.banner{  height:1100px;}

.service{  height:800px; background:url(../images/serviceBg.jpg) no-repeat top center}
.service .con{ padding-top:95px;  }
.service .conLeft{ width:1260px; height:600px; float:left}
.service .conLeft img{ width:100%}
.service .conRight{ width:360px; height:600px; background:#fff; float:right}
.service .conRight li{  height:149px; border-bottom:1px solid #e1e1e1}
.service .conRight li:nth-child(4){ border-bottom:none}
.service .conRight li a{ font-size:22px; line-height:40px; color:#222;}
.service .conRight li a img{ float:left; margin:0 30px 0 45px; padding: 46px 0 0 0;}
.service .conRight li a p{ padding:40px 0 0 40px; width:250px; }
.service .conRight li a p i{ font-size:14px; line-height:20px; color:#adadad; display:block}

.idnexTitle{  height:107px; font-weight:bold; color:#333; text-align:center}
.idnexTitle h4{ font-size:16px; text-transform:uppercase; line-height:25px;}
.idnexTitle h2{ font-size:36px; line-height:45px;  }
.idnexTitle.bg1{ background:url(../images/titlebg1.png) no-repeat bottom  center}
.idnexTitle.bg2{ background:url(../images/titlebg2.png) no-repeat bottom  center}
.idnexTitle.bg3{ background:url(../images/titlebg2.png) no-repeat bottom  center}
.idnexTitle.bg4{ background:url(../images/titlebg4.png) no-repeat bottom  center; color:#fff}
.idnexTitle.bg5{ background:url(../images/titlebg5.png) no-repeat bottom  center}
.idnexTitle.bg5{ background:url(../images/titlebg5.png) no-repeat bottom  center}
.idnexTitle.bg6{ background:url(../images/titlebg6.png) no-repeat bottom  center}
.idnexTitle.bg7{ background:url(../images/titlebg7.png) no-repeat bottom  center}
.idnexTitle.bg8{ background:url(../images/titlebg8.png) no-repeat bottom  center}
.idnexTitle.bg9{ background:url(../images/titlebg9.png) no-repeat bottom  center}
.idnexsubTitle{ font-size:24px; font-weight:bold; line-height:40px; text-align:center; color:#333}
.imgs {
	overflow: hidden;
	line-height: 1
}
.imgs img {
	width: 100%;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	vertical-align: middle;
	height: auto
}
.imgs:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.indexProduct{ width:100%;}
.indexProduct li{ width:24%; float:left; margin-left:1%; position:relative; text-transform:uppercase;padding-bottom:20px;}
.indexProduct li:nth-child(1){ margin-left:0}
.indexProduct li:nth-child(5){ margin-left:0}
.indexProduct li:nth-child(9){ margin-left:0}
.indexProduct li:nth-child(13){ margin-left:0}
.indexProduct li:nth-child(17){ margin-left:0}
.indexProduct li:nth-child(21){ margin-left:0}
.indexProduct li a{ display:block}
.indexProduct li .txt {
	width: 100%;
	left: 0;
	text-align: center;
	color: #333;
}
.indexProduct li .txt hr {
	width: 48px;
	zoom: 1;
	display: inline-block;
	vertical-align: middle;
	border: none;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	height: 2px;
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px
}
.indexProduct li .txt h3 {
	font-size:22px;
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-ms-transition: .8s
}
.indexProduct li .txt h5 {
	font-size:18px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s
}
.indexProduct li .txt p {
	font-size:16px;
	line-height:26px;
	font-weight: 300;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s
}
.indexProduct li .imgs {
	background: #383d77
}
.indexProduct li a {
	display: block
}
.indexProduct li a:after {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2
}
.indexProduct li:hover .imgs img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	opacity: .9
}
.indexProduct li:hover hr {
	width: 150px
}
.indexProduct li:hover a:after {
	left: 30px;
	right: 30px;
	opacity: .7;
	top: 30px;
	bottom: 30px
}


.indexAd{ background:url(../images/adBg.jpg) no-repeat; background-size: 100%; height:450px; color:#fff;}
.indexAd p{ font-size:30px; font-weight:bold;  margin-bottom:35px; padding-top:75px}
.indexAd p span{ font-size:36px;}
.indexAd .text{ width:500px; font-size:20px; line-height:34px; margin-bottom:50px;}
.indexAd .more{  font-size:22px; font-weight:bold;  background:url(../images/icon_more.png) no-repeat #003a49 140px; padding:10px 70px 10px 40px;}
.indexAd .more:hover{ background:url(../images/icon_more.png) no-repeat #003a49 140px;  -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}


.indexNewsCat{ text-align:center;font-size:16px; color:#222; }
.indexNewsCat a{font-size:16px; color:#222; margin:0 10px;}
.indexNewsCat a:hover{ color:#003a49}
.indexNews{ position:relative}
 .i-new-bn {
	position: relative;
	width: 100%; 
	overflow: hidden
}
.bn-wrapper, .i-new-wrapper  {
	position: relative;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 100%
}
.bn-slide, .i-new-slide, .j2-li, .j6-li {
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0
}
.bn-slide img {
	width: 100%;
	height: auto;
	vertical-align: middle
}
.swiper-pagination {
	width: 100%;
	text-align: center;
	z-index: 20
}
.bn .bn-next, .bn .bn-prev {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	cursor: pointer
}
.bn .bn-next i, .bn .bn-prev i {
	font-size: 36px;
	opacity: .7;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s
}
.bn .bn-next:hover i, .bn .bn-prev:hover i {
	opacity: 1
}
.bn .bn-prev {
	left: 10%
}
.bn .bn-next {
	right: 10%
}
.i-new .i-new-next, .i-new .i-new-prev {
	cursor: pointer;
	position: absolute;
	top: 50%;
	font-size: 30px;
	margin-top: -15px;
	line-height: 1;
	z-index:99;
}
.i-new .i-new-next i, .i-new .i-new-prev i {
	font-size: 40px
}
 
.i-new .i-new-prev {
	left: -200px
}
.i-new .i-new-next {
	right: -200px
} 
.i-new-slide .txt h5 {
	font-size:18px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #222
}
.i-new-slide .txt{ padding:20px; background:#f6f6f6}
.i-new-slide .txt p {
	height:50px;
	overflow:hidden;
	font-size:14px;
	color:#666666;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.i-new-slide .i-new-time {
	background: #e2e2e2;
	padding: 10px 20px;
	color: #b5b5b6
}
.i-new-slide .i-new-time h3 {
	font-size:26px;
	line-height: 1;
	font-weight: 700
}
.i-new-slide .i-new-time h6 {
	font-size:16px;
	font-weight:300;
	line-height: 1;
	font-weight: 700
}
.news_left{ position:absolute; width:42px; height:59px; cursor:pointer; left:-80px; top:210px;}
.news_right{ position:absolute; width:42px; height:59px; cursor:pointer; right:-80px; top:210px;}
.shownews{ padding:50px; width:1100px}
.shownews .title{ font-size:20px; color:#222; text-align:center; padding:15px;border-bottom:1px solid #d4d4d4}
.shownews .title span{ font-size:12px; color:#999; }
.shownews .txt{ padding-top:20px;}
.shownews .txt p{ font-size:14px; color:#222;}

.indexPartner{ height:443px; background:url(../images/parBg.png) no-repeat}
.indexPartner ul{ width:100%; padding-top:60px }
.indexPartner ul li{ width:240px; height:150px; display:inline-block; background:url(../images/kBg.jpg) no-repeat; margin-left:24px; margin-bottom:5px;}
.indexPartner ul li img{ width:180px; height:60px; margin:17.5px 30px}
.indexPartner ul li p{ font-size:12px; color:#666; margin-top:15px; text-align:center}


.footer{background:#515151; }
.footer_nav{ width:120px; float:left; margin-right:80px; padding-bottom:25px}
.footer_nav  a{ font-size:16px; color:#fff}
.footer_nav hr{ width:30px; border-bottom:1px solid #fff;margin:10px 0 15px 0;}
.footer_nav li{ margin:6px 0;}
.footer_nav li a{ font-size:14px; color:#ccc;}
.footer_nav li a:hover{ color:#fff;}
.ewm{ width:133px; margin-left:40px; float:right}
.ewm img{ width:100%;}
.ewm p{ width:100%; text-align:center; font-size:14px; color:#ccc; margin:10px 0 0 0}
.footer2{ background:#040001; padding:20px 0}
.footer2 span{ font-size:14px; color:#666; font:normal; margin:0 20px 0 0; padding-left:22px; margin-top:15px;}
.footer2 span.bg1{ background:url(../images/icon_tel.png) no-repeat}
.footer2 span.bg2{ background:url(../images/icon_email.png) no-repeat}
.footer2 p{ float:right; text-align:right;font-size:14px; color:#666; }
.footer2 p a{font-size:14px; color:#666; margin-left:20px;}
.footer2 p a:hover{ color:#fff}

.ban{ width:100%; position:relative; color:#fff;}
.ban img{ width:100%;}
.ban .txt{ width:300px;  position:absolute; left:50%; top:50%;  transform: translate(-50%,-50%);text-align:center; font-weight:lighter; text-transform:uppercase}
.ban .txt h3{ font-size:26px;}
.ban .txt h1{ font-size:40px; font-weight:bold; line-height:50px;}

.main{ width:100%; margin:0; padding:0;}
.item{ background:url(../images/pBg.jpg) no-repeat top center}
.item_con{ width:100%}
.item_con li{ width:285px; margin-left:20px; float:left; margin-bottom:20px;}
.item_con li:nth-child(1){ margin-left:0}
.item_con li:nth-child(5){ margin-left:0}
.item_con li img{ width:285px; height:190px;}
.item_con li .txt{ height:150px; padding:22px; font-size:14px; color:#222; line-height:22px; text-align:justify; background:#f3f3f3}
.item_con li .txt p{ font-size:20px; font-weight:bold; color:#02586f; margin-bottom:15px;}
.item_con2{ width:100%;}
.item_con2 li{ width:590px; margin-left:20px; float:left; margin-bottom:20px;}
.item_con2 li:nth-child(1){ margin-left:0}
.item_con2 li:nth-child(3){ margin-left:0}
.item_con2 li .img{ width:285px; height:235px;}
.item_con2 li .txt{ width:255px; height:195px; background:#f3f3f3; padding:40px 25px 0 25px; font-size:14px; color:#222; line-height:22px;}
.item_con2 li .txt p{ font-size:20px; font-weight:bold; color:#02586f; margin-bottom:15px;}
.item_con2 li .left{ float:left}
.item_con2 li .right{ float:right}

.partner{ height:580px; background:url(../images/parBg2.png) no-repeat}
.partner ul{ width:100%; padding-top:60px }
.partner ul li{ width:240px; height:150px; display:inline-block; background:url(../images/kBg.jpg) no-repeat; margin-left:46px; margin-bottom:5px;}
.partner ul li img{ width:180px; height:60px; margin:17.5px 30px}
.partner ul li p{ font-size:12px; color:#666; margin-top:15px; text-align:center}


.index-service{ width:360px;  float:left; background:#fff; height:600px;}
.index-service .list {
	width: 386px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background:#fff;
}
.index-service .item {
	height:149px;
	margin-left:40px;
	background:#fff;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    padding:0 .15rem;
	cursor: pointer;
	overflow: hidden
}
.index-service .item:last-child {
	border-bottom: none
}
.index-service .item .icon {
/*width:.32rem;
height:.32rem*/
width:50px; height:50px; margin-right:20px;
}
.index-service .item .icon img {
	display: block;
	width: 100%;
	height: 100%
}
.index-service .item .info {
margin-left:.1rem
}
.index-service .item h6 {
	font-size: 22px;
	color: #333
}
.index-service .item p {
	font-size: 16px;
	font-family: 'GEORGIA';
	color: #c2c2c2
}
.index-service .item:hover .icon {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	animation-timing-function: ease
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-moz-keyframes bounce {
from, 20%, 53%, 80%, to {
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-moz-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
-moz-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
-moz-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-moz-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}


.subnav{ height:55px; text-align:center}
.subnav ul{display:inline-block}
.subnav a { font-size:16px; color:#fff; line-height:25px;}
.subnav a li{  float:left; height:25px;  text-align:center; border-right:1px dashed #55598a; padding:15px 160px;}
.subnav a li:nth-child(3){ border:none}
.subnav a li i{ height:25px; float:left}
.subnav a li i img{display: block; height:25px; margin-right:20px;}
.subnav a li span{ float:left}
.subnav a li:hover{ background:#02586f}
.subnav a li.cur{background:#02586f}

.listproduct{ width:100%}
.listproduct li{ width:355px; height:313px; border:5px solid #fff; background:#fff; display:inline-block; margin:0 0 50px 39.5px;}
.listproduct li:nth-child(1){ margin-left:0}
.listproduct li:nth-child(4){ margin-left:0}
.listproduct li:nth-child(7){ margin-left:0}
.listproduct li:nth-child(10){ margin-left:0}
.listproduct li:nth-child(13){ margin-left:0}
.listproduct li:nth-child(16){ margin-left:0}
.listproduct li a{ font-size:24px; color:#666; line-height:30px;}
.listproduct li a img{ width:325px; height:183px; margin:15px;}
.listproduct li .txt{ width:325px;  margin:0 0 0 15px; padding-top:15px; border-top:1px solid #b6b6b6}
.listproduct li:hover{border:5px solid #003a49; color:#02586f; font-weight:bold; background:url(../images/icon_more2.png) #fff no-repeat 300px 258px;-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;} 
.listproduct a:hover{ color:#02586f !important; font-weight:bold  !important;}

.page{ text-align:center}
.page p{font-size:14px; height:50px; font-size:#999; line-height:50px; padding:0 15px; display:inline-block; background:#fff; margin:0 5px;}
.page a{ font-size:14px; line-height:50px; color:#003a49; background:#fff; padding:0 15px;  display:inline-block; margin:0 5px;}
.page a.cur{ background:#003a49; color:#fff}
.page a:hover{ background:#003a49; color:#fff !important}


.listnews{ width:100%}
.listnews li{ width:365px; overflow:hidden; display:inline-block; margin:0 0 50px 49.5px;}
.listnews li:nth-child(1){ margin-left:0}
.listnews li:nth-child(4){ margin-left:0}
.listnews li:nth-child(7){ margin-left:0}
.listnews li a{ font-size:16px; color:#222; line-height:30px;}
.listnews li a img{ width:365px; height:250px;}
.listnews li .txt{ width:325px; height:130px; padding:20px; background:#fff}
.listnews li .txt p{ font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0}
.listnews li .txt dl{ width:100%; font-size:14px; color:#999999; background:url(../images/icon_more3.jpg) no-repeat 300px 9px; margin-top:5px;}
.listnews li a:hover{   color:#02586f !important}


.about{ width:100%} 
.about ul{ width:100%}
.about ul li{ display:inline-block; background:#f3f3f3}
.about ul li img{ width:100%; float:left}
.about ul li.left{ width:690px; height:320px; float:left }
.about ul li.right{ width:510px; height:320px; float:left}
.aboutxt{ width:88%; margin:8% 6%; font-size:16px; color:#222; line-height:30px;}
.aboutxt h1{ font-size:36px; color:#003a49; text-transform:uppercase; font-weight:bold; margin-bottom:15px;}
.aboutxt dl{ font-size:16px; color:#222;}
.aboutxt dl b{ font-weight:bold; margin-right:20px;}

.honorbg{ background:url(../images/about_bg.jpg) no-repeat top center;  height:665px;}
.honorbg .idnexTitle{ color:#fff !important}
.honor{ margin-top:50px;}

.chengnuo{ width:400px; height:500px; float:right; background:#f3f3f3}
.chengnuo ul{   padding:70px 50px 0 50px;}
.chengnuo ul li{ font-size:16px; color:#222; line-height:24px; margin-bottom:20px}
.chengnuo ul li i{ width:35px; height:30px; background:#003a49; text-align:center; color:#fff; font-size:20px; line-height:30px; float: left;margin-top: 5px; margin-right: 15px}
.chengnuo p{ padding:30px 50px 0 50px; font-size:12px; color:#666; text-transform:uppercase; text-align:justify}

#mapBox {width: 100%;height:600px;overflow: hidden;margin:0;font-family:"微软雅黑"; position:relative}
@media only screen and (max-width: 991px){
	#mapBox{height:350px;}
}
.mapinfo{ width:600px; height:400px; padding:50px; background:rgba(55,60,118,.92); text-transform:uppercase; color:#fff; position:absolute; top:300px; right:-350px; transform: translate(-50%,-50%); z-index:9999}
.mapinfo h1{ font-size:36px; font-weight:bold; line-height:55px;}
.mapinfo li{ font-size:18px; line-height:20px; color:20px; margin:20px 0}
.mapinfo li b{ font-weight:bold; margin-right:10px;}
.mapinfo li p{ font-size:12px; color:#c0c0c0; }
.mapinfo li i{ width:40px; height:35px; float:left; margin-right:20px}
.mapinfo li hr{ height:1px; background:#878aad; border:none}

.subnav2{ height:55px; text-align:center; background:#f3f3f3}
.subnav2 ul{display:inline-block}
.subnav2 a { font-size:16px; color:#222; line-height:25px;}
.subnav2 a li{  float:left; height:25px;  text-align:center; border-right:1px dashed #d5d5d5; padding:15px 53px;}
.subnav2 a li:nth-child(5){ border:none}
.subnav2 a li span{ float:left}
.subnav2 a li:hover{ background:#003a49; color:#fff}
.subnav2 a li.cur{background:#003a49; color:#fff}

.subnav3{ height:55px; text-align:center;  }
.subnav3 ul{display:inline-block}
.subnav3 a { font-size:16px; color:#fff; line-height:25px;}
.subnav3 a li{  float:left; height:25px;  text-align:center; border-right:1px dashed #015166; padding:15px 53px;}
.subnav3 a li:nth-child(5){ border:none}
.subnav3 a li span{ float:left}
.subnav3 a li:hover{ background:#02586f; color:#fff}
.subnav3 a li.cur{background:#02586f; color:#fff}

.joinbg1{ background:url(../images/joinbg1.jpg) no-repeat top center;/* height:905px;*/}
.joinbg2{ background:url(../images/joinbg2.jpg) no-repeat top center}
.joinbg3{ background:url(../images/joinbg3.jpg) no-repeat top center}
.joinbg4{ background:url(../images/joinbg4.jpg) no-repeat top center}
.youshi{ background:#fff}
.youshi li{ width:237.6px; height:270px;  float:left; text-align:center;}
.youshi li:nth-of-type(odd){ background:#d7d8db} 
.youshi li:nth-of-type(even){background:#f5f5f5;}
.youshi li img{ width:60px; height:50px; padding:45px 0 10px 0;}
.youshi li h1{ font-size:20px; color:#02586f; font-weight:bold;}
.youshi li p{ font-size:14px; color:#666; line-height:24px; padding:20px; text-align:justify}
.zc{ background:}

.jointj_left{ width:510px; height:631px; float:left}
.jointj_right{ width:615px; margin-left:75px;  float:left}
.jointj_right li{ font-size:18px; color:#fff; font-weight:bold; padding-left:45px; padding-top:15px; margin:50px 0; height:45px;}
.jointj_right li.bg1{ background:url(../images/tj1.png) no-repeat left top}
.jointj_right li.bg2{ background:url(../images/tj2.png) no-repeat left top}
.jointj_right li.bg3{ background:url(../images/tj3.png) no-repeat left top}
.jointj_right li.bg4{ background:url(../images/tj4.png) no-repeat left top}
.jointj_right li.bg5{ background:url(../images/tj5.png) no-repeat left top} 

.joinlc{ width:100%}
.joinlc li{ width:106px; margin:0 20px; display:inline-block}
.joinlc li img{ width:100%;}
.joinlc li p{ font-size:20px; color:#333; line-height:26px; margin-top:20px; text-align:center;  }

.joinzc{ width:100%;}
.joinzc li{ width:279px; height:279px; background:url(../images/zcBg.png) no-repeat; text-align:center; display:inline-block; margin-left:18px;}
.joinzc li:nth-chid(1){ margin-left:0}
.joinzc li .txt{ width:180px; margin:0 auto; padding-top:30px;}
.joinzc li .txt b{ font-size:28px; color:#02586f; font-weight:bold;}
.joinzc li .txt p{ font-size:16px; color:#787878; line-height:24px; }
.joinzc li .txt p span{ font-weight:bold; color:#02586f}

.joinleft{ width:685px; height:620px; background:#fff; float:left}
.joinright{ width:515px; height:620px;  float:left}
.joinleft ul{  padding:65px;}
.joinleft ul li{ width:100%; margin-bottom:15px;}
.joinleft ul li input[type=text]{ width:100%; height:36px; border:1px solid #d4d4d4; padding:5px 10px;}
.joinleft ul li textarea{ width:100%; height:110px; border:1px solid #d4d4d4; padding:5px 10px}
.joinleft ul li p{ font-size:14px; color:#666;}
.joinleft ul input[type=submit]{ width:160px; height:55px; background:#003a49 ; color:#fff;  font-size:18px; border:none; cursor:pointer; margin:20px 0 0 0 }
.joinleft ul input[type=submit]:hover{ background:#003a49;  -webkit-transition: .3s; -o-transition: .3s; transition: .3s;} 

.pdetail{ width:100%;height: 450px; background:#fff;}
.pdetail_left{ width:500px;  padding:35px 50px;float: left;}
.pdetail_left h1{ font-size:60px; color:#ccc; line-height:60px;}
.pdetail_left h3{ font-size:26px; color:#222;}
.pdetail_left hr{ width:23px; height:3px; background:#003a49; border:none; margin:20px 0}
.pdetail_left p{ font-size:16px; color:#666; line-height:24px;}
.pdetail_left p b{ font-weight:bold}
.pdetail_left .txt{ height:145px; overflow:hidden; margin:20px 0;font-size:16px; color:#666; line-height:24px;  }
.pdetail_left .more{ margin-right:10px;font-size: 16px; color:#fff; background:#003a49; padding: 10px 70px 10px 40px;}
.pdetail_left .more:hover{ background:#003a49}
.pdetail_right{ width:600px; float:left}
.pdetail_con{ padding:50px; margin:0 0 60px 0}

.contact{ width:100%}
.contact li{ width:324.6px; height:310px; padding:30px; margin-left:20px; background:#fff; float:left; color:#666; text-align:center}
.contact li:nth-child(1){ margin-left:0}
.contact li .a{ width:45px; height:45px; background:url(../images/icon_contact1.png) no-repeat; margin:20px 0 0 140px;}
.contact li .b{ width:45px; height:45px; background:url(../images/icon_contact2.png) no-repeat; margin:20px 0 0 140px;}
.contact li .c{ width:45px; height:45px; background:url(../images/icon_contact3.png) no-repeat; margin:20px 0 0 140px;}
.contact li h1{ font-size:20px; padding:10px 0}
.contact li hr{ width:80px; height:1px; background:#666; margin-top:10px; margin-bottom:10px; border:none}
.contact li p{ font-size:16px; line-height:28px;}
.contact li dl{ font-size:14px;}
.contact li span{ font-size:20px;}
.contact li:hover{ background:#003a49; color:#fff}
.contact li:hover .a{background:url(../images/icon_contact1s.png) no-repeat;}
.contact li:hover .b{background:url(../images/icon_contact2s.png) no-repeat;}
.contact li:hover .c{background:url(../images/icon_contact3s.png) no-repeat;}
.contactinfo{ width:459px; padding:70px; float:left}
.contactinfo h1{ font-size:28px; color:#02586f; background:url(../images/icon_contact5.jpg) no-repeat 0 10px; padding-left:35px;}
.contactinfo li{ font-size:14px; color:#222; padding:5px 0}
.contactinfo li i{ width:25px; height:20px;  margin-right:10px;}
.contactinfo li i img{ margin-top:5px;}

.contactinfo2{ width:100%; }
.contactinfo2 .title{ font-size:20px; font-weight:bold; text-align:center; font-size:26px; margin-bottom:20px;}
.contactinfo2 li{ width:470px; height:170px; padding:40px 60px; margin-left:20px; font-size:16px; color:#666; line-height:28px; float:left; background:#fff; margin-bottom:20px;}
.contactinfo2 li:nth-of-type(odd){ margin-left:0}
.contactinfo2 li h1{ font-size:20px; font-weight:bold;  color:#02586f; margin-bottom:10px;}
 
@media screen and (max-width: 1920px){
	.banner{ height:820px;}
}
@media screen and (max-width: 1680px){
.indexAd{ height:400px;}
.indexAd p{ padding-top:50px;}
.indexAd .text{ font-size:16px; line-height:28px; margin-bottom:30px;}
.indexinner{ width:1400px;}
.service .conLeft{ width:1100px; height:524px; overflow:hidden}
.index-service{ width:300px; height:524px;}
.index-service .item{ height:129px;}
.service{ height:710px;}
.banner{ height:710px;}
.indexPartner{ height:410px; background:url(../images/parBg.png) no-repeat bottom}
.indexPartner ul{ width:92%; margin:0 4%; padding-top:20px }
.indexPartner ul li{ width:14%;  text-align:center; display:inline-block; margin-left:2%;  margin-top: 1.5%; margin-bottom:10px; background:none}
.indexPartner ul li:nth-child(1){ margin-left:0}
.indexPartner ul li:nth-child(7){ margin-left:0} 
.indexPartner ul li img{ width:80%; padding:7% 10%; height:auto; margin:0;  border:1px solid #e5e4e2; border-radius:8px; margin-bottom:5px;}
.indexPartner ul li p{ font-size:12px; color:#666; text-align:center; margin-bottom: 5px;}
}
@media screen and (max-width: 1440px){
.indexAd{ height:360px;}
.indexAd p span{ font-size:30px;}
.indexAd p{ padding-top:30px; margin-bottom:15px; font-size:24px;}	
.indexinner{ width:1200px;}
.service .conLeft{ width:950px; height:450px; overflow:hidden}
.index-service{ width:250px; height:450px;}
.index-service .item{ height:110px; margin-left:30px;}
.index-service .item .icon{ width:45px; height:45px; margin-right:15px;}
.index-service .item h6{ font-size:20px; line-height:30px}
.index-service .item p{ font-size:12px;}
.service{ height:640px;}
.banner{ height:570px;}
.indexPartner{ height:410px; background:url(../images/parBg.png) no-repeat bottom}
.indexPartner ul{ width:92%; margin:0 4%; padding-top:20px }
.indexPartner ul li{ width:14%;  text-align:center; display:inline-block; margin-left:2%; margin-bottom:10px; background:none}
.indexPartner ul li:nth-child(1){ margin-left:0}
.indexPartner ul li:nth-child(7){ margin-left:0} 
.indexPartner ul li img{ width:80%; padding:7% 10%;  border:1px solid #e5e4e2; border-radius:8px; margin-bottom:5px;}
.indexPartner ul li p{ font-size:12px; color:#666; text-align:center; margin-bottom: 5px;}
.footer_nav{ margin-right:50px;}
}
.sx{width:94%;margin:0 auto;height:40px;}
.sx a p{color:#666;font-size:16px;}
.sx a:hover{color:#01414f}
.sx .left{float:left}
.sx .right{float:right}