@charset "utf-8";
/* 
 * Project Name:四川兴事发集团
 * Author:默默
 * Date:2018-08-07
 */
@font-face {
  font-family: "PFDinTextCompPro-Thin";
  src: url("fonts/PFDinTextCompPro-Thin.woff2") format("woff2"),
       url("fonts/PFDinTextCompPro-Thin.woff") format("woff"),
       url("fonts/PFDinTextCompPro-Thin.ttf") format("truetype"),
       url("fonts/PFDinTextCompPro-Thin.eot") format("embedded-opentype"),
       url("fonts/PFDinTextCompPro-Thin.svg") format("svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #000000; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); overflow-y:visible\9; overscroll-behavior-y: none;}

body::-webkit-scrollbar {
	width: 10px;
	background-color: white
}

body::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: white
}

body::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #131313;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.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 { vertical-align: middle; }
.inner { width:1200px; margin: 0px auto;}

.heaer-box{ position: fixed; width: 100%; left: 0; top: 0; z-index: 100; transition: 0.68s;}
.heaer-box.scoll{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.heaer-box.scoll .logo{ width: 200px;}
.heaer-box.scoll .logo img.show{ opacity: 0; visibility: hidden;}
.heaer-box.scoll .logo img.hide{ opacity: 1; visibility: visible;}
.heaer-box.scoll .navs >li >a{ height: 88px; line-height: 88px; color: #3c3c3c;}
.heaer-box.scoll .navs >li.active >a,.heaer-box.scoll .navs >li:hover >a{ color: #fff;}
.heaer-box.scoll .relation{ margin-top: 5px;}
.heaer-box.scoll .relation .tel{ color: #999999; background: url(../images/tel1.png) left center no-repeat;}


.header{ padding-left: 77px; padding-right: 59px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.2); padding-top: 28px; padding-bottom: 16px;}
.logo{ display: block; float: left; position: relative; width: 268px;}
.logo img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.48s;}
.logo img.hide{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
.navs{ position: absolute; left: 50%; top: 0; margin-left: -440px;}
.navs >li{ float: left; position: relative;}
.navs >li:before{ content: ""; width: 100%; height: 100%; background: #df2128; position: absolute; left: 0; top: 0; -webkit-transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1),-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.navs >li >a{ display: block; height: 102px; line-height: 102px; color: #ffffff; font-size: 18px; width: 110px; text-align: center; position: relative;}
.navs >li:hover:before,.navs >li.active:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.relation{ float: right; margin-top: 15px; transition: 0.4s;}
.relation .tel{ display: block; padding-left: 28px; color: #fff; font-size: 20px; line-height: 24px; background: url(../images/tel.png) left center no-repeat; padding-right: 4px; float: left; transition: 0.4s;}
.relation a{ display: block; float: left; margin-left: 8px; width: 24px; height: 25px;}
.relation a.wechat{ background: #999999 url(../images/weixin.png) center no-repeat;}
.relation a.wechat:hover{ background: #df2128 url(../images/weixin.png) center no-repeat;}
.relation a.QQ{ background: #999999 url(../images/qq.png) center no-repeat;}
.relation a.QQ:hover{ background: #df2128 url(../images/qq.png) center no-repeat;}
.relation a.mailbox{ background: #999999 url(../images/mailbox.png) center no-repeat;}
.relation a.mailbox:hover{ background: #df2128 url(../images/mailbox.png) center no-repeat;}

.navigatie{ position: fixed; right: 0; top: 0; display: none; width: 70px; overflow: hidden; transition: 0.78s cubic-bezier(0.19, 1, 0.22, 1);}
.header.show .navigatie{ width: 310px;}
.header.show .navigatie .navigetewr{ height: 100vh; transition: 0s;}
.header.show .navigatiebg{ opacity: 1; visibility: visible; transition: 0.78s 0.2s;}
.navigatiebg{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: -1; transition: 0.78s 0s; opacity: 0; visibility: hidden;}
.navigetewr{ position: relative; transition:0s 0.78s; height: 100%;}
.menubtn{ width:70px; height:60px; background:#df2128; transition: 0.4s; position:relative; z-index: 20; float: left;}
.menubtn span{ display:block; width:30px; height:3px; background:#fff; margin:auto; margin-top:29px; position:relative; 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;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #fff; -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}
.menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.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}
.menubtn.active span:after,.menubtn.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}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menubox{ float: left; position: absolute; left: 70px; top: 0; width: 240px; background: #f4f4f4; height: 100vh; overflow-y: auto;}
.menulist >li{ border-bottom: 1px solid #dbdbdb;}
.menulist >li >a{ display: block; padding-left: 24px; height: 60px; line-height: 60px; color: #676767; font-size: 18px; position: relative;}
.menulist >li >a:before{ content: ""; width: 13px; height: 7px; position: absolute; right: 20px; top: 50%; margin-top: -3px; background: url(../images/arrow5.png) center no-repeat; opacity: 0; visibility: hidden; transition: 0.38s;}
.menulist >li.on >a{ background: #df2128; color: #fff;}
.menulist >li.on >a:before{ opacity: 1; visibility: visible;}
.menus{ padding: 12px 10px 34px 24px; background: #fff; display: none;}

.menus li a{ display: inline-block; line-height: 2.4; color: #707070; font-size: 14px;}
.menusdown{ background: #f3f3f3; position: absolute; width: 100%; left: 0; top: 100%; height: 320px; z-index: 99; text-align: center; height: 0; overflow: hidden; opacity: 0;}
.menuewr{ display: inline-block; margin: auto;}
.menuinfo{ position:absolute; left: 0; top: 100%; padding-top: 26px; width: 100%; padding-bottom: 22px; z-index: 2; visibility: hidden; transition: 0.45s; opacity: 0;}
.menuinfo:before{ content: ""; width: 0%; height: 100%;  background: #fff; filter:alpha(opacity=80); background: rgba(255,255,255,0.8); position: absolute; left: 50%; top: 0; transition: 0.34s; z-index: -1;}
.menuinfo li{ margin-bottom: 4px; text-align: center;}
.menuinfo li a{ display: inline-block; margin: auto; color: #5d5d5d; font-size: 14px;}
.menuinfo li a:hover{ color: #df2128;}
.navs >li:hover .menuinfo{ opacity: 1; visibility: visible;}
.navs >li:hover .menuinfo:before{ width: 100%; left: 0;}

.banner-box{ position: relative; overflow: hidden; width: 100vw;}
.banner{ position: relative; overflow: hidden;}
.item{ float: left; overflow: hidden;}
.item figure{ position: relative; display: block; width: 100%; height: auto; line-height: 0; overflow: hidden;}
.item figure img{ display: block; position: relative;}

.banner .item.slick-current{ z-index: 4 !important; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}
.banner .item.slick-current figure{ -webkit-animation: increaseHeight 1.5s cubic-bezier(.165,.84,.44,1) forwards; animation: increaseHeight 1.5s cubic-bezier(.165,.84,.44,1) forwards; -moz-animation: increaseHeight 1.5s cubic-bezier(.165,.84,.44,1) forwards; -o-animation: increaseHeight 1.5s cubic-bezier(.165,.84,.44,1) forwards;}
.banner .item{ -webkit-animation: hide 1.5s cubic-bezier(.165,.84,.44,1) forwards; animation: hide 1.5s cubic-bezier(.165,.84,.44,1) forwards; -moz-animation: hide 1.5s cubic-bezier(.165,.84,.44,1) forwards; -o-animation: hide 1.5s cubic-bezier(.165,.84,.44,1) forwards; z-index: 3 !important;}
.banner .item figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}

.slick-list { overflow: hidden; width: 100%; height: 100%; }
.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;}

@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		width: 0;
	}
}

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

@keyframes show {
	0% {
		opacity: 0;
	}
	1%,100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes hide {
	0%,99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes increaseHeight {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
.btextbox{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -87px; text-align: center; z-index: 30;}
.boxtitle{ text-align: center;}
.binfo{ position: relative; height: 147px; overflow: hidden;}
.boxtitle{ width: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 0s;}
.boxtitle.show{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.58s cubic-bezier(.165,.84,.44,1);}
.boxtitle.show small{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.54s cubic-bezier(.165,.84,.44,1); -webkit-transition: 0.54s cubic-bezier(.165,.84,.44,1); -moz-transition: 0.54s cubic-bezier(.165,.84,.44,1);}
.boxtitle.show h3{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.54s 0.2s cubic-bezier(.165,.84,.44,1); -webkit-transition: 0.54s 0.2s cubic-bezier(.165,.84,.44,1); -moz-transition: 0.54s 0.2s cubic-bezier(.165,.84,.44,1);}
.boxtitle small{ display: block; text-align: center; line-height: 1; color: #ffffff; font-size: 18px; font-family: arial; text-transform: uppercase; margin-bottom: 16px; transform: translateY(38px); -webkit-transform: translateY(38px); -moz-transform: translateY(38px); opacity: 0; visibility: hidden;}
.boxtitle h3{ text-align: center; line-height: 1.2; color: #fff; font-size: 64px; font-weight: bold; transform: translateY(38px); -webkit-transform: translateY(38px); -moz-transform: translateY(38px); opacity: 0; visibility: hidden;}
.propaganda{ text-align: center; position: absolute; right: 0; bottom: 2%; z-index: 1000;}
.propaganda span{ display: inline-block; margin: auto; padding-left: 21px; padding-right: 50px; height: 46px; line-height: 46px; cursor: pointer; color: #fff; font-size: 13px; border: 1px solid #df2128; background: #e18284 url(../images/video.png) 111px center no-repeat; transition: 0.48s;}
.propaganda span:hover{ background: #df2128 url(../images/video.png) 111px center no-repeat;}
video{ object-fit: cover !important;}
.vbBox{ height: 100%; width:100vw; left:0; top:0; position:absolute; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index:5;}
.jwplayer{ opacity:0; height:100% !important;}
.jwlogo{ display: none !important;}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.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: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100% !important; }
.vwrap .closes { z-index: 999; width: 23px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .closes i { display: block; width: 24px; height: 24px; background: url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .closes:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat !important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none !important; }
.banner .slick-dots{ z-index: 30; position: absolute; right: 45px; top: 50%; margin-top: -37px; text-align: center;}
.banner .slick-dots li{ display: block; margin: 18px 0; line-height: 0; overflow: hidden;}
.banner .slick-dots li button{ width: 10px; height: 10px; background: #fff; border: none; padding: 0; margin: 0; outline: none; cursor: pointer; transition: 0.4s; border-radius: 50%; text-indent: 9999px; overflow: hidden;}
.banner .slick-dots li.slick-active button{ background: #df2128;}
.scorll{ position: absolute; left: 50%; z-index: 30; bottom: 50px; margin-left: -24px; cursor: pointer;}
.scorll span{ display: block; padding-top: 30px; line-height: 1; color: #fff; font-size: 12px; font-family: arial; text-transform: uppercase; text-align: center; position: relative;}
.scorll span:before{ content: ""; width: 31px; height: 16px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 50%; margin-left: -15px; top: 0; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 0;
	}
	to{
		opacity: 0;
		top: 8px;
	}
}

.business-box{ position: relative; height: 100vh; overflow: hidden; width: 100vw;}
.commonbg{ height: 100%; overflow: hidden;}
.commonbg img{ position: relative;}
.business{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -221px;}
.businetop{ margin-bottom: 86px;}
.businetop h2{ color: #504f4f; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.2; margin-bottom: 32px; opacity: 0; visibility: hidden; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); transition: 0.56s;}
.businetop p{ text-align: center; margin: auto; width: 790px; color: #5c5c5c; font-size: 15px; line-height: 1.4; opacity: 0; visibility: hidden; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); transition: 0.54s;}
.businessli li{ float: left; width: 22.5%; margin-left: 3.33333%; position: relative; opacity: 0; visibility: hidden; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); transition: 0.54s;}
.businessli li:before{ content: ""; width: 100%; height: 2px; background: #df2128; position: absolute; left: 0; top: 0; transform-origin: left top; transition: 0.4s; visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0);}
.businessli li:after{ content: ""; width: 2px; height: 100%; background: #df2128; position: absolute; right: 0; top: 0; transform-origin: right top; transition: 0.4s; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0);}
.businessli li a:before{ content: ""; width: 100%; height: 2px; background: #df2128; position: absolute; right: 0; bottom: 0; transform-origin: right top; transition: 0.4s; visibility: hidden; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0);}
.businessli li a:after{ content: ""; width: 2px; height: 100%; background: #df2128; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transition: 0.4s; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0);}

.businessbann{ width: 100%; height: 100%; position: absolute; left: 0;}
.businessin{ position: absolute; left: 0; top: 0; background-size: cover; width: 100%; height: 100%; background-position: center top; transition: 1.2s; opacity: 0; visibility: visible;}
.businessin.active{ opacity: 1; visibility: visible; transition: 1.5s;}

.businessli li:first-child{ margin-left: 0;}
.businessli li a{ display: block; border: 1px solid #98b3cb; padding: 38px 16px 0; text-align: center; background: #fff; filter:alpha(opacity=80); background: rgba(255,255,255,0.8); transition: 0.68s;}
.businessli li a b{ display: block; width: 52px; height: 40px; position: relative; text-align: center; overflow: hidden; margin: auto;}
.businessli li a b img{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}
.businessli li a strong{ display: block; text-align: center; line-height: 1; color: #df2128; font-size: 16px; margin-top: 36px; margin-bottom: 23px;}
.businessli li a span{ display: block; color: #929292; font-size: 13px; line-height: 1.4; height: 72px; overflow:hidden; margin-bottom:20px; text-align: center;}
.businessli li:hover a{ background: #fff; border-color: #fff;}
.businessli li:hover:before{ visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 0.4s 0s;}
.businessli li:hover:after{ visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 0.4s 0.3s;}
.businessli li:hover a:before{ visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 0.4s 0.6s;}
.businessli li:hover a:after{ visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 0.4s 0.9s;}

.news-box{ position: relative; height: 100vh; overflow: hidden; width: 100vw;}
.news{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -240px;}
.informate{ float: left; width: 48.91666%;}
.intitle{ display: block; color: #ffffff; font-size: 30px; line-height: 1; margin-bottom: 28px; opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); transition: 0.54s;}
.inbann{ position: relative; opacity: 0; visibility: hidden; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); transition: 0.5s;}
.inbann .items{ float: left; line-height: 1; position: relative; overflow: hidden;}
.inbann .items img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.68s;}
.inbann .items span{ display: block; color: #ffffff; font-size: 16px; font-weight: bold; width: 100%; position: absolute; left: 0; bottom: 0; height: 72px; line-height: 72px; z-index: 4; background: #000; filter:alpha(opacity=80); background: rgba(0,0,0,0.8); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 20px;}
.inbann .slick-arrow{ border: none; padding: 0; margin: 0; width: 34px; height: 34px; z-index: 10; text-indent: 9999px; overflow: hidden; border: none; cursor: pointer; outline: none; position: absolute; top: 50%; margin-top: -17px; transition: 0.44s;} 
.inbann .slick-arrow.slick-prev{ left: 0; background: rgba(255,255,255,0.5) url(../images/prev.png) center no-repeat;}
.inbann .slick-arrow.slick-next{ right: 0; background: rgba(255,255,255,0.5) url(../images/next.png) center no-repeat;}
.inbann .slick-arrow.slick-prev:hover{ background: #df2128 url(../images/prev.png) center no-repeat;}
.inbann .slick-arrow.slick-next:hover{ background: #df2128 url(../images/next.png) center no-repeat;}
.inbann .items:hover img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.newslist{ width: 48.3333%; float: right; padding-top: 5px;}
.newstop{ text-align: right; padding-bottom: 19px; opacity: 0; visibility: visible; transform: translateY(56px); -webkit-transform: translateY(56px); -moz-transform: translateY(56px); transition: 0.45s;}
.newswr{ float: right;}
.newstop a{ display: inline-block; margin-right: 6px; line-height: 22px; float: left; color: #fff; font-size: 12px; position: relative;}
.newstop a:before{ content: ""; width: 0%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transition: 0.38s;}
.newstop a:hover:before{ width: 100%;}
.newstop span{ cursor: pointer; transition: 0.4s; display: block; width: 28px; height: 22px; float: left; margin-left: 3px;}
.newstop span.nprev{ background: #fff url(../images/arrow2.png) center no-repeat;}
.newstop span.nnext{ background: #fff url(../images/arrow3.png) center no-repeat;}
.newstop span.nprev:hover{ background: #df2128 url(../images/arrow4.png) center no-repeat;}
.newstop span.nnext:hover{ background: #df2128 url(../images/arrow5.png) center no-repeat;}
.newsli{ overflow: hidden;}
.swiper-container{ height: 435px; opacity: 0; visibility: hidden; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); transition: 0.54s;}
.newsli .swiper-slide a{ display: block; margin: 11px 0; padding: 18px 22px 28px; position: relative; background: #fff; border: 1px solid #546e8a;}
.newsli .swiper-slide a:before{ content: ""; width: 100%; height: 4px; background: #df2128; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .8s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .8s cubic-bezier(.215,.61,.355,1); transition:transform .8s cubic-bezier(.215,.61,.355,1); transition:transform .8s cubic-bezier(.215,.61,.355,1),-webkit-transform .8s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newsli .swiper-slide a h3{ line-height: 1.2; color: #504f4f; font-size: 16px; font-weight: normal; margin-bottom: 12px; transition: 0.38s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsli .swiper-slide a p{ color: #666666; font-size: 14px; height: 50px; overflow: hidden;}
.newsli .swiper-slide a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.newsli .swiper-slide a:hover h3{ color: #df2128;}
.iphonebg{ display: none;}

.about-box{ position: relative; height: 100vh; width: 100vw; overflow: hidden;}
.about{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -275px;}
.abouttitle{ margin-bottom: 60px; opacity: 0; visibility: hidden; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); transition: 0.48s;}
.abouttitle h3{ color: #504f4f; font-size: 30px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 12px;}
.abouttitle small{ display: block; line-height: 1; text-align: center; color: #504f4f; font-size: 18px; font-family: arial; text-transform: uppercase;}
.aboutinfo{ width: 25%; float: left; position: relative; padding: 66px 0 68px; text-align: center; background: #fff; filter:alpha(opacity=50); background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; margin-left: -1px; opacity: 0; visibility: hidden; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); transition: 0.58s;}
.aboutinfo:first-child:before{ display: none;}
.aboutwr{ display: inline-block; margin: auto;}
.aboutinfo p{ color: #5c5c5c; font-size: 14px; text-align: left; line-height: 1;}
.aboutinfo p b{ display: inline-block; margin-right: 10px; color: #df2128; font-size: 60px; font-family: arial; font-weight: normal;}
.aboutinfo span{ margin-left:6px; display: block; line-height: 1; text-align: left; color: #5c5c5c; font-size: 14px; margin-top: 16px;}
.aboutdown{ margin-top: 56px; opacity: 0; visibility: hidden; transform: translateY(45px); -webkit-transform: translateY(45px); -moz-transform: translateY(45px); transition: 0.5s;}
.abouts{ height: 92px;}
.abouts p{ width: 790px; margin: auto; text-align: center; color: #5c5c5c; font-size: 15px;}
.sure{ text-align: center;}
.sure a{ display: block; padding-left: 27px; width: 150px; height: 50px; line-height: 50px; border: 1px solid #5c5c5c; color: #5c5c5c; font-size: 12px; position: relative; z-index: 5; text-align: left; margin: auto; overflow: hidden;}
.sure a:before{ content: ""; width: 23px; height: 7px; background: url(../images/arrow6.png) center no-repeat; position: absolute; right: 28px; top: 50%; margin-top: -3px; z-index: 3; transition: 0.35s;}
.sure a:after{ content: ""; width: 150%; height: 100%; position: absolute; left: -150%; top: 0; background: #df2128; z-index: -1; opacity: 0; visibility: hidden; transform: skewX(-35deg); -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); transition: 0.58s;}
.sure a:hover{ border-color: #df2128; color: #fff;}
.sure a:hover:after{ left: -25%; opacity: 1; visibility: visible;}
.sure a:hover:before{ background: url(../images/arrow9.png) center no-repeat; right: 24px;}

.about-box .scorll span{ color: #5c5c5c;}
.about-box .scorll span:before{ background: url(../images/arrow7.png) center no-repeat;}

.footer-box{ background: #444444; width: 100vw;}
.footer{ padding: 50px 0 40px;}
.footernav{ float: left; margin-top: 7px;}
.rowinfo{ display: block; float: left; width: 150px;}
.rowinfo:last-child{ width: auto;}
.rowinfo dt{ display: block; line-height: 1; margin-bottom: 22px;}
.rowinfo dt a{ display: inline-block; color: #fff; font-size: 18px; font-weight: bold;}
.rowinfo dt a:hover{ color: #e18285;}
.rowinfo dd{ display: block;}
.rowin{ margin-bottom: 8px;}
.rowin a{ display: inline-block; color: #fff; font-size: 14px; position: relative;}
.rowin a:before{ content: ""; width: 4px; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; width: 0; transition: 0.32s;}
.rowin a:hover{ padding-left: 8px;}
.rowin a:hover:before{ width: 4px;}
.linkbox{ float: right;}
.linkfix{ position: relative; margin-bottom: 36px; z-index: 5;}
.linkfix span{ display: block; position: relative; padding-left: 9px; width: 267px; height: 38px; line-height: 38px; color: #666666; font-size: 12px; cursor: pointer; background: #fff;}
.linkfix span:before{ content: ""; width: 9px; height: 7px; position: absolute; right: 14px; top: 50%; margin-top: -3px; background: url(../images/arrow8.png) center no-repeat; transition: 0.34s;}
.linkfix.show span:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.likedonwed{ width: 100%; background: #fff; z-index: 3; position: absolute; left: 0; top: 38px; display: none;}
.likedonwed li{ border-top: 1px solid #444444;}
.likedonwed li a{ display: block; height: 38px; line-height: 38px; color: #666666; padding-left: 9px; background: #fff;}
.likedonwed li a:hover{ color: #df2128;}
.eqs{ margin-left: 54px; position: relative; z-index: 2;}
.eqs img{ display: block; width: 77px; background: #fff; padding: 10px 9px; float: left;}
.eqfix{ float: left; margin-left: 15px; margin-top: 24px;}
.eqfix span{ display: block; color: #fff; font-size: 14px; line-height: 2;}
.copyright{ background: #212121; padding: 15px 0;}
.copes{ line-height: 28px;}
.copes p{ float: left; color: #fff; font-size: 13px; opacity: 0.9; filter:alpha(opacity=90);}
.copes p img{ vertical-align: middle; position: relative; margin-left: 5px; top: -2px;}
.copes a{ display: inline-block; margin-left: 20px; float: left; color: #fff; font-size: 13px; opacity: 0.9; filter:alpha(opacity=90);}
.copes a:hover{ opacity: 1; filter:alpha(opacity=100);}

.wrapper { position:fixed; bottom: 0; left: 0; width:100%; height:100%; }
.pagewr{ position: relative; }
.wrapper .page{ overflow: hidden; z-index: 5;  height: 100%; overflow:hidden;}
.wrapper .page1,.wrapper .page2,.wrapper .page3,.wrapper .page4,.wrapper .page5{ top: 0;}
.wrapper .page5{ height: auto !important; width: 100% !important; position: relative !important;}
.wrapper .page.prevs{ z-index: 6;}
.wrapper .page.active{ height: 100%; position: relative; visibility: visible; z-index:4;}
.wrapper .page.odd{ z-index: 5; width: 100%;}
.wrapper .page.odd.prevs{ z-index: 6;}
.wrapper .page.odd.active{ z-index: 8; width: 100%;}
.nav-panel{ position: fixed; left: 79px; top: 50%; margin-top: -81px; z-index: 30;}
.nav-panel:before{ content: ""; width: 2px; position: absolute; left: 7px; top: 5px; bottom: 5px; background: #bbbbbb;}
.navrt li{ padding-top: 33px; position: relative;}
.navrt li:first-child{ padding-top: 0;}
.navrt li b{ display: block; width: 16px; height: 16px; position: relative; border-radius: 50%; transition: 0.4s;}
.navrt li b:before{ content: ""; width: 6px; height: 6px; background: #df2128; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px;}
.navrt li b:after{ content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #df2128; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 0.35s;}
.navrt li i{ display: block; width: 2px; height: 50px; position: absolute; left: 7px; top: -5px; background: #df2128;-webkit-transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .54s cubic-bezier(.215,.61,.355,1),-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.navrt li:first-child i{ display: none;}
.navrt li span{ display: block; width: 92px; height: 34px; line-height: 34px; text-align: center; background: #df2128; color: #fff; font-size: 12px; font-family: arial; text-transform: uppercase; border-radius: 2px; position: absolute; left: 29px; bottom: -9px; opacity: 0; visibility: visible; transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transition: 0.43s;}
.navrt li span:before{  content:""; width:0; height:0; border-top:5px solid transparent;  border-bottom: 5px solid transparent; border-right: 4px solid #df2128; position:absolute; left:-4px; top:50%; margin-top: -4px;}

.navrt li.active b{ background: #fff;}
.navrt li.active b:after{ opacity: 1; visibility: visible;}
.navrt li.active i{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.navrt li.active span{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}
.wrapper .page2.active .businetop h2,.wrapper .page2.active .businetop p{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.56s 0.2s;}
.wrapper .page2.active .businetop p{ transition-delay: 0.4s;}
.wrapper .page2.active .businessli li{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.6s 0.35s;}
.wrapper .page2.active .businessli li:nth-child(2){ transition-delay: 0.5s;}
.wrapper .page2.active .businessli li:nth-child(3){ transition-delay: 0.65s;}
.wrapper .page2.active .businessli li:nth-child(4){ transition-delay: 0.8s;}

.wrapper .page3.active .intitle{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.58s 0.38s;}
.wrapper .page3.active .inbann{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.6s 0.42s;}
.wrapper .page3.active .newstop{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.65s 0.5s;}
.wrapper .page3.active .swiper-container{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.65s 0.68s;}
.wrapper .page4.active .abouttitle{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.54s 0.2s;}
.wrapper .page4.active .aboutinfo{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.52s 0.44s;}
.wrapper .page4.active .aboutinfo:nth-child(2){ transition-delay: 0.6s;}
.wrapper .page4.active .aboutinfo:nth-child(3){ transition-delay: 0.8s;}
.wrapper .page4.active .aboutinfo:nth-child(4){ transition-delay: 1s;}
.wrapper .page4.active .aboutdown{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.54s 1.2s;}

/*about*/
.pbanner{ position: relative; overflow: hidden;}
.pbanner figure{ display: block; line-height: 1; overflow: hidden;}
.pbanner figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.pbannerwr{ position: relative;}
.ptext{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -54px; text-align: center;}
.ptext small{ display: block; text-align: center; color: #fff; line-height: 1; font-size: 18px; font-family: arial; margin-bottom: 26px;} 
.ptext h3{ text-align: center; line-height: 1; color: #ffffff; font-size: 64px;}
.levalmenu{ position: absolute; left: 50%; margin-left: -600px; bottom: 0; z-index: 6; text-align: center; line-height: 0;}
.menufix{ display: inline-block; margin: auto;}
.menufix li{ float: left; margin-left: 1px;}
.menufix li:first-child{ margin-left: 0;}
.menufix li a{ display: block; width: 149px; height: 60px; line-height: 60px; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; background: #df2128; filter:alpha(opacity=90); background: rgba(223,33,40,0.9);} 
.menufix li:hover a,.menufix li.active a{ background: #fff; color: #3c3c3c;}
.introduct-box{ padding: 70px 0;}
.intrott{ margin-bottom: 46px;}
.intrott h3{ line-height: 1; color: #676767; font-size: 35px; font-weight: bold; margin-bottom: 10px;}
.intrott small{ display: block; line-height: 1; color: #676767; font-size: 14px; font-family: arial; text-transform: uppercase;;}
.introducts p,.introducts a{ color: #676767; font-size: 16px;}
.introducts img{ max-width: 100%; width: auto !important; height: auto !important;}

.region{ padding: 70px 0 54px; text-align: center;}
.regionli{ display: inline-block; margin: auto;}
.regionli li{ float: left; padding: 0 22px; position: relative;}
.regionli li:before{ content: ""; width: 2px; height: 12px; background: #d9d9d9; position: absolute; right: 0; top: 2px;}
.regionli li:last-child:before{ display: none;}
.regionli li a{ display: block; line-height: 1; min-width: 62px; text-align: center; color: #3c3c3c; font-size: 16px; font-weight: bold; padding-bottom: 16px; position: relative;}
.regionli li a:before{ content: ""; width: 100%; height: 4px; background: #df2128; position: absolute; left: 0; bottom: 0; width: 0; transition: 0.38s;}
.regionli li.active a:before,.regionli li a:hover:before{ width: 100%;}
.regionli li.active a,.regionli li a:hover{ color: #df2128;}
.honor-box{ padding: 66px 0 150px; background-attachment: fixed; background-size: cover; background-position: center;}
.honor-list{ width: 1140px; margin: auto;}
.honor-list li{ width: 33.33333%; float: left; margin-bottom: 82px;}
.honor-list li figure{ display: block; margin: 0 20px;}
.honorimg{ display: block; background: none; border: 3px solid #fff; overflow: hidden;}
.honorimg img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.honor-list li span{ display: block; text-align: center; line-height: 1; color: #707070; font-size: 16px; margin-top: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.honor-list li figure:hover .honorimg img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.honor-list li figure:hover span{ color: #df2128;}
.pages{ text-align: center;}
.pages a,.pages span{ display: inline-block; margin: 0 10px; width: 42px; height: 40px; border: 1px solid #787878; color: #666666; font-size: 16px; text-align: center; line-height: 40px;}
.pages a.pageprev{ width: 70px;}
.pages span,.pages a:hover{ background: #df2128; border-color: #df2128; color: #fff;}

.speed-box{ padding: 78px 0; background-attachment: fixed; background-position: center; background-size: cover;}
.speed h3{ line-height: 1; color: #3c3c3c; font-size: 30px; font-weight: bold; margin-bottom: 38px;}
.speedtext p{ color: #3c3c3c; font-size: 16px;}
.autograph{ text-align: right; margin-top: 60px;}
.autograph p{ display: inline-block; color: #3c3c3c; font-size: 16px; vertical-align: middle; line-height: 1; margin-right: 8px;}
.autograph img{ display: inline-block; height: 118px; vertical-align: middle;}

.leadership{ padding: 100px 0 178px; background-attachment: fixed; background-position: center; background-size: cover;}
.leader{ width: 1110px; margin: auto; position: relative;}
.litem{ float: left;}
.litem a{ display: block; margin: 0 15px; cursor: pointer;}
.litem figure{ display: block; line-height: 1; overflow: hidden;}
.litem figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.leaderdown{ padding: 22px 30px 24px; background: #fff; position: relative; transition: 0.5s;}
.leaderdown strong{ display: block; line-height: 1; color: #000000; font-size: 16px; margin-bottom: 16px; transition: 0.4s;}
.leaderdown span{ display: block; line-height: 1; color: #646464; font-size: 14px; transition: 0.4s;}
.litem a:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.litem a:hover .leaderdown{ background: #df2128;}
.litem a:hover .leaderdown strong,.litem a:hover .leaderdown span{ color: #fff;}

.leader .slick-arrow{ display: block; margin: 0; padding: 0; border: none; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; transition: 0.4s; text-indent: 9999px; overflow: hidden; border-radius: 50%; outline: none; z-index: 10; outline: none;}
.leader .slick-arrow.slick-prev{ left: -45px; background: #ffffff url(../images/prev1.png) center no-repeat;}
.leader .slick-arrow.slick-prev:hover{ background: #d62c2a url(../images/prev2.png) center no-repeat;}
.leader .slick-arrow.slick-next{ right: -45px; background: #fff url(../images/next1.png) center no-repeat;}
.leader .slick-arrow.slick-next:hover{ background: #d62c2a url(../images/next2.png) center no-repeat;}
.leader .slick-dots{ text-align: center; line-height: 1; width: 100%; position: absolute; left: 0; bottom: -82px;}
.leader .slick-dots li{ display: inline-block; margin: 0 8px;}
.leader .slick-dots li button{ display: block; margin: 0; padding: 0; border: none; width: 15px; height: 15px; border-radius: 50%; background: #fff; text-indent: 9999px; overflow: hidden; cursor: pointer; transition: 0.38s;}
.leader .slick-dots li.slick-active button{ background: #d62c2a; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}

.leader-pop{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; opacity: 0; visibility: hidden; transition: 0.68s; overflow-y: auto;}
.leaderbg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; filter:alpha(opacity=50); background: rgba(0,0,0,0.5);}
.leadertext{ width: 784px; background: #fff; position: absolute; left: 50%; margin-left: -392px; top: 50%; border-top: 5px solid #df2128; margin-top: -357px; transform: translateX(88px); -webkit-transform: translateX(88px); -moz-transform: translateX(88px); opacity: 0; visibility: hidden; transition: 0.3s;}
.leaderclose{ display: block; width: 46px; cursor: pointer; height: 46px; background: #df2128; position: absolute; right: -57px; top: -5px; cursor: pointer;}
.leaderclose:before{ content: ""; width: 14px; height: 14px; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; transition: 0.4s; background: url(../images/close2.png) center no-repeat;}
.leaderclose:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.leaderwr{ padding: 70px 37px;}
.leaimg{ display: block; float: left; width: 47.48%; height: auto;}
.leaderfix{ margin-left: 54.46%;}
.leaderstt{ margin-bottom: 24px; border-bottom: 1px solid #cccccc; padding-bottom: 20px;}
.leaderstt h2{ line-height: 1.2; color: #000000; font-size: 26px; font-weight: normal; margin-bottom: 10px;}
.leaderstt span{ display: block; color: #666666; font-size: 16px;}
.leaderitem p{ color: #666666; line-height: 2.2; font-size: 16px;}
.leaderlis{ height: 200px; overflow-y: auto; margin-top: 58px;}
.leaderlis p{ color: #666666; font-size: 16px; line-height: 2;}
.leader-pop.show{ opacity: 1; visibility: visible;}
.leader-pop.show .leadertext{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: 0.58s 0.15s;}

.organizate-box{ padding: 70px 0; background-attachment: fixed; background-position: center; background-size: cover;}
.organizate{ position: relative; text-align: center;}
.organizate img{display: block;max-width: 100%;width: auto;margin: auto;transform: translateX(32px);}
.organizate img.organizaicon{ margin-bottom: 14px;}
.organizate span{ display: block; text-align: center; line-height: 1; color: #444444; font-size: 16px; position: absolute; left: 0; width: 100%; bottom: 18px;}
.course-box{ padding: 70px 0 58px;}
.coursetop{ margin-bottom: 66px;}
.coursetop p{ text-align: center; color: #666666; font-size: 26px; font-weight: bold;}
.course-list{ text-align: center;}
.coursein{ display: inline-block; padding-left: 80px; position: relative;}
.coursein:first-child{ padding-left: 0;}
.coursein:first-child:before{ display: none;}
.coursein:before{ content: ""; width: 28px; height: 17px; position: absolute; left: 30px; top: 50%; margin-top: -8px; background: url(../images/arrow10.png) center no-repeat;}
.coursein a{ display: block; width: 158px; padding-top: 56px; height: 102px; border: 1px solid #747474; position: relative;}
.coursein a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #df2128; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .52s cubic-bezier(.215,.61,.355,1); transition: transform .52s cubic-bezier(.215,.61,.355,1); transition: transform .52s cubic-bezier(.215,.61,.355,1),-webkit-transform .52s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.coursein a strong{ display: block; line-height: 1; text-align: center; color: #666666; font-size: 24px; font-weight: bold; font-family: arial; margin-bottom: 8px; transition: 0.38s;}
.coursein a span{ display: block; line-height: 1; color: #585858; font-size: 16px; text-align: center; position: relative; transition: 0.38s;}
.coursein a:hover,.coursein a.active{ border-color: #df2128;}
.coursein a:hover:before,.coursein a.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.coursein a:hover strong,.coursein a.active strong{ color: #fff;}
.coursein a:hover span,.coursein a.active span{ color: #fff;}

.cources{ padding-top: 92px; background-attachment: fixed; background-position: center; background-size: cover;}
.courcetop{ text-align: center;}
.courcetop span{ display: block; margin: auto; width: 31px; height: 50px; position: relative; background: url(../images/map.png) center no-repeat;}
.courcetop span time{ display: block; color: #df2128; font-size: 30px; font-weight: bold; position: absolute; left: 62px; line-height: 1; top: 6px; white-space: nowrap;}
.couselied{ position: relative; padding-top: 56px; padding-bottom: 140px;}
.couselied:before{ content: ""; width: 3px; background: #bebebe; position: absolute; left: 50%; margin-left: -1px; top: -2px; bottom: 0;}
.courcelist li{ width: 50%; position: relative; float: right; margin-top: 90px;}
.courcelist li:first-child{ margin-top: 0;}
.courcelist li:before{ content: ""; width: 9px; height: 9px; border-radius: 50%; border: 2px solid #e87b00; position: absolute; left: -6px; top: 46px; background: #fff;}
.courceintem{ margin-left: 53px; padding: 21px 17px 0; background: #fff; border-radius: 3px; position: relative;} 
.courceintem:before{ content:""; width:0; height:0; border-top:7px solid transparent;  border-bottom: 7px solid transparent; border-right: 8px solid #fff; position:absolute; left: -8px; top: 47px;}
.courceintem time{ display: block; line-height: 1; color: #676767; font-size: 16px; padding-bottom: 9px; border-bottom: 1px solid #d6d6d6;}
.courcedown{ padding-top: 14px; padding-bottom: 14px;}
.courcedown p{ color: #676767; font-size: 12px; line-height: 2;} 
.courcelist li.cource2{ float: left;}
.courcelist li.cource2:before{ left: auto; right: -7px;}
.courcelist li.cource2 .courceintem{ margin-left: 0; margin-right: 53px;}
.courcelist li.cource2 .courceintem:before{ border-right: none; border-left: 8px solid #fff; left: auto; right: -8px;}

.video-box{ padding: 70px 0 80px; background-attachment: fixed; background-position: center; background-size: cover;}
.videolist{ width: 1260px; margin-left: -30px;}
.videolist li{ width: 50%; float: left; margin-bottom: 56px;} 
.videolist li a{ display: block; margin: 0 30px; position: relative;}
.videolist li a figure{ display: block; line-height: 1; position: relative; overflow: hidden;}
.videolist li a figure:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter:alpha(opacity=50); background: rgba(0,0,0,0.5); z-index: 4;}
.videolist li a figure:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; border: 3px solid #df2128; opacity: 0; visibility: hidden; transition: 0.45s; z-index: 5;}
.videolist li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.videolist li a figure span{ display: block; width: 25px; height: 38px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/arrow11.png) center no-repeat; background-size: cover; z-index: 10; transition: 0.5s;}
.videolist li a b{ display: block; height: 65px; line-height: 65px; text-align: center; color: #3c3c3c; font-size: 16px; background: #dcdcdc; font-weight: normal; transition: 0.5s;} 
.videolist li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.videolist li a:hover figure:after{ opacity: 1; visibility: visible;}
.videolist li a:hover b{ background: #df2128; color: #fff;}

.stratagetop{ padding: 70px 0;}
.stratagetop h2{ text-align: center; color: #3c3c3c; font-size: 31px; font-weight: normal; margin-bottom: 10px; line-height: 1.2;}
.stratagetop p{ text-align: center; color: #6c6c6c; font-size: 16px;}
.strategy-box{ padding: 90px 0 164px; background-attachment: fixed; background-position: center; background-size: cover;}
.strategeli{ width: 1222px; margin-left: -11px;}
.strategeli li{ width: 25%; float: left;}
.strategywr{ margin: 0 11px; position: relative;}
.strategywr figure{ display: block; line-height: 1; overflow: hidden; position: relative;}
.strategywr figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.strategywr figure mark{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter:alpha(opacity=50); background: rgba(0,0,0,0.5); z-index: 3; transition: 0.58s;}
.strategytext{ position: absolute; left: 24px; right: 24px; top: 50%; height: 112px; margin-top: -56px; transition: 0.54s; z-index: 6;}
.strages{ text-align: center;}
.strages b{ display: block; width: 52px; height: 40px; margin: auto; position: relative; margin-bottom: 24px;}
.strages b img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.38s;}
.strages h3{ position: relative; line-height: 1; text-align: center; color: #fff; font-size: 24px; padding-bottom: 24px; font-weight: normal;}
.strages h3:before{ content: ""; width: 35px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -17px; bottom: 0;}
.staragete{ margin-top: 32px; height: 120px; overflow-y: scroll; opacity: 0; visibility: hidden; transition: 0.45s;}
.staragete::-webkit-scrollbar {
	width: 5px;
	background-color: 
}

.staragete::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: 
}

.staragete::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #fff;
}
.staragete p{ color: #ffffff; font-size: 14px; text-align: center;}
.strategywr:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.strategywr:hover figure mark{ background: #df2128; filter:alpha(opacity=80); background: rgba(223,33,40,0.8);}
.strategywr:hover .strages b img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.strategywr:hover .strategytext{ height: 270px; margin-top: -135px;}
.strategywr:hover .staragete{ opacity: 1; visibility: visible;}

.industrys{ width: 940px; margin: auto; padding: 75px 0 74px;} 
.industrytop p{ text-align: center; color: #727272; font-size: 16px; font-weight: bold; line-height: 2; font-weight: bold;}
.industryli{ text-align: center; margin-top: 80px;}
.industryin{ display: inline-block; vertical-align: middle; margin: 0 15px; position: relative;}
.industryin:before{ content:""; width:0; height:0; border-left:4px solid transparent;  border-right: 4px solid transparent; border-top: 4px solid #df2128; position:absolute; left: 50%; margin-left: -4px; bottom: -4px; opacity: 0; visibility: hidden; transition: 0.35s;}
.industryin a{ display: block; width: 172px; padding-top: 40px; height: 132px; border-radius: 50%; position: relative; text-align: center; background: #e5e5e5;}
.industryin a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; background: #df2128; opacity: 0; visibility: hidden; transition: 0.52s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);}
.industrywr{ position: relative; z-index: 4;}
.industrywr b{ display: block; width: 52px; height: 40px; margin: auto; position: relative; overflow: hidden;}
.industrywr b img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.4s;}
.industrywr b img.hide{ opacity: 0; visibility: hidden;}
.industrywr span{ display: block; color: #000000; text-align: center; line-height: 1; font-size: 16px; margin-top: 15px; transition: 0.4s;}
.industryin.active:before{  opacity: 1; visibility: visible;}
.industryin:hover a:before,.industryin.active a:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);} 
.industryin:hover .industrywr b img,.industryin.active .industrywr b img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
.industryin:hover .industrywr b img.show,.industryin.active .industrywr b img.show{ opacity: 0; visibility: hidden;}
.industryin:hover .industrywr b img.hide,.industryin.active .industrywr b img.hide{ opacity: 1; visibility: visible;} 
.industryin:hover .industrywr span,.industryin.active .industrywr span{ color: #fff;}

.industrybox{ background-attachment: fixed; background-position: center; background-size: cover;}
.industrylist li{ border-bottom: 1px solid #ffffff; position: relative;}
.industrylist li:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-transition:-webkit-transform .58s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .58s cubic-bezier(.215,.61,.355,1); transition:transform .58s cubic-bezier(.215,.61,.355,1); transition:transform .58s cubic-bezier(.215,.61,.355,1),-webkit-transform .58s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.industrylist li:last-child{ border-bottom: none;}
.industrylist li a{ display: block; text-align: center; padding: 46px 0 50px; position: relative;}
.industrylist li a span{ display: block; text-align: center; line-height: 1; color: #010101; font-size: 14px; position: relative; margin-bottom: 46px;}
.industrylist li a h3{ color: #010101; font-size: 35px; line-height: 1.2; font-weight: normal; height: 112px; text-align: center;}
.industrylist li a b{ display: block; width: 132px; height: 33px; line-height: 33px; text-align: center; color: #8c8c8c; font-size: 15px; border: 3px solid #df2128; margin: auto; font-weight: normal;}
.industrylist li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.loadmore{ background: #e5e5e5; text-align: center;}
.loadmore a{ display: inline-block; height: 66px; line-height: 66px; color: #000000; font-size: 14px;}
.loadmore a:hover{ color: #df2128;}

.viewbg{ background: #f3f3f3;}
.industryview{ position: relative; z-index: 3; padding-bottom: 100px;}
.indutrfix{ margin-top: -378px; position: relative;}
.intrott1{ margin-bottom: 125px;}
.intrott1 h3{ color: #fff; text-align: center;}
.intrott1 small{ text-align: center; color: #fff;}
.industryfown{ padding: 108px 95px 168px; background: #fff; border-top: 7px solid #df2128;}
.industryfown p,.industryfown a{ color: #676767; font-size: 16px; line-height: 2;}
.industryfown img{ max-width: 100%; height: auto !important; width: auto !important;}

.previous{ margin-top: 60px; position: relative;}
.previs{ float: left; position: relative;}
.previs a{ display: block; padding-left: 62px; height: 48px; line-height: 48px; color: #999999; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.previs a b{ display: block; width: 36px; height: 36px; background: #999999; border: 6px solid #c9c9c9; position: relative; position: absolute; left: 0; top: 50%; margin-top: -24px; border-radius: 50%; transition: 0.4s;}
.previs a b:before{ content: ""; width: 10px; height: 19px; position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -5px;}
.previs.prev a b:before{ background: url(../images/prev.png) center no-repeat;}
.previs.next a b:before{ background: url(../images/next.png) center no-repeat;}
.previs.next{ float: right;}
.previs.next a{ padding-left: 0; padding-right: 62px;}
.previs.next a b{ left: auto; right: 0;}
.previs a:hover{ color: #df2128;}
.previs a:hover b{ background: #df2128; border-color: #e98a8d;}
.backlist{ position: absolute; top: 0; left: 50%; margin-left: -51px;}
.backlist a{ display: block; width: 91px; height: 36px; line-height: 36px; color: #ffffff; font-size: 14px; text-align: center; border-radius: 24px; border: 6px solid #e98a8d; background: #df2128;}

.newsfix{ padding: 140px 0 180px;}
.newsfix1{padding:0 0 180px;}
.newsinfo{ width: 1246px; margin-left: -23px; margin-bottom: 20px;}
.newsinfo li{ width: 33.3333%; float: left; margin-bottom: 46px;}
.newsinfo li a{ display: block; margin: 0 23px; position: relative; padding: 16px 18px 52px; box-shadow: 0 0 7px rgba(0,0,0,0.11);}
.newsinfo li a span{ display: block; background: #df2128; position: absolute;}
.newsinfo li a span.line1{ width: 100%; height: 3px; left: 0; top: 0; transform-origin: left 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transition: 0.4s; opacity: 0; visibility: hidden;}
.newsinfo li a span.line2{ width: 3px; height: 100%; right: 0; top: 0; transform-origin: right 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 0.4s; opacity: 0; visibility: hidden;}
.newsinfo li a span.line3{ width: 100%; height: 3px; right: 0; bottom: 0; transform-origin: right 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transition: 0.4s; opacity: 0; visibility: hidden;}
.newsinfo li a span.line4{ width: 3px; height: 100%; left: 0; bottom: 0; transform-origin: left bottom; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 0.4s; opacity: 0; visibility: hidden;}

.newsinfo li a figure{ display: block; line-height: 1; overflow: hidden; position: relative;}
.newsinfo li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.newsinfo li a figure:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter:alpha(opacity=20); background: rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: 0.5s; z-index: 4;}
.newsdowns{ padding-top: 30px; position: relative; z-index: 5;}
.newsdowns:before{ content:""; width:0; height:0; border-left:6px solid transparent;  border-right: 6px solid transparent; border-bottom: 11px solid #fff; position:absolute; left: 25px; top: -11px;}
.newsdowns time{ display: block; padding-left: 24px; color: #666666; font-size: 14px; line-height: 1; background: url(../images/time.png) left center no-repeat;}
.newsdowns h3{ color: #000000; font-size: 16px; line-height: 1; font-weight: normal; margin-top: 26px; margin-bottom: 18px; transition: 0.4s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsdowns p{ color: #999999; font-size: 12px; line-height: 2; height: 48px; overflow: hidden;}
.newsinfo li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.newsinfo li a:hover figure:before{ opacity: 1; visibility: visible;}
.newsinfo li a:hover .newsdowns h3{ color: #df2128;}
.newsinfo li a:hover span.line1{ opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1);}
.newsinfo li a:hover span.line2{ opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transition-delay: 0.3s;}
.newsinfo li a:hover span.line3{ opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transition-delay: 0.6s;}
.newsinfo li a:hover span.line4{ opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transition-delay: 0.9s;}

.news-pop{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; overflow-y: auto; opacity: 0; visibility: hidden; transition: 0.6s;}
.newsbgs{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; filter:alpha(opacity=30); background: rgba(0,0,0,0.3);}
.newswrfix{ width: 934px; padding: 0 56px; background: #fff; position: absolute; left: 50%; margin-left: -523px; top: 0; min-height: 100%; transition: 0.4s; opacity: 0; visibility: hidden; transform: translateX(98px); -webkit-transform: translateX(98px); -moz-transform: translateX(98px);}
.newsts{ padding: 40px 0 36px; border-bottom: 1px solid #e5e5e5;}
.newsts h2{ color: #2f2929; font-size: 26px; font-weight: normal; line-height: 1.2;}
.newsts h3{ color: #2f2929; font-size: 20px; font-weight: normal;}
.newsts time{ display: block; line-height: 1; color: #909090; margin-top: 25px;}
.newsdotext{ padding: 34px 0;}
.newsdotext p,.newsdotext a{ color: #666666; font-size: 16px;}

.nclose{ display: block; width: 46px; height: 46px; border-radius: 50%; z-index: 4; position: fixed; right: 28px; top: 17px; background: #fff; cursor: pointer; box-shadow: 0 0 6px rgba(0,0,0,0.4);}  
.nclose:before{ content: ""; width: 13px; height: 13px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(../images/close3.png) center no-repeat; transition: 0.42s;} 
.nclose:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.news-pop.show{ opacity: 1; visibility: visible;}
.news-pop.show .newswrfix{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: 0.6s 0.15s;}

.dymanic-box{ width: 1100px; margin: auto; padding: 114px 0 230px;}
.dymanics{ margin-bottom: 110px;}
.dymanics li{ margin-bottom: 30px; cursor: pointer; border: 1px solid #eaeaea; padding: 33px 30px 32px; position: relative;}
.dymanics li:before{ content: ""; width: 100%; height: 5px; background: #df2128; position: absolute; left: 0; bottom: -1px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .82s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .82s cubic-bezier(.215,.61,.355,1); transition: transform .82s cubic-bezier(.215,.61,.355,1); transition: transform .82s cubic-bezier(.215,.61,.355,1),-webkit-transform .82s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.dymanics li:last-child{ margin-bottom: 0;}
.datas{ width: 78px; float: left; padding-left: 10px; background: #bfbfbf; padding-top: 13px; height: 98px; transition: 0.58s;}
.datas span{ display: block; line-height: 1; color: #ffffff; font-size: 12px; padding-bottom: 13px; position: relative;}
.datas span:before{ content: ""; width: 14px; height: 2px; background: #fefffd; position: absolute; left: 0; bottom: 0;}
.datas strong{ display: block; color: #ffffff; font-size: 26px; margin-top: 12px; line-height: 1; font-weight: normal; font-family: arial;}
.datas strong time{ display: block; font-size: 13px; margin-top: 6px;}
.dymanicfix{ width: 65.86%; margin-left: 152px;}
.dymanicfix h3{ line-height: 1; color: #1e1e1e; font-size: 20px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 23px;}
.dymanicfix p{ color: #646464; font-size: 14px;}
.dymanics li:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.dymanics li:hover .datas{ background: #df2128;}
.dymanics li:hover .darrow{ opacity: 1; visibility: visible; right: 35px;}
.darrow{ display: block; width: 31px; height: 31px; background: #df2128 url(../images/next.png) center no-repeat; border: 3px solid #f19da1; border-radius: 50%; position: absolute; right: 45px; top: 50%; margin-top: -18px; z-index: 4; opacity: 0; visibility: hidden; transition: 0.55s;}
 
.culture-box{ padding: 128px 0 150px; background-attachment: fixed; background-position: center; overflow: hidden; background-size: cover;}
.cultures{ width: 538px; margin: auto; max-width: 90%; z-index: 3; position: relative;}
.cultureimg{ position: relative; z-index: 4;}
.cultureimg img{ display: block; width: 100%; height: auto;}
.culturein{ position: absolute; width: 100px; height: 60px; z-index: 8;}
.culturein1{ left:218px; top: 40px;}
.cultuwr{ position: absolute; left: 82px; bottom: 98px;}
.culturein i{ display: block; width: 99px; transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); height: 48px; background: url(../images/line1.png) left top no-repeat; transition: 0.4s; opacity: 0; visibility: hidden; transition: 0.55s;} 
.culturein span{ color: #7c7c7c; font-size: 16px; white-space: nowrap; transition: 0.45s; visibility: hidden; opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px);}
.culturein1 span{ position: absolute; left: 132px; bottom: 8px;}
.culturein2{ left: 409px; top: 141px;}
.culturein2 .cultuwr{ left: 112px; top: -16px;}
.culturein2 span{ position: absolute; left: 132px; top: -12px;}

.culturein3{ left: 392px; bottom: 140px;}
.culturein3 .cultuwr{ left: 123px; top: 33px;}
.culturein3 i{background: url(../images/line2.png) left top no-repeat;}
.culturein3 span{ position: absolute; left: 132px; top: 36px;}

.culturein4{ left: 215px; bottom: 43px;}
.culturein4 .cultuwr{ left: -62px; top: 102px;}
.culturein4 i{background: url(../images/line3.png) center no-repeat; transform-origin: right 0; }
.culturein4 span{ position: absolute; right: 132px; top: 36px;}

.culturein5{ left: 48px; bottom: 142px;}
.culturein5 .cultuwr{ left: -116px; top: 56px;}
.culturein5 i{ background: url(../images/line3.png) center no-repeat; transform-origin: right 0;}
.culturein5 span{ position: absolute; right: 132px; top: 36px;}

.culturein6{ left: 34px; top: 141px;}
.culturein6 .cultuwr{ left: -112px; top: 20px;}
.culturein6 i{ background: url(../images/line3.png) center no-repeat; transform-origin: right 0;}
.culturein6 span{ position: absolute; right: 132px; top: 36px;}

.culturein7{ left: 175px; top: 72px;}
.culturein7 .cultuwr{ left: -150px; top: -73px; bottom: auto;}
.culturein7 i{ background: url(../images/line4.png) center no-repeat; transform-origin: right 0;}
.culturein7 span{ position: absolute; right: 132px; top: -12px;}

.culturein:hover i{ opacity: 1; visibility: visible;  transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
.culturein:hover span{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}

.worth-box{ padding: 160px 0 140px; overflow: hidden; background-attachment: fixed; background-size: cover; background-position: center;}
.worth{ position: relative;}
.workitem{ float: left; text-align: center; padding-top: 10px;}
.workitem b{ display: block; width: 220px; height: 220px; position: relative; margin: auto;}
.workitem b img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.workitem strong{ display: block; line-height: 1; color: #686868; font-size: 20px; text-align: center; margin-top: 34px; margin-bottom: 18px;}
.workitem span{ display: block; text-align: center; line-height: 1; color: #686868; font-size: 16px;}
.worth .slick-arrow{ display: block; margin: 0; padding: 0; border: none; outline: none; width: 14px; height: 25px; position: absolute; top: 100px; text-indent: 9999px; overflow: hidden; cursor: pointer; z-index: 10; transition: 0.4s;}
.worth .slick-arrow.slick-prev{ left: 0; background: url(../images/prev3.png) center no-repeat;}
.worth .slick-arrow.slick-next{ right: 0; background: url(../images/next3.png) center no-repeat;}
.worth .slick-arrow.slick-prev:hover{ background: url(../images/prev4.png) center no-repeat; left: -3px;}
.worth .slick-arrow.slick-next:hover{ background: url(../images/next4.png) center no-repeat; right: -3px;}
.workitem:hover b img{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}

.identificate-box{ padding:238px 0 260px; background-attachment: fixed; background-position: center; background-size: cover;}
.identilogo{ float: left; margin-left: 0; width: 300px;}
.identilogo img{ display: block; max-width: 100%; height: auto; line-height: 0;}
.identifias{ width: 62%; float: right; margin-top: 30px;}
.identifias p{ color: #444444; font-size: 16px; line-height: 2;}
.staff-box{ padding: 55px 0 210px;}
.staff{ margin-bottom: 70px;}
.staff li{ position: relative; transition: 0.6s;}
.staffwr{ border-bottom: 1px solid #cccccc; padding: 60px 0; transition: 0.4s;}
.staffwr figure{ display: block; width: 29.5%; float: left; line-height: 1; overflow: hidden;}
.staffwr figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s}
.stafffix{ width: 66.5%; float: right; position: relative;}
.stime{ position: absolute; right: 0; top: 0; background: #a9a9a9; width: 76px; text-align: center; padding-top: 16px; height: 72px; transition: 0.5s;}
.stime time{ color: #ffffff; font-size: 30px; line-height: 1; text-align: center; display: block; font-family: "PFDinTextCompPro-Thin"; margin-bottom: 8px;}
.stime b{ text-align: center; line-height: 1; display: block; font-weight: normal; font-family:"PFDinTextCompPro-Thin"; font-size: 20px; color: #fff;}
.stafftext{ width: 76.25%;}
.stafftext h3{ color: #414141; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; line-height: 1; margin-bottom: 20px; transition: 0.4s;}
.stafftext p{ color: #414141; font-size: 14px; line-height: 2; height: 124px; overflow: hidden;} 
.stafftext span{ display: block; width: 116px; height: 31px; text-align: center; line-height: 31px; color: #959595; font-size: 14px; border: 1px solid #959595; transition: 0.4s;}
.staff li:hover{ background: #f8f8f8;}
.staff li:hover .staffwr{ border-color: #f8f8f8;}
.staff li:hover .staffwr figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.staff li:hover .stime{ background: #df2128;}
.staff li:hover .stafftext h3{ color: #df2128;}
.staff li:hover .stafftext span{ border-color: #df2128; color: #df2128;}
.staffwr1 .stafffix{ width: 100%;}

.welfare-box{ padding: 168px 0 200px;}
.welfares{ width: 1242px; margin-left: -21px; padding-bottom: 60px;}
.welfares li{ width: 33.3333%; float: left; margin-bottom: 53px;}
.welfares li a{ display: block; margin: 0 21px;}
.welfares li a figure{ display: block; position: relative; overflow: hidden;}
.welfares li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.welfares li a figure mark{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; background: #df2128; filter:alpha(opacity=80); background: rgba(223,33,40,0.8); -webkit-transition:-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .54s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1); transition:transform .64s cubic-bezier(.215,.61,.355,1),-webkit-transform .64s cubic-bezier(.215,.61,.355,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.welfares li a figure b{ display: block; width: 47px; height: 47px; background: url(../images/add.png) center no-repeat; position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px; background-size: cover; opacity: 0; visibility: hidden; transition: 0.42s; z-index: 6;}
.welfaredown{ padding: 18px 12px 0; height: 70px; background: #f8f8f8; position: relative;}
.welfaredown span{ display: block; text-align: center; color: #000000; font-size: 16px;}
.welfaredown:before{ content: ""; width: 100%; height: 2px; background: #df2128; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .62s cubic-bezier(.215,.61,.355,1); transition: transform .62s cubic-bezier(.215,.61,.355,1); transition: transform .62s cubic-bezier(.215,.61,.355,1),-webkit-transform .62s cubic-bezier(.215,.61,.355,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.welfares li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.welfares li a:hover figure mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.loadmore{ background: #e5e5e5; text-align: center;}
.welfares li a:hover figure b{ opacity: 1; visibility: visible; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.welfares li a:hover .welfaredown:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.report{ padding: 150px 0 210px;}
.report-list{ width: 1232px; margin-left: -16px; padding-bottom: 90px;}
.report-list li{ width: 50%; float: left; margin-bottom: 36px;}
.reportwr{ margin: 0 16px; background: #f8f8f8; padding: 32px 36px; position: relative;}
.reportwr figure{ display: block; width:155px; float: left; line-height: 1; overflow: hidden;}
.reportwr figure img{ display: block; width: 100%; height: auto; line-height: 0;}
.reportfix{ margin-left: 192px;}
.reportfix h3{ line-height: 1; color: #3c3c3c; font-size: 20px; font-weight: normal; padding-top: 5px; padding-bottom: 16px; border-bottom: 1px solid #b8b8b8;}
.reportfix h3 i{ display: inline-block; color: #3c3c3c; font-size: 16px; font-style: normal; margin-left: 10px;}
.reprotdo{ margin-top: 36px;}
.reprotdo a{ display: block; padding-left: 39px; width: 92px; height: 34px; line-height: 34px; color: #3c3c3c; font-size: 14px; border: 1px solid #999999; margin-bottom: 18px;}
.reprotdo a.browse{ background: url(../images/pdf.png) 11px center no-repeat;}
.reprotdo a.load{ background: url(../images/load1.png) 10px center no-repeat;}
.reprotdo a.browse:hover{ color: #df2128; border-color: #df2128; background: url(../images/pdf1.png) 11px center no-repeat;}
.reprotdo a.load:hover{ color: #df2128; border-color: #df2128; background: url(../images/load2.png) 10px center no-repeat;}

.constructe-box{ padding: 100px 0 92px; background: #f8f8f8;}
.constricte{ width: 900px; margin: auto;}
.constricteimg{ margin-bottom: 110px; text-align: center;}
.constricteimg img{ display: block; max-width: 100%; height: auto; margin: auto;}
.constructd p{  color: #6b6b6b; font-size: 16px;}

.teams{ padding: 94px 0 140px;}
.teamtt{ text-align: center; line-height: 1; color: #3c3c3c; font-size: 30px; margin-bottom: 76px;}
.teamlist{ position: relative; width: 1048px; margin: auto;}
.teaminfo{ width: 25%; float: left;}
.teamwr{ margin: 0 23px;}
.teamwr figure{ display: block; line-height: 1; overflow: hidden; margin-bottom: 16px;}
.teamwr figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.teamtop strong{ display: block; line-height: 1; text-align: center; color: #000000; font-size: 24px;  font-weight: normal; margin-bottom: 7px;}  
.teamtop span{ display: block; line-height: 1; text-align: center; color: #000000; font-size: 16px;}
.teamlist .slick-arrow{ position: absolute; top: 92px; display: block; padding: 0; border: none; margin: 0; outline: none; width: 40px; height: 40px; text-indent: 9999px; overflow: hidden; border-radius: 50%; cursor: pointer; transition: 0.5s; z-index: 10;}  
.teamlist .slick-arrow.slick-prev{ left: -60px; background: #f8f8f8 url(../images/prev1.png) center no-repeat;}
.teamlist .slick-arrow.slick-next{ right: -60px; background: #f8f8f8 url(../images/next1.png) center no-repeat;}
.teamlist .slick-arrow.slick-prev:hover{ background: #d62c2a url(../images/prev2.png) center no-repeat;}
.teamlist .slick-arrow.slick-next:hover{ background: #d62c2a url(../images/next2.png) center no-repeat;}
.teamwr:hover figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}

.study-box{ padding: 120px 0 190px; background: #f8f8f8;}
.study{ width: 1126px; margin: auto;}
.studylist{ padding-bottom: 70px;}
.studylist li{ width: 33.3333%; float: left; margin-bottom: 42px;}
.studylist li a{ display: block; position: relative; margin: 0 13px; overflow: hidden;}
.studylist li a img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.5s;}
.studylist li a h3{ line-height: 1; color: #ffffff; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 28px; right: 28px; top: 50px; font-weight: normal;}
.studylist li a span{ display: block; width: 98px; height: 26px; text-align: center; line-height: 26px; color: #646464; background: #fff; position: absolute; left: 28px; bottom: 27px;}
.studylist li a:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}

.idea{ padding: 134px 0 104px; width: 740px; margin: auto;}
.idea p{ text-align: center; color: #707070; font-size: 16px; line-height: 2;}
.ideaimg{ overflow: hidden; line-height: 1;}
.ideaimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.recuite-box{ padding: 90px 0 95px; background: #f8f8f8;}
.selects{ padding: 0; box-sizing: content-box; padding-left: 24px; border: none; width: 213px; height: 45px; line-height: 45px; border: 1px solid #fff; transition: 0.4s; color: #666666; font-size: 14px; float: left; margin-right: 14px; background: #fff url(../images/arrow12.png) 92% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; font-family:微软雅黑;}
.selects:focus{ border-color: #df2128;}
.research{ position: relative; float: right;}
.research .text{ padding-left: 25px; width: 392px; box-sizing: content-box; height: 45px; line-height: 45px; color: #666666; font-size: 14px; background: #fff; border: 1px solid #fff; transition: 0.4s;}
.research .sub{ display: block; width: 54px; height: 47px; border: none; padding: 0; margin: 0; position: absolute; right: 0; top: 0; cursor: pointer; background: #dcdcdc url(../images/search.png) center no-repeat; transition: 0.4s;}
.research .text:focus{ border-color: #df2128;}
.research .sub:hover{ background: #df2128 url(../images/search1.png) center no-repeat;}

.recuitedc{ margin-top: 68px;}
.recuitett{ background: #df2128; margin-bottom: 5px; padding-left: 38px;}
.recuitett span{ display: block; float: left; height: 63px; line-height: 63px; color: #ffffff; font-size: 15px; font-weight: bold; padding-left: 39px;}
.recuitett span.span1{ width: 18.58%; background: url(../images/recuite1.png) left center no-repeat;}
.recuitett span.span2{ width: 22.16%; background: url(../images/recuite2.png) left center no-repeat;}
.recuitett span.span3{ width: 22.333%; background: url(../images/recuite3.png) left center no-repeat;}
.recuitett span.span4{ background: url(../images/recuite4.png) left center no-repeat;}
.recuiteli li{ margin-bottom: 3px; cursor: pointer;}
.recuiteintop{ background: #fff; padding-left: 78px; transition: 0.4s;}
.recuiteintop span{ display: block; float: left; transition: 0.42s; color: #666666; font-size: 15px; height: 62px; line-height: 62px;}
.recuiteintop span.span1{ width: 18.75%;}
.recuiteintop span.span2{ padding-left: 66px; width: 20.4%;}
.recuiteintop span.span3{ width: 108px; text-align: center; margin-right: 18%;}
.recuiteintop:hover,.recuiteintop.active{ background: #f3cdce;}
.recuiteintop:hover span,.recuiteintop.active span{ color: #df2128;}
.recuitedown{ padding: 40px 75px 75px; display: none; background: #fff;}
.recuitein{ margin-bottom: 34px;}
.recuitein strong{ display: block; color: #333333; font-size: 14px; line-height: 2;}
.recuitein p{ color: #666666; font-size: 14px; line-height: 2;}
.apply a{ display: block; width: 175px; height: 46px; text-align: center; line-height: 46px; color: #f8f8f8; font-size: 14px; background: #df2128;}
.apply a:hover{ background: #cd060d;}
.pop-recuite{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 199; opacity: 0; visibility: hidden; transition: 0.68s;}
.popbgs{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; filter:alpha(opacity=50); opacity: 0.5;}
.poprecuites{ padding: 48px 97px 117px 50px; background: #fff; width: 842px; position: absolute; left: 50%; top: 50%; margin-left: -495px; margin-top: -230px; opacity: 0; visibility: hidden; transform: translateX(68px); -webkit-transform: translateX(68px); -moz-transform: translateX(68px); transition: 0.58s;}
.poprecuites .close{ display: block; width: 42px; height: 42px; position: absolute; right: -68px; top: -43px; border-radius: 50%; cursor: pointer; background: #df2128;}
.poprecuites .close:before{ content: ""; width: 14px; height: 14px; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -7px; background: url(../images/close4.png) center no-repeat; transition: 0.36s;}
.poprecuites .close:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.poptext h2{ color: #df2128; font-size: 20px; line-height: 1; margin-bottom: 50px;}
.popinfos{ float: left; margin-bottom: 22px;}
.popinfos span{ display: block; float: left; width: 110px; line-height: 40px; color: #707070; font-size: 14px;}
.popinfos .text{ padding: 0; margin: 0; padding-left: 15px; width: 270px; border: 1px solid #ececec; height: 38px; line-height: 38px; box-sizing: content-box; color: #afafaf; font-size: 14px; border-radius: 8px; float: left; transition: 0.36s;}
.popinfos .text:focus{ border-color: #df2128;}
.popinfos2{ float: right;} 
.popinfos .text.disables{ background: none; color: #000000;}
.loadtop { float: left; width: 288px; position: relative;}
.popinfos .loadtop .text.disables{ color: #afafaf; width: 220px; border-radius: 8px 0 0 8px;}  
.filebox{ position: relative; float: left; width: 51px;}
.filebox b{ display: block; text-align: center; height: 38px; border: 1px solid #ececec; border-left: none; background:#fff url(../images/loads.png) center no-repeat; border-radius: 0 8px 8px 0;}
.filebox input{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0);}
.popsub{ text-align: center; padding-top: 60px;}
.popsub input{ width: 178px; height: 41px; text-align: center; line-height: 41px; cursor: pointer; color: #fff; font-size: 14px; background: #df2128; border-radius: 8px; margin: auto; border: none; transition: 0.45s; outline: none;}
.popsub input:hover{ background: #fc1820;}
.pop-recuite.show{ opacity: 1; visibility: visible;}
.pop-recuite.show .poprecuites{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0);}


.distributor-box{ padding: 172px 0 200px; background: #f8f8f8;}
.distributele{ width: 38.166%; float: left;}
.distributele strong{ display: block; line-height: 1; color: #df2128; font-size: 30px; font-weight: bold; padding-bottom: 25px; position: relative; margin-bottom: 56px;}
.distributele strong:before{ content: ""; width: 55px; height: 5px; background: #df2128; position: absolute; left: 0; bottom: 0;}
.distributele p{ color: #808080; font-size: 16px; line-height: 2;}
.distribuleri{ width: 504px; float: right; margin-top: 14px;}
.distbutin{ float: left; text-align: center;}
.distbutin b{ display: block; width: 76px; height: 76px; border: 3px solid #df2128; border-radius: 50%; margin: auto; position: relative; margin-bottom: 41px;}
.distbutin b img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.distbutin span{ display: block; color: #676767; font-size: 20px; line-height: 1.8;}
.distbutin1{ float: right;}
.addressbox{ padding: 88px 0 110px;}
.addtitle{ display: block; line-height: 1; color: #df2128; font-size: 30px; font-weight: bold; padding-bottom: 25px; position: relative; margin-bottom: 90px;}
.addtitle:before{ content: ""; width: 55px; height: 5px; background: #df2128; position: absolute; left: 0; bottom: 0;}
.addrelist{ overflow: hidden;}
.addrelist li{ float: left; width: 25%; float: left; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; text-align: center; padding-top: 18px; height: 170px; margin-left: -1px; margin-top: -1px;}
.addrewr{ text-align: left; width: 90%; margin: auto;}
.addrewr strong{ display: block; color: #808080; font-size: 18px; line-height: 1; margin-bottom: 30px;}
.addrewr p{ color: #808080; font-size: 16px; line-height: 2;}

.ptext.article-block small,.ptext.article-block h3{ opacity: 0; visibility: hidden; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); transition: 0.65s;}
.ptext.articleShow small,.ptext.articleShow h3{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); filter:blur(0px);}
.ptext.article-block h3{ transition-delay: 0.2s;}

.errors{ height: 100%; position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; background: #fbfbfb;}
.errorwr{ position: absolute; left: 50%; margin-left: -600px; top: 50%; text-align: center; margin-top: -186px;}
.errortop img{ max-width: 100%; height: auto; line-height: 1; margin: auto; margin-bottom: 32px;}
.errortop strong{ display: block; line-height: 1; text-align: center; color: #555555; font-size: 29px; margin-bottom: 14px;}
.errortop small{ display: block; text-align: center; color: #555555; font-size: 22px; font-family: arial; line-height: 1; text-transform: uppercase;}
.errorbanck{ margin-top: 66px;}
.errorbanck p{ text-align: center; color: #616161; margin-bottom: 15px;}
.errore{ text-align: center;}
.errore a{ display: inline-block; margin: 0 18px; color: #878787; font-size: 12px; line-height: 1; text-decoration: underline;}
.errore a:hover{ color: #b32521;}

.organizate.article-block .organizaicon{ opacity: 0; visibility: hidden; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); transition: 0.64s;}
.organizate.articleShow .organizaicon{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.organizate.article-block .orantein{ opacity: 0; visibility: hidden; transition: 0.68s 0.25s;}
.organizate.articleShow .orantein{ opacity: 1; visibility: visible;}

/*add style*/
.heaer-box.scoll .golod .fl{ color: #3c3c3c;}
.heaer-box.scoll .serachBox .ico{ background-image: url(../images/search.png);}
.heaer-box.scoll .serach-desc{ border: 1px solid #dcdcdc;}
.heaer-box.scoll .serach-desc .arrow{ border-bottom-color: #dcdcdc;}
.golod{ float: right; margin-top: 15px; transition: 0.4s;}
.golod .fl{ float: left; display: inline-block; color: #fff;}
.serachBox{ margin-right: 26px; position: relative;}
.serachBox .ico{ background: url(../images/serach.png) no-repeat scroll center center; width: 18px; height: 18px; display: block; cursor: pointer;}
.golod .line{ padding: 0px 12px;}
.serach-desc{ position: absolute; display: none; left: -65px; top: 58px; background-color: #fff; border-radius: 8px; width: 170px; padding: 0px 50px 0 10px;}
.serach-desc .arrow{ border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-bottom: 7px solid #fff; position: absolute; left: 70px; top: -7px;}
.serach-desc .stxt{ border: 0px none; padding: 10px 0; color: #666; margin: 0; height: 20px; line-height: 20px; width: 100%; display: block;}
.serach-desc .sbtn{ position: absolute; right: 0; bottom: 0; background: url(../images/serach2.png) no-repeat scroll center center; width: 50px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 8px 8px 0;}
.serach-desc .sbtn:hover{ background-color: #CCCCCC;}

.dockMenu{ position:fixed; z-index:30; right:0; bottom:74px;}
.docklist li{ margin-bottom:10px; 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:40px; height:40px; transition:0.3s; position:absolute; left:5px; top:50%; margin-top:-20px;}
.docklist li .txt{ display:block; color:#fff; font-size:14px; line-height:46px; margin-left:46px; overflow:hidden; opacity:0; transition:0; position:relative;}
.docklist li .itemBox{ display:block; width:50px; transition:0.35s ease-out; height:46px; background-color:#888888; position: relative;  border-radius:23px 0  0 23px; cursor: pointer; float: right;}
.docklist .itemli a{ display:block; width:50px; transition:0.35s ease-out; height:46px; background-color:#888888; position:relative; border-radius:23px 0  0 23px; float:right; overflow:hidden;} 
.ermimg{ position:absolute; right:48px; top:0; display:none;}
.ermimg img{ display:block; width:88px; margin-right:6px; height:auto; border:4px solid #fff;}
/*add style end*/

.search-box{ padding: 75px 0; background: #efefef;}
.searchtop{ width: 832px; margin: auto; margin-bottom: 62px;}
.searchtext{ border-top: 4px solid #d80919; box-shadow: 0 0 8px rgba(173,173,173,0.48); position: relative;}
.searchtext .text{ box-sizing: border-box; padding: 0; margin: 0; border: none; padding-left: 24px; width: 100%; height: 55px; line-height: 55px; color: #a6a6a6; font-size: 15px; background: #fff;}
.searchtext .sub{ width: 78px; height: 100%; border: none; margin: 0; padding: 0; text-indent: 9999px; overflow: hidden; position: absolute; right: 0; top: 0; transition: 0.4s; background: url(../images/search.png) center no-repeat; cursor: pointer;}
.searchin{ margin-top: 24px;}
.searchin p{ color: #8c8c8c; font-size: 12px;}
.searchin p b{ display: inline-block; color: #d80919;}
.searchli li{ border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 26px 0; margin-top: -1px;}
.searchwr{ width: 832px; margin: auto;}
.searchwr h3{ color: #474747; font-size: 18px; font-weight: normal; line-height: 1.2;}
.searchwr h3 b{ display: inline-block; color: #df2128; font-weight: normal;}
.searchwr p{ color: #7f7f7f; font-size: 14px; margin-bottom: 18px; overflow: hidden; height: 50px;}
.searchwr time{ display: block; padding-left: 24px; line-height: 16px; color: #a3a3a3; font-size: 14px; background: url(../images/time.png) 2px center no-repeat;}
.searchli{ margin-bottom: 40px;}
.golod1{ display:block !important; float:none; margin-left:24px;}
.golod1 .fl{color:#000;}
.golod1 a,.golod1 .line{ font-size:18px;}
#close-dock { position: absolute; right: 0; top: 0; background-color: #fff; background-color: rgba(0,0,0,0); text-align: center; width: 36px; height: 36px; line-height: 36px; font-size: 15px; cursor: pointer; text-indent: 10px; }