*:focus { outline: none;} p { color: #434343;} .xubox_layer { width: 42%!important;} .xubox_iframe { width: 100%!important;height: 100%!important;} /*社会责任*/ #reone img,#retwo img { width: 100%;display: block;} #reone .container>h1,#retwo .container>h1,#resour1 .container>h1,#talent .container>h1,#result .container>h1,#patent .container>h1,#device .container>h1,#plan .container>h1,#hospital .container>h1,#recruitment .container>h1{ font-size: 30px;color: #cbeee7;text-align: center;text-transform: uppercase;margin-bottom: 5px;} #reone .container>h2,#retwo .container>h2,#rethree .container>h2,#resour1 .container>h2,#talent .container>h2,#result .container>h2,#patent .container>h2,#device .container>h2,#plan .container>h2,#hospital .container>h2,#recruitment .container>h2{ font-size: 30px;color: #03c5a9;text-align: center;margin-top: 0;} #reone .container>p { width: 75%;font-size: 14px;text-align: center;margin: 0 auto;margin-top: 10px;margin-bottom: 40px;color: #000;} #reone .part,#retwo .part { overflow: hidden;margin-bottom: 30px;position: relative;} #reone .part .left,#reone .part .right { width: 48%;} #reone .part1 .right,#reone .part2 .left { position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} #reone .part1 .right { right: 0;} #reone .part2 .left { left: 0;} #reone .part h3 { font-size: 18px;color: #03c5a9;margin-bottom: 20px;} #reone .part p { font-size: 14px;color: #000;} #retwo .container>h2{ margin-bottom: 60px;} #retwo .part { padding: 20px;position: relative;} #retwo .part2 { background: #edfbf9;} #retwo .part1 .left { width: 30%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} #retwo .part1 .right { width: 68%;} #retwo .part2 .right { width: 30%;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} #retwo .part2 .left { width: 68%;} #retwo .part .tit { display: inline-block;background: url(../images/response08.png) no-repeat right center;padding-right: 30px;} #retwo .part h3 { font-size: 16px;margin-top: 0;color: #03c5a9;margin-bottom: 5px;line-height: 24px;} #retwo .part h6 { font-size: 12px;color: #03c5a9;margin-top: 5px;} #retwo .part p { font-size: 14px;line-height: 22px;margin-top: 20px;} #rethree { margin-bottom: 50px;} #rethree .container { position: relative;} #rethree .container>h2 { margin-bottom: 30px;} #rethree .container>h1 { font-size: 48px;font-weight: bold;color: #03c5a9;text-align: center;text-transform: uppercase;} #rethree img {width: 100%;display: block;} #rethree h3 { color: #03c5a9;} #rethree .left { width: 30%;position: relative;margin-left: 65px;} #rethree .left .num { width: 90px;color: #03c5a9;position: absolute;top: 40px;left: -65px;font-size: 42px;border-bottom: 3px solid #03c5a9;} #rethree .bg { background: url(../images/response09.png) no-repeat 25% center;background-size: contain;width: 197px; height: 80%;position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);left: 80%;z-index: -1;} #rethree .slick-slide { position: relative;overflow: hidden;} #rethree .right { width: 50%;position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);left: 40%;} #rethree .right p {font-size: 14px;} #rethree .threeslider .slick-next { width: 48px;height: 48px;background: url(../images/r5.png);position: absolute;bottom: 0;right: 0;z-index: 10;} #rethree .threeslider .slick-prev { width: 48px;height: 48px;background: url(../images/l5_2.png);position: absolute;bottom: 0;right: 130px;z-index: 10;} #rethree .threeslider .slick-next.disabled { background: url(../images/r5_1.png);} #rethree .threeslider .slick-next.slick-disabled { background: url(../images/r5_1.png) no-repeat;} #rethree .threeslider .slick-prev.slick-disabled { background: url(../images/l5.png) no-repeat;} #rethree .threeslider .slick-dots { position: absolute;right: 75px;bottom: 10px;width: auto;} #rethree .threeslider .slick-dots li { display: none;} #rethree .threeslider .slick-dots li.slick-active { display: block;} /*投资者关系*/ #relatype .container>ul { display: flex;justify-content: center; padding: 10px 0;} #relatype .container>ul li { text-align: center;width: 20%;padding: 20px;cursor: pointer;margin: 0 20px;} #relatype .container>ul li.current,#relatype .container>ul li:hover { background: #fff;box-shadow: 0 0 10px rgba(3,197,169,.3);} #relatype .container>ul li:nth-child(1) span { width: 34px;height: 34px;background: url(../images/relation01.png) no-repeat;background-size: contain;display: inline-block;} #relatype .container>ul li:nth-child(2) span { width: 34px;height: 34px;background: url(../images/relation02.png) no-repeat;background-size: contain;display: inline-block;} #relatype .container>ul li:nth-child(3) span { width: 34px;height: 34px;background: url(../images/relation03.png) no-repeat;background-size: contain;display: inline-block;} #relatype .container>ul li a { display: block;text-align: center;color: #000;font-size: 16px;margin-top: 20px;} #relatype .box { margin-top: 40px;display: none;} #relatype .box.show { display: block;} #relatype dl { padding: 10px 0;border-bottom: 1px dashed #9f9f9f;position: relative;padding-left: 100px;box-sizing: border-box;cursor: pointer;margin-bottom: 40px;padding-right: 60px;line-height: 22px;} #relatype dl:after{ content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: -1px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;border-bottom: 1px solid #03c5a9;} #relatype dl:hover:after { width: 100%;} #relatype dl:hover i { color: #03c5a9;} #relatype dl dt { background: #03c5a9;width: 90px;height: 78px;text-align: center;color: #fff;padding: 0 1px;position: absolute;left: 0;bottom: 10px;} #relatype dl dt .top { font-size: 32px;border-bottom: 1px solid #81e2d4;margin-bottom: 5px;} #relatype dl dt .bot { font-size: 14px;} #relatype dl dd span { font-size: 14px;color: #434343;} #relatype dl dd h1 { font-size: 16px;color: #03c5a9;margin-top: 5px;margin-bottom: 0;} #relatype dl i{ position: absolute;width: 60px;background: url(../images/relation04.png) no-repeat center top;background-size: 25px 25px ;right: 0;top: 50%;margin-top: -30px;padding-top: 30px;font-style: normal;text-align: center;color: #434343;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} #page {text-align: center;margin: 30px 0;} /*#page a { display: inline-block;margin: 0 20px;color: #434343;height: 25px;line-height: 22px;display: inline-block;}*/ #page ul { overflow: hidden;display: inline-block;margin-bottom: -8px;} #page ul a{ font-size: 16px;cursor: pointer;margin: 0 10px;color: #434343;border-radius: 50%;width: 25px;height: 25px;line-height: 24px;display: inline-block;} #page a.on ,#page a:hover,#page > a:hover{ background: #03c5a9;color: #fff;} #page > a { width: auto;height: auto;padding: 5px;color: #434343;} /*人力资源*/ #resour1 .left img { width: 100%;display: block;} #resour1 .right img { display: block;width:64%;margin: 0 auto;margin-top: 50px;} #resour1 .box,#talent .box { overflow: hidden;} #resour1 .box p{ font-size: 14px;} #resour1 .left { width: 70%;} #resour1 .right { width: 28%;text-align: center;} #resour1 .right p{ text-align: left;font-size: 12px;margin-bottom: 5px;} #resour1 .right h4{ text-align: left;color: #03c5a9;font-size: 14px;margin-top: 20px;} #resour1 .left h3 { font-size: 20px;color: #03c5a9;} /*人才培养*/ #talent { margin-top: 40px;background: #e7fbf8;padding-bottom: 50px; } #talent h2 { margin-bottom: 80px;} #talent .left { width: 65%;position: relative;} #talent .right { width: 30%;position: relative;padding-bottom: 30px;} #talent .text { padding: 40px;background: #fff;z-index: 8;box-sizing: border-box;position: relative;z-index: 5;} #talent .text p { margin-bottom: 20px;text-indent: 27px;} #talent .right:before { content: '';width: 80%;height: 20px;position: absolute;bottom: 30px;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);box-shadow: 0px 9px 30px rgba(154,189,184,1);z-index: 0;} #talent .left img { margin-left: 11%;width: 43%;} #talent .left .line1 { width: 22px;height: 80px;font-size: 14px;position: absolute;left: 5px;top: 170px;padding-top: 70px;background: url(../images/resource02.png) no-repeat;background-size: contain;text-align: center;} #talent .left .line2 { width: 22px;height: 80px;font-size: 14px;position: absolute;left: 55px;top: 60px;padding-top: 70px;background: url(../images/resource02.png) no-repeat;background-size: contain;text-align: center;} #talent .left span { position: absolute;padding-left: 120px;background: url(../images/resource03.png) no-repeat left center;background-size: 108px 8px;} #talent .left .s1 { top: 4%;left: 31%;} #talent .left .s2 { top: 20%;left: 34%;} #talent .left .s3 { top: 40%;left: 38%;} #talent .left .s4 { top: 60%;left: 44%;} #talent .left .s5 { top: 80%;left: 50%;} /*研发中心*/ #center1 { padding: 50px 0;} #center1 .box { overflow: hidden;position: relative;} #center1 .box img { float: left;margin-right: 3%;margin-bottom: 30px;width: 29%;} #center1 .box ul { overflow: hidden; border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;} #center1 .box ul li { float: left;margin-right: 60px;width: 30px;height: 31px;background: url(../images/indexPng01.png) no-repeat;background-size: contain;} #center1 .box ul li:nth-child(2) { background: url(../images/indexPng02.png) no-repeat;background-size: contain;} #center1 .box ul li:nth-child(3) { background: url(../images/indexPng03.png) no-repeat;background-size: contain;} #center1 .box ul li:nth-child(4) { background: url(../images/indexPng04.png) no-repeat;background-size: contain;} #center1 p { line-height: 22px;} #center1 h1 { font-size: 36px;color: #fff;position: absolute;top: 25px;left: 20px;} #center1 h2 { font-size: 18px;color: #fff;position: absolute;top: 80px;left: 20px;} #center1 span { width: 45px;height: 28px;background: url(../images/research02.png) no-repeat;background-size: contain;position: absolute;left: 20px;top: 200px;} /*研究成果*/ #result { position: relative;max-height: 750px;background: url(../images/de03.jpg) repeat-x center top;background-size: contain;padding-top: 50px;box-sizing: border-box;} #result .container>p {color: #03c5a9;text-align: center;margin-top: 30px;width: 75%;margin: 0 auto;} #result .tab ul { overflow: hidden;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: center;margin: 30px 0;} #result .tab ul li {margin: 0 60px; } #result .tab ul li p { text-align: center;margin-top: 5px;} #result .tab ul li.current p { color: #03c5a9;} #result .tab ul li span { width: 60px;height: 60px;background: #fff url(../images/research07_2.png) no-repeat center center;border-radius: 50%;margin: 0 auto;display: block;background-size: 24px 32px;border: 1px solid #03c5a9;cursor: pointer;} #result .tab ul li:nth-child(2) span { width: 60px;height: 60px;background: #fff url(../images/research08_2.png) no-repeat center center;border-radius: 50%;margin: 0 auto;display: block;background-size:31px 31px;} #result .tab ul li.current span { background: #03c5a9 url(../images/research07.png) no-repeat center center;background-size: 24px 32px;} #result .tab ul li:nth-child(2).current span { background: #03c5a9 url(../images/research08.png) no-repeat center center;background-size: 31px 31px;} #result { overflow: hidden;} #result .timeslider { margin-bottom: 100px;} #result .line { width: 100%;height: 1px;background: #03c5a9;position: absolute;top: 546px;left: 0;} #result .timeslider .slick-slide,#result .timeslider2 .slick-slide { text-align: center;} #result .timeslider .slick-list,#result .timeslider2 .slick-list { margin: 0 30px;padding: 200px 0;box-sizing: border-box;} #result .timeslider .slick-prev,#result .timeslider .slick-next,#result .timeslider2 .slick-prev,#result .timeslider2 .slick-next { width: 30px;height: 30px;position: absolute;} #result .timeslider .slick-prev,#result .timeslider2 .slick-prev { background: url(../images/researchl2.png) no-repeat;background-size: contain;left: 0;top: 50%;margin-top: -15px;} #result .timeslider .slick-prev.slick-disabled,#result .timeslider2 .slick-prev.slick-disabled {background: url(../images/researchl1.png) no-repeat;background-size: contain; } #result .timeslider .slick-next,#result .timeslider2 .slick-next { background: url(../images/researchr2.png) no-repeat;background-size: contain;right: 0;top: 50%;margin-top: -15px;} #result .timeslider .slick-next.slick-disabled,#result .timeslider2 .slick-next.slick-disabled {background: url(../images/researchr1.png) no-repeat;background-size: contain; } #result .timeslider .tt .text,#result .timeslider2 .tt .text { position: absolute;bottom: 60px;width: 100%;text-align: center;} #result .timeslider .tt span,#result .timeslider2 .tt span { text-align: center;position: absolute;width: 100%;top: 10px;left: 0;font-size: 24px;color: #03c5a9;font-weight: bold;} #result .timeslider .tt:before,#result .timeslider2 .tt:before { content: '';width: 5px;height: 55px;background: url(../images/researchcir.png) no-repeat;background-size: contain; position: absolute;top: -54px;} #result .timeslider .text .tit,#result .timeslider2 .text .tit { font-size: 14px;font-weight: bold;color: #434343;} #result .timeslider .text p ,#result .timeslider2 .text p { margin-bottom: 0;color: #434343;} #result .timeslider .bb .text,#result .timeslider2 .bb .text { position: absolute;width: 100%;top: 65px;text-align: center;} #result .timeslider .bb span,#result .timeslider2 .bb span { text-align: center;left: 0;font-size: 24px;color: #03c5a9;font-weight: bold;position: absolute;width: 100%;top: -40px;text-align: center;} #result .timeslider .bb:before,#result .timeslider2 .bb:before { content: '';width: 5px;height: 55px;background: url(../images/researchcir2.png) no-repeat;background-size: contain; position: absolute;bottom: -55px;} /*专利*/ #patent { background: url(../images/de02.jpg) no-repeat center bottom;background-size: cover;} #patent .container>p { margin-bottom: 50px;} #patent .box { overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #d2d2d2;position: relative;} #patent .box .left { width: 50%;position: absolute;bottom: 30px;left: 0;} #patent .box .right{ width: 42%; } #patent .box .right ul li { list-style-type: disc;margin-bottom: 5px;font-size: 14px;color: #434343;} #patent .box .left ul {padding-top: 45px;} #patent .box .left ul li {margin-bottom: 20px;} #patent .box .left ul li+li { float: left;width: 25%;} #patent .box .left ul li p { margin-bottom: -5px;font-size: 14px;} #patent .box .left ul li p span { color: #03c5a9;font-size: 30px;font-weight: bold;} #LoopDiv {margin-bottom: 30px;} #LoopDiv img {-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));} /*设备*/ #device { padding-top: 50px;background: url(../images/device08.png) no-repeat;background-size: cover;} .deslider .slick-list {margin: 0 40px;} .deslider .slick-slide a { display: block;padding:10px;} .deslider .slick-slide img { display: block;width: 100%;} .deslider .slick-slide .top { margin-bottom: 20px;} .deslider .slick-slide .top ,.deslider .slick-slide .bot{ background: url(../images/device01.jpg) no-repeat;background-size: contain;position: relative;overflow: hidden;} .deslider .slick-prev,.deslider .slick-next { width: 24px;height: 44px;position: absolute;top: 50%;margin-top: -22px;} .deslider .slick-prev { background: url(../images/l6.png) no-repeat;background-size: contain;left: 0;} .deslider .slick-next { background: url(../images/r6.png) no-repeat;background-size: contain;right: 0;} .deslider .slick-slide .top:after,.deslider .slick-slide .bot:after { content: '';width: 100%;height: 100%;position: absolute;left: 0;background: rgba(3,197,169,.6);-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;top: 100%;} .deslider .slick-slide .top p,.deslider .slick-slide .bot p {top: 100%;left: 0;width: 100%;text-align: center;position: absolute;z-index: 5;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;color: #fff;font-size: 18px;text-shadow: 0 1px 5px rgba(0,0,0,.4);} .deslider .slick-slide .top:hover p,.deslider .slick-slide .bot:hover p { top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .deslider .slick-slide .top:hover:after,.deslider .slick-slide .bot:hover:after { top: 0;} /*规划*/ #plan .container>h2 { margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #03c5a9;} #plan .column { background: #03c5a9;padding: 20px;margin-top: 30px;} #plan .column ul li { float: left;color: #fff;margin-right: 30px;position: relative;box-sizing: border-box;} #plan .column ul li span { width: 11px;height: 11px;background: url(../images/cir.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;} #plan h3 { } #hospital { margin-top: 50px;margin-bottom: 50px;} #hospital .hoslider {margin-top: 50px;} #hospital .hoslider .slick-list { margin: 0 40px;} #hospital .hoslider .slick-slide { overflow: hidden;} #hospital .hoslider .left {width: 40%;} #hospital .hoslider .left img{width: 100%;} #hospital .hoslider .right {width: 55%;} #hospital .hoslider .right h3 { font-size: 18px;color: #03c5a9;padding-bottom: 10px;border-bottom: 1px solid #03c5a9;margin-top: 0;} #hospital .hoslider .right p {margin-bottom: 5px;} #hospital .hoslider .slick-prev { width: 24px;height: 24px;background: url(../images/l1.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);z-index: 10;} #hospital .hoslider .slick-next { width: 24px;height: 24px;background: url(../images/r1.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);z-index: 10;} #hospital .hoslider .slick-dots li{ width: 14px;height: 14px;border: 1px solid #03c5a9;border-radius: 50%;} #hospital .hoslider .slick-dots li.slick-active {background: #03c5a9;} #hospital .hoslider .slick-dots li button { display: none;} /*投资者互动*/ #interaction { background-repeat: no-repeat;background-size: cover;background-position: center center;} #interaction .content { margin: 35px 60px;} #interaction .content h1 {font-size: 16px;background: url(../images/relation09.png) no-repeat;background-size: cover;color: #fff;padding: 10px 45px;margin-bottom: 0;} #interaction .content h1 span{font-size: 12px;} #interaction .content .info { padding-left: 45px;background: rgba(255,255,255,.8);} #interaction .content .info h2 {font-size: 16px;color: #015591;margin-top: -1px;padding-top: 20px;margin-bottom: 15px;} #interaction .content .info ul { overflow: hidden;} #interaction .content .info ul li { float: left;position: relative;padding-left: 30px;margin-bottom: 10px;} #interaction .content .info ul li span { position: absolute;top: 0;left: 0;} #interaction .content .info ul li:nth-child(1) { width: 35%;} #interaction .content .info ul li:nth-child(1) span { width: 19px;height: 19px;background: url(../images/relation05.png) no-repeat;background-size: contain;} #interaction .content .info ul li:nth-child(2) { width: 60%;} #interaction .content .info ul li:nth-child(2) span { width: 16px;height: 20px;background: url(../images/relation06.png) no-repeat;background-size: contain;} #interaction .content .info ul li:nth-child(3) { width: 35%;} #interaction .content .info ul li:nth-child(3) span { width: 19px;height: 19px;background: url(../images/relation07.png) no-repeat;background-size: contain;} #interaction .content .info ul li:nth-child(4) { width: 35%;} #interaction .content .info ul li:nth-child(4) span { width: 19px;height: 19px;background: url(../images/relation08.png) no-repeat;background-size: contain;} #interaction .content .info ul li:nth-child(5) { width: 30%;} #interaction .content .info ul li:nth-child(5) span { width: 23px;height: 16px;background: url(../images/relation11.png) no-repeat;background-size: contain;} #interaction .content .info .line { border-top: 1px solid #98acc7;} /*医疗服务*/ #plan { margin-bottom: 20px;} #plan .box>.left p { margin-bottom: 20px;line-height: 24px;} #plan .box .text {line-height: 24px;} #plan .box .text p { text-indent: 28px;text-align: justify;} #plan .box .img1 { width: 50%;margin-bottom: 20px;margin-left: 5%;} #plan .box .img2 { width: 24%;clear: both;margin-left: 2%;margin-bottom: 20px;} #plan .box .img3 { width: 24%;margin-left: 5%;margin-bottom: 20px;} /*联系我们*/ #contact { background-repeat: no-repeat;background-size: cover;background-position: center center;min-height: 650px;} #contact .left { width: 35%;margin-top: 180px;} #contact .right { width: 35%;margin-top: 140px;margin-right: 15%;} #contact .left h1 { font-size: 48px;color: #fff;} #contact .left h2 { font-size: 18px;color: #fff;position: relative;margin-bottom: 50px;} #contact .left h2:after { content: '';width: 90px;height: 1px;background: #fff;position: absolute;top: 50%;left: 80px;} #contact .left p { color: #fff;margin-bottom: 5px;} #contact .right .tit { color: #fff;font-size: 16px;margin-bottom: 10px;} #contact .right .line { padding: 5px 15px;background: rgba(255,255,255,.7);margin-bottom: 10px;color: #535353;font-size: 14px;} #contact .right label {margin-bottom: 0 ;vertical-align: top;font-weight: normal;} #contact .right .line input[type="text"] { border: none;background: none;} #contact .right .line textarea { border: none;background: #ccc;width: 70%;height: 120px;resize: none;background: none;} #contact .right .subline .code { padding: 5px 10px;width: 100%;background: rgba(255,255,255,.7);color: #535353;display: inline-block;font-size: 14px;} #contact .right .subline .code label { float: left;vertical-align: middle;height: 35px;line-height: 35px;} #contact .right .subline .code input { width: 40%;background: none;border: none;float: left;height: 35px;line-height: 35px;} #contact .right .subline button { width: 100px;height: 35px;line-height: 35px; font-size: 14px;border: none;background: #01d18b;color: #fff;display: block;text-align: center;margin-top: 10px;} #v_container { width: 100px;float: right;} .address { margin: 50px 0;} .address .box { overflow: hidden;} .address .left { width: 45%;height: 100%;min-height: 1px;} #maps { height: 322px;} .anchorBL {display: none;} .address .right img { margin-top: 30px;} .address .right { width: 50%;} .address h1 { padding-top: 20px;border-top: 1px solid #d2d2d2;font-size: 18px;color: #00256f;} .address h2 { padding-bottom: 20px;border-bottom: 1px solid #d2d2d2;font-size: 14px;color: #00256f;margin-top: 0;} .address .other ul { overflow: hidden;margin-top: 35px;padding-top: 35px;border-top: 1px dashed #888;position: relative;} .address .other ul:after { content: '';width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 25px;} .address .other ul li { width: 33.33%;float: left;margin-bottom: 25px;border-bottom: 1px dashed #888;height: 200px;} .address .other h3 { font-size: 14px;font-weight: bold;color: #434343;margin-top: 0;} .address .other p { font-size: 14px;color: #434343;} .address .other ul li:nth-child(3n+1) { clear: both;margin-left: 0;} /*招贤纳士*/ #recruitment { margin-bottom: 60px;} #recruitment .title ,#recruitment .box .dt{ background: #03c5a9;padding: 20px 50px;margin-top: 30px;} #recruitment .title ul li,#recruitment .box .dt ul li { flex: 1;color: #fff;font-size: 14px;} #recruitment .box .dt ul,#recruitment .title ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: center;margin-bottom: 0;} #recruitment .box .dt { background: none;margin-top: 0;cursor: pointer;border-bottom: 1px solid #e1e1e1;} #recruitment .box.cli .dt {background: #03c5a9;} #recruitment .box .dt ul li { color: #434343;} #recruitment .box .dt ul li span { display: inline-block;float: right;width: 26px;height: 26px;background: url(../images/up2.png) no-repeat;background-size: contain;vertical-align: middle;} #recruitment .box.cli .dt ul li { color: #fff;} #recruitment .box.cli .dt ul li span {background: url(../images/down2.png) no-repeat;background-size: contain;} #recruitment .box .dd { padding-left: 50px;display: none;padding-bottom: 30px;border: 1px solid #03c5a9;border-top: none;margin-top: -1px;} #recruitment .box h3 { font-size: 14px;font-weight: bold;color: #204066;margin-top: 0;padding-top: 30px;} #recruitment .box ol li { list-style-type: decimal;margin-left: 20px;margin-bottom: 5px;} #recruitment .box.show .dd { display: block;} /* 关于景峰 */ #aboutus .container {position: relative;} #aboutus .container h1,#product h1, #newsCenter h1 { margin-top: 170px;font-size: 72px;text-align: center;font-weight: lighter;text-transform: uppercase;} #aboutus .container h2 { font-size: 33px;text-align: center;font-weight: normal;margin-top: 30px;margin-bottom: 80px;} #aboutus .part {top: 250px;position: absolute;} #aboutus .part img { width: 100%;} #aboutus .part span { width: 9px;height: 9px;background: #c1ffde;border-radius: 50%;position: absolute;display: inline-block;cursor: pointer;z-index: 2;} #aboutus .part .span1{ left: 3%;bottom: 32%;} #aboutus .part .span2{ left: 20.2%;top: 15%;} #aboutus .part .span3{ left: 40.5%;bottom: 5.5%;} #aboutus .part .span4{ left: 59.5%;bottom: 37%;} #aboutus .part .span5{ right: 23.8%;top: 33.4%;} #aboutus .part .span6{ right: 10.8%;bottom: 14.7%;} #aboutus .part .span7{ right: 2.54%;top: 14.7%;} /*#aboutus .part span:hover,*/#aboutus .part span.hover { background: #fff;width: 9px;height: 9px;box-sizing: content-box;} #aboutus .part span::before { content: ' ';width: 9px;height: 9px;position: absolute;left: -1px;top: -1px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;z-index: -1;box-sizing: content-box;opacity: 0;} #aboutus .part span::after { content: ' ';width: 9px;height: 9px;position: absolute;left: -1px;top: -1px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;z-index: -1;box-sizing: content-box;opacity: 0;} /*#aboutus .part span:hover::before,*/#aboutus .part span.hover::before { width: 15px;height: 15px;left: -4px;top: -4px;opacity: 1;} /*#aboutus .part span:hover::after,*/#aboutus .part span.hover::after { width: 25px;height: 25px;left: -9px;top: -9px;opacity: .2;} #aboutus .part span.hover::before,#aboutus .part span.hover::after/*,#aboutus .part span:hover::before*//*,#aboutus .part span:hover::after*/ { -webkit-animation: scaler 1s infinite ease; animation: scaler 1s infinite ease;} #aboutus .part span.hover::after,#aboutus .part span:hover::after { -webkit-animation-delay: .2s; animation-delay: .2s;} #aboutus .part p { position: absolute;color: #fff;} #aboutus .part .p1 { left: 1%;bottom: 15%;} #aboutus .part .p2 { left: 18%;top: 5%;} #aboutus .part .p3 { left: 38%;bottom: -7%;} #aboutus .part .p4 { left: 58%;bottom: 22%;} #aboutus .part .p5 { right: 22%;top: 21%;} #aboutus .part .p6 { right: 9%;bottom: 1%;} #aboutus .part .p7 { right: 1%;top: 4%;} #aboutus .container>a { position: absolute;z-index: 99;left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} /* 景峰概况 */ #compoProfile .container { position: relative;} #compoProfile .tit { position: absolute;top: 0;right: 15px;padding-right: 30px;} #compoProfile .tit:after { content: '';width: 3px;height: 80%;background: #03c5a9;position: absolute;right: 0;bottom: 0;} #compoProfile h1 { font-size: 36px;text-align: right;font-weight: lighter;color: #03c5a9;} #compoProfile h2 { font-size: 18px;text-align: right;color: #03c5a9;margin-top: 0;} #compoProfile,#develop,#team { padding-top: 80px;} #develop h2 ,#team h2 { font-size: 42px;color: #b3ede5;font-weight: bold;text-transform: uppercase;} #develop h1 ,#team h1 { font-size: 30px;color: #03c5a9;margin-top: 10px;} #develop h2 { font-size: 26px;} #develop h1 { margin-top: 10px;position: relative;} #develop h1:after { content: '';position: absolute;width: 40px;height: 4px;background: #03c5a9;left: 0;bottom: -20px;} #compoProfile .topText { padding: 0 80px;margin: 30px 0;position: relative;} #compoProfile .topText p { text-indent: 30px;font-weight: normal;line-height: 26px;color: #333;} #compoProfile .topText:before { content: ' ';width: 58px;height: 52px;position: absolute;background: url(../images/aboutPng01.png) no-repeat;top: -20px;left: 0;background-size: contain;} #compoProfile .topText:after { content: ' ';width: 58px;height: 52px;position: absolute;background: url(../images/aboutPng02.png) no-repeat;bottom: -20px;right: 0;background-size: contain;} #compoProfile img { width: 100%;} .profileslider { position: relative;} .profileslider .slick-list { padding: 60px 0;padding-top: 100px;} .profileslider .left { width: 40%;float: left;position: relative;} .profileslider .left .line { width: 250px;height: 450px;border: 1px solid #03c5a9;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: -1;} .profileslider .left .line2 { border-right: none;z-index: 1;} #compoProfile .container .name { font-size: 48px;color: #d2d2d2;position: absolute;left: 21%;bottom: 30%;-webkit-transform: translateX(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%);text-transform: uppercase;letter-spacing: 6px;} #compoProfile .container .name:after { content: '';width: 40px;height: 4px;background: #03c5a9;bottom: -30px;left: 0;position: absolute;} .profileslider .right { width: 58%;float: right;position: relative;} /*.profileslider .right:after { content: '';width:100%;height: 90px;position: absolute;bottom: -30px;left: 0;background: url(../images/bjj.png) no-repeat center bottom;background-size: contain;opacity: .7;}*/ .profileslider .right .text { background: #edfdfb;padding: 40px 0;position: relative;margin: 40px 0;padding-left: 30px;padding-right: 20px;box-sizing: border-box;z-index: 5;} .profileslider .right .text p { font-size: 12px;line-height: 22px;} /*.profileslider .right .text:before { content: '';width: 40px;height: 38px;position: absolute;background: url(../images/aboutPng01.png) no-repeat;top: -40px;left: 0;background-size: contain;}*/ /*.profileslider .right .text:after { content: '';width: 40px;height: 38px;position: absolute;background: url(../images/aboutPng02.png) no-repeat;bottom: -40px;right: 0;background-size: contain;}*/ .profileslider .right h3 { font-size: 18px;color: #03c5a9;padding-bottom: 10px;border-bottom: 1px solid #03c5a9;margin-top: 0;} .profileslider .right .img { overflow: hidden;} .profileslider .right .img li { width: 32%;float: left;} .profileslider .right .img li img{width: 100%;display: block;} .profileslider .right .img li+li { margin-left: 2%;} #hospital .right ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;margin-top: 20px;} #hospital .right ul li { flex: 1;margin: 0 5px;} #hospital .right ul li img { width: 100%;} #hospital .left { background-repeat: no-repeat;background-size: cover;background-position: left center;} /*20180309 add*/ #center1 .imgslider { padding: 0 30px;} #center1 .imgslider .slick-slide { text-align: center;padding: 0 10px;} #center1 .imgslider img { width: 100%;display: inline-block;} #center1 .imgslider .slick-prev,#center1 .imgslider .slick-next { width: 15px;height: 25px;position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} #center1 .imgslider .slick-prev { background: url(../images/l6.png) no-repeat;background-size: contain;left: 0;} #center1 .imgslider .slick-next { background: url(../images/r6.png) no-repeat;background-size: contain;right: 0;} /* 发展历程 */ #develop { background-repeat: no-repeat;background-size: cover;background-position: center bottom;position: relative;padding-top: 0;} #develop .deveSlider { padding: 30px;height: 610px;padding-bottom: 0;margin-bottom: 0;} #develop .deveSlider .slick-list,#develop .deveSlider .slick-track { position: relative;height: 100%;} #develop .deveSlider .text { width: 90%;margin-left: 10px;border-left: 1px solid #03c5a9;padding-left: 15px;margin-top: 10px;position: absolute;bottom: 0;left: 0;padding-top: 10px;} #develop .deveSlider .text p { color: #333;font-size: 12px;line-height: 22px;} #develop .deveSlider .slick-slide { position: relative;} #develop .deveSlider .text:before { content: ' ';width: 5px;height: 5px;background: #03c5a9;position: absolute;top: -2.5px;left: -3px;border-radius: 50%;} #develop .deveSlider .slick-prev { width: 30px;height: 30px;background: url(../images/l1.png) no-repeat;background-size: contain;top: 30%;left: 0;} #develop .deveSlider .slick-next { width: 30px;height: 30px;background: url(../images/r1.png) no-repeat;background-size: contain;top: 30%;right: 0;} #develop .deveSlider .year { font-size: 28px;color: #03c5a9;margin-top: 30px;padding-bottom: 100px;} /* css3滚动条 */ .content::-webkit-scrollbar {width:1px;height:1px;} /* 两端按钮*/ .content::-webkit-scrollbar-button{display: none;} /*滚动条轨道背景颜色*/ .content::-webkit-scrollbar-track-piece{background:#fff;} /*滚动条样式*/ .content::-webkit-scrollbar-thumb{background: #03c5a9;border-radius: 5px;} /*管理层团队*/ #team h2 ,#team h1 { text-align: center;} #team .container { position: relative;} #team .box { overflow-y: hidden;margin-top: 80px;} #team .left,#team .right {width: 46%;} #team .right div span { font-size: 14px;margin-right: 20px;} #team .right div { margin-bottom: 5px;} #team .right h3 { color: #03c5a9;margin-bottom: 30px;margin-top: 0;} #team .right div.part { padding-top: 25px;border-top: 1px solid #c9c9c9;margin-top: 25px;margin-bottom: 0;} #team img {width: 100%;} #team .slider-for {margin-bottom: 0;} #team .smallimg { background: #eafaf5;padding: 30px 0;margin-top: 40px;} #team .slider-nav { width:100%;text-align: center;padding: 0 20px;width: 50%;margin: 0 auto;} #team .slider-nav .slick-slide {position: relative;margin: 0 10px;} #team .slider-nav img,#team .slider-nav .zhe{ width: 100%;display:block;margin: 0 auto;} #team .slider-nav .zhe {position: absolute;background: rgba(1,133,224,.5);z-index: 2;height: 100%;top: 0;} #team .slider-nav .slick-prev,.profileslider .slick-prev { width: 15px;height: 24px;background: url(../images/l2.png) no-repeat;background-size: contain;left: -40px;bottom: 50%;margin-top: -10px;} #team .slider-nav .slick-next,.profileslider .slick-next { width: 15px;height: 24px;background: url(../images/r2.png) no-repeat;background-size: contain;right: -40px;bottom: 50%;margin-top: -10px;} #team .slider-nav .zhe { display: none;} #team .slider-nav .slick-slide.slick-current .zhe {display: block;} /*企业文化*/ #culture { height: 760px;background: url(../images/culture.jpg) no-repeat center center ;background-size: cover;position: relative;overflow: hidden;} #culture .bg { position: absolute;top: 20%;left: -5%;font-size: 280px;color: rgba(255,255,255,.1);text-transform: uppercase;} #culture .container { overflow: hidden;position: relative;height: 100%;} #culture .left { width: 32%;color: #fff;} #culture .left h1{ font-size: 48px;text-transform: uppercase;color: #fff;margin-top: 100px;font-weight: normal;} #culture .left h2{ font-size: 48px;text-transform: uppercase;} #culture .left h3 { font-size: 30px;margin-bottom: 135px;} #culture .left p { margin-bottom: 20px;line-height: 30px;font-weight: normal;color: #fff;} #culture .left span { width: 100px;height: 3px;background: #fff;display: inline-block;margin-top: 50px;} #culture .culSlider { width: 63%;background: #fff url(../images/white.jpg) no-repeat right bottom;background-size: contain;position: absolute;right:50px;top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 12px 30px;padding-bottom: 60px;} #culture .culSlider h1 { font-size: 12px;position: relative;font-weight: 800;margin-top: 70px;margin-bottom: 30px;color: #000;} #culture .culSlider h1 span { position: absolute;top: -44px;left: 0;} #culture .culSlider h1 .s1 { width: 32px;height: 32px;background: url(../images/culture01.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s2 { width: 33px;height: 32px;background: url(../images/culture02.png) no-repeat;background-size: contain;} #culture .culSlider h1:after { content: ' ';width: 50px;height: 2px;background: #4ccf99;position: absolute;left: 0;bottom: -18px;} #culture .culSlider p { font-size: 12px;line-height: 26px;margin-bottom: 0;} #culture .culSlider .slick-prev { width: 30px;height: 30px;background: url(../images/l3.png) no-repeat;background-size: contain;bottom: 0;right: 0!important;} #culture .culSlider .slick-next { width: 30px;height: 30px;background: url(../images/r3.png) no-repeat;background-size: contain;bottom: 0;right: -30px;} #culture .culSlider h1 .s3 { width: 33px;height: 29px;background: url(../images/png1.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s4 { width: 26px;height: 32px;background: url(../images/png2.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s5 { width: 26px;height: 32px;background: url(../images/png3.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s6 { width: 26px;height: 32px;background: url(../images/png4.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s7 { width: 26px;height: 32px;background: url(../images/png5.png) no-repeat;background-size: contain;} #culture .culSlider h1 .s8 { width: 26px;height: 32px;background: url(../images/png6.png) no-repeat;background-size: contain;} /*董事长寄语*/ #chairman .container { position: relative;} #chairman .tab {position: absolute;top: 0;left: 0; } #chairman .tab ul { overflow: hidden;} #chairman .tab li {width: 95px;height: 95px;color: #03c5a9;text-align: center;cursor: pointer;background: #f6f6f6;} #chairman .tab li+li { border-top: 1px solid #03c5a9;} #chairman .tab li span { display: inline-block;margin-top: 20px;margin-bottom: 5px;} #chairman .tab li.current { background: #03c5a9;color: #fff;} #chairman .tab li p { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #chairman .tab li.current p { color: #fff;} #chairman .tab li .s1 { width: 28px;height: 32px;background: url(../images/spng01_1.png) no-repeat center center;background-size: contain;} #chairman .tab li.current .s1 { background: url(../images/spng01_2.png) no-repeat center center;background-size: contain;} #chairman .tab li .s2 { width: 32px;height: 32px;background: url(../images/spng02_1.png) no-repeat center center;background-size: contain;} #chairman .tab li.current .s2{ background: url(../images/spng02_2.png) no-repeat center center;background-size: contain;} #chairman .tab li .s3 { width: 32px;height: 32px;background: url(../images/spng03_1.png) no-repeat center center;background-size: contain;} #chairman .tab li.current .s3{ background: url(../images/spng03_2.png) no-repeat center center;background-size: contain;} #chairman .box {overflow: hidden;display: none;margin-left: 15%;margin-top: 50px;} #chairman .box.show { display: block;} #chairman .box1 ,#chairman .box3{ margin-bottom: 50px;} #chairman .box1 .left {width: 60%;} #chairman .box1 .left p img {float: right;} #chairman .left h1,#chairman .box2>h1 {font-size: 24px;color: #03c5a9;font-weight: bold;margin-top: 0;} #chairman .left h2,#chairman .box2>h2 { font-size: 20px;color: #03c5a9;position: relative;margin-bottom: 50px;} #chairman .left h2:after ,#chairman .box2>h2:after { content: '';position: absolute;width: 40px;height: 3px;background: #03c5a9;left: 0;bottom: -20px;} #chairman .box1 .left .tr { text-align: right;line-height: 40px;} #chairman .box1 .right img{ width: 100%;} #chairman .box2 img {width: 90%;display: block;margin: 0 auto;} #chairman .box2 .ctx { position: relative;text-align: center;} #chairman .box2 .ctx img { width: 100%;} #chairman .box2 .ctx h3 { font-size: 12px;font-weight: bold;position: absolute;width: 155px;text-align: center;line-height: 16px;margin: 0;} #chairman .box2 .ctx .h31 { top: 4%;left: 31%;} #chairman .box2 .ctx .h32 { top: 16%;left: 31%;} #chairman .box2 .ctx .h33 { top: 28.5%;left: 31%;} #chairman .box2 .ctx span { font-size: 12px;position: absolute;} #chairman .box2 .ctx .s1 { top: 11.8%;left: 20%;} #chairman .box2 .ctx .s2{ top: 23.8%;left: 18.2%;} #chairman .box2 .ctx .s3{ top: 27.8%;left: 57.4%;} #chairman .box2 .ctx .s4{ top: 28%;left: 67%;} #chairman .box2 .ctx .s5{ top: 28%;left: 75.5%;} #chairman .box2 .ctx .s6{ top: 28%;left: 87.5%;} #chairman .box2 .ctx .s20{ top: 41.5%;left: 9.8%;width: 70px;} #chairman .box2 .ctx .s7{ top:52%;left: 2%;width: 90px;} #chairman .box2 .ctx .s8{ top: 52%;left: 16.5%;width: 90px;} #chairman .box2 .ctx .s9{ top: 59.5%;left: 6%;} #chairman .box2 .ctx .s10{ top: 59.5%;left: 19.5%;} #chairman .box2 .ctx .s11{ top: 65.5%;left: 6%;} #chairman .box2 .ctx .s12{ top: 65.5%;left: 19%;} #chairman .box2 .ctx .s13{ top: 71.5%;left: 6%;} #chairman .box2 .ctx .s14{ top: 71.5%;left: 19%;} #chairman .box2 .ctx .s15{ top: 78%;left: 6%;} #chairman .box2 .ctx .s16{ top: 78%;left: 20%;} #chairman .box2 .ctx .s17{ top: 84%;left: 6%;} #chairman .box2 .ctx .s18{ top: 84%;left: 20%;} #chairman .box2 .ctx .s19{ top: 90.4%;left: 6%;} #chairman .box2 .ctx .s21{ top: 41.5%;left: 35%;} #chairman .box2 .ctx .s22{ top: 52%;left: 36%;} #chairman .box2 .ctx .s23{ top: 59.5%;left: 38%;} #chairman .box2 .ctx .s24{ top: 65.5%;left: 37.5%;} #chairman .box2 .ctx .s25{ top: 71.5%;left: 37.5%;} #chairman .box2 .ctx .s26{ top: 40%;left: 53%;width: 90px;} #chairman .box2 .ctx .s27{ top: 51%;left: 58.5%;} #chairman .box2 .ctx .s28{ top: 57.5%;left: 58.5%;} #chairman .box2 .ctx .s29{ top: 63.5%;left: 58%;} #chairman .box2 .ctx .s30{ top: 70%;left: 58%;} #chairman .box2 .ctx .s31{ top: 76%;left: 58%;} #chairman .box2 .ctx .s32{ top: 41.5%;left: 71%;width: 90px;} #chairman .box2 .ctx .s33{ top: 51%;left: 75%;} #chairman .box2 .ctx .s34{ top: 41.5%;left: 91.5%;} #chairman .box2 .ctx .s35{ top: 51%;left: 93.5%;} #chairman .box2 .ctx .s36{ top: 57%;left: 93.5%;} #chairman .box2 .ctx .s37{ top: 63%;left: 93.5%;} #chairman .box2 .ctx .s38{ top: 69%;left: 93.5%;} #chairman .box3 .left { width: 60%;} #chairman .box3 .left img{ width: 100%;} #chairman .box3 .right { width: 35%;} #chairman .box3 .right h2 { font-size: 30px;color: #d2d2d2;text-transform: uppercase;margin-bottom: 5px;} #chairman .box3 .right h1 { font-size: 24px;color: #03c5a9;margin-top: 0;} #chairman .box3 .right>p { padding: 20px 0;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;margin: 30px 0;} #chairman .box3 ul { overflow: hidden;margin-bottom: 0;width: 35%;float: right;} #chairman .box3 ul li { box-sizing: border-box;width: 33.33%;float: left;} #chairman .box3 ul+ul { border-top: 1px solid #d2d2d2;} #chairman .box3 ul li+li { border-left: 1px solid #d2d2d2;padding-left: 15px;} #chairman .box3 ul li p { margin-bottom: 0;} #chairman .box3 .ul1 li { padding-right: 20px;padding-bottom: 20px;} #chairman .box3 .ul2 li { padding-top: 20px;padding-right: 20px;} #chairman .box3 ul li span { font-size: 26px;font-weight: bold;color: #03c5a9;} /* 品牌产品 */ #product,#aboutus,#newsCenter { height: 480px;background-repeat: no-repeat;background-size: cover;background-position: center bottom;color: #fff;text-align: center;position: relative;z-index: 2;} #product h2 ,#newsCenter h2{ font-size: 24px;margin: 30px 0;margin-bottom: 45px;text-transform: uppercase;} #product a span,#aboutus .container a span,#newsCenter .container a span { width: 22px;height: 22px;border: 1px solid #fff;display: block;margin: 0 auto;border-color: transparent transparent #fff #fff;-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);position: relative;opacity: .8; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} #aboutus { height: 680px;} #product a span:nth-child(1),#aboutus .container a span:nth-child(1),#newsCenter .container a span:nth-child(1) { -webkit-animation: load 1s infinite; animation: load 1s infinite; -webkit-animation-delay: 0.13s; animation-delay: 0.13s; } #product a span:nth-child(2),#aboutus .container a span:nth-child(2),#newsCenter .container a span:nth-child(2) { -webkit-animation: load2 1s infinite; animation: load2 1s infinite; -webkit-animation-delay: 0.36s; animation-delay: 0.36s; width: 18px;height: 18px; } #product a span:nth-child(3),#aboutus .container a span:nth-child(3),#newsCenter .container a span:nth-child(3) { -webkit-animation: load3 1s infinite; animation: load3 1s infinite; -webkit-animation-delay: 0.59s; animation-delay: 0.59s; width: 14px;height: 14px; } #product a span:nth-child(2),#aboutus a span:nth-child(2),#newsCenter a span:nth-child(2) { opacity: .6;} #product a span:nth-child(3),#aboutus a span:nth-child(3),#newsCenter a span:nth-child(3) { opacity: .6;} #type { position: relative;} #type .container {position: relative;padding-top: 190px; } #type .container>ul { overflow: hidden;display: -webkit-flex; display: -ms-flex; display: flex;padding: 30px 0;box-shadow: 0 0 10px rgba(3,176,169,.4);position: absolute;top: -30px;width: 95%;z-index: 20;background: #fff;margin-bottom: 50px;box-sizing: border-box;} #type .container>ul li { flex: 1;text-align: center;} #type .container>ul li a { font-size: 14px;color: #707070;} #type .container>ul li a:hover { color: #03c5a9;} #type .container>ul li span {width: 87px;height: 87px;background: #ddf1ff url(../images/pro1.png) no-repeat center center;display: block;margin: 0 auto;margin-bottom: 20px;background-size: 20px 52px;border-radius: 50%;} #type .container>ul li:nth-child(2) span { background: #fff2f9 url(../images/pro2.png) no-repeat center center;background-size: 40px 52px;} #type .container>ul li:nth-child(3) span { background: #d9f5e9 url(../images/pro3.png) no-repeat center center;background-size: 42px 38px;} #type .container>ul li:nth-child(4) span { background: #FFE6DB url(../images/pro4.png) no-repeat center center;background-size: 90px 90px;} #type .container>ul li.hover span { box-shadow: 0 2px 10px rgba(3,176,169,.2);} #type .container>ul li+li { background: url(../images/line.png) no-repeat left center;} #proList .box { display: none;} #proList .box.show {display: block;} #proList .box ol { padding: 30px 15px;overflow: hidden;} #proList .box ol li { width: 30%;float: left;margin-bottom: 60px;} #proList .box ol li+li { margin-left: 4%;} #proList .box ol li:nth-child(3n+1) {margin-left: 0;} #proList .box h4,#proList .box p { color: #434343;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;font-size: 12px;} #proList .box h4 { font-size: 14px;} #proList .box h4 i { font-size: 12px;font-style: normal;vertical-align: top;} #proList .box ol li .img { overflow: hidden;border: 1px solid #e5e5e5;margin-bottom: 20px;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #proList .box ol li .img img{ width: 100%;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;display: block;} #proList .box ol li:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} #proList .box ol li:hover .img { border-color: transparent;box-shadow: 0 0 10px rgba(3,176,169,.4);} #proList .box ol li:hover h4,.proList .box ol li:hover i { color: #03c5a9;} #proList .box ol li:hover p { color: #666;} .load { text-align: center;margin: 30px 0;} .load em { font-style: normal;display: inline-block;margin: 0 10px;color: #03c5a9;cursor: pointer;font-weight: normal;} .load span { width: 10px;height: 10px;display: inline-block;border-radius: 50%;background: #03c5a9;margin: 0 2px;} .load span:nth-child(1),.load span:nth-child(7) {opacity: .2;} .load span:nth-child(2),.load span:nth-child(6) {opacity: .5;} .load span:nth-child(3),.load span:nth-child(4) {opacity: 1;} .load span.cli { -webkit-animation: load 1.04s ease infinite; animation: load 1.04s ease infinite;} .load span.cli:nth-child(1) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s;} .load span.cli:nth-child(2) { -webkit-animation-delay: 0.26s; animation-delay: 0.26s;} .load span.cli:nth-child(3) { -webkit-animation-delay: 0.39s; animation-delay: 0.39s;} .load span.cli:nth-child(5) { -webkit-animation-delay: 0.39s; animation-delay: 0.39s;} .load span.cli:nth-child(6) { -webkit-animation-delay: 0.26s; animation-delay: 0.26s;} .load span.cli:nth-child(7) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s;} /* 产品详情 */ #proInfo { color: #434343;margin-top: 40px;} #proInfo .box{ overflow: hidden;} #proInfo .container { position: relative;overflow: hidden;} #proInfo .container .box>.left,#proInfo .container .box>.right { width: 48%;} #proInfo .slick-slide { box-sizing: border-box;text-align: center;} #proInfo .left .slick-slide img{ width: 100%;border: 1px solid #e5e5e5;} #proInfo .right h1 { font-size: 24px;font-weight: 500;color: #03c5a9;margin-top: 0;} #proInfo .right span { padding: 3px 15px;border-radius: 30px;color: #03c5a9;border: 1px solid #03c5a9;display: inline-block;margin: 5px 0;} #proInfo .right p { font-weight: normal;line-height: 22px;margin-top: 10px;} #proInfo .right .slider-nav { position: absolute;bottom: 20px;right: 40px;width:42%;margin-bottom: 0;padding: 0 40px;} #proInfo .right .slider-nav img { width: 95%;display: inline-block;border: 1px solid #e5e5e5;} #proInfo .right .slider-nav .slick-prev,#proInfo .right .slider-nav .slick-next { width: 15px;height: 25px;} #proInfo .right .slider-nav .slick-prev { background: url(../images/prev.png) no-repeat;background-size: contain;} #proInfo .right .slider-nav .slick-next { background: url(../images/next.png) no-repeat;background-size: contain;} .slick-prev:before , .slick-next::before { display: none;} #proInfo .right .slider-nav .slick-slide.slick-current img { border-color: #03c5a9;} #proInfo .right .slider-nav .slick-prev{left: 0px;top: 50%;margin-top: -10px;} #proInfo .right .slider-nav .slick-next { right:0px;top: 50%;margin-top: -10px;} .infoMsg { margin-top: 30px;} .infoMsg p { font-weight: normal;} #choice { overflow: hidden;padding: 30px 0;} #choice .left { width: 33.33%;} #choice .mid { float: left;width: 33.33%;} #choice .left a ,#choice .right a ,#choice .left span ,#choice .right span {display: inline-block;vertical-align: bottom;font-size: 12px;} #choice .mid { text-align: center;font-size: 12px;} #choice .right { text-align: right;font-size: 12px;} #choice .left a ,#choice .right a { color: #474747;font-size: 12px;width: 150px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #choice .left a:hover,#choice .right a:hover { color: #03c5a9;} #choice .mid a { padding: 10px 50px;color: #fff;background:#03c5a9;line-height: 22px;} #choice .mid a span { width: 16px;height: 16px;background: url(../images/squrae.png) no-repeat;display: inline-block;margin-right: 10px;vertical-align: middle;margin-top: -2px;} /* 推荐产品 */ #recommond h1 { font-size: 24px;margin: 30px 0;} #recommond .img { border: 1px solid #e7e7e7;width: 89%;margin: 0 auto;overflow: hidden;} #recommond .img img { width: 100%;display: block;} #recommond p { text-align: center;font-weight: normal;margin: 10px 0;height: 40px;font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #recommond .recoSlider { padding: 0 30px;} #recommond .recoSlider .slick-prev { left: 0;width: 15px;height: 25px;background: url(../images/prev.png) no-repeat;top: 40%;} #recommond .recoSlider .slick-next { right: 0;width: 15px;height: 25px;background: url(../images/next.png) no-repeat;top: 40%;} #recommond .slick-slide { cursor: pointer;} #recommond .slick-slide:hover .img { border: 1px solid #03c5a9; } #recommond .slick-slide:hover img {-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #recommond .slick-slide:hover p { color: #03c5a9;} /*新闻中心*/ #news { padding: 50px 0;} #news .container { position: relative;} #news .container .bigsquare { background: #03c5a9;color: #fff;text-align: center;position: absolute;left: 15px;top: -135px;padding: 10px 0;z-index: 22;border-top-left-radius: 10px;border-top-right-radius: 10px;width: 17.5%;} #news .container .bigsquare h1 { font-size: 24px;} #news .container .bigsquare p { font-size: 18px;color: #fff;text-transform: uppercase;} #news .container>.left { width: 18%;} #news .container>.right { width: 75%;} #news .left h1 { font-size: 16px;margin: 0;text-align: center;padding: 12px 0;position: relative;} #news .left h1 a { color: #03c5a9;} #news .left h1.current { background: #f0fcff;} #news .left h1.current::before { content: '';width: 3px;height: 100%;background: #03c5a9;position: absolute;top: 0;left: 0;} #news .left .menu {margin: 5px 0;} #news .left .menu a { display: block;text-align: center;padding: 9px 0;color: #959595;font-weight: normal;position: relative;} #news .left .menu a:hover{ color: #666;} #news .left .menu a span { width: 6px;height: 10px;background: url(../images/r.png) no-repeat;background-size: contain;position: absolute;right: 25%;top: 14px;display: none;} #news .left .menu a:hover span { display: block;} #news .left .menu a.current span { display: block;} #news .right .top { overflow: hidden;} #news .right .top .topL { float: left;width: 100%;} #news .right .top .text { float: right;width: 55%;} #news .right .top .topL img { width: 40%;display: inline-block;} #news .newSlider { margin-bottom: 0;position: relative;} .newSlider,.newSlider .slick-slide, .newSlider .slick-slide a,.newSlider .slick-track,.newSlider .slick-list { height: 100%;} #news .newSlider .slick-dots { bottom: -5px;width: auto;left: 20%;-webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);} #news .newSlider .slick-dots li button:before { display: none;} #news .newSlider .slick-dots li button { background: #fff;border-radius: 50%;width: 3px;height: 3px;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #news .newSlider .slick-dots li { width: 8px;} #news .newSlider .slick-dots li.slick-active button{ background: none;border:2px solid #03c5a9;padding: 3px;} #news .right .top .text h1 { font-size: 16px; margin-top: 0;} #news .right .top .text h1 a{ font-size: 16px;color: #03c5a9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;} #news .right .top .text h2 { font-size: 12px;margin-top: 0;} #news .right .top .text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 66px; line-height: 22px; } #news .right .top .text .msg { position: absolute;top: 91%;left: 45%;font-weight: normal;float: left;width: 55%;} #news .right .top .text .msg a { color: #ec9d3a;font-weight: normal;float: left;color: #ec9d3a;font-size: 14px;} #news .right .top .text .msg a:hover {text-decoration: underline;} #news .right .top .text span { float: right;font-size: 14px;} #news .right .top .text span.time { padding-right: 20px;} #news .right .top .text span.views { padding-left: 20px;border-left: 1px solid #d3d3d3;} #news .right .bread { margin: 50px 0;padding-bottom: 15px;border-bottom: 1px solid #b5b5b5;font-size: 16px;font-weight: normal;color: #7d7d7d;margin-bottom: 0;} #news .right .bread a { color: #03c5a9;margin-right: 5px;} #news .right .bread a:hover {color: #03c5a9;} #news .right .bread span {margin-left: 5px;font-size: 14px;} #news .list { overflow: hidden;padding: 25px 20px;border-bottom: 1px dashed #cecece;height: 135px;box-sizing: content-box;cursor: pointer;padding-top: 40px;} .bdshare-button-style0-16 a { margin: 0 6px!important;} .bdshare-button-style0-16 a:hover { opacity: .5; filter: alpha(opacity=50);} .bdshare-button-style0-16 .bds_tsina{ width: 21px;height: 18px;background: url(../images/weibo.png) no-repeat 0 0!important;background-size: contain;} .bdshare-button-style0-16 .bds_tsina:hover { background: url(../images/weibo2.png) no-repeat 0 0!important;background-size: contain;} .bdshare-button-style0-16 .bds_weixin{ width: 22px;height: 18px;background: url(../images/weichat.png) no-repeat 0 0!important;background-size: contain;} .bdshare-button-style0-16 .bds_weixin:hover { background: url(../images/weichat2.png) no-repeat 0 0!important;background-size: contain;} .bdshare-button-style0-16 .bds_sqq{ width: 18px;height: 18px;background: url(../images/qq.png) no-repeat 0 0!important;background-size: contain;} .bdshare-button-style0-16 .bds_sqq:hover { background: url(../images/qq2.png) no-repeat 0 0!important;background-size: contain;} #news .list .infoLeft,#news .titl { width: 115px;text-align: center;font-weight: normal;float: left;} #news .list .infoLeft .date{ border: 1px solid transparent;background: #edfcf9;} #news .topper .titl .date { background: #edfcf9;padding: 10px;} #news .list .infoLeft .date span,#news .topper .titl .date span {color: #666;display: block;margin-top: 15px;} #news .list .infoLeft .date p,#news .topper .titl p {color: #03c5a9;font-size: 40px;} #news .list .infoLeft>p { margin-top: 10px;color: #666;font-size: 12px;} #news .list .infoRight { width: 80%;float: right;} #news .list .infoRight h1 { font-size: 16px;color: #03c5a9;margin-top: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #news .list .infoRight h2 ,#news .topper .titr h2{ font-size: 12px;color: #434343;margin-top: 0;} #news .list .infoRight p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 22px;height: 44px;font-size: 12px;} #news .list .infoRight span { color: #ec9d3a;font-weight: normal;margin-top: 7px;display: inline-block;} #news .list .infoRight span:hover{ text-decoration: underline;cursor: pointer;} #news .list:hover { background: #edfcf9;} /*#news .load { margin: 0;padding-bottom: 30px;}*/ #news .topper { overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 0 50px;padding-bottom: 30px;} #news .topper .titr { width: 80%;float: right;} #news .topper .titr h1 { font-size: 24px;color: #03c5a9;margin-top: 0;} #news .topper .share { margin-top: 30px;overflow: hidden;} #news .topper .share em { font-style: normal;float: left;} #news .topper .share span { float: right;} #news .newsContent { margin-top: 20px;padding: 0 50px;padding-bottom: 30px;position: relative;border-left: 1px solid #e5e5e5;} #news .newsContent:before { content: '';width: 1px;height: 100px;background: #e5e5e5;position: absolute;top: -85px;left: -1px;} #news .newsContent img{ width: 100%!important;display: inline-block;margin-bottom: 20px;height: auto!important;} #news .newsContent p { text-indent: 30px;line-height: 22px;color: #434343;} #news .newsContent p img { text-indent: 0!important;} #news .newsContent .font_right { text-align: right;margin-top: 20px;} /*景峰专栏*/ #news .columnTop { padding-bottom: 10px;border-bottom: 1px solid #b5b5b5;} #news .columnTop,#news .columnTop a { color: #666;font-size: 18px;font-weight: normal;} #news .columnTop,#news .columnTop a.current { color: #03c5a9;} #news .columnTop span { display: inline-block;margin: 0 40px;width: 1px;height: 14px;background: #03c5a9;padding-top: 5px;} #news .newspaper { overflow: hidden;margin: 50px 0;} #news .newspaper li { width: 30%;float: left;margin-bottom: 40px;} #news .newspaper li+li { margin-left: 4%;} #news .newspaper li .img { border: 17px solid #f0fcff;background: #f0fcff;position: relative;} #news .newspaper li .img img { width: 100%;display: block;} #news .newspaper .zhe { width: 100%;height: 100%;background: rgba(0,0,0,.7) url(../images/eye.png) no-repeat center center;position: absolute;top: 0px;left: 0px;display: none;} #news .newspaper li:hover .zhe { display: block;} #news .newspaper li p { margin-top: 20px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #news .newspaper li:hover p { color: #666;} #news .newspaper li:nth-child(3n+1) { margin-left: 0;} /*#news .scale .img { overflow: hidden;} #news .scale img { width: 100%;} #news .scale { padding: 20px;} #news .scale li { padding: 5px; } #news .scale li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5);} #news .scale li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}*/ /*大事记*/ #news .yearSlider { padding: 40px;} #news .yearSlider .slick-prev { width: 25px;height: 25px;background: url(../images/l1.png) no-repeat;background-size: contain;left: 0;top: 34%;z-index: 23;} #news .yearSlider .slick-next { width: 25px;height: 25px;background: url(../images/r1.png) no-repeat;background-size: contain;right: 0;top: 34%;} #news .yearSlider .slick-slide { text-align: center;} #news .yearSlider .slick-slide p{ border-right: 1px solid #03c5a9; cursor: pointer;} #news .yearSlider .slick-slide span {padding-bottom: 5px;color:#03c5a9;} #news .yearSlider .slick-slide.slick-current span { border-bottom: 2px solid #03c5a9;} #news .textSlider .slick-slide ul li { padding-bottom: 40px;} #news .textSlider .slick-slide .text { position: relative;padding-left: 50px;} #news .textSlider .slick-slide .text .time { width: 50px;height: 50px;border-radius: 50%;position: absolute;top: -10px;left: -25px;color: #fff;line-height: 50px;text-align: center;font-size: 16px;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;border: 2px solid #03c5a9;} #news .textSlider .slick-slide .text .time span { position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);width: 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} #news .textSlider .slick-slide .text .time:before { content: ' ';width: 50px;height: 50px;background: #03c5a9;border-radius: 50%;position: absolute;top: -2px;left: -2px;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #news .textSlider .slick-slide .text p { margin-bottom: 0;line-height: 30px;} #news .textSlider .slick-list { padding-left: 25px;padding-top: 25px;} #news .textSlider .slick-slide .text:hover .time:before { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } #news .textSlider .slick-slide .text:hover .time { border: 2px solid #03c5a9;} /*点击加载更多*/ #news .textSlider .slick-slide ul li { display: none;} #news .textSlider .slick-slide ul { border-left: 1px solid #03c5a9;} #news .textSlider .slick-slide ul li.show { display: block;} @-webkit-keyframes rotate { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @-moz-keyframes rotate { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @-ms-keyframes rotate { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @-o-keyframes rotate { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @keyframes rotate { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } #news .right .video, #news .right .image{ display: none;} #news .right>ul { margin: 50px 0;overflow: hidden;} #news .right>ul li { width: 30%;float: left;margin-bottom: 40px;-webkit-transition: all .25s ; -moz-transition: all .25s ; -ms-transition: all .25s ; -o-transition: all .25s ; transition: all .25s ;} #news .right>ul.video.show,#news .right>ul.image.show { display: block!important;} #news .right>ul li+li { margin-left: 5%;} #news .right>ul li:nth-child(3n+1) { margin-left: 0;} #news .right>ul li img { width: 100%;display: block;-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} #news .right>ul li .img { position: relative;} #news .right>ul li p { font-size: 14px;color: #434343;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;} #news .right>ul li span { font-size: 12px;color: #434343;} #news .right>ul li .zhe { width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0; filter: alpha(opacity=);-webkit-transition: all .25s ; -moz-transition: all .25s ; -ms-transition: all .25s ; -o-transition: all .25s ; transition: all .25s ;background: rgba(0,0,0,.5) url(../images/play.png) no-repeat center center;} #news .right>ul li:hover p { color: #03c5a9;} #news .right>ul li:hover .zhe { background: rgba(0,0,0,.5) url(../images/play.png) no-repeat center center;opacity: 1; filter: alpha(opacity=);} #news .right>ul.image li:hover .zhe { background: rgba(0,0,0,.5) url(../images/eye.png) no-repeat center center;display: block;} #news .right>ul.image li:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95);box-shadow: 0 0 5px rgba(0,0,0,.5);} .overlay { width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;display: none;} #videolay { width: 45%;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);padding: 20px;background: #fff;z-index: 10000;display: none;-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} #videolay .container {height: 100%;} #videolay .videoBox { width: 100%;} #videolay .videoBox .title { font-size: 24px;color: #03c5a9;text-align: center;} #videolay .videoBox .time { font-weight: normal;font-size: 16px;display: block;text-align: center;margin: 10px 0;} #videolay .videoBox video { width: 100%;display: block;} #videolay .videoBox .chioce { margin-top: 20px;overflow: hidden;} #videolay .videoBox a { font-size: 14px;color: #434343;font-weight: normal;} #videolay .left span,#videolay .right span { display: none;} #videolay .videoBox a:hover { color: #03c5a9;} #videolay .videoBox .closes { width: 32px;height: 32px;background: url(../images/close.png) no-repeat;background-size: contain;position: absolute;top: 20px;right: 20px;cursor: pointer;} .imglay { height: 0;overflow: hidden;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: 10000;} .imglay .box{ width: 649px;height: 460px;padding: 20px;} .imglay .box .inner { padding: 20px;position: relative;background: #fff;} .imglay .slick-slide img { width: 100%;display: block;} .imglay .imgslider .slick-prev,.imglay .imgslider .slick-next { z-index: 22;width: 48px;height: 48px;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .imglay .imgslider .slick-prev,.imglay .imgslider .swiper-button-prev { left: 0;background: url(../images/l5_2.png) no-repeat;background-size: contain;} .imglay .imgslider .slick-prev:hover { background: url(../images/l5_2.png) no-repeat;background-size: contain;} .imglay .imgslider .slick-next,.imglay .imgslider .swiper-button-next { right: 0;background: url(../images/r5.png) no-repeat;background-size: contain;} .imglay .imgslider .slick-next:hover { background: url(../images/r5.png) no-repeat;background-size: contain;} .imglay .imgslider .slick-dots { position: absolute;height: 40px;line-height: 40px;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);margin-bottom: 0;} .imglay .imgslider .slick-dots li { width: auto;height: auto;} .imglay .imgslider .slick-dots li button { color: #fff;font-size: 14px;display: none;width: auto;height: auto;background: none;padding: 0;} .imglay .imgslider .slick-dots li button:before { display: none;} .imglay .imgslider .slick-dots li.slick-active button { color: #fff;font-size: 14px;display: block;} .imglay .imgslider .slick-dots li.slick-active {position: absolute;top: 50%;right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .imglay .closes { right: -16px;top:-16px;background: url(../images/close2.png) no-repeat;background-size: contain;width: 32px;height: 32px;position: absolute;cursor: pointer;} /*swiper*/ .imglay .swiper-slide img { width: 100%;} .imglay .imgslider { position: relative;} .imglay .imgslider .text { position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;line-height: 30px;text-align: right;color: #fff;background: rgba(0,0,0,.5);z-index: 55;padding-right: 20px;box-sizing: border-box;} .imglay .imgslider .swiper-pagination { bottom: 0;background: rgba(0,0,0,.5);height: 30px;line-height: 30px;text-align: right;color: #fff;} .imglay .imgslider .swiper-pagination span { background: none;color: #fff;} .imglay .imgslider .swiper-button-prev,.imglay .imgslider .swiper-button-next { width: 32px;height: 32px;} .imglay .imgslider .swiper-button-prev.swiper-button-disabled,.imglay .imgslider .swiper-button-next.swiper-button-disabled { opacity: 1;} .imglay .imgslider .swiper-button-prev.swiper-button-disabled { background: url(../images/l5.png) no-repeat;background-size: contain;} .imglay .imgslider .swiper-button-next.swiper-button-disabled { background: url(../images/r5_1.png) no-repeat;background-size: contain;} .slider-nav .slick-slide { cursor: pointer;} @media (max-width: 1440px){ #aboutus .container h1 { font-size: 52px;} #aboutus .container h2 { font-size: 26px;} } @media (max-width: 1290px) { #chairman .tip { left: -10px;} #news .topper { padding: 0 20px;padding-bottom: 30px;} .profileslider { width: 95%;margin: 0 auto;} #compoProfile .tit { right: 40px;} .profileslider .slick-prev { left: -30px;} .profileslider .slick-next { right: -30px;} #chairman .box2 .ctx .h51 { left: 10%;} } @media (max-width: 1200px) { #chairman .box1 .left { margin-left: 0;width: 70%;} #choice .mid a {padding: 10px 30px;} #retwo .part1 .left { width: 35%;} #retwo .part1 .right { width: 62%;} #talent .text { padding: 40px 20px ;} #hospital .hoslider .left { width: 45%;} #hospital .hoslider .right { width: 50%;} #plan .column { padding-bottom: 35px;} #plan .column ul { position: relative;} #plan .column li:nth-child(1) { float: left;} #plan .column li:nth-child(2) { float: right;} #plan .column li:nth-child(3) {width: 40%;margin: 0 auto;clear: both;position: absolute;top: 0;left: 46%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} #plan .column .container {padding-left: 0;padding-right: 0;} } @media (max-width: 1160px){ #plan .column ul li { float: none;width: 100%;text-align: center;margin-bottom: 10px;margin-right: 0;} #plan .column { padding: 10px;} #plan .column li:nth-child(3) { position: static;top: auto;-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);width: 100%;margin-bottom: 10px;} } @media (max-width: 1125px) { #chairman .box { margin-left: 20px;} #chairman .tab ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: center;} #chairman .tab { position: relative;top: auto;left: auto;margin-bottom: 30px;} #chairman .tab li { float: left;margin: 0 30px;} #chairman .box1 .right img { margin-top: 0;} /*#chairman .box2 .ctx .s19{ top: 90%;left: 6%;}*/ } @media (max-width: 1024px) { #compoProfile .topText {padding: 80px 0;} #compoProfile .topText:before { top: 0px;} #compoProfile .topText:after { bottom: 20px;} .deveSlider { padding: 0 50px;} .deveSlider .slick-prev {left: 20px;} .deveSlider .slick-next {right: 20px;} #culture .left h1 ,#culture .left h2{ font-size: 40px;} #culture .left { width: 30%;} #develop .box {padding: 20px 0 50px 10px;} #chairman .box2 img { width: 100%;} #news .right .top .text span.time,#news .right .top .text span.views {display: none;} #news .topper .titr { width: 76%;} #news .topper .titr h1 { font-size: 20px;} #choice { position: relative;} #choice .left ,#choice .right { float: none;width: 100%;text-align: left;margin-bottom: 20px;} #choice .mid { float: right;margin-top: -20px;width: 100%;text-align: right;} #choice .left a, #choice .right a { width: 60%;} #videolay { width: 85%; } #team .right h3 { margin-bottom: 20px;} .profileslider .slick-list { padding: 30px 0;padding-bottom: 80px;} .profileslider .left,.profileslider .right { width: 100%;float: none;} .profileslider .left .line ,#compoProfile .container .name{ display: none;} .profileslider .right { margin: 0; padding-top: 100px;padding-bottom: 80px;} .profileslider .right:before { top: 30px;left: 10px;} .profileslider .right:after { right: 10px;bottom: 20px;} .profileslider .slick-prev { bottom: 10px;margin-top: 50px;left: 25%;width: 56px;height: 56px;background: url(../images/l4.png) no-repeat;background-size: contain;z-index: 10;} .profileslider .slick-next { bottom: 10px;margin-top: 50px;right: 25%;width: 56px;height: 56px;background: url(../images/r4.png) no-repeat;background-size: contain;z-index: 10;} #compoProfile .tit { position: relative;} #reone .container>p { width: 95%;} #resour1 .box .left p { margin-bottom: 20px;} #result .timeslider .text p ,#result .timeslider2 .text p { font-size: 14px;} #result .timeslider .slick-list,#result .timeslider2 .slick-list { padding: 170px 0;} #result .line { top: 497px;} #hospital .hoslider .left { width: 100%;} #hospital .hoslider .right { width: 100%;} #hospital .hoslider .slick-list { margin: 0 90px;} #hospital .hoslider .slick-prev { width: 70px;height: 70px;background: url(../images/l4.png) no-repeat;background-size: contain;} #hospital .hoslider .slick-next { width: 70px;height: 70px;background: url(../images/r4.png) no-repeat;background-size: contain;} #hospital .hoslider .right h3 { margin-top: 80px;} #hospital .hoslider .slick-dots { bottom: auto;top: 68%;} #contact .left { width: 40%;} #contact .right { margin-right: 0;width: 45%;} #rethree h3 { font-size: 18px;} #rethree .right p {margin-bottom: 5px;} #rethree .right { width: 60%;} #result { padding-top: 30px;} .xubox_layer { top: 50%!important;width: 60%!important;-webkit-transform: translate(-50%,-50%)!important; -moz-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; -o-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important;margin-left: 0!important;max-height: 435px;} .xubox_iframe { width: 100%!important;} } @media (max-width:983px){ #hospital .hoslider .slick-dots {top: 64%;} .xubox_layer { max-height: 400px;} } @media (max-width:992px){ #proList .box h4 { font-size: 16px;} #proList .box p { font-size: 12px;} #aboutus .part .p1 { bottom: 10%;} #aboutus .part .p2 { top: 0%;} #aboutus .part .p3 { bottom: -2%;} #aboutus .part .p4 { bottom: 9%;} #aboutus .part .p5 { top: 18%;right: 19%;} #aboutus .part .p6 { bottom: -5%;right: 7%;} #aboutus .part .p7 { top: 0;right: 10px;} #culture .right { top: 10px;} #culture .right .h1 { padding-top: 70px;margin-top: 0;} #culture .right .h1 span { top: 20px;} #chairman .box1 .left { width: 65%;} #news .right .top .text h1 {font-size: 16px;} #news .right .top .text h2 {margin-top: 5px;} #news .right .top .text h2 ,#news .right .top .text p{font-size: 12px;} #news .right .top .text .msg {top: 88%;} #news .list .infoRight {width: 75%;} #news .left .menu a span { right: 15%;} #team .slider-nav {width: 70%;} #interaction .content .info ul li p{ font-size: 14px;} #resour1 .left img { margin-top: 40px;} #talent .left .line1 { top: 90px;} #talent .left .line2 { top: 30px;} #talent .left ,#talent .right{ width: 100%;margin-bottom: 30px;} #center1 h1 { font-size: 26px;} .address .other ul li { width: 50%;} .address .other ul li:nth-child(2n+1) { clear: both;} .address .other ul li:nth-child(3n+1) { clear: none;float: left;} } @media (max-width:940px) { #culture .culSlider { padding: 12px 20px;} #team .right div.part p { margin-bottom: 5px;} #team .right div.part { margin-top: 15px;padding-top: 15px;} .xubox_layer { max-height: 380px;} } @media (max-width: 900px) { .xubox_layer { max-height: 360px;} #chairman .box3 ul { clear: both;width: 60%;margin: 0 auto;display: block;} #chairman .container { padding: 0;} #team .right { width: 50%;} #reone .part1 .right h3, #reone .part2 .left h3 { margin-top: 0;} #reone .part1 .right , #reone .part2 .left { top: 0;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);position: relative;} #hospital .hoslider .slick-dots {top: 62%;} #chairman .box2 .ctx h3,#chairman .box2 .ctx span,#chairman .box2 .ctx .s20,#chairman .box2 .ctx .s7,#chairman .box2 .ctx .s26,#chairman .box2 .ctx .s32,#chairman .box2 .ctx .s8{ width: 20px;} #chairman .box2 .ctx .h31 { top: 45%;left: 5%;} #chairman .box2 .ctx .h32 { top: 45%;left: 15.5%;} #chairman .box2 .ctx .h33 { top: 41%;left: 26%;} #chairman .box2 .ctx .s1 { top: 79%;left: 10%;} #chairman .box2 .ctx .s2 { top: 78%;left: 20%;} #chairman .box2 .ctx .s3 { top: 19%;left: 6.5%;} #chairman .box2 .ctx .s4 { top: 19%;left: 12.5%;} #chairman .box2 .ctx .s5 { top: 17%;left: 18.5%;} #chairman .box2 .ctx .s6 { top: 19%;left: 25%;} #chairman .box2 .ctx .s34 { top: 5%;left: 40%;} #chairman .box2 .ctx .s35 { top: 5%;left: 62%;} #chairman .box2 .ctx .s36 { top: 5%;left: 68%;} #chairman .box2 .ctx .s37 { top: 5%;left: 74%;} #chairman .box2 .ctx .s38 { top: 5%;left: 80%;} #chairman .box2 .ctx .s32 { top: 17%;left: 40%;line-height: 12px; } #chairman .box2 .ctx .s33 { top: 19%;left: 62%; } #chairman .box2 .ctx .s26 { left: 40%;top: 33%;line-height: 12px; } #chairman .box2 .ctx .s27 { top: 35%;left: 62.5%;} #chairman .box2 .ctx .s28 { top: 35%;left: 68.5%;} #chairman .box2 .ctx .s29 { top: 35%;left: 74.5%;} #chairman .box2 .ctx .s30 { top: 35%;left: 80.5%;} #chairman .box2 .ctx .s31 { top: 35%;left: 86.5%;} #chairman .box2 .ctx .s21 { top: 50%;left: 38.5%;} #chairman .box2 .ctx .s22 { top: 51%;left: 50.5%;} #chairman .box2 .ctx .s23 { top: 50.5%;left: 62.5%;} #chairman .box2 .ctx .s24 { top: 50.5%;left: 68.5%;} #chairman .box2 .ctx .s25 { top: 50.5%;left: 74.5%;} #chairman .box2 .ctx .s20 { top: 76%;left: 39%;} #chairman .box2 .ctx .s7 { top: 86%;left: 50%;} #chairman .box2 .ctx .s8 { top: 67%;left: 49.5%;} #chairman .box2 .ctx .s10 { top: 68.5%;left: 62.5%;} #chairman .box2 .ctx .s12 { top: 68%;left: 68.5%;} #chairman .box2 .ctx .s14 { top: 68%;left: 74.5%;} #chairman .box2 .ctx .s16 { top: 69%;left: 80.5%;} #chairman .box2 .ctx .s18 { top: 69%;left: 86.5%;} #chairman .box2 .ctx .s9 { top: 87.5%;left: 62.5%;} #chairman .box2 .ctx .s11 { top: 87.5%;left: 68.5%;} #chairman .box2 .ctx .s13 { top: 87.5%;left: 74.5%;} #chairman .box2 .ctx .s15 { top: 87.5%;left: 80.5%;} #chairman .box2 .ctx .s17 { top: 87.5%;left: 86.5%;} #chairman .box2 .ctx .s19 { top: 87.5%;left: 92.5%;} } @media (max-width: 865px) { #chairman .box1 .left { width: 60%;margin-top: 0;} #news .list .infoRight { width: 72%;} #news .topper .titr { width: 72%;} #reone .part1 .right h3, #reone .part2 .left h3 { margin-bottom: 5px;} #reone .part1 .left { width: 42%;} #reone .part1 .right { width: 56%;} #hospital .hoslider .slick-dots {top: 60%;} #contact .right .subline .code input { width: 30%;} .xubox_layer { max-height: 340px;} } @media (max-width: 820px) { #proInfo .right p { height: 88px;overflow: hidden;} #culture .left h1, #culture .left h2 { font-size: 30px;} #culture .left {width: 24%;} #culture .right { width: 65%;top: 50px;} #team .right h3 { font-size: 20px;margin-bottom: 10px;margin-top: 30px;font-size: 24px;} #team .smallimg { margin-top: 20px;} #hospital .hoslider .slick-dots {top: 55%;} #contact .right { width:50%;} } @media (max-width: 768px){ .xubox_layer { max-height: 320px;} } @media (max-width: 767px) { #plan .box .img3 { margin-top: -20px;} #plan .box>p { height: auto!important;} #proInfo .container .box>.left ,#proInfo .container .box>.right { width: 100%;float: none;} #proInfo .right .slider-nav { position: relative;width: 100%;right: 0;box-sizing: border-box;} .infoMsg { margin-top: 0;} #proInfo .right p { height: auto;} #recommond p { font-size: 14px;} #proInfo .right h1 { margin-top: 30px;margin-bottom: 15px;} #proList .box ol li { width: 48%;} #proList .box ol li+li { margin-left: 4%;} #proList .box ol li:nth-child(2n+1){margin-left: 0;} #proList .box ol li:nth-child(even) { margin-left: 4%;} #type .container>ul { width: 92%;} #type .container>ul li span { width: 70px;height: 70px;background-size: 12px 35px ;} #type .container>ul li:nth-child(2) span { background-size: 30px 40px;} #type .container>ul li:nth-child(3) span { background-size: 30px 26px;} #type .container { padding-top: 150px;} #proList .box ol { padding: 30px 0;} #aboutus .part { display: none;} #develop .box .top { width: 95%;} #team .left,#team .right { width: 100%;float: none;} #team .slider-nav {position: relative;width: 100%;box-sizing: border-box;right: 0;margin-top: 30px;bottom: 0;} #culture {height: 1544px;background: url(../images/culture2.jpg) no-repeat;background-size: cover;} #culture .left ,#culture .right { width: 100%;float: none;position: relative;right: 0;top: 0;} #culture .left h1, #culture .left h2 {font-size: 56px;} #develop .deve{ padding-top: 0px;min-height: 350px;} #develop .deve .slick-slide{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} #culture { height: 1220px;} #develop h1 {margin-bottom: 30px;} #chairman .box1 .left {width: 100%;float: none;margin-top: 80%;} #chairman .box1 .right { width: 50%;} #chairman .tip { left: 10px;width: 35%;} #chairman .tip h1 {font-size: 38px;} #chairman .tip h2 { font-size: 24px;} #chairman .tip h2:after { height: 40vh;} #chairman .box {margin-top: 60px;} #chairman .box2 img {margin-top: 0px;} #chairman .box2 { margin-top: 0;} #chairman .box2 .tip h2:after {height: 10vh;} #chairman .box3 .left,#chairman .box3 .right {width: 100%;float: none;} #chairman .box3 ul { float: left;width: 100%;} #news .container>.left {width: 100%;} #news .left h1,#news .left .menu a span { display: none;} #news .left .menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: center;margin: 0 15px;padding-bottom: 10px;border-bottom: 1px solid #d3d3d3;margin-bottom: 20px;} #news .left .menu a { margin: 0 6%;} #news .left .menu a.current { background: #f0fcff;color: #03c5a9;padding:9px 15px;border-radius: 30px;} #news .left .menu a.current span { display: none;} #news .container>.right {width: 100%;} #choice .container {position: relative;padding-bottom: 50px;} #news .list .infoRight,#news .topper .titr { width: 78%;} #choice {padding-bottom: 40px;} #choice .mid { position: absolute;right:50%;bottom: 8px;-webkit-transform: translateX(15%); -moz-transform: translateX(15%); -ms-transform: translateX(15%); -o-transform: translateX(15%); transform: translateX(15%);} #choice .left,#choice .right { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #news .topper { padding: 0 ;margin: 0 15px;border-bottom: none;} #news .newsContent {border-left: none;padding: 0 15px;padding-bottom: 30px;border-top: 1px solid #e5e5e5e5;padding-top: 30px;} #news .newsContent:before {display: none;} #news .container { padding: 0;} .secolum { display: none!important;} #news .newspaper li+li { margin-left: 4%;} #news .newspaper li:nth-child(3n+1) { margin-left: 4%;} #news .newspaper li:nth-child(2n+1) { margin-left: 0;} #news .newspaper li { width: 48%;} #news .container .bigsquare {display: none;} #news .right>ul li { width: 48%;} #news .right>ul li+ li { margin-left: 4%;} #news .right>ul li:nth-child(3n+1) { margin-left: 4%;} #news .right>ul li:nth-child(2n+1) { margin-left: 0;} #news .right>ul li p { font-size: 16px;} #videolay .videoBox { width: 95%;padding: 10px;} #videolay .videoBox .time { font-size: 14px;} #videolay .videoBox .title { font-size: 20px;} #proInfo .right h1 { font-size: 18px;} #type .container>ul {padding: 15px 0;} #compoProfile img { padding: 0;} #develop .deveSlider .text { position: relative;} #develop .deveSlider,#develop .deveSlider .slick-list,#develop .deveSlider .slick-track { height: auto;} #culture .culSlider { width:100%;right: 0px;} #culture .culSlider .slick-prev,#culture .culSlider .slick-next { bottom: -15px;} #culture .culSlider .slick-next { right: 0;} #culture .culSlider .slick-prev { right: 30px!important;} #culture .left h1 { margin-top: 50px;} #culture .left h3 { margin-bottom: 50px;} #develop .deveSlider .year { font-size: 36px;padding-bottom: 40px;} #develop { padding-bottom: 0;} #compoProfile, #develop, #team { padding: 30px 0;padding-bottom: 0;} #chairman .container { padding: 0;} #chairman .box3,#chairman .box1 { padding: 0 15px;} #choice .left a, #choice .right a { width: 75%;} #choice .left a, #choice .right a {font-size: 14px;} #news .container>.right {padding: 0 15px;} #news .left .menu a span,#news .left .menu a.current span,#news .left .menu a:hover span { display: none;} #videolay .videoBox .chioce .left,#videolay .videoBox .chioce .right {float: none;margin-top: 5px;} #videolay { width: 95%;} #team .slider-nav { width: 80%;} #compoProfile h2, #develop h2, #team h2 { font-size: 24px;margin-bottom: 0;} #reone .part .left, #reone .part .right { width: 100%;float: none;} #reone .part1 .right h3, #reone .part2 .left h3 { margin-top: 20px;} #retwo .part1 .left,#retwo .part2 .left { position: static;width: 100%;float: none;top: auto;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} #retwo .part1 .right ,#retwo .part2 .right { position: static;width: 100%;float: none;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} #retwo .part h3 {font-size: 22px;margin-top: 20px;} #retwo .container { padding-right: 0!important;padding-left: 0!important;} #rethree .left { width: 65%;float: none;} #rethree .right { width: 100%;float: none;position: static;top: auto;left: auto;-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} #rethree .slick-list { padding-bottom: 70px;margin-top: 30px;overflow: visible;} #interaction .content .info ul li:nth-child(1), #interaction .content .info ul li:nth-child(2), #interaction .content .info ul li:nth-child(3), #interaction .content .info ul li:nth-child(4), #interaction .content .info ul li:nth-child(5) { width: 100%;} #interaction .content { margin: 35px 0;} #interaction .content .info { padding-left: 15px;} #relatype .container>ul li { width: 25%;margin: 0 10px;} #relatype dl dd h1 { font-size: 16px;} #relatype dl dt .top { font-size: 22px;} #relatype dl dt .bot { font-size: 12px;} #relatype dl dt { width: 70px;height: 60px;} #relatype dl i {font-size: 14px;} #relatype dl { padding-left: 80px;} #page ul li { font-size: 14px;margin: 0;} #page a { font-size: 14px;} #resour1 .left,#resour1 .right { width: 100%;} #resour1 .box .left p { margin-bottom: 10px;} #resour1 .left img { margin-top: 20px;} #resour1 .right h4 { font-size: 18px;} #resour1 .right p { font-size: 14px;} #center1 p { clear:both;} #center1 .box img { width: 50%;float: left;} #center1 .box ul { float: right;width: 45%;text-align: center;border-bottom: none;padding: 20px 0;} #center1 .box ul li { float: none;margin: 0 auto;} #center1 .box ul li {width: 63px;height: 64px;background: url(../images/research03.png) no-repeat;background-size: contain;} #center1 .box ul li+li { margin-top: 20%;} #center1 .box ul li:nth-child(2) { background: url(../images/research04.png) no-repeat;background-size: contain;} #center1 .box ul li:nth-child(3) { background: url(../images/research05.png) no-repeat;background-size: contain;} #center1 .box ul li:nth-child(4) { background: url(../images/research06.png) no-repeat;background-size: contain;} #result .container>p { width: 100%;} #patent .box .left { position: static;bottom: auto;} #patent .box .left,#patent .box .right{width: 100%;} #patent .box .left ul li { float: left;width: 20%;vertical-align: bottom;} #patent .box .left ul li+li {width: 20%;margin-top: 15px;} #patent .box .right ul { margin-top: 20px;} #patent .box .right ul li { margin-left: 20px;} #patent .box .left ul li p { font-size: 12px;} #patent .container>p { margin-bottom: 0;} .deslider .slick-list { padding-bottom: 100px;margin: 0;} .deslider .slick-prev { width: 70px;height: 70px;background: url(../images/l4.png) no-repeat;background-size: contain;left: 25%;top: 88%;} .deslider .slick-next { width: 70px;height: 70px;background: url(../images/r4.png) no-repeat;background-size: contain;right: 25%;top: 88%;} .deslider .slick-slide .top p, .deslider .slick-slide .bot p {font-size: 14px;} #plan .box .img1 { width: 100%;margin-left: 0;} #plan .box .img2 { width: 48%;margin-left: 4%;} #plan .box .img3 { width: 48%;margin-left: 0;} #contact .left { width: 100%;margin-top: 120px;} #contact .left h1 { font-size: 26px;} #contact .left h2 { font-size: 16px;margin-bottom: 30px;} #contact .right { width: 100%;margin-top: 50px;} #contact {padding-bottom: 60px;} .address .left,.address .right { width: 100%;} #recruitment .container { width: 100%;max-width: 100%;padding: 0;margin: 0;} #chairman .box2 .ctx .s26 { top: 32%;} #resour1 .right img { width: auto;} #recommond .recoSlider .slick-prev { top: 25%;} #recommond .recoSlider .slick-next { top: 25%;} #hospital .hoslider .slick-list { margin: 0;} #hospital .hoslider .left { margin: 0 auto;float: none;width: 65%;} } @media (max-width: 740px) { #hospital .hoslider .slick-dots {top: 52%;} #plan h1 {font-size: 16px;line-height: 22px;} #recruitment .box .dt ,#recruitment .title{ padding: 20px 10px;} #recruitment .box .dd { padding-left: 10px;} .xubox_layer { top: 50%!important;width: 90%!important;-webkit-transform: translate(-50%,-50%)!important; -moz-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; -o-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important;margin-left: 0!important;} .xubox_iframe { width: 100%!important;} } @media (max-width: 710px){ #hospital .hoslider .slick-dots {top: 48%;} .xubox_layer { max-height: 440px!important;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} } @media (max-width: 680px) { .xubox_layer { max-height: 420px!important;} #culture .left h1, #culture .left h2 {font-size: 40px;} #culture .left h1 {margin-top: 50px;} #culture .left h3 { font-size: 24px;margin-bottom: 80px;} #chairman .tip h2:after { height: 30vh;} #chairman .tab li+li { margin-left: 15%;} #news .list .infoRight,#news .topper .titr { width: 73%;} #culture { height: 1300px;} #chairman .tab li+li { margin-left: 0;} #chairman .tab li { margin: 0 20px;} #talent .left img { width: 50%;margin-left: 6%;} #talent .left .s1 { top: 2%;left: 28%;} #talent .left .s2 { top: 16%;left: 31%;} #talent .left .s3 { top: 37%;left: 35%;} #talent .left .s4 { top: 56%;left: 40%;} #talent .left .s5 { top: 77%;left: 45%;} #talent .left .line2 { top: 0;font-size: 12px;} #talent .left .line1 { top: 30px;font-size: 12px;} #center1 .box ul li {width: 43px;height: 44px;} #hospital .hoslider .slick-dots {top: 44%;} #hospital .hoslider { margin-top: 30px;} #chairman .box2 .ctx .h31 { top: 42%;left: 4.5%;} #chairman .box2 .ctx .h32 { top: 43%;} #chairman .box2 .ctx .h33 { top: 40%;} #chairman .box2 .ctx .s26 { top: 31%;} #chairman .box2 .ctx .s12 ,#chairman .box2 .ctx .s14{ top: 67%;} #chairman .box2 .ctx .s16 ,#chairman .box2 .ctx .s18{ top: 68%;} #chairman .box2 .ctx .s8 {top: 66%;} #chairman .box2 .ctx .s20 { top: 75%;left: 38%;} #chairman .box2 .ctx .s7 { top: 85%;} #recommond p { font-size: 12px;} } @media (max-width: 600px){ .address .other ul li { width: 100%;height: auto;padding-bottom: 10px;} #chairman .box2 .ctx .s27,#chairman .box2 .ctx .s28,#chairman .box2 .ctx .s29,#chairman .box2 .ctx .s30,#chairman .box2 .ctx .s31 { top: 34%;} #chairman .box2 .ctx .s23 { top: 49.5%;} #chairman .box2 .ctx .s24 ,#chairman .box2 .ctx .s25{top: 48.5%;} #chairman .box2 .ctx .s22 { top: 50%;} #chairman .box2 .ctx .s21 {top: 48%;left: 38%;} #chairman .box2 .ctx .s22 { left: 49.5%;} #chairman .box2 .ctx .s20 { top: 74%;} #chairman .box2 .ctx .s7 { top: 83%;} #chairman .box2 .ctx .s2 { top: 77%;} #chairman .box2 .ctx .s1 { top: 78%;} #chairman .box2 .ctx .s10 { top: 66.5%;left: 62%;} #chairman .box2 .ctx .s12, #chairman .box2 .ctx .s14 { top: 66%;} #chairman .box2 .ctx .s9,#chairman .box2 .ctx .s11,#chairman .box2 .ctx .s13,#chairman .box2 .ctx .s15,#chairman .box2 .ctx .s17,#chairman .box2 .ctx .s19 { top: 86.5%;} #chairman .box2 .ctx .s33 {top: 17%;} .xubox_layer { max-height: 400px!important;} } @media (max-width: 550px) { .xubox_layer { max-height: 380px!important;} #product { height: 70vh;} #product h1{ margin-top: 100px;font-size: 50px;} #proList .box ol li {margin-bottom: 20px;} #chairman .tip h1 {font-size: 30px;} #chairman .tip h2:after { height: 20vh;} #news .right .top .text p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #news .right .top .text .msg {top: 86%;} #news .newSlider .slick-dots { bottom: -10px;} #news .left .menu a { margin: 0 4%;} #news .list .infoRight ,#news .topper .titr{ width: 68%;} #news .topper .titr h1 { font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #news .topper .share { margin-top: 25px;} #news .topper .share span { float: left;margin-top: 5px;} #news .textSlider .slick-slide .text span { width: 40px;height: 40px;line-height: 40px;font-size: 14px;} #news .textSlider .slick-slide .text { padding-left: 20px;} #news .video li p { font-size: 14px;} #product, #aboutus, #newsCenter {height: 60vh; } #product h1, #newsCenter h1 ,#aboutus .container h1,#product h1{ margin-top: 140px;font-size: 35px;} #product h2, #newsCenter h2 ,#aboutus .container h2{ font-size: 20px;margin-bottom: 70px;} #product a span, #aboutus .container a span, #newsCenter .container a span { width: 15px;height: 15px;border-width: 1px;} #product a span:nth-child(2), #aboutus .container a span:nth-child(2), #newsCenter .container a span:nth-child(2) { width: 13px;height: 13px;} #chairman .tab li .s1 { width: 22px;height: 24px;} #chairman .tab li .s2 { width: 30px;height: 24px;} #chairman .tab li .s3 { width: 24px;height: 24px;} #culture { height: 1384px;} #compoProfile .topText:before { width: 40px;height: 42px;top: 0px;} #compoProfile .topText:after { width: 40px;height: 42px;bottom: 0px;} #compoProfile .topText { padding: 40px 0;} #compoProfile .topText p { padding: 0 15px;} #compoProfile .container { padding: 0;} /*#develop .deveSlider .slick-next { width: 50px;height: 50px;background: url(../images/br1.png) no-repeat;background-size: contain;} #develop .deveSlider .slick-prev { width: 50px;height: 50px;background: url(../images/bl1.png) no-repeat;background-size: contain;} #develop .deveSlider { padding: 30px 60px;}*/ .profileslider .right:before ,.profileslider .right:after { width: 38px;height: 32px;} .profileslider .right:before { top: 10px;} .profileslider .right:after { bottom: 10px;} .profileslider .right {padding-top: 50px;padding-bottom: 50px;} .profileslider .slick-list { padding-bottom: 100px;} #chairman .box2 .ctx .h51 { left: 6%;} #culture .left h3 { margin-bottom: 40px;} #culture .left p { margin-bottom: 0;} #team .slider-nav .slick-next { right: -10px;} #team .slider-nav .slick-prev { left: -10px;} #rethree h3 { font-size: 18px;} #reone .container>h1,#retwo .container>h1,#resour1 .container>h1,#talent .container>h1,#result .container>h1,#patent .container>h1,#device .container>h1,#plan .container>h1,#hospital .container>h1,#recruitment .container>h1{ font-size: 22px;} #reone .container>h2,#retwo .container>h2,#rethree .container>h2,#resour1 .container>h2,#talent .container>h2,#result .container>h2,#patent .container>h2,#device .container>h2,#plan .container>h2,#hospital .container>h2,#recruitment .container>h2{ margin-top: 10px;margin-bottom: 20px;font-size: 24px;} #reone .part1 .right h3, #reone .part2 .left h3 { margin-bottom: 10px;} #rethree .bg { left: 75%;} #rethree .left .num { font-size: 36px;top: 20px;width: 80px;} #relatype .container>ul li { padding: 20px 10px;} #relatype .container>ul li a{ font-size: 12px;margin-top: 10px;} #talent .left span { padding-left: 50px;font-size: 12px;background-size: 45px 4px;} #talent .left .s1 { left: 29%;} #talent .left .s5 { left: 48%;} #hospital .hoslider .slick-prev { width: 50px;height: 50px;top: 15%;} #hospital .hoslider .slick-next { width: 50px;height: 50px;top: 15%;} #news .right .top .topL img { width: 100%;float: none;} #news .right .top .text { width: 100%;float: none;margin-top: 20px;} #news .right .top .text .msg { left: 0;top: 95%;} .newSlider .slick-slide { padding-bottom: 30px;} #news .newSlider .slick-dots { bottom: 43%;left: 50%;} #chairman .box2 .ctx h3 { line-height: 12px;} #chairman .box2 .ctx span { line-height: 14px;} } @media (max-width: 610px){ #hospital .hoslider .slick-dots {top: 41%;} } @media (max-width: 580px) { #hospital .hoslider .slick-dots {top: 38%;} #news .textSlider .slick-slide .text p { margin-left: 15px;} #news .yearSlider { margin-bottom: 0;} #retwo .part h3,#team .right h3 { font-size: 18px;} } @media (max-width: 550px) { #hospital .hoslider .slick-dots {top: 43%;} #result .line { top: 495px;} #chairman .box2 .ctx .s32 { top: 18%;left: 39%;width: 30px;text-align: left;} #chairman .box2 .ctx .s26 { width: 30px;text-align: left;} #chairman .box2 .ctx .s26 { left: 39%;top: 33%;} } @media (max-width: 520px){ .xubox_layer { max-height:360px!important;} #talent .left img {margin-left: 60px;} #talent .left .s1 { left: 36%;} #talent .left .s2 { left: 39%;} #talent .left .s3 { left: 44%;} #talent .left .s4 { left: 50%;} #talent .left .s5 { left: 55%;} #talent .left .line2 { background-size: 12px 30px;background-position: center top;padding-top: 35px;left: 30px;} #talent .left .line1 { background-size: 12px 30px;background-position: center top;padding-top: 35px;top: 50px; } #center1 .box ul li+li { margin-top: 15%;} #result .line {top: 496px;} #hospital .hoslider .slick-dots {top: 34%;} #recruitment .title ul,#recruitment .box .dt ul { display: block;overflow: hidden;} #recruitment .title ul li, #recruitment .box .dt ul li { float: left;width: auto;flex: auto;font-size: 12px;width: 16.5%;text-align: center;} #recruitment .title ul li { width: 17.5%;} #recruitment .box .dt ul li:last-child ,#recruitment .box .dt ul li:last-child span{ width: 14px;height: 14px;float: right;} #recruitment .box .dt ul li:nth-child(5) { width: 28%;text-align: center;} #recruitment .box .dd li { font-size: 14px;} #chairman .box2 img { margin-left: 3px;} #chairman .box2 .ctx .s8 { top: 64%;} #chairman .box2 .ctx .h33 { top: 38%;} #chairman .box2 .ctx span { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);} #chairman .box2 .ctx .s3 ,#chairman .box2 .ctx .s4{ top: 18%;} #chairman .box2 .ctx .s5 {top: 15%;} #chairman .box { margin-left: 0;} #chairman .box2 .ctx .s6 { top: 18%;left: 24%;} #chairman .box2 .ctx .h32 { top: 41%;} #chairman .box2 .ctx .h31 {top: 40%;} #chairman .box2 .ctx .h33 {top: 36%;} #chairman .box2 .ctx .s26 { top: 31%;} #chairman .box2 .ctx .s12, #chairman .box2 .ctx .s14 {top: 65.5%;} #chairman .box2 .ctx .s16, #chairman .box2 .ctx .s18 { top: 67%;} #chairman .box2 .ctx h3 {font-weight: normal;} #chairman .box2 .ctx .s20 { top: 73%;} } @media (max-width: 496px) { #result .line {top: 515px;} .xubox_layer { max-height: 350px!important;} } @media (max-width: 470px) { #hospital .hoslider .slick-dots {top: 32%;} .xubox_layer { max-height: 300px!important;} } @media (max-width: 450px) { #choice .mid a { padding: 10px 30px;} #chairman .tab li+li { margin-left: 5%;} #chairman .tab li { width: 90px;height: 90px;} #chairman .tab li p { font-size: 12px;} #news .right .top .text p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #news .list .infoRight ,#news .topper .titr{ width: 60%;} #chairman .box3 ul li span { font-size: 20px;} .bdshare-button-style0-16 a { margin: 0 1px!important;-webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8);} #product h2, #newsCenter h2, #aboutus .container h2 {margin-bottom: 40px;} #product h1, #newsCenter h1, #aboutus .container h1, #product h1 { font-size: 28px;margin-top: 125px;} #videolay .videoBox .closes {width: 20px;height: 20px;} #rethree .bg { left: 70%;} #relatype dl i {font-size: 12px;} #talent .left img { margin-left: 52px;} #patent .box .left ul li,#patent .box .left ul li+li {width: 33.33%;} #hospital .hoslider .slick-dots {top: 28%;} .xubox_layer { max-height:280px!important;} } @media (max-width: 430px) { } @media (max-width: 414px) { #chairman .box2 .ctx .h51 { left: 4%;} #product { height: 60vh;} #product h2 { font-size: 20px;} #product a span { width: 16px;height: 16px;border-width: 2px;} #proList .box h4 {font-size: 14px;} #culture .right {padding: 12px 15px;padding-bottom: 20px;} #compoProfile h1, #develop h1, #team h1 {font-size: 24px;} #chairman .tip h1 {font-size: 20px;} #chairman .tip h2 {font-size: 16px;} #chairman .tip h2:after { height: 15vh;} #news .right .top .text h1 {margin-top: 20px;} #news .right .top .text p { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #news .newSlider .slick-slide{padding-bottom: 30px;} #news .left .menu a { margin: 0 2%;} #news .list { padding: 25px 0;} #news .list .infoRight h2 ,#news .list .infoRight p,#news .list .infoRight span,#news .list .infoLeft>p{font-size: 12px;} #news .list .infoRight h1 {font-size: 16px;} #news .list .infoRight span {margin-top: 10px;} #news .topper .share { font-size: 12px;} #news .topper .share img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);} #news .list .infoLeft, #news .titl { width: 100px;} #culture .culSlider { padding: 12px 10px;padding-right: 10px;} #culture .left h1, #culture .left h2 {font-size: 30px;} #culture .left h3 { font-size: 20px;margin-bottom: 40px;} #culture .left h2 {margin-top: 10px;} #culture .left span {margin-top: 0;} #chairman .box3 ul li p { font-size: 12px;} #chairman .box3 .ul2 li,#chairman .box3 .ul1 li { padding-right: 5px;} #culture { height: 1300px;} #product h2 {margin-bottom: 35px;} #rethree .left { margin-left: 40px;} #rethree .left .num { left: -40px;font-size: 26px;width: 60px;} #relatype dl dd h1 { font-size: 14px;} #page ul li { font-size: 12px;margin: 0;} #page a { font-size: 12px;margin: 0 10px;} #page a:nth-child(1) { margin-left: 0;} #page a:nth-child(2) { margin-right: 0;} #talent .left .s5 {top: 72%;} #relatype .container>ul li { width: 33.33%;} #center1 .box ul { width: 30%;} #center1 .box img { width: 60%;} #center1 .box ul li+li { margin-top: 30%;} #hospital .hoslider .slick-dots { top: 30%;} } /* * */ @media (max-width: 390px) { #hospital .hoslider .slick-dots { top: 26%;} #chairman .box2 .ctx .h33 { top: 35%;} #chairman .box2 .ctx .h32 { top: 39%;} #chairman .box2 .ctx .s2 { top: 76%;} #chairman .box2 .ctx .s1 { left: 9%;} .xubox_layer { max-height: 260px!important;} } @media (max-width: 375px) { #culture .left h1, #culture .left h2 {font-size: 28px;} #culture .left h3 {font-size: 20px;margin-bottom: 40px;} #chairman .tip h2:after { height: 10vh;} #chairman .tab li+li { margin-left: 2%;} #news .newSlider .slick-dots { bottom: 45%;} #news .list .infoRight, #news .topper .titr { width: 65%;} #culture { height: 1360px;} #relatype .container>ul li { padding: 10px;margin: 0;} #talent .left img { margin-left: 45px;} #talent .left .s4 { top: 52%; } #center1 .box ul li+li { margin-top: 20%;} #center1 h2 { font-size: 14px;left: 10px;top: 70px;} #center1 h1 { font-size: 20px;left: 10px;} #center1 span {top: 150px;} #hospital .hoslider .slick-prev { width: 35px;height: 35px;top: 10%;} #hospital .hoslider .slick-next { width: 35px;height: 35px;top: 10%;} #hospital .hoslider .slick-dots { top: 27%; } #contact .right .subline .code { width: 100%;} #contact .right .subline button { float: left;margin-top: 20px;} #chairman .box2 .ctx .s8 { top: 62%;} #chairman .box2 .ctx .s22 {top: 49%;} #chairman .box2 .ctx .s23 { top: 48.5%;left: 61.5%;} #chairman .box2 .ctx .s32 {top: 16%;} #chairman .box2 .ctx .s7 { top: 82%;} #chairman .box2 .ctx h3 { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); -o-transform: scale(.95); transform: scale(.95);} #chairman .box2 .ctx .s9, #chairman .box2 .ctx .s11, #chairman .box2 .ctx .s13, #chairman .box2 .ctx .s15, #chairman .box2 .ctx .s17, #chairman .box2 .ctx .s19 { top: 85.5%;} #chairman .box2 .ctx .s33 {top: 16%;} #chairman .box2 .ctx .s35,#chairman .box2 .ctx .s36,#chairman .box2 .ctx .s37,#chairman .box2 .ctx .s38 { top: 3%;} #chairman .box2 .ctx .s27, #chairman .box2 .ctx .s28, #chairman .box2 .ctx .s29, #chairman .box2 .ctx .s30, #chairman .box2 .ctx .s31 { top: 33%;} #chairman .box2 .ctx .s24, #chairman .box2 .ctx .s25 { top: 47.5%;} #chairman .box2 .ctx .s12, #chairman .box2 .ctx .s14 { top: 65%;} #chairman .box2 .ctx .s3 { left: 5.5%;} #chairman .box2 .ctx .s4 { left: 11.5%;} #chairman .box2 .ctx .s5 { left: 17.5%;} #chairman .box2 .ctx .s27 { left: 61.5%; } #chairman .box2 .ctx .s28 { left: 67.5%;} #chairman .box2 .ctx .s29 { left: 73.5%;} #chairman .box2 .ctx .s30 { left: 79.5%;} #chairman .box2 .ctx .h32 { left: 15%;} #chairman .box2 .ctx .h31 { left: 4%;} #chairman .box2 .ctx .s9 { left: 61.5%;} #chairman .box2 .ctx .s11 { left: 67.5%;} #chairman .box2 .ctx .s13 { left: 73.5%;} #chairman .box2 .ctx .s15 { left: 79.5%;} #chairman .box2 .ctx .s17 { left: 85.5%;} #chairman .box2 .ctx .s19 { left: 91.5%;} #chairman .box2 .ctx .s8 { left: 48.5%;} #chairman .box2 .ctx .h33 { top: 34%;} #chairman .box2 .ctx .s20 { top: 72%;} .xubox_layer { max-height: 250px!important;} } @media (max-width: 350px) { #news .list .infoRight, #news .topper .titr { width: 70%;} #news .list .infoLeft, #news .titl { width: 75px;} #culture { height: 1368px;} #news .left .menu a { font-size: 12px;} #hospital .hoslider .slick-dots { top: 24%; } #news .newSlider .slick-dots { bottom: 48%;} #contact .right .subline .code input { width: 20%;} .xubox_layer { max-height: 220px!important;} } @media (max-width: 344px) { #result .line { top: 496px;} #hospital .hoslider .slick-dots { top: 20%; } #result .line {top:536px;} #chairman .box2 .ctx .s34 { top: 4%;left: 39%;} #chairman .box2 .ctx .s35 { left: 61%;} #chairman .box2 .ctx .s36 { left: 67%;} #chairman .box2 .ctx .s32 { left: 38%;} #chairman .box2 .ctx .s33 { left: 61%;top: 15%;} #chairman .box2 .ctx .s27 { left: 61%;} #chairman .box2 .ctx .s28 { left: 67.5%;} #chairman .box2 .ctx .s29 { left: 73.5%;} #chairman .box2 .ctx .s30 { left: 79.5%;} #chairman .box2 .ctx .s31 { left: 85.5%;} #chairman .box2 .ctx .s27, #chairman .box2 .ctx .s28, #chairman .box2 .ctx .s29, #chairman .box2 .ctx .s30, #chairman .box2 .ctx .s31 { top: 32%;} #chairman .box2 .ctx .s26 { top: 30%;} #chairman .box2 .ctx .h33 { top: 32%;} #chairman .box2 .ctx .h32 { left: 14.5%;top: 37%;} #chairman .box2 .ctx .h31 { left: 3.5%;top: 37%;} #chairman .box2 .ctx .s7 { top: 80%;left: 49%;} #chairman .box2 .ctx .s9 { left: 61.5%;} #chairman .box2 .ctx .s11 { left: 67.5%;} #chairman .box2 .ctx .s13 { left: 73.5%;} #chairman .box2 .ctx .s15 { left: 79.5%;} #chairman .box2 .ctx .s17 { left: 85.5%;} #chairman .box2 .ctx .s19 { left: 91.5%;} #chairman .box2 .ctx .s2 { top: 75%;} #chairman .box2 .ctx .s22 { top: 48%;} #chairman .box2 .ctx .s21 { top: 47%;} } @media (max-width: 330px) { #culture { height: 1400px;} #talent .left .s1 { left: 38%;top: 0;} #news .topper .titl .date { padding: 10px 0;} } @-webkit-keyframes load { 0% {opacity: 0;} 50% { opacity: 1;} 100% { opacity: 0;} } @-o-keyframes load { 0% {opacity: 0;} 50% { opacity: 1;} 100% { opacity: 0;} } @-moz-keyframes load { 0% {opacity: 0;} 50% { opacity: 1;} 100% { opacity: 0;} } @keyframes load { 0% {opacity: 0;} 50% { opacity: 1;} 100% { opacity: 0;} } @-webkit-keyframes load2 { 0% {opacity: 0;} 50% { opacity: .8;} 100% { opacity: 0;} } @-o-keyframes load2 { 0% {opacity: 0;} 50% { opacity: .8;} 100% { opacity: 0;} } @-moz-keyframes load2 { 0% {opacity: 0;} 50% { opacity: .8;} 100% { opacity: 0;} } @keyframes load2 { 0% {opacity: 0;} 50% { opacity: .8;} 100% { opacity: 0;} } @-webkit-keyframes load3 { 0% {opacity: 0;} 50% { opacity: .6;} 100% { opacity: 0;} } @-o-keyframes load3 { 0% {opacity: 0;} 50% { opacity: .6;} 100% { opacity: 0;} } @-moz-keyframes load3 { 0% {opacity: 0;} 50% { opacity: .6;} 100% { opacity: 0;} } @keyframes load3 { 0% {opacity: 0;} 50% { opacity: .6;} 100% { opacity: 0;} } @-webkit-keyframes scaler { 0% {transform: scale(0);} 50% { transform: scale(1);} 100% { transform: scale(0);} } @-o-keyframes scaler { 0% {transform: scale(0);} 50% { transform: scale(1);} 100% { transform: scale(0);} } @-moz-keyframes scaler { 0% {transform: scale(0);} 50% { transform: scale(1);} 100% { transform: scale(0);} } @keyframes scaler { 0% {transform: scale(0);} 50% { transform: scale(1);} 100% { transform: scale(0);} }