@charset "utf-8";

html, body, div, span, applet, object, iframe, 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, 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; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #f7f7f7; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
table thead tr{ background-color: #e2e2ea;}
img { border: 0; }
input { outline: none; }
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; outline: none;}
::-moz-selection { background: #003670; color: #fff; text-shadow: none; }
::selection { background: #003670; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: 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; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1500px; margin: 0px auto;}
.top a:link, .top a:visited { color: #676767;}
.top a:active,.top a:hover { color: #003670;}    
.top{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); height: 80px; background-color: #fff; position: fixed; z-index: 999; width: 100%; left: 0; top: 0;}
.logo{ float: left; display: block; height: 40px; position: relative; padding: 20px 0px;}
.logo .logo-img{ height: 100%; width: auto; display: block;}
.logo .txt{ position: absolute; left: 113%; top: 32%; border-left:1px solid #cbcbcb; padding:5px 0px 5px 15px;}
.logo .logo-txt{ display: block;}
.nav{ float: right; display: block;}
.nav li{ position: relative; float: left; display: block; margin-left: 20px;}
.nav>ul>li>a{ display: block; height: 80px; line-height: 80px; text-align: center; padding: 0px 10px; position: relative; z-index: 1; font-weight: bold; font-size: 16px;}
.nav>ul>li>a:before { content: ""; width: 100%; height: 4px; background-color: #003670; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;}
.nav>ul>li>a:hover:before,.nav>ul>li>a.hov:before,.nav>ul>li>a.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav>ul>li>a.hov,.nav>ul>li>a.active ,.nav>ul>li>a:hover{ color: #003670; background-color: #e6edff;}    
.nav .subnav{ position: absolute; left: 0; top: 40px; display: none; text-align: left; background-color:#fff; background: rgba(255,255,255,0.9); box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2); padding: 15px 0px; width: 200px;}
.nav .subnav a{ line-height: 1.4; display: block; padding: 8px 20px; background-position: 90% center; background-repeat: no-repeat;}
.nav .subnav a:hover{ background-color: #f2f2f2; background-image: url(../images/subnav_ico.png); background-position: 94% center;}
.menu-handler{ cursor:pointer; z-index:1020; position:fixed; width:46px; height:45px; right: 12px; top: 7px; display: none;}
.menu-handler:before{ content:""; width:46px; height:45px; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden; transition:0.38s;}
.menu-handler:hover:before{ opacity:1; visibility:visible;}
.menu-handler span { position: relative; display: inline-block; width: 30px; height: 3px; background-color: #003670; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; margin:19px 0px 0px 8px;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0px;
 background-color: #003670; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before { top: -10px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after { bottom: -10px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active{ background-color: #ffffff;}
.menu-handler.active span { background-color: transparent; -webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-Box{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position:fixed; right: -320px; top: 0px; background-color: #003670; height: 100%; width: 320px; z-index: 1010; opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-Box.menu-Box-btn{ right: 0; opacity: 1;}
.menu-Box a:link, .menu-Box a:visited { color: #ffffff;}
.menu-Box a:active,.menu-Box a:hover { color: #ffffff;}
.menuMoblie{ padding: 80px 0px;}
.menuMoblie li{ border-bottom: 1px solid #f9b990;}
.menuMoblie li:last-child{ border-bottom: 0px none;}
.menuMoblie>li>a{ display: block; font-size: 16px; font-weight: bold; line-height: 1.4; padding: 15px 10px 15px 56px; position: relative; z-index: 1;}
.menuMoblie>li>a:before { content: ""; position: absolute; width: 5px; height: 5px; display: block; border-radius: 50%; background-color: #fff; left: 40px; top: 24px;}
.menuMoblie>li>a:hover{ background-color: #8e4619;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.2); display: none; z-index: 900;}
.menuOpen .pusher-black { display: block; }
.pageH{ height: 80px;}
.foot{ background-color: #171717; padding: 10px 0px; color: #fff; font-size: 12px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
.foot a:link, .foot a:visited { color: #fff;}
.foot a:active,.foot a:hover { color: #ff914a;}   
.smlink{ float: right; display: block;} 
.linkIBox{ padding: 54px 0px 124px; background-color: #fbfbfb;}
.linkIBox a:link, .linkIBox a:visited { color: #7a7a7a;}
.linkIBox a:active,.linkIBox a:hover { color: #003670;}   
.linkList dd{ float: left; display: block; margin:0px 68px;}
.linkList .t{ font-size: 16px; font-weight: bold; border-bottom: 1px solid #dfdfdf; padding-bottom: 12px;}
.linkList .t a{ color: #2e2e2e;}
.linkList .t a:hover{ color: #003670;}
.linkList .c{ padding-top: 28px;}
.linkList .c a{ display: block; line-height: 1.4; margin-bottom: 10px; position: relative; z-index: 1;}
.linkList .c a:before{ content:""; width:100%; height:2px; z-index: -1; position:absolute; left:0; bottom:-2px; background-color:#fff; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.linkList .c a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.linkList dd.zd-ermBox{ width: 180px; margin:28px 0 0; float: right; display: block; text-align: center; font-size: 12px;font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
.zd-ermBox .img{ border: 3px solid #e9e9e9; width: 119px;overflow: hidden; margin: 0px auto 10px; border-radius: 3px;}
.zd-ermBox .img img{ display: block; width: 100%;}
.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.pbanner{ position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff;}
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 50%; margin-left: -600px; bottom: 5%; color: #fff; visibility: hidden; font-size: 33px; font-weight: bold; line-height: 1.2;}
.pbanner-C .c{ font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }
.pbanner-C article{ position: relative; float: left;}
.pbanner-C article:after{ background-color: #d5012b; background-color: rgba(213,1,43,0.9);}
.no-csstransitions .pbanner-C article:after{ background-color: transparent;}
.pbanner .load-img{ display: block; width: 100%;}
.load-yy{ position: absolute; left: 0; bottom: 0; width: 100%; height:100%; background: url(../images/yy.png) repeat-x scroll left bottom;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:skewX(-35deg) translateX(200px);transform:skewX(-35deg) translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:skewX(-35deg) translateX(200px);transform:skewX(-35deg) translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.pageT{ font-size: 33px; color: #666666; line-height: 1.5;}
.dockMenu{ position:fixed; z-index:30; right:0; bottom:5%; padding-right:10px;}
.docklist li{ margin-bottom:4px; height:46px; position:relative; transition:0.43s; -webkit-transition:0.43;}
.docklist li:nth-child(3){ z-index:5;}
.docklist li .ico{ display:block; width:26px; height:26px; transition:0.3s; position:absolute; left:10px; top:50%; margin-top:-13px;}
.docklist li .txt{ display:block; color:#fff; font-size:14px; line-height:46px; margin-left:63px; overflow:hidden; opacity:0; transition:0; position:relative;}
.docklist li .itemBox{ display:block; width:46px; transition:0.35s ease-out; height:46px; background:#484542; position: relative;  border-radius:33px; cursor: pointer; float: right;}
.docklist .item a{ display:block; width:46px; transition:0.35s ease-out; height:46px; background:#484542; position:relative; border-radius:33px; float:right; overflow:hidden;} 
.docklist .item a:hover{ width:138px; background:#003670; border-radius:20px;}
.docklist .item a:hover .ico{ left:24px;}
.docklist .item a:hover .txt{ opacity:1; visibility:visible; transition:0.38s 0.12s; margin-left:56px; }
.docklist .item a:hover,.docklist .itemBox:hover{ background:#003670;}
.ermimg{ position:absolute; right:46px; top:0; display:none;}
.ermimg img{ display:block; width:88px; margin-right:6px; height:auto; border:4px solid #fff;}
.ermbox:hover .ermimg{ display: block;}
/*video*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 80px!important; height: 80px!important; transform: rotate(0deg) !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
/*video style end*/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}
/*base style end*/
/*index style*/
.black-70{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: url(../images/black_70.png) repeat; background: none rgba(0,54,112,0.8);}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transYT { transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
.transYT2 { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;  }
.transXT { transform: translateX(100%); -webkit-transform: translateX(100%); transition: transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transXT2 { transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT10 { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; visibility: hidden; transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 400ms,opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT250 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT280 { transform: translateX(-80px); -webkit-transform: translateX(-80px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT250 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transXT280 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { transform: translateX(0px); -webkit-transform: translateX(0px); }
.action.transXT2 { transform: translateX(0px); -webkit-transform: translateX(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.bannerBox{ position: relative; overflow: hidden; color: #975219; background-color: #fbf9f7;}
.banner a:link, .banner a:visited{ color: #975219;}
.banner a:active,.banner a:hover { color: #975219;}
.banner .pimg{ display: block; width: 100%;}
.banner .item{ position: relative; overflow: hidden; z-index: 10;}
.banner .binbox{ position: absolute; left: 50%; width: 1200px; margin-left: -600px; top: 25%; visibility: hidden;}
.binbox .t{ font-size: 34px; font-weight: bold; color: #fff; line-height: 1.1; margin-bottom: 20px;}
.binbox .c{ font-size: 65px; font-weight: bold; font-family: arial, helvetica, sans-serif; text-transform: uppercase; line-height: 1.1;}
.binbox .by{ font-size: 34px; font-weight: bold; font-family: arial, helvetica, sans-serif; line-height: 1.1;}
.bmore{  display: block; margin-top: 8%; position: relative; overflow: hidden; width: 132px; height: 42px; line-height: 42px; border-radius: 21px; text-align: center; border:2px solid #fff; }
.bmore .txt{ position: relative;display: block; z-index: 2; font-weight: bold; font-family: arial, helvetica, sans-serif; color: #fff;}
/*.bmore{  display: block; margin-top: 8%; position: relative; overflow: hidden; width: 136px; height: 46px; border-radius: 23px;}
.bmore .txt{ position: relative;display: block; z-index: 2; width: 132px; height: 42px; line-height: 42px; text-align: center; border:2px solid #975219; border-radius: 21px; font-weight: bold; font-family: arial, helvetica, sans-serif; color: #9f4e16;}
.bmore:before{ content:""; width:0; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background-color:#9d5c27; border-radius:50%; transition:460ms ease-in-out;}
.bmore:hover:before{ width:110%; height:250%;}*/
.bmore:hover{ background-color: #003670;}
.bmore:hover .txt{ color: #fff;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
.banner .slick-dots { bottom: 5%; z-index: 104; width: 1200px; margin-left: -600px; left: 50%; text-align: left;}
.banner .slick-dots li { position: relative; display: block; float: left; width: auto; padding: 0px; height: 5px; margin:0px 6px 0px 0px; cursor: pointer; }
.banner .slick-dots li a { height: 5px; width: 14px; line-height: 5px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 3px; background:none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background: none #003670; width: 32px;}
.aboutI-box{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden;}
.aboutI-box .video-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.aboutI-box .video-bg video{ position: absolute; left: 0%; top: -16%; width: 100%;}
.aboutI-con{ position: relative; padding: 156px 0px 60px; color: #fff;}
.aboutI-con a:link, .aboutI-con a:visited{ color: #fff;}
.aboutI-con a:active,.aboutI-con a:hover { font-weight:bold;}
.aboutI-con .inner{ position: relative; text-align: center;}
.aboutI-con .t{ font-size: 26px; line-height: 1.4;}
.aboutI-con .by{ font-size: 33px; line-height: 1.2;}
.aboutI-con .c{ width: 70%; margin: 30px auto; font-size: 16px;opacity:0.6;}
.moreIBtn{ font-size: 16px; position: relative; padding-bottom: 4px; z-index: 1;}
.moreIBtn:before{ content:""; width:100%; height:1px; z-index: -1; position:absolute; left:0; bottom:0; background-color:#003670; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.moreIBtn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.aboutI-list{ margin-top: 130px;}
.aboutI-list li{ float: left; display: block; width: 33.33%; color: #fff; padding: 15px 0px;}
.aboutI-list li:first-child .item{ border-left: 0px none;}
.aboutI-list .item{ border-left: 1px solid #fff;}
.aboutI-list .ico{ width: 60px; height: 60px; display: block; margin: 0px auto 12px;}
.aboutI-list li:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.8s 1; animation: gelatine 0.8s  1;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.productI-box{ background-color: #f4f4f4; padding: 46px 0px 56px; text-align: center;}
.iboxT{ color: #2f2f2f; font-size: 33px; line-height: 1.4;}
.ibox-by{ font-size: 18px; color: #5f5f5f; line-height: 1.4;}
.orange-85{ position: absolute; left: 0; top: 0; background: url(../images/orange_85.png) repeat; background: none rgba(0,54,112,0.85);}
.productI-list .slick-prev,.productI-list .slick-next{ width: 46px; height: 46px; border-radius: 50%; display: block; position: absolute; top: 50%; margin-top: -23px; z-index: 100; background-color: #9c9790; background-position: center center; background-repeat: no-repeat;}
.productI-list .slick-prev{ background-image: url(../images/img_l.png); left: -50px;}
.productI-list .slick-next{ background-image: url(../images/img_r.png); right: -50px;}
.productI-list .slick-prev:hover,.productI-list .slick-next:hover{ background-color: #f2ae7f;}
.productI-list .itemBox{ float: left; display: block; width: 392px; margin:78px 6px 0px; height: 483px; overflow: hidden; position: relative;}
.productI-list .img{ position: relative; overflow: hidden;  border-radius: 5px; height: 316px; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s;}
.productI-list .img img{ width: 100%; display: block; -webkit-transition: 0.8s; transition: 0.8s;}
.productI-list .bg{ position: absolute; left: 0; top: 0;  width:100%; height:100%; -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}
.productI-list .name{ font-size: 20px; color: #5f5f5f; height: 67px; line-height: 67px;}
.productI-list .con{ position: absolute; left: 5%; top: 25%; width: 90%; height: 100%; color: #fff;  -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1); opacity: 0; visibility: hidden;}
.productI-list .t{ font-size: 25px; font-weight: bold; line-height: 1.4; padding-top: 35%;}
.productI-list .by{ font-size: 16px; line-height: 1.5; height: 96px; overflow: hidden; margin-bottom: 35px;}
.btn-viewMore { position: relative; width: 106px; text-align: left; height: 36px;line-height: 36px; color: #fff; border:1px solid #fff; overflow: hidden; display: block; margin: 0px auto; border-radius:18px; z-index: 1; padding-left: 18px; overflow: hidden;}
.btn-viewMore:before{ content:"";  width:124px; height:36px; border-radius:18px; z-index: -1; position:absolute; left:0px; top:0px; background-color:#fff; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.btn-viewMore:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.btn-viewMore .i{ background: url(../images/imore_ico.png) no-repeat scroll right center; width: 6px; height: 100%; position: absolute; right: 22px; top: 0; -webkit-transition: 400ms; transition: 400ms;} 
.btn-viewMore:hover{ border-color: transparent;}
.btn-viewMore:hover .i{ background-image: url(../images/imore_ico2.png); right: 18px;}
.btn-viewMore:hover .txt{ color: #003670;}
.ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.newI-box a:link, .newI-box a:visited{ color: #5a5a5a;}
.newI-box a:active,.newI-box a:hover { color: #003670;}
.newI-box{ background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: #fff; padding: 75px 0px;}
.newI-box .iboxT{ text-align: center; color: #505050;}
.newI-box .ibox-by{ text-align: center;}
.newI-list{ margin-top: 85px; padding-bottom: 35px;}
.newI-list .itemBox{ margin: 0px 37px; color: #5a5a5a;}
.newI-list .item{ margin-bottom: 40px; position: relative;}
.newI-list .item .t{ font-size: 24px; font-weight: bold; line-height: 1.2; margin-bottom: 8px; height: 29px; overflow: hidden;}
.newI-list .item .c{ font-size: 16px; line-height: 1.5; height: 48px; overflow: hidden; margin-bottom: 30px;}
.newI-list .item .time{ color: #999999; font-size: 12px;}
.newI-list .item:hover .t{ color: #003670;}
.newI-list .slick-dots{ bottom: 0;}
.newI-list .slick-dots li{ position: relative; display: inline-block; padding: 0px 6px; width: 11px; height: 11px; margin: 0px; cursor: pointer;}
.newI-list .slick-dots li a{ height: 11px; width: 11px; line-height: 11px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background: url(../images/newi_i1.png) no-repeat scroll center center;}
.newI-list .slick-dots li a:focus{ outline: none; }
.newI-list .slick-dots li.slick-active a { background-image: url(../images/newi_i2.png); }
.joinI-box a:link, .joinI-box a:visited{ color: #5a5a5a;}
.joinI-box a:active,.joinI-box a:hover { color: #003670;}
.joinI-box{ position: relative; background-color: #fbfbfb;}
.joinI-img{ width: 70%; float: left; display: block;}
.joinI-img .img{ width: 100%; display: block;}
.joinI-con{ position: absolute; left: 75%; top: 0; width: 20%; height: 100%; display: block;}
.joinI-con .con{ margin: 10% 0px; font-size: 15px; text-align: justify; color: #656565; max-height: 135px; overflow: hidden;}
.btn-viewMore2{ margin: 0; border-color: #adadad;}
.btn-viewMore2 .i{ background-image: url(../images/imore_ico4.png);}
.btn-viewMore2:hover{ border-color: #adadad;}
.partnerI-box{ position: relative; overflow: hidden; padding-left: 42%; height: 374px;}
.partnerI-con{ background-color: #003670; position: absolute; left: 0; top: 0; width: 28%; height: 100%; color: #fff;}
.partnerI-con .iboxT{ color: #fff; text-align: center; padding-top: 65px;}
.partnerI-con .con{ width: 75%; margin: 30px auto 45px; text-align: center; font-size: 15px; height: 81px; overflow: hidden;}
.partnerInum a:link, .partnerInum a:visited{ color: #003670;}
.partnerInum a:active,.partnerInum a:hover { color: #111111;}
.partnerInum{ position: absolute; left: 32%; top: 50%; margin-top: -46px; width: 10%; color: #111; width: 100px;}
.partnerInum .next,.partnerInum .prev{ font-size: 12px; display: block; width: 100px; height: 19px; line-height: 19px;}
.partnerInum .next{ background: url(../images/partnerI_n.png) no-repeat scroll right center;}
.partnerInum .prev{ background: url(../images/partnerI_p.png) no-repeat scroll left center; text-align: right;}
.partnerInum .ppnum{ color: #111111; text-align: center; padding: 15px 0px;}
.partnerInum .cnum{ color: #003670;}
.partnerI-img{ margin-top: 137px;}
.partnerI-img .item{ text-align: center; height: 100px;}
.partnerI-img .item .img{ margin: 0px auto; max-width: 100%; height: 100%;}
/*index style end*/
/*about style */
.pageC{ color: #666; line-height:30px;font-size:14px; }
.pageC a:link, .pageC a:visited{ color: #5a5a5a;}
.pageC a:active,.pageC a:hover { color: #003670;}
.pageC img{ max-width: 100% !important; height:auto !important; width:auto !important;}
.pageC span { text-indent:0px !important;}
.pageC p{
	margin-top:15px;
	margin-bottom:15px;
	font-size:18px;
	}
.aboutPage{ padding: 88px 0px;}
.aboutPage .pageC{ margin-top: 40px; font-size: 16px; line-height: 2;}
.aboutPage .pageC .w82{ width: 82%; text-align: justify;}
.companyPage{ background-color: #efefef; padding: 65px 0px 65px;}
.companyNav a:link, .companyNav a:visited{ color: #666;}
.companyNav a:active,.companyNav a:hover { color: #003670;}
.companyNav{ margin-top: 50px;}
.companyNav dd{ float: left; display: block; width: 20%; text-align: center; color: #666; font-size: 16px;}
.companyNav .item{ width: 157px; margin: 0px auto;}
.companyNav .name{ font-size: 20px; line-height: 1.5; margin-bottom: 18px;}
.companyNav .img{ background: url(../images/hua_1.png) no-repeat; width: 157px; height: 157px; background-size:cover; display: block; margin: 0px auto 15px; position: relative; z-index: 1;}
.companyNav .img:before{ content:""; width:100%; height:100%; position:absolute; z-index: -1; left:0%; top:0%; background: url(../images/hua_2.png) no-repeat; background-size:cover; opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.companyNav .item:hover .img:before{opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.companyNav .ico{ position: absolute; background-size:cover; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0px 0px -30px; display: block;}
.companyNav .i2{ opacity: 0; visibility: hidden;}
.companyNav .item:hover .img .i1{ opacity: 0; visibility: hidden;}
.companyNav .item:hover .img .i2{ opacity: 1; visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.companyNav .item:hover .name{ color: #003670;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.honorPage{ padding: 62px 0px 180px;}
.honor-demo{ margin: 100px 80px 0px;}
.honor-demo .item{ margin: 0px 15px;}
.honor-demo .img{ padding: 20px; background-color: #fff; cursor: pointer;}
.honor-demo .img img{ width: 100%; display: block;-webkit-transition: 0.6s; transition: 0.6s;}
.honor-demo .item:hover img{ transform: scale(1.08); -webkit-transform: scale(1.08);}
.honor-demo .slick-arrow{ width: 72px; height: 30px; border: 1px solid #fff; display: block; position: absolute; top: 50%; margin-top: -15px; z-index: 100; }
.honor-demo .slick-arrow i{ display: block; width: 100%; height: 100%; transition: 300ms; -webkit-transition: 300ms;}
.honor-demo .slick-prev{ left: -80px; }
.honor-demo .slick-next{ right: -80px;}
.honor-demo .slick-prev i{ background: url(../images/himg_l2.png) no-repeat scroll center center;}
.honor-demo .slick-next i{ background: url(../images/himg_r2.png) no-repeat scroll center center;}
.honor-demo .slick-arrow:hover{ background-color: #fff;}
.honor-demo .slick-prev:hover i{ background: url(../images/himg_l.png) no-repeat scroll 18% center;}
.honor-demo .slick-next:hover i{ background: url(../images/himg_r.png) no-repeat scroll 82% center; }
html.openImg { overflow: hidden; }
.overlayClose { z-index: 100; width: 41px; height: 41px; border: 1px solid #fff; border-radius: 50%; display: block; position: absolute; right: 5%; top: 2%; transition: 300ms; -webkit-transition: 300ms; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #003670; border-color: #003670;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgPrev{ z-index: 100; background: url(../images/img_l6.png) no-repeat scroll center center; width: 43px; height: 43px; position: absolute; left: 5%; top: 50%; margin-top: -21px; cursor: pointer; border-radius: 50%;}
.imgNext{ z-index: 100; background: url(../images/img_r6.png) no-repeat scroll center center; width: 43px; height: 43px; position: absolute; right: 5%; top: 50%; margin-top: -21px; cursor: pointer; border-radius: 50%;}
.imgPrev:hover,.imgNext:hover{ background-color: #003670; background-size: 50% auto;}
.imgShowBox { background-color:#262626; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1040; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto;}
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin:auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 60px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background-color: #666666; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 0px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; z-index: 5;}
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; z-index: 100; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; transition: 400ms; -webkit-transition: 400ms; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background-image: url(../images/img_l6.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background-image: url(../images/img_r6.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #003670; background-size: 50% auto;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #003670;  background-size: 30% auto;}
.partnerPage{ padding: 60px 0px;}
.partnerList{ margin-left: -2%; padding-top: 55px;}
.partnerList dd{ float: left; display: block; width: 18%; margin:0px 0px 36px 2%;}
.partnerList .item{ border: 1px solid #e5e5e5; display: block;}
.partnerList .item img{ width: 100%; display: block;}
.partnerList .item:hover{ border-color: #003670;}
/*about style end*/
/*prodcut style*/
.product-list a:link, .product-list a:visited{ color: #666;}
.product-list a:active,.product-list a:hover { color: #fff;}
.product-list .item{ display: block; position: relative; color: #666666;}
.product-list .img{ display: block; width: 50%; overflow: hidden; position: relative;}
.product-list .img img{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.product-list .bg{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-color: #003670; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transform-origin:100%; -webkit-transform-origin:100%; visibility:hidden\9;}
.product-list .con{ position: absolute; left: 50%; top: 0px; width: 50%; height: 100%;}
.product-list .itemBox{ width: 450px; margin: 0px 0px 0px 150px; display: block; height: 100%;}
.product-list .itemBox .ico img{ display: block; margin: 0px;}
.product-list .itemBox .t{ font-size:33px; line-height: 1.2; margin-bottom: 35px;}
.product-list .itemBox .c{ font-size: 16px; text-align: justify; margin-bottom: 32px; height: 115px; overflow: hidden;}
.product-list .oneItem{ background-color: #f1e9de;}
.product-list .oneItem .img{ float: right;}
.product-list .oneItem .con{ left: 0px;}
.product-list .oneItem .itemBox{ margin: 0px 150px 0px 0px; float: right;}
/*prodcut style end*/
/*prodcutList style*/
.product-infoPage{ padding: 80px 0px;}
.product-infoT{ margin-bottom: 80px; }
.product-infoT .name{ font-size: 24px; color: #003670; font-weight: bold;}
.pro-nav a:link, .pro-nav a:visited { color: #666666; }
.pro-nav a:active, .pro-nav a:hover { color: #003670; }
.pro-nav { float: right; display: block; width: 252px; position: relative; transition: 300ms; -webkit-transition: 300ms; background-color: #e1e1e1; color: #666; z-index: 100; }
.pro-nav .mb { padding: 0 50px 0px 18px; position: relative; cursor: pointer; line-height: 50px; height: 50px;}
.pro-nav .mb .aw { width: 50px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0px; }
.pro-nav .mb .aw i { display: block; width: 11px; height: 100%; overflow: hidden; margin: 0px auto; background: url(../images/select_bot.png) no-repeat scroll center center; transition: 300ms; -webkit-transition: 300ms; }
.pro-nav .b { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; top: 48px; display: none; height: 190px; overflow-y: auto; }
.pro-nav ul { background-color: #d4d4d4; overflow: hidden; }
.pro-nav a { display: block; padding: 0px 25px; line-height: 38px; height: 38px; overflow: hidden;}
.pro-nav a:hover { background-color: #E5E5E5; }
.pro-nav.act .mb .aw i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.pro-info-list dd{ position: relative; margin-bottom: 20px; cursor: pointer;}
.pro-info-list .img{ float: right; display: block; width: 63%;}
.pro-info-list .img img{ width: 100%; display: block;}
.pro-info-list .con{ float: left; display: block; width: 28%; margin:10% 0px 0px 5%;}
.pro-info-list .t{ font-size: 24px; line-height: 1.2; margin-bottom: 8px;}
.pro-info-list .bot{ width: 60px; height: 4px; display: block; background-color: #666; margin-bottom: 42px;}
.pro-info-list .c{ font-size: 16px; height: 115px; overflow: hidden;}
.filler { background-color: #ebebeb; position: absolute; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 5;}
.filler-left { width: 1px; height: 100%; left: 0%; bottom: 0%; }
.filler-right { width: 1px; height: 100%; right: 0%; top: 0%; }
.filler-top { width: 100%; height: 1px; left: 0%; top: 0%; }
.filler-bottom { width: 100%; height: 1px; right: 0%; bottom: 0%;}
.pro-info-list dd:hover .filler{ background-color: #003670;}
.pro-info-list dd:hover .filler-left { width: 3px;}
.pro-info-list dd:hover .filler-right { width: 3px;}
.pro-info-list dd:hover .filler-top { height: 3px;}
.pro-info-list dd:hover .filler-bottom { height: 3px;}
.md-show, .md-show body{ overflow-y: hidden;}
.md-show  .md-modal {opacity: 1;visibility: visible;}
.md-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1020;opacity: 0; background-color: #ffffff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; min-height: 100%;}
.md-modal .vertical-inner{ vertical-align: top;}
.md-btn-close { z-index: 100; width: 42px; padding-left: 40px; height: 32px; line-height: 30px; background-color: #003670; color: #fff; display: block; position: absolute; right: 0%; top: 0%; transition: 300ms; -webkit-transition: 300ms; }
.md-btn-close i { background: url(../images/close_ico1.png) no-repeat scroll center center; width: 10px; height: 10px; display: block; transition: 400ms; -webkit-transition: 400ms; position: absolute; left: 18px; top: 11px;}
.md-btn-close:hover { background-color: #666; }
.md-btn-close:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.pro-name{ background-color: #e5e5e5; padding: 32px 0px 40px;  margin-bottom: 70px;}
.pro-name .inner{ position: relative;}
.pro-name .w986{text-align: center; font-size: 24px; font-weight:bold; line-height: 1.2;}
.w986,.pro-img{ width: 986px; margin: 0px auto;}
.proDemo{ margin: 0px auto;}
.proDemo .item img{ width: 100%; display: block;}
.proDemo .slick-arrow{ width: 26px; height: 55px; z-index: 105; top: 50%; margin-top: -27px;}
.proDemo .slick-arrow i{ width: 100%; height: 0%; display: block; transition:height 300ms; -webkit-transition:height 300ms;}
.proDemo .slick-prev{ left: -107px; background: url(../images/i_bor_l1.png) no-repeat scroll center center;}
.proDemo .slick-next{ right: -107px; background: url(../images/i_bor_r1.png) no-repeat scroll center center;}
.proDemo .slick-prev i{ background: url(../images/i_bor_l.png) no-repeat scroll center top;}
.proDemo .slick-next i{ background: url(../images/i_bor_r.png) no-repeat scroll center top;}
.proDemo .slick-arrow:hover i{ height: 100%;}
/*prodcutList style end*/
/*news style*/
.pagePadding{ padding: 50px 0px;}
.news-list a:link, .news-list a:visited { color: #666666; }
.news-list a:active, .news-list a:hover { color: #003670; }
.news-list dd{ margin-bottom: 48px; color: #666666; position: relative;}
.news-list .img{ float: left; display: block; width: 40%; position: relative; overflow: hidden; background-color: #000;}
.news-list .img img{ width: 100%; display: block; transition: 0.5s; -webkit-transition: 0.5s;}
.news-list .con{ float: left; display: block; width: 51%; margin-left: 4%;}
.news-list .t{ font-size: 24px; color: #000000; line-height: 1.2; margin-bottom: 8px;}
.news-list .t span{ display: inline-block; position: relative; z-index: 1; padding-bottom: 2px;}
.news-list .t span:before{ content:""; width:100%; height:2px; z-index: -1; position:absolute; left:0; bottom:0; background-color:#003670; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.news-list .time{ color: #aaaaaa; font-family: arial, helvetica, sans-serif; margin-bottom: 35px;}
.news-list .c{ margin-bottom: 50px; height: 50px; overflow: hidden;}
.news-list .btn-viewMore{ margin: 0; background-color: #666666; border:0px none;}
.news-list .btn-viewMore .txt{ color: #fff;} 
.news-list .btn-viewMore:before{ background-color: #003670; border:0px none; left: 0; top: 0;}
.news-list .btn-viewMore:hover .i{ background-image: url(../images/imore_ico.png);}
.news-list dd:hover .t{ color: #003670;}
.news-list dd:hover .img img{ transform: scale(1.08); -webkit-transform: scale(1.08);}
.news-list dd:hover .btn-viewMore{ background-color: #EFEFEF;}
.news-list dd:hover .btn-viewMore .i{ background-image: url(../images/imore_ico.png); right: 18px;}
.news-list dd:hover .btn-viewMore .txt{ color: #fff;}
.news-list dd:hover .btn-viewMore:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.news-list dd:hover .t span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.paging a:link, .paging a:visited { color: #8b8b8b; }
.paging a:active, .paging a:hover { color: #fff; }
.paging{ text-align: center; text-transform: uppercase; padding: 25px 0px 10px; font-size: 12px;}
.paging a{ margin: 0px 4px; padding: 2px 6px;}
.paging a.active,.paging a:hover{ color: #fff; background-color: #003670;}

.ninfoT a:link, .ninfoT a:visited { color: #fff; }
.ninfoT a:active, .ninfoT a:hover { color: #666; }
.ninfoT { background:url(../images/info.jpg) repeat-x scroll center center #003670; padding: 75px 0px 55px; color: #fff; text-align: center;}
.ninfoT .t { font-size: 26px; line-height: 1.2; margin-bottom: 10px;}
.ninfoT .time { font-family: arial, helvetica, sans-serif; }
.pager{ border-top: 1px solid #e1e1e1; padding: 30px 0px 26px;}
.pager a:link, .pager a:visited { color: #666666; }
.pager a:active, .pager a:hover { color: #003670; }
.pager .inner{ position: relative;}
.pager p{ margin-bottom: 10px; width: 80%;font-size:14px;}
.pager p .time{ margin-left: 14px;}
.black-list{ position: absolute; right: 0; top: 0; background-color: #666; width: 144px; height: 50px; line-height: 50px; color: #fff; text-align: center;  z-index: 1;}
.black-list .txt{ color: #fff; background: url(../images/pager_list.png) no-repeat scroll left center; padding-left: 50px; display: inline-block;font-size:14px;}
.black-list:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#003670; transform-origin:0; -webkit-transform-origin:0;-webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1);  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.black-list:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1);  transform-origin:100%; -webkit-transform-origin:100%;  visibility:visible\9;}
/*news style end*/
/*hr style*/
.hr-paging{ padding: 6% 0px;}
.hr-box{ color: #666666;}
.hr-box a:link, .hr-box a:visited { color: #003670; text-decoration: underline;}
.hr-box a:active, .hr-box a:hover { color: #666; }
.hr-box .t{ font-size: 24px; line-height: 1.2; margin-bottom: 32px; text-align: center;}
.hr-box .c{ font-size: 16px; line-height: 1.4;}
.hr-box .email{ font-size: 14px;}
.hr-box dd{ float: left; display: block; width: 27%; padding:20px 4.5% 55px 0px; margin-right: 4%; background: url(../images/line.jpg) no-repeat scroll right top;}
.hr-box dd:nth-of-type(3n){ margin-right: 0; padding-right: 0; background: none;}
.applicationBox{ background: url(../images/hr.jpg) repeat-x scroll center center #ffb200; padding: 74px 0px;}
.applicationList {text-align: center; color: #fff; }
.applicationList li { float: left; display: block; width: 152px; cursor: default; position: relative; }
.applicationList li .line { float: left; display: block; width: 24px; margin: 57px 5px 0px 0px; background-color: #fff; height: 1px; overflow: hidden; }
.applicationList .t { position: relative; width: 118px; height: 118px; float: left; display: block; }
.applicationList .y1 { background: url(../images/y1.png) no-repeat; }
.applicationList .y2 { background: url(../images/y2.png) no-repeat; }
.applicationList .y1, .applicationList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.applicationList .y2 { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); visibility: hidden; }
.applicationList .item1 { width: 213px; }
.applicationList .item1 .line, .applicationList .item8 .line, .applicationList .item8 { width: 72px; }
.applicationList .item1 .line{ margin-right: 10px;}
.applicationList .name { height: 47px; position: relative; z-index: 2; margin: 0px auto; line-height: 45px; font-size: 16px; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -23px; }
.applicationList .t:hover .y1 { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); }
.applicationList .t:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.applicationList .t:hover .name { color: #ffc000; }
.applicationList .target li { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
.applicationList .action li { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }
.hrTitle{ font-size: 30px; color: #666666; margin-bottom: 45px; line-height: 1.2;}
.joinList{ border-bottom:1px solid #b2b2b2; }
.joinList .joinT{ border-top:1px solid #b2b2b2; color:#333333; transition:400ms;-ms-transition:400ms;-webkit-transition:400ms;-moz-transition:400ms; position: relative; padding: 18px 100px 18px 28px; cursor:pointer; }
.joinList .t{ font-size: 18px; line-height: 1.2;}
.joinList .ib{ width:16px;height:16px; display: block; position:absolute; right:40px; transition:400ms; -webkit-transition:400ms; -moz-transition:400ms; -ms-transition:400ms;}
.joinList .ib i{ display:block; background-color:#6e6e6e;}
.joinList .ib .ic1{ width:2px; height:16px; margin:1px auto; display: block;}
.joinList .ib .ic2{ width:16px; height:2px; position:absolute; left:50%; top:50%; margin-left:-8px;}
.joinList .joinB{ display: none; background-color: #efefef;}
.joinList .pageC{ margin: 0px auto; padding:35px 28px; overflow: hidden;}
.joinList .active .joinT{ background-color: #666;}
.joinList .active .t{ color: #fff;}
.joinList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.joinList .active .ib i{ background-color: #fff;}
.joinList .active .ib .ic2{ display: none;}
.delivery-page{ padding:40px 0px 80px;}
.delivery-con .item1{ float: left; display: block; width: 33%; margin-right: 1%;}
.delivery-con .item2{ float: left; display: block; width: 66%;}
select.selbox { width: 100%; height: 40px; line-height: 40px; padding: 0px 5%; vertical-align: middle; border: 1px solid #e5e5e5; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; color: #666666; cursor: pointer; display: block; font-size: 14px; margin:0px; background: url(../images/select_bot.png) no-repeat scroll 95% center; display: block; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
select.selbox option { padding: 2px 10px; }
select.selbox:hover { color: #333; }
.no-cssanimations select.selbox{ background: none;}
.formC .mb{ margin-bottom: 10px;}
.formC input[type="text"]:focus, .formC textarea:focus { background-color: #fff; border: 1px solid #666;}
.ctxt{ border: 1px solid #e5e5e5; background-color: transparent; width:90%; padding: 10px 5%; height: 22px; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0px; font-size: 14px; color: #000;}
.ctxt2{ height: 234px; overflow: hidden; padding: 10px 2.5%; width: 95%; resize: none; line-height: 1.5;}
.delivery-btn{ display: block; width: 96%; padding: 0px 2%; background:url(../images/btn.png) no-repeat scroll 96% center #666; border: 1px solid #666; height: 58px; line-height: 58px; color: #fff; font-size: 20px; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
.delivery-btn:hover{ background-position: 98% center; background-color: #003670; border-color: #003670;}
.mt30{ margin-top: 30px;}
/*hr style end*/
/*contact style*/
.join-box .con{ float: left; display: block; width: 50%; color: #666;}
.join-box .img{ float: right; display: block; width: 45%;}
.join-box .img img{ width: 100%; display: block;}
.join-box .con .t{ font-size: 24px; line-height: 1.2; margin-bottom: 40px;}
.c003670{ color: #003670;}
.join-box .con .c003670{ font-size: 16px;}
.f24{ font-size: 24px;}
.join-box .con .f24{ text-decoration: underline; margin-right: 5px;}
#contactPage{ position: relative;}
.map{ width: 100%; height: 710px;}
.contact-box{ background-color: #fff; position: absolute; left: 50%; top: 20%; margin-left: 260px; width: 340px;}
.contact-box .t{ background: url(../images/c_bg.jpg) repeat-x scroll center center; padding: 30px 5%; color: #fff; font-weight: bold; font-size: 24px; line-height: 1.2;}
.contact-box .con{ padding: 32px 5%;}
.contact-box .name{ font-size: 20px; line-height: 1.2; margin-bottom: 15px;}
.messageList .t{ font-size: 24px; line-height: 1.2; margin-bottom: 25px;}
.messageList .con{ font-size: 16px; text-align: justify;}
.messageList table td{ vertical-align: top;}
.messageList .item1{ float: left; display: block; width: 32%; margin-right: 8%;}
.messageList .item2{ float: left; display: block; width: 60%;}
.messageList .ctxt{ background-color: #efefef; border: 0px none; margin-bottom: 10px; padding: 8px 5%;}
.messageList .ctxt2{ padding: 10px 2.5%; height: 130px;}
.messageList .delivery-btn{ font-size: 16px; padding: 0px 2.5%; width: 95%; height: 50px; line-height: 50px;}
/*contact style end*/
/*industry style*/
.industry-video-box{ background-color: #000;}
.industry-video{ width: 1000px; height: 600px;}
.vbBox{ margin: 0px auto; position: relative; overflow: hidden; cursor: pointer; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.vbBox .vicoBox{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.vbBox .vico{ position: absolute; width: 80px; height: 80px; display: block; left: 50%; top: 50% ; margin: -37px 0px 0px -37px; background: url(../images/vico.png) no-repeat; background-size: cover; transition:330ms; -webkit-transition:330ms;}
.vbBox .jwplayer{ position: relative; z-index: 5; height: 100% !important;}
.industry-T{ border-top:8px solid #ffd500; padding: 75px 0px; text-align: center;}
.industry-T .t{ font-size: 40px; line-height: 1.2; color: #003670; margin-bottom: 20px;}
.industry-arrow{ position: relative;}
.industry-arrow .line{ width: 2px; height: 34px; display: block; margin: 0px auto; background-color: #b5b5b5;}
.industry-arrow i{ background: url(../images/arrow.png) no-repeat scroll center center; width: 16px; height: 20px; position: absolute; left: 50%; bottom: -24px; margin-left: -8px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.greeList-box{ border-top: 1px solid #959595;}
.greeList{ position: relative;}
.greeList dd{ float: left; width: 10%; padding-top: 18px; height: 142px; position: relative; text-align: center; z-index: 1; color: #666; cursor: pointer;}
.greeList dd:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #003670; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1);  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.greeList .iy{ background: url(../images/i_y1.png) no-repeat; width: 10px; height: 10px; display: block; position: absolute; left: 50%; top: 0; margin: -5px 0px 0px -5px;}
.greeList .ico{ position: relative; width: 70px; height: 70px; margin:15px auto 10px; transition: 300ms; -webkit-transition: 300ms;}
.greeList .ico i{ position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.greeList .ico .i2{ visibility: visible; opacity: 0;}
.greeList dd:hover,.greeList dd.act{ color: #fff;}
.greeList dd:hover:before,.greeList dd.act:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.greeList dd:hover .iy,.greeList dd.act .iy{ background-image: url(../images/i_y2.png);}
.greeList dd:hover .ico,.greeList dd.act .ico{ margin-top: 0;}
.greeList dd:hover .i1,.greeList dd.act .i1{ visibility: hidden; opacity: 0;}
.greeList dd:hover .i2,.greeList dd.act .i2{ visibility: visible; opacity: 1;}
.greeDemo { position: relative; overflow: hidden; width: 100%; }
.greeDemo .img { width: 100%; overflow: hidden; position: relative;}
.greeDemo .img img { width: 100%; display: block; }
.greeItem { position: absolute; width: 100%; top: 0px; left: 100%; z-index: 4; }
.greeItem .t-ico{ display: none; margin: 0px auto 0px; width: 90%;}
.greeItem .t-ico .ico{ width: 40px;  display: block;}
.greeItem .t{ margin-bottom:20px; font-size: 18px; display: none; text-align: center;}
.greeItem .bg{ background-color:rgba(0,0,0,0.3); display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.greeItem .text { position: absolute; left: 5%; width: 90%; top: 25%; z-index: 3; text-align: center; color: #434343; font-size: 48px; line-height: 1.2;}
/*industry style end*/