@charset "utf-8";
/* 
 * Project Name:四川森科制药有限公司
 * Author:默默
 * Date:2019-01-28
 */
@font-face {
  font-family: 'iconfont';
  src: url('/css/fonts/iconfont.eot');
  src: url('/css/fonts/iconfont.eot') format('embedded-opentype'),
      url('/css/fonts/iconfont.woff2') format('woff2'),
      url('/css/fonts/iconfont.woff') format('woff'),
      url('/css/fonts/iconfont.ttf') format('truetype'),
      url('/css/fonts/iconfont.svg') format('svg');
}
@font-face {
  font-family: "PFDinTextCompPro-Regular";
  src: url("/css/fonts/PFDinTextCompPro-Regular.woff2") format("woff2"),
       url("/css/fonts/PFDinTextCompPro-Regular.woff") format("woff"),
       url("/css/fonts/PFDinTextCompPro-Regular.ttf") format("truetype"),
       url("/css/fonts/PFDinTextCompPro-Regular.eot") format("embedded-opentype"),
       url("/css/fonts/PFDinTextCompPro-Regular.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,.culture__text::-webkit-scrollbar{
	width: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-track,.culture__text::-webkit-scrollbar-track{
	border-radius: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-thumb,.culture__text::-webkit-scrollbar-thumb{
	border-radius: 0px;
	background-color: #0578c1;
}
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;}
.commonwidth{ width: 1350px; margin: auto;}

.header{ position: fixed; width: 100%; background: #fff; z-index: 99; left: 0; top: 0; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.header__wapper{ padding: 0 70px 0 59px;}
.logo{ float: left; width: 404px; margin-top: 19px;}
.header__navs{ float: right;}
.header__navlist{ float: left; position: relative; z-index: 5;}
.header__navlist li{ float: left; position: relative; padding-left: 25px;}
.header__navlist li a{ display: block; line-height: 1; color: #323232; font-size: 18px; font-weight: bold; padding: 30px 9px; position: relative; min-width: 72px; text-align: center;} 
.header__navlist li a:before{ content: ""; width: 100%; height: 6px; background: #0578c1; position: absolute; left: 0; top: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.header__navlist li.active a,.header__navlist li a:hover{ color: #315080;}
.header__navlist li.active a:before,.header__navlist li a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.header__search{ float: left; position: relative; margin-left: 42px; margin-top: 28px;}
.search__btn{ display: block; color: #000000; line-height: 1; cursor: pointer; font-size: 20px; position: relative; z-index: 3; transition: 0.4s;}
.search__btn:hover{ color: #0578c1;}
.search__down{ padding-top: 51px; position: absolute; right: -11px; top: 0; width: 268px; opacity: 0; visibility: hidden; transition: 0.42s; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px);}
.search__down.show{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
.search__down .seaer__text{ box-sizing: content-box; padding-left: 37px; width: 163px; float: left; height: 53px; line-height: 53px; color: #8f8f8f; font-size: 14px; font-weight: bold; background: #fff; border: none; font-family: "微軟正黑體"; box-shadow: 0 0 7px rgba(0,0,0,0.16);}
.search__down .seaer__sub{ width: 68px; height: 53px; border: none; padding: 0; margin: 0; text-align: center; line-height: 53px; color: #fff; font-size: 14px; font-weight: bold; background: #0578c1; font-family: "微軟正黑體"; float: left; cursor: pointer;}

.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}
.menubtn span{ display:block; width:30px; height:3px; background:#0578c1; margin:auto; margin-top:12px; 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: #0578c1; -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: -7px;-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: -7px;-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:transform 0s,.3s; -o-transition-delay:transform 0s,.3s; transition-delay:transform 0s,.3s; background: #fff;}
.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);}
.navigate{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #0578c1; z-index: 12; overflow-y: auto; display: none;}
.navigate__list{ margin-left: 34px; margin-top: 78px; padding-left: 26px; border-left: 8px solid #fff; position: relative; margin-bottom: 50px;}
.navigate__list >li >a{ display: inline-block; position: relative; line-height: 50px; color: #ffffff; font-size: 18px;}
.navigate__list >li >a:before{ content: ""; width: 8px; height: 50px; position: absolute; left: -34px; top: 0; background: #05b4ae; -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;}
.navigate__list >li.on a:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.navigate__leval{ position: absolute; left: 180px; top: 14px; display: none;}
.navigate__leval li{ margin-bottom: 16px;}
.navigate__leval li a{ display: inline-block; color: #ffffff; font-size: 16px;}

.mtop{ height: 78px;}
.banner{ position: relative; overflow: hidden;}
.banner__swiper .banner__item{ float: left; z-index: 4 !important;opacity: 1 !important; overflow: hidden;}
.banner__swiper .banner__item figure{ display: block; overflow: hidden;}
.banner__swiper .banner__item figure{ -webkit-animation: decreaseHeight 0.8s forwards ease-in-out; animation: decreaseHeight 0.8s forwards ease-in-out; -moz-animation: decreaseHeight 0.8s forwards ease-in-out; -o-animation: decreaseHeight 0.8s forwards ease-in-out;}
.banner__swiper .banner__item figure img{ display: block; position: relative;}
.banner__swiper .banner__item.slick-current{ -webkit-animation: show 0.8s forwards ease-in-out; animation: show 0.8s forwards ease-in-out; -moz-animation: show 0.8s forwards ease-in-out; -o-animation: show 0.8s forwards ease-in-out; z-index: 3 !important;}
.banner__swiper .banner__item.slick-current.Zindex{ z-index: 5 !important;}
.banner__swiper .banner__item.slick-current figure{ animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none;}

.banner__swiper .banner__item.slick-current .banner__text h4{ animation: flipInX 1s 0.4s forwards;}
.banner__swiper .banner__item.slick-current .banner__text p{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.78s 0.45s;}
.banner__swiper .banner__item.slick-current .banner__text span{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: 0.65s 0.65s;}

.banner__text{ position: absolute; left: 134px; top: 40%; margin-top: -64px; font-family: "微软雅黑";}
.banner__text p{ display: block; line-height: 1.8; font-weight: bold; color: #fff; font-size: 16px; width: 758px; max-width: 100%; color: #fff; opacity: 0; visibility: hidden; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px);}
.banner__text h4{ display: block; color: #fff; font-size: 55px; font-weight: bold; line-height: 1.2; opacity: 0; margin-bottom: 22px;} 
.banner__text span{ display: inline-block; color: #fff; font-size: 14px; font-weight: bold; margin-top: 26px; opacity: 0; visibility: hidden; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); transition: 0s; position: relative; padding-bottom: 2px;}
.banner__text span:before{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.banner__video{ position: absolute; right: 66px; bottom: 70px; text-align: center; cursor: pointer; z-index: 10; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 50%; background: #0578c1; filter:alpha(opacity=78); background: rgba(5,120,193,0.78); color: #ffffff; font-size: 16px; transition: 0.4s;}
.banner__video:hover{ background: #0578c1; filter:alpha(opacity=100);}
.banner__text span:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.banner__video span{ display:block; width:75px; height:75px; position:relative; margin: auto;}
.banner__video span i{ display:block; content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 15px solid #fff; position:absolute; left: 29px; top: 50%; margin-top: -8px; transition: 0.36s;}
.banner__video span:after,.banner__video span:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:2px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
.banner__video span:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}

.banner__video:hover span:after,.banner__video:hover span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.banner__video:hover span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.banner__video:hover span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.jwlogo{ display: none !important;}
.banner__video b{ display: block; text-align: center; color: #fff; font-size: 17px; font-family: "Myriad Pro"; margin-top: 32px; font-weight: normal; line-height: 1;}
.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/close.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;}

@-webkit-keyframes decreaseHeight {
	from {}
	to {
		width: 0;
	}
}

@keyframes decreaseHeight {
	from {}
	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%;
	}
}
.banner__swiper .slick-dots{ position: absolute; width: 100%; z-index: 5; left: 0; bottom: 100px; text-align: center; line-height: 0; height: 10px;}
.banner__swiper .slick-dots li{ display: inline-block; position: relative; margin-left: 13px; line-height: 1;}
.banner__swiper .slick-dots li:first-child{ margin-left: 0;}
.banner__swiper .slick-dots li button{ display: block; margin: 0; padding: 0; border: none; width: 10px; height: 10px; border-radius: 5px; background: #fff; position: relative; cursor: pointer; text-indent: 99999px; overflow: hidden; transition: 0.3s; outline: none;}
.banner__swiper .slick-dots li:before{ content: ""; width: 0; height: 10px; position: absolute; left: 0; top: 0; border-radius: 5px; background: #0578c1; z-index: 4; width: 0; transition: 0;}
.banner__swiper .slick-dots li.slick-active button{ width: 44px;}
.banner__swiper .slick-dots li.slick-active:before{ width: 100%; transition: 5s;}
.home-product{ position: relative; z-index: 10; background: #fff;}
.home-product__class{ width: 36.61%; float: left; background-size: cover; background-position: center; padding-top: 55px; padding-bottom: 18px;}
.home-product__title{ position: relative; margin-left: 17.638%; margin-bottom: 28px;}
.home-product__title small{ display: block; line-height: 1; color: #fff; font-size: 20px; font-weight: bold; font-family: arial; margin-bottom: 14px;}
.home-product__title h4{ line-height: 1; color: #fff; font-size: 40px; font-weight: bold;}
.home-product__title a{ display: block; width: 41px; height: 41px; position: absolute; right: 8.1%; bottom: -6px; border-radius: 50%; border: 2px solid #fff;}
.home-product__title a:before{ content: ""; width: 16px; height: 16px; background: url(/images/more.png) center no-repeat; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; transition: 0.38s;}
.home-product__title a:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.home-product__list li{ border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.21); position: relative;}
.home-product__list li:last-child{ border-bottom: none;}
.home-product__list li a{ position: relative; height: 70px; display: block; padding: 0 9.38% 0 18.9%; perspective: 800px; -webkit-perspective: 800px;}
.home-product__list li a:before{ content: ""; width: 100%; height: 100%; background: url(/images/bg1.png) repeat center; background: rgba(0,50,128,0.75); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.5s;}
.home-product__list li a span{ display: block; float: left; color: #ffffff; font-size: 20px; line-height: 70px; position: relative;}
.home-product__list li a i{ display: inline-block; color: #fff; font-size: 30px; font-style: normal; width: 48px; vertical-align: middle; line-height: 1;}
.home-product__list li a b{ display: block; float: right; width: 23px; height: 23px; margin-top: 22px; position: relative; transition: 0.36s;}
.home-product__list li a b:before{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 11px;}
.home-product__list li a b:after{ content: ""; height: 100%; width: 1px; background: #fff; position: absolute; top: 0; left: 11px;}
.home-product__list li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.home-product__list li a:hover b{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

.home-product__banner{ float: left; width: 63.39%; position: relative;}
.home-product__item{ float: left; width: 33.3333%;}
.home-product__item a{ display: block; border-left: 1px solid #e7e5e5; border-bottom: 1px solid #e7e5e5; padding: 78px 0 95px; transition: 0.5s;}
.home-product__item a strong{ display: block; text-align: center; color: #595959; font-size: 20px; line-height: 1; margin-bottom: 30px;}
.home-product__item a figure{ position: relative; height: 281px; text-align: center; margin-bottom: 22px;}
.home-product__item a figure img{ display: block; margin: auto; max-width: 80%; max-height: 100%; position: absolute; left: 0; top:0; right: 0; bottom: 0; margin: auto; transition: 0.56s;}
.home-product__item a p{ text-align: center; color: #595959; font-size: 16px; line-height: 1.4; margin: 0 40px; height: 144px; overflow: hidden;}
.home-product__item a:hover{ background: #ebf0f3; border-color: #ebf0f3;}
.home-product__item a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.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;}

.product__btn{ color: #d9d9d9; font-size: 25px; position: absolute; bottom: 80px; z-index: 10; cursor: pointer; line-height: 1; transition: 0.4s;}
.product__btn.prev{ left: 14%;}
.product__btn.next{ right: 14%;}
.product__btn.prev:hover{ color: #0578c1; left: 13.5%;}
.product__btn.next:hover{ color: #0578c1; right: 13.5%;}

.home-news{ padding: 76px 48px 130px 37px; overflow: hidden;}
#background{ position: fixed; z-index: -1; width: 100%; height: 100%; background: #f5f5f5; left: 0; top: 0;}
#background .background_pos{ height: 100%; perspective: 3000px; perspective-origin: 50% 50%; width: 100%;}
#background_body{ background: url(/images/1.svg); width: 100%; height: 200%;}
.home-news__title{ margin-bottom: 60px; margin-left: 77px; padding-bottom: 35px; position: relative;}
.home-news__title small{ display: block; color: #7b7b7b; font-size: 20px; font-weight: bold; font-family: arial; line-height: 1; margin-bottom: 14px;}
.home-news__title h4{ line-height: 1; color: #3f3f3f; font-size: 40px;}
.home-news__title:before{ content: ""; width: 35px; height: 6px; background: #7b7b7b; position: absolute; left: 0; bottom: 0;}
.home-news__swiper{ position: relative;}
.home-news__item{ width: 25%; float: left;}
.home-news__item a{ display: block; background: #fff; margin: 0 19px; padding: 25px 23px 58px; transition: 0.65s; perspective: 1000px; -webkit-perspective: 1000px;}
.home-news__item a:before{ content: ""; width: 100%; height: 100%; background: #0578c1; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateY(45deg); -webkit-transform: rotateY(45deg); -moz-transform: rotateY(45deg); transform-origin: left center 0; transition: 0.6s;}
.home-news__item a figure{ line-height: 1; overflow: hidden; position: relative;}
.home-news__item a figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.home-news__down{ position: relative; margin-top: 40px;}
.home-news__down strong{ display: block; color: #363636; font-size: 16px; line-height: 1.2; margin-bottom: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.35s;}
.home-news__down p{ color: #363636; font-size: 14px; line-height: 1.6; overflow: hidden; transition: 0.35s;}
.home-news__down span{ display: block; line-height: 1; color: #175375; font-size: 16px; font-family: "Myriad Pro"; margin-top: 40px; transition: 0.35s;}
.home-news__down b{ display: block; width: 41px; height: 41px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 0; bottom: -42px; color: #fff; font-weight: normal; font-size: 10px; opacity: 0; visibility: hidden; transition: 0.44s; text-align: center; line-height: 41px;}
.home-news__item a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.home-news__item a:hover:before{ opacity: 1; visibility: visible; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
.home-news__item a:hover .home-news__down strong{ color: #fff;}
.home-news__item a:hover .home-news__down p{ color: #fff;}
.home-news__item a:hover .home-news__down span{ opacity: 0; visibility: hidden;} 
.home-news__item a:hover .home-news__down b{ opacity: 1; visibility: visible; bottom: -27px;}

.home-news__btn{ width: 52px; height: 52px; border-radius: 50%; position: absolute; top: -84px; z-index: 6; cursor: pointer; text-align: center; line-height: 52px; color: #ffffff; background: #a4b5ce; font-size: 20px; right: 53px; transition: 0.38s;}
.home-news__btn.prev{ right: 120px;}
.home-news__btn:hover{ background: #0578c1;}

.technology{ padding: 110px 17.7% 105px 6.458%; background-attachment: fixed; background-position: center; background-size: cover;}
.technology__left{ float: left;}
.technology__title{ margin-bottom: 130px; margin-left: 0;}
.technology__title:before{ background: #fff;}
.technology__title small{ color: #fff;}
.technology__title h4{ color: #fff;}
.technology__text{ width: 452px;}
.technology__text strong{ display: block; line-height: 1.2; color: #ffffff; font-size: 20px; font-weight: bold; margin-bottom: 14px;}
.technology__text span{ display: block; color: #ffffff; font-size: 16px; line-height: 1.6; margin-bottom: 50px;}
.technology__text b{ display: inline-block; color: #fff; line-height: 1; font-size: 14px; font-weight: normal; position: relative;}
.technology__text b:before{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1),-webkit-transform .54s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.technology__text:hover b:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.technology__right{ width: 50.62%; float: right; margin-top: 205px;}
.technology__right figure{ display: block; line-height: 1; width: 233px; float: left; overflow: hidden;}
.technology__right figure img{ display: block; width: 100%; height: auto; transition: 0.56s;}
.technology__content{ margin-left: 270px; padding-top: 8px;}
.technology__content time{ display: block; line-height: 1; color: #ffffff; font-size: 14px; font-family: arial; margin-bottom: 20px;}
.technology__content span{ display: block; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; overflow: hidden; margin-bottom: 45px; height: 56px;}
.technology__content b{ display: inline-block; color: #fff; line-height: 1; font-size: 14px; font-weight: normal; position: relative;}
.technology__content b:before{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -3px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1),-webkit-transform .54s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.technology__right:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.technology__right:hover .technology__content b:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.home-about{ background: #fff;}
.home-about__img{ float: left; height: 473px; width: 41.6666%; background-size: cover;}
.home-about__content{ width: 660px; float: left; margin-left: 112px; margin-top: 50px;}
.home-about__top{ margin-bottom: 58px;}
.home-about__top span{ display: block; color: #262727; font-size: 16px; margin-bottom: 16px;}
.home-about__top span i{ display: inline-block; line-height: 1; font-style: normal; color: #b5b5b5; margin-right: 10px; font-size: 30px; vertical-align: middle;}
.home-about__top strong{ display: block; color: #262727; font-size: 20px; font-weight: bold; margin-bottom: 26px; line-height: 1.6;}
.home-about__top b{ display: inline-block; color: #262727; line-height: 1; font-size: 14px; font-weight: normal; position: relative;}
.home-about__top b:before{ content: ""; width: 100%; height: 1px; background: #262727; position: absolute; left: 0; bottom: -3px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1),-webkit-transform .54s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.home-about__top:hover b:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.home-about__list{ position: absolute; left: 134px; bottom: 24.71%; z-index: 20;}
.home-about__item{ float: left; position: relative; margin-left: 55px; text-align: center;}
.home-about__item:first-child{ margin-left: 0;}
.home-about__item b{ display: block; text-align: center; margin: auto; line-height: 1; color: #fff; font-size: 38px; font-weight: normal; position: relative; z-index: 3; transition: 0.35s;}
.home-about__item span{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; font-weight: bold; margin-top: 32px;}
.course__banner{ position: relative; padding: 0 98px; margin-top: 128px;}
.course__banner:before{ content: ""; left: 98px; right: 98px; top: 147px; background: #fff; position: absolute; height: 1px;}
.course__wappw{ position: relative;}

.course__itemd{ float: left; position: relative; padding-top: 102px; padding-bottom: 170px; width: 116px;}
.course__defaul{ display: block; text-align: center; color: #fff; font-size: 25px; line-height: 1; font-family: "PFDinTextCompPro-Regular"; font-style: italic; padding-bottom: 20px; position: relative;}
.course__defaul:before{ content: ""; width: 2px; height: 8px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: 0;}
.course__fix{ position: absolute; left: 50%; margin-left: -274px; top: 0; z-index: 5; background: #fff; width: 548px; opacity: 0; visibility: hidden; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px);}
.course__time{ background: #0065aa; padding: 30px 26px 28px 40px;}
.course__time strong{ display: block; float: left; color: #ffffff; font-size: 20px; line-height: 1; font-weight: normal; font-family: "PFDinTextCompPro-Regular";}
.course__time strong b{ display: inline-block; font-size: 30px; vertical-align: middle; margin-right: 4px;}
.course__time small{ display: block; float: right; color: #ffffff; font-size: 25px; font-family: "PFDinTextCompPro-Regular"; font-style: italic; text-transform: uppercase; opacity: 0.3; filter:alpha(opacity=30); line-height: 1;}
.course__downd{ padding: 16px 24px 60px;}
.course__downd img{ display: block; width: 45.14%; float: left; line-height: 1;}
.coursefix{ width: 49.79%; float: right; padding-top: 8px;}
.coursefix p{ color: #656565; font-size: 16px; font-family: "微软雅黑";}

.partners{ padding: 62px 0 102px; background: #f9f9f9;}
.partners__wapper{ width: 1360px; max-width: 95%; margin: auto;}
.partners__introduct{ width: 23%; float: left; position: relative;}
.partners__title{ margin-bottom: 45px;}
.partners__title small{ display: block; line-height: 1; color: #494949; font-size: 20px; font-family: arial; font-weight: bold; margin-bottom: 10px;}
.partners__title strong{ display: block; color: #494949; font-size: 40px; line-height: 1; font-weight: bold;}
.partners__content p{ color: #494949; font-size: 14px; line-height: 2;}
.partners__list{ margin-left: 31.47%; margin-top: 68px;}
.partners__list .slick-list{ padding: 1px; border-right: 1px solid #ebebeb;}
.partners__info{ float: left; width: 20%;}
.partners__info a{ display: block; border: 1px solid #ebebeb; margin-left: -1px; margin-top: -1px; line-height: 1; overflow: hidden;}
.partners__info a img{ display: block; width: 100%; height: auto; transition: 0.45s;}
.partners__info a:hover img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.partners__btn{ background: none; color: #cccccc; border: 2px solid #cccccc; width: 44px; height: 44px; line-height: 44px; left: 8px; top: auto; margin-top: 0; bottom: -100px; right: auto;}
.partners__btn.next{ left: 72px;}
.partners__btn:hover{ background: #0578c1; color: #fff; border-color: #0578c1;}

.footer{ position: relative; z-index: 10;}
.footer__top{ position: relative; padding: 42px 67px 84px 134px; background: #182638;}
.footer__address{ float: left;}
.footer__eq{ float: left; margin-right: 20px;}
.footer__eq img{ display: block; width: 115px; height: auto;}
.footer__add{ float: left; margin-top: 20px; margin-right: 70px;}
.footer__add span{ display: block; color: #cccccc; font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.footer__add p{ color: #cccccc; font-size: 14px; margin-bottom: 8px;}
.footer__add p:last-child{ margin-bottom: 0;}
.footer__add p i{ display: inline-block; margin-left: 3px; font-style: normal; width: 26px; height: 18px; line-height: 1; font-size: 18px;}
.link{ float: right; margin-top: 42px;}
.friendship{ float: left; margin-right: 6px; position: relative;}
.friendship span{ display: block; width: 211px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; font-size: 14px; background: #878e97; cursor: pointer;}
.friendship span i{ display: inline-block; color: #fff; font-style: normal; margin-left: 6px; font-size: 12px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transition: 0.34s;}
.friendship__menu{ width: 100%; position: absolute; left: 0; bottom: 40px; display: none;}
.friendship span.on i{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.friendship__menu li{ margin-bottom: 1px;}
.friendship__menu li a{ display: block; text-align: center; color: #fff; font-size: 14px; line-height: 40px; background: #878e97;}
.friendship__menu li a:hover{ background: #0578c1;}
.link .mail{ display: block; width: 211px;float: left; text-align: center; color: #fff; font-size: 14px; background: #878e97;}
.link .mail:hover{ background: #0578c1;}
.senke-linkA { position: relative;}
.senke-linkA .txt{ height: 40px;  line-height: 40px; display: block;}
.senke-linkA .desc{ position: absolute; top: 100%; left: 0; width: 100%; text-align: center; background: #0578c1; line-height: 1.4; padding: 10px; box-sizing: border-box; transition: .3s; opacity: 0; pointer-events: none; visibility: hidden;}
.senke-linkA:hover .desc{ opacity: 1; visibility: visible; pointer-events: all;}
.footer__bottom{ background: #000000; padding-left: 134px; padding-top: 20px; padding-bottom: 20px;}
.footer__bottom p{ color: #cccccc; font-size: 14px;}
.footer__bottom p a{ display: inline-block; margin-left: 30px; color: #ccc;}
.footer__bottom p a:hover{ color: #fff;}
.scolltop{ width: 70px; height: 70px; background: #182638; line-height: 70px; position: absolute; right: 0; top: -70px; cursor: pointer; z-index: 10; color: #fff; text-align: center; font-size: 20px; transition: 0.35s;}
.scolltop:hover{ line-height: 60px;}
.slider{ position: fixed; right: 8px; top: 50%; margin-top: -83px; z-index: 199;}
.slider__item{ margin-top: 5px; position: relative; transition: 0.45s;  z-index: 5;}
.slider__item:before{ content: ""; width: 52px; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; background: #595959; transition: 0.4s;}
.slider__item:first-child{ margin-top: 0;}
.slider__item b{ display: block; width: 52px; height: 52px; text-align: center; line-height: 52px; color: #fff; font-size: 20px; font-weight: normal;}
.slider__item span{ display: block; color: #fff; font-size: 16px; font-weight: bold; line-height: 52px; position: absolute; right: 52px; top: 0; white-space: nowrap; transition: 0.35s; opacity: 0; visibility: hidden; transition:0s;}
.slider__item:hover:before{ width: 142px; background: #05b4ae;}
.slider__item:hover span{ right: 44px; opacity: 1; visibility: visible; transition:0.38s 0.1s;}

.pbanner{ position: relative; overflow: hidden;}
.pbanner figure{ display: block; line-height: 1; overflow: hidden;}
.pbanner figure img{ display: block; position: relative; width: 100%; height: auto;} 
.pbanner__title{ width: 1350px; position: absolute; left: 50%; margin-left: -675px; bottom: 172px; z-index: 10; padding-top: 40px;}
.pbanner__title:before{ content: ""; width: 1px; height: 20px; background: #fff; position: absolute; left: 16px; top: 0;}
.pbanner__title small{ display: block; color: #fff; font-size: 35px; line-height: 1; font-family: "Myriad Pro"; margin-bottom: 12px; text-shadow: 0 0 7px rgba(0,0,0,0.35);}
.pbanner__title strong{ display: block; color: #fff; line-height: 1; font-size: 60px; font-weight: bold; text-shadow: 0 0 7px rgba(0,0,0,0.35); margin-bottom: 25px;}
.pbanner__title b{ display: block; width: 27px; height: 43px; border: 2px solid #fff; border-radius: 8px; position: relative; margin-left: 12px;}
.pbanner__title b:before{ content: ""; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -3px; top: 10px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}
.pbanner-texts{ width: 700px; left: 50px; bottom: 0; max-width: 100%; margin-left: 70px; margin-top: -50px}
.pbanner-texts p{ color: #fff; font-size: 16px;}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 10px;
	}
	to{
		opacity: 0.2;
		top: 26px;
	}
}

.levalbox{ position: absolute; left: 50%; margin-left: -675px; bottom: 0; z-index: 10; background: #0065aa;}
.levalbox.scoll{ position: fixed; bottom: auto; top: 78px;}
.leval__menu li{ width: 14.28%; float: left; position: relative;}
.leval__menu li:before{ content: ""; width: 1px; height: 24px; background: #fff; opacity: 0.17; filter:alpha(opacity=17); position: absolute; left: 0; top: 50%; margin-top: -12px;}
.leval__menu li a{ display: block; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; position: relative; z-index: 4; perspective: 800px; -webkit-perspective: 800px;}
.leval__menu li a:before{ content: ""; width: 100%; height: 55px; background: #fff; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); transition: 0.48s;} 
.leval__menu li:hover a:before,.leval__menu li.active a:before{ opacity: 1; visibility: visible; transform: rotateX(0deg);}
.leval__menu li:hover a,.leval__menu li.active a{ color: #333333;}
.leval__menu li:first-child:before{ display: none;}
.introducte{ padding: 122px 0 148px; background: url(/img/24.jpg) center bottom no-repeat; background-size: 100% auto;}
.introducte__content{ width: 61.777%; float: left;}
.introducte__title{ padding-bottom: 26px; position: relative; line-height: 1; color: #313131; font-size: 45px; font-weight: bold;}
.introducte__title:before{ content: ""; width: 50px; height: 5px; background: #727272; position: absolute; left: 0; bottom: 0;}
.introduct__text{ margin-top: 76px;}
.introduct__text strong{ display: block; color: #4a4a4a; font-size: 20px; font-weight: bold; margin-bottom: 12px; line-height: 1.6;}
.introduct__text p{ color: #404040; font-size: 15px; line-height: 2; text-align: justify; font-family: "微软雅黑";}
.introduct__text a{ display: block; padding-left: 35px; width: 150px; height: 52px; border: 2px solid #666666; line-height: 52px; color: #666666; font-size: 15px; font-weight: bold; position: relative; margin-top: 50px; z-index: 3; perspective: 500px; -webkit-perspective: 500px;}
.introduct__text a:before{ content: ""; width: 35px; height: 7px; background: url(/images/arrow.png) center no-repeat; position: absolute; right: 24px; top: 50%; margin-top: -3px; z-index: 4; transition: 0.38s;}
.introduct__text a:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.48s; z-index: -1;}
.introduct__text a:hover:after{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.introduct__text a:hover{ color: #fff; border-color: #0065aa; transition: color 0.35s 0s,border-color 0.35s 0.2s;}
.introduct__text a:hover:before{ background: url(/images/arrow1.png) center no-repeat; right: 19px;}
.introduct__data{ float: right; margin-top: 95px; padding: 48px 38px 65px 38px; border: 1px solid #dcdcdc; width: 265px;}
.introduct__info{ float: left; width: 170px;}
.introduct__info p{ color: #4f4f4f; font-size: 14px; margin-bottom: 18px; line-height: 1;}
.introduct__info p strong{ display: inline-block; color: #4f4f4f; font-size: 45px; line-height: 1; font-family: "PFDinTextCompPro-Regular"; font-weight: normal; margin-right: 3px;}
.introduct__info.no__margin{ width: auto;}
.introduct__info1{ margin-bottom: 80px;}
.introduct__info span{ display: block; line-height: 1; color: #4f4f4f; font-size: 15px;}
.course{ padding: 80px 0 140px; background-attachment: fixed; background-size: cover; background-position: center;}
.course__title{ color: #fff;}
.course__title:before{ background: #fff;}
.course__down{ margin-top: 94px;}
.course__btns span{ display: block; width: 53px; height: 53px; border-radius: 50%; float: left; line-height: 54px; text-align: center; font-size: 18px; cursor: pointer; color: #fff; transition: 0.4s; margin-right: 22px; border: 1px solid #fff;}
.course__btns span:hover{ background: #0065aa; color: #fff; border-color: #0065aa;}
.course__wappw .course__btns span.prev{ left: 30px;}
.course__wappw .course__btns span.next{ right: 30px;}
.course__itemd.slick-current .course__fix{ opacity: 1; visibility: visible; transition: 0.65s 0.1s; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
.course__wappw .course__btns span{ background: #dfdfe0; border-color: #dfdfe0; color: #4f4f50; position: absolute; top: 118px; margin-right: 0;}
.course__wappw .course__btns span:hover{ background: #0065aa; border-color: #0065aa; color: #fff;}

.course__list{ width: 1372px; margin-left: -11px; display: flex; display: -webkit-flex; align-items: flex-end; margin-top: 46px;}
.course__item{ width: 25%; float: left;}
.course__wr{ margin: 0 11px; background: #fff;}
.course__top{ padding: 28px 28px 22px 36px; border-bottom: 1px solid #ebebeb; position: relative; z-index: 4; perspective: 500px; -webkit-perspective: 500px;}
.course__top:before{content: ""; width: 100%; height: 82px; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.48s; z-index: -1;}

.course__top p{ float: left; color: #a1a1a1; font-size: 20px; font-family: "PFDinTextCompPro-Regular"; line-height: 1; transition: 0.4s;}
.course__top p b{ display: inline-block; vertical-align: middle; margin-right: 3px; font-weight: bold; font-size: 30px; transition: 0.4s;}
.course__top small{ display: block; float: right; line-height: 1; color: #a1a1a1; font-size: 25px; font-family: "PFDinTextCompPro-Regular"; margin-top: 6px; text-transform: uppercase; opacity: 0.3; filter:alpha(opacity=30); font-style: italic; transition: 0.4s;}
.course__text{ padding: 30px 40px 32px 38px;}
.course__text p{ color: #656565; font-size: 16px; text-align: justify; font-family: "微软雅黑";}
.course__wr:hover .course__top:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.course__wr:hover .course__top p{ color: #fff;}
.course__wr:hover .course__top p b{ color: #fff;}
.course__wr:hover .course__top small{ color: #fff;}
.course__list .slick-track{ display: flex; display: -webkit-flex; align-items: flex-end;}

.speed{ padding: 66px 0 190px;}
.speed__left{ width: 346px; float: left;}
.speed__img{ margin-top: 70px;}
.speed__img img{ display: block; width: 100%; height: auto;}
.speed__text{ margin-left: 414px; margin-top: 56px;}
.speed__text p{ color: #484848; font-size: 15px; line-height: 2; font-family: "微软雅黑"; text-align: justify;}
.speed__content{ padding-left: 20px;}

.culture{ padding: 95px 0 140px; background-attachment: fixed; background-position: center; background-size: cover;}
.culture__top .introducte__title{ color: #fff; float: left;}
.culture__top .introducte__title:before{ background: #fff;}
.culture__top p{ color: #ffffff; font-size: 15px; margin-left: 278px; margin-right: 238px;}
.culture__list{ margin-top: 120px; width: 1370px; margin-left: -10px;}
.culture__item{ width: 25%; float: left;}
.culture__wr{ margin: 0 10px; position: relative; perspective: 500px; -webkit-perspective: 500px;}
.culture__wr figure{ overflow: hidden; display: block; line-height: 1; position: relative;}
.culture__wr figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.culture__text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #04558c; filter:alpha(opacity=90); background: rgba(4,85,140,0.9); overflow-y: auto; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-45deg); -webkit-transform: rotateX(-45deg); -moz-transform: rotateX(-45deg); transition: 0.48s; -webkit-overflow-scrolling: touch;}
.culture__text p{ color: #fefefe; font-size: 18px; font-weight: bold; padding-top: 18px; margin: 40px 22px 42px; text-align: justify; line-height: 1.6; position: relative;}
.culture__text p:before{ content: ""; width: 27px; height: 4px; background: #fff; position: absolute; left: 0; top: 0;}
.culture__ti{ padding: 14px 18px 25px; background: #fff;}
.culture__ti strong{ display: block; line-height: 1; color: #000000; font-size: 16px; font-weight: bold; margin-bottom: 8px;}
.culture__ti small{ display: block; line-height: 1; color: #999999; font-size: 14px; font-family: arial;}
.culture__wr:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.culture__wr:hover .culture__text{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}

.framework{ padding: 75px 0 130px;}
.framework__img{ margin-top: -58px; text-align: center;}
.framework__img img{ display: block; max-width: 100%; height: auto; margin: auto;}
.team{ padding: 70px 0 25px; background-attachment: fixed; background-position: center; background-size: cover;}
.team__left{ width: 32%; float: left;}
.team__text{ margin-top: 84px;}
.team__fix{ margin-top: 105px;}
.team__fix p{ color: #ffffff; font-size: 15px; text-align: justify;}
.team__list{ width: 668px; float: right;}
.team__item{ float: left; width: 100%;}
.team__info{ width: 50%; float: left; margin-bottom: 39px;}
.team__margin{ display: block; margin: 0 15px; position: relative; perspective: 500px; -webkit-perspective: 500px;}
.team__margin figure{ display: block; line-height: 1; overflow: hidden;}
.team__margin figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.team__content{ background: #fff; position: absolute; top: 23px; right: 33px; bottom: 23px; left: 34px; margin: auto; padding-top: 44px; text-align: center; font-family: "微软雅黑"; opacity: 0; visibility: hidden; transform-origin: left center 0; transform: rotateY(45deg); transition: 0.58s;}
.team__content strong{ display: block; line-height: 1; color: #333333; font-size: 25px; text-align: center; margin-bottom: 10px;}
.team__content span{ display: block; text-align: center; color: #666666; font-size: 14px; line-height: 1;}
.team__content b{ display: block; color: #666666; font-size: 14px; line-height: 1; padding-right: 41px; background: url(/images/arrow.png) right center no-repeat; font-weight: normal; position: absolute; left: 50%; bottom: 40px; margin-left: -48px;} 
.team__margin:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.team__margin:hover .team__content{ opacity: 1; visibility: visible; transform: rotateY(0deg);}
.team__info:nth-child(2){ margin-top: 40px;}
.team__info:nth-child(3){ margin-top: -40px;}

.honor{ padding: 70px 0 105px;}
.honor__swiper{ margin-top: 42px; padding: 0 105px; position: relative;}
.honor__list li{ float: left; width: 20%; padding: 10px 0;}
.honor__list li figure{ display: block; margin: 0 11px; line-height: 1; }
.honor__list li figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.honor__list li figure:hover img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.honor__swiper .course__btns span{ border-color: #d7d7d7; color: #d7d7d7; position: absolute; top: 50%; margin-top: -27px;}
.honor__swiper .course__btns span.prev{ left: 0;}
.honor__swiper .course__btns span.next{ right: 0; margin-right: 0;}
.pswp1 .pswp__counter{ display: none;}

.introduct__box{ padding: 120px 0; width: 1200px; margin: auto;}
.introduct__box .introducte__content{ width: 100%; float: none;}
.introduct__swiper{ position: relative;}
.intro__item{ width: 33.33333%; float: left;}
.intro__item figure{ display: block; line-height: 1; overflow: hidden; margin-right: 1px;}
.intro__item figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.intro__btn{ width: 83px; height: 83px; position: absolute; top: 50%; margin-top: -41px; z-index: 10; color: #fff; font-size: 30px; border-radius: 50%; background: #000; filter:alpha(opacity=35); background: rgba(0,0,0,0.35); text-align: center; line-height: 83px; cursor: pointer; transition: 0.42s;}
.intro__btn.prev{ left: 66px;}
.intro__btn.next{ right: 66px;}
.intro__btn:hover{ background: #0065aa;}
.intro__item figure img:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}

.future{ padding: 150px 0; background-attachment: fixed; background-position: center; background-size: cover;}
.future__wapper{ width: 650px; margin: auto; max-width: 90%; text-align: center;}
.future__title{ display: inline-block; margin: auto; padding: 0 29px; position: relative;}
.future__title:before,.future__title:after{ content: ""; width: 23px; height: 4px; background: #b1adab; position: absolute; top: 50%; margin-top: -2px;}
.future__title:before{ left: 0;}
.future__title:after{ right: 0;}
.future__wapper p{ text-align: center; color: #666666; font-size: 16px; margin-bottom: 28px; margin-top: 20px;}
.future__wapper small{ display: block; text-align: center; color: #404040; font-size: 16px; font-family: "Constantia";}
.leval__menu1 li{ width: 33.33333%;}

.news{ padding: 74px 0 160px; background: #f3f3f3;}
.news__wapper{ width: 1386px; margin: auto;}
.news__list li{ width: 50%; float: left; margin-bottom: 40px;}
.news__list li a{ display: block; margin: 0 18px; background: #fff; padding: 35px 6.56% 80px 7.32%; position: relative;}
.news__list li a time{ display: block; color: #999999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #0065aa; font-family: "PFDinTextCompPro-Regular";}
.news__text{ margin-top: 11px;}
.news__text figure{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin-right: 25px;}
.news__text figure img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.news__fix{ font-family: "微软雅黑";}
.news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.news__fix p{ color: #666666; font-size: 14px; line-height: 2; height: 84px; overflow: hidden;}
.news__more{ width: 55px; height: 55px; background: #cbddea; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s;}
.news__more:before{ content: ""; width: 16px; height: 16px; background: url(/images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.news__list li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.news__list li a:hover .news__fix h3{ color: #0065aa;}
.news__list li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);} 
.news__list li a:hover .news__more{ background: #0065aa;}
.news__list li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.readmore{ padding-top: 64px; text-align: center;}
.readmore a{ display: block; width: 174px; height: 49px; text-align: center; line-height: 49px; color: #666666; font-size: 14px; font-family: arial; border: 2px solid #999999; margin: auto; position: relative; z-index: 3; perspective: 400px; -webkit-perspective: 400px;}
.readmore a:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.48s; z-index: -1;}
.readmore a:hover:after{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.readmore a:hover{ color: #fff; border-color: #0065aa; transition: color 0.35s 0s,border-color 0.35s 0.2s;}

.news__views{ background: #f3f3f3; padding-bottom: 120px;}
.news__waos{ position: relative; z-index: 5; margin-top: -153px;}
.news__page{ position: relative;}
.news__page a{ display: block; width:55px; height: 55px; border: 1px solid #fff; border-radius: 50%; float: left; text-align: center; line-height: 55px; color: #fff; font-size: 20px;} 
.news__page a.next{ float: right;}
.news__page a.pagebacke{ left: 50%; position: absolute; margin-left: -28px; top: 0;}
.news__page a:hover{ background: #0578c1; border-color: #0578c1;}
.news__texts{ background: #ffffff; margin-top: 46px; padding: 0 7.25%;}
.newstop{ padding: 46px 0; border-bottom: 1px solid #e9e9e9;}
.newstop h2{ color: #333333; font-size: 30px; font-weight: normal; line-height: 1.2; margin-bottom: 22px; text-align: center;}
.newstime{ text-align: center;}
.newstime span{ display: inline-block; vertical-align: middle; color: #9f9f9f; font-size: 14px; line-height: 1; margin: 0 5px;}

.share{ display: inline-block; vertical-align: middle; margin-left: 14px;}
.share a{ display: block; float: left; line-height: 1; color: #b2b2b2; font-size: 15px; margin-left: 6px;} 
.share a:first-child{ margin-left: 0;}
.share span{ display: block; float: left; color: #afafaf; font-size: 14px;}
.share a:hover{ color: #347dbf;}
.news__content{ padding: 64px 22px 84px; font-family: "微软雅黑";}
.news__content p,.news__content a{ color: #666666; font-size: 15px;}
.news__content img{ max-width: 100% !important; width: auto !important; height: auto !important;}

.statute{ padding-top: 56px; padding-bottom: 120px;}
.statute__info{ margin-bottom: 52px;}
.statute__info figure{ display: block; float: left; width: 400px; line-height: 1; overflow: hidden;}
.statute__info figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.statute__text{ margin-left: 474px; font-family: "微软雅黑"; position: relative; width: 550px;}
.statute__text time{ display: block; color: #999999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #0065aa; margin-bottom: 28px; font-family: "PFDinTextCompPro-Regular";}
.statute__text strong{ display: block; line-height: 1.2; color: #232323; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 16px; transition: 0.35s;}
.statute__text p{ color: #666666; font-size: 14px; margin-right: 56px; overflow: hidden; height: 150px;}
.statute__text span{ display: block; color: #999999; font-size: 12px; line-height: 1; text-align: right;}
.statute__info:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.statute__info:hover .statute__text strong{ color: #0065aa;}
.statute__list{ border-top: 1px solid #eeecec;}
.statute__list li{ border-bottom: 1px solid #eeecec;}
.statute__list li a{ display: block; padding: 25px 14.666% 25px 4.6666%; height: 20px; position: relative; z-index: 4; perspective: 500px; -webkit-perspective: 500px;}
.statute__list li a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-45deg); -webkit-transform: rotateX(-45deg); -moz-transform: rotateX(-45deg); transition: 0.48s; z-index: -1;}
.statute__list li a time{ display: block; float: left; color: #999999; font-size: 16px; line-height: 19px; padding-left: 8px; border-left: 7px solid #c8c8c8; font-family: "PFDinTextCompPro-Regular"; transition: 0.35s;}
.statute__list li a span{ display: block; float: left; margin-left: 82px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 19px; color: #666666; font-size: 16px; font-family: "微软雅黑"; transition: 0.35s; width: 50%;}
.statute__list li a b{ display: block; float: right; color: #999999; font-size: 12px; line-height: 19px; transition: 0.35s;}
.statute__list li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.statute__list li a:hover time{ color: #fff; border-left-color: #fff;}
.statute__list li a:hover span{ color: #fff;}
.statute__list li a:hover b{ color: #fff;}

.product__class{ background: #eeeeee; border-bottom: 1px solid #e8e8e8;}
.product__class .levalbox{ position: relative; left: 0; margin-left: 0; margin: auto; background: none;}
.product__class.scoll{ position: fixed; left: 0; width: 100%; top: 78px; z-index: 10;}
.product__class.scoll .levalbox{ top: 0;}
.product__class .levalbox li{ width: 154px;}
.product__class .levalbox li a{ height: 54px; line-height: 55px; color: #4a4a4a; font-size: 16px;}
.product__class .leval__menu li:hover a,.product__class .leval__menu li.active a{ color: #fff;}
.product__class .levalbox li a:before{ height: 55px; background: #0065aa;}
.product__class .levalbox li.active a{ color: #fff;}
.product{ padding: 60px 0 84px; background: #f3f3f3;}
.product__list li{ width: 25%; float: left; margin-bottom: 35px;}
.product__list{ width: 1370px; margin-left: -10px; margin-bottom: 66px;}
.product__list li{ width: 25%; float: left; margin-bottom: 35px;}
.product__list li a{ display: block; margin: 0 10px; border: 1px solid #eeeeee; background: #fff; padding: 58px 0 32px; text-align: center;}
.product__list li a strong{ display: block; text-align: center; line-height: 1; color: #333333; margin-bottom: 35px; font-size: 16px;}
.product__list li a figure{ display: block; height: 150px; position: relative;}
.product__list li a figure img{ display: block; max-width: 90%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.58s;}
.product__list li a p{ color: #333333; font-size: 15px; text-align: center; margin: 25px 28px 0; height: 56px; margin-bottom: 14px; overflow: hidden;}
.product__list li a b{ display: block; width: 40px; height: 40px; margin: auto; border-radius: 50%; text-align: center; background: #0065aa; position: relative; opacity: 0; visibility: hidden; transition: 0.45s; transform: rotateY(-90deg); -webkit-transform: rotateY(-180deg);}
.product__list li a b:before{ content: ""; width: 14px; height: 14px; background: url(/images/more1.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px;}
.product__list li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.product__list li a:hover b{ opacity: 1; visibility: visible; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
.page{ text-align: center;}
.page a{ display: inline-block; vertical-align: middle; width: 77px; height: 77px; text-align: center; line-height: 77px; color: #333333; font-size: 16px; font-family: "微软雅黑";}
.page a:hover,.page a.active{ background: #0065aa; color: #fff;}
.product__banner{ padding: 108px 0 105px;}
.product__swiper{ padding: 0 15%; position: relative;}
.product__item{ float: left; line-height: 1; width: 100%;}
.product__item img{ display: block; max-width: 95%; margin: 0 5px; height: auto;}
.product__swiper .intro__btn{ width: 57px; height: 57px; line-height: 57px; background: #e4e4e4; font-size: 18px; margin-top: -28px;}
.product__swiper .intro__btn.prev{ left: 50px;}
.product__swiper .intro__btn.next{ right: 50px;}
.product__swiper .intro__btn:hover{ background: #0578c1;}
.product__text{ margin-top: 84px; text-align: center;}
.product__text p{ width: 480px; color: #333333; font-size: 15px; line-height: 2; margin: auto; text-align: left; font-family: "微软雅黑";}
.pro__list{ margin-top: 42px; text-align: center;}
.pro__list a{ line-height: 1; display: inline-block; margin: auto; color: #bfbfbf; font-size: 30px;}

.marketing{ padding: 66px 0 70px; background-position: center; background-size: cover;}
.marketing__tt .introducte__title{ color: #313131;}
.marketing__tt .introducte__title:before{ background: #313131;}
.marketing__tt p{ color: #666666;}
.marketings{ width: 1390px; margin-left: -20px; margin-top: 80px;}
.marketings li{ width: 33.3333%; float: left; margin-bottom: 48px;}
.marketings li a{ display: block; margin: 0 20px; overflow: hidden; position: relative; perspective: 450px; -webkit-perspective: 450px; -moz-perspective: 450px;}
.marketings li a figure{ display: block; line-height: 1; overflow: hidden;}
.marketings li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.marketings li a figure span{ display: block; line-height: 1; color: #fff; font-size: 16px; font-weight: bold; font-family: "微软雅黑"; position: absolute; left: 0; bottom: 0; width: 100%; text-indent: 24px; padding-top: 40px; height: 36px; background: url(/images/shabox.png) left top repeat-x; transition: 0.35s;}
.marketing__mark{ width: 100%; height: 100%; background: #0578c1; filter:alpha(opacity=90); background: rgba(5,120,193,0.9); position: absolute; left: 0; top: 0; z-index: 5; opacity: 0; visibility: hidden; transform-origin: top center 0; -webkit-transform-origin: top center 0; transform: rotateX(-45deg); -webkit-transform: rotateX(-45deg); -moz-transform: rotateX(-45deg); transition: 0.5s;}
.markwrs{ width: 100%; position: absolute; left: 0; top: 50%; margin-top: -62px; opacity: 0; visibility: hidden; transition: 0.48s; text-align: center;}
.markwrs span{ display: block; line-height: 1; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 16px;}
.markwrs p{ text-align: center; color: #fff; font-size: 14px; width: 280px; max-width: 90%; margin: auto; height: 72px;}
.markwrs b{ display: inline-block; margin: auto; line-height: 1; color: #fff; font-size: 12px;}
.marketings li a:hover figure img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.marketings li a:hover .marketing__mark{ opacity: 1; visibility: visible; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0);}
.marketings li a:hover .markwrs{ opacity: 1; visibility: visible; transition-delay: 0.15s;}
.marketings li a:hover figure span{ opacity: 0; visibility: hidden;}

.frameworks{ padding: 90px 0 160px; background-attachment: fixed; background-size: cover; background-position: center;}
.frameworkwr .introducte__title{ color: #ffffff;}
.frameworkwr .introducte__title:before{ background: #fff;}
.frameworkbox{ text-align: center; margin-top: 36px;}
.frameworkbox img{ display: block; margin: auto; max-width: 100%; height: auto;}
.leval__menu2 li{ width: 20%;}
.project__introduct{ padding: 164px 0 98px;}
.project__introduct .introducte__title{ float: left;}
.pro__content{ margin-left: 360px; width: 600px;}
.pro__content strong{ display: block; line-height: 1.2; color: #333333; font-size: 25px; margin-bottom: 12px;}
.pro__content p{ color: #666666; font-size: 15px; line-height: 2; margin-bottom: 36px;}
.pro__content a{ display: block; width: 165px; height: 59px; text-align: center; color: #fff; font-size: 14px; line-height: 59px; background: #999999; z-index: 4; position: relative; perspective: 200px; -webkit-perspective: 200px;}
.pro__content a:before{ content: ""; width: 100%; height: 100%; background: #0065aa; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateX(-80eg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform-origin: top center 0; transition: 0.45s; z-index: -1;}
.pro__content a i{ display: inline-block; font-style: normal; color: #fff; font-size: 26px; vertical-align: middle; margin-left: 14px; transition: 0.32s; position: relative; left: 0;}
.pro__content a:hover:before{ opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.pro__content a:hover i{ left: 4px;}

.system{ padding: 135px 0 160px; background: #fff url(/img/63.jpg) center top no-repeat; background-size: 100% auto;}
.system__wapper .introducte__title{ margin-left: 15px; color: #fff;}
.system__wapper .introducte__title:before{ background: #fff;}
.system__box{ margin-top: 72px; padding-top: 78px; position: relative; background: #fff;}
.system__swiper{ padding: 0 185px;}
.system__wr{ position: relative;}
.system__item{ width: 50%; float: left;}
.system__item a{ display: block; margin: 0 23px; position: relative;}
.system__item a figure{ display: block; line-height: 1; overflow: hidden; position: relative;}
.system__item a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.system__item a figure span{ display: block; padding-left: 20px; width: 94px; height: 41px; line-height: 41px; border: 1px solid #fff; position: absolute; right: 54px; bottom: 30px; color: #ffffff; font-size: 12px; font-family: arial; opacity: 0; visibility: hidden; transition: 0.48s;}
.system__down{ padding: 21px 7px 0; font-family: "微软雅黑";}
.system__down strong{ display: block; color: #333333; font-size: 14px; font-weight: normal; line-height: 1; margin-bottom: 22px;} 
.system__down strong b{ display: inline-block; font-weight: normal; font-size: 20px; margin-right: 6px;}
.system__down p{ color: #666666; font-size: 14px;}
.system__item a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.system__item a:hover figure span{ opacity: 1; visibility: visible; right: 34px;}
.system__btn{ width: 52px; height: 52px; text-align: center; z-index: 10; line-height: 52px; transition: 0.45s; border-radius: 50%; background: #e3e3e3; color: #fff; position: absolute; top: 50%; margin-top: -26px; cursor: pointer;}
.system__btn.prev{ left: 120px;}
.system__btn.next{ right: 120px;}
.system__btn:hover{ background: #7bb8de;}

.exhibite{ position: relative; padding: 112px 0 123px;}  
.exhibitebg{ width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center;}
.exhibitewrs{ margin-left: 216px; position: relative; z-index: 4;}
.exhibitewrs figure{ display: block; width: 49.18%; float: left; line-height: 1; overflow: hidden;}
.exhibitewrs figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.exhibite__content{ width: 39.8%; float: right; text-align: center; margin-right: 34px; padding-top: 10px;}
.exhibite__content strong{ display: block; line-height: 1; color: #333333; font-size: 45px; font-weight: bold; margin-bottom: 32px; text-align: center;}
.exhibite__content p{ text-align: center; color: #666666; font-size: 14px;}
.exhibite__content span{ display: block; perspective: 300px; -webkit-perspective: 300px; width: 117px; height: 43px; line-height: 43px; text-align: center; z-index: 3; position: relative; margin: auto; color: #fff; font-size: 12px; font-family: arial; background: #666666; margin-top: 36px;}   
.exhibite__content span:before{content: ""; width: 100%; height: 100%; background: #0065aa; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: rotateX(-80eg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform-origin: top center 0; transition: 0.45s; z-index: -1;}
.exhibitewrs:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.exhibitewrs:hover .exhibite__content span:before{ opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.learning{ padding: 70px 0 118px; background-attachment: fixed; background-size: cover; background-position: center;}
.learning__title{ text-align: center; color: #ffffff; font-size: 45px; font-weight: bold; line-height: 1; margin-bottom: 62px;} 
.learning__list{ width: 1226px; margin-left: -13px;}
.learn__item{ width: 33.3333%; float: left;}
.learn__item figure{ display: block; margin: 0 13px; background: #fff; padding: 30px 28px;}
.learn__item a{ display: block; line-height: 1; overflow: hidden; position: relative;}
.learn__item figure img{ display: block; width: 100%; height: auto; transition: 0.54s;}
.learn__mark{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=32); background: rgba(0,0,0,0.32); opacity: 0; visibility: hidden; transition: 0.58s;}
.learn__mark span{ display: block; width: 115px; height: 41px; text-align: center; line-height: 41px; color: #fff; font-family: arial; text-align: center; border: 1px solid #e4e4e4; position: absolute; right: 41px; bottom: 19px; opacity: 0; visibility: hidden; transition: 0.45s;}
.learning__content{ padding: 18px 12px 0; min-height: 98px;}
.leaderinfi{ display: block; margin-bottom: 5px; font-family: "微软雅黑";}
.leaderinfi dt{ display: block; float: left; color: #313131; font-size: 14px; margin-right: 12px;}
.leaderinfi dd{ display: block; color: #666666; font-size: 14px;}
.learn__item a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.learn__item a:hover .learn__mark{ opacity: 1; visibility: visible;}
.learn__item a:hover .learn__mark span{ opacity: 1; visibility: visible; right: 21px;}
.learning__list .slick-dots{ text-align: center; margin-top: 48px; line-height: 1;}
.learning__list .slick-dots li{ display: inline-block; margin-left: 7px;}
.learning__list .slick-dots li:first-child{ margin-left: 0;}
.learning__list .slick-dots li button{ display: block; margin: 0; outline: none; padding: 0; border: none; width: 9px; height: 9px; background: #d1d1d1; line-height: 1; text-indent: 99999px; overflow: hidden; cursor: pointer; transition: 0.4s;}
.learning__list .slick-dots li.slick-active button{ background: #3ac8e1;}
.videos{ padding: 87px 0 110px;}
.video__title{ text-align: center; line-height: 1; color: #313131; font-size: 45px; font-weight: bold; margin-bottom: 60px;}
.vi deo__list{ width: 1222px; margin-left: -11px;}
.video__list li{ width: 33.3333%; float: left; margin-bottom: 24px;}
.video__list li a{ display: block; margin: 0 11px;}
.video__list li a figure{ display: block; position: relative; line-height: 1; overflow: hidden;}
.video__list li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.video__list li a figure span{ display:block; width:51px; height:51px; position:absolute; left: 50%; top: 50%; margin-left: -26px; margin-top: -26px;}
.video__list li a figure span i{ display:block; content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 15px solid #fff; position:absolute; left: 20px; top: 50%; margin-top: -8px; transition: 0.36s;}
.video__list li a figure span:after,.video__list li a figure span:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:2px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
.video__list li a figure span:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}

.video__list li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.video__list li a:hover figure span:after,.video__list li a:hover figure span:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
.video__list li a:hover figure span:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
.video__list li a:hover figure span:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.video__text{ padding: 11px 4px 0;}
.video__text time{ display: block; color: #999999; font-size: 16px; padding-left: 8px; line-height: 19px; color: #999999; font-family: 16px; font-family: "PFDinTextCompPro-Regular"; border-left: 7px solid #0065aa;}
.video__text span{ display: block; margin-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 16px; font-family: "微软雅黑";}
.video__more{ margin-top: 66px; text-align: center;}
.video__more a{ display: block; width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; margin: auto; background: #cccccc; color: #fff; font-size: 14px; font-family: arial;}
.video__more a:hover{ background: #0065aa;}
.forum{ padding: 84px 0 134px; background: #ebf0f3;}
.forum__wapper{ width: 1104px; margin: auto;}
.forum__list li{ width: 33.3333%; float: left; margin-bottom: 32px;}
.forum__list li a{ display: block; margin: 0 12px; background: #fff; padding: 30px 30px 44px;}
.forum__list li a figure{ display: block; line-height: 1; overflow: hidden;}
.forum__list li a figure img{ display: block; width: 100%; height: auto; transition: 0.58s;}
.forum__text{ margin-top: 18px;}
.forum__text strong{ display: block; line-height: 1.2; color: #000000; font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.35s;}
.forum__down { margin-top: 30px;}
.forum__down span{ display: block; float: left; color: #999999; font-family: arial; margin-right: 32px; line-height: 16px;}
.forum__down span:last-child{ margin-right: 0;}
.forum__down span i{ display: inline-block; color: #999999; font-size: 16px; font-style: normal; vertical-align: middle; margin-right: 5px;}
.forum__list li a:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.forum__list li a:hover .forum__text strong{ color: #0065aa;}

.resources__item{ background: #f5f5f5; position: relative;}
.resources__item figure{ display: block; width: 50%; float: right; line-height: 1; overflow: hidden;}
.resources__item figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s;}
.resource__content{ float: right; margin-top: 5%; margin-right: 110px; width: 456px; position: relative; font-family: "微软雅黑";}
.resource__content strong{ display: block; color: #333333; font-size: 20px; line-height: 1.2; margin-bottom: 24px;}
.resourcesd{ min-height: 180px;}
.resourcesd p{ color: #666666; font-size: 15px; text-align: justify; line-height: 2;}
.resource__content span{ display: block; width: 165px; height: 59px; text-align: center; line-height: 59px; color: #fff; font-size: 14px; background: #d4d4d4; position: relative; z-index: 3; perspective: 300px; -webkit-perspective: 300px;}
.resource__content span:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.48s; z-index: -1;}
.resources__item a:hover .resource__content span:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);}
.resources__item a:hover figure img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02);}

.resource__content span i{ display: inline-block; vertical-align: middle; color: #fff; font-size: 26px; margin-left: 16px; font-style: normal;}
.resources__item1 figure{ float: left;}
.resources__item1 .resource__content{ float: left; margin-left: 110px; margin-right: 0;}
.idea{ padding: 64px 0 188px; font-family: "微软雅黑";}
.idea__title{ margin-bottom: 42px;}
.idea__title strong{ display: block; color: #333333; font-size: 24px; font-weight: normal;}
.idea__title p{ color: #666666; font-size: 15px; width: 760px; max-width: 100%;}
.idea__text p,.idea__text a{ color: #666666; font-size: 15px; text-align: justify;}
.idea__text img{ max-width: 100%; width: auto !important; height: auto !important;}  

.developli li{ margin-top: -1px;}
.developtop{ background: #666666;}
.developtop span{ display: block; float: left; height: 52px; line-height: 52px; color: #ffffff; font-size: 15px; text-align: center;}
.developtop span.span1{ width: 15%; padding-left: 30px; text-align: left;}
.developtop span.span2{ width: 20%;}
.developtop span.span3{ width: 15%;}
.developtop span.span4{ width: 15%;}
.developtop span.span5{ width: 15%;}
.developtop span.span6{ text-align: left;}

.develos{ cursor: pointer; border: 1px solid #e9e9e9; transition: 0.36s;}
.develos span{ display: block; float: left; transition: 0.35s; text-align: center; color: #666666; font-size: 15px; line-height: 49px;}
.develos span.span1{ width: 15%; padding-left: 30px; text-align: left;}
.develos span.span2{ width: 20%;}
.develos span.span3{ width: 15%;}
.develos span.span4{ width: 15%;}
.develos span.span5{ width: 15%;}
.develos b{ display: block; width: 12px; height: 12px; float: right; position: relative; margin-top: 17px; margin-right: 52px;}
.develos b:before{ content: ""; transition: 0.35s; width: 100%; height: 2px; background: #999999; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.develos b:after{ content: ""; transition: 0.35s; width: 2px; height: 100%; background: #999999; position: absolute; top: 0; left: 50%; margin-left: -1px;}
.developdown{ display: none; position: relative; padding: 26px 30px 48px; border: 1px solid #e9e9e9;}
.developdown p{ color: #6f6f6f; font-size: 14px; line-height: 2;}

.develos:hover,.develos.active{ border-color: #0065aa; background: #0065aa;}
.develos:hover span,.develos.active span{ color: #fff;}
.develos:hover b:before,.develos:hover b:after,.develos.active b:before,.develos.active b:after{ background: #fff;}
.develos.active b:after{ opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px);}

.services{ background-attachment: fixed; background-position: center; background-size: cover;}
.service__item{ padding: 58px 0 82px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.service__icon{ margin-bottom: 46px;}
.service__icon b{ display: block; color: #fff; line-height: 1; text-align: center; font-size: 42px; font-weight: normal;}
.service__icon span{ display: block; margin-top: 28px; line-height: 1; color: #fff; font-size: 16px; font-weight: bold; text-align: center;}
.service__btn{ text-align: center;}
.service__btn a{ display: inline-block; margin-left: 8px; width: 143px; height: 51px; text-align: center; line-height: 51px; color: #fff; font-size: 14px; background: #fff; filter:alpha(opacity=43); background: rgba(255,255,255,0.34);}
.service__btn a:first-child{ margin-left: 0;} 
.service__btn a:hover{ background: #0dafa5;}
.service__btn a i{ display: inline-block; color: #fff; font-size: 20px; font-style: normal; margin-left: 16px; vertical-align: middle;}
.service__item strong{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 40px; font-weight: normal;}

.loads{ padding: 70px 0 172px; background-attachment: fixed; background-size: cover; background-position: center;}
.load__list{ width: 1030px; margin: auto; padding-bottom: 60px;}
.load__list li{ width: 50%; float: left; margin-bottom: 38px;}
.load__list li a{ display: block; margin: 0 28px; background: #fff; border-radius: 9px;}
.load__list li a span{ display: block; padding-left: 37px; line-height: 55px; color: #fff; font-size: 16px; background: #0065aa; border-radius: 9px 9px 0 0; transition: 0.4s;}
.load__list li a span i{ display: inline-block; font-style: normal; color: #fff; font-size: 24px; margin-right: 10px;}
.load__down{ padding: 26px 36px 23px;}
.load__down time{ display: block; line-height: 1; color: #999999; font-family: "微软雅黑"; margin-bottom: 18px;} 
.load__down strong{ display: block; color: #333333; font-size: 16px; font-weight: bold; font-family: "微软雅黑"; line-height: 1.4; height: 46px;}
.load__list li a:hover span{ background: #05b4ae;}
.business{ padding: 83px 0 47px;}
.service-map-demo { float: left; display: block; width: 760px; }
#RegionMap tspan{ font-size: 10px;}
.business__address{ width: 384px; float: left; margin-left: 96px; margin-top: 216px;}
.bisniess__top span{ display: block; width: 33.3333%; box-sizing: border-box; height: 46px; text-align: center; color: #666666; font-size: 15px; border: 1px solid #e4e4e4; margin-left: -1px; margin-top: -1px; float: left; line-height: 46px;} 
.businee__list li p{ display: block; width: 33.3333%; float: left; box-sizing: border-box; border: 1px solid #e0e0e0; margin-left: -1px; margin-top: -1px; height: 60px; line-height: 60px; text-align: center; color: #666666; font-size: 15px;}
.business-box{ padding: 124px 0 130px; background-attachment: fixed; background-position: center; background-size: cover;}
.business__left{ width: 55.16%; float: left; line-height: 1;}
.business__left img{ display: block; width: 100%; height: auto;}
.business__content{ width: 41.5%; float: right; background: #000; filter:alpha(opacity=10); background: rgba(0,0,0,0.1);}
.busineewr{ padding: 43px 32px 41px;}
.businee__ttt{ border: 1px solid #6a99bd; border-bottom: none; line-height: 51px; text-align: center; color: #d8ebf9; font-size: 16px;} 
.businee__table{ width: 100%; font-family: "微软雅黑"; border: 1px solid #6a99bd; border-collapse:collapse; border-spacing:0;}
.businee__table thead tr th,.businee__table tbody tr td{ color: #d8ebf9; font-size: 14px; border: 1px solid #6a99bd; height: 41px; line-height: 1.2; text-align: center;}

.business__map{ padding: 85px 0 60px; border-top: 1px solid #e4e4e4}
.businee__info{ float: left; width: 50%;}
.businee__info b{ display: block; width: 54px; height: 54px; text-align: center; line-height: 54px; border: 1px solid #dedede; border-radius: 7px; color: #7f7f7f; font-weight: normal; font-size: 24px; float: left;}
.business__text{ font-family: "微软雅黑"; margin-left: 72px; padding-top: 7px;}
.business__text strong{ display: block; color: #343434; font-size: 18px; line-height: 1; font-weight: bold; margin-bottom: 5px;}
.business__text p{ color: #666666; font-size: 16px; line-height: 1.4;}
.error{ padding: 152px 0 128px; text-align: center; background: #8fdbf2; margin-bottom: 2px; font-family: "微软雅黑";}
.error img{ display: block; max-width: 80%; margin: auto;}
.error p{ text-align: center; color: #333333; font-size: 16px; max-width: 90%; margin: auto; margin-top: 32px; margin-bottom: 28px;}
.error a{ display: block; width: 200px; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 16px; background: #063977; border-radius: 15px; margin: auto;}
.error a:hover{ background: #0578c1;}
.searchs{ padding: 78px 0;}
.search__text{ text-align: center;}
.search__text .search__down{ position: relative; right: 0; top: 0; padding-top: 0; margin-bottom: 40px;}

.technology__text.article-block,.technology__right.article-block,.home-about__img.article-block,.home-about__top.article-block{ opacity: 0; visibility: hidden; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); transition: 0.58s;}
.technology__right.article-block,.home-about__top.articleShow{ transition-delay: 0.25s;}
.technology__text.articleShow,.technology__right.articleShow,.home-about__img.articleShow,.home-about__top.articleShow{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
.home-about__list.article-block .home-about__item{ opacity: 0; visibility: hidden; transform: translateY(34px); -webkit-transform: translateY(34px); -moz-transform: translateY(34px); transition: 0.54s 0.35s;}
.home-about__list.articleShow .home-about__item{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
.home-about__list.article-block .home-about__item:nth-child(2){ transition-delay: 0.5s;}
.home-about__list.article-block .home-about__item:nth-child(3){ transition-delay: 0.65s;}
.home-about__list.article-block .home-about__item:nth-child(4){ transition-delay: 0.8s;}
.pswp__caption{display: none !important;}

.technologyfix{ width: 1176px; margin: auto; padding: 86px 0 150px;}
.technologs{ padding-bottom: 42px;}
.technologs li{ width: 33.33333%; float: left; margin-bottom: 35px;}
.technologs li a{ display: block; margin: 0 16px; position: relative;}
.technologs li a figure{ display: block; line-height: 1; overflow: hidden;}
.technologs li a figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.58s;}
.echnologted{ padding: 22px 26px 32px; background: #f7f7f7; font-family: "微软雅黑";}
.echnologted time{ display: block; color: #666666; font-size: 14px; line-height: 1; margin-bottom: 8px;}
.echnologted p{ color: #333333; font-size: 16px; margin-bottom: 36px; height: 56px; overflow: hidden;}
.echnologted span{ display: inline-block; line-height: 1; color: #333333; font-size: 14px;}
.technologs li a:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.technologs li a:hover span{ color: #0065aa;}

.recuitebtn{ margin-top: 18px;}
.recuitebtn a{ display: inline-block; padding-right: 78px; position: relative; color: #666666; font-size: 14px; line-height: 54px;}
.recuitebtn a:before{ content: ""; width: 54px; height: 54px; background: url(/images/locate.png) center no-repeat; background-size: cover !important; position: absolute; right: 0; top: 0; background-size: cover; transition: 0.4s;}
.recuitebtn a:hover{ color: #0065aa;}
.recuitebtn a:hover:before{ background: url(/images/locate1.png) center no-repeat;}

.footer-shop{ width: 100%; float: left; margin-top: 40px;}
.shopping-item{ float: left; margin-right: 50px;} 
.shopping-item img{ display: block; height: 40px;} 
.shopping-item span{ display: block; text-align: center; line-height: 1; color: #ec8902; font-size: 14px; margin-top: 12px;}