@charset "UTF-8";
/*  Project Name:新一美(响应) Author:偢楓＆落葉  Date：2017-10-19 */
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; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0px; outline: none; font-size: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { font: 14px/1.8 "微软雅黑","微軟正黑體","Microsoft JhengHei","Microsoft Yahei",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #646464; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; }

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; }

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: #c9b194; color: #fff; text-shadow: none; }

::selection { background: #d5d5d5; 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; 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; }

.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 { display: table-cell; vertical-align: middle; }

.horizontal-center { margin: 0 auto; }

.fixedImg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.hide { display: none; }

.bgInitSet { background-attachment: scroll; background-repeat: no-repeat; background-size: cover; }

.inner { width: 1000px; margin: 0  auto; }

.pinner { width: 800px; margin: 0  auto; position: relative;}

/* Slider */
.slick-slider { position: relative; display: block; -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); } }
/* Slider end*/
/*FlexSlider strat*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

#carousel .carouseimg .flex-viewport { width: 1140px; margin: 0 auto; }

#slider .slides .flex-direction-nav .flex-prev { background: url(../images/right_arrow_gray.png) no-repeat center center; width: 36px; height: 36px; }

#carousel .carouseimg .flex-direction-nav .flex-prev { left: -10px; background: url(../images/tes_arrow_1.png) no-repeat center center; }

#carousel .carouseimg .flex-direction-nav .flex-prev:hover { background: url(../images/tes_arrow_11.png) no-repeat center center; }

#carousel .carouseimg .flex-direction-nav .flex-prev { background: url(../images/tes_arrow_1.png) no-repeat center center; }

#carousel .carouseimg .flex-direction-nav .flex-next { right: -10px; background: url(../images/tes_arrow_2.png) no-repeat center center; }

#carousel .carouseimg .flex-direction-nav .flex-next:hover { background: url(../images/tes_arrow_22.png) no-repeat center center; }

#slider .flex-direction-nav .flex-next { background: url(../images/right_arrow_gray.png) no-repeat center center; right: 20px; }

#slider .flex-direction-nav .flex-next:hover { background: url(../images/right_arrow_green.png) no-repeat center center; }

#slider .flex-direction-nav .flex-prev { background: url(../images/left_arrow_gray.png) no-repeat center center; left: 20px; }

#slider .flex-direction-nav .flex-prev:hover { background: url(../images/left_arrow_green.png) no-repeat center center; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-indent: -999em; }

.flex-direction-nav .flex-prev { left: -10px; background-position: 0 0; }

.flex-direction-nav .flex-next { right: -10px; background-position: -132px 0; }

.flexslider:hover .flex-prev { opacity: 0.7; left: -20px; }

.flexslider:hover .flex-next { opacity: 0.7; right: -20px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 1 !important; filter: alpha(opacity=1); }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
/*FlexSlider end*/
@font-face { font-family: "Forum"; 
src: url("../Font/Forum.woff2") format("woff2"), 
		 url("../Font/Forum.woff") format("woff"), 
		 url("../Font/Forum.ttf") format("truetype"), 
		 url("../Font/Forum.eot") format("embedded-opentype"), 
		 url("../Font/Forum.svg") format("svg"); 
}
.banner-box { overflow: hidden; position: relative; }
.banner-box .slides { position: relative; }
.banner-box .slides li { opacity: 1 !important; position: relative; }
.banner-box .slides li.flex-active-slide .figure { overflow: hidden; animation: bannerAnima .88s ease-in-out; -webkit-animation: bannerAnima .88s ease-in-out; }
.banner-box .slides li.flex-active-slide:nth-child(1) .figure { overflow: hidden; animation: none; -webkit-animation: none; }
.banner-box .slides li.flex-active-slide:nth-child(1) .word .title { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .56s 0.1s; -webkit-transition: .56s 0.1s; }
.banner-box .slides li.flex-active-slide:nth-child(1) .word .abstracts { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .56s .44s; -webkit-transition: .56s .44s; }
.banner-box .slides li.flex-active-slide:nth-child(1) .word .more { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: opacity .56s .88s,transform .56s .88s; -webkit-transition: opacity .56s.88s,transform .56s .88s; }

.banner-box .slides li.flex-active-slide .word .title { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .56s 1s; -webkit-transition: .56s 1s; }
.banner-box .slides li.flex-active-slide .word .abstracts { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .56s 1.3s; -webkit-transition: .56s 1.3s; }
.banner-box .slides li.flex-active-slide .word .more { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: opacity .56s 1.6s,transform .56s 1.6s; -webkit-transition: opacity .56s 1.6s,transform .56s 1.6s; }

.banner-box .slides li .word { position: absolute; width: 100%; z-index: 50; bottom: 200px; left: 0; text-align: left; }
.banner-box .slides li .word .more { display: block; overflow: hidden; margin: 0px auto 0; transition: color .45s,background-color .45s; -webkit-transition: color .45s,background-color .45s; color: #fff; width: 125px; height: 39px; border: 1px solid #fff; border-radius: 4px; line-height: 39px; position: relative; transform: translateX(40px); -webkit-transform: translateX(40px); opacity: 0; position: absolute;bottom: 0;right: 10%;text-align: center;cursor: pointer;}

.banner-box .slides li .word .title { color: #f08200; font-size: 60px; line-height: 1.2; width: 90%; margin: 0 auto; opacity: 0;  transform: translateX(40px); -webkit-transform: translateX(40px); }
.banner-box .slides li .word .abstracts { font-size: 30px; color: #fff; line-height: 1.2; margin-top: 30px; margin-bottom: 70px; width: 90%; margin: 30px 5% 0;opacity: 0;  transform: translateX(40px); -webkit-transform: translateX(40px); width: 860px;}

.banner-box .slides li:nth-child(1) .word .abstracts { margin: 30px auto 0;opacity: 0;  transform: translateX(40px); -webkit-transform: translateX(40px); width: 880px;}
.banner-box .slides li:nth-child(1) .word .more { display: block; overflow: hidden; margin: 60px auto 0; transition: color .45s,background-color .45s; -webkit-transition: color .45s,background-color .45s; position: relative; transform: translateX(40px); -webkit-transform: translateX(40px); opacity: 0; margin: 60px auto 0;}
.banner-box .slides li:nth-child(1) .word { position: absolute; width: 100%; height: 100%; z-index: 50; top: 0; left: 0; text-align: center; }
.banner-box .slides li:nth-child(1) .word .title{transform: translateY(40px); -webkit-transform: translateY(40px);}
.banner-box .slides li:nth-child(1) .word .abstracts{ font-size: 22px; transform: translateY(40px); -webkit-transform: translateY(40px); }
.banner-box .slides li:nth-child(1) .word .more{ transform: translateY(40px); -webkit-transform: translateY(40px);margin: 60px auto 0; right: 0%;}

.banner-box .slides li .word .more:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(240, 130, 0, 0.8); top: 0; left: 0; transform: scaleY(0); -webkit-transform: scaleY(0); z-index: -1; transition: .45s; -webkit-transition: .45s; }
.banner-box .slides li .word .more:hover { color: #fff; border-color: rgba(240, 130, 0, 0.8); }
.banner-box .slides li .word .more:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.banner-box .flex-control-nav { bottom: 20px; z-index: 20; text-align: center; }
.banner-box .flex-control-nav li:nth-child(1) { margin-left: 35px; }
.banner-box .flex-control-nav li a { width: 50px; height: 7px; border-radius: 0; background-color: rgba(248, 248, 248, 0.5); }
.banner-box .flex-control-nav li a.flex-active { background-color: #f8f8f8; }
.banner-box .bimg { display: block; position: relative; }

@-webkit-keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
@keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
.homepage { padding: 60px 0; background-color: #e9e9e9; }
.homepage .title { text-align: center; font-weight: normal; font-size: 24px; color: #000; line-height: 1.2; }
.homepage .timg { display: block; width: 100%; transition: .56s;-webkit-transition: .56s;}
/*.homepage .timg.target { transform: translateY(80px); -webkit-transform: translateY(80px); transition: .66s .3s; -webkit-transition: .66s .3s; opacity: 0; }*/
#detailImg{overflow: hidden;margin-top: 35px;}
#detailImg:hover .timg{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.homepage .timg.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.homepage .additive { margin-top: 45px; width: 1020px; margin-left: -10px; padding-bottom: 42px; }
.homepage .additive.target { transform: translateY(80px); -webkit-transform: translateY(80px); transition: .66s .3s; -webkit-transition: .66s .3s; opacity: 0; }
.homepage .additive.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.homepage .additive .slick-dots { bottom: -5px; }
.homepage .additive .slick-dots li { width: 30px; height: 12px; background-color: #a0a0a0; border-radius: 6px; transition: .45s; -webkit-transition: .45s; }
.homepage .additive .slick-dots li.slick-active { width: 42px; background-color: #f79a2d; }
.homepage .additive .slick-prev, .homepage .additive .slick-next { width: 30px; height: 40px; z-index: 25; background-color: #aeaeae; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; top: 50%; margin-top: -20px; }
.homepage .additive .slick-prev:hover, .homepage .additive .slick-next:hover { background-color: #e88200; }
.homepage .additive .slick-prev { background-image: url(../images/arrow_1.png); left: -35px; }
.homepage .additive .slick-next { background-image: url(../images/arrow_2.png); right: -35px; }
.homepage .additive .img { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.homepage .additive .items { margin: 0px 10px; }
.homepage .additive .link { display: block; }
.homepage .additive .link:hover .word:before { left: 0; width: 100%; }
.homepage .additive .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.homepage .additive .link:hover .con { color: #3f3e3e; }
.homepage .additive .link:hover .figure:before { opacity: 1; visibility: visible; }
.homepage .additive .figure { overflow: hidden; position: relative; }
.homepage .additive .figure:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: .56s; -webkit-transition: .56s; z-index: 20; }
.homepage .additive .word { padding: 25px; position: relative; background-color: #fff; }
.homepage .additive .word:before { content: ""; display: block; position: absolute; height: 4px; width: 0%; background-color: #f79a2d; top: 0; right: 0; transition: .45s; -webkit-transition: .45s; }
.homepage .additive .title { color: #e88200; text-align: left; font-weight: normal !important; font-size: 24px;height: 56px;overflow: hidden;text-overflow: ellipsis;}
.homepage .additive .con { text-align: justify; color: #646464; line-height: 1.5; margin-top: 20px; height: 42px;overflow: hidden;}
.homepage .additive .more { display: inline-block; margin-top: 40px; color: #969696; font-size: 12px; position: relative; }
.homepage .additive .more:hover { color: #e88200; }
.homepage .additive .more:hover:before { width: 100%; left: 0; }
.homepage .additive .more:before { content: ""; display: block; position: absolute; bottom: 0; right: 0; height: 1px; background-color: #e88200; transition: .45s; -webkit-transition: .45s; width: 0; }
.homepage .letters { margin-top: 45px; }
.homepage .letters .figure { overflow: hidden; height: 320px; position: relative; }
.homepage .letters .figure .bot { position: absolute; bottom: 10px; left: 30px; right: 30px; color: #fff; font-size: 16px; overflow: hidden; max-height: 56px; }
.homepage .letters .activity { width: 320px; float: left; }
.homepage .letters .activity.target { transform: translateY(60px); -webkit-transform: translateY(60px); transition: .66s .3s; -webkit-transition: .66s .3s; opacity: 0; }
.homepage .letters .activity.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.homepage .letters .activity .link { display: block; }
.homepage .letters .activity .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.homepage .letters .activity .img { display: block; width: 100%; transition: .36s; -webkit-transition: .36s; }
.homepage .letters .activity .word { padding: 25px; position: relative; background-color: #fff; }
.homepage .letters .activity .con { color: #646464; margin-top: 15px; height: 100px;overflow: hidden;}
.homepage .letters .activity .more { display: inline-block; margin-top: 40px; color: #969696; font-size: 12px; position: relative; }
.homepage .letters .activity .more:hover { color: #e88200; }
.homepage .letters .activity .more:hover:before { width: 100%; left: 0; }
.homepage .letters .activity .more:before { content: ""; display: block; position: absolute; bottom: 0; right: 0; height: 1px; background-color: #e88200; transition: .45s; -webkit-transition: .45s; width: 0; }
.homepage .letters .hnews { float: right; width: 660px; }
.homepage .letters .hnews.target { transform: translateY(60px); -webkit-transform: translateY(60px); transition: .66s .3s; -webkit-transition: .66s .3s; opacity: 0; }
.homepage .letters .hnews.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.homepage .letters .hnews .detail { display: block; position: relative; }
.homepage .letters .hnews .detail:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.homepage .letters .hnews .detail .bot { position: absolute; width: 100%; bottom: 0; left: 0; color: #fff; line-height: 1.2; }
.homepage .letters .hnews .detail .bot .main-news { display: block; padding: 15px 110px 15px 25px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.homepage .letters .hnews .detail .bot time { display: block; position: absolute; top: 16px; right: 25px; font-size: 12px; }
.homepage .letters .hnews .img { display: block; width: 100%; transition: .45s; -webkit-transition: .45s; }
.homepage .letters .hnews .list { padding: 25px; position: relative; background-color: #fff; }
.homepage .letters .hnews .more { display: inline-block; margin-top: 24px; color: #969696; font-size: 12px; position: relative; }
.homepage .letters .hnews .more:hover { color: #e88200; }
.homepage .letters .hnews .more:hover:before { width: 100%; left: 0; }
.homepage .letters .hnews .more:before { content: ""; display: block; position: absolute; bottom: 0; right: 0; height: 1px; background-color: #e88200; transition: .45s; -webkit-transition: .45s; width: 0; }
.homepage .letters .hnews .link { display: block; line-height: 1.5; margin-bottom: 8px; color: #646464; position: relative; padding-right: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.homepage .letters .hnews .link .time { display: block; position: absolute; top: 0; right: 0; font-size: 12px; color: #969696; }
.homepage .letters .hnews .link:hover { color: #f79a2d; }
.homepage .letters .hnews .link:hover .time { color: #f79a2d; }
.homepage .letters .hnews .con { margin-top: 15px; height: 115px;overflow: hidden;}
.homepage .letters .title { font-size: 24px; color: #000; text-align: left; line-height: 1.2; }

.related-links { background-color: #e9e9e9; padding: 30px 0 15px; }
.related-links li { float: left; width: 18.5%; text-align: left; }
.related-links li:nth-child(1) { text-align: left; }
.related-links li:nth-last-child(1) { float: right; width: auto; }
.related-links .link { display: block; color: #646464; }
.related-links .link:nth-child(1) { font-weight: bold; color: #000; margin-bottom: 6px; }
.related-links .link:hover { color: #e88200; }
.related-links .bot { position: relative; margin-top: 70px; }
.related-links .bot .way { display: inline-block; margin-right: 25px; font-size: 12px; }
.related-links .bot .address { position: absolute; right: 0; top: 0; font-size: 12px; }

.copyright { padding: 15px 0; background-color: #e9e9e9; border-top: 1px solid #c8c8c8; font-size: 12px; }
.copyright .design { display: inline-block; color: #6c6c6c; margin-left: 15px; }
.copyright .design:hover { color: #e88200; }

.cooperation { text-align: center; background-color: #e9e9e9; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; line-height: 0; }
.cooperation .link { display: inline-block; position: relative; margin-right: 40px; padding: 31px 0; line-height: 1.8; }
.cooperation .link:nth-last-child(1) { margin-right: 0px; }
.cooperation .link:before { content: ""; display: block; position: absolute; bottom: -3px; right: 0; height: 4px; background-color: #f79a2d; width: 0%; transition: .45s; -webkit-transition: .45s; }
.cooperation .link:hover:before { width: 100%; left: 0; }
.cooperation .link:hover .img { -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: shake 0.5s; animation: shake 0.5s; }
.cooperation .img { display: block; width: 50px; }

.logo { position: fixed; top: 30px; left: 30px; z-index: 8000; overflow: hidden; }
.logo .img { display: block; }
.logo .phone-logo { display: none; }
.logo.active .img { display: none; }
.logo.active .phone-logo { display: block; }

.navMenu { position: fixed; top: 30px; right: 30px; z-index: 10000; }
.navMenu.active .w { color: #000; }
.navMenu.active .navSwitch { background-color: #000; }
.navMenu.active .navSwitch .line { background-color: #fff; }
.navMenu .w { display: block; height: 41px; line-height: 41px; float: left; margin-right: 12px; color: #fff; }
.navMenu .navSwitch { display: block; width: 41px; height: 21px; background-color: #fff; border-radius: 4px; float: left; cursor: pointer; position: relative; padding: 10px 0; transition: background-color .35s; -webkit-transition: background-color .35s; }
.navMenu .navSwitch .line { display: block; width: 23px; height: 3px; background-color: #000; transition: .23s .32s ease-in-out,background-color .35s,transform .32s; -webkit-transition: .23s .32s ease-in-out,background-color .35s,transform .32s; position: absolute; top: 0; bottom: 0; left: 9px; }
.navMenu .navSwitch .top { top: 10px; }
.navMenu .navSwitch .center { top: 19px; opacity: 1; transition: opacity .45s; -webkit-transition: opacity .45s; }
.navMenu .navSwitch .bottom { top: 28px; }
.navMenu.on .navSwitch .top { top: 19px; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: .23s ease-in-out,transform .32s .23s; -webkit-transition: .23s ease-in-out,transform .32s .23s; }
.navMenu.on .navSwitch .bottom { top: 19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: .23s ease-in-out,transform .32s .23s; -webkit-transition: .23s ease-in-out,transform .32s .23s; }
.navMenu.on .navSwitch .center { opacity: 0; }

.navMask { position: fixed; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9999; transition: .45s; -webkit-transition: .45s; }
.navMask.on { opacity: 1; visibility: visible; }
.navMask.on .list li { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.navMask.on .list li:nth-child(1) { transition: .36s 0s; -webkit-transition: .36s 0s; }
.navMask.on .list li:nth-child(2) { transition: .36s .1s; -webkit-transition: .36s .1s; }
.navMask.on .list li:nth-child(3) { transition: .36s .2s; -webkit-transition: .36s .2s; }
.navMask.on .list li:nth-child(4) { transition: .36s .3s; -webkit-transition: .36s .3; }
.navMask.on .list li:nth-child(5) { transition: .36s .4s; -webkit-transition: .36s .4s; }
.navMask.on .list li:nth-child(6) { transition: .36s .5s; -webkit-transition: .36s .5s; }
.navMask.on .list li:nth-child(7) { transition: .36s .6s; -webkit-transition: .36s .6s; }
.navMask .list { position: absolute; right: 40px; top: 150px; }
.navMask .list .link { color: #fff; font-size: 30px; font-family: "微软雅黑"; margin-bottom: 25px; line-height: 1.2; display: block; }
.navMask .list .link:hover { color: #f08200; }
.navMask .list .link.on { color: #f08200; }
.navMask .list li { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; }

@keyframes shake { 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 shake { 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); } }
.pbaner { position: relative; }
.pbaner .figure { overflow: hidden; }
.pbaner .img { display: block; width: 100%; }
.pbaner .img.target.action { visibility: visible !important; -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.pbaner .title { display: block; color: #fff; font-size: 48px; position: absolute; left: 0; bottom: 128px; text-align: center; width: 100%; }
.pbaner .title.target { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; transition: .66s .1s; -webkit-transition: .66s .1s; }
.pbaner .title.target.action { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbaner .con { position: absolute; top: 0; left: 0; text-align: center; width: 90%; height: 100%; padding: 0 5%; }
.pbaner .con .t { font-size: 36px; color: #032322; line-height: 1.5; margin-bottom: 25px; display: block; }
.pbaner .con .t.tcolor { color: #f08300; margin-bottom: 10px; }
.pbaner .con .abstracts { font-size: 18px; margin-bottom: 35px; line-height: 1.5; }
.pbaner .con .time { display: inline-block; padding-left: 32px; background: url(../images/time_ico_1.png) no-repeat scroll left 3px; margin-right: 30px; }
.pbaner .con .share { display: inline-block; padding-right: 31px; background: url(../images/share_ico_1.png) no-repeat scroll right 5px; cursor: pointer; position: relative; }
.pbaner .con .share:hover .share-box { transition: .43s; -webkit-transition: .43s; transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; }

.profile-box { background-color: #e9e9e9; padding: 75px 0 110px; }

.company-slick .img { display: block; width: 100%; }
.company-slick .slick-prev, .company-slick .slick-next { width: 38px; height: 38px; z-index: 25; background-color: #aeaeae; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; top: 50%; margin-top: -19px; }
.company-slick .slick-prev:hover, .company-slick .slick-next:hover { background-color: #e88200; }
.company-slick .slick-prev { background-image: url(../images/arrow_3.png); left: 0px; }
.company-slick .slick-next { background-image: url(../images/arrow_4.png); right: 0px; }

.title-common.learning .title { color: #fff; }
.title-common.learning .company { color: #fff; }
.title-common .title { font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 15px; }
.title-common .company { text-align: center; font-size: 32px; color: #000; line-height: 1.5; }
.title-common .line { display: block; width: 26px; height: 5px; background-color: #a0a0a0; margin: 20px auto 60px; }
.title-common .figure { margin-top: 70px; }
.title-common .figure .img { display: block; max-width: 100%; margin: 0 auto; }

.development-box { background-color: #e9e9e9; padding: 108px 0; }
.development-box.partner-box { background: #e9e9e9 url(../img/50.jpg) no-repeat scroll center center; padding-bottom: 0; background-size: cover; }
.development-box.partner-box .title { color: #fff; }
.development-box.partner-box .company { color: #fff; }
.development-box.partner-box .scientific { padding: 65px 100px; }
.development-box.partner-box .scientific .direction.prev { left: 0; background: #535353 url(../images/arrow_3.png) no-repeat scroll center center; }
.development-box.partner-box .scientific .direction.prev:hover { background-color: #f08300; }
.development-box.partner-box .scientific .direction.next { right: 0; background: #535353 url(../images/arrow_4.png) no-repeat scroll center center; }
.development-box.partner-box .scientific .direction.next:hover { background-color: #f08300; }
.development-box.partner-box .scientific .items .img { display: block; width: 100%; }
.development-box.partner-box .scientific .items .list { margin-left: -2%; }
.development-box.partner-box .scientific .items li { float: left; width: 23%; margin-left: 2%; }
.development-box .detail { padding: 23px 15px 83px; background-color: #fff; }
.development-box .detail .historyNav { text-align: center; border-bottom: 1px solid #e5e5e5; padding: 0 60px; }
.development-box .detail .historyNav .slick-current { color: #f08300; font-size: 28px; }
.development-box .detail .historyNav .slick-current:before { width: 28px !important; }
.development-box .detail .historyNav .slick-list.draggable { padding: 0 !important; }
.development-box .detail .historyNav .item { padding-bottom: 21px; height: 38px; line-height: 38px; transition: .45s; -webkit-transition: .45s; cursor: pointer; position: relative; }
.development-box .detail .historyNav .item:before { content: ""; display: block; position: absolute; width: 0px; height: 4px; background-color: #f08300; bottom: 0px; left: 50%; margin-left: -14px; transition: .56s; -webkit-transition: .56s; z-index: 15; }
.development-box .detail .historyNav .item:hover { color: #f08300; }
.development-box .detail .historyNav .item:hover:before { width: 28px !important; }
.development-box .detail .historyNav .slick-prev, .development-box .detail .historyNav .slick-next { width: 38px; height: 38px; top: 50%; margin-top: -30px; }
.development-box .detail .historyNav .slick-prev:hover, .development-box .detail .historyNav .slick-next:hover { background-color: #f08300; }
.development-box .detail .historyNav .slick-prev { left: 0; background: #aaa url(../images/arrow_3.png) no-repeat scroll center center; }
.development-box .detail .historyNav .slick-next { right: 0; background: #aaa url(../images/arrow_4.png) no-repeat scroll center center; }
.development-box .detail .history { margin-top: 25px; }

.industry-box { padding: 185px 0 200px; }

.base-box { background-color: #e9e9e9; padding-bottom: 80px; }
.base-box .control { position: relative; top: -46px; }
.base-box .control .prev, .base-box .control .next { width: 38px; height: 38px; z-index: 25; background-color: #aeaeae; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; top: 50%; display: block; cursor: pointer; margin-top: -19px; position: absolute; }
.base-box .control .prev:hover, .base-box .control .next:hover { background-color: #e88200; }
.base-box .control .prev { background-image: url(../images/arrow_3.png); left: 0px; }
.base-box .control .next { background-image: url(../images/arrow_4.png); right: 0px; }
.base-box .control .number { display: block; height: 92px; background-color: #fff; margin: 0 auto; width: 32px; padding: 0 30px; }
.base-box .control .number .current { text-align: center; display: block; color: #f08300; font-size: 28px; border-bottom: 2px solid #e9e9e9; }
.base-box .control .number .total { display: block; text-align: center; margin: 0 auto; }
.base-box .base .title { color: #323232; font-size: 24px; font-weight: normal; text-align: center; }
.base-box .base .con { padding: 25px 0; text-align: justify; }

@-webkit-keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scaleX(1, 1); transform: scaleX(1, 1); } }
@keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scale(1, 1); transform: scaleX(1, 1); } }
.partners { padding: 60px 0 100px; }
.partners .logo-box ul { margin-left: -2%; }
.partners .logo-box li { float: left; width: 18%; margin-left: 2%; margin-top: 2%; }
.partners .logo-box li .link { display: block; width: 100%; border: 2px solid #fff6ed; }
.partners .logo-box li .link:hover .img { -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: shake 0.5s; animation: shake 0.5s; }
.partners .logo-box li .img { display: block; width: 100%; }
.partners .bot { margin-top: 25px; }

.news-content { background-color: #e9e9e9; padding: 60px 0; }
.news-content .phoneMenu { display: none; position: relative; }
.news-content .phoneMenu .title { display: block; height: 50px; text-align: center; line-height: 50px; border-radius: 8px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.26); background-color: rgba(150, 150, 150, 0.8); color: #fff; font-size: 16px; }
.news-content .phoneMenu ul { border-radius: 8px; background-color: #fff; text-align: center; overflow: hidden; position: absolute; top: 52px; left: 0; z-index: 50; width: 100%; }
.news-content .phoneMenu li { float: left; width: 50%; }
.news-content .phoneMenu .link { height: 50px; line-height: 50px; position: relative; display: block; color: #000; }
.news-content .phoneMenu.on .link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: #999; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.news-content .subMenu { border-bottom: 1px solid #969696; line-height: 0; }
.news-content .subMenu ul { display: inline-block; line-height: 1.8; }
.news-content .subMenu li { float: left; margin-right: 30px; }
.news-content .subMenu li:nth-last-child(1) { margin-right: 0px; }
.news-content .subMenu .link { color: #646464; font-size: 16px; display: block; line-height: 1.2; padding-bottom: 20px; position: relative; }
.news-content .subMenu .link:before { content: ""; display: block; position: absolute; bottom: -1px; right: 0; width: 0%; height: 3px; background-color: #f08300; transition: .56s; -webkit-transition: .56s; }
.news-content .subMenu .link:hover:before { width: 100%; left: 0; }
.news-content .subMenu .link.on:before { width: 100%; left: 0; }
.news-content .detail .figure { overflow: hidden; margin-bottom: 23px; position: relative; }
.news-content .detail .figure:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: .56s; -webkit-transition: .56s; opacity: 0; z-index: 20; }
.news-content .detail .img { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.news-content .detail li { float: left; width: 45%; margin-left: 5%; margin-top: 35px; }
.news-content .detail .c{margin-top: 25px;text-align: justify;}
.news-content .detail ul { margin-left: -5%; }
.news-content .detail .link { display: block; position: relative; padding-bottom: 60px; border-bottom: 1px solid #c9c9c9; }
.news-content .detail .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.news-content .detail .link:hover .con { color: #f08300; }
.news-content .detail .link:hover:after { width: 100%; left: 0; }
.news-content .detail .link:hover .figure:after { opacity: 1; }
.news-content .detail .link:after { content: ""; display: block; position: absolute; bottom: -1px; right: 0; width: 0; height: 2px; background-color: #f08300; transition: .45s; -webkit-transition: .45s; }
.news-content .detail .con { color: #323232; font-size: 18px; line-height: 1.5; text-align: justify; max-height: 54px; min-height: 54px; transition: .36s; -webkit-transition: .36s; overflow: hidden; }
.news-content .detail .time { position: absolute; right: 0; bottom: 18px; color: #969696; font-family: arial; background: url(../images/time_ico_1.png) no-repeat scroll left 2px; padding-left: 32px; }
.news-detail{background-color: #e9e9e9;padding: 0px 0 5px;}
.news-detail .link{display: block;color: #646464;padding: 23px 0;transition: .36s;-webkit-transition: .36s;-moz-transition: .36s;}
.news-detail .link:hover{background-color: #fff;}
.news-detail .link:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.news-detail .link:hover figure:before{opacity: 1;}
.news-detail .link figure{float: left;width: 220px;overflow: hidden;position: relative;}
.news-detail .link figure:before{content: "";display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;transition: .36s;-webkit-transition: .36s;-moz-transition: .36s;z-index: 50;}
.news-detail .link figure img{display: block;width: 100%;transition: .45s;-webkit-transition: .45s;-moz-transition: .45s;}
.news-detail .link .w{float: right;width: 560px;}
.news-detail .link .w .title{position: relative;margin-top: 5px;}
.news-detail .link .w .t{font-size: 16px;color: #323232;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 90px;}
.news-detail .link .w .time{display: block;position: absolute;right: 0;top: -1px;line-height: 1;font-size: 12px;padding: 2px 7px;border-left: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;color: #a0a0a0;}
.news-detail .link .w .des{line-height: 1.3;text-align: justify;margin: 15px 0;overflow: hidden;height: 54px;}
.news-detail .link .w .more{font-size: 12px;color: #f08300;}





.news-content .newspaper .con { text-align: justify; margin-top: 25px; }
.news-content .newspaper .periodical { margin-top: 45px; }
.news-content .newspaper li { background-color: #fff; margin-bottom: 40px; position: relative; }
.news-content .newspaper li:hover .content .number { color: #f08300; }
.news-content .newspaper li:nth-last-child(1) { margin-bottom: 0; }
.news-content .newspaper .figure { width: 260px; float: left; }
.news-content .newspaper .img { display: block; width: 100%; }
.news-content .newspaper .content { width: 540px; position: absolute; height: 100%; right: 0; top: 0; }
.news-content .newspaper .content .word { padding: 40px 30px 0 50px; }
.news-content .newspaper .content .title { text-align: right; }
.news-content .newspaper .content .number { display: block; font-size: 25px; line-height: 2; font-family: "Forum"; transition: .45s; -webkit-transition: .45s; }
.news-content .newspaper .content .c { max-height: 75px; overflow: hidden; }
.news-content .newspaper .content .btn { position: absolute; bottom: 0; display: block; width: 50%; height: 60px; line-height: 60px; text-align: center; color: #323232; cursor: pointer; transition: .45s; -webkit-transition: .45s; }
.news-content .newspaper .content .btn.read { left: 0; background-color: #d6d6d6; }
.news-content .newspaper .content .btn.read:hover { background-color: #f08300; color: #fff; }
.news-content .newspaper .content .btn.download { right: 0; background-color: #b3b3b3; }
.news-content .newspaper .content .btn.download:hover { background-color: #f08300; color: #fff; }
.news-content .newspaper .content .btn-box { position: absolute; bottom: 0; left: 0; width: 100%; }

.pages { text-align: center; line-height: 0; margin-top: 55px; margin-bottom: 55px; }
.pages .pg { display: inline-block; width: 41px; height: 41px; line-height: 41px; background-color: #969696; color: #fff; }
.pages .pg.on { background-color: #f08300;margin-right:5px; }
.pages .pg:hover { background-color: #f08300; }

.read-mask { position: fixed; width: 100%; height: 100%; z-index: 100000; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; opacity: 0; visibility: hidden; transition: .56s; -webkit-transition: .56s; }
.read-mask .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 40px 0; background-color: #fff; }
.read-mask .c { padding: 0px 40px; overflow: auto; width: 560px; height: 410px; }
.read-mask .close-btn { position: absolute; transition: .45s; -webkit-transition: .45s; width: 25px; height: 25px; background: url(../images/close_btn_1.png) no-repeat scroll center center; top: 50%; right: -35px; margin-top: -12px; cursor: pointer; }
.read-mask .close-btn:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.read-mask.on { opacity: 1; visibility: visible; }

.newsDetail { background: #e9e9e9; padding: 55px 0 148px 0; }
.newsDetail .content { position: relative; }
.newsDetail .content img{display: block !important;width: 100% !important;float: none !important;height: auto !important;}
.newsDetail .content table{width: 100%;}
.newsDetail .content .list { position: absolute; top: 0px; right: -86px; }
.newsDetail .content .btn { display: block; width: 56px; height: 56px; background: #8d8d8d; line-height: 56px; text-align: center; margin-bottom: 4px; color: #fff; }
.newsDetail .content .btn:hover { background-color: #f08300; }

.product-box { background-color: #e7e7e7; padding: 60px 0; }
.product-box .title { display: block; float: left; height: 23px; padding: 18px 0; width: 100px; background-color: #b1b1b1; color: #323232; text-align: center; }
.product-box .select { float: left; background-color: #cacaca; position: relative; }
.product-box .select:before { content: ""; display: block; position: absolute; width: 1px; height: 24px; background-color: #000; top: 50%; margin-top: -12px; left: 50%; z-index: 50; }
.product-box select { width: 350px; border: 0; height: 59px; line-height: 18px; padding: 21px 20px; display: block; float: left; background: #cacaca url(../images/arrow_7.png) no-repeat scroll 95% center; position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.product-box select option { background-color: #ddd !important; padding: 15px 0 !important; border-color: transparent !important; outline: none !important; }
.product-box .second:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; margin-top: -12px; background-color: #000; z-index: 20; }
.product-box .list-box { padding: 40px 50px; background-color: #fff; margin-top: 40px; }
.product-box .list-box .tit { font-size: 28px; color: #e88200; line-height: 1.2; }
.product-box .list-box li { width: 22%; margin-left: 3%; float: left; margin-top: 3%; }
.product-box .list-box .list { margin-left: -3%; height: 160px; overflow: hidden; }
.product-box .list-box .list.on { height: 100%; }
.product-box .list-box .figure { overflow: hidden; }
.product-box .list-box .link { display: block; position: relative; color: #fff; overflow: hidden; }
.product-box .list-box .link .pimg { display: block; width: 100%; transition: .46s; -webkit-transition: .46s; }
.product-box .list-box .link .bot { position: absolute; width: 90%; padding: 10px 5%; bottom: 0px; left: 0; transition: .46s; -webkit-transition: .46s; line-height: 1.3; z-index: 20; background-color: rgba(245,151,1,0.6);transition: .56s;-webkit-transition: .56s;}
.product-box .list-box .link:hover .pimg { transform: scale(1.08); -webkit-transform: scale(1.08); }
.product-box .list-box .link:hover .con { height: 100%; }
.product-box .list-box .link:hover .con .c { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: .46s .36s; -webkit-transition: .46s .36s; }
.product-box .list-box .link .con { position: absolute; height: 0%; width: 100%; text-align: center; color: #fff; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); transition: .56s; -webkit-transition: .56s; z-index: 15; }
.product-box .list-box .link .con .c { display: block; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); padding: 5px 5%; }
.product-box .list-box .link:hover .bot{bottom: -100%;}
.product-box .list-box .more-btn { color: #969696; font-size: 12px; display: inline-block; margin-top: 24px; cursor: pointer; padding: 5px 20px 5px 0; position: relative; }
.product-box .list-box .more-btn:before { content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 20px; background: url(../images/arrow_9.png) no-repeat scroll center center; transition: .56s; -webkit-transition: .56s; }
.product-box .list-box .more-btn.on:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

.ebaner { position: relative; overflow: hidden; }
.ebaner .img { display: block; }
.ebaner .word { position: absolute; width: 90%; height: 100%; top: 0; left: 0; color: #fff; text-align: center; padding: 0 5%; }
.ebaner .t { font-size: 36px; font-weight: normal; }
.ebaner .w { font-size: 18px; line-height: 1.3; }

.trace-box { background-color: #e7e7e7; padding: 95px 0; }
.trace-box .trace { margin-left: -2%; margin-top: -2%; }
.trace-box li { width: 31.33%; margin-left: 2%; float: left; margin-top: 2%; }
.trace-box .link { display: block; }
.trace-box .link:hover .con:before { left: 0; width: 100%; }
.trace-box .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.trace-box .link:hover .figure:before { opacity: 1; }
.trace-box .figure { overflow: hidden; position: relative; }
.trace-box .figure:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: .56s; -webkit-transition: .56s; z-index: 20; }
.trace-box .img { display: block; width: 100%; transition: .45s; -webkit-transition: .45s; }
.trace-box .con { background-color: #fff; padding: 18px 24px 24px 35px; position: relative; }
.trace-box .con:before { content: ""; display: block; height: 4px; width: 0%; top: 0; right: 0; background-color: #e88200; position: absolute; transition: .45s; -webkit-transition: .45s; }
.trace-box .zh { font-size: 24px; color: #e88200; font-weight: normal; line-height: 1.3; }
.trace-box .en { color: #646464; }

.contact-box { background-color: #e7e7e7; padding: 60px 0; }
.contact-box .com { padding-left: 62px; position: relative; margin-bottom: 10px; }
.contact-box .com .labelling { display: block; position: absolute; width: 46px; height: 29px; background-color: #979797; color: #fff; top: 0; left: 0; line-height: 29px; text-align: center; }
.contact-box .com.email { margin-top: 20px; }
.contact-box .com .c { color: #000; font-size: 20px; font-weight: normal; font-family: "微软雅黑"; line-height: 1.3; }
.contact-box .ewm{ position: absolute;top: 0;right: 0;}

.academic-box { background-color: #e7e7e7; padding: 50px 0; }
.academic-box .link { display: block; padding-right: 70px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #323232; height: 37px; line-height: 37px; }
.academic-box .link .time { display: block; position: absolute; right: 0; top: 2px; font-size: 12px; color: #646464; }
.academic-box li { position: relative; }
.academic-box li:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: #fff; top: 0; left: 0; transition: .45s; -webkit-transition: .45s; transform: scaleY(0); -webkit-transform: scaleY(0); }
.academic-box li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }

.scientific { white-space: normal; position: relative; background-color: #fff; padding: 65px 100px 110px; }
.scientific .itmes { display: block; width: 100%; }
.scientific .direction { display: block; position: absolute; width: 35px; height: 35px; top: 50%; margin-top: -18px; cursor: pointer; transition: .34s; -webkit-transition: .34s; }
.scientific .direction.prev { left: 0; background: #535353 url(../images/arrow_5.png) no-repeat scroll center center; }
.scientific .direction.prev:hover { background-color: #f08300; }
.scientific .direction.next { right: 0; background: #535353 url(../images/arrow_6.png) no-repeat scroll center center; }
.scientific .direction.next:hover { background-color: #f08300; }
.scientific .color-line { display: block; width: 120px; height: 1px; background-color: #f08300; margin: 0 auto 20px; }
.scientific .num { width: 55px; background-color: #d2d2d2; position: absolute; bottom: 25px; left: 50%; margin-left: -37px; padding: 10px; text-align: center; color: #323232; }
.scientific .curr { display: block; float: left; width: 50%; font-size: 16px; }
.scientific .total { display: block; width: 50%; float: left; font-size: 12px; height: 28px; line-height: 28px; }

.no-pages-box { position: fixed; width: 100%; height: 100%; }
.no-pages-box .img { display: block; width: 100%; }
.no-pages-box .word { text-align: center; margin-top: -40px; }
.no-pages-box .btn { display: inline-block; width: 150px; height: 60px; border-radius: 9px; background-color: #a0a0a0; line-height: 60px; color: #fff; }
.no-pages-box .btn:hover { background-color: #f08300; }
.no-pages-box .btn.backhome { margin-right: 10px; }
.no-pages-box .no-pages-btn { text-align: center; margin-top: 45px; }

.distribution { background-color: #e9e9e9; padding: 70px 0; }
.distribution .con { margin-bottom: 65px; }
.distribution .figure { overflow: hidden; }
.distribution .img { display: block; width: 100%; }

.salary { padding: 170px 0 210px; }
.salary .title { color: #fff; }
.salary .company { color: #fff; }

.job { background-color: #e9e9e9; padding: 60px 0 90px; }
.job .content { height: 75px; overflow: hidden; position: relative; }
.job .more { cursor: pointer; overflow: hidden; position: relative; display: block; width: 175px; height: 53px; color: #fff; background-color: #969696; text-align: center; line-height: 53px; margin: 65px auto 65px; z-index: 1; }
.job .more:before { content: ""; display: block; width: 200%; height: 300%; position: absolute; background-color: #f08200; transform: skew(45deg); -webkit-transform: skew(45deg); top: -100%; left: -250%; z-index: -1; transition: .56s; -webkit-transition: .56s; }
.job .more:hover:before { left: -50%; }
.job .job { padding: 17px 30px 17px 0; cursor: pointer; position: relative; text-align: center; transition: .45s; -webkit-transition: .45s; border-bottom: 1px solid #c9c9c9; }
.job .job:hover { background-color: #fff; }
.job .job:hover:before { opacity: 1; visibility: visible; }
.job .job:before { content: ""; display: block; position: absolute; right: 17px; height: 100%; width: 14px; top: 0; transition: .45s; -webkit-transition: .45s; background: url(../images/close_btn_3.png) no-repeat scroll center center; opacity: 0; visibility: hidden; }
.job .con { color: #323232; transition: .45s; -webkit-transition: .45s; }
.job .con.on { background-color: #fff; color: #323232; border-color: #fff; }
.job .con.on:before { background: url(../images/close_btn_4.png) no-repeat scroll center center; opacity: 1; visibility: visible; }
.job .con.on .close-btn { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.job li:nth-child(1) .job { background-color: #969696; color: #fff; }
.job li:nth-child(1) .job:before { display: none; }
.job .com { display: block; float: left; width: 20%; font-size: 12px; line-height: 1.2; }
.job .detail { padding: 4% 3%; text-align: left; background-color: #d3d3d3; color: #323232; position: relative; }
.job .close-btn { cursor: pointer; display: inline-block; -webkit-transition: .35s; transition: .35s; }
.job .close-btn:hover { color: #f08200; }

.guide-box { padding: 122px 0; }
.guide-box .title { color: #fff; }
.guide-box .company { color: #fff; }

.process-box { background-color: #e9e9e9; padding: 60px 0 130px; }
.process-box .tit { color: #000; font-size: 14px; }
.process-box .detail { margin-bottom: 40px; }
.process-box .detail li { background-color: #fff; text-align: center; padding: 0 50px; margin-top: 6px; }
.process-box .detail .t { line-height: 1.5; padding: 16px 0; border-bottom: 1px solid #dcdcdc; color: #f08300; font-size: 14px; }
.process-box .detail .c { line-height: 1.5; padding: 16px 0; color: #323232; }
.process-box .con { padding: 40px 50px; background-color: #fff; color: #323232; margin-top: 20px; }

.contact-way { position: absolute; bottom: 20px; text-align: center; width: 90%; font-size: 14px; padding: 0 5%; }
.contact-way span { display: inline-block; color: #fff; }
.contact-way span a { display: inline-block; color: #fff; margin-left: 20px; }
.contact-way span.line { display: inline-block; height: 17px; width: 1px; background-color: #fff; position: relative; top: 3px; margin: 0 30px; }

.job-listings { display: block; position: absolute; bottom: 40px; width: 56px; color: #fff; padding-right: 26px; left: 50%; margin-left: -41px; }
.job-listings:before { content: ""; display: block; width: 26px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/arrow_8.png) no-repeat scroll center center; transition: transform .45s; -webkit-transition: transform .45s; }
.job-listings:hover { color: #f08200; }
.job-listings:hover:before { background: url(../images/arrow_88.png) no-repeat scroll center center; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

.share-box { z-index: 50; position: absolute; top: 25px; left: 50%; margin-left: -60px; border: 1px solid #ddd; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: .23s; -webkit-transition: .23s; }
.share-box .share-btn { display: block; width: 120px; padding: 15px 0; background-color: #fff; }
.share-box .share-btn:nth-child(1) { border-bottom: 1px solid #ddd; -webkit-transition: .45s; transition: .45s; }
.share-box .share-btn:nth-child(1):hover { background-color: #d52b2a; }
.share-box .share-btn:nth-child(1):hover .weibo { background: url(../images/share11.png) no-repeat scroll center center; }
.share-box .share-btn:nth-child(1):hover .w { color: #fff; }
.share-box .share-btn:nth-child(2):hover { background-color: #d52b2a; }
.share-box .share-btn:nth-child(2):hover .weixin { background: url(../images/share22.png) no-repeat scroll center center; }
.share-box .share-btn:nth-child(2):hover .w { color: #fff; }
.share-box .ico { display: block; width: 34px; height: 34px; margin: 0 auto; }
.share-box .ico.weixin { background: url(../images/share2.png) no-repeat scroll center center; }
.share-box .ico.weibo { background: url(../images/share1.png) no-repeat scroll center center; }
.share-box .w { font-size: 12px; line-height: 1.2; }

.load-mask{position: fixed;width: 100%;height: 100%;overflow: hidden;text-align: center;z-index: 20000;background-color: #fff;opacity: 0;visibility: hidden;transition: .36s;-webkit-transition: .36s;}
.load-mask.on{opacity: 1;visibility: visible;}
.load-mask .figure{overflow: hidden;display: inline-block;}
.load-mask .figure .limg{display: block;animation: rate 1.2s infinite;-webkit-animation: rate 1.2s infinite;}

@keyframes rate{
	from{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	to{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}
@-webkit-keyframes rate{
	from{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	to{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

.lang{ position: fixed; top: 30px; right: 130px; z-index: 10000; line-height: 41px; }
.lang a{ color: #fff; }
.lang a.act{ color: #f08200 !important; }
.lang.active{ color: #000; }
.lang.active a{ color: #000;  }