@charset "UTF-8";
/* mixin */
/* mixin */
/* variable */
/*image url */
/* module image url */
/* page head */
/* menu-nav */
/* block header */
/* gallary */
/* btn */
/* footer */
/* second page */
/* second page */
/* second page */
/* product introdution */
/* description */
/* function module */
/* charater */
/* product-scheme:  */
/* side-tools */
/* service-banner */
/* service-description */
/* customcase */
/* policy */
/* cunstomcase detail */
/* history banner */
/* contact */
/* job offers */
/* terminal */
/* base */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
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: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { margin-top: 88px; line-height: 1; background-color: #fff; font-family: "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "宋体" !important; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { -moz-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; }

a:link { color: #2887d7; }

a:visited { color: #2887d7; }

a:hover { color: #2887d7; }

a:active { color: #2887d7; }

html { font-size: 10px; }

body { margin-top: 88px; line-height: 1; background-color: #fff; font-family: "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "宋体" !important; }

.nav { cursor: pointer; }

.icon { display: inline-block; }

.img { background-position: center center; text-align: center; }
.img img { vertical-align: middle; }

.article-line { 
    width:1200px;
    text-align: left; 
    font-size: 16px; 
    color: #666; 
    font-weight: normal;
     line-height: 30px; 
     margin: 0 auto;}
.cultrue-outer p{margin: 0 auto; width:940px;}

.btn { display: inline-block; outline: none; text-align: center; cursor: pointer; }

/* btn */
.year { cursor: pointer; }

.tag { cursor: pointer; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* base */
/* head-info */
/* nav */
.head-outer { width: 100%; position: fixed; top: 0; z-index: 10000; }
.head-outer a { color: #666; }
.head-outer .nav:hover { color: #4292d4; }
.head-outer .head-outer1 { background-color: #262626; width: 100%; }
.head-outer .head-inner-1 { width: 1200px; margin-left: auto; margin-right: auto; }
.head-outer .head-inner-1:before, .head-outer .head-inner-1:after { content: " "; display: table; }
.head-outer .head-inner-1:after { clear: both; }
.head-outer .head-info { float: right; height: 28px; line-height: 28px; color: #fff; }
.head-outer .head-info .devide { width: 0; height: 9.33333px; margin-top: 9.33333px; float: left; border-right: 1px solid #666; }
.head-outer .head-info .nav { float: left; color: #fff; padding: 0 20px; -webkit-transition: 0.3s background-color; transition: 0.3s background-color; }
.head-outer .head-info .nav:hover { background-color: #2887d7; }
.head-outer .head-info .nowclass { background-color: #2887d7; }
.head-outer .head-outer2 { width: 100%; background-color: #fff; position: relative; }
.head-outer .head-outer2 hr { width: 100%; margin: 0; position: absolute; bottom: 0; border: none; border-bottom: 1px solid #ddd; }
.head-outer .head-inner-2 { width: 1200px; margin-left: auto; margin-right: auto; }
.head-outer .head-inner-2:before, .head-outer .head-inner-2:after { content: " "; display: table; }
.head-outer .head-inner-2:after { clear: both; }
.head-outer .head-inner-2 .head-navbar { font-size: 16px; color: #333; font-weight: normal; line-height: 60px; background-color: #fff; }
.head-outer .head-inner-2 .head-navbar:before, .head-outer .head-inner-2 .head-navbar:after { content: " "; display: table; }
.head-outer .head-inner-2 .head-navbar:after { clear: both; }
.head-outer .head-inner-2 .head-navbar li { color: #666; float: left; padding: 0 28px; position: relative; height: 60px; }
.head-outer .head-inner-2 .head-navbar li.active { border-bottom: 3px solid #4292d4; color: #2887d7; }
.head-outer .head-inner-2 .head-navbar li:hover { color: #2887d7; }
.head-outer .head-inner-2 .logo { float: left; width: 165px; height: 55px; background: url("../images/logo-yino.png") left center no-repeat; }
.head-outer .head-inner-2 .nav-left { float: left; }
.head-outer .head-inner-2 .nav-left ul { position: relative; margin-left: auto; margin-right: auto; }
.head-outer .head-inner-2 .nav-left ul:before, .head-outer .head-inner-2 .nav-left ul:after { content: " "; display: table; }
.head-outer .head-inner-2 .nav-left ul:after { clear: both; }
.head-outer .head-inner-2 .nav-left ul li { z-index: 11; }
.head-outer .head-inner-2 .nav-left ul li.slideBorder { z-index: 10; -webkit-transition: 0.3 width; transition: 0.3 width; position: absolute; height: 3px; width: 0; padding: 0; background-color: #4292d4; bottom: 0px; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.head-outer .head-inner-2 .nav-left ul .nowclass { border-bottom: 3px solid #4292d4; color: #2887d7; }
.head-outer .head-inner-2 .nav-right { float: right; }
.head-outer .head-inner-2 .nav-right .nav { position: relative; height: 60px; z-index: 1; }
.head-outer .head-inner-2 .nav-right .nav:hover a { color: #2887d7; }
.head-outer .head-inner-2 .nav-right .nav:hover .phone { background: url("../images/phone-hover.png") center center no-repeat; }
.head-outer .head-inner-2 .nav-right .phone { float: left; width: 3.5rem; height: 60px; background: url("../images/ico-haodoctor.png") center center no-repeat; }
.head-outer .head-inner-2 .nav-right .nowclass { border-bottom: 3px solid #4292d4; }
.head-outer .head-inner-2 .nav-right .nowclass a { color: #2887d7; }
.head-outer .head-inner-2 .nav-right .nowclass .phone { background: url("../images/phone-hover.png") center center no-repeat; }
.head-outer .nav-dropdown-menu 
{ 
display: none; 
background-color: #fff; 
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 10; cursor: auto; 
position: fixed; 
left: 0; 
top: 85px; 
right: auto;
bottom: auto; 
}
.head-outer .menu-nav {
 width: 240px; text-align: left; 
 padding-left: 24px; 
 font-size: 16px; color: #333; 
 font-weight: normal; 
 line-height: 41px;
  border-top: 1px solid #ddd; 
  cursor: pointer;
  position: relative;
   }
.head-outer .menu-nav:hover{
    color: #fff;
}



.head-outer .menu-nav.active { background-color: #2888d7; border-color: #2888d7; color: #fff!important; }
.head-outer .menu-nav.nowclass { background-color: #2888d7; border-color: #2888d7; color: #fff!important; }
.head-outer .menu-nav-hover {
    width: 240px;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 41px;
    /* border-top: 1px solid #ddd; */
    cursor: pointer;
    position: absolute;
    left:240px;
    top: -1px;
    background:#fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display:none;
}
.head-outer .menu-nav-hover li{
   display: block;
   padding-left:24px;
   border-top: 1px solid #ddd;

}

.head-outer .menu-nav-hover li:hover{
	 color: #fff;
	 width: 240px;
	 background-color: #2888d7;
}



/* carousel */
.top-carousel-wr { position: relative; /* height:440px; */ }
.top-carousel-wr .title-outer { z-index: 10; }
.top-carousel-wr .prev-btn, .top-carousel-wr .next-btn { visibility: hidden; display: inline-block; z-index: 1000; text-align: center; position: absolute; width: 50px; height: 140px; background-color: #000; opacity: 0; font-family: serif; font-size: 32px; color: #fff; font-weight: normal; line-height: 140px; -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.top-carousel-wr .prev-btn:hover, .top-carousel-wr .next-btn:hover { opacity: 0.5 !important; }
.top-carousel-wr .prev-btn:focus, .top-carousel-wr .next-btn:focus { opacity: 0.5 !important; }
.top-carousel-wr:hover .prev-btn, .top-carousel-wr:hover .next-btn { opacity: 0.2; visibility: visible; }
.top-carousel-wr .prev-btn { left: 0; top: 150px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.top-carousel-wr .next-btn { right: 0; top:150px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.carousel { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; left: 0; top: 0; width: 100%; height: 440px; overflow: hidden; z-index: 1; }
.carousel > div { position: absolute; width: 100%; height: 100%; visibility: hidden; }
.carousel .bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; }
.carousel .center { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 100; visibility: visible; }
.carousel .tab-list { z-index: 200; position: absolute; left: 50%; top: auto; right: auto; bottom: 20px; margin-left: auto; margin-right: auto; }
.carousel .tab-list:before, .carousel .tab-list:after { content: " "; display: table; }
.carousel .tab-list:after { clear: both; }
.carousel .tab-list > li { float: left; cursor: pointer; width: 26px; height: 4px; background-color: #9a9a9a; margin: 0 4px; }
.carousel .tab-list > li.active { background-color: #fff; }

.block-header, .terminal-block-header { text-align: center; margin-bottom: 46px; }
.block-header dl dt, .terminal-block-header dl dt { font-size: 24px; color: #666; font-weight: normal; line-height: 24px; margin-bottom: 12px; }
.block-header dl dd, .terminal-block-header dl dd { font-size: 12px; color: #666; font-weight: normal; line-height: 18px;text-transform: uppercase;}
.title-boder {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* image_gallary */
.gallary-outer { padding: 60px 0 80px; width: 100%; text-align: center; }
.gallary-outer > .formore { -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-top: 26px; font-size: 16px; color: #666; font-weight: normal; line-height: 38px; border: 2px solid #666; background-color: #fff; padding: 0 18px; }
.gallary-outer > .formore i { margin-left: 16px; vertical-align: middle; display: inline-block; width: 16px; height: 16px; background: url("../images/ico-more-normal.png") center center no-repeat; }
.gallary-outer > .formore:hover { color: #fff; background-color: #2887d7; border-color: #2887d7; }
.gallary-outer > .formore:hover i { background: url("../images/ico-more.png") center center no-repeat; }
.gallary-outer > .formore:active { background-color: #3493e3; border-color: #3493e3; }

.gallary { width: 1176px; margin-left: auto; margin-right: auto; text-align: center; }
.gallary:before, .gallary:after { content: " "; display: table; }
.gallary:after { clear: both; }

.video-media { background-color: #808080; position: relative; display: inline-block; width: 300px; height: 190px; margin: 0 10px; }

.v-media-mask { cursor: pointer; padding-top: 26px; position: absolute; left: 0px; top: 0px; right: auto; bottom: auto; width: 100%; height: 100%; text-align: center; }
.v-media-mask dl dt { font-size: 14px; color: #fff; font-weight: normal; line-height: 14px; }
.v-media-mask dl dd { font-size: 14px; color: #fff; font-weight: normal; line-height: 14px; }
.v-media-mask dl dd.icon { width: 100%; height: 60px; background: url("../images/ico-video-list.png") center center no-repeat; }
.v-media-mask:hover .icon { background: url("../images/ico-video-list-hover.png") center center no-repeat; }

.gallary-media { width: 392px; height: 282px; margin-bottom: 34px; float: left; padding: 0 32px; }
.gallary-media .img { overflow: hidden; height: 174px; }
.gallary-media .img img { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; height: auto; }
.gallary-media .img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.gallary-media .text { padding-top: 20px; text-align: left; }
.gallary-media .text a { color: #999; }
.gallary-media .text dl dt { font-size: 16px; color: #333 !important; font-weight: normal; line-height: 16px; margin-bottom: 20px; }
.gallary-media .text dl dd { font-size: 14px; color: #999; font-weight: normal; line-height: 18px; }
.gallary-media .text dl dd.time { margin-top: 16px; font-size: 12px; color: #999; font-weight: normal; line-height: 12px; }

.cultrue .img {
	overflow: hidden;
}
.cultrue .img img { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); }
.cultrue .img:hover img {  transform: scale(1.05); }

.customcase-media .img img { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1); }
.customcase-media .img:hover img {  transform: scale(1.05); }


.footer-outer { border-top: 1px solid #ddd; width: 100%; height: 308px; background-color: #f5f5f5; }

.footer { margin-left: auto; margin-right: auto; width: 1084px; height: 308px; padding: 42px 0; color: #999; text-align: center; }
.footer:before, .footer:after { content: " "; display: table; }
.footer:after { clear: both; }

.foot-left { float: left; width: 302px; text-align: left; padding-right: 140px; white-space: nowrap; }
.foot-left .contact-name { font-size: 18px; color: #333; }
.foot-left .phone-number { font-size: 24px; color: #333; line-height: 46px; }
.foot-left .hr-divide { margin: 0; border-top: 1px solid #999; margin-top: 14px; width: 160px; }
.foot-left p { font-size: 14px; line-height: 24px; color:#999;}

.foot-right { z-index: 2; white-space: nowrap; float: left; width: 264px; overflow: visible; position: relative; }
.foot-right:before { z-index: -1; display: block; content: ''; position: absolute; width: 100%; height: 193px; top: -20px; left: 0; background: url("../images/foot_03.png") center 0px no-repeat; }
.foot-right dl dt { font-size: 16px; color: #333; font-weight: normal; line-height: 16px; margin-bottom: 40px; }
.foot-right dl dd { font-size: 14px; line-height: 26px; color: #808080; }
.foot-right dl dd span { color: #2887d7; cursor: pointer; }

.foot-center { white-space: nowrap; float: left; text-align: left; }
.foot-center dl { float: left; width: 190px; }
.foot-center dl dt { font-size: 16px; color: #333; font-weight: normal; line-height: 16px; margin-bottom: 6px; }
.foot-center dl dd { font-size: 14px; line-height: 26px; color: #999; }
.foot-center dl:last-child { width: 138px; }

.copyright { width: 100%; font-size: 14px; color: #999; font-weight: normal; text-align: center; line-height: 78px;height: 78px; background-color: #262626; }

/* second page */
.product-inner-title { position: relative; width: 1100px; margin: 0 auto; z-index: 100; }

.product { width: 100%; height:440px; position: relative; background: #3333ff; }

.product-inner { position: absolute; top: 0; width: 100%; height: 440px; }

.animation-layer { position: absolute; right: 0; z-index: 90; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 100%; height:440px; }

.animation-slide-up { overflow: hidden; }
.animation-slide-up .title-outer { -webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; }
.animation-slide-up .animation-part:nth-child(1) { -webkit-animation: aniamte-ver-1 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-1 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(2) { -webkit-animation: aniamte-ver-2 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-2 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(3) { -webkit-animation: aniamte-ver-3 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-3 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(4) { -webkit-animation: aniamte-ver-4 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-4 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(5) { -webkit-animation: aniamte-ver-5 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-5 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(6) { -webkit-animation: aniamte-ver-6 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-6 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(7) { -webkit-animation: aniamte-ver-7 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-7 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(8) { -webkit-animation: aniamte-ver-8 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-8 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .animation-part:nth-child(9) { -webkit-animation: aniamte-ver-9 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; animation: aniamte-ver-9 799.39ms cubic-bezier(0.4, 0, 0.2, 1) 0.61017ms 1; }
.animation-slide-up .fp-title-inner { -webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; }
.animation-slide-up .banner-left { -webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2; }

.animation-inner { width: 1100px; margin: 0 auto; position: relative; }
.animation-inner .animation-part { position: absolute; right: 0; width: 100%; }
.animation-inner .animation-part img { position: absolute; right: 0; }

@-webkit-keyframes aniamte-ver-1 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 20px, 0px); transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-1 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 20px, 0px); transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-2 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-2 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-3 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 40px, 0px); transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-3 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 40px, 0px); transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-4 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-4 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 50px, 0px); transform: translate3d(0px, 50px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-5 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 60px, 0px); transform: translate3d(0px, 60px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-5 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 60px, 0px); transform: translate3d(0px, 60px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-6 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 70px, 0px); transform: translate3d(0px, 70px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-6 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 70px, 0px); transform: translate3d(0px, 70px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-7 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 80px, 0px); transform: translate3d(0px, 80px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-7 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 80px, 0px); transform: translate3d(0px, 80px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-8 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 90px, 0px); transform: translate3d(0px, 90px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-8 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 90px, 0px); transform: translate3d(0px, 90px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes aniamte-ver-9 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 100px, 0px); transform: translate3d(0px, 100px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }
@keyframes aniamte-ver-9 { 0% { opacity: 0; -webkit-transform: translate3d(0px, 100px, 0px); transform: translate3d(0px, 100px, 0px); }
  100% { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } }

  
.bg-APE { background: url("../images/bg-APE.png") center center no-repeat; background-size: cover; }

.bg-RTIS { background: url("../images/bg-RTIS.png") center center no-repeat; background-size: cover; }

.bg-RV { background: url("../images/bg-RV.png") center center no-repeat; background-size: cover; }

.bg-RT-RQS { background: url("../images/bg-RT-RQS.png") center center no-repeat; background-size: cover; }

.bg-RTCW { background: url("../images/bg-RTCW.png") center center no-repeat; background-size: cover; }

.bg-APP { background: url("../images/bg-app.png") center center no-repeat; background-size: cover; }

.right-title-outer { position: absolute; right: 15px; top: 150px; }

.title-outer { position: absolute; left: 15px; top:114px; }
.title-outer .btn.showdetail { font-size: 16px; color: #10a0f0; font-weight: normal; line-height: 42px; width: 160px; background-color: #fff; border-radius: 4px; margin-top: 26px; }
.title-outer .icon { text-align: center; margin-top: 46px; padding-left: 93px; margin-left: 5px; }
.title-outer .icon .title { font-size: 33px; color: #fff; font-weight: normal; line-height: 33px; margin-bottom: 10px; }
.title-outer .icon hr { border: none; border-bottom: 1px solid #fff; }
.title-outer .icon .second-title { font-size: 19px; color: #fff; font-weight: normal; line-height: 19px; margin-top: 10px; }
.title-outer .icon.docter { background: url("../images/ico-doctor.png") left center no-repeat; }
.title-outer .icon.patient { background: url("../images/ico-patient.png") left center no-repeat; }
.title-outer .title { font-size: 162px; color: #fff; font-weight: normal; line-height: 170.1px; }
.title-outer .title .APP { font-family: "Microsoft Yahei"; }
.title-outer .title .APP.docter dt { font-size: 66px; color: #fff; font-weight: normal; line-height: 66px; }
.title-outer .title .APP.docter dd { font-size: 24px; color: #fff; font-weight: normal; line-height: 24px; margin-top: 22px; }
.title-outer .title .APP.patient dt { font-size: 50px; color: #fff; font-weight: normal; line-height: 62px; }
.title-outer .title .APP.patient dd { font-size: 24px; color: #fff; font-weight: normal; line-height: 24px; margin-top: 22px; }
.title-outer .title .APE dt { font-size: 168px; color: #fff; font-weight: normal; line-height: 168px; font-family: arial; }
.title-outer .title .APE dd { font-size: 38px; color: #fff; font-weight: normal; line-height: 38px; }
.title-outer .title .APE dd.small { margin-top: 14px; font-size: 20px; color: #fff; font-weight: lighter; line-height: 20px; font-family: arial; }
.title-outer .title .RV dt { font-size: 157px; color: #fff; font-weight: normal; line-height: 157px; font-family: arial; }
.title-outer .title .RV dd { font-size: 36px; color: #fff; font-weight: normal; line-height: 36px; }
.title-outer .title .RV dd.small { margin-top: 14px; font-size: 20px; color: #fff; font-weight: lighter; line-height: 20px; font-family: arial; }
.title-outer .title .RTIS dt { font-size: 170px; color: #fff; font-weight: normal; line-height: 170px; font-family: arial; }
.title-outer .title .RTIS dd { font-size: 45px; color: #fff; font-weight: normal; line-height: 45px; }
.title-outer .title .RTIS dd.small { margin-top: 14px; font-size: 18px; color: #fff; font-weight: lighter; line-height: 18px; font-family: arial; }
.title-outer .title .RT-CW dt { font-size: 98px; color: #fff; font-weight: normal; line-height: 98px; font-family: arial; }
.title-outer .title .RT-CW dd { font-size: 50px; color: #fff; font-weight: normal; line-height: 50px; }
.title-outer .title .RT-CW dd.small { margin-top: 14px; font-size: 28px; color: #fff; font-weight: lighter; line-height: 28px; font-family: arial; }
.title-outer .title .RT-RQS dt { font-size: 102px; color: #fff; font-weight: normal; line-height: 102px; font-family: arial; }
.title-outer .title .RT-RQS dd { font-size: 50px; color: #fff; font-weight: normal; line-height: 50px; }
.title-outer .title .RT-RQS dd.small { margin-top: 14px; font-size: 28px; color: #fff; font-weight: lighter; line-height: 28px; font-family: arial; }

.description-outer { background-color: #fac61e; width: 100%; }

.description { margin-left: 22%; background-color: #fff; padding: 49px 70px 48px; }
.description dl { max-width: 1030px; min-width: 794px; }
.description dl dt { font-size: 36px; color: #333; font-weight: normal; line-height: 50px; margin-bottom: 13px; }
.description dl dd { font-size: 16px; color: #666; font-weight: normal; line-height: 36px; margin-bottom: 14px; }

/* function module */
.function-module-outer { width: 100%; }
.function-module-outer .function-module { max-width: 1400px; min-width: 1000px; padding: 60px 0 80px; text-align: center; margin: 0 auto; }
.function-module-outer .function-module.APE .module { width: 238px; height: 262px; }
.function-module-outer .function-module.RT-CW .module { width: 238px; height: 267px; }
.function-module-outer .function-module.RTIS .module { width: 240px; height: 240px; }
.function-module-outer .module { vertical-align: middle; display: inline-block; margin: 7px; padding-top: 26px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid #ddd; background-color: #fff; }
.function-module-outer .module .img { width: 64px; height: 64px; margin: 0 auto; }
.function-module-outer .module .add-dose { background: url("../images/add-dose.png") center center no-repeat; }
.function-module-outer .module .backup { background: url("../images/backup.png") center center no-repeat; }
.function-module-outer .module .compared { background: url("../images/compared.png") center center no-repeat; }
.function-module-outer .module .biological-dose { background: url("../images/biological-dose.png") center center no-repeat; }
.function-module-outer .module .physical { background: url("../images/physical.png") center center no-repeat; }
.function-module-outer .module .renwu { background: url("../images/renwu.png") center center no-repeat; }
.function-module-outer .module .bingan { background: url("../images/bingan.png") center center no-repeat; }
.function-module-outer .module .liucheng { background: url("../images/liucheng.png") center center no-repeat; }
.function-module-outer .module .shebei { background: url("../images/shebei.png") center center no-repeat; }
.function-module-outer .module .yuyue { background: url("../images/yuyue.png") center center no-repeat; }
.function-module-outer .module .feiyong { background: url("../images/feiyong.png") center center no-repeat; }
.function-module-outer .module .suifang { background: url("../images/suifang.png") center center no-repeat; }
.function-module-outer .module .chaxun { background: url("../images/chaxun.png") center center no-repeat; }
.function-module-outer .module .zidong { background: url("../images/zidong.png") center center no-repeat; }
.function-module-outer .module .shoudong { background: url("../images/shoudong.png") center center no-repeat; }
.function-module-outer .module .baqu { background: url("../images/baqu.png") center center no-repeat; }
.function-module-outer .module .gouhua { background: url("../images/gouhua.png") center center no-repeat; }
.function-module-outer .module .sanwei { background: url("../images/sanwei.png") center center no-repeat; }
.function-module-outer .module h3 { text-align: center; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 14px; margin-top: 8px; }
.function-module-outer .module p { text-align: center; color: #666; font-size: 14px; line-height: 26px; padding: 0 20px; }
.function-module-outer .module:hover { background-color: #4292d4; }
.function-module-outer .module:hover h3, .function-module-outer .module:hover p { color: #fff; }
.function-module-outer .module:hover .add-dose { background: url("../images/add-dose-hover.png") center center no-repeat; }
.function-module-outer .module:hover .backup { background: url("../images/backup-hover.png") center center no-repeat; }
.function-module-outer .module:hover .compared { background: url("../images/compared-hover.png") center center no-repeat; }
.function-module-outer .module:hover .biological-dose { background: url("../images/biological-dose-hover.png") center center no-repeat; }
.function-module-outer .module:hover .physical { background: url("../images/physical-hover.png") center center no-repeat; }
.function-module-outer .module:hover .renwu { background: url("../images/renwu-hover.png") center center no-repeat; }
.function-module-outer .module:hover .bingan { background: url("../images/bingan-hover.png") center center no-repeat; }
.function-module-outer .module:hover .liucheng { background: url("../images/liucheng-hover.png") center center no-repeat; }
.function-module-outer .module:hover .shebei { background: url("../images/shebei-hover.png") center center no-repeat; }
.function-module-outer .module:hover .yuyue { background: url("../images/yuyue-hover.png") center center no-repeat; }
.function-module-outer .module:hover .feiyong { background: url("../images/feiyong-hover.png") center center no-repeat; }
.function-module-outer .module:hover .suifang { background: url("../images/suifang-hover.png") center center no-repeat; }
.function-module-outer .module:hover .chaxun { background: url("../images/chaxun-hover.png") center center no-repeat; }
.function-module-outer .module:hover .zidong { background: url("../images/zidong-hover.png") center center no-repeat; }
.function-module-outer .module:hover .shoudong { background: url("../images/shoudong-hover.png") center center no-repeat; }
.function-module-outer .module:hover .baqu { background: url("../images/baqu-hover.png") center center no-repeat; }
.function-module-outer .module:hover .gouhua { background: url("../images/gouhua-hover.png") center center no-repeat; }
.function-module-outer .module:hover .sanwei { background: url("../images/sanwei-hover.png") center center no-repeat; }

/* 使用效果*/
.use-effect-outer { padding-top: 60px; padding-bottom: 80px; }

.use-effect { margin: 0 auto; margin-left: auto; margin-right: auto; width: 700px; }
.use-effect:before, .use-effect:after { content: " "; display: table; }
.use-effect:after { clear: both; }
.use-effect dl.rqs.before { float: left; width: 50%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.use-effect dl.rqs.before dd:nth-of-type(1) { background: url("../images//ico-left/ico-hunluan.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.before dd:nth-of-type(2) { background: url("../images//ico-left/ico-mengxian.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.before dd:nth-of-type(3) { background: url("../images//ico-left/ico-cunzai.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.before dd:nth-of-type(4) { background: url("../images//ico-left/ico-dianhua.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.before dd:nth-of-type(5) { background: url("../images//ico-left/ico-rengong.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.before dd:nth-of-type(6) { background: url("../images//ico-left/ico-60.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after { float: left; width: 50%; border-top: 1px solid #ddd; }
.use-effect dl.rqs.after dd { color: #4292d4; }
.use-effect dl.rqs.after dd:nth-of-type(1) { background: url("../images//ico-left/ico-youxu.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after dd:nth-of-type(2) { background: url("../images//ico-left/ico-liyong.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after dd:nth-of-type(3) { background: url("../images//ico-left/ico-xiaochu.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after dd:nth-of-type(4) { background: url("../images//ico-left/ico-guzhang.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after dd:nth-of-type(5) { background: url("../images//ico-left/ico-yuyin.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rqs.after dd:nth-of-type(6) { background: url("../images//ico-left/ico-20.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.before { float: left; width: 50%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.use-effect dl.rv.before dd:nth-of-type(1) { background: url("../images//ico-left/ico-shujufen-before.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.before dd:nth-of-type(2) { background: url("../images//ico-left/ico-luru-before.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.before dd:nth-of-type(3) { background: url("../images//ico-left/ico-qudong-before.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.before dd:nth-of-type(4) { background: url("../images//ico-left/ico-IMRT-before.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.after { float: left; width: 50%; border-top: 1px solid #ddd; }
.use-effect dl.rv.after dd { color: #4292d4; }
.use-effect dl.rv.after dd:nth-of-type(1) { background: url("../images//ico-left/ico-shujufen-after.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.after dd:nth-of-type(2) { background: url("../images//ico-left/ico-luru-after.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.after dd:nth-of-type(3) { background: url("../images//ico-left/ico-qudong-after.png") left center no-repeat; background-position: 42px; }
.use-effect dl.rv.after dd:nth-of-type(4) { background: url("../images//ico-left/ico-IMRT-after.png") left center no-repeat; background-position: 42px; }
.use-effect dt { padding-left: 42px; font-size: 18px; color: #333; font-weight: normal; line-height: 59px; background-color: #f9f9f9; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.use-effect dd { padding-left: 98px; font-size: 16px; color: #333; font-weight: normal; line-height: 59px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.character-outer { width: 100%; padding-top: 60px; padding-bottom: 80px; background-color: #fafafa; }

.character-inner { margin: 0 auto; text-align: center; width: 100%; }

@media (max-width: 1628px) { .character-inner { width: 1000px; } }
.biological-dose { z-index: 2; position: relative; }
.biological-dose .left .img { background: url("../images/biological-dose.png") center center no-repeat; }
.biological-dose:hover { background-color: rgba(39, 44, 48, 0.98); }
.biological-dose:hover .left { background-color: transparent; color: #fff; }
.biological-dose:hover .right { background-color: transparent; color: #fff; }
.biological-dose:hover .left .img { background: url("../images/biological-dose-hover.png") center center no-repeat; }
.biological-dose:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.biological-dose:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.biological-dose:hover:before { opacity: 0.1; visibility: visible; }

.biological-dose:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-biological-dose.png") center center no-repeat; }

.evaluation { z-index: 2; position: relative; }
.evaluation .left .img { background: url("../images/evaluation.png") center center no-repeat; }
.evaluation:hover { background-color: rgba(39, 44, 48, 0.98); }
.evaluation:hover .left { background-color: transparent; color: #fff; }
.evaluation:hover .right { background-color: transparent; color: #fff; }
.evaluation:hover .left .img { background: url("../images/evaluation-hover.png") center center no-repeat; }
.evaluation:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.evaluation:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.evaluation:hover:before { opacity: 0.1; visibility: visible; }

.evaluation:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-evaluation.png") center center no-repeat; }

.compatible { z-index: 2; position: relative; }
.compatible .left .img { background: url("../images/compatible.png") center center no-repeat; }
.compatible:hover { background-color: rgba(39, 44, 48, 0.98); }
.compatible:hover .left { background-color: transparent; color: #fff; }
.compatible:hover .right { background-color: transparent; color: #fff; }
.compatible:hover .left .img { background: url("../images/compatible-hover.png") center center no-repeat; }
.compatible:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.compatible:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.compatible:hover:before { opacity: 0.1; visibility: visible; }

.compatible:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-compatible.png") center center no-repeat; }

.management { z-index: 2; position: relative; }
.management .left .img { background: url("../images/management.png") center center no-repeat; }
.management:hover { background-color: rgba(39, 44, 48, 0.98); }
.management:hover .left { background-color: transparent; color: #fff; }
.management:hover .right { background-color: transparent; color: #fff; }
.management:hover .left .img { background: url("../images/management-hover.png") center center no-repeat; }
.management:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.management:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.management:hover:before { opacity: 0.1; visibility: visible; }

.management:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-management.png") center center no-repeat; }

.savety { z-index: 2; position: relative; }
.savety .left .img { background: url("../images/savety.png") center center no-repeat; }
.savety:hover { background-color: rgba(39, 44, 48, 0.98); }
.savety:hover .left { background-color: transparent; color: #fff; }
.savety:hover .right { background-color: transparent; color: #fff; }
.savety:hover .left .img { background: url("../images/savety-hover.png") center center no-repeat; }
.savety:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.savety:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.savety:hover:before { opacity: 0.1; visibility: visible; }

.savety:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-savety.png") center center no-repeat; }

.years { z-index: 2; position: relative; }
.years .left .img { background: url("../images/years.png") center center no-repeat; }
.years:hover { background-color: rgba(39, 44, 48, 0.98); }
.years:hover .left { background-color: transparent; color: #fff; }
.years:hover .right { background-color: transparent; color: #fff; }
.years:hover .left .img { background: url("../images/years-hover.png") center center no-repeat; }
.years:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.years:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.years:hover:before { opacity: 0.1; visibility: visible; }

.years:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-years.png") center center no-repeat; }

.savety-check { z-index: 2; position: relative; }
.savety-check .left .img { background: url("../images/savety-check.png") center center no-repeat; }
.savety-check:hover { background-color: rgba(39, 44, 48, 0.98); }
.savety-check:hover .left { background-color: transparent; color: #fff; }
.savety-check:hover .right { background-color: transparent; color: #fff; }
.savety-check:hover .left .img { background: url("../images/savety-check-hover.png") center center no-repeat; }
.savety-check:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.savety-check:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.savety-check:hover:before { opacity: 0.1; visibility: visible; }

.savety-check:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-savety-check.png") center center no-repeat; }

.gaoxiao { z-index: 2; position: relative; }
.gaoxiao .left .img { background: url("../images/gaoxiao.png") center center no-repeat; }
.gaoxiao:hover { background-color: rgba(39, 44, 48, 0.98); }
.gaoxiao:hover .left { background-color: transparent; color: #fff; }
.gaoxiao:hover .right { background-color: transparent; color: #fff; }
.gaoxiao:hover .left .img { background: url("../images/gaoxiao-hover.png") center center no-repeat; }
.gaoxiao:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.gaoxiao:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.gaoxiao:hover:before { opacity: 0.1; visibility: visible; }

.gaoxiao:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-gaoxiao.png") center center no-repeat; }

.guifan { z-index: 2; position: relative; }
.guifan .left .img { background: url("../images/guifan.png") center center no-repeat; }
.guifan:hover { background-color: rgba(39, 44, 48, 0.98); }
.guifan:hover .left { background-color: transparent; color: #fff; }
.guifan:hover .right { background-color: transparent; color: #fff; }
.guifan:hover .left .img { background: url("../images/guifan-hover.png") center center no-repeat; }
.guifan:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.guifan:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.guifan:hover:before { opacity: 0.1; visibility: visible; }

.guifan:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-guifan.png") center center no-repeat; }

.bianjie { z-index: 2; position: relative; }
.bianjie .left .img { background: url("../images/bianjie.png") center center no-repeat; }
.bianjie:hover { background-color: rgba(39, 44, 48, 0.98); }
.bianjie:hover .left { background-color: transparent; color: #fff; }
.bianjie:hover .right { background-color: transparent; color: #fff; }
.bianjie:hover .left .img { background: url("../images/bianjie-hover.png") center center no-repeat; }
.bianjie:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.bianjie:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.bianjie:hover:before { opacity: 0.1; visibility: visible; }

.bianjie:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-bianjie.png") center center no-repeat; }

.peizhun { z-index: 2; position: relative; }
.peizhun .left .img { background: url("../images/peizhun.png") center center no-repeat; }
.peizhun:hover { background-color: rgba(39, 44, 48, 0.98); }
.peizhun:hover .left { background-color: transparent; color: #fff; }
.peizhun:hover .right { background-color: transparent; color: #fff; }
.peizhun:hover .left .img { background: url("../images/peizhun-hover.png") center center no-repeat; }
.peizhun:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.peizhun:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.peizhun:hover:before { opacity: 0.1; visibility: visible; }

.peizhun:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-peizhun.png") center center no-repeat; }

.gaishan { z-index: 2; position: relative; }
.gaishan .left .img { background: url("../images/gaishan.png") center center no-repeat; }
.gaishan:hover { background-color: rgba(39, 44, 48, 0.98); }
.gaishan:hover .left { background-color: transparent; color: #fff; }
.gaishan:hover .right { background-color: transparent; color: #fff; }
.gaishan:hover .left .img { background: url("../images/gaishan-hover.png") center center no-repeat; }
.gaishan:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.gaishan:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.gaishan:hover:before { opacity: 0.1; visibility: visible; }

.gaishan:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-gaishan.png") center center no-repeat; }

.fenpei { z-index: 2; position: relative; }
.fenpei .left .img { background: url("../images/fenpei.png") center center no-repeat; }
.fenpei:hover { background-color: rgba(39, 44, 48, 0.98); }
.fenpei:hover .left { background-color: transparent; color: #fff; }
.fenpei:hover .right { background-color: transparent; color: #fff; }
.fenpei:hover .left .img { background: url("../images/fenpei-hover.png") center center no-repeat; }
.fenpei:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.fenpei:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.fenpei:hover:before { opacity: 0.1; visibility: visible; }

.fenpei:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-fenpei.png") center center no-repeat; }

.rt-gaoxiao { z-index: 2; position: relative; }
.rt-gaoxiao .left .img { background: url("../images/rt-gaoxiao.png") center center no-repeat; }
.rt-gaoxiao:hover { background-color: rgba(39, 44, 48, 0.98); }
.rt-gaoxiao:hover .left { background-color: transparent; color: #fff; }
.rt-gaoxiao:hover .right { background-color: transparent; color: #fff; }
.rt-gaoxiao:hover .left .img { background: url("../images/rt-gaoxiao-hover.png") center center no-repeat; }
.rt-gaoxiao:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.rt-gaoxiao:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.rt-gaoxiao:hover:before { opacity: 0.1; visibility: visible; }

.rt-gaoxiao:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-rt-gaoxiao.png") center center no-repeat; }

.rt-peizhun { z-index: 2; position: relative; }
.rt-peizhun .left .img { background: url("../images/rt-peizhun.png") center center no-repeat; }
.rt-peizhun:hover { background-color: rgba(39, 44, 48, 0.98); }
.rt-peizhun:hover .left { background-color: transparent; color: #fff; }
.rt-peizhun:hover .right { background-color: transparent; color: #fff; }
.rt-peizhun:hover .left .img { background: url("../images/rt-peizhun-hover.png") center center no-repeat; }
.rt-peizhun:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.rt-peizhun:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.rt-peizhun:hover:before { opacity: 0.1; visibility: visible; }

.rt-peizhun:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-rt-peizhun.png") center center no-repeat; }

.rt-jianrong { z-index: 2; position: relative; }
.rt-jianrong .left .img { background: url("../images/rt-jianrong.png") center center no-repeat; }
.rt-jianrong:hover { background-color: rgba(39, 44, 48, 0.98); }
.rt-jianrong:hover .left { background-color: transparent; color: #fff; }
.rt-jianrong:hover .right { background-color: transparent; color: #fff; }
.rt-jianrong:hover .left .img { background: url("../images/rt-jianrong-hover.png") center center no-repeat; }
.rt-jianrong:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.rt-jianrong:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.rt-jianrong:hover:before { opacity: 0.1; visibility: visible; }

.rt-jianrong:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-rt-jianrong.png") center center no-repeat; }

.rt-guifan { z-index: 2; position: relative; }
.rt-guifan .left .img { background: url("../images/rt-guifan.png") center center no-repeat; }
.rt-guifan:hover { background-color: rgba(39, 44, 48, 0.98); }
.rt-guifan:hover .left { background-color: transparent; color: #fff; }
.rt-guifan:hover .right { background-color: transparent; color: #fff; }
.rt-guifan:hover .left .img { background: url("../images/rt-guifan-hover.png") center center no-repeat; }
.rt-guifan:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.rt-guifan:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.rt-guifan:hover:before { opacity: 0.1; visibility: visible; }

.rt-guifan:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-rt-guifan.png") center center no-repeat; }

.rqs-xiaolv { z-index: 2; position: relative; }
.rqs-xiaolv .left .img { background: url("../images/rqs-xiaolv.png") center center no-repeat; }
.rqs-xiaolv:hover { background-color: rgba(39, 44, 48, 0.98); }
.rqs-xiaolv:hover .left { background-color: transparent; color: #fff; }
.rqs-xiaolv:hover .right { background-color: transparent; color: #fff; }
.rqs-xiaolv:hover .left .img { background: url("../images/rqs-xiaolv-hover.png") center center no-repeat; }
.rqs-xiaolv:hover .top-bg { background-color: rgba(39, 44, 48, 0.98); }
.rqs-xiaolv:hover .top-bg .img { background-color: rgba(39, 44, 48, 0.98); }
.rqs-xiaolv:hover:before { opacity: 0.1; visibility: visible; }

.rqs-xiaolv:before { z-index: 100; content: ''; display: block; visibility: hidden; opacity: 1; -webkit-transition: 1s opacity ease; transition: 1s opacity ease; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; background: url("../images/img-rqs-xiaolv.png") center center no-repeat; }

.character { vertical-align: middle; display: inline-block; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; width:250px; height: 436px; }
.character:last-child { border-right: 1px solid #e2e2e2; }
.character .top-bg { z-index: 10; background-color: #fff; padding-bottom: 30px; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; }
.character .top-bg .img { margin: 22px auto; border-radius: 50%; background-color: #fafafa; width: 100px; height: 100px; }
.character .left { /* background-color: #fff;
padding-bottom: 30px; */ position: relative; z-index: 101; height: 176px; padding-top: 20px; font-size: 18px; color: #333; font-weight: bold; line-height: 18px; }
.character .left .img { position: relative; z-index: 101; margin: 0 auto; width: 100px; height: 100px; margin-bottom: 10px; }
.character .left p { text-align: center; }
.character .right { position: relative; z-index: 101; text-align: center; font-size: 14px; color: #666; font-weight: normal; line-height: 24px; }
.character .right ul { padding: 29px 30px 0px 30px; }
.character .right ul li { margin-bottom: 14px; }
.character hr { border: none; border-top: 1px solid #fff; margin: 0; margin: 0 40px; }

.product-scheme-outer { padding: 90px 0; width: 100%; }

.product-scheme-inner { margin-left: auto; margin-right: auto; width: 55%; }
.product-scheme-inner:before, .product-scheme-inner:after { content: " "; display: table; }
.product-scheme-inner:after { clear: both; }

.product-scheme { float: left; width: 50%; padding: 0 48px; }
.product-scheme .img { width: 100%; height: 520px; background: #ffb733; }
.product-scheme dl { text-align: center; }
.product-scheme dl > dt { padding-top: 40px; margin-bottom: 58px; font-size: 32px; color: #0071d1; font-weight: normal; line-height: 32px; }
.product-scheme dl > dd { font-size: 24px; color: #666666; font-weight: normal; line-height: 30px; }

.side-tools { position: fixed; right: 0; bottom: 90px; z-index: 100; }
.side-tools .contact-phone { z-index: 10000; width: 40px; height: 40px; background: url("../images/ico-custom-service.png") center center no-repeat; background-color: #555555; cursor: pointer; }
.side-tools .contact-phone:hover:before { z-index: 10001; background-color: #555555; content: '咨询电话'; display: block; text-align: center; padding-top: 4px; width: 100%; height: 36px; font-size: 14px; color: #fff; font-weight: normal; line-height: 16px; }
.side-tools .contact-phone:hover .phone-number { width:190px; }
.side-tools .scroll-top { margin-top: 3px; width: 40px; height: 40px; background: url("../images/ico-scrolltotop.png") center center no-repeat; background-color: #555555; cursor: pointer; }
.side-tools .scroll-top:hover:before { z-index: 10001; background-color: #555555; content: '置顶'; display: block; text-align: center; width: 100%; height: 100%; font-size: 14px; color: #fff; font-weight: normal; line-height: 40px; }
.side-tools .phone-number { z-index: -1; white-space: nowrap; position: absolute; left: auto; top: 0; right: 0; bottom: auto; margin-right: 40px; background-color: #808080; text-align: center; font-size: 16px; color: #fff; font-weight: normal; width: 0; -webkit-transition: width 0.4s cubic-bezier(0.4, 0.8, 1, 1); transition: width 0.4s cubic-bezier(0.4, 0.8, 1, 1); }
.phone-jishu{
    font-size: 16px;
    padding-top: 10px;
}
.phone-tel{
    font-weight: bold;
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.phone-date{
    font-size:12px;
    padding-bottom:9px;
}
/* service&support */
.service-banner { background: url("../images/service-bg.png") center center no-repeat; width: 100%; height: 282px; background-size: cover; }

.service-banner-inner { width: 1093px; margin: 0 auto; }

.banner-left { float: right; padding-right: 100px; height: 282px; padding-top: 75px; background-position: left center; color: #fff; }
.banner-left .contact-name { font-size: 30px; color: #fff; font-weight: normal; line-height: 31px; margin-bottom: 21px; }
.banner-left .phone-number { font-size: 38px; color: #fff; font-weight: normal; line-height: 40px; margin-bottom: 22px; }
.banner-left p { font-size: 17px; color: #fff; font-weight: normal; line-height: 18px; }

.service-description { padding: 53px 0; width: 100%; background-color: #f9f9f9; }
.service-top {width:1200px;margin:0 auto;}
.service-description-inner { float: left; width: 700px;margin-top: 70px;}
.service-description-inner { -webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;}
.service-description-inner .article-line { padding-left: 43px; text-align: left; font-size: 16px; color: #fff; font-weight: normal; line-height: 36px; }

.service-description-inner .article-line:nth-child(1) { background: url("../images/ico-honor.png") left top 8px no-repeat;  }
.service-description-inner .article-line:nth-child(2) { background: url("../images/ico-stander.png") left center no-repeat; }
.service-description-inner .article-line:nth-child(3) { background: url("../images/ico-care.png") left center no-repeat; }

/* map */
.map-outer { width: 100%; padding-top: 60px; padding-bottom: 35px; }
.map-outer .article-line { text-align: center; }
.map-outer .block-header, .map-outer .terminal-block-header { margin-bottom: 33px; }

.map-wrapper {
    background: url("/skin/default/images/map.png")no-repeat 0 60px;
    position: relative;
    margin: 0 auto;
    width: 795px;
    height: 730px;
}
.map-wrapper .map { margin: 0 auto; position: relative; width: 680px; height: 500px; }

.point-wr { position: absolute; left: 100px; top: 50px; right: auto; bottom: auto; width: 80px; height: 80px; background: transparent; }
.point-wr .dot { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 10px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background-color: #579cda; }
.point-wr .name { white-space: nowrap; position: absolute; top: 33px; left: 65px; }

.point { border-radius: 50%; background-clip: padding-box; background: transparent; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 80px; height: 80px; }

.point-1:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #579cda; opacity: 0; -webkit-animation: ripple 4500ms ease-out 225ms infinite; animation: ripple 4500ms ease-out 225ms infinite; }

.point-1:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #579cda; opacity: 0; -webkit-animation: ripple 4500ms ease-out 900ms infinite; animation: ripple 4500ms ease-out 900ms infinite; }

.point-3:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #579cda; opacity: 0; -webkit-animation: ripple 4500ms ease-out 1800ms infinite; animation: ripple 4500ms ease-out 1800ms infinite; }

.customcase-outer { padding: 60px 0 46px; width: 100%; background-color: #f9f9f9; }
.customcase-outer .block-header, .customcase-outer .terminal-block-header { margin-bottom: 12px; }

.customcase { margin: 0 auto; text-align: center; }
.customcase .customcase-media { display: inline-block; margin: 34px 32px; }
.customcase .customcase-media .img { width: 328px; height: 174px;overflow: hidden; }
.customcase .customcase-media .article-line { text-align: center; margin-top: 20px; font-size: 16px; color: #666; font-weight: normal; line-height: 16px; }

.policy-outer { width: 100%; padding-top: 55px; padding-bottom: 90px; text-align: center; border-top: 1px solid #ddd; }

.policy { display: inline-block; margin: 0 20px; width: 300px; height: 160px; border: 1px solid #ddd; background-color: #fff; }
.policy dl dt { font-size: 16px; color: #333; font-weight: normal; line-height: 28px; margin-top: 24px; margin-bottom: 12px; }
.policy dl dt > img { vertical-align: middle; margin-right: 6px; }
.policy dl dd { font-size: 14px; color: #808080; font-weight: normal; line-height: 26px; }
.policy dl dd span { color: #2887d7; cursor: pointer; }

/* customcase detail */
.article-outer { width: 100%; }

.article-list a:visited{
    color: #666;
}
.article-list a:link {
    color: #666;
}
.article-inner { width: 1200px; margin-left: auto; margin-right: auto; padding-top: 38px; padding-bottom: 85px; text-align: left; }
.article-inner:before, .article-inner:after { content: " "; display: table; }
.article-inner:after { clear: both; }

.article-left { width: 886px; min-height: 100px; float: left; /* news center */ }
.article-left .breadcrumbs { font-size: 12px; color: #999; font-weight: normal; line-height: 14px; margin-bottom: 28px; }
.article-left .breadcrumbs .divide { display: inline-block; width: 14px; height: 14px; }
.article-left .breadcrumbs .active { font-size: 14px; }
.article-left .article-title { font-size: 22px; color: #333; font-weight: normal; line-height: 22px; }
.article-left > .article-time { width: 100%; display: block; padding: 12px 0; font-size: 14px; color: #999; font-weight: normal; line-height: 24px; margin-left: auto; margin-right: auto; }
.article-left > .article-time:before, .article-left > .article-time:after { content: " "; display: table; }
.article-left > .article-time:after { clear: both; }
.article-left .shareto { float: right; color: #666; }
.article-left > .summery { width: 100%; padding: 14px 20px; background-color: #f9f9f9; font-size: 16px; color: #666; font-weight: normal; line-height: 30px; }
.article-left > .article-detail { border-bottom: 1px solid #ddd; }
.article-left > .article-detail .img { margin: 0 auto; text-align: center; padding: 30px 0; }
.article-left > .article-detail .article-main { font-size: 16px; color: #666; font-weight: normal; line-height: 30px; margin-bottom: 38px; }
.article-left > .article-detail .article-main img { width: 100%; height: auto; }
.article-left > .acticle-bottom-nav { padding-top: 20px; width: auto; margin-left: auto; margin-right: auto; font-size: 16px; color: #2887d7; font-weight: normal; line-height: 24px; }
.article-left > .acticle-bottom-nav:before, .article-left > .acticle-bottom-nav:after { content: " "; display: table; }
.article-left > .acticle-bottom-nav:after { clear: both; }
.article-left > .acticle-bottom-nav:after { content: ''; vertical-align: middle; display: inline-block; height: 26px; width: 26px; margin-bottom: 1px; background: url("../images/ico-goback.png") center center no-repeat; }
.article-left > .page-nav { font-size: 14px; color: #666; font-weight: normal; line-height: 28px; }
.article-left > .page-nav span { color: #2887d7; }
.article-left > .pagination { padding: 30px 0; text-align: center; vertical-align: middle; }
.article-left > .pagination .btn { padding: 8px 10px; margin: 0 3px; }
.article-left > .pagination .page-list { display: inline-block; }
.article-left > .pagination .page-list .btn { border: 1px solid #ddd; }
.article-left > .pagination .page-list .btn:hover { color: #fff; background-color: #2887d7; }
.article-left > .pagination .page-list .btn.active { color: #fff; background-color: #2887d7; }

.article-left > .pagination .next-prev { color: #555;background-color: #f5f5f5; }
.article-left > .pagination .next-prev.btn:hover { color: #fff; background-color: #2887d7; }
.article-left > .pagination .next-prev.active{color: #fff; background-color: #2887d7; }


.article-left > .pagination .go { border: 1px solid #2887d7; }
.article-left > .pagination .go:active { background-color: #4292d4; color: #fff; }
.article-left > .pagination input { border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; line-height: 26px; width: 50px; height: 26px; }
.article-left > .pagination input:focus { border: 1px solid #2887d7; }
.article-left > .pagination small { margin-left: 8px; margin-right: 8px; }
.article-left > .article-list { text-align: left; padding-top: 30px; padding-bottom: 24px; padding-right: 38px; border-bottom: 1px solid #ddd; margin-left: auto; margin-right: auto; }
.article-left > .article-list:before, .article-left > .article-list:after { content: " "; display: table; }
.article-left > .article-list:after { clear: both; }
.article-left > .article-list .article-title { font-size: 22px; color: #333; font-weight: normal; line-height: 22px; margin-bottom: 30px; }
.article-left > .article-list .img { width: 282px; height: 150px; margin-right: 30px; float: left; overflow: hidden; }
.article-left > .article-list .img img { width: 100%; height: auto; }
.article-left > .article-list .content { float: left; width: 536px; }
.article-left > .article-list .content .article-time { font-size: 12px; color: #999; font-weight: normal; line-height: 22px; }
.article-left > .article-list .content p { height: 106px; font-size: 14px; color: #666; font-weight: normal; line-height: 30px; }
.article-left > .article-list .content .tag { display: inline-block; padding: 0 1em; font-size: 14px; color: #999; font-weight: normal; line-height: 20px; border-radius: 20px; border: 1px solid #999; }
.article-left > .article-list .content .tag:hover { color: #2887d7; border-color: #2887d7; }
.article-left > .article-list .content .tag.active { color: #2887d7; border-color: #2887d7; }
.article-left > .article-list.item-noimage .content { width: 100%; }

.article-right { float: left; width: 314px; padding-left: 30px; }

.tag-block { background-color: #f0f0f0; margin-bottom: 22px; }

.tag-header { padding-left: 30px; padding-top: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 18px; color: #333; font-weight: normal; line-height: 18px; }

.tag-body { padding: 30px 28px; }
.tag-body .tag { display: inline-block; padding: 0 1em; margin-bottom: 14px; font-size: 14px; color: #999; font-weight: normal; line-height: 20px; border-radius: 20px; border: 1px solid #999; }
.tag-body .tag:hover { color: #2887d7; border-color: #2887d7; }
.tag.active { color: #2887d7; border-color: #2887d7; }
.tag-body .year { font-size: 14px; color: #999; font-weight: normal; line-height: 20px; margin-bottom: 14px; }
.tag-body .year:hover { color: #2887d7; }

/* development history */
.history-banner { width: 100%; height: 590px; background: #00b300; position: relative; }

.history-banner-text { position: absolute; right: 142px; width: 970px; padding-top: 90px; }
.history-banner-text dl dt { font-size: 24px; color: #fff; font-weight: normal; line-height: 24px; margin-bottom: 20px; }
.history-banner-text dl dd { font-size: 14px; color: #fff; font-weight: normal; line-height: 36px; }

.history-outer {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 130px;
    margin-top: -100px; }

.history-inner { margin: 0 auto; text-align: center; width: 1074px; }

.history { display: inline-block; }

.year-bar {margin-left: 380px;}
.year-bar:before, .year-bar:after { content: " "; display: table; }
.year-bar:after { clear: both; }
.year-bar .year { float: left; width: 60px; height: 28px; border-radius: 3px; font-size: 14px; color: #999; font-weight: normal; line-height: 28px;margin: 0px 10px; }
.year-bar .year.active { color: #fff; background-color: #2887d7; }

.history-detail { margin-top: 46px; text-align: left; width: 100%; }

.history-list-outer { position: relative; }

.history-list li { margin-top: 35px; vertical-align: middle; margin-left: auto; margin-right: auto; font-size: 16px; color: #666; font-weight: normal; line-height: 36px; }
.history-list li:before, .history-list li:after { content: " "; display: table; }
.history-list li:after { clear: both; }
.history-list li .time { color: #2887d7; }
.history-list li .point {display: inline-block; position: relative; background: url("../images/ico-dian.png") 23px center no-repeat;margin-left: -2px;height: 23px;}
.history-list li .point .small-point { display: inline-block; position: absolute; left: 2px; top: 2px; right: auto; bottom: auto; width: 5px; height: 5px; border-radius: 5px; background-color: #fff; }
.history-list li .detail { float: right; width: 955px; margin-top: -40px;padding-left: 20px;}

.line-ver { z-index: 1; position: absolute; left: 85px; top: 0; right: auto; bottom: auto; width: 1px; height: calc(100% - 30px); background-color: #2887d7; margin-top: 16px; }

.partner-outer { width: 100%; padding-top: 68px; padding-bottom: 140px; text-align: center; background-color: #f0f0f0; }
.partner-outer .partner { display: inline-block; margin: 0 10px; margin-bottom: 20px; background-color: #fff; }

.contact-outer { padding-top: 46px; padding-bottom: 194px; }

.contact-inner { width: 1220px; margin-left: auto; margin-right: auto; }
.contact-inner:before, .contact-inner:after { content: " "; display: table; }
.contact-inner:after { clear: both; }

.contact { float: left; width: 364px; margin: 0 20px; position: relative; }
.contact h2 { margin-top: 24px; margin-bottom: 24px; text-align: center; font-size: 22px; color: #666; font-weight: normal; line-height: 22px; }

.contact-way { margin-bottom: 30px; border: 1px solid #ddd; background-color: #f9f9f9; padding-bottom: 10px; }
.contact-way dl { margin-bottom: 24px; padding-left: 90px; }
.contact-way dl dt { margin-bottom: 14px; font-size: 16px; color: #666; font-weight: normal; line-height: 16px; }
.contact-way dl dt.one-row { padding: 14px 0; margin: 0; }
.contact-way dl dd { font-size: 14px; color: #999; font-weight: normal; line-height: 14px; }
.contact-way [icon-index=A] { background: url("../images/contact-iconA.png") left center no-repeat; background: url("../images/contact-iconA.png") 27px center no-repeat; }
.contact-way [icon-index=B] { background: url("../images/contact-iconB.png") left center no-repeat; background: url("../images/contact-iconB.png") 27px center no-repeat; }
.contact-way [icon-index=C] { background: url("../images/contact-iconC.png") left center no-repeat; background: url("../images/contact-iconC.png") 27px center no-repeat; }
.contact-way [icon-index=D] { background: url("../images/contact-iconD.png") left center no-repeat; background: url("../images/contact-iconD.png") 27px center no-repeat; }

.weixin { background-color: #f9f9f9; border: 1px solid #ddd; font-size: 16px; color: #666; font-weight: normal; line-height: 16px; padding-bottom: 27px; }
.weixin dl { padding-top: 10px; text-align: center; }
.weixin dl dd .img { display: inline-block; width: 126px; height: 126px; margin: 0 15px; background: #fff; text-align: center; }
.weixin dl dd .img img { width: 100%; height: 100%; }
.weixin dl dd .img p { font-size: 16px; color: #666; font-weight: normal; line-height: 16px; margin-top: 10px; }

.baidu-map { float: left; border: 1px solid #ddd; width: 816px; height: 604px; }

/* job offers */
.job-banner-outer { width: 100%; height: 370px; }

.job-banner-inner { position: relative; width: 838px; margin: 0 auto; }

.job-banner-title { position: absolute; left: 0; top: 150px; }
.job-banner-title dl { width: 412px; text-align: center; }
.job-banner-title dl dt { font-size: 64px; color: #fff; font-weight: normal; line-height: 64px; margin-bottom: 20px; }
.job-banner-title dl dd { font-size: 38px; color: #082c4c; font-weight: normal; line-height: 60px; border-radius: 3px; background-color: #fff; }

.alert { width: 100%; text-align: center; background-color: #eee; font-size: 16px; color: #666; font-weight: normal; line-height: 46px; }

.job-board-outer { border-top: 1px solid #ddd; width: 100%; }

.job-board { position: relative; width: 1120px; height: auto; margin-left: auto; margin-right: auto; margin: 0 auto; }
.job-board:before, .job-board:after { content: " "; display: table; }
.job-board:after { clear: both; }
.job-board .left { position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 268px; height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.job-board .left h3.header { padding-top: 26px; padding-left: 24px; padding-bottom: 18px; font-size: 22px; color: #333; font-weight: normal; line-height: 22px; border-bottom: 1px solid #ddd; }
.job-board .left > ul > li { text-indent: 26px; font-size: 16px; color: #666; font-weight: normal; line-height: 40px; }
.job-board .left > ul > li .tab-link { cursor: pointer; }
.job-board .left > ul > li > ul > li { cursor: pointer; font-size: 14px; text-indent: 66px; }
.job-board .left > ul > li > ul > li.active { background-color: #2887d7; color: #fff; }
.job-board .right { margin-left: 268px; padding: 50px 60px 52px; text-align: left; }
.job-board .right h3.title { font-size: 22px; color: #333; font-weight: normal; line-height: bold; margin-bottom: 26px; }
.job-board .right div[data-title] dl { margin-bottom: 18px; }
.job-board .right div[data-title] dl dt { margin-bottom: 8px; font-size: 16px; color: #666; font-weight: bold; line-height: 18px; }
.job-board .right div[data-title] dl dd { font-size: 16px; color: #666; font-weight: normal; line-height: 32px; }

.salary-block { border-top: 1px solid #ddd; text-align: center; padding-top: 46px; }
.salary-block .block-header, .salary-block .terminal-block-header { margin-bottom: 60px; }

.bg-line { position: relative; display: inline-block; padding: 0px 50px; white-space: nowrap; }
.bg-line .title { display: inline-block; z-index: 5; background-color: #fff; position: relative; padding: 0 20px; }
.bg-line:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 13px; margin-left: -50px; }

.salary-outer { width: 752px; margin: 0 auto; padding-bottom: 16px; text-align: left; }

.salary { display: inline-block; text-align: center; margin-bottom: 44px; width: 104px; height: auto; }
.salary .img { position: relative; width: 64px; height: 57px; margin: 0 auto; }
.salary .img-mask { display: none; position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; }
.salary:hover .img-mask { display: block; }
.salary .add-dose { background: url("../images/add-dose.png") center center no-repeat; }
.salary .backup { background: url("../images/backup.png") center center no-repeat; }
.salary .compared { background: url("../images/compared.png") center center no-repeat; }
.salary .biological { background: url("../images/biological.png") center center no-repeat; }
.salary .physical { background: url("../images/physical.png") center center no-repeat; }
.salary p { font-size: 14px; color: #999; font-weight: normal; line-height: 14px; }

.welfare-outer { width: 1048px; margin: 0 auto; padding-bottom: 55px; text-align: left; }
.welfare-outer .block-header, .welfare-outer .terminal-block-header { margin-bottom: 46px; }

.welfare { display: inline-block; width: 25%; padding-left: 73px; }
.welfare .img { width: 64px; height: 64px; }
.welfare dl { position: relative; }
.welfare dl:before { content: ''; display: block; position: absolute; top: 14px; left: -14px; height: 146px; width: 1px; background-color: #ddd; }
.welfare dl dt { position: relative; font-size: 16px; color: #333; font-weight: normal; line-height: 16px; }
.welfare dl dt:before { content: ''; display: block; position: absolute; top: 5px; left: -18px; height: 8px; width: 8px; border: 1px solid #ddd; border-radius: 50%; }
.welfare dl dd { margin-top: 18px; font-size: 14px; color: #999; font-weight: normal; line-height: 14px; }

/* cultrue life */
.cultrue-outer { border-top: 1px solid #ddd; }
.cultrue-outer .block-header, .cultrue-outer .terminal-block-header { padding-top: 60px; margin-bottom: 35px; }

.cultrue { width: 1160px; margin: 0 auto; padding-top: 50px; padding-bottom: 120px; text-align: center; }
.cultrue .img { background-color: #ddd; display: inline-block; margin: 10px 10px; }

/* terminal */
.terminal-block-header {padding-top: 140px;margin-bottom: 63px;margin-top: -80px; }
.terminal-block-header dl { margin-bottom: 17px; }

.terminal { background-color: #189ed3; height: 814px; position: relative; }
.terminal.patient-side { background-color: #58c778; }
.terminal.patient-side .btn-group .btn:hover { box-shadow: 3px 3px 10px #79d393; color: #58c778; }
.terminal .btn-group { z-index: 100; position: absolute; left: 36px; top: 120px; right: auto; bottom: auto; }
.terminal .btn-group .btn { position: relative; display: block; margin-bottom: 14px; width: 62px; height: 62px; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: 60px; font-size: 24px; color: #fff; font-family: serif; }
.terminal .btn-group .btn:hover { box-shadow: 3px 3px 10px #61c1e9; color: #189ed3; }
.terminal .btn-group .btn:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.terminal .btn-group .btn:before { z-index: -1; content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-color: #fff; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.terminal .arrow { position: absolute; top: 0px; left: 50%; margin-left: -30px; border-top: 20px solid #fff; border-right: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid transparent; }
.terminal .transition { /* -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); */ -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.5, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.5, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.5, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.5, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); /* transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);*/ }

.carousel-outer { position: absolute; left: 0px; top: 140px; right: auto; bottom: auto; width: 50%; height: 557px; }

.carousel-mask { position: absolute; top: 86px; right: 20px; min-width: 650px; margin-right: 112px; height: 400px; overflow: hidden; }
.carousel-mask .back-carousel { position: absolute; top: 0; right: 0; -webkit-transform: translate3d(218px, 0, 0); transform: translate3d(218px, 0, 0); width: 800px; height: 100%; }
.carousel-mask .back-carousel .item { width: 216px; height: 100%; position: relative; display: block; float: right; opacity: 0.6; -webkit-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
.carousel-mask .back-carousel .item img { display: block; }
.carousel-mask .back-carousel .item:nth-child(3) { opacity: 0.2; }

.forward-carousel { z-index: 10; position: absolute; top: 22px; right: -307px; width: 614px; height: 100%; background-position: center top; }
.forward-carousel.doctor-side { background: url("../images/terminal/phone-doctor.png") center center no-repeat; }
.forward-carousel.patient-side { background: url("../images/terminal/phone-patient.png") center center no-repeat; }
.forward-carousel .phone-wr { margin: 66px auto; overflow: hidden; position: relative; width: 216px; height: 381px; }
.forward-carousel .phone-wr .phone-inside { position: absolute; top: 0; right: 0; margin-left: auto; margin-right: auto; width: 651px; }
.forward-carousel .phone-wr .phone-inside:before, .forward-carousel .phone-wr .phone-inside:after { content: " "; display: table; }
.forward-carousel .phone-wr .phone-inside:after { clear: both; }
.forward-carousel .phone-wr .phone-inside img { float: right; }

.content-carousel { position: absolute; top: 156px; right: -487px; width: 296px; }
.content-carousel .carousel-bullets { position: absolute; left: 50px; top: 80px; right: auto; bottom: auto; }
.content-carousel .carousel-bullets i { margin-right: 12px; margin-left: 12px; height: 4px; width: 4px; display: block; float: left; background: #fff; border-radius: 4px; }
.content-carousel .carousel-bullets i:first-child { opacity: 0; }
.content-carousel .content { position: absolute; left: 0; top: 0px; right: auto; bottom: auto; }
.content-carousel .content h1 { margin-bottom: 30px; }
.content-carousel .content p { font-size: 16px; color: #fff; font-weight: normal; line-height: 30px; margin-top: 22px; -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.content-carousel .content.show .split-line { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.content-carousel .split-line { font-size: 26px; color: #fff; font-weight: normal; line-height: 26px; display: block; overflow: hidden; -webkit-transform: translate3d(0, 16px, 0); transform: translate3d(0, 16px, 0); -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.content-carousel .split-line-text { display: block; -webkit-transform: translate3d(0, 64px, 0); transform: translate3d(0, 64px, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1); }

@-webkit-keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
  5% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); }
  5% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } }
/* 视频 */
a.video-nav { position: fixed; left: 0; bottom: 11px; z-index: 98; width: 50px; height: 162px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #666; text-align: center; padding-top: 14px; font-size: 14px; color: #fff; font-weight: normal; line-height: 14px; }
a.video-nav:hover { background-color: #808080; }

.video-player-outer { z-index: 10000; position: fixed; left: 50%; top: 50%; right: auto; bottom: auto; margin-left: -414px; margin-top: -239px; border-radius: 2px; padding: 14px; background-color: #f9f9fa; }
.video-player-outer .video-player-inner { width: 800px; height: 450px; }
.video-player-outer .btn-cancel { cursor: pointer; position: absolute; left: auto; top: -14px; right: -14px; bottom: auto; width: 32px; height: 32px; background: url("../images/video-close.png") center center no-repeat; }

.mask-layer { z-index: 99; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.5; }

.fp-title-outer { position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; z-index: 2; }

.fp-title-inner { text-align: center; width: 1100px; margin: 0 auto; }
.fp-title-inner .title { margin-top: 207px; }
.fp-title-inner .title dt { font-size: 72px; color: #fff; font-weight: bold; line-height: 72px; margin-bottom: 35px; }
.fp-title-inner .title dd { font-size: 20px; color: #fff; font-weight: normal; line-height: 20px; }

.index-banner0 { background: url("../images/animation/index/oic-banner-bg.png") center center no-repeat; background-size: cover; }
.index-banner1 { background: url("../images/animation/index/app-banner-bg.png") center center no-repeat; background-size: cover; }
.index-banner2 { background: url("../images/animation/index/odc-banner-bg.png") center center no-repeat; background-size: cover; }
.index-banner3 { background: url("../images/animation/index/yino-banner-bg.png") center center no-repeat; background-size: cover; }

/* 分享按钮 */
.bdsharebuttonbox.bdshare-button-style2-24 { float: right; vertical-align: middle; }
.bdsharebuttonbox.bdshare-button-style2-24 a { margin: 0px 0px 0px 8px; }

.bdshare-button-style2-24 .bds_qzone { background: url("../images/ico-qq.png") center center no-repeat; }

.bdshare-button-style2-24 .bds_qzone:hover { background: url("../images/ico-qq-hover.png") center center no-repeat; }

.bdshare-button-style2-24 .bds_tsina { background: url("../images/ico-sina.png") center center no-repeat; }

.bdshare-button-style2-24 .bds_tsina:hover { background: url("../images/ico-sina-hover.png") center center no-repeat; }

.bdshare-button-style2-24 .bds_weixin { background: url("../images/ico-weixin.png") center center no-repeat; }

.bdshare-button-style2-24 .bds_weixin:hover { background: url("../images/ico-weixin-hover.png") center center no-repeat; }

.bdshare-button-style2-24 { zoom: 1; }

.bdshare-button-style2-24:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more { float: left; font-size: 18px; padding-left: 25px; line-height: 24px; height: 24px; background-repeat: no-repeat; cursor: pointer; margin: 6px 6px 6px 0; color: #999; }

.bdshare-button-style2-24 a:hover { color: #333; opacity: .8; filter: alpha(opacity=80); }

.aboutus-sidebar {z-index: 100; position: fixed; left: auto; top: auto; right: 0; bottom: 300px; width: 108px; padding: 20px 14px; background-color: #fff; border: 1px solid #ddd; }
.aboutus-sidebar .side-nav { display: block; font-size: 14px; color: #666; font-weight: normal; line-height: 30px; width: 86px; text-align: center; border-radius: 15px; }
.aboutus-sidebar .side-nav:hover { background-color: #4292d4; color: #fff; font-weight: bold; }


.tag::selection {
background:#6C6;
color:#fff;
}


/* footer*/
.copygs{
	position: relative;
    left: 10px;
    top: 20px;
}

/*总裁致辞*/
.speech-banner {
	background: url(../images/speech-bg.png) center center no-repeat;
    width: 100%;
    height: 400px;
    background-size: cover;
	
}
.speech-box	{
	width:1190px;
	margin-left: auto; 
	margin-right: auto;
	overflow: hidden;
}
.speech-img-left{
	background: url(../images/speech-left.png) center center no-repeat;
	width: 480px;
    height: 400px;
    background-size: cover;
	
}
.speech-img-right{
	background: url(../images/speech-right.png) center center no-repeat;
	width:548px;
    height:104px;
    background-size: cover;
	margin-top: 155px;
	margin-right: 120px;
}
.speech-description-inner{	
    float: left;
	webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;
    animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;
}
.speech-banner-inner{	
    float: right;
	webkit-animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;
    animation: 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s normal none 1 running aniamte-ver-2;
}
.speech-box-bg{
	height:312px;
	background-color:#f9f9f9;
}
.speech-top-img{
	background: url(../images/speech-lizong.png) center center no-repeat;
	width: 166px;
    height: 234px;
    background-size: cover;
	position:relative;
	moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	float: left;
	margin: 34px 44px 0px 0px;
	
}
.lizong-bg{	
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 166px;
    height: 36px;
    position: absolute;
    bottom: 0px;
    z-index: 1;
	moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 0px 0px 8px 8px;
	
}
.liqing-text {
	font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    z-index: 2;
    position: absolute;
    left: 37px;
    bottom: 0px;
}
.speech-top-text{
	    padding: 34px 0px;

}
.speech-top-text p{
	font-size: 16px;
    color: #333;
    line-height: 30px;
}

.speech-left{
	width:530px;
	float:left;
	margin-top: 8px;
}
.speech-right{
	width:610px;
	float:right;
	margin-top: 8px;
}
.speech-box hr{
	border-top: 0.9px solid #ddd;
	margin-top: 20px;
}
.speech-box dt{
	font-size: 20px;
    color: #333;
    font-weight: 600;
    margin: 26px 0px 20px 0px;
}
.speech-box dd{
	font-size: 16px;
    color: #666;
	line-height: 32px;
    
}

.speech-footer-txt p{
    font-size: 16px;
    color: #333;
    font-weight: 600;
	line-height: 32px;
}
.speech-footer{
    width:100%;
    margin: 16px 0px 70px 0px;
	position:relative;
    
}
.speech-footer-img{
	background: url(../images/autograph.png) center center no-repeat;
	width: 297px;
    height: 123px;
    background-size: cover;
    position: absolute;
    left: 900px;
    top: 37px;
	
}
/*# sourceMappingURL=style.css.map */
ul.page-list b{
color: #fff;
    background-color: #2887d7;
    padding: 8px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
}
ul.page-list a:nth-child(1){
    display: none;
}
ul.page-list a{
color: #2887d7;
    background-color: #fff;
    padding: 8px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
}
ul.page-list a:hover{
color: #fff;
    background-color: #2887d7;
    padding: 8px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
}
.job-right{
    min-height: 600px;
}
div.div-tags a{
display: inline-block;
    padding: 0 1em;
    margin-bottom: 14px;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid #999;
}
div.div-tags a:hover{
    color: #2887d7;
    border-color: #2887d7;
}
.menu-icon{
    float: right;
    padding-right: 12px;
    display: none;
 /*    position: absolute;
       left: 225px;
       top: 15px; */
}
.menu-icon-hover{
    display:none;
}
}}