/**
*@Description: outside css 地图新增阜阳
*@Author: yys
*@Update: xuy(2017-07-04 09:45)
**/
/*common*/
body{font-size: 14px; font-family: Microsoft Yahei, sans-serif;}
.banner-animate-box{position: relative;min-width:1200px;margin: 0 auto; width:1200px; height: 480px;}
.outside-content{width:100%;min-width:1200px;height: 400px;}
.outside-hide-head{display: none;min-width:1200px; position: fixed; z-index: 999; height:70px; box-shadow:0 0 10px #a0a0a0; background: rgba(255,255,255,0.95); background: rgb(255,255,255)\9;}
.logo{display: block; margin-top: 10px; width:148px; height: 50px; background: url(../images/index.png);}
.arr-down,.arr-up{display: inline-block; width: 14px; height: 8px; background: url(../images/index.png);}
.outside-hide-head .arr-down{margin-left: 4px; background-position: -12px -256px;}
.outside-head .arr-down{margin-left: 4px; background-position: -12px -272px;}
.outside-hide-head .logo{background-position: 0 -70px;}
.outside-head .logo{background-position: 0 0;}
.outside-head{position: relative; height:550px; /*background-size: cover;*/}
.outside-con-head{background: url(../images/outside/rcs_banner.png) no-repeat center center;}
.outside-pacs-head{background: url(../images/outside/cps_banner.png) no-repeat center center;}
.outside-cli-head{background: url(../images/outside/cdw_banner.png) no-repeat center center;}
.outside-nc-head{background: url(../images/outside/nc_banner.png) no-repeat center center;}
.outside-home-head{min-width:1200px;height:630px;background: url(../images/banner0.jpg) no-repeat center center;}
.outside-regionalization-head{min-width:1200px;height:630px;background: url(../images/outside/regionalization_banner.jpg) no-repeat center top;}
.banner-animate{position: absolute; top: 19px; right: 100px; width: 400px; height: 400px;}
.rcs-banner-animate{background: url(../images/outside/rcs_bg.png);}
.rcs-computer{position: absolute; z-index: 39; top:34px; left:20px; width: 356px; height:307px; background: url(../images/outside/rcs_computer.png);}
.pacs-computer{position: absolute; z-index: 39; top: 107px; left: 119px; overflow: hidden; width: 230px; height:197px; background: url(../images/outside/cps_computer.png);}
.out-foot{min-width:1200px;}
/*---------------------------------------------------------------------------------*/


.cli-ipad-animate{position: absolute; top: 2px; left: 610px; width: 585px; height:410px;}
.cli-ipad{position: absolute; z-index:9; top:0; left:0; width: 570px; height:410px; background: url(../images/outside/cdw_ipad.png);}
.rcs-big{position: absolute; z-index: 29; top:36px; left:36px; width: 329px; height:329px; background: url(../images/outside/rcs_big.png);}
.rcs-small{position: absolute; z-index: 29; top:66px; left:66px; width: 267px; height:267px; background: url(../images/outside/rcs_small.png);}
.warp{width: 1200px;min-width:1200px;margin: 0 auto; /*height: 400px;*/ /*border: 1px solid black;*/}
.head-left{float: left; width: 50%;}
.head-right{float: left; width: 50%;}
.head-right>ul{float: right; width:100%; height: 70px;}
.head-right ul li{position: relative; float: left; height: 70px; width:134px; line-height: 70px; text-align: center; font-size: 14px; color:#fff;}
.head-right ul li.name-li{width:196px;}
.head-right ul li.name-li div{width:auto;max-width:180px;}
.head-right ul li a.non p,.head-right ul li a.non h3{color: #b7b7b7; cursor: default; }

.outside-hide-head .head-right ul li{color:#626262;}
div.outside-head div.head-right ul li a{color:#fff;}
.login-register{margin-top: 20px; width: 100%; height:30px; line-height:30px; border: 1px solid #1092d4; border-radius:2px;}
.login-register a{padding: 0 10px; color:#666;}
.login-register a:hover{padding: 0 10px; color:#1092d4;}
.login-register b{color:#1092d4;}
div.outside-head .login-register{background:rgba(0,0,0,0.3); border:none;}
div.outside-head .login-register a{padding: 0 10px; color:#fff;}
div.outside-head .head-login-register a:hover{color:#1092d4;}
div.outside-head .login-register b{color:#fff;}
div.outside-head div.serve-content ul li a{color:#626262;}
div.outside-head div.serve-content ul li a:hover,.serve-content ul li a:hover
,div.outside-head div.serve-content ul li a:hover p
,div.outside-hide-head div.serve-content ul li a:hover p{color:#1092d4;}

div.outside-head div.serve-content ul li .non:hover,.serve-content ul li .non:hover
,div.outside-head div.serve-content ul li .non:hover p
,div.outside-hide-head div.serve-content ul li .non:hover p{color:#b7b7b7;}
/*.non,.non p,li a.non:hover,li a.non:hover p{color:#b7b7b7;}*/

.serve-show{display:block;}
.serve-content:hover{display: block;}
.serve-hover{display: none; position: absolute; z-index: 99; top:70px; left:-365px; width: 846px; height: 450px; overflow: hidden;}
.serve-content{position: absolute; top:10px; left: 6px; padding: 20px 20px 20px 60px; width: 750px; height:380px; margin:0 auto; /*height:0;*/ background: rgba(255,255,255,0.95); background: rgb(255,255,255)\9; border-radius: 2px; box-shadow: 0 0 5px #a0a0a0;}
.little-triangle{position:absolute; top:-8px; left:50%; margin-left: -10px; width: 20px; height:10px; background: url(../images/index.png) no-repeat -8px -292px;}
.serve-content ul{width: 100%;}
.serve-content ul li{float:left; width: 50%;}
.serve-content ul li i{float: left; margin-top:20px; width: 42px; height:42px;}
.serve-pacs{background:url(../images/index.png) no-repeat -113px -277px;}
.serve-clinical{background:url(../images/index.png) no-repeat -176px -277px;}
.serve-con{background:url(../images/index.png) no-repeat -229px -271px;}
.serve-fhr{background:url(../images/index.png) no-repeat -49px -182px;}
.serve-outpatient{background:url(../images/index.png) no-repeat -285px -268px;}
.serve-disk{background:url(../images/index.png) no-repeat -337px -269px;}
.serve-vertical{background:url(../images/index.png) no-repeat -452px -272px;}
.serve-report{background:url(../images/index.png) no-repeat -399px -269px;}
.serve-report{background:url(../images/index.png) no-repeat -388px -272px;}
.serve-region{background:url(../images/index.png) no-repeat -52px -271px;}
.serve-content ul li a:hover .serve-pacs{background:url(../images/index.png) no-repeat -112px -231px;}
.serve-content ul li a:hover .serve-clinical{background:url(../images/index.png) no-repeat -176px -231px;}
.serve-content ul li a:hover .serve-con{background:url(../images/index.png) no-repeat -229px -226px;}
.serve-content ul li a:hover .serve-fhr{background:url(../images/index.png) no-repeat -49px -137px;}
/*.serve-content ul li a:hover .serve-outpatient{background:url(../images/index.png) no-repeat -285px -223px;}*/
/*.serve-content ul li a:hover .serve-disk{background:url(../images/index.png) no-repeat -337px -224px;}*/
/*.serve-content ul li a:hover .serve-vertical{background:url(../images/index.png) no-repeat -452px -226px;}*/
/*.serve-content ul li a:hover .serve-report{background:url(../images/index.png) no-repeat -399px -226px;}*/
/*.serve-content ul li a:hover .serve-report{background:url(../images/index.png) no-repeat -388px -226px;}*/
.serve-content ul li a:hover .serve-region{background:url(../images/index.png) no-repeat -52px -226px;}
.serve-content ul li h3,.serve-content ul li p{float: left; width:310px; height:20px; line-height:20px; text-align: left; text-indent:12px;}
.serve-content ul li p{font-size: 13px; color:#898989;}
.serve-content ul li h3{margin-top: 15px;}
.animate-box{width: 100%;min-width:1200px;overflow: hidden;}
.white-content{background: #fff;}
.dark-content{background: #b9beda;}
.light-content{background: #f7f7f7;}
.content-fafdff{background: #fafdff;}
.content-f9fafe{background: #f9fafe;}
.content-eee{background: #eee;}
.out-left,.out-right{position: relative; height: 400px; opacity: 0.5;}
.out-left{height: 400px; left:-50px; margin-left: 10%;}
.out-right{height: 400px; right:-50px;}
.out-img-content,.out-introduction-content{float: left; width: 40%;}
.blockcut-img{margin: 110px auto; width: 220px; height:190px; background: url(../images/outside/blockcut.png) no-repeat;}
/*.blockcut-yczd{background-position:-766px -232px;}*/
/*.blockcut-drhy{background-position:-21px -437px;}*/
/*.blockcut-sphz{background-position:-262px -437px;}*/
.blockcut-application{background-position:-11px -23px;}
.blockcut-reportlist{background-position:-250px -23px;}
.blockcut-image{background-position:-485px -23px;}
.blockcut-statics{background-position:-766px -23px;}
.blockcut-clinical{background-position:-23px -242px;}
.blockcut-check{background-position:-250px -242px;}
.blockcut-doctor{background-position:-485px -242px;}
.blockcut-lyzx{background-position:-494px -451px;}
.blockcut-spzs{width:250px;background-position:-742px -439px;}
.blockcut-yygh{width:240px;background-position:-18px -642px;}
.ipad-box{position: absolute; width:100px; height: 100px;}
.ipad-icon{display: block; position: relative; top:2px; left:2px;}
.ipad-box0{top:236px; left:134px;}
.ipad-icon0{/*top:281px;*/ /*left:164px;*/ width:63px; height:58px; background: url(../images/outside/cdw_0.png);}
.ipad-box1{top: 130px; left: 76px}
.ipad-icon1{/*top:174px;*/ /*left:106px;*/ width:65px; height:88px; background: url(../images/outside/cdw_1.png);}
.ipad-box2{top:78px; left:310px;}
.ipad-icon2{/*top:88px;*/ /*left:310px;*/ width:58px; height:74px; background: url(../images/outside/cdw_2.png);}
.ipad-box3{top: 240px; left: 250px;}
.ipad-icon3{/*top:255px;*/ /*left:283px;*/ width:43px; height:62px; background: url(../images/outside/cdw_3.png);}
.ipad-box4{top:134px; left:213px;}
.ipad-icon4{/*top:179px;*/ /*left:213px;*/ width:72px; height:80px; background: url(../images/outside/cdw_4.png);}
.ipad-box5{top: 176px; left: 344px;}
.ipad-icon5{/*top: 186px;*/ /*left: 344px;*/ width:55px; height:61px; background: url(../images/outside/cdw_5.png);}
.ipad-box6{top: 113px; left: 430px;}
.ipad-icon6{/*top: 123px;*/ /*left: 430px;*/ width:87px; height:87px; background: url(../images/outside/cdw_6.png);}
.ipad-box7{top: 32px; left: 167px;}
.ipad-icon7{/*top: 81px;*/ /*left: 167px;*/ width:54px; height:70px; background: url(../images/outside/cdw_7.png);}
.ipad-box8{top:264px; left:379px;}
.ipad-icon8{/*top:274px;*/ /*left:379px;*/ width:61px; height:73px; background: url(../images/outside/cdw_8.png);}
.out-introduction-content{/*background: #00f;*/}
.out-introduction-content h3{margin: 100px 0 20px 0; text-align: left; font-size: 30px; font-weight: 900; color:#1d669b;}
.out-introduction-content p{line-height: 2; color:#666;}
.pacs-introduction h3{color:#3F497C;}
.cli-introduction h3{color: #425872;}
.out-left>h3,.out-left p{width: 80%; margin-left: 20%;}
.out-clinical-foot{background: #425872;}
.out-home-foot{background: #384975;}
.out-remote-foot{background: #1d669b;}
.out-nc-foot{background: #49958f;}
.out-pacs-foot{background: #3f497a;}
.out-remote-foot{background: #1d669b;}
.out-reg-foot{background: #7474b5;}

/*remote*/
.remote-content{position: relative;padding:50px 0; height: 1000px;}
.remote-step{position: absolute; width: 240px; height: 280px; background: url(../images/outside/remote.png) no-repeat;opacity: 0;}
.remote-step1{left:100px; top:360px; background-position:0 0;}
.remote-step2{left:450px; top:50px;background-position:-250px 0; }
.remote-step3{left:850px; top:360px;background-position:-520px 0; }
.remote-step4{left:460px; top:750px;background-position:-780px 0; }
.remote-step-1,.remote-step-2,.remote-step-3,.remote-step-4{position: absolute;width:215px;height: 215px;background: url(../images/outside/remote.png) no-repeat;opacity: 0;}
.remote-step-1{left:190px; top:120px;  background-position:0 -284px;}
.remote-step-2{left:760px; top:120px;  background-position:-221px -284px;}
.remote-step-3{left:760px; top:660px;  background-position:-452px -284px;}
.remote-step-4{left:200px; top:660px;  background-position:-734px -284px;}
.remote-cloud{position: absolute; left:400px; top:400px; width: 345px; height: 245px;background: url(../images/outside/remote.png) no-repeat right bottom;opacity: 0; }
.remote-cloud ul{margin-top: 40px;}
.remote-cloud li{margin-left:-20px; font-size: 18px;color: #fff; line-height: 36px; text-align: center;opacity: 0;}

/*common footer*/
.footer-text{width:900px; margin-top: 0; font-size: 12px;}
.footer-text li.padding{margin-top:26px;}
.footer-img{margin-top: 3px;}
.footer-img li{width: 114px; height: 168px; margin-right: 20px; text-align: center; line-height: 30px; font-size: 16px; color:#fff;}




/*home页面样式*/
#hm-news{color:#fff;}
.home-rotate{position: absolute;}
.stop-2{position: absolute; bottom: 51px; right: 114px; width: 70px; height: 114px; background: url(../images/home.png) no-repeat -1170px -380px; -webkit-animation:stop2 6s infinite linear; -moz-animation:stop2 6s infinite linear; -ms-animation:stop2 6s infinite linear;}
.stop-4{position: absolute; bottom: 0; left: 393px; width: 120px; height: 110px; background: url(../images/home.png) no-repeat -1050px -380px;}
.patient-entrance{display: block; position: absolute; width:224px; height:54px; line-height:54px; text-indent: 50px; background: url(../images/home.png) no-repeat -810px -370px; top:356px; left:50%; margin-left: -112px; color:#fff; font-size: 20px;}
.icon-enter{position: relative; top:10px; left:8px; display: inline-block; width:28px; height: 30px; background: url(../images/home.png) no-repeat -837px -433px;}
.patient-entrance:hover{color:#1092d4;}
.patient-entrance:hover i{background: url(../images/home.png) no-repeat -882px -433px;}
.w25-op35{top: 190px; left: 18px; width: 25px;}
.w30-op75{top: 330px; left: 213px; width: 35px;}
.w30-op35{top: 279px; left: 405px; width: 30px;}
.w50-op90{top: 381px; left: 16px; width: 50px;}
.w55-op90{top: 454px; left: 293px; width: 50px;}
.w40-op90{top: 350px; left: 841px; width: 40px;}
.w25-op75{top: 168px; right: 10px; width: 25px;}
.w28-op75{top: 290px; left: 777px; width: 28px;}
.home-box .warp,.home-box .outside-content{height: auto;}
.home-serve-hover{display: block;}
.home-banner{position: relative; height: 560px;}
.home-cell{display: table-cell; vertical-align: middle;}
.serve-list-home{width:85%; margin:0 auto; padding-left: 15%;}
.serve-list-home li a.non{color:#b7b7b7; cursor: default;}
.serve-list-home li a.non:hover{color: #b7b7b7;}
.serve-list-home li a i{margin: 4px 30px 0 0;}
.home-title{/*margin: 0 auto;*/ margin: 80px auto 8px auto; width: 94px; height: 24px; background: url(../images/home.png) no-repeat;}
.specialist-introduce{text-align: center; color:#8a92a8; font-size: 14px;}
.specialist-title{background-position:-810px -470px;}
.region-title{background-position:-905px -470px;}

.serve-list-home li{float:left;width:50%;margin-bottom:40px;}
.serve-list-home li i{float:left; margin:4px 10px 0 0;width:42px;height:42px;}
.serve-list-home li a:hover{color:#1092d4;}
.serve-list-home li a:hover i.serve-pacs{background:url(../images/index.png) no-repeat -112px -231px;}
.serve-list-home li a:hover i.serve-clinical{background:url(../images/index.png) no-repeat -176px -231px;}
.serve-list-home li a:hover i.serve-con{background:url(../images/index.png) no-repeat -229px -226px;}
.serve-list-home li a:hover i.serve-outpatient{background:url(../images/index.png) no-repeat -285px -223px;}
.serve-list-home li a:hover i.serve-disk{background:url(../images/index.png) no-repeat -337px -224px;}
.serve-list-home li a:hover i.serve-vertical{background:url(../images/index.png) no-repeat -452px -226px;}
.serve-list-home li a:hover i.serve-report{background:url(../images/index.png) no-repeat -399px -226px;}
.serve-list-home li a:hover i.serve-report{background:url(../images/index.png) no-repeat -388px -226px;}
.serve-list-home li a:hover i.serve-region{background:url(../images/index.png) no-repeat -52px -226px;}
.specialist-box{width: 90%; margin: 5% auto;}
.specialist-box ul{width: 90%; height: 200px;}
.specialist-list2{margin-left: 10%;}
.specialist-box ul li{width: 25%; height: 200px; float: left;}
.specialist-box ul li div{width: 100%; margin: 0 auto; height: 200px;}
.specialist-box ul li div a{display: block; width: 99px;margin:0 auto;}
.specialist-box ul li div a i{display: block;width: 99px; height: 99px; margin: 25px auto; background: url(../images/home.png) no-repeat;}
.opacity-init{/*filter:alpha(opacity=0);*/ -moz-opacity:0 ; -khtml-opacity: 0 ; -webkit-opacity: 0 ;}
.specialist-box ul li div a p{text-align: center; color:#304063;}
.specialist-box ul li div a i.fengshi{background-position: 0 -370px;}
.specialist-box ul li div a i.chaosheng{background-position: -99px -370px;}
.specialist-box ul li div a i.fei{background-position: -198px -370px;}
.specialist-box ul li div a i.fangshe{background-position: -297px -370px;}
.specialist-box ul li div a i.xinxue{background-position: -396px -370px;}
.specialist-box ul li div a i.jizhen{background-position: -495px -370px;}
.specialist-box ul li div a i.lunao{background-position: -594px -370px;}
.specialist-box ul li div a i.baxiang{background-position: -693px -370px;}
.opacity1{-webkit-animation:opacity 0.8s 0s 1 linear; -moz-animation:opacity 0.8s 0s 1 linear; -ms-animation:opacity 0.8s 0s 1 linear;}
.opacity2{-webkit-animation:opacity 0.8s 0.4s 1 linear; -moz-animation:opacity 0.8s 0.4s 1 linear; -ms-animation:opacity 0.8s 0.4s 1 linear;}
.opacity3{-webkit-animation:opacity 0.8s 0.6s 1 linear; -moz-animation:opacity 0.8s 0.6s 1 linear; -ms-animation:opacity 0.8s 0.6s 1 linear;}
.opacity4{-webkit-animation:opacity 0.8s 0.8s 1 linear; -moz-animation:opacity 0.8s 0.8s 1 linear; -ms-animation:opacity 0.8s 0.8s 1 linear;}
.opacity5{-webkit-animation:opacity 0.8s 1s 1 linear; -moz-animation:opacity 0.8s 1s 1 linear; -ms-animation:opacity 0.8s 1s 1 linear;}
.opacity6{-webkit-animation:opacity 0.8s 1.2s 1 linear; -moz-animation:opacity 0.8s 1.2s 1 linear; -ms-animation:opacity 0.8s 1.2s 1 linear;}
.opacity7{-webkit-animation:opacity 0.8s 1.4s 1 linear; -moz-animation:opacity 0.8s 1.4s 1 linear; -ms-animation:opacity 0.8s 1.4s 1 linear;}
.opacity8{-webkit-animation:opacity 0.8s 1.6s 1 linear; -moz-animation:opacity 0.8s 1.6s 1 linear; -ms-animation:opacity 0.8s 1.6s 1 linear;}
.regional{padding-top: 0;}


/*区域*/
.hm-pro-map{position: relative; margin: 40px auto 40px; width: 414px; height: 342px; background: url(../images/home.png) no-repeat 3px -7px;}
.hm-pro-map li span{position: relative; left:-15px; padding-left:15px; opacity:0; color:#aaa; font:16px/30px Microsoft Yahei,sans-serif; background: url(../images/disk.png) no-repeat left center;}

.hm-project .map-sh{top:175px;right: -143px;}
.hm-project .map-sh a{top:23px;left:-26px;width:20px;height:20px;}
.hm-project .map-sh a:hover{background:url(../images/home.png) no-repeat -740px -187px;}
.hm-project .map-pt{top:251px;right: -225px;}
.hm-project .map-pt a{top:-17px; left:-62px; width:45px; height:55px;}
.hm-project .map-pt a:hover{background:url(../images/home.png) no-repeat -707px -220px;}
.hm-project .map-xn{top:140px;left:-120px;}
.hm-project .map-xn a{top:-8px; right:-248px; width:111px; height:86px;}
.hm-project .map-xn a:hover{background:url(../images/home.png) no-repeat -787px -6px;}
.hm-project .map-lz{top:350px;left:150px;}
.hm-project .map-lz a{top:-101px; left:67px; width:75px; height:62px;}
.hm-project .map-lz a:hover{background:url(../images/home.png) no-repeat -786px -91px;}
.hm-project .map-sc{top:270px;left:-40px;}
.hm-project .map-sc a{top:-86px; right:-130px; width:96px; height:86px;}
.hm-project .map-sc a:hover{background:url(../images/home.png) no-repeat -594px -180px;}
.hm-project .map-gz{top:320px;left: 55px;}
.hm-project .map-gz a{top:-88px; left:154px; width:58px; height:51px;}
.hm-project .map-gz a:hover{background:url(../images/home.png) no-repeat -646px -269px;}
.hm-project .map-xz{top:220px;left: -175px;}
.hm-project .map-xz a{top:-66px; right:-153px; width:165px; height:106px;}
.hm-project .map-xz a:hover{background:url(../images/home.png) no-repeat -417px -183px;}
.hm-project .map-ks{top:60px;left: -195px;}
.hm-project .map-ks a{top:-26px; right:-150px; width:175px; height:136px;}
.hm-project .map-ks a:hover{background:url(../images/home.png) no-repeat -408px -42px;}
.hm-project .map-nmg{top:10px;left:135px;}
.hm-project .map-nmg a{top:-7px; left:32px; width:193px; height: 162px;}
.hm-project .map-nmg a:hover{background:url(../images/home.png) no-repeat -585px -9px;}
.hm-project .map-hb{top: 210px;right: -160px;}
.hm-project .map-hb a{top:-15px; left:-135px; width:64px; height:40px;}
.hm-project .map-hb a:hover{background:url(../images/home.png) no-repeat -780px -172px;}
.hm-project .map-jx{top: 293px;right: -96px;}
.hm-project .map-jx a{top:-70px; left:-29px; width:40px; height:57px;}
.hm-project .map-jx a:hover{background:url(../images/home.png) no-repeat -853px -164px;}

/*jquery--map*/
.china-map{position: relative; margin: 70px auto;}
.china-map ul{position: absolute; float: left; width: 100%; height: 500px;}
.china-map ul li{width: 100%;}
.svggroup{margin:0 auto;}
.china-map tspan{ display: none; font-size: 12px;}
.china-map ul li{opacity: 0;}
.china-map ul li span{display:none;position:absolute;padding-left:15px; font:16px/30px Microsoft Yahei,sans-serif; background: url(../images/disk.png) no-repeat left center; z-index: 99}
.china-map ul li a:hover{color: #3a74ae;}
.china-map .svg-map span{top:115px;left:700px;}
.china-map .svg-map span.hlw,.china-map .svg-map span.jn,.china-map .svg-map span.fz,.china-map .svg-map span.bl,.china-map .svg-map span.fy{top: 140px;left:700px;}
.china-map .svg-map a:hover span,.usaMap a:hover span{color: #f9ac62}

/*.china-map .map-nmg span{top:115px;left:654px;}
.china-map .map-ks span{top:115px;left:654px;}
.china-map .map-xn span{top:115px;left:654px;}
.china-map .map-xz span{top:115px;left:654px;}
.china-map .map-sc span{top: 115px;left: 654px;}
.china-map .map-yn span{top: 115px;left: 654px;}
.china-map .map-gz span.yxy{top: 115px;left: 654px;}
.china-map .map-gz span.hlw{top: 140px;left: 654px;}
.china-map .map-lz span{top: 115px;left: 654px;}
.china-map .map-jx span{top: 115px;left: 654px;}
.china-map .map-xg span{top:115px;left: 654px;}
.china-map .map-pt span{top: 115px;left: 654px;}
.china-map .map-zj span.bl{top: 115px;left: 654px;}
.china-map .map-zj span.ze{top: 140px;left: 654px;}
.china-map .map-hb span{top: 115px;left: 654px;}
.china-map .map-sh span.fz{top: 115px;left: 654px;}
.china-map .map-sh span.hzy{top: 140px;left: 654px;}
.china-map .map-js span{top: 115px;left: 654px;}
.china-map .map-ah span{top: 115px;left: 654px;}
.china-map .map-sd span.bz{top: 115px;left: 654px;}
.china-map .map-sd span.jn{top: 140px;left: 654px;}
.china-map .map-bj span{top: 115px;left: 654px;}
.china-map .map-ln span{top: 115px;left: 654px;}
.china-map .map-jl span{top: 115px;left: 654px;}
.china-map .map-hlj span{top: 115px;left: 654px;}*/
.usaMap img { width: 400px; height: auto; position: absolute; top: -140px; right: 180px; }
.usa-position { position: absolute; top: 121px; right: 225px; z-index: 9; width: 24px; height: 30px; background: url(../images/home.png) no-repeat -929px -431px; transition: all .2s ease; }
.map-title { position: absolute; top: 80px; right:467px; color: #346fa5; font-size: 20px; }
.usa-map-title { position: absolute; top: 68px; right: 720px; color: #346fa5; font-size: 20px; }
.usa-map-title p { margin-top: 20px; font-size: 14px; }
.usa-map-title p:hover{color: #bed9f3;}
.usa-map-title p span{padding-left:15px; font:16px/30px Microsoft Yahei,sans-serif; background: url(../images/disk.png) no-repeat left center; z-index: 99}
.usa-position a{display: block;width: 100%;height: 100%;}
.usa-position a:hover #usatext{display: block; }
.usa-position p{width:140px;position: absolute;top:-11px;right: -160px;padding-left: 15px;display:none;opacity: 1;color: #aaa;font: 16px/30px Microsoft Yahei,sans-serif;background: url(../images/disk.png) no-repeat left center;}
.loading { position: absolute; left: 48%; top: 48%; }


/*网络会诊动画*/
.nc-box{position: absolute;left: 775px;top: 156px;width: 222px;height: 132px;overflow: hidden;}
.nc1{margin: 16px auto;width: 126px;height: 113px;background: url(../images/outside/1.png);}
.nc2{margin: 10px auto;width: 100px;height: 115px;background: url(../images/outside/2.png);}
.nc3{margin: 4px auto;width: 194px;height: 124px;background: url(../images/outside/3.png);}
.nc-arrows{position: absolute;top: 50px;right: 10px;width: 37px;height: 32px;background: url(../images/outside/arrows.png);}
.nc-box ul {position: absolute;width: 1080px;}
.nc-box ul li{float: left;position: relative;width: 222px;height: 116px;}
.nc-box ul li div{position: relative;}
#banner-animate li p{position: absolute;width: 100%;bottom: 0;text-align: center;}
#banner-text-animate {float:left;position:relative;z-index:9;bottom:-115px;}
#banner-text-animate li{height: 16px;float: left;position: relative;width: 222px;text-align: center}
.nc-box{position: absolute;left: 775px;top: 156px;width: 222px;height: 132px;overflow: hidden;}
.nc1{margin: 16px auto;width: 126px;height: 113px;background: url(../images/outside/1.png);}
.nc2{margin: 10px auto;width: 100px;height: 115px;background: url(../images/outside/2.png);}
.nc3{margin: 4px auto;width: 194px;height: 124px;background: url(../images/outside/3.png);}
.nc-arrows{position: absolute;top: 50px;right: 10px;width: 37px;height: 32px;background: url(../images/outside/arrows.png);}
.nc-box ul {position: absolute;width: 1080px;}
.nc-box ul li{float: left;position: relative;width: 222px;height: 132px;}
.nc-box ul li div{position: relative;}
#banner-animate li p{position: absolute;width: 100%/*left:50%;*/bottom: 0;text-align: center;}
.nc-box{position: absolute; left: 775px; top: 156px; width: 222px; height: 132px; overflow: hidden;}
.nc1{margin: 16px auto; width: 126px; height: 113px; background: url(../images/outside/1.png);}
.nc2{margin: 10px auto; width: 100px; height: 115px; background: url(../images/outside/2.png);}
.nc3{margin: 4px auto; width: 194px; height: 124px; background: url(../images/outside/3.png);}
.nc-arrows{position: absolute; top: 50px; right: 10px; width: 37px; height: 32px; background: url(../images/outside/arrows.png);}
.nc-box ul{position: absolute; width: 1080px;}
.nc-box ul li{float: left; position: relative; width: 222px; height: 132px;}
.nc-box ul li div{position: relative;}
#banner-animate li p{position: absolute; width: 100%; /*left:50%;*/ bottom: 0; text-align: center;}

/*定制区域化*/
.blink-star{position:relative;margin:0 auto;width: 1200px; height: 548px;}
.blink{animation:blink 0.5s 1 linear;
    -webkit-animation:blink 0.5s 1 linear; /*Safari and Chrome!*/
    -moz-animation:blink 0.5s 1 linear;
    -ms-animation:blink 0.5s 1 linear;}
.blink1{position: absolute; display: block; width:28px; height:28px; background: url(../images/outside/blink1.png); top:250px; left:605px;}
.blink2{position: absolute; display: block; width:28px; height:28px; background: url(../images/outside/blink1.png); top:465px; left:615px;}
.blink3{position: absolute; display: block; width:28px; height:28px; background: url(../images/outside/blink1.png); top: 472px; left: 826px;}
.blink4{position: absolute; display: block; width:26px; height:26px; background: url(../images/outside/blink2.png); top: 449px; left: 1004px;}
.blink5{position: absolute; display: block; width:26px; height:26px; background: url(../images/outside/blink2.png); top: 378px; left: 750px;}
.blink6{position: absolute; display: block; width:26px; height:26px; background: url(../images/outside/blink2.png); top: 308px; left: 871px;}
.blink7{position: absolute; display: block; width:26px; height:26px; background: url(../images/outside/blink2.png); top: 242px; left: 1017px;}
.regionalization-content{padding-bottom:70px;}
.regionalization-box>h3{text-align:center; font-weight: 900; font-size: 20px; margin: 80px 0;}
.superiority4>h3{margin-top: 0;}
.superiority4 ul li{float:left; width: 300px; margin-bottom: 40px;}
.superiority4 ul li i{display: block; width:100px; height: 100px; margin: 10px auto; background: url(../images/outside/regionalization_all.png);}
.superiority4 ul li h4{margin-bottom: 20px; text-align: center; font-size: 16px; color:#000;}
.superiority4 ul li p{width: 85%; margin:0 auto; text-align: justify; text-indent: 28px; font-size: 14px; color:#898989; line-height: 2;}

.superiority4 ul li i.superiority-1{background-position:0 0;}
.superiority4 ul li i.superiority-2{background-position:-117px 0;}
.superiority4 ul li i.superiority-3{background-position:-233px 0;}
.superiority4 ul li i.superiority-4{background-position:-349px 0;}
.medical-list li{position: relative; float: left; margin-bottom:40px; width: 260px; height:440px; border: 1px solid #dedede;}
.medical-list li.medical-hover{position: relative; z-index: 9; margin-top:-20px; width:400px; height:480px; border: 1px solid #939ddf; box-shadow: 0px 0px 16px #939ddf;}
.regionalization-h700{height: 728px;}
.medical-cloud{margin: 40px 0;}
.medical-top1{background: #ebebec;}
.medical-top2{background: #e3e3e6;}
.medical-top .padding{height: 40px;}
.medical-top i{display: block; margin: 0 auto 20px; width: 46px; height:32px; background:url(../images/outside/regionalization_all.png) no-repeat ;}


.medical-top i.icon-medical1{background-position:0 -120px;}
.medical-top i.icon-medical2{background-position:-69px -121px;}
.medical-top i.icon-medical3{background-position:-125px -121px;}
.medical-top i.icon-medical4{background-position:-197px -121px;}
.medical-top h5{font-size:20px;text-align:center;font-weight:900;}
.medical-top p{padding:10px 0;text-align:center;color:#898989;}
.medical-bottom{width:100%;height:283px;background: #fff;}
.medical-bottom p{padding-top:60px;color:#898989;line-height:1.5;margin:0 auto;width:80%;text-align:justify;text-indent:28px;}
.medical-btn-box{display:none;}
.medical-btn-box a{display:block;margin:80px auto 0;width:200px;height:40px;line-height:40px;text-align:center;border-radius:2px;border:1px solid #bfbfbf;font-size:16px;color:#8a8a8a;}
.medical-btn-box a:hover{background:#939ddf;color:#fff;border:1px solid #939ddf;}


/*li.medical-hover .medical-btn-box{display:block;}*/
li.medical-hover .medical-top{background:#939ddf;}
li.medical-hover .medical-top i.icon-medical1{background-position:-254px -120px;}
li.medical-hover .medical-top i.icon-medical2{background-position:-327px -121px;}
li.medical-hover .medical-top i.icon-medical3{background-position:-383px -121px;}
li.medical-hover .medical-top i.icon-medical4{background-position:-448px -121px;}
li.medical-hover .medical-top h5{font-size:20px;text-align:center;font-weight:900;color:#fff;}
li.medical-hover .medical-top p{padding:10px 0;text-align:center;color:#fff;}
li.medical-hover .medical-bottom{height:323px;}
li.medical-hover div.medical-btn-box{display:block;}


/*pacs-banner动画*/
.computer-animate1{position: absolute; top:10px; left:2px; width:224px; height:134px;}
#div,#div1,#div2{position: absolute; top:10px; left:2px; width:224px; height:134px;}
.computer-animate1{/*display: none;*/ z-index: 3; animation:hide 1s 1 6.5s; -webkit-animation:hide 1s 1 6.5s; /*Safari and Chrome!*/ -moz-animation:hide 1s 1 6.5s; /*ff*/ -ms-animation:hide 1s 1 6.5s; /*ie*/}
.computer-animate2{/*display: none;*/ z-index: 2; animation:left 2s 1 1s; -webkit-animation:left 2s 1 1s; /*Safari and Chrome!*/ -moz-animation:left 2s 1 1s; -ms-animation:left 2s 1 1s;}
.computer-animate3{z-index: 1; left:100%; animation:left1 5s 1; -webkit-animation:left1 5s 1; /*Safari and Chrome!*/ -moz-animation:left1 5s 1; -ms-animation:left1 5s 1;}
#div1{/*background: url(../images/outside/bg2.png);*/}
#div2{position: absolute; left:0; width: 225px; height:135px; background: url(../images/outside/bg3.png); opacity: 0;}
.computer-animate1 div{float: left; visibility: visible;}
.computer-animate2-1,.computer-animate2-2{float: left;}
.computer-animate2-2{/*position: relative;*/ /*left:0;*/ animation:show 2s 1 1s; -webkit-animation:show 2s 1 0.5s forwards; /*Safari and Chrome!*/ -moz-animation:show 2s 1 0.5s forwards; -ms-animation:show 2s 1 0.5s forwards;}
.head1{position: relative; z-index: 4; width:74px; height:68px; background: url(../images/outside/head1.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 0.5s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 0.5s forwards; -ms-animation:myfirst 2s 1 0.5s forwards;}
.head2{position: relative; z-index: 4; width:75px; height:68px; background: url(../images/outside/head2.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 0.6s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 0.6s forwards; -ms-animation:myfirst 2s 1 0.6s forwards;}
.head3{position: relative; z-index: 4; width:74px; height:68px; background: url(../images/outside/head3.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 0.7s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 0.7s forwards; -ms-animation:myfirst 2s 1 0.7s forwards;}
.head4{position: relative; z-index: 4; width:74px; height:67px; background: url(../images/outside/head4.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 0.8s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 0.8s forwards; -ms-animation:myfirst 2s 1 0.8s forwards;}
.head5{position: relative; z-index: 4; width:75px; height:67px; background: url(../images/outside/head5.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 0.9s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 0.9s forwards; -ms-animation:myfirst 2s 1 0.9s forwards;}
.head6{position: relative; z-index: 4; width:74px; height:67px; background: url(../images/outside/head6.png); animation:myfirst 2s 1 1s; -webkit-animation:myfirst 2s 1 1s forwards; /*Safari and Chrome!*/ -moz-animation:myfirst 2s 1 1s forwards; -ms-animation:myfirst 2s 1 1s forwards;}
#div{position: relative;}
#animate3{position: absolute; top: -3px; left: 0; width: 102px; height: 80px; background: url(../images/outside/2-4.png); opacity: 0;}
#animate4{position: absolute; bottom: 0; left: 0; width: 101px; height: 68px; border-right: 2px solid #3a4553; background: url(../images/outside/2-3.png) no-repeat center center; opacity: 0;}
#animate2{position: absolute; top: 0; right: 0; width: 89px; background: url(../images/outside/2-2.png); opacity: 0; height: 134px;}
.computer-animate2-3{animation:scale 4.5s 1 0s; -webkit-animation:scale 4.5s 1 0s forwards; /*Safari and Chrome!*/ -moz-animation:scale 4.5s 1 0s forwards; -ms-animation:scale 4.5s 1 0s forwards;}
.computer-animate2-4{animation:scale 4.5s 1 0s; -webkit-animation:scale 4.5s 1 0s forwards; /*Safari and Chrome!*/ -moz-animation:scale 4.5s 1 0s forwards; -ms-animation:scale 4.5s 1 0s forwards;}
.computer-animate2-2{animation:scale1 4.5s 1 0s; -webkit-animation:scale1 4.5s 1 0s forwards; /*Safari and Chrome!*/ -moz-animation:scale1 4.5s 1 0s forwards; -ms-animation:scale1 4.5s 1 0s forwards;}
.computer-animate2-1{width:100px;height:100%;/*background: url(../images/outside/2-1.png);*/}
.computer-animate2-2{width:0;margin-left:20px;height:0;background: url(../images/outside/2-2.png);}
.computer-animate2-3{width:0;height:0;border-right:2px solid #3a4553;border-bottom:2px solid #3a4553;background: url(../images/outside/2-4.png) no-repeat center center;}
.computer-animate3-2{position: absolute;right: 31px;bottom: 5px;width:41px;height:13px;}
@keyframes myfirst {
    0%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(0deg);	/* Firefox */
        opacity: 1;
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(180deg);	/* Firefox */
        opacity: 0;
    }
}
@-moz-keyframes myfirst {
    0%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(0deg);	/* Firefox */
        opacity: 1;
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(180deg);	/* Firefox */
        opacity: 0;
    }
}
@-ms-keyframes myfirst {
    0%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(0deg);	/* Firefox */
        opacity: 1;
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */
        -moz-transform: rotateY(180deg);	/* Firefox */
        opacity: 0;
    }
}
@keyframes show {
    0%{
        left:0;
        opacity: 1;
    }
    100% {
        left:-50%;
        opacity: 1;
    }
}
@-moz-keyframes show {
    0%{
        left:0;
        opacity: 1;
    }
    100% {
        left:-50%;
        opacity: 1;
    }
}
@-ms-keyframes show {
    0%{
        left:0;
        opacity: 1;
    }
    100% {
        left:-50%;
        opacity: 1;
    }
}
@keyframes hide {
    0%{
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes hide {
    0%{
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes hide {
    0%{
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes left1 {
    0%{
        left: 7px;
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    25%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    26%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    27%{
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
    30%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    35%{
        left:7px;
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    100% {
        left: 7px;
        background: url(../images/outside/bg3.png);
        opacity: 0;
    }
}
@-moz-keyframes left1 {
    0%{
        left: 7px;
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    25%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    44%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    45%{
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
    50%{
        left:7px;
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
    100% {
        left: 7px;
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
}
@-ms-keyframes left1 {
    0%{
        left: 7px;
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    25%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    44%{
        background: url(../images/outside/bg3.png);
        opacity: 1;
    }
    45%{
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
    50%{
        left:7px;
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
    100% {
        left: 7px;
        background: url(../images/outside/bg3-1.png);
        opacity: 1;
    }
}
@keyframes scale {
    0%   {
        width:0;
        height:0;
    }
    30% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    60% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    100%{
        width:100px;
        height:70px;
        opacity: 0;
    }
}
@-moz-keyframes scale {
    0%   {
        width:0;
        height:0;
    }
    30% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    60% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    100%{
        width:100px;
        height:70px;
        opacity: 0;
    }
}
@-ms-keyframes scale {
    0%   {
        width:0;
        height:0;
    }
    30% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    60% {
        width:100px;
        height:68px;
        opacity: 1;
    }
    100%{
        width:100px;
        height:70px;
        opacity: 0;
    }
}
@keyframes scale1 {
    0%   {
        width:0;
        height:0;
    }
    5% {
        left:50%;
        width:30px;
        height:50px;
        opacity: 1;
    }
    40% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    60% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    100%{
        left:0;
        width:89px;
        height:134px;
        opacity: 1;
    }
}
@-moz-keyframes scale1 {
    0%   {
        width:0;
        height:0;
    }
    5% {
        left:50%;
        width:30px;
        height:50px;
        opacity: 1;
    }
    40% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    60% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    100%{
        left:0;
        width:89px;
        height:134px;
        opacity: 1;
    }
}
@-ms-keyframes scale1 {
    0%   {
        width:0;
        height:0;
    }
    5% {
        left:50%;
        width:30px;
        height:50px;
        opacity: 1;
    }
    40% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    60% {
        left:50%;
        width:89px;
        height:134px;
        opacity: 1;
    }
    100%{
        left:0;
        width:89px;
        height:134px;
        opacity: 1;
    }
}
.shake1{
    -webkit-animation:shake1 16s infinite linear;
    -moz-animation:shake1 16s infinite linear;
    -ms-animation:shake1 16s infinite linear;
}
@keyframes shake1 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    2% {
        transform: translate(2px, 5px) rotate(-1.5deg);}
    4% {
        transform: translate(5px, 2px) rotate(-2.5deg);}
    10% {
        transform: translate(1px, 2px) rotate(1.5deg);  }
    20% {
        transform: translate(-1px, -3px) rotate(1.5deg);  }
    30% {
        transform: translate(-3px, 4px) rotate(0.5deg);}
    30% {
        transform: translate(3px, -4px) rotate(2.5deg);  }
    40% {
        transform: translate(4px, 0px) rotate(0.5deg);  }
    50% {
        transform: translate(2px, -5px) rotate(3.5deg);  }
    60% {
        transform: translate(-1px, 7px) rotate(1.5deg);  }
    62% {
        transform: translate(4px, -6px) rotate(-1.5deg);  }
    70% {
        transform: translate(3px, 4px) rotate(-0.5deg); }
    100% {
        transform: translate(1px, 1px) rotate(0deg);
    }
}
@keyframes shake1 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    2% {
        transform: translate(2px, 5px) rotate(-1.5deg);}
    4% {
        transform: translate(5px, 2px) rotate(-2.5deg);}
    10% {
        transform: translate(1px, 2px) rotate(1.5deg);  }
    20% {
        transform: translate(-1px, -3px) rotate(1.5deg);  }
    30% {
        transform: translate(-3px, 4px) rotate(0.5deg);}
    30% {
        transform: translate(3px, -4px) rotate(2.5deg);  }
    40% {
        transform: translate(4px, 0px) rotate(0.5deg);  }
    50% {
        transform: translate(2px, -5px) rotate(3.5deg);  }
    60% {
        transform: translate(-1px, 7px) rotate(1.5deg);  }
    62% {
        transform: translate(4px, -6px) rotate(-1.5deg);  }
    70% {
        transform: translate(3px, 4px) rotate(-0.5deg); }
    100% {
        transform: translate(1px, 1px) rotate(0deg);
    }
}
@-moz-keyframes shake1 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    2% {
        transform: translate(2px, 5px) rotate(-1.5deg);}
    4% {
        transform: translate(5px, 2px) rotate(-2.5deg);}
    10% {
        transform: translate(1px, 2px) rotate(1.5deg);  }
    20% {
        transform: translate(-1px, -3px) rotate(1.5deg);  }
    30% {
        transform: translate(-3px, 4px) rotate(0.5deg);}
    30% {
        transform: translate(3px, -4px) rotate(2.5deg);  }
    40% {
        transform: translate(4px, 0px) rotate(0.5deg);  }
    50% {
        transform: translate(2px, -5px) rotate(3.5deg);  }
    60% {
        transform: translate(-1px, 7px) rotate(1.5deg);  }
    62% {
        transform: translate(4px, -6px) rotate(-1.5deg);  }
    70% {
        transform: translate(3px, 4px) rotate(-0.5deg); }
    100% {
        transform: translate(1px, 1px) rotate(0deg);
    }
}
@-ms-keyframes shake1 {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    2% {
        transform: translate(2px, 5px) rotate(-1.5deg);}
    4% {
        transform: translate(5px, 2px) rotate(-2.5deg);}
    10% {
        transform: translate(1px, 2px) rotate(1.5deg);  }
    20% {
        transform: translate(-1px, -3px) rotate(1.5deg);  }
    30% {
        transform: translate(-3px, 4px) rotate(0.5deg);}
    30% {
        transform: translate(3px, -4px) rotate(2.5deg);  }
    40% {
        transform: translate(4px, 0px) rotate(0.5deg);  }
    50% {
        transform: translate(2px, -5px) rotate(3.5deg);  }
    60% {
        transform: translate(-1px, 7px) rotate(1.5deg);  }
    62% {
        transform: translate(4px, -6px) rotate(-1.5deg);  }
    70% {
        transform: translate(3px, 4px) rotate(-0.5deg); }
    100% {
        transform: translate(1px, 1px) rotate(0deg);
    }
}
.shake2{
    -webkit-animation:shake2 16s infinite linear;
    -moz-animation:shake2 16s infinite linear;
    -ms-animation:shake2 16s infinite linear;
}
@keyframes shake2 {
    0%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
    2% {
        transform: translate(5px, 2px) rotate(-2.5deg) ;
    }
    10% {
        transform: translate(3px, -4px) rotate(2.5deg);
    }
    20% {
        transform: translate(-5px, -6px) rotate(1.5deg);
    }
    30% {
        transform: translate(6px, 3px) rotate(-1.5deg);
    }
    40% {
        transform: translate(2px, -5px) rotate(3.5deg);
    }
    53% {
        transform: translate(1px, 7px) rotate(-1.5deg);
    }
    70% {
        transform: translate(-1px, 7px) rotate(1.5deg);
    }
    80% {
        transform: translate(4px, -6px) rotate(-1.5deg);
    }
    90% {
        transform: translate(3px, 4px) rotate(-0.5deg);
    }
    100%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
}
@-moz-keyframes shake2 {
    0%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
    2% {
        transform: translate(5px, 2px) rotate(-2.5deg) ;
    }
    10% {
        transform: translate(3px, -4px) rotate(2.5deg);
    }
    20% {
        transform: translate(-5px, -6px) rotate(1.5deg);
    }
    30% {
        transform: translate(6px, 3px) rotate(-1.5deg);
    }
    40% {
        transform: translate(2px, -5px) rotate(3.5deg);
    }
    53% {
        transform: translate(1px, 7px) rotate(-1.5deg);
    }
    70% {
        transform: translate(-1px, 7px) rotate(1.5deg);
    }
    80% {
        transform: translate(4px, -6px) rotate(-1.5deg);
    }
    90% {
        transform: translate(3px, 4px) rotate(-0.5deg);
    }
    100%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
}
@-ms-keyframes shake2 {
    0%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
    2% {
        transform: translate(5px, 2px) rotate(-2.5deg) ;
    }
    10% {
        transform: translate(3px, -4px) rotate(2.5deg);
    }
    20% {
        transform: translate(-5px, -6px) rotate(1.5deg);
    }
    30% {
        transform: translate(6px, 3px) rotate(-1.5deg);
    }
    40% {
        transform: translate(2px, -5px) rotate(3.5deg);
    }
    53% {
        transform: translate(1px, 7px) rotate(-1.5deg);
    }
    70% {
        transform: translate(-1px, 7px) rotate(1.5deg);
    }
    80% {
        transform: translate(4px, -6px) rotate(-1.5deg);
    }
    90% {
        transform: translate(3px, 4px) rotate(-0.5deg);
    }
    100%{
        transform: translate(1px, 4px) rotate(-0.5deg);
    }
}
.shake3{
    -webkit-animation:shake-hard 16s infinite linear;
    -moz-animation:shake-hard 16s infinite linear;
    -ms-animation:shake-hard 16s infinite linear;
}
@keyframes shake-hard {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(2px, 4px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(0deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(4px, 0px) rotate(0deg); }

    64% {
        transform: translate(3px, 4px) rotate(1deg); }

    98% {
        transform: translate(6px, -5px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
@-moz-keyframes shake-hard {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(2px, 4px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(0deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(4px, 0px) rotate(0deg); }

    64% {
        transform: translate(3px, 4px) rotate(1deg); }

    98% {
        transform: translate(6px, -5px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
@-ms-keyframes shake-hard {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(2px, 4px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(0deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(4px, 0px) rotate(0deg); }

    64% {
        transform: translate(3px, 4px) rotate(1deg); }

    98% {
        transform: translate(6px, -5px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
.shake4{
    -webkit-animation:shake-hard1 16s infinite linear;
    -moz-animation:shake-hard1 16s infinite linear;
    -ms-animation:shake-hard1 16s infinite linear;
}
@keyframes shake-hard1 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(2deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(0px, 4px) rotate(0deg); }

    64% {
        transform: translate(9px, 4px) rotate(-1deg); }

    98% {
        transform: translate(2px, -1px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
@-moz-keyframes shake-hard1 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(2deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(0px, 4px) rotate(0deg); }

    64% {
        transform: translate(9px, 4px) rotate(-1deg); }

    98% {
        transform: translate(2px, -1px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
@-ms-keyframes shake-hard1 {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1deg); }
    4% {
        transform: translate(8px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -2px) rotate(2deg); }
    26% {
        transform: translate(-1px, -4px) rotate(1deg); }

    40% {
        transform: translate(0px, 4px) rotate(0deg); }

    64% {
        transform: translate(9px, 4px) rotate(-1deg); }

    98% {
        transform: translate(2px, -1px) rotate(0deg); }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
.shake5{
    -webkit-animation:shake-hard2 16s infinite linear;
    -moz-animation:shake-hard2 16s infinite linear;
    -ms-animation:shake-hard2 16s infinite linear;
}
@keyframes shake-hard2 {
    0% {
        transform: translate(2px, 2px) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -7px) rotate(2deg); }
    26% {
        transform: translate(-4px, -3px) rotate(1deg); }

    40% {
        transform: translate(0px, 1px) rotate(0deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(3px, -1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 2px) rotate(0deg);
    }
}
@-moz-keyframes shake-hard2 {
    0% {
        transform: translate(2px, 2px) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -7px) rotate(2deg); }
    26% {
        transform: translate(-4px, -3px) rotate(1deg); }

    40% {
        transform: translate(0px, 1px) rotate(0deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(3px, -1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 2px) rotate(0deg);
    }
}
@-ms-keyframes shake-hard2 {
    0% {
        transform: translate(2px, 2px) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -7px) rotate(2deg); }
    26% {
        transform: translate(-4px, -3px) rotate(1deg); }

    40% {
        transform: translate(0px, 1px) rotate(0deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(3px, -1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 2px) rotate(0deg);
    }
}
.shake6{
    -webkit-animation:shake-hard3 16s infinite linear;
    -moz-animation:shake-hard3 16s infinite linear;
    -ms-animation:shake-hard3 16s infinite linear;
}
@keyframes shake-hard3 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(3px, 1px) rotate(1.5deg);}
    4% {
        transform: translate(5px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -5px) rotate(2deg); }
    26% {
        transform: translate(-2px, -3px) rotate(1deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(-3px, 1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 3px) rotate(1deg);
    }
}
@-moz-keyframes shake-hard3 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(3px, 1px) rotate(1.5deg);}
    4% {
        transform: translate(5px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -5px) rotate(2deg); }
    26% {
        transform: translate(-2px, -3px) rotate(1deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(-3px, 1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 3px) rotate(1deg);
    }
}
@-ms-keyframes shake-hard3 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(3px, 1px) rotate(1.5deg);}
    4% {
        transform: translate(5px, 4px) rotate(0deg); }
    24% {
        transform: translate(3px, -5px) rotate(2deg); }
    26% {
        transform: translate(-2px, -3px) rotate(1deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(2px, 6px) rotate(-1deg); }

    98% {
        transform: translate(-3px, 1px) rotate(-1.5deg); }
    100% {
        transform: translate(2px, 3px) rotate(1deg);
    }
}
.shake7{
    -webkit-animation:shake-hard4 16s infinite linear;
    -moz-animation:shake-hard4 16s infinite linear;
    -ms-animation:shake-hard4 16s infinite linear;
}
@keyframes shake-hard4 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 5px) rotate(0deg); }
    24% {
        transform: translate(-3px, 3px) rotate(0.5deg); }
    26% {
        transform: translate(-1px, -3px) rotate(0deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(-2px, 5px) rotate(-1deg); }

    98% {
        transform: translate(3px, 7px) rotate(-0.5deg); }
    100% {
        transform: translate(0, 0) rotate(1deg);
    }
}
@-moz-keyframes shake-hard4 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 5px) rotate(0deg); }
    24% {
        transform: translate(-3px, 3px) rotate(0.5deg); }
    26% {
        transform: translate(-1px, -3px) rotate(0deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(-2px, 5px) rotate(-1deg); }

    98% {
        transform: translate(3px, 7px) rotate(-0.5deg); }
    100% {
        transform: translate(0, 0) rotate(1deg);
    }
}
@-ms-keyframes shake-hard4 {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }
    2% {
        transform: translate(1px, 3px) rotate(1.5deg);}
    4% {
        transform: translate(4px, 5px) rotate(0deg); }
    24% {
        transform: translate(-3px, 3px) rotate(0.5deg); }
    26% {
        transform: translate(-1px, -3px) rotate(0deg); }

    40% {
        transform: translate(1px, 1px) rotate(1.5deg); }

    64% {
        transform: translate(-2px, 5px) rotate(-1deg); }

    98% {
        transform: translate(3px, 7px) rotate(-0.5deg); }
    100% {
        transform: translate(0, 0) rotate(1deg);
    }
}



/*home旋转动画*/
/*顺时针*/
@keyframes home-rotate1 {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
@-moz-keyframes home-rotate1 {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
@-ms-keyframes home-rotate1 {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
/*逆时针*/
@keyframes home-rotate2 {
    0% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}
@-moz-keyframes home-rotate2 {
    0% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}
@-ms-keyframes home-rotate2 {
    0% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}
.home-rotate1{
    -webkit-animation:home-rotate1 10s infinite linear;
    -moz-animation:home-rotate1 10s infinite linear;
    -ms-animation:home-rotate1 10s infinite linear;
}
.home-rotate2{
    -webkit-animation:home-rotate2 9s infinite linear;
    -moz-animation:home-rotate2 9s infinite linear;
    -ms-animation:home-rotate2 9s infinite linear;
}
.home-rotate3{
    -webkit-animation:home-rotate1 8s infinite linear;
    -moz-animation:home-rotate1 8s infinite linear;
    -ms-animation:home-rotate1 8s infinite linear;
}
.home-rotate4{
    -webkit-animation:home-rotate1 7s infinite linear;
    -moz-animation:home-rotate1 7s infinite linear;
    -ms-animation:home-rotate1 7s infinite linear;
}
.home-rotate5{
    -webkit-animation:home-rotate2 6s infinite linear;
    -moz-animation:home-rotate2 6s infinite linear;
    -ms-animation:home-rotate2 6s infinite linear;
}
.home-rotate6{
    -webkit-animation:home-rotate1 5s infinite linear;
    -moz-animation:home-rotate1 5s infinite linear;
    -ms-animation:home-rotate1 5s infinite linear;
}
.home-rotate7{
    -webkit-animation:home-rotate1 6s infinite linear;
    -moz-animation:home-rotate1 6s infinite linear;
    -ms-animation:home-rotate1 6s infinite linear;
}
.home-rotate8{
    -webkit-animation:home-rotate2 7s infinite linear;
    -moz-animation:home-rotate2 7s infinite linear;
    -ms-animation:home-rotate2 7s infinite linear;
}
/*多个园圈动画样式*/
@keyframes stop2 {
    0% {
        transform:translate(0, 0) rotate(0deg);
    }
    10% {
        transform:translate(2px, 0) rotate(1deg);
    }
    20% {
        transform:translate(3px, 1px) rotate(2deg);
    }
    30% {
        transform:translate(4px, 2px) rotate(1.5deg);
    }
    40% {
        transform:translate(5px, 3px) rotate(1deg);
    }
    50% {
        transform:translate(4px, 4px) rotate(0.5deg);
    }
    60% {
        transform:translate(3px, 3px) rotate(0deg);
    }
    70% {
        transform:translate(2px, 2px) rotate(-1deg);
    }
    80% {
        transform:translate(1px, 1px) rotate(-1.5deg);
    }
    90% {
        transform:translate(-2px, -1px) rotate(-0.5deg);
    }
    100% {
        transform:translate(0, 0) transform:rotate(0deg);
    }
}
@-ms-keyframes stop2 {
    0% {
        transform:translate(0, 0) rotate(0deg);
    }
    10% {
        transform:translate(2px, 0) rotate(1deg);
    }
    20% {
        transform:translate(3px, 1px) rotate(2deg);
    }
    30% {
        transform:translate(4px, 2px) rotate(1.5deg);
    }
    40% {
        transform:translate(5px, 3px) rotate(1deg);
    }
    50% {
        transform:translate(4px, 4px) rotate(0.5deg);
    }
    60% {
        transform:translate(3px, 3px) rotate(0deg);
    }
    70% {
        transform:translate(2px, 2px) rotate(-1deg);
    }
    80% {
        transform:translate(1px, 1px) rotate(-1.5deg);
    }
    90% {
        transform:translate(-2px, -1px) rotate(-0.5deg);
    }
    100% {
        transform:translate(0, 0) transform:rotate(0deg);
    }
}
@-moz-keyframes stop2 {
    0% {
        transform:translate(0, 0) rotate(0deg);
    }
    10% {
        transform:translate(2px, 0) rotate(1deg);
    }
    20% {
        transform:translate(3px, 1px) rotate(2deg);
    }
    30% {
        transform:translate(4px, 2px) rotate(1.5deg);
    }
    40% {
        transform:translate(5px, 3px) rotate(1deg);
    }
    50% {
        transform:translate(4px, 4px) rotate(0.5deg);
    }
    60% {
        transform:translate(3px, 3px) rotate(0deg);
    }
    70% {
        transform:translate(2px, 2px) rotate(-1deg);
    }
    80% {
        transform:translate(1px, 1px) rotate(-1.5deg);
    }
    90% {
        transform:translate(-2px, -1px) rotate(-0.5deg);
    }
    100% {
        transform:translate(0, 0) transform:rotate(0deg);
    }
}


@keyframes stop4 {
    0% {
        transform:translate(0, 0) ;
    }
    10% {
        transform:translate(4px, 0) ;
    }
    20% {
        transform:translate(3px, 1px) ;
    }
    30% {
        transform:translate(1px, 2px) ;
    }
    40% {
        transform:translate(3px, 3px) ;
    }
    50% {
        transform:translate(4px, 4px) ;
    }
    60% {
        transform:translate(2px, 3px) ;
    }
    70% {
        transform:translate(2px, 2px) ;
    }
    80% {
        transform:translate(1px, 1px) ;
    }
    90% {
        transform:translate(-3px, 2px);
    }
    100% {
        transform:translate(0, 0);
    }
}

/*垂直专科动画*/
@keyframes opacity{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes opacity{
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes opacity{
    0% {
        opacity: 0.1;
    }
    100% {
        opacity: 1;
    }
}

/*blink 动画*/
@keyframes blink {
    0%{
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}


/*动画结束*/


/*患者版首页*/
.patient-container{width: 100%;}
.patient-home-warp{width: 1200px; margin: 0 auto;}
.patient-home-warp-top{height: 36px; line-height: 36px; background: #f9f9f9;}
.patient-top-rigth b{margin: 0 10px; color:#d4d4d4;}
.patient-top-rigth strong{font-weight: 400;}
.patient-home-head{padding: 20px 0; font-size: 0;}
.patient-logo a{display: block; width: 214px; height:66px; background: url(../images/outside/all_firstpage.png) no-repeat;}
.patient-search{position: relative;top:8px;}
.patient-search input{padding-left: 30px; width: 330px; height: 34px; line-height: 34px; border: 2px solid #3dafa7;}
.icon-search{position: absolute; top: 10px; left: 5px; display: block; width: 23px; height: 23px; background: url(../images/outside/all_firstpage.png) no-repeat -228px -13px;}
.patient-search a{position: relative; top:1px; top:2px\9\0; display: inline-block; width: 100px; height: 40px; line-height: 40px; background: #3dafa7; text-align: center; color:#fff; font-size: 16px;}
.patient-search p{margin-top: 4px; font-size: 12px;}
.patient-search p span{margin-right: 10px;}
.split-line{border: 1px solid #3dafa7;}
.patient-tabs{padding: 10px 0;}
.patient-tabs a{margin-right: 4px; padding: 0 14px; font-size: 16px;}
.patient-tabs a.patient-on{color:#209b95;}
.base-banner{position:absolute;top:0;margin-top: 20px; width: 1200px; height: 340px;}
.patient-banner{display:block;z-index:0; background: url(../images/outside/patient-banner.jpg);}
.patient-banner1{z-index:0; background: url(../images/outside/patient-banner2.jpg);}
.banner-on{z-index: 1;}
.banner-list{position: absolute;left:50%;bottom: 20px;z-index: 6;}
.banner-list li{margin-right: 10px;float: left;width: 10px;height: 10px;border-radius: 50%;background: #898989;cursor: pointer;}
.banner-list li.banner-click{background: #ff8f2c;}
.banner-content{position: relative;height:360px;}
.patient-login{position: absolute;z-index: 9; right: 40px; top:34px; width:300px; height:310px; background: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 2px 2px 2px #ccc;}
.login-warp{width: 260px; margin: 20px auto;}
.patient-login-reg{width: 100%;}
.patient-login-reg h3{padding: 10px 0; width: inherit; font-size: 14px; border-bottom: 1px solid #999;}
.patient-login-reg h3 .fl{font-size: 16px;}
.patient-login-reg h3 .fr{color:#898989;}
.patient-login-reg h3 .fr b{color:#209b95;}
.log-input-list{width: 100%; margin-top: 20px;}
.log-input-list li{width: 230px; margin: 20px auto;}
.log-input-list li input{width: 230px; background: #f4f4f4; height: 30px; line-height: 30px; text-indent: 10px;}
.log-input-list li a.getVer{float: right; width: 100px; background: #ff8f2c; height: 30px; line-height: 30px; border-radius: 2px; color:#fff; text-align: center;}
.log-input-list li a.forget-pwd{display: block; width: 100%; text-align: center; margin-top: 8px;}
.log-input-list li a.now-login{display: block; width: 100%; background: #209b95; height: 30px; line-height: 30px; border-radius: 2px; color:#fff; text-align: center;}
.log-input-list li input.patient-ver{float: left; width: 110px; background: #f4f4f4; height: 30px; line-height: 30px;}
.patient-main-left{width: 860px; float: left;}
.patient-main-right{width: 300px; float: right;}
.plate-warp{margin-top: 50px;}
.right-warp{margin-top: 30px;}
.patient-main{margin-top: 10px;}
.patient-plate-title{padding:16px 0; width: 100%;}
.patient-plate-title .fl strong{font-size: 24px; margin-right: 10px;}
.patient-plate-title .fl span{font-size: 16px; color: #898989;}
.patient-plate-title .fr{line-height: 38px; color: #898989;}
.patient-plate-title .fr a:hover{color:#ff8f2c;}
.patient-plate1-list{width: 100%;}
.patient-plate1-list li{float: left; width: 200px; margin-right: 20px;}
.patient-plate1-list li p{width: 200px; margin: 10px 0;}
.patient-plate1-list li div b{color:#ff8f2c;}
.patient-plate2-list li{position: relative; float: left; margin:20px 25px 0 0; width: 268px; border: 1px solid #ededed; height: 148px;}
.patient-plate2-list li:hover{border: 1px solid #209b95; height: 148px;}
.patient-plate2-list div img{float: left; margin-right: 10px;}
.hot-doctor{width: 90%; margin: 10px auto;}
.doc-info{position: relative; border-bottom: 1px solid #ededed; padding-bottom: 10px;}
.doc-info p{float: left; width: 120px; font-size: 12px; margin-bottom: 6px;}
.doc-info p span{float: left; font-weight: 600; color:#209b95; font-size: 14px;}
.doc-info p b{float: right;}
.doc-info .score{position: absolute; right: -4px; top: -6px; color: #898989;}
.doc-info .score b{font-size: 18px;}
.doc-goodat strong{float: left; width: 40px;}
.doc-goodat p{float: left; width: 200px; font-size: 12px; line-height: 1.5; color:#898989;}
.patient-plate3-list{width: 100%;}
.patient-plate3-list li{float: left; width: 200px; margin-right: 20px; margin-top: 20px; height: 140px;}
.patient-plate3-list li div{width: 74px; height: 56px; margin: 0 auto; background: url(../images/outside/all_firstpage.png) no-repeat;}
.patient-plate3-list li div.fsmy{background-position: -320px 0;}
.patient-plate3-list li div.csyx{background-position: -320px -86px;}
.patient-plate3-list li div.fyrx{background-position: -320px -168px;}
.patient-plate3-list li div.fsjr{background-position: -315px -245px;}
.patient-plate3-list li div.lnsj{background-position: -403px 0;}
.patient-plate3-list li div.xxg{background-position: -408px -76px;}
.patient-plate3-list li div.bxzl{background-position: -408px -158px;}
.patient-plate3-list li div.jzyc{background-position: -408px -245px;}
.patient-plate3-list li p{width: 100%; text-align: center; margin-top: 20px;}
.disease-nav{padding-left: 10px;}
.disease-nav a{font-size: 12px; padding: 0 20px; color:#000;}
.disease-nav b{font-size: 12px; color:#999;}
.disease-nav a.patient-on{color:#209b95;}
.disease-list{margin-left: 20px; float: left; width: 80px; list-style-type: disc; color:#999;}
.disease-list li{width: 80px; color:#999; font-size: 12px; color: #ccc;}
.disease-list li{width: 80px; height: 30px; line-height: 30px;}
.disease-list li a{width: 80px; color:#000; font-size: 14px;}
.disease-list li a:hover{color:#209b95;}
.disease-info{margin-left: 20px; margin-right:30px; float: left; width: 200px; height: 200px;}
.disease-info h4{font-size: 18px; font-weight: 900; color:#209b95;}
.disease-info p{margin-top: 10px; width: 100%; text-indent: 24px; font-size: 12px; color:#898989; line-height: 2;}
.disease-info p a{margin-top: 10px; width: 100%; text-indent: 24px; font-size: 12px; color:#209b95;}
.disease-container img{float: left;}
li.mr0{margin-right: 0;}
.quick-enter{margin-top:120px;}
.quick-enter a{margin-bottom: 20px; display: block; width: 300px; height: 100px; background: url(../images/outside/all_firstpage.png) no-repeat;}
.quick-enter a.yygh-enter{background-position: 0 -81px;}
.quick-enter a.bmcx-enter{background-position: 0 -201px;}
.patient-right-title{padding-top: 8px; width: 100%; border-top: 2px solid #209b95;}
.patient-right-title h4{width: 100%; color:#209b95; font-size: 20px; font-weight: 900;}
.disc-list{list-style-type: disc; color:#999; margin:20px 0 0 50px;}
.disc-list li{font-size: 4px; color:#ccc;}
.disc-list li a:hover{color:#209b95;}
.order-list{width: 250px;}
.order-list li{height: 30px; line-height: 30px; font-size: 4px; color:#ccc;}
.order-list li span{display: inline-block; width: 80px; margin-right: 3px; font-size: 14px;}
.order-list li b{display: inline-block; width: 80px; margin-right: 3px; color:#000; font-size: 14px;}
.order-list li strong{display: inline-block; width: 80px; color:#000; font-weight: 400; font-size: 14px;}
.science-list li{height: 30px; line-height: 30px;}
.science-list li a{font-size: 14px; color:#000;}
.patient-home-foot{margin-top: 50px; background: #ebebeb;}
.patient-home-foot .footer-img li{color:#898989;}
/*地图新加*/
.map-position{
  display: none;
  position: absolute;
  top:0;
  left:0;
  z-index: 99;
  width: 24px;
  height: 30px;
  background:url(../images/home.png) no-repeat -929px -431px;
}
