@charset "utf-8";
/* 
 * Project Name:脐带血
 * Author:位置
 * Date：2017-6-14
 */
 @font-face {
	font-family: 'Conv_MyriadPro-Light';
	src: url('fonts/MyriadPro-Light.eot');
	src: local('☺'), url('fonts/MyriadPro-Light.woff') format('woff'), url('fonts/MyriadPro-Light.ttf') format('truetype'), url('fonts/MyriadPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MyriadPro-LightSemiExt';
	src: url('fonts/MyriadPro-LightSemiExt.eot');
	src: local('☺'), url('fonts/MyriadPro-LightSemiExt.woff') format('woff'), url('fonts/MyriadPro-LightSemiExt.ttf') format('truetype'), url('fonts/MyriadPro-LightSemiExt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html {font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
html.open{ overflow: hidden;}
/* always display scrollbars */
body { font-family:"微軟正黑體","Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;
	 font-size:12px;
	 line-height:1.8;
	 margin: 0 auto; 
	 color: #4b4b4b; 
	 left:0;
	 overflow:hidden;
	 position:relative;
	 background-color: #fff;
	 transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	 -webkit-transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul ,li{ 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; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #3399ff; color: #fff; text-shadow: none; }
::selection { background: #3399ff; 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; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
img{display:block;}
input,textarea{
	border:0;
	background:none;
	outline:0;
	resize:none;
	}
h1,h2,h3,h4{
	font-weight:normal;
	}
em,i{
	font-style:normal;
	}
p + p, p + .lead {
    margin-top:0;
	}
.inner{
	width:1100px;
	margin:auto;
}

#dowebok{ position:relative; width:100%; height:100%;}
.pp-section { height:100%; position:absolute; width:100%; left: 0 !important; top: 0; overflow:hidden;}
.sebox{ position:relative; height:100%;}
.section{ overflow:hidden; /*-webkit-animation: decreaseHeight 1s forwards ease-in-out; animation: decreaseHeight 1s forwards ease-in-out;*/ opacity:1 !important; transform:none !important;}
.section.active{ /*-webkit-animation: show 1s forwards ease-in-out; animation: show 1s forwards ease-in-out;*/ z-index:0 !important; }


.section{ background-size:cover !important;}
.section1{ background:#fff;}
.sectionbg{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}

.section.section1.sced .se1{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.section.section1.sced .common{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.section.section1.sced .detail{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.78s 0.2s; margin-top:40px;}
.section.section1.sced .help-info{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.section.section1.sced .help-info:nth-child(2){ transition-delay:0.3s;}
.section.section2.sced .equipment .equip-info{ opacity:1; transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); visibility:visible;}
.section.section2.sced .equipment .equip-info:nth-child(2){ transition-delay:0.24s;}
.section.section2.sced .equipment .equip-info:nth-child(3){ transition-delay:0.48s;}
.section.section2.sced .equipment .equip-info:nth-child(4){ transition-delay:0.72s;}
.section.section2.sced .equipfix{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition-delay:0.6s;}

.section.section2.sced .detail{ opacity:1; visibility:visible; transition-delay:0.8s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.section.section3.sced .common{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.section.section3.sced .help-info{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.88s 0.3s;}
.section.section3.sced .help-info:nth-child(2){ transition-delay:0.55s;}
.section.section3.sced .techmor{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.88s 0.3s;}
.section.section3.sced .techmor:nth-child(2){ transition-delay:0.55s;}
.section.section3.sced .techmor:nth-child(3){ transition-delay:0.8s;}
.section.section3.sced .techmor:nth-child(4){ transition-delay:1.05s;}
.section.section3.sced .detail,.section.section4.sced .detail{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.65s 0.5s;}
.section.section4.sced .storage-left{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.88s; visibility:visible;}
.section.section4.sced .storage .common{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.68s 0.4s;}
.section.section5.sced .sccbbfix .common{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition-delay:0.3s;}
.section.section5.sced .sccbbfix .help-info{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition-delay:0.5s;}
.section.section5.sced .sccbbfix img{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); visibility:visible;}
.section.section5.sced .sccbb .detail{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.5s 0.7s;}

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

body.open{ left:-257px;}
body.open .header-box{ margin-left:-257px}
body.open .menufix{ margin-right:0;}
body.open .menu{ margin-right:257px;}
body.open .menubg{ opacity:1; visibility:visible;}
.header-box{ position:fixed; left:0; top:0; width:100%; z-index:99; transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);}
.header{ padding:18px 35px 0 46px;}
.logo{ display:block; float:left; cursor:pointer; width:360px; height:auto; margin-top:8px;}
.logo img{ display:block; width:100%; line-height:1; height:auto;}
.menudown b{ float:left; color:#8c8c8c; font-size:16px; font-weight:normal; line-height:54px; margin-right:14px; transition:0.38s;}
.menudown{ float:right; top:18px; cursor:pointer;}
.menudown:hover b{ color:#ff4040;}
.menudown:hover .menubtn{ border-color:#ff4040;}

.menubtn{ display:block; width:24px; height:14px; border:2px solid #dadada; padding:18px 12px; float:right; cursor:pointer; transition:0.4s;}
.menubtn span{ display:block; width:100%; height:14px; position:relative;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 4px; left: 0;
background-color: #ff4040; -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: 0;-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: 0;-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: 5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menufix{ width:257px; height:100%; position:fixed; right:0; top:0; background:#ff4040; z-index:999; transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); margin-right:-257px;}
.menubg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); left:0; top:0; z-index:122; opacity:0; visibility:hidden; transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.mclose{ display:block; width:20px; height:20px; background:url(../images/close.png) center no-repeat; position:absolute; right:18px; top:20px; cursor:pointer; transition:0.38s;}
.mclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.menuwr{ padding:44px 0 0 48px;}
.menued li{ margin-bottom:15px;}
.menued li a{ display:inline-block; position:relative; color:#ffffff; font-size:16px; line-height:1; padding-bottom:15px;}
.menued li a:before{ content:""; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.menued 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;}
.weixin{ position:absolute; left:48px; bottom:24px; text-align:center;}
.weixin img{ display:block; margin:auto;}
.weixin span{ display:block; color:#fff; color:#fff; line-height:1; margin-top:10px;}
.hotline{ margin-bottom:16px;}
.hotline p{ display:block; color:#fff; font-size:14px; line-height:1; margin-bottom:10px; text-align:left;}
.hotline b{ display:block; line-height:1; color:#ffffff; font-size:16px;}

.downfix{ position:absolute; z-index:99; width:100%; left:0; bottom:24px; transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);}
.downfix .tel{ float:left; margin-left:36px; line-height:1; padding-bottom:9px; border-bottom:1px solid #ff3333; color:#b9b9b9; font-size:16px; margin-top: 7px;}
.chakist{ position:absolute; left:50%; margin-left:-216px; bottom:0;}
.chakist li{ float:left; border-right:2px solid #aaaaaa; padding:0 34px;}
.chakist li:last-child{ border-right:none;}
.chakist li a{ display:inline-block; color:#848484; font-size:16px; line-height:1;}
.chakist li a:hover{ color:#ff4040;}
.downrix{ float:right; margin-right:53px;}
.downrix p{ color:#888888; float:left; margin-top:2px;}
.downrix .weix{ display:block; float:right; width:26px; height:20px; background:url(../images/weix.png) center no-repeat; margin-top: 6px;}
.downrix .weix:hover{ background:url(../images/weix1.png) center no-repeat;}
.innerd a{ float:left;}
.footer .downfix .tel a{ float: none; color: #b9b9b9; margin-left: 5px;}
.innerd a.nets{ margin-right:10px; color:#888888; line-height:20px;}
.innerd a.nets:hover,.footer .downfix .tel a:hover{ color:#ff4040;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #ff4040; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block;}

.se1{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.86s cubic-bezier(.6,0.2,.1,1); -webkit-transition:0.86s cubic-bezier(.6,0.2,.1,1); -moz-transition:0.86s cubic-bezier(.6,0.2,.1,1); transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.help{ width:81%; position:absolute; left:6.8%; top:50%; margin-top:-60px;}
.common{ display:block; padding:27px 36px; font-family:"微软雅黑"; background:#ff4040; float:left; color:#fff; font-size:36px; line-height:1; opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); transition:0.66s; -webkit-transition:0.66s; font-weight:normal;} 
.help-list{ float:right; margin-top:6px;}
.help-info{ float:left; margin-left:50px; opacity:0; transform:translateY(68px); -webkit-transform:translateY(68px); -moz-transform:translateY(68px); transition:0.76s 0.3s; -webkit-transition:0.76s 0.1s;}
.help-info:first-child{ margin-left:0;}
.help-info p{ color:#9d9d9d; font-size:15px; line-height:1; margin-bottom:8px;}
.help-info span{ display:block; color:#9d9d9d; font-size:14px; line-height:1; text-align:center;}
.help-info b{ display:inline-block; font-weight:normal; color:#ff3333; font-size:70px; font-family:"Conv_MyriadPro-Light";}
.section1 .chakist{ display:none; width:100%; position:relative; left:0; margin-left:0; top:0; text-align:center; padding:30px 0; background:#ff7979;}
.section1 .chakist li{ float:none; display:inline-block; border-right:none; position:relative;}
.section1 .chakist li:before{ content:""; width:2px; height:16px; background:#fff; position:absolute; right:0; top:50%; margin-top:-8px;}
.section1 .chakist li a{ color:#fff;}
.section1 .chakist li:last-child:before{ display:none;}

.menu{ position:fixed; right:53px; top:50%; z-index:99; margin-top:-191px; transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); display:none;} 
.menu li{ position:relative; width:18px; line-height:0;}
.menu li:before{ content:""; width:2px; height:60px; background:#ff3333; position:absolute; right:8px; top:0; -webkit-transition:-webkit-transform .85s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .85s cubic-bezier(.4,0,.2,1); transition:transform .85s cubic-bezier(.4,0,.2,1); transition:transform .85s cubic-bezier(.4,0,.2,1),-webkit-transform .85s cubic-bezier(.4,0,.2,1); transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:visible\9; transform-origin:left 0; -webkit-transform-origin:left 0; }
.menu li a:after{ content:""; width:18px; height:18px; position:absolute; left:50%; margin-left:-9px; bottom:-2px; background:url(../images/dit.png) center no-repeat; z-index:5; transition:0.45s;}
.menu li a{ display:block; height:74px; width:2px; margin:auto; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; position:relative;}
.menu li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ff3333; -webkit-transition:-webkit-transform .85s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .85s cubic-bezier(.4,0,.2,1); transition:transform .85s cubic-bezier(.4,0,.2,1); transition:transform .85s cubic-bezier(.4,0,.2,1),-webkit-transform .85s cubic-bezier(.4,0,.2,1); transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:visible\9; transform-origin:left 100%; -webkit-transform-origin:left 100%; }
.menu li:first-child:before{ background:none;}
.menu li:first-child a{ height:14px;}
.menu li:first-child a:before{ display:none;}
.menu li a span{ display:block; width:94px; height:32px; background:url(../images/border.png) center no-repeat; position:absolute; right:18px; bottom:-10px; line-height:32px; color:#939393; text-align:center; opacity:0; visibility:hidden; transition:0.55s;}
.menu li.active a:after{ background:url(../images/dit1.png) center no-repeat; transition:0.4s 0.4s;}
.menu li.active a:before{transform-origin:left 0; ransform:scaleY(1); -webkit-transform:scaleY(1); visibility:hidden\9;}
.menu li.active2 a:before{  transform-origin:left 0%; -webkit-transform-origin:left 0%;}
.menu li.active1:before{ transform-origin:left 100%; -webkit-transform-origin:left 100%; ransform:scaleY(1); -webkit-transform:scaleY(1); visibility:hidden\9;}
.menu li.active1 a:before{ transform-origin:0% 100%; -webkit-transform-origin:0% 100%;}
.menu li.active2.active1 a:before{ transform-origin:0% 0%; -webkit-transform-origin:0% 0%;}

.menu li.active span{ opacity:1; visibility:visible;}
.sectionwr{ width:100%; position:absolute; left:0; z-index:20; top:50%; margin-top:-176px;}
.equipment{ width:1062px; margin:auto; z-index:20; text-align:center;}
.equipment2{ display:none;}
.equip-info{ width:22%; margin-right:4%; float:left; opacity:0; transition:0.88s cubic-bezier(.6,0.2,.1,1); -webkit-transition:0.88s cubic-bezier(.6,0.2,.1,1); visibility:hidden; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); transition:0.58s;}
.equip-info a{ display:block; padding-top:38px; height:117px; border:1px solid #e1e6ea;}
.equip-info4{ margin-right:0;}

.equip-info b{ display:block; width:51px; height:45px; margin:auto; margin-bottom:16px; position:relative;}
.equip-info b img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%;}
.equip-info span{ display:block; text-align:center; line-height:1.3; color:#808080; font-size:14px; transition:0.5s;}
.equip-info:hover span{ color:#ff3333;}
.equip-info:nth-child(n+3){ background:#fff; margin-bottom:0;}
.equipfix{ width:474px; margin:auto; margin-top:38px; position:relative; z-index:20; opacity:0; visibility:hidden; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transition:0.6s;}
.equipfix:before{ content:""; width:100%; height:100%; background:rgba(255,0,0,0.75); background:#ff0000\9; filter:alpha(opacity=75); position:absolute; left:0; top:0; width:0; opacity:0; left:50%; transition:0.68s 0s;}
.equipfix span{ display:block; text-align:center; color:#fff; font-size:36px; line-height:84px; position:relative; background:#fc3e3e; transition:1s; font-family:"微软雅黑";}
.detail{ height:29px; position:absolute;}
.detail:before{ content:""; width:29px; height:29px; background:url(../images/radisu.png) center no-repeat; position:absolute; left:0; top:0; -webkit-animation:puffIn 1.88s;-moz-animation:puffIn 1.88s;-ms-animation:puffIn 1.88s ; animation:puffIn 1.88s; animation-iteration-count:infinite;}
.detail a{ display:block; padding-left:40px; line-height:29px; color:#009b4c; font-size:16px; font-weight:bold;}
.detail a:after{ content:""; width:60px; position:absolute; right:0; bottom:3px; background:#009b4c; height:2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1); transition:transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.detail a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.detail a:before{ content:""; width:8px; height:8px; background:#009b4c; border-radius:50%; position:absolute; left:11px; top:50%; margin-top:-5px;}
.section2{ text-align:center;}
.section2 .detail{ margin:auto; margin-top:44px; position:relative; display:inline-block; opacity:0; visibility:hidden; transition:0.68s; transform:translateY(58px); -webkit-transform:translateY(58px); -moz-transform:translateY(58px);}
.lefed{ width:77%; left:9.2%; position:absolute; z-index:20; top:50%; margin-top:-111px;}
.sectele{ float:left;}
.sectele .common{ float:none;}
.techonorline{ position:absolute; right:15.17%; top:50%; z-index:20;  margin-top:-111px;}
/*.techonorline .help-info p,.techonorline .help-info span{ color:#fff;}*/
.techmor{ float:left; width:180px; text-align:center; opacity:0; transition:0.48s; transform:translateY(65px); -webkit-transform:translateY(65px); -moz-transform:translateY(65px); margin-bottom:30px;}
.section3 .help-info{ margin-left:76px;}
.section3 .help-info span{ text-align:left;}
.techmor:nth-child(2n+2){ float:right;}
.techmor:nth-child(3),.techmor:nth-child(4){ margin-bottom:0;}
.processingbar{ position:relative;}
.processingbar font{ display:block; width:100%; position:absolute; left:0; top:50%; line-height:1; margin-top:-25px; text-align:center; font-size:50px; color:#ff3333; font-weight:normal; font-family:"Conv_MyriadPro-Light";}
.techmor span{ display:block; text-align:center; color:#888888; font-size:14px; height:40px; line-height:20px; margin-top:20px;}
.sectele .detail{ margin-left:43px; margin-top:70px; opacity:0; transform:translateY(58px); -webkit-transform:translateY(58px); -moz-transform:translateY(58px); transition:0.78s;}
.sectewr{ position:absolute; left:0; top:0; width:100%; height:100%;}

.sccbb{ position:absolute; left:50%; margin-left:-38.5%; width:77%; top:50%; margin-top:-109px;}
.sccbbfix{ text-align:center; margin:auto;}
.sccbbfix img{ display:inline-block; float:left; margin-top:10px; margin-right:8px; opacity:0; visibility:hidden; transition:0.6s; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}  
.sccbbfix .common{ float:left; position:relative; left:0; top:0;}
.sccbbfix .help-list{ float:left; margin-top:0; margin-left:60px;}
.sccbbfix .help-list .help-info{ margin-left:0; margin-right:25px; margin-bottom:0;}
.sccbbfix .help-list .help-info:last-child{ margin-right:0;}
.sccbbfix .help-list .help-info p{ margin-bottom:14px; }
.sccbbfix .help-list .help-info b{ font-size:70px;}
.sccbb .detail{ display:inline-block; position:relative; margin-top:90px; margin-left:30px; opacity:0; visibility:hidden; transform:translateY(55px); -webkit-transform:translateY(55px); -moz-transform:translateY(55px); transition:0.5s;}

@keyframes puffIn {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1,1);
  }
   50% {
    opacity: 0.2;
    transform: scale(1.5,1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}
/*about*/
.pbanner{ position:relative;}
.pimg{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.pimg img{ display:block; line-height:0; position:relative;}
.ptitle{ position:absolute; left:7%; top:50%; margin-top:-109px; z-index:5;}
.ptitle small{ display:block; color:#ff3333; font-size:70px; line-height:1; font-family:"Conv_MyriadPro-LightSemiExt"; margin-bottom:34px;}
.ptitle h3{ width:226px; height:45px; line-height:45px; text-align:center; background:#2dc97c; color:#fff; font-size:15px;}
.ptitle img{ display:block; margin-top:20px;}
.understand{ border-radius:50%; border:1px solid #ff3333; width:114px; position:absolute; right:5.52%; top:50%; margin-top:-58px; line-height:1;}
.understand a{ display:block; position:relative; padding-top:50px; height:64px; text-align:center; line-height:1; color:#969696; font-size:14px; border-radius:50%;}
.understand a b{ display:block; width:11px; height:7px; background:url(../images/arrow1.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; bottom:24px; transition:0.3s;}
.understand canvas{ border-radius:50%; background:none !important;}
.understand a:hover{ color:#fff; background:#ff3333\9;}
.understand a:hover b{ background:url(../images/arrow2.png) center no-repeat; bottom:20px;}
.ptext{ position:absolute; left:50%; margin-left:-550px; top:50%;}
.cordtext{ margin-top:-223px;}
.cord-info{ text-align:center; margin-bottom:58px;}
.cord-info:last-child{ margin-bottom:0;}
.cord-info p{ color:#646464; font-size:14px; line-height:1; margin-top:12px;}
.cord-info p b{ display:inline-block; color:#ff3333; font-size:70px; line-height:1; font-weight:normal; font-family:"Conv_MyriadPro-Light"; margin-right:5px;}
.cord-info span{ display:block; text-align:center; color:#646464; font-size:15px; line-height:1.4;}

.legal-declaration-box { position: fixed; top: 0; left: 0; right: 0; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,0.8); z-index: 2000; opacity: 0; visibility: hidden; }
.legal-declaration-content { min-height: 100%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: relative; width: 1200px; margin: auto;}
.legal-declaration-content .pa { padding: 37px 80px 330px 80px; }
.service-ti { font-size: 30px; font-weight: bold; color: #000; line-height: 1.4; text-align: center;}
.legal-declaration-content .service-ti { border-bottom: 1px solid #ccc; padding-bottom: 33px; margin-bottom: 105px; }
.legal-declaration-close { width: 42px; height: 42px; position: fixed; top: 25px; right: 50%; margin-right: -569px; z-index: 99; background: #ff4040 url(../images/close.png) center no-repeat; cursor: pointer; }
html.open { overflow: hidden; }
.legal-declaration-box.show { opacity: 1; visibility: visible; -webkit-transition: 600ms; -o-transition: 600ms; transition: 600ms; }

.umbilical-box{ position:relative; padding:170px 0 140px; background:#f5f4f4;}
.umbilicalri{ width:653px; float:right;}
.cordtop{ padding-top:21px; position:relative; margin-bottom:36px;}
.cordtop p{ color:#646464; font-size:14px;}
.cordtop p b{ cursor: pointer; transition: 0.35s;}
.cordtop p b:hover{ color: #ff5353;}
.lines{ width:100%; height:3px; background:#ff4040; position:absolute; left:0; top:0;}
.cord-list li{ position:relative; width:49.616%; float:left; margin-bottom:5px; perspective:3000px; transform-style:preserve-3d;}
.cord-list li:nth-child(2n+2){ float:right;}
.cord-list li figure{ display:block; line-height:1; overflow:hidden;}
.cord-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s ease-in-out;} 
.treatments-box{ padding:182px 0 70px; position:relative;}
.treatment .cordtop p{ color:#323232; font-size:16px; font-weight:bold;}
.cord-list li span{ display:block; width:100%; padding-top:42px; height:26px; line-height:1; color:#ffffff; font-size:14px; position:absolute; left:0; bottom:0; z-index:5; text-indent:19px; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; transition:0.38s;}
.cordmark{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; visibility:hidden; transition:0.5s;}
.cordmark:before{ content:""; width:100%; height:2px; background:#ff4040; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .56s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index:10;}
.cordbg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.cordmark p{ color:#fff; font-size:14px; padding:34px 30px 0; opacity:0; visibility:hidden; transition:0.2s ease-in-out; z-index:5; position:relative;}
.cord-list li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.cord-list li:hover .cordmark{ visibility:visible;}
.cord-list li:hover .cordbg{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.cord-list li:hover .cordmark p{ opacity:1; visibility:visible; transition:0.6s ease-in-out;}
.cord-list li:hover span{ opacity:0; transform:rotateX(-45deg); -webkit-transform:rotateX(-45deg); -moz-transform:rotateX(-45deg);}
.cord-list li:hover .cordmark:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.fda{ margin-top:52px;}
.fda p{ color:#646464; font-size:14px; margin-bottom:6px;}
.fda strong{ color:#323232; font-size:16px; font-weight:bold;}
.danger-box{ padding:183px 0 140px; background:#f5f4f4; position:relative;}
.storagetime{ padding:220px 0 134px;}
.strengs{ margin-top:98px;}
.streng-info{ width:33.3333%; float:left;}
.streng-info p{ color:#9d9d9d; font-size:14px; line-height:1; margin-bottom:5px; text-align:center;}
.streng-info p i{ display:inline-block; color:#ff3333; font-size:70px; font-style:normal; font-family:"Conv_MyriadPro-Light";}
.streng-info p b{ display:inline-block; color:#ff3333; font-size:70px; font-weight:normal; font-family:"Conv_MyriadPro-Light"; margin-right:10px;}
.streng-info span{ display:block; color:#9d9d9d; font-size:15px; text-align:center;}

.datas{ margin-top:100px;}
.data-info{ float:left; display: table;}
.dataimg{ margin-right:45px; text-align:center; display: table-cell; vertical-align: middle;}
.dataimg img{ display: table-cell; vertical-align: middle;}
.data-info .processingbar{ margin-left:45px;}
.data-info:nth-child(2){ float:right;}
.data-info .processingbar font{ font-size:36px; margin-top:0; top:50px;}
.data-info .processingbar p{ color:#969696; font-size:14px; text-align:center; width:100%; position:absolute; left:0; top:88px; line-height:1;}
.footer{ position:relative; background:#fff; padding:23px 0 21px;}
.footer .downfix{ position:relative; bottom:0;}
.footer .downfix .downrix{ width:auto !important;}

.menuleft{ position:absolute; left:7%; top:170px; z-index:49;}
.menuleft.flex{ position:fixed;}
.menuleft li{ margin-bottom:3px;}
 .menuleft li >span { display:inline-block; color:#999393; font-size:14px; line-height:24px;}
.menuleft li a{ display:inline-block; color:#999393; font-size:14px; line-height:24px;}
.menuleft li a:hover{ color:#ff4040;}
.menuleft li.current a{ line-height:36px; height:36px; background:#ff4040; color:#fff; padding:0 18px; margin-bottom:9px;}
.titles{ display:none; color:#999393; line-height:40px; height:40px; background:#ff4040; color:#fff; padding:0 18px; position:absolute; left:5%; top:34px; font-size:14px;}
.treatment-box,.storagetimebox{ position:relative;}
.danger-box .cordtop{ margin-bottom:0;}

/*四川脐血库*/
.blood{ margin-top:46px;}
.blood p{ color:#646464; font-size:16px; line-height:1.6;}
.banl-box{ position:relative; display: flex;}
.bankg{ position:absolute; overflow:hidden; line-height:0; left: 0; top: 0; right: 0; bottom: 0;}
.bankg img{ display:block; width:100%; height:100%; object-fit: cover;}
.banleba{  width: 25%; position: relative; z-index: 10;}
.banklist{ width:100vw; height: 100%; display: flex;}
.banklist li{ width:25%; height:100%; float:left; position:relative; display: flex; flex-direction: column; justify-content: center;}
.brakwr{ width:100%; text-align:center; padding: 80px 0; cursor:pointer;}
.brakwr strong{ display:block; text-align:center; line-height:1; color:#323232; font-size:40px; font-weight:normal; margin-bottom:38px;}
.banktext{ padding:15px 36px 12px; display:inline-block; margin:auto; position:relative; min-width:144px; background:#fd3e3e;}
.banktext:before{ content:""; width:10px; height:5px; background:url(../images/arrow3.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:-5px;}
.banktext p{ color:#ffffff; font-size:14px; font-weight:bold; text-align:center;}
.banbtn{ width:74px; height:74px; border:1px solid #ff4343; border-radius:50%; margin:auto; margin-top:54px; position:relative; transition:0.34s;}
.banbtn:before{ content:""; width:100%; height:100%; background:#2dc97c; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; opacity:0; transition:0.4s ease-in-out;}
.banbtn img{ display:block; max-width:100%; position:absolute; transition:0.5s ease-in-out; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.38s ease-in-out; z-index:5;}
.banbtn img:nth-child(2){ opacity:0; visibility:hidden;}
.brakwr:hover .banbtn:before,.brakwr.on .banbtn:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.brakwr:hover .banbtn,.brakwr.on .banbtn{ border-color:#2dc97c;}
.brakwr:hover .banbtn img,.brakwr.on .banbtn img{ opacity:0; visibility:hidden;}
.brakwr:hover .banbtn img:nth-child(2),.brakwr.on .banbtn img:nth-child(2){ opacity:1; visibility:visible;}

/*先进团队*/
.adbances{ margin-top:70px;}
.adbances strong{ display:block; float:left; line-height:1; color:#323232; font-size:40px; font-weight:bold; padding-right:28px; border-right:1px solid #d2d2d2;}
.advande{ float:left; margin-left:28px; position:relative; margin-top:-6px;}
.advande p{ color:#323232; font-size:14px;}
.backs{ position:absolute; left:7%; bottom:20px;}
.backs a{ display:block; padding-left:30px; color:#646464; font-size:14px; background:url(../images/back.png) left center no-repeat;}
.backs a:hover{ color:#ff4040; background:url(../images/back1.png) left center no-repeat;}
.personnel-box{ padding:170px 0 60px; position:relative;}
.personli{ margin-top:30px;}
.personli li{ width:24.5%; margin-right:0.6666%; float:left; position:relative;}
.personli li:last-child{ margin-right:0;}
.personli li figure{ display:block; line-height:0; overflow:hidden;}
.personli li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s ease-in-out;}
.personli li:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.personli li:hover span{ color:#ff4040;}
.personli li span{ display:block; line-height:1; color:#646464; font-size:14px; margin-top:15px; transition:0.4s;}

.equipment-box{ background:#f5f4f4; position:relative;}
.equipments{ width:55.8%; float:right;}
.equipbanner{ position:relative;}
.equiplist li{ float:left; position:relative;}
.equiplist li figure{ display:block; overflow:hidden; line-height:0;}
.equiplist li figure img{ display:block; width:100%; height:auto; transition:0.6s ease-in-out;}
.equiplist li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.equiplist li:hover span{ background:#ff4040;}
.equiplist li span{ display:block; height:46px; line-height:46px; color:#fff; font-size:14px; padding:0 35px; background:#2dc97c; position:absolute; left:30px; bottom:30px; z-index:5; transition:0.38s ease-in-out;}
.equipbanner .flex-direction-nav li a{ display:block; text-indent:9999px; overflow:hidden; width:57px; height:57px; position:absolute; top:50%; margin-top:-28px; z-index:10; background:#999393;}
.equipbanner .flex-direction-nav li a:hover{ background:#ff4040;}
.equipbanner .flex-direction-nav li a:before{ content:""; width:11px; height:16px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.equipbanner .flex-direction-nav li a.flex-prev{ left:0;}
.equipbanner .flex-direction-nav li a.flex-prev:before{ background:url(../images/prev.png) center no-repeat;}
.equipbanner .flex-direction-nav li a.flex-next{ right:0;} 
.equipbanner .flex-direction-nav li a.flex-next:before{ background:url(../images/next.png) center no-repeat;}
.cordtop1 p{ margin-bottom:8px;}
.technology-box{ padding:134px 0 83px; border-bottom:1px solid #f5f4f4; margin-bottom:22px; position:relative;}
.technoimg{ margin-top:32px;}
.technoimg img{ display:block; width:100%; height:auto; line-height:0;}

/*捐献*/
.donates{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-58px;}
.donates img{ display:block; max-width:100%; height:auto; float:right;}
.donatehref{ position:absolute; width:224px; height:43px; line-height:43px; border:1px solid #ff4040; left:50%; margin-left:-113px; bottom:56px;}
.donatehref a{ position:relative; z-index:5; line-height:43px; text-align:center; display:block; color:#ff5353; font-size:15px;}
.donatehref canvas{ background:none !important; display:none\9;}
.course-box{ padding:170px 0 130px; position:relative;}
.donatehref a:hover{ background:#ff4040\9; color:#fff\9;}

.donatehref1{ position:fixed; left:7%; bottom:76px; margin-left:0; transition:0.43s; opacity:0; visibility:hidden;}
.donatehref1.folex{ z-index:20; opacity:1; visibility:visible;}
.stemcells-box{ position:relative; padding:144px 0 196px; background:#f5f4f4;}
.process-box{ position:relative; padding:144px 0 160px;}
.processlist li{ margin-bottom:22px;}
.processlist li span{ display:block; width:36px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:14px; float:left; background:#ff4040; margin-right:10px;}
.processlist li p{ color:#646464; font-size:14px; padding-top:5px; float:left; width:607px;}
.treatment-box{ padding:144px 0 110px; position:relative; background:#f5f4f4;}

/*我要存储*/
.storages-box{ padding:170px 0 258px; position:relative;}
.storagesfix{ margin-top:52px;}
.storagesfix .cord-info{ float:left; margin-right:65px;}
.storagesfix .cord-info:last-child{ margin-right:0;}
.storagesfix .cord-infof { float: none; width:100%; }
.yourself-box { padding: 144px 0 72px; background: #f5f4f4; position: relative; }
.storagesfix1{ padding-top:22px; margin-top:46px; border-top:1px solid #e5e5e5;}
.storagesfix1 .cord-info p{ margin-bottom:8px; text-align:left;}
.storagesfix1 .cord-info p b{ font-size:30px;}
.storagesfix1 .cord-info span{ font-size:14px; text-align:left;}
.newlink h3{ color:#323232; font-size:16px; font-weight:bold; line-height:24px; padding-bottom:12px; border-bottom:1px solid #e5e5e5;}
.newlink h3 a{ color:#323232;}
.newlink h3 span{ display:inline-block; width:72px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; background:#ff4040; margin-right:13px;}
.linkwr{ margin-top:18px;}
.linkwr figure{ display:block; line-height:1; width:36.33%; float:left; overflow:hidden;}
.linkwr figure img{ display:block; width:100%; height:auto; transition:0.5s ease-in-out;}
.linri{ width:57.25%; float:right;}
.linri p{ color:#646464; font-size:14px; margin-bottom:6px;}
.linkwr:hover figure img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.relatives-box{ position:relative; padding:120px 0 70px;}
.relativefix{ margin-bottom:73px;}
.relativele{ float:left;}
.relativele .relativeif{ float:left; margin-right:30px; text-align:center;}
.relativele .relativeif:last-child{ margin-right:0;}
.relativele .processingbar{ display:inline-block; margin:auto; margin-bottom:18px;}
.relativele .processingbar font{ font-size:30px; line-height:1; margin-top:-15px;}
.relativeif p{ color:#646464; font-size:14px; text-align:center;} 
.relativeri{ float:right; padding-top:0; border-top:none; margin-top:0; width:180px; margin-right:13px;}
.relativeri .cord-info{ margin-bottom:20px;}
.costfix{ margin-top:32px;}
.costfix p{ color:#646464; font-size:14px; line-height:1; margin-bottom:20px;}
.costable thead tr{ background:#ff4040;}
.costable thead tr th{ color:#ffffff; font-size:14px; line-height:35px; text-align:center; width:160px; font-weight:normal;}
.costable tbody tr td{ text-align:center; color:#323232; font-size:14px; line-height:35px;}
.cost-box{ position:relative; padding:144px 0 114px; background:#f5f4f4;}
.serics{ margin-top:22px; padding-top:22px; border-top:1px solid #ff4040;}
.serics p{ color:#969696; line-height:2;}

.insurance-box{ padding:138px 0 58px; border-bottom:1px solid #f5f4f4; margin-bottom:20px; position:relative;}
.insuranceta thead tr th{ padding-left:20px; text-align:left; width:195px;}
.insuranceta tbody tr td{ padding-left:20px; text-align:left; vertical-align:middle; border-bottom:1px solid #e5e5e5;}
.insuranceta tbody tr span{ display:block;}
.insuranceta tbody tr:last-child td{ border-bottom:none;}

/*配型查询*/
.searchfox{ margin-top:-132px;}
.ptitle1{ margin-top:-144px;}
.data-box{ position:relative; padding:158px 0 0;}
.searchbox{ margin-top:60px;}
.row{ width:47%; float:left; margin-bottom:30px; padding-bottom:13px; border-bottom:1px solid #e5e5e5; transition:0.4s; margin-right:6%;}
.row:nth-child(2n+2){ margin-right:0;}
.row span{ display:block; float:left; line-height:30px; color:#646464; font-size:14px; float:left; white-space:nowrap;}
.row span i{ display:inline-block; color:#ff4040; vertical-align:middle;}
.row input,.row .sele{ width:212px; float:left; border:none; padding:0; margin:0; outline:none; background:none; line-height:30px; height:30px; color:#646464; font-size:14px;}

.row.on{ border-bottom-color:#ff4040;}
.searchf{ padding:45px 0; text-align:center; background:#f5f4f4;}
.searchf input{ display:inline-block; width:224px; height:43px; line-height:43px; color:#9e9e9e; font-size:15px; text-align:center; border:1px solid #a0a0a0; cursor:pointer; margin-right:60px; transition:0.4s; padding:0;}
.searchf input:last-child{ margin-right:0;}
.searchf input:hover{ color:#ff5353; border-color:#ff5353;}
.dataed{ padding-bottom:86px;}
.seartitle{ margin-bottom:22px; background:#ff4040; padding-left:8px; line-height:1;}
.ser{ padding:0 6px; background:#fff; display:inline-block;}
.seartitle h3{ color:#646464; margin-bottom:5px; line-height:1; font-size:16px; font-weight:bold;}
.seartitle small{ display:block; line-height:1; color:#646464;}

/*新闻中心*/
.news-box{ background:#f8f8f8; padding-bottom:200px; position:relative; padding-top:120px;}
.newri{ float:right; width:770px; margin-right:-68px; background:#fff;}
.newfixs{ padding:60px 56px 78px;}
.newed{ position:relative; padding-top:54px;}
.newlists li{ position:relative; padding:26px 14px 23px; border-bottom:1px solid #e5e5e5;}
.newlists li a:before{ content:""; width:100%; height:100%; background:#e5e5e5; position:absolute; left:0; top:0; opacity:0; transition:0.4s ease-in-out; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden;}
.newlists li span{ float:left; width:72px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; font-weight:bold; background:#ff4040; position:relative;}
.newlists li span.zhixun{ background:#2dc97c;}
.newlists li strong{ float:left; margin-left:20px; padding-right:20px; border-right:1px solid #e5e5e5; height:40px; text-align:center; display:block; color:#969696; font-size:18px; font-weight:bold; font-family:"Arial"; line-height:1; position:relative;}
.newlists li strong time{ display:block; color:#969696; font-weight:normal; font-size:14px; margin-top:6px;}
.newlists li b{ display:block; width:13px; height:13px; background:url(../images/add.png) center no-repeat; position:absolute; right:19px; top:50%; margin-top:-6px; transition:0.34s; opacity:0; visibility:hidden;}
.newtext{ position:relative; float:left; width:426px; padding-left:18px;}
.newtext p{ color:#323232; font-size:14px; margin-top:-5px;}
.newlists li:hover a:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.newlists li:hover b{ opacity:1; visibility:visible; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transition:0.34s 0.2s;}
.pages{ margin-top:50px;}
.pages a{ display:inline-block; float:left; width:40px; line-height:1; padding-bottom:8px; text-align:center; position:relative; color:#323232; font-size:14px; margin-right:16px;}
.pages a:last-child{ margin-right:0;}
.pages a:before{ content:""; width:100%; height:4px; background:#ff4040; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.pages a:hover:before,.pages a.on:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.pnew{ height:auto !important;}
.pnew .pimg{ position:relative; height:auto !important;}
.pnew .pimg img{ width:100% !important; height:auto !important; left:0 !important; top:0 !important;}
.ptitle span{ display:block; color:#ff4040; font-size:15px; line-height:1; margin-top:-10px;}
.newdetai{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-98px;}
.mewsdew{ width:655px; float:right;}
.newtime{ margin-bottom:42px;}
.newtime strong{ display:block; width:101px; float:left; padding:15px 0 15px; line-height:1; text-align:center; background:#ff4040; color:#fff; font-weight:bold; font-size:18px; font-weight:bold; font-family:"Arial";}
.newtime time{ display:block; font-size:14px; margin-top:6px;}
.newtime span{ display:block; float:right; line-height:1; color:#ff4040; font-size:12px;} 
.newtitle{ margin-top:44px;}
.newtitle h3{ color:#000000; font-size:32px; font-weight:bold; line-height:1.2; margin-bottom:25px;}
.newshare p{ float:left; color:#a1a1a0; font-size:12px; }
.newshare p:first-child {margin-right:32px;}
.newshare .neshare a{ display:inline-block; width:11px; height:12px; background:url(../images/share.png) center no-repeat !important;  margin-top:1px;}
.newshare p a:hover{ background:url(../images/share1.png) center no-repeat;}
.newview{ padding:112px 0 98px; background:#f8f8f8; border-bottom:1px solid #e5e5e5; position:relative;}
.menuleft2 li:hover a{ line-height:36px; height:36px; background:#ff4040; color:#fff; padding:0 18px; margin-bottom:9px;}
.newsd p{ color:#646464; font-size:14px; line-height:2;}
.newsd h3{ color:#323232; font-size:18px; font-weight:bold;}
.newsd img{ display:inline-block; max-width:100%;}

/*联系方式*/
.customer{ position:absolute; left:50%; margin-left:-550px; top:50%; text-align:center; margin-top:-90px;}
.customer span{ display:block; width:80px; height:80px; margin:auto; background:#ff4040; border-radius:50%; position:relative; margin-bottom:36px;}
.customer span i{ display:block; width:37px; height:34px; background:url(../images/loves.png) center no-repeat; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.customer p{ width:362px; color:#000000; font-size:18px; font-weight:bold; margin:auto;}
.customerlist{ position:absolute; line-height:1; left:50%; margin-left:-550px; z-index:10; bottom:28px; text-align:center;}
.customers{ display:inline-block; margin:auto; background:#ff4040; padding:16px 13px;}
.customers li{ float:left; padding:0 19px; border-right:1px solid #fff; line-height:1;}
.customers li a{ display:inline-block; line-height:16px; color:#fff; font-size:14px; position:relative;}
.customers li a:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.customers li:last-child{ border-right:none;}
.customers 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;}

.maps{ position:relative; height:446px;}
.maps figure{ display:block; line-height:0; overflow:hidden;}
.maps figure img{ display:block; width:100%; height:auto;}
.anchorBL{ display:none !important;}
#maps .BMap_bubble_title{ color:#ff4040; font-size:16px; font-weight:bold;}
#maps .BMap_mask{ background:rgba(0,0,0,0.2) !important; background:#000\9; filter:alpha(opacity=20);}
.maptext{ padding:21px 0 16px 23px; width:320px; background:#ff4040; position:absolute; left:49%; top:53.25%;}
.maptext:before{ content:""; width:30px; height:15px; background:url(../images/arrow4.png) center no-repeat; position:absolute; left:11px; top:-15px;}
.maptext h3{ color:#fff; font-size:18px; font-weight:bold; line-height:1; margin-bottom:12px;}
.maptext p{ color:#fff; font-size:14px; line-height:18px; padding-left:24px; background:url(../images/maps.png) left center no-repeat;}
.address{ padding:80px 0; border-bottom:1px solid #e5e5e5; position:relative;}
.addressicon{ display:inline-block; margin-right:145px; z-index:10; vertical-align:middle;}
.addressicon img{ display:block; width:368px; height:auto;}
.addresswr{ text-align:center;}
.addwrs{ display:inline-block; vertical-align:middle;}
.address-info{ display:inline-block; vertical-align:top; margin-right:140px;}
.address-info:last-child{ margin-right:0;}
.address-info b{ display:block; width:20px; height:20px; float:left; margin-right:12px;}
.addri{ float:left; padding-left:18px; border-left:1px solid #ff4040; line-height:1;}
.addri p{ color:#323232; font-size:14px; margin-bottom:20px;}
.addri p:last-child{ margin-bottom:0;}
.address-info:nth-child(1) b{ background:url(../images/tel2.png) center no-repeat;}
.address-info:nth-child(2) b{ background:url(../images/ema.png) center top no-repeat;}

.onlybox{ width:75%; background:rgba(255,255,255,0.6); opacity: 0; visibility: hidden;}
.onlybox.show{ opacity:1; visibility:visible; z-index: 11;}
.onlylist{ height:100%; display: flex;}
.onlylist >li{ width:3.33333%; transition:0.45s ease-in-out; float:left; position:relative; display: flex; flex-direction: column; justify-content: center;}
.onlylist >li.on{ width:90%;}
.onlylist >li.on .onlybtns{ width:0; visibility:hidden; transition:0.4s;}
.onlylist >li.on .onlyfix{ opacity:1; visibility:visible; transition:0.45s 0.2s;}
.onlylist >li.on .onlyclose{ opacity:1; visibility:visible;}
.onlyfix{ width:100%; opacity:0; visibility:hidden; transition:0s; padding: 80px 0;}
.sole{ width:670px; margin:auto; }
.soletop{ padding-top:22px; position:relative;}
.soletop p{ color:#646464; font-size:14px;}
.soletop p b{ display:inline-block; cursor:pointer; transition:0.38s;}
.soletop p b:hover{ color:#fd3e3e;}
.soletop img{  max-width: 100% !important; height: auto !important;}
.soledowns{ margin-top:4vw;}
.popimgs{ float:left; cursor:pointer;}
.popimgs:hover span{ color:#fd3e3e;}
.popimgs img{ display:block; width:68px; height:auto;}
.popimgs span{ display:block; color:#646464; font-size:14px; line-height:1; margin-top:10px; transition:0.35s; text-align:center;}
.popflex{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; opacity:0; visibility:hidden; transition:0.4s;}
.popflexbg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80);}
.popflex img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transition:0s;}
.popflex span{ display:block; width:20px; height:20px; cursor:pointer; background:url(../images/close.png) center no-repeat; position:absolute; right:10px; top:10px; transition:0.43s;}
.popflex span:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.popflex.on{ opacity:1; visibility:visible; transition:0.6s;}
.popflex.on img{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.5s;}
.soletext{ text-align:center;}

.sole-list{ width:100%; text-align:center;}
.sole-list li{ width:20%; float:left; text-align:center;}
.sole-list li:last-child{ margin-right:0;}
.sole-list li b{ display:block; width:32px; height:31px; margin:auto; margin-bottom:20px; position:relative;}
.sole-list li b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.sole-list li span{ display:block; text-align:center; line-height:1; color:#646464; font-size:14px;}
.onlybtns{ width:100%; height:100%; transition:0.4s 0.3s; position:absolute; right:0; cursor:pointer;}
.onlybtns:hover .olntwr{ background:#ff4040;}
.olntwr{ margin-right:1px; height:100%; background:#f69797; position:relative;}
.onlybtns span{ display:block; text-align:center; width:100%; color:#ffffff; font-size:14px; position:absolute; left:0; top:25px;}
.onlybtns b{ display:block; width:31px; height:31px; border:1px solid #fff; border-radius:50%; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; text-align:center;}
.onlybtns b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}

.securityfix{ margin-top:42px;}
.security-info{ margin-bottom:10px;}
.security-info:last-child{ margin-bottom:0;}
.security-info strong{ display:block; height:40px; line-height:40px; color:#fff; font-size:14px; background:#00a954; padding-left:24px;}
.securidown{ padding:15px 22px 22px; border:1px solid #00a954; min-height:50px;}
.securidown p{ color:#646464; font-size:14px;}
.effective{ text-align:center; margin-top:28px;}
.effective img{ max-width:100%; margin:auto; height:auto;}

.advanceds li{ position: relative; width:32%; margin-right:2%; padding:87px 0 20px; background:#e5e5e5; float:left;}
.advanceds li:before{ content:""; width:100%; height:3px; background:#00a654; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.advanceds li:last-child{ margin-right:0;}
.advanceds li b{ display:block; width:56px; height:48px; margin:auto; position:relative; margin-bottom:24px;}
.advanceds li 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;} 
.advanceds li b img.hide{ opacity:0; visibility:hidden;}
.advanceds li span{ display:block; text-align:center; line-height:1; color:#323232; font-size:18px; transition:0.38s;}
.advanceds li i{ display:block; margin-top:50px; text-align:center; line-height:1; color:#fd3e3e; font-size:14px; opacity:0; visibility:hidden; transition:0.4s ease-in-out;}
.advanceds li:hover b img{ opacity:0; visibility:hidden;}
.advanceds li:hover b img.hide{ opacity:1; visibility:visible;}
.advanceds li:hover span{ color:#fd3e3e;}
.advanceds li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.advanceds li:hover i{ opacity:1; visibility:visible;}
.onlyclose{ width:17px; height:18px; cursor:pointer; transition:0.38s; background:url(../images/close1.png) center no-repeat; position:absolute; left:30px; top:50%; margin-top:-9px; z-index:10; opacity:0; visibility:hidden;}
.onlyclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.donatefix{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; overflow-y:auto; opacity:0; visibility:hidden; transition:0.25s; overflow:hidden;}
.donatefix.on{ opacity:1; visibility:visible; transition:0.6s;}
.donatefix.on .donated{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.5s 0.12s;}

.donatebg{ width:100%; height:100%; background:rgba(255,255,255,0.9); background:#fff\9; filter:alpha(opacity=90); position:absolute; left:0; top:0;}
.donated{ width:775px; border:1px solid #e5e5e4; position:absolute; left:50%; margin-left:-387px; z-index:14; top:0; top:50%; margin-top:-360px; background:#fff; opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); visibility:hidden;}
.donawrs{ padding:34px 60px 36px;}
.donawrs h3{ text-align:center; line-height:1; color:#ff4040; line-height:1; margin-bottom:50px; font-size:24px; font-weight:bold;}

.donated .row{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.donated .row span{ width:auto; white-space:nowrap;}
.donated .row input{ width:202px; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; }
.donated .row1{ width:100%;}
.rowsub{ position:relative; width:218px; height:47px; border:1px solid #e5e5e4; margin:auto; position:relative; transition:0.4s;}
.rowsub input{ display:block; padding:0; margin:0; border:none; background:none; position:relative; z-index:5; color:#323232; font-size:14px; height:47px; line-height:47px; text-align:center; cursor:pointer; width:100%; transition:0.35s;}
.rowsub:hover{ border-color:#ff4040; background:#ff4040;}
.rowsub:hover input{ color:#fff;}
.closfx{ display:block; width:51px; height:51px; background:#a0a0a0; position:absolute; right:-51px; top:50%; margin-top:-25px; cursor:pointer;}
.closfx:before{ content:""; width:13px; height:13px; background:url(../images/close2.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.38s;}
.closfx:hover{ background:#ff4040;}
.closfx:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.donated .row{ position:relative;}
.donated .row img{ display:block; width:68px; height:auto; position:absolute; right:8px; top:0; cursor:pointer;}
.dots{ margin-top:36px;}
.dots p{ color:#969696;}
.dlogin .donated{ margin-top:-201px;}

.menubtns{ position:absolute; left:50%; top:40px; z-index:30; margin-left:-263px; z-index: 999;}
.menubtns li{ display:block; float:left; margin-right:14px;}
.menubtns li span{ display: block; width:94px; height:32px; line-height:32px; color:#939393; text-align:center; transition:0.45s; z-index:10;}
.menubtns li.active span{ opacity:1; visibility:visible; background:url(../images/border.png) center no-repeat;}
.stcttitle:last-child{ margin-right:0;}

.retive{ position:relative; float: left;  margin-right: 18px;}
.retive span{ display:block; padding-left:9px; width:203px; height:32px; line-height:32px; color:#b3b3b3; font-size:12px; position:relative; cursor:pointer; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.11); z-index: 4; text-align: left;}
.retive span:before{ content:""; width:0; height:0; border-left: 5px solid transparent;  border-right: 5px solid transparent; border-bottom: 7px solid #ff4040; position:absolute; right: 13px; top:50%; margin-top: -3px; transition: 0.36s; z-index: 3;}
.retive span.on:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.retiveli{ position:absolute; width:100%; left:0; bottom:31px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.11); display:none; box-sizing: border-box;}
.retiveli li{ border-bottom:1px solid #e3e3e3;}
.retiveli li >a{ float: none; display:inline-block; margin-left:9px; height:32px; line-height:32px; font-size: 12px; color:#fff; color: #b3b3b3; text-align: left;}
.retiveli li a:hover{ color:#ff4040;}
.indexfooter { position:fixed; width:100%; left:0; bottom:0; z-index:99;}
.nwen { font-size: 16px; color: #333; padding-top: 15px; text-align: center; }