@keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-moz-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } @-o-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } .banner { width: 100%; position: relative; overflow: hidden; } /*.banner .ban { width: 1920px; height: 900px; position: absolute; top: 0; left: 50%; margin-left: -960px; }*/ .banner .ban img { width: 100%; } .banner .ban .banTitle { width: 100%; text-align: center; position: absolute; top: 260px; left: 0; } .banner .ban .banTitle h2 { color: #FFF; font-size: 68px; line-height: 1; background: url(../images2/titlebg.png) no-repeat center top; padding:8.5% 0 2%; font-weight: bold;} .banner .ban .banTitle h6 { color: #FFF; font-size: 27px; line-height: 1; font-family: Arial; text-transform: uppercase; } .banner .ban .banTitle .down { display: block; width: 42px; height: 42px; margin: 6% auto 0; background: url(../images2/down.png) no-repeat; } .fourBox { margin-top:-9%; } .fourBox li { float: left; width: 300px; height: 254px; } .fourBox li a { display: block; width: 300px; height: 254px; } .fourBox li .divBox { width: 255px; margin: 0 auto; padding: 56px 0 49px; } .fourBox li .divBox .img { float: left; width: 111px; font-size: 40px; color: #fff; } .fourBox li .divBox .img img { width: 111px; height: 44px; } .fourBox li .divBox .rBox { float: left; width: 131px; margin-left: 13px; } .fourBox li .divBox .rBox h3 { color: #FFF; font-size: 20px; line-height: 1; } .fourBox li .divBox .rBox p { color: #fff; font-size: 12px; line-height: 1; font-family: Arial; text-transform: uppercase; padding: 4px 0 9px; border-bottom: 1px solid #FFF; } .fourBox li .imgs { display: block; width: 71px; height: 63px; margin: 0 auto; } .fourBox li:hover .imgs { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .solutionBox { padding: 120px 0; } .solutionBox h2 { color: #333333; font-size: 30px; line-height: 1; text-align: center; } .solutionBox h2 span { color: #23c9b8; font-size: 30px; line-height: 1; font-weight: bold; } .solutionBox h5 { color: #666666; font-size: 20px; line-height: 1; font-family: Arial; text-transform: uppercase; text-align: center; padding: 20px 0 60px; } .solutionBox .solist li { overflow: hidden; } .solutionBox .solist li .img, .solutionBox .solist li .txt { float: left; overflow: hidden; } .solutionBox .solist li .img, .solutionBox .solist li .txt, .solutionBox .solist li .img, .solutionBox .solist li .img img { width: 600px; height: 391px; } .solutionBox .solist li .txt { background: #f7f7f7; } .solutionBox .solist li .txtc { width: 362px; margin: 0 auto; } .solutionBox .solist li .txt h3 { color: #23c9b8; font-size: 24px; line-height: 1; font-weight: bold; padding-top: 95px; } .solutionBox .solist li .txt h6 { color: #333333; font-size: 14px; line-height: 1; font-family: Arial; padding-top: 10px; } .solutionBox .solist li .txt p { color: #333333; font-size: 14px; line-height: 1.5; padding: 25px 0 36px; } .solutionBox .solist li .txt a, .solutionBox .solist li .txt a.ales { display: block; width: 171px; height: 50px; line-height: 50px; color: #FFF; font-size: 14px; background: url(../images2/hi.png) no-repeat 126px center #23c9b8; padding-left: 33px; } .solutionBox .solist li .txt a.ales { width: 181px; padding-left: 33px; } .newsBox { background: #f7f7f7; padding: 100px 0; } .newsBox .newVideo { float: left; width: 309px; height: 420px; position: relative; } .newsBox .newVideo .Videobg { width: 285px; height: 396px; background: #23c9b8; } .newsBox .newVideo .Video { width: 285px; height: 396px; position: absolute; top: 24px; left: 24px; } .newsBox .newVideo .Video .imgbig { width: 285px; height: 396px; } .newsBox .newVideo .Video .VideIndex { width: 100%; position: absolute; top: 0; left: 0; padding-top: 161px; text-align: center; } .newsBox .newVideo .Video .VideIndex img { width: 75px; height: 75px; } .newsBox .newVideo .Video .VideIndex p { width: 168px; margin: 0 auto; color: #FFF; font-size: 24px; line-height: 1.5; padding-top: 3px; } .newsBox .newOne { float: left; width: 383px; margin: 0 62px; } .newsBox .newOne .newimg { padding-bottom: 30px; } .newsBox .newOne .newimg img { float: left; display: block; border-bottom: 1px solid #23c9b8; padding-bottom: 33px; } .newsBox .newOne .newimg span { float: left; display: block; color: #333333; font-size: 30px; line-height: 1; padding-left: 16px; } .newsBox .newOne .newimg span a{ color: #333333; } .newsBox .newOne .title { color: #000000; font-size: 16px; line-height: 1.5; } .newsBox .newOne h4 { color: #23c9b8; font-size: 16px; line-height: 1; font-family: Arial; padding: 7px 0 14px; } .newsBox .newOne p { color: #666666; font-size: 14px; line-height: 25px; } .newsBox .newOne .more { color: #23c9b8; font-size: 14px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 25px; display: inline-block; margin: 24px 0 46px; } .newsBox .newOne .newTle { border-top: 1px dashed #999999; padding-top: 48px; } .newsBox .newOne .newTle a { display: inline-block; color: #333333; font-size: 16px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 17px; margin-right: 37px; } .newsBox .newTwo { float: left; width: 380px; text-align: right; padding-top: 12px; } .newsBox .newTwo .more { color: #333333; font-size: 16px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 19px; display: inline-block; } .newsBox .newTwo li { text-align: left; } .newsBox .newTwo li + li { padding-top: 38px; } .newsBox .newTwo ul { padding-top: 67px; } .newsBox .newTwo li h3 { color: #000000; font-size: 16px; line-height: 1.5; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsBox .newTwo li h4 { color: #23c9b8; font-size: 16px; line-height: 1; font-family: Arial; padding: 15px 0 17px; } .newsBox .newTwo li p { color: #666666; font-size: 14px; width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsBox .newTwo li:hover h3{width:auto;overflow: visible;text-overflow: clip;white-space:normal;} .newsBox .newTwo li:hover h3{ color: #23c9b8; text-decoration: underline; } .contact { height: 310px; background: url(../images2/contactbg.jpg) no-repeat center top; text-align: center; } .contact h3 { color: #FFF; font-size: 22px; line-height: 1; background: url(../images2/line.png) no-repeat center bottom; padding: 113px 0 40px; margin-bottom: 28px; } .contact a { color: #FFF; font-size: 16px; line-height: 1; background: url(../images2/hi.png) no-repeat right center; padding-right: 17px; } .searAlpha { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 110; background: url(../images2/searAlpha.png) repeat; } .searIndex { display: none; width: 100%; position: fixed; top: 172px; left: 0; z-index: 120; } .searIndex a { display: block; margin: 0 auto; } .searIndex a, .searIndex a img { width: 264px; height: 65px; } .searIndex .searcon { margin-top: 71px; } .searIndex .searcon .text1s { float: left; width: 994px; height: 86px; line-height: 86px; outline: none; border: 0; background: url(../images2/text1s.jpg) no-repeat; padding-left: 50px; color: #333333; font-size: 24px; } .searIndex .searcon .button1s { float: left; width: 156px; height: 86px; line-height: 86px; outline: none; border: 0; background: #23c9b8; color: #FFF; font-size: 24px; cursor: pointer; } .searIndex .searcon .text1s:-moz-placeholder { color: #999999; font-size: 24px; } .searIndex .searcon .text1s::-moz-placeholder { color: #999999; font-size: 24px; } .searIndex .searcon .text1s:-ms-input-placeholder { color: #999999; font-size: 24px; } .searIndex .searcon .text1s::-webkit-input-placeholder { color: #999999; font-size: 24px; } .OpenAlpha { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 120; background: url(../images2/bg.jpg) no-repeat; background-size: cover; } .OpenAlpha .OpenTop { padding: 90px 0; } .OpenAlpha .close{display: block; color: #FFF; font-size: 18px; height: 33px; line-height: 33px; background: url(../images2/close.png) no-repeat left center; padding-left: 50px; font-family: Arial; text-transform: uppercase; position: absolute;top: 30px;right: 30px;} .OpenAlpha .OpenTop p { float: right; color: #FFF; font-size: 18px; line-height: 1; margin-top: -4px; } .OpenAlpha .OpenTop p span { color: #FFF; font-size: 30px; line-height: 1; font-weight: bold; position: relative; top: 5px; } .OpenAlpha .OpenMiddle .Openlogo { float: left; } .OpenAlpha .OpenMiddle .Openlogo, .OpenAlpha .OpenMiddle .Openlogo img { width: 264px; height: 65px; } .OpenAlpha .OpenMiddle .OpenNav { float: right; width: 751px; } .OpenAlpha .OpenMiddle .OpenNav li { float: left; width: 270px; margin: 0 50px 0 0; } .OpenAlpha .OpenMiddle .OpenNav li.threeClear { width: auto; margin-right: 0; } .OpenAlpha .OpenMiddle .OpenNav li a { color: #999999; font-size: 16px; line-height: 1; display: block; margin: 17px 0 0 22px; } .OpenAlpha .OpenMiddle .OpenNav li a.ones { color: #FFF; font-size: 22px; padding: 0 0 8px; margin: 0; } /*.OpenAlpha .OpenBottom .OpenBot_l { float: left; width: 380px; }*/ .OpenAlpha .OpenBottom .OpenBot_l { float: left; width: 400px; }/*2018-1-18 glx ÐÞ¸Ä*/ .OpenAlpha .OpenBottom .OpenBot_l .Bot { float: left; width: 130px; } .OpenAlpha .OpenBottom .OpenBot_l .Bot img { width: 130px; height: 130px; } .OpenAlpha .OpenBottom .OpenBot_l .Bot h6 { color: #FFF; font-size: 14px; line-height: 1; text-align: center; padding-top: 13px; } .OpenAlpha .OpenBottom .OpenBot_l .OpBot a { float: left; display: block; width: 26px; height: 20px; margin: 110px 0 0 30px; cursor: pointer; } .OpenAlpha .OpenBottom .OpenBot_l .jiathis_button_tsina { background: url(../images2/sina.png) no-repeat; } .OpenAlpha .OpenBottom .OpenBot_l .jiathis_button_weixin { background: url(../images2/chat.png) no-repeat; } .OpenAlpha .OpenBottom .OpenBot_l h5 { color: #FFF; font-size: 11px; line-height: 1; font-family: Arial; text-transform: uppercase; padding: 30px 0 15px; } .OpenAlpha .OpenBottom .OpenBot_l h2 { color: #FFF; font-size: 29px; line-height: 1; font-weight: bold; } .OpenAlpha .OpenBottom .OpenBot_r { float: right; width: 286px; position: relative; border-bottom: 3px solid #FFF; margin-top: 186px; } .OpenAlpha .OpenBottom .OpenBot_r .text1s { width: 280px; height: 53px; line-height: 53px; outline: none; border: 0; padding-left: 6px; color: #FFF; font-size: 17px; font-family: Arial; } .OpenAlpha .OpenBottom .OpenBot_r .button1s { width: 35px; height: 35px; outline: none; border: 0; background: url(../images2/whsear.png) no-repeat; cursor: pointer; position: absolute; top: 0; right: 0; } .OpenAlpha .OpenBottom .OpenBot_r .text1s:-moz-placeholder { color: #FFF; font-size: 17px; } .OpenAlpha .OpenBottom .OpenBot_r .text1s::-moz-placeholder { color: #FFF; font-size: 17px; } .OpenAlpha .OpenBottom .OpenBot_r .text1s:-ms-input-placeholder { color: #FFF; font-size: 17px; } .OpenAlpha .OpenBottom .OpenBot_r .text1s::-webkit-input-placeholder { color: #FFF; font-size: 17px; } .OpenAlpha.winscren .OpenMiddle .Openlogo, .OpenAlpha.winscren .OpenMiddle .Openlogo img { width: 220px; height: 54px; } .OpenAlpha.winscren .OpenTop { padding: 60px 0; } .OpenAlpha.winscren .OpenTop p { font-size: 16px; } .OpenAlpha.winscren .OpenTop p span { font-size: 28px; } .OpenAlpha.winscren .OpenMiddle .OpenNav li a { font-size: 14px; margin: 12px 0 0 18px; } .OpenAlpha.winscren .OpenMiddle .OpenNav li a.ones { font-size: 18px; padding: 0 0 4px; margin: 0; } .OpenAlpha.winscren .OpenBottom .OpenBot_l .Bot { width: 100px; } .OpenAlpha.winscren .OpenBottom .OpenBot_l .Bot img { width: 100px; height: 100px; } .OpenAlpha.winscren .OpenBottom .OpenBot_l h5 { font-size: 10px; padding: 20px 0 15px; } .OpenAlpha.winscren .OpenBottom .OpenBot_l h2 { font-size: 27px; } .OpenAlpha.winscren .OpenBottom .OpenBot_l .OpBot a { margin: 81px 0 0 15px; } .OpenAlpha.winscren .OpenBottom .OpenBot_r { margin-top: 144px; } .bannerSon { width: 100%; height: 471px; position: relative; overflow: hidden; } .bannerSon .banSon { width: 1920px; height: 471px; position: absolute; top: 0; left: 50%; margin-left: -960px; } .bannerSon .banSon img { width: 1920px; height: 471px; } .picture { margin-top:-285px; overflow: hidden; } .picture, .picture img { width: 1200px;} .search_coninter .search_1s { padding: 60px 0 35px; } .search_coninter .search_1l { float: left; width: 467px; } .search_coninter .search_1l .sear span { float: left; display: block; color: #323232; font-size: 40px; line-height: 1; font-family: "微软雅黑 Light"; font-weight: bold; background: url(../images2/yinhao.png) no-repeat left top; padding-top: 23px; } .search_coninter .search_1l .sear .imgText { float: left; display: block; width: 126px; height: 31px; margin: 36px 20px 0; } .search_coninter .search_1l .sear .gongyi { margin-top: 31px; } .search_coninter .search_1l .sear .fw { margin-top: 28px; } .search_coninter .search_1l .sear .buttons { float: left; width: 37px; height: 34px; outline: none; border: 0; background: url(../images2/buttons.png) no-repeat; cursor: pointer; margin-top: 36px; } .search_coninter .search_1l p { color: #7a7a7a; font-size: 14px; line-height: 1.5; padding-top: 13px; } .search_coninter .search_1r { float: right; width: 643px; text-align: right; padding-top: 43px; } .search_coninter .search_1r .r_nav a, .search_coninter .search_1r .r_nav span { display: inline-block; font-size: 14px; } .search_coninter .search_1r .r_nav a { margin-right: 6px; } .search_coninter .search_1r .r_nav .home { background: url(../images2/home.png) no-repeat left center; padding-left: 24px; } .search_coninter .search_1r .r_nav span { background: url(../images2/jt.jpg) no-repeat left center; padding-left: 20px; } .search_coninter .search_2s { width: 1200px; height: 84px; position: relative; } .search_coninter .search_2s .text1s { width: 1151px; height: 84px; line-height: 84px; outline: none; border: 1px solid #e0e0e0; padding-left: 48px; color: #333333; font-size: 24px; background: url(../images2/glines.png) no-repeat 30px center; } .search_coninter .search_2s .button1s { width: 155px; height: 84px; line-height: 84px; outline: none; border: 0; background: #23c9b8; color: #FFF; font-size: 24px; cursor: pointer; position: absolute; top: 1px; right: 0; padding: 0; margin: 0; } .search_coninter .search_2s .text1s:-moz-placeholder { color: #999999; font-size: 24px; } .search_coninter .search_2s .text1s::-moz-placeholder { color: #999999; font-size: 24px; } .search_coninter .search_2s .text1s:-ms-input-placeholder { color: #999999; font-size: 24px; } .search_coninter .search_2s .text1s::-webkit-input-placeholder { color: #999999; font-size: 24px; } .searList { padding: 60px 0 29px; } .searList li { background: #f3f3f3; margin-bottom: 50px; position: relative; } .searList li .center { padding: 62px 64px 60px; } .searList li .title { color: #333333; font-size: 18px; line-height: 1; } .searList li p { color: #666666; font-size: 14px; line-height: 1.5; padding: 15px 0 25px; } .searList li .cenbine .more { float: left; display: block; color: #23c9b8; font-size: 14px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 25px; } .searList li .cenbine span { float: right; display: block; color: #23c9b8; font-size: 16px; line-height: 1; font-family: Arial; } .searList li .lineIndex { display: none; width: 1200px; height: 53px; background: url(../images2/indx.jpg) no-repeat; position: absolute; bottom: -53px; left: 0; } .searList li:hover .lineIndex { display: block; } .page { text-align: center; font-size: 0; } .page a { display: inline-block; color: #333333; font-size: 14px; font-family: Arial; height: 36px; line-height: 36px; background: #f4f4f4; border-radius: 2px; padding: 0 13px; margin: 0 4px; } .page a:hover, .page a.on { color: #FFF; background: #616161; } .body_box1 { padding-bottom: 99px; } .bannerSon404 { height: 239px; } .errorBox { background: #f0f1f3; padding: 111px 0 40px; } .errorBox .error { width: 1205px; height: 712px; margin: 0 auto; position: relative; background: url(../images2/error.png) no-repeat; overflow: hidden; } .errorBox .error img { display: block; width: 651px; height: 355px; margin: 83px 0 0 277px; } .errorBox .error .up_page, .errorBox .error .return_page { display: block; width: 137px; height: 49px; line-height: 49px; color: #50bac7; font-size: 18px; background: url(../images2/circle.png) no-repeat; text-align: center; } .errorBox .error .up_page { position: absolute; top: 312px; left: 739px; } .errorBox .error .return_page { position: absolute; top: 379px; left: 739px; } .errorBox .error a:hover { color: #007580; } .errorBox .error h5 { color: #50bac7; font-size: 18px; line-height: 1; font-family: Arial; padding: 50px 0 15px 502px; } .errorBox .error p { color: #50bac7; font-size: 28px; line-height: 1; padding-left: 352px; } .search_coninter .search_1r .b_nav { padding-top: 21px; } .search_coninter .search_1r .b_nav a { display: inline-block; color: #666666; font-size: 16px; margin-left: 42px; } .search_coninter .search_1r .b_nav a.on { color: #23c9b8; } .public_welfare { padding: 25px 0; } .public_welfare li { margin-bottom: 53px; position: relative; } .public_welfare li .welfareImg { float: left; overflow: hidden; } .public_welfare li .welfareImg, .public_welfare li .welfareImg img { width: 599px; height: 359px; } .public_welfare li .welfareCon { float: right; width: 403px; height: 289px; background: #f3f3f3; padding: 70px 95px 0 103px; } .public_welfare li .welfareCon .title { color: #000000; font-size: 18px; line-height: 1.5; } .public_welfare li .welfareCon p { color: #666666; font-size: 14px; line-height: 1.5; padding: 33px 0 37px; } .public_welfare li .farebine .more { float: left; display: block; color: #23c9b8; font-size: 14px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 25px; } .public_welfare li .farebine span { float: right; display: block; color: #23c9b8; font-size: 16px; line-height: 1; font-family: Arial; } .public_welfare li .lineIndex { display: none; width: 1200px; height: 53px; background: url(../images2/indx.jpg) no-repeat; position: absolute; bottom: -53px; left: 0; } .public_welfare li:hover .lineIndex { display: block; } .dynamic { padding: 23px 0 20px; } .dynamic li { float: left; width: 370px; margin-right: 20px; } .dynamic li .namicImg { overflow: hidden; position: relative; } .dynamic li .namicImg, .dynamic li .namicImg img { width: 370px; height: 222px; } .dynamic li .namicImg .mic { display: none; width: 370px; height: 222px; background: url(../images2/greenbg.png) repeat; position: absolute; top: 0; left: 0; z-index: 5; } .dynamic li .namicImg .mic span { display: block; width: 69px; height: 69px; background: url(../images2/yuan.png) no-repeat; position: absolute; top: 50%; left: 50%; z-index: 10; margin: -34.5px 0 0 -34.5px; } .dynamic li .namicCon { padding: 30px 0 10px; } .dynamic li .namicCon .title99 { color: #000000; font-size: 16px; line-height: 1.5; } .dynamic li .namicCon .biaoti{height: 48px;overflow:hidden;font-size: 18px;} .dynamic li .namicCon span { display: block; color: #23c9b8; font-size: 16px; line-height: 1; font-family: Arial; padding: 7px 0 14px; } .dynamic li .namicCon p { color: #666666; font-size: 14px; line-height: 1.5; padding-bottom: 14px; height: 42px;overflow: hidden;} .dynamic li .namicCon .more { display: inline-block; color: #23c9b8; font-size: 14px; line-height: 1; background: url(../images2/green.png) no-repeat right center; padding-right: 25px; } .dynamic li .namicImg:hover .mic { display: block; } .dynamic_detail { background: #f3f3f3; padding: 0 84px; } .dynamic_detail .namicTitle { border-bottom: 1px solid #dddddd; text-align: center; padding: 80px 0 50px; } .dynamic_detail .namicTitle h2 { color: #000000; font-size: 20px; line-height: 1; padding-bottom: 25px; } .dynamic_detail .namicTitle p { color: #666666; font-size: 14px; line-height: 1; } .content { padding: 0px 0 20px; } .content a{color: #00747f; } .content p { color: #333333; } .content2 p { color: #666666; font-size: 14px; line-height: 25px; } .jiathis_group { text-align: right; border-bottom: 1px solid #dddddd; padding-bottom: 30px; } .jiathis_group .jiathis_style_24x24 { display: inline-block; } .page_group { text-align: center; position: relative; padding: 46px 0 62px; } .page_group .n_c { display: inline-block; color: #333333; font-size: 14px; background: url(../images2/return.png) no-repeat center top; padding-top: 28px; } .page_group .n_l, .page_group .n_r { text-align: left; height: 27px; line-height: 27px; display: inline-block; color: #333333; font-size: 14px; background: url(../images2/nl.png) no-repeat left center; padding-left: 49px; width: 39%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; top: 41px; } .page_group .n_r { text-align: right; background: url(../images2/nr.png) no-repeat right center; padding-right: 49px; left: auto; right: 0; } .body_box2 { padding-bottom: 79px; } .gm_message { border-top: 1px solid #c0c0c0; padding: 79px 0 100px; } .gm_message .img { float: left; overflow: hidden; } .gm_message .img, .gm_message .img img { width: 352px; height: 449px; } .gm_message .mess { float: right; width: 801px; position: relative; padding-top: 11px; } .gm_message .titles span { color: #333333; font-size: 30px; line-height: 1; position: relative; top: 3px; padding-left: 10px; } .gm_message .mess h3 { color: #333333; font-size: 18px; line-height: 1; padding: 23px 0 13px; } .gm_message .mess h5 { color: #999999; font-size: 12px; line-height: 1; font-family: Arial; padding-bottom: 8px; } .gm_message .mess p { color: #333333; font-size: 14px; line-height: 34px; } .gm_message .mess .name { display: block; width: 144px; height: 71px; position: absolute; top: 384px; right: 0; } .aboutBox { background: #f2f2f2; padding: 96px 0 100px; } .aboutBox .about_l { float: left; width: 637px; color: #333333; font-size: 14px; line-height: 28px; } .aboutBox .about_l .titles span { color: #333333; font-size: 30px; line-height: 1; position: relative; top: 8px; padding-left: 15px; } .aboutBox .about_l h3 { color: #333333; font-size: 22px; line-height: 1; padding: 40px 0 16px; } .aboutBox .about_l h5 { color: #999999; font-size: 12px; line-height: 1; font-family: Arial; padding-bottom: 20px; } /*.aboutBox .about_l p { color: #333333; font-size: 14px; line-height: 28px; }*/ .aboutBox .about_r { float: right; width: 449px; height: 372px; position: relative; cursor: pointer; } .aboutBox .about_r img { width: 449px; height: 372px; } .aboutBox .about_r .abcon { width: 260px; height: 220px; background: #f7f7f7; position: absolute; left: -75px; bottom: -70px; z-index: 4; text-align: center; overflow: hidden; } .aboutBox .about_r .abcon span { display: inline-block; width: 237px; height: 197px; background: url(../images2/videos.png) no-repeat center 42px #23c9b8; padding-top: 136px; margin-top: 12px; color: #FFF; font-size: 16px; } .aboutBox .about_r .abcon span a{color: #fff;} .about_video, .about_video .m, .about_video .video-js { width: 100%; height: auto; } .about_video .video-js source{width: 100%;} .about_video .video-js .vjs-big-play-button { display: none; } .about_video .video-js .vjs-poster { background: none; background-position: center top; } .culture { padding-top: 40px; } .culture .vision { padding-bottom: 46px; } .culture .vision .titles, .culture .vision .tetText { float: left; } .culture .vision .titles p { color: #333333; font-size: 30px; line-height: 1; padding-top: 9px; } .culture .vision .tetText h6 { color: #333333; font-size: 14px; line-height: 1; font-family: Arial; } .culture .vision .tetText h2 { color: #23c9b8; font-size: 22px; line-height: 1; padding-top: 8px; } .culture .vision .tetText { border-left: 1px solid #23c9b8; padding-left: 20px; margin: 25px 0 0 68px; } .culture .cultul { width: 100%; height: 549px; background: url(../images2/cult.jpg) no-repeat center top; overflow: hidden; } .culture .cultul li {box-sizing:content-box; float: left; width: 137px; height: 466px; border-right: 1px solid #a7cbce; padding: 83px 31px 0; cursor: pointer; } .culture .cultul li h6 { color: #FFF; font-size: 12px; line-height: 1; font-family: Arial; text-transform: uppercase; } .culture .cultul li h2 { color: #FFF; font-size: 16px; line-height: 1; padding: 17px 0 45px; } .culture .cultul li span { display: inline-block; color: #FFF; font-size: 20px; line-height: 1; font-family: Arial; border-top: 1px solid #FFF; padding: 6px 0 257px; } .culture .cultul li .wText { display: none; color: #FFF; font-size: 18px; line-height: 1.5; } .culture .cultul li .show { display: inline-block; color: #FFF; font-size: 12px; background: url(../images2/show.png) no-repeat right center; padding-right: 23px; } .culture .cultul li .show.es { padding-right: 0px; width: 14px; height: 13px; } .culture .cultul li.active { width: 337px; transition: width .5s; -webkit-transition: width .5s; } .culture .cultul li.active h6 { font-size: 14px; } .culture .cultul li.active h2 { font-size: 22px; } .culture .cultul li.active span { padding: 6px 0 0; } .culture .cultul li.active .wText { padding: 50px 0 87px; } .aboutDownBox { text-align: center; } .aboutDownBox .aboutDownl, .aboutDownBox .aboutDownr { float: left; width: 50%; height: 513px; overflow: hidden; position: relative; } .aboutDownBox .imgaa { display: block; width: 42px; height: 42px; margin: 0 auto; margin-top: 160px; } .aboutDownBox .imgcc { display: block; width: 274px; margin: 34px auto 80px; } .aboutDownBox span{ display: inline-block; color: #FFF; font-size: 16px; background: url(../images2/show.png) no-repeat right center; padding-right: 17px; } .aboutDownBox span:hover { font-weight: bold; } .aboutDownBox .aDC { width: 274px; height: 513px; position: absolute; top: 0; left: 50%; z-index: 5; margin-left: -137px; } .memorabilia { width: 100%; height: 742px; background: url(../images2/bg3.jpg) no-repeat center top; padding-top: 144px; } .memorabilia .memorCon { float: left; width: 382px; } .memorabilia .memorCon .titles span { color: #333333; font-size: 30px; line-height: 1; position: relative; top: 8px; padding-left: 20px; } .memorabilia .memorCon p { color: #666666; font-size: 16px; line-height: 32px; padding: 58px 0 33px; } .memorabilia .memorCon p span { color: #23c9b8; font-size: 22px; line-height: 1; font-family: Arial; font-weight: bold; } .memorabilia .memorCon .morNav { width: 378px; height: 74px; line-height: 74px; border: 1px solid #23c9b8; } .memorabilia .memorCon .morNav a { float: left; display: block; width: 189px; height: 74px; text-align: center; } .memorabilia .memorCon .morNav a span { display: inline-block; color: #333333; font-size: 22px; background: url(../images2/bk_ture1.png) no-repeat right center; padding-right: 30px; } .memorabilia .memorCon .morNav a.active { background: #23c9b8; } .memorabilia .memorCon .morNav a.active span { color: #FFF; background: url(../images2/bk_ture2.png) no-repeat right center; } .memorabilia .memorlunbo { float: left; width: 169px; margin: 0 145px 0 134px; } .memorabilia .memorlunbo .mor_slide, .memorabilia .memorlunbo .slideTxtBox { width: 170px; height: 584px; position: relative; } .memorabilia .memorlunbo .slideTxtBox .bd li { color: #999999; font-size: 32px; line-height: 1; cursor: pointer; font-family: Arial; font-weight: bold; text-transform: uppercase; height: 120px; line-height: 120px; background: url(../images2/libg.png) no-repeat center center; } .memorabilia .memorlunbo .slideTxtBox .bd li:hover, .memorabilia .memorlunbo .slideTxtBox .bd li.active { color: #23c9b8; background: url(../images2/libgs.png) no-repeat center center; } .memorabilia .memorlunbo .slideTxtBox .prev, .memorabilia .memorlunbo .slideTxtBox .next { display: block; width: 49px; height: 28px; margin: 0 auto; cursor: pointer; } .memorabilia .memorlunbo .slideTxtBox .prev { background: url(../images2/prev.png) no-repeat; } .memorabilia .memorlunbo .slideTxtBox .next { background: url(../images2/next.png) no-repeat; } .memorabilia .memortentBox { float: left; width: 368px; } .memorabilia .memortent { display: none; width: 368px; height: 411px; border: 1px solid #23c9b8; background: #FFF; } .memorabilia .memortent .memor { height: 101px; line-height: 101px; background: #23c9b8; position: relative; } .memorabilia .memortent .memor .wenben { display: inline-block; color: #FFF; font-size: 32px; font-family: Arial; background: url(../images2/linew.png) no-repeat right center; padding: 0 69px 0 39px; margin-right: 21px; } .memorabilia .memortent .memor img { display: inline-block; width: 34px; height: 34px; position: relative; top: -9px; } .memorabilia .memortent .memor .row { width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #23c9b8; position: absolute; top: 35px; left: -16px; } .memorabilia .memortent .metor { width: 290px; margin: 0 auto; padding-top: 31px; } .memorabilia .memortent .metor p { color: #333333; font-size: 14px; line-height: 29px; } .memorabilia .memortent .metor span { color: #23c9b8; font-size: 14px; font-weight: bold; } .memorabilia .memortent .metor img { display: inline-block; width: 290px; height: 110px; margin-top: 15px; } .memorab_cont { float: left; display: none; } .body_box3 { padding-bottom: 100px; } .fengcaiListBox { padding: 80px 0 50px; margin-top: 7px; border-top: 1px solid #c0c0c0; } .fengcaiListBox .fengcaiList { background: #f3f3f3; margin-bottom: 50px; position: relative; padding: 30px 0; } .fengcaiListBox .fengcaiList .fc_slide, .fengcaiListBox .fengcaiList .fc_slide .slideTxtBox { width: 1127px; height: 300px; margin: 0 auto; position: relative; } .fengcaiListBox .fengcaiList .fc_slide .bd li { overflow: hidden; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fcImg { float: left; overflow: hidden; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fcImg, .fengcaiListBox .fengcaiList .fc_slide .bd li .fcImg img { width: 540px; height: 300px; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fccon { float: right; width: 547px; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fccon a { display: inline-block; color: #333333; font-size: 20px; line-height: 1; margin: 30px 0 21px; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fccon h4 { color: #333333; font-size: 14px; line-height: 1; } .fengcaiListBox .fengcaiList .fc_slide .bd li .fccon p { color: #666666; font-size: 12px; line-height: 23px; border-bottom: 1px solid #b9b9b9; padding: 15px 0 24px; } .fengcaiListBox .fengcaiList .lineIndex { display: none; width: 1200px; height: 53px; background: url(../images2/indx.jpg) no-repeat; position: absolute; bottom: -53px; left: 0; } .fengcaiListBox .fengcaiList:hover .lineIndex { display: block; } .fengcaiListBox .fengcaiList .fc_slide .hd { width: 500px; height: 20px; position: absolute; bottom: 31px; left: 580px; z-index: 5; } .fengcaiListBox .fengcaiList .fc_slide .hd .prev, .fengcaiListBox .fengcaiList .fc_slide .hd .next { display: inline-block; width: 11px; height: 20px; cursor: pointer; } .fengcaiListBox .fengcaiList .fc_slide .hd .prev { background: url(../images2/gprev.png) no-repeat; } .fengcaiListBox .fengcaiList .fc_slide .hd .next { background: url(../images2/gnext.png) no-repeat; } .fengcaiListBox .fengcaiList .fc_slide .hd ul { padding: 0 10px; display: inline-block; position: relative; top: -3px; } .fengcaiListBox .fengcaiList .fc_slide .hd li { display: inline-block; width: 10px; height: 10px; background: url(../images2/lic.png) no-repeat; zoom: 1; text-indent: -999em; cursor: pointer; } .fengcaiListBox .fengcaiList .fc_slide .hd li + li { margin-left: 11px; } .fengcaiListBox .fengcaiList .fc_slide .hd li.on { background: url(../images2/lice.png) no-repeat; } .qualification { padding-top: 7px; } .qualification .cation { border-top: 1px solid #c0c0c0; padding-top: 58px; } .qualification .cation li { float: left; width: 280px; height: 300px; background: url(../images2/lie.jpg) no-repeat; position: relative; margin: 0 26px 30px 0; cursor: pointer; } .qualification .cation li .picon { position: relative; overflow: hidden; margin-top: 40px; } .qualification .cation li .picon, .qualification .cation li .picon img, .qualification .cation li .picon .pic { width: 280px; height: 200px; } .qualification .cation li .picon .pic { position: absolute; top: 0; left: 0; z-index: 5; } .qualification .cation li h3 { color: #000000; font-size: 16px; line-height: 1; text-align: center; padding: 30px 0 14px; } .qualification .cation li p { color: #666666; font-size: 12px; line-height: 23px; width: 216px; margin: 0 auto; } .qualification .cation li .lineIndex { display: none; width: 280px; height: 30px; background: url(../images2/bbtce.jpg) no-repeat; position: absolute; bottom: -30px; left: 0; } .qualification .cation li:hover .lineIndex { display: block; } .qualification .loadMore { display: block; width: 140px; height: 36px; line-height: 36px; background: url(../images2/graybg.png) no-repeat; text-align: center; color: #FFF; font-size: 14px; margin: 50px auto 100px; } .lificationAlpha, .join_scroll_Alpha { display: none; width: 100%; height: 100%; background: url(../images2/black.png) repeat; position: fixed; top: 0; left: 0; z-index: 500; } .lificationBox { display: none; width: 418px; height: 489px; background: #FFF; position: fixed; top: 50%; left: 50%; z-index: 600; margin: -244.5px 0 0 -209px; } .lificationAlpha .close{display: block;width:33px;height: 33px;background: url(../images2/close.png) no-repeat;position: absolute; top: 30px; right:30px; z-index: 10;} .lificationBox .lifiBox { margin: 54px auto 0; } .lificationBox .lifiBox, .lificationBox .lifiBox img { width: 303px; height: 202px; } .lificationBox h3 { color: #000000; font-size: 16px; line-height: 1; text-align: center; padding: 33px 0 12px; } .lificationBox p { color: #666666; font-size: 12px; line-height: 23px; width: 303px; margin: 0 auto; } .search_coninter .search_1l .sear .yingcai { margin-top: 37px; } .philosophy { border-top: 1px solid #c0c0c0; padding: 80px 0 43px; } .philosophy .lsophy { float: left; width: 360px; } .philosophy .lsophy img { display: inline-block; } .philosophy .lsophy span { display: inline-block; color: #333333; font-size: 30px; line-height: 1; position: relative; top: 7px; padding-left: 17px; } .philosophy .rsophy { float: right; width: 785px; } .philosophy .rsophy p { color: #333333; font-size: 14px; line-height: 29px; } .philosophy .rsophy .phy { text-align: right; padding-top: 21px; } .philosophy .rsophy .phy span { display: inline-block; color: #23c9b8; font-size: 18px; line-height: 1; background: url(../images2/glo.png) no-repeat left center; padding-left: 60px; } .mission li { float: left; width: 400px; height: 322px; background: #01747f; text-align: center; } .mission li .sion { margin: 54px auto 0; } .mission li .sion, .mission li .sion img { width: 56px; height: 51px; } .mission li:hover img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .mission li h2 { color: #FFF; font-size: 22px; line-height: 1; padding: 19px 0 10px; } .mission li h5 { color: #FFF; font-size: 14px; line-height: 1; font-family: Arial; padding-bottom: 13px; text-transform: uppercase; } .mission li p { color: #FFF; font-size: 12px; line-height: 24px; width: 313px; margin: 0 auto; } .joinHonor { background: url(../images2/joinbg.jpg) no-repeat center top; padding-top: 0px; } .joinHonor .lhonor { float: left; width: 400px; } .joinHonor .lhonor .lnor { padding-bottom: 62px; } .joinHonor .lhonor .lnor img { display: inline-block; } .joinHonor .lhonor .lnor span { display: inline-block; color: #333333; font-size: 30px; line-height: 1; position: relative; top: 7px; padding-left: 23px; } .joinHonor .lhonor p { color: #333333; font-size: 18px; line-height: 1; padding-bottom: 30px; } .joinHonor .lhonor p a { color: #077983; font-size: 18px; line-height: 1; text-decoration: underline; } .joinHonor .lhonor .imgv { display: block; width: 522px; height: 372px; margin-top: 36px; } .joinHonor .rhonor { float: right; width: 623px; } .joinHonor .rhonor .mation { border-bottom: 1px solid #d0d0d0; } .joinHonor .rhonor .mation li { border-top: 1px solid #d0d0d0; cursor: pointer; } .joinHonor .rhonor .mation li h2 { color: #444444; font-size: 18px; line-height: 1; padding-top: 40px; } .joinHonor .rhonor .mation li .tion { padding: 25px 0 42px; } .joinHonor .rhonor .mation li .tion span { display: inline-block; color: #444444; font-size: 14px; line-height: 1; background: url(../images2/small.png) no-repeat right center; } .joinHonor .rhonor .mation li .sa1 { width: 200px; } .joinHonor .rhonor .mation li .sa2 { width: 154px; text-align: center; } .joinHonor .rhonor .mation li .sa3 { width: 165px; text-align: center; } .joinHonor .rhonor .mation li a { display: inline-block; color: #01808a; font-size: 14px; line-height: 1; margin-left: 35px; } .page2 { padding-top: 80px; } .page2 a { background: #FFF; } .contact_1 { border-top: 1px solid #c0c0c0; padding: 80px 0 85px; } .contact_1 .address { float: left; width: 463px; border-right: 1px solid #c0c0c0; position: relative; } .contact_1 .address h2 { color: #333333; font-size: 18px; line-height: 1; padding-bottom: 26px; } .contact_1 .address li { height: 53px; line-height: 23px; padding-bottom: 30px; } .contact_1 .address li img { display: inline-block; width: 24px; height: 23px; } .contact_1 .address li .ctext { display: inline-block; color: #333333; font-size: 14px; line-height: 1; padding-left: 20px; position: relative; top: 1px; } .contact_1 .address li .number { color: #097881; font-size: 14px; line-height: 1; font-family: Arial; } .contact_1 .address .addLink .wangdian { float: left; display: inline-block; width: 159px; height: 45px; line-height: 45px; color: #FFF; font-size: 14px; padding-left: 45px; background: url(../images2/whites.png) no-repeat 171px center #23c9b8; } .contact_1 .address .addLink .weixin {box-sizing:content-box; float: left; display: inline-block; width: 114px; height: 37px; color: #333333; font-size: 12px; padding: 7px 0 0 49px; background: url(../images2/weixin.png) no-repeat 18px 7px; border-bottom: 1px solid #a5a5a5; margin-left: 26px; } .contact_1 .message { float: right; width: 643px; } .contact_1 .message h2 { color: #333333; font-size: 18px; line-height: 1; padding-bottom: 26px; } .contact_1 .message .messInput input { float: left; display: inline-block; width: 296px; height: 49px; line-height: 49px; background: #f5f5f5; border: 0; outline: none; color: #333333; font-size: 14px; padding-left: 15px; margin-right: 16px; } .contact_1 .message .messInput input.clear { padding-left: 45px; width: 266px; margin-right: 0; } .contact_1 .message textarea { width: 614px; height: 156px; background: #f5f5f5; border: 0; outline: none; color: #333333; font-size: 14px; padding: 34px 0 0 24px; margin: 19px 0 36px; } .contact_1 .message .messInput input:-moz-placeholder, .contact_1 .message textarea:-moz-placeholder { color: #333333; font-size: 14px; } .contact_1 .message .messInput input::-moz-placeholder, .contact_1 .message textarea::-moz-placeholder { color: #333333; font-size: 14px; } .contact_1 .message .messInput input:-ms-input-placeholder, .contact_1 .message textarea:-ms-input-placeholder { color: #333333; font-size: 14px; } .contact_1 .message .messInput input::-webkit-input-placeholder, .contact_1 .message textarea::-webkit-input-placeholder { color: #333333; font-size: 14px; } .contact_1 .message .submit { margin: 0 auto; display: block; width: 123px; height: 45px; line-height: 45px; background: url(../images2/whites.png) no-repeat 88px center #23c9b8; border: 0; outline: none; color: #FFF; font-size: 14px; padding-left: 23px; text-align: left; cursor: pointer; } .contactMap { border: 1px solid #dddddd; padding: 9px; margin-bottom: 120px; } .contactMap .map { width: 1181px; height: 331px; } .wechatBox { display: none; width: 202px; height: 239px; background: #FFF; border: 1px solid #ededed; text-align: center; position: fixed; top: 50%; left:50%; z-index: 300;margin: -119.5px 0 0 -101px; } .wechatBox img { width: 116px; height: 116px; display: inline-block; margin: 42px 0 26px; } .wechatBox p { color: #333333; font-size: 12px; line-height: 1; } .join_scroll_Box { display: none; width: 100%; height: 616px; background: url(../images2/whitebg.png) repeat-x; position: absolute; top: 1838px; left: 0; z-index: 600; } .join_scroll_Box .joinClose { width: 59px; height: 59px; background: url(../images2/closes.jpg) no-repeat; position: absolute; top: -21px; left: 0; } .join_scroll_Box .join_s_img { float: left; margin-top: 145px; } .join_scroll_Box .join_s_img, .join_scroll_Box .join_s_img img { width: 522px; height: 372px; } .join_scroll_Box .join_s_text { float: right; width: 622px; padding-top: 100px; } .join_scroll_Box .join_d_text { width: 561px; padding-top: 28px; border-top: 1px solid #d1d1d1; } .join_scroll_Box .join_d_text p { color: #333333; font-size: 14px; line-height: 1; float: left; width: 280px; } .join_scroll_Box .join_d_text a { color: #077983; font-size: 14px; line-height: 1; text-decoration: underline; } #mainBox { height: 386px; position: relative; overflow: hidden; } /*#content { position: absolute; left: 0; top: 0; }*/ .scrollDiv { width: 3px; position: absolute; top: 0; right: -1px; background: #01808a; } #content h2 { color: #444444; font-size: 20px; line-height: 1; } #content .tion { padding: 20px 0 40px; } #content .tion span { display: inline-block; color: #444444; font-size: 16px; line-height: 1; background: url(../images2/small.png) no-repeat right center; } #content .sa1 { width: 221px; } #content .sa2 { width: 180px; text-align: center; } #content .sa3 { width: 152px; text-align: center; background: none !important; } #content h3 { color: #444444; font-size: 14px; line-height: 1; } #content{ color: #666666; font-size: 12px; line-height: 24px;/* padding: 4px 0 30px; */} .partTitle { border-top: 1px solid #c0c0c0; padding: 75px 0 36px; } .partTitle .ptle { padding-bottom: 15px; } .partTitle .ptle img { display: inline-block; } .partTitle .ptle span { display: inline-block; color: #333333; font-size: 30px; line-height: 1; position: relative; top: 8px; padding-left: 18px; } .partTitle p { color: #333333; font-size: 14px; line-height: 29px; } .partul li { float: left; position: relative; } .partul li + li, .partul li + li + li + li { border-left: 1px solid #d2d1d0; } .partul li + li + li { border-left: 0px; } .partul li + li + li, .partul li + li + li + li { border-top: 1px solid #d2d1d0; } .partul li, .partul li img, .partul li .nercon_1 { width: 599px; height: 330px; } .partul li .nercon_1 { text-align: center; position: absolute; left: 0; top: 0; z-index: 10; } .partul li .nercon_1 h2 { color: #FFF; font-size: 24px; line-height: 1; padding-top: 110px; } .partul li .nercon_1 h4 { color: #FFF; font-size: 14px; line-height: 1; font-family: Arial; background: url(../images2/plus.png) no-repeat center bottom; padding: 14px 0 60px; text-transform: uppercase; } .partul li .nercon_1 p { display: none; color: #FFF; font-size: 14px; line-height: 28px; padding-top: 25px; } .partul li:hover .nercon_1 { text-align: left; background: url(../images2/xf.png) repeat; padding: 0 100px; width: 399px; } .partul li:hover .nercon_1 h2 { padding-top: 63px; } .partul li:hover .nercon_1 h4 { padding: 14px 0 21px;background: url(../images2/ling.png) no-repeat left bottom; } .partul li:hover .nercon_1 p { display: block; } .nercon_2 { padding: 60px 0 100px; } .nercon_2 .ners { float: left; width: 400px; text-align: center; } .nercon_2 .ners .icon { margin: 0 auto; background: url(../images2/iconbg.png) no-repeat; } .nercon_2 .ners .icon, .nercon_2 .ners .icon img { width: 71px; height: 71px; } .nercon_2 .ners h2 { color: #000000; font-size: 20px; line-height: 1; background: url(../images2/quxian.png) no-repeat center bottom; padding: 19px 0 21px; } .nercon_2 .ners p { color: #333333; font-size: 16px; line-height: 1; font-family: Arial; padding-top: 22px; } .body_box4 { background: #f3f3f3; padding-bottom: 90px; } .body_box5 { background: #f3f3f3; } .paiteling_coninter { background: #FFF; margin-top: -285px; } .paiteling_coninter .ptlBox { width: 1067px; margin: 0 auto; } .paitelingTop { padding-top: 142px; } .paitelingTop h2 { color: #333333; font-size: 26px; line-height: 1; } .paitelingTop h4 { color: #23c9b8; font-size: 20px; line-height: 1; font-family: Arial; padding: 13px 0 36px; } .paitelingTop .lingBox { background: #177e86; position: relative; height: 247px; background: url(../images2/lv.jpg) no-repeat; } .paitelingTop .ling_l { float: left; width: 527px; color: #FFF; font-size: 16px; line-height: 30px; height: 120px;overflow: hidden;margin: 76px 0 0 49px; padding-bottom: 44px; background: url(../images2/qushi.png) no-repeat left bottom; } .paitelingTop .ling_r { position: absolute; top: -100px; right: 0; } .paitelingTop .ling_r, .paitelingTop .ling_r img { width: 517px; height: 332px; } .paitelingTop .ling_r2 { position: absolute; top: -142px; right: 57px; } .paitelingTop .ling_r2, .paitelingTop .ling_r2 img { width: 418px; height: 365px; } .paitelingTop .ling_r3 { position: absolute; top: -130px; right: 20px; } .paitelingTop .ling_r3, .paitelingTop .ling_r3 img { width: 487px; height: 358px; } .paitelingTop .ling_r4 { position: absolute; top: -109px; right: 41px; } .paitelingTop .ling_r4, .paitelingTop .ling_r4 img { width: 413px; height: 326px; } .paitelingTitle { text-align: center; padding: 79px 0 40px; } .paitelingTitle h2 { color: #333333; font-size: 26px; line-height: 1; } .paitelingTitle h5 { color: #23c9b8; font-size: 20px; line-height: 1; padding-top: 12px; } .paitelingTitle p { color: #333333; font-size: 14px; line-height: 1; padding: 21px 0 13px; } .paitelingTitle h3 { color: #0d7983; font-size: 14px; line-height: 1; font-weight: bold; } .ling_picture1, .ling_picture1 img { width: 1067px; height: 398px; } .Scope { padding: 79px 0 70px; } .Scope .Scope_l { float: left; width: 484px; } .Scope .Scope_l h2 { color: #333333; font-size: 26px; } .Scope .Scope_l h4 { color: #127b84; font-size: 20px; line-height: 1; padding: 15px 0 35px; } .Scope .Scope_l p { color: #7a7a7a; font-size: 12px; line-height: 20px; background: url(../images2/qiancolor.png) no-repeat left top; padding-top: 14px; } .Scope .Scope_r { float: right; width: 583px; padding-top: 9px; } .Scope .Scope_r p { color: #333333; font-size: 18px; line-height: 1.5; /*background: url(../images2/dian.jpg) no-repeat left 10px; padding-left: 22px; */} .Scope .Scope_r p + p { margin-top: 16px; } .Scope .Scope_r h1 { color: #333333; font-size: 20px; line-height: 42px; border-bottom: 1px solid #e5f1f2; padding-bottom: 29px; margin-bottom: 36px; } .Scope2 .Scope_r { padding-top: 0; margin-top: -11px; } .Scope3 .Scope_r { padding-top: 0; margin-top: 26px; } .Scope3 .Scope_r p { font-size: 14px; padding-left: 12px; } .Scope3 .Scope_r p + p { margin-top: 3px; } .paiteling_coninter .chanismImg { float: left; } .paiteling_coninter .chanismImg, .paiteling_coninter .chanismImg img { width: 600px; height: 504px; } .paiteling_coninter .chanismx { float: left; width: 463px; height: 465px; background: #127b84; margin-top: 39px; padding: 0 70px 0 67px; } .paiteling_coninter .chanismx h2 { color: #FFF; font-size: 20px; line-height: 1; padding: 116px 0 15px; } .paiteling_coninter .chanismx h4 { color: #FFF; font-size: 16px; line-height: 1; } .paiteling_coninter .chanismx p { color: #FFF; font-size: 14px; line-height: 26px; padding: 30px 0; } .paiteling_coninter .chanismx h5 { color: #FFF; font-size: 14px; line-height: 1; text-align: right; padding-bottom: 57px; } .paiteling_coninter .chanismx h3 { color: #FFF; font-size: 14px; line-height: 1; } .paiteling_coninter .chanismx h3 + h3 { padding-top: 13px; } .paiteling_coninter .chanismx h3.last { padding-bottom: 52px; } .paiteling_clinical { background: #FFF; padding: 0 68px 50px; } .paiteling_clinical .clinical1 { padding: 58px 0 38px; } .paiteling_clinical .cal1l { float: left; width: 604px; } .paiteling_clinical .cal1l h2 { color: #333333; font-size: 20px; line-height: 1; } .paiteling_clinical .cal1l h4 { color: #666666; font-size: 16px; line-height: 1; padding-top: 11px; } .paiteling_clinical .cal2r { float: right; width: 380px; } .paiteling_clinical .cal2r h3 { color: #333333; font-size: 14px; line-height: 1; } .paiteling_clinical .cal2r h3 span { color: #ff0000; font-size: 26px; position: relative; top: 10px; display: inline-block; margin-right: 7px; } .paiteling_clinical .cal2r p { color: #999999; font-size: 12px; line-height: 1; padding: 10px 0 0 19px; } .paiteling_clinical .clinical2 { background: #f4f6f7; width: 1067px; height: 355px; padding-top: 17px; } .paiteling_clinical .clinical2 .slideTxtBox { width: 1009px; height: 338px; margin: 0 auto; position: relative; } .paiteling_clinical .clinical2 .slideTxtBox .bd li { overflow: hidden; } .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpv_img { float: left; } .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpv_img, .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpv_img img { width: 633px; height: 338px; } .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpvcon { float: left; width: 326px; padding: 57px 0 0 50px; } .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpvcon h3 { color: #127b84; font-size: 18px; line-height: 1; padding: 15px 0 18px; } .paiteling_clinical .clinical2 .slideTxtBox .bd li .hpvcon p { color: #333333; font-size: 14px; line-height: 25px; } .paiteling_clinical .clinical2 .slideTxtBox .hd { position: absolute; right: 227px; bottom: 78px; font-size: 0; } .paiteling_clinical .clinical2 .slideTxtBox .hd a { display: inline-block; width: 48px; height: 48px; border: 1px solid #9ac5c9; cursor: pointer; } .paiteling_clinical .clinical2 .slideTxtBox .hd .prev { background: url(../images2/left.png) no-repeat center center; } .paiteling_clinical .clinical2 .slideTxtBox .hd .next { background: url(../images2/right.png) no-repeat center center; border-left: transparent; } .paiteling_clinical .clinical2 .slideTxtBox .hd .prev:hover { background: url(../images2/lefts.png) no-repeat center center; } .paiteling_clinical .clinical2 .slideTxtBox .hd .next:hover { background: url(../images2/rights.png) no-repeat center center; } .ling_picture2, .ling_picture2 img { width: 1200px; height: 488px; } .ling_picture3, .ling_picture3 img { width: 1200px; height: 513px; } .ling_picture4, .ling_picture4 img { width: 1200px; height: 372px; } .paiteling_applied { padding-bottom: 75px; } .clinical_effect { padding: 69px 0 31px; } .clinical_effect h2 { color: #333333; font-size: 20px; line-height: 1; } .clinical_effect h4 { color: #666666; font-size: 16px; line-height: 1; padding-top: 12px; } .body_box5 .conint { background: #FFF; padding: 0 66px; overflow: hidden; } .body_box5 { padding-top: 84px; } .evaluation { padding: 88px 0 60px; } .evaluation .eval { float: left; width: 398px; margin-top: 7px; } .evaluation .eval h2 { color: #333333; font-size: 26px; line-height: 1; } .evaluation .eval h4 { color: #127b84; font-size: 20px; line-height: 1; padding: 15px 0 30px; background: url(../images2/grayline.png) no-repeat right center; } .smallcontent, .shukanzazhi { display: none; } .evaluation .eval .smallNav { font-size: 0; } .evaluation .eval .smallNav a { color: #bebebe; font-size: 16px; display: inline-block; background: url(../images2/xline.jpg) no-repeat right center; padding-right: 23px; margin-right: 15px; } .evaluation .eval .smallNav a.on { color: #127b84; } .evaluation .eval .smallNav a.onclear { background: none; padding-right: 0; margin-right: 0; } .evaluation .evar { float: right; width: 516px; background: url(../images2/pngline.png) no-repeat right top; padding-top: 10px; } .evaluation .evar p { color: #333333; font-size: 14px; line-height: 26px; text-align: justify; text-align: left; } .lastul, .piclastul { padding-top: 0px; } .lastul li { overflow: hidden; } .lastul li + li { margin-top: 49px;margin-bottom: 15px; } .lastul li .peopleImg { float: left; border-radius: 9px; overflow: hidden; margin-left: 21px; } .lastul li .peopleImg, .lastul li .peopleImg img { width: 107px; height: 107px; } .lastul li .inforText { float: right; width: 802px; height: 189px; position: relative; border-radius: 9px; background: #f9f9f9; padding: 0 45px; } .lastul li .inforText h3 { color: #333333; font-size: 16px; line-height: 1; padding: 32px 0 15px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .lastul li .inforText p { color: #666666; font-size: 12px; line-height: 21px; } .lastul li .inforText .cow { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 13px solid #f4f6f7; display: block; position: absolute; top: 49px; left: -13px; z-index: 4; } .loadMores { display: block; width: 140px; height: 36px; line-height: 36px; background: #00666f; text-align: center; color: #FFF; font-size: 14px; margin: 84px auto 100px; border-radius: 2px; } .loadMores:hover, .checkmore:hover { color: #FFF; } .piclastul li { float: left; width: 517px; height: 242px; background: #f8f8fa; border: 1px solid #ebebeb; margin: 0 28px 25px 0; } .piclastul li a { padding: 18px 0 0 28px; display: block; overflow: hidden; } .piclastula li { float: left; width: 570px; height: 160px; background: #f8f8fa; border: 1px solid #ebebeb; margin: 0 28px 25px 0; } .piclastula li a { padding: 18px 0 0 28px; display: block; overflow: hidden; } .piclastula li .peopleImg { float: left; } .piclastula li .peopleImg, .piclastula li .peopleImg img { width: 153px; height: 202px; } .piclastula li .inforText { float: left; width: 80%; margin: 15px 0 0 36px; } .piclastula li .inforText h2 { color: #333333; font-size: 18px; line-height: 1; } .piclastula li .inforText h4 { color: #666666; font-size: 16px; line-height: 1; padding-top: 20px; padding-bottom:20px;} .piclastula li .inforText p { color: #666666; font-size: 12px; line-height: 18px; padding: 12px 0 30px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 29px; } .piclastula li .inforText .gengduo { color: #777777; font-size: 14px; display: block; background: url(../images2/ona.png) no-repeat right center; } .piclastula li:hover { background: #23c9b8; border: 1px solid #23c9b8; position: relative; top: -4px; box-shadow: 0 11px 11px #ccc; } .piclastula li:hover .inforText h2, .piclastula li:hover .inforText h4, .piclastula li:hover .inforText p { color: #FFF; } .piclastula li:hover .inforText p { border-bottom: 1px dashed #7eb1b6; } .piclastula li:hover .inforText .gengduo { color: #FFF; background: url(../images2/onas.png) no-repeat right center; } .piclastul li .peopleImg { float: left; } .piclastul li .peopleImg, .piclastul li .peopleImg img { width: 153px; height: 202px; } .piclastul li .inforText { float: left; width: 270px; margin: 15px 0 0 36px; } .piclastul li .inforText h2 { color: #333333; font-size: 22px; line-height: 1; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .piclastul li .inforText h4 { color: #666666; font-size: 16px; line-height: 1; padding-top: 23px; } .piclastul li .inforText p { color: #666666; font-size: 14px; line-height: 24px;height: 104px;overflow: hidden; padding: 12px 0 30px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 29px; } .piclastul li .inforText .gengduo { color: #777777; font-size: 14px; display: block; background: url(../images2/ona.png) no-repeat right center; } .piclastul li:hover { background: #167d86; border: 1px solid #167d86; position: relative; top: -10px; box-shadow: 0 11px 11px #ccc; } .piclastul li:hover .inforText h2, .piclastul li:hover .inforText h4, .piclastul li:hover .inforText p { color: #FFF; } .piclastul li:hover .inforText p { border-bottom: 1px dashed #7eb1b6; } .piclastul li:hover .inforText .gengduo { color: #FFF; background: url(../images2/onas.png) no-repeat right center; } .checkmore {box-sizing:content-box; display: block; width: 104px; height: 36px; line-height: 36px; background: url(../images2/00666f.png) no-repeat 97px center #00666f; color: #FFF; font-size: 14px; border-radius: 2px; padding-left: 36px; margin: 55px auto 89px; } .paitelingTitle2 h2 { font-size: 20px; } .paitelingTitle2 p { color: #666666; font-size: 16px; padding: 15px 0 0; } .evaluation2 .eval p, .evaluation3 .eval p { background: url(../images2/bline.png) no-repeat left bottom; height: 1px; } .addWhite { padding: 0 66px; background: #FFF; overflow: hidden; } .addWhitea { padding: 0px; background: #FFF; overflow: hidden; } .evaluation2 { padding: 20px 0 0px; } .body_box4s { padding-bottom: 0; } .jieerTitle { text-align: center; padding: 79px 0 29px; } .jieerTitle h2 { color: #333333; font-size: 26px; line-height: 1; } .jieerTitle h5 { color: #23c9b8; font-size: 20px; line-height: 1; background: url(../images2/jieer.png) no-repeat center bottom; padding: 12px 0; margin-bottom: 22px; } .jieerTitle p { color: #333333; font-size: 16px; line-height: 1; } .four_features { text-align: center; padding: 79px 0 93px; } .four_features h2 { color: #333333; font-size: 26px; line-height: 1; } .four_features h5 { color: #23c9b8; font-size: 20px; line-height: 1; padding-top: 12px; } .four_features .four { padding-top: 32px; width: 1065px; margin: 0 auto; } .four_features .four li { float: left; width: 206px; } .four_features .four li + li { margin-left: 80px; } .four_features .four li .fimg { width: 117px; height: 117px; line-height: 117px; background: url(../images2/quan.png) no-repeat; margin: 0 auto; } .four_features .four li p { color: #333333; font-size: 14px; line-height: 28px; background: url(../images2/fourline.png) no-repeat center top; padding-top: 13px; margin-top: 19px; } .paitelingTop .ling_lr3 { width: 482px; } .paitelingTop2 { padding-top: 0; } .navTitle { padding: 80px 0 45px; } .navTitle a, .navTitle span { display: inline-block; color: #666666; font-size: 16px; } .navTitle a { margin-right: 6px; } .navTitle .home { background: url(../images2/home.png) no-repeat left center; padding-left: 24px; } .navTitle span, .navTitle .na { background: url(../images2/jt.jpg) no-repeat left center; padding-left: 20px; } .evaluation3 { padding: 62px 0 59px; } .body_box6 { background: #f3f3f3; } .page3 { padding: 32px 0 100px; } .content_detail { background: #f5f5f5;min-height: 404px; padding: 0 46px 0 59px; } .content_detail .detail_l { float: left; width: 657px; padding-top: 42px; } .content_detail .detail_l h2 { color: #23c9b8; font-size: 24px; line-height: 1; padding-bottom: 17px; } .content_detail .detail_l h3 { color: #666666; font-size: 14px; line-height: 1; padding-top: 11px; } .content_detail .detail_l .detailNav { font-size: 0; padding: 23px 0 34px; } .content_detail .detail_l .detailNav span { display: inline-block; color: #23c9b8; font-size: 12px; height: 28px; line-height: 28px; padding: 0 13px; border: 1px solid #127b84; margin-right: 6px; } .content_detail .detail_l .detailNav span:hover { color: #FFF; background: #0a7882; } .content_detail .detail_l p { color: #333333; font-size: 12px; line-height: 25px; } .content_detail .detail_l p span { color: #0a7882; } .content_detail .detail_r { float: right; width: 256px; height: 329px; background: #FFF; text-align: center; margin-top: 38px; position: relative; } .content_detail .detail_r img { display: inline-block; width: 220px; height: 293px; margin-top: 19px; } .content_detail .detail_r .detail { width: 188px; height: 45px; line-height: 45px; background: url(../images2/alphabg.png) repeat; position: absolute; bottom: 30px; left: 50%; margin-left: -94px; z-index: 5; } .content_detail .detail_r .detail a { width: 133px; height: 45px; display: inline-block; color: #FFF; font-size: 14px; background: url(../images2/download.png) no-repeat 25px center; padding-left: 55px; text-align: left; } .paitelingTop3 .ling_l { margin: 57px 0 0 49px; } .shajiyouTitle { text-align: center; padding: 80px 0; } .shajiyouTitle h2 { color: #333333; font-size: 26px; line-height: 1; } .shajiyouTitle h4 { color: #23c9b8; font-size: 24px; line-height: 1; background: url(../images2/short.png) no-repeat center bottom; padding: 10px 0 18px; } .shajiyouTitle h3 { color: #333333; font-size: 20px; line-height: 1; padding: 20px 0 22px; } .shajiyouTitle p { color: #333333; font-size: 16px; line-height: 1; } .shajiyouList, .imaBox { width: 1067px; margin: 0 auto; } .shajiyouList li { padding-bottom: 77px; } .shajiyouList li .shajiyou_img { float: left; width: 386px; height: 349px; border: 1px solid #d6d6d6; position: relative; } .shajiyouList li .sjy_img { position: absolute; top: -33px; left: -30px; } .shajiyouList li .sjy_img, .shajiyouList li .sjy_img img { width: 388px; height: 354px; } .shajiyouList li .shajiyoucon { float: right; width: 569px; } .shajiyouList li .shajiyoucon h2 { color: #333333; font-size: 26px; line-height: 1; padding: 54px 0 12px; } .shajiyouList li .shajiyoucon h4 { color: #23c9b8; font-size: 20px; line-height: 1; } .shajiyouList li .shajiyoucon p { color: #333333; font-size: 16px; line-height: 32px; padding: 30px 0 35px; } .imaBox { padding-bottom: 100px; } .imaBox .img, .imaBox .img img { width: 1067px; height: 296px; } .guideConinter { background: #f3f3f3; margin-top: 182px; padding-bottom: 82px; } .guideConinter .guideCon1 { width: 1200px; height: 417px; background: url(../images2/guideCon1.png) no-repeat; text-align: center; top: -144px; position: absolute; left: 0; } .guideConinter .guideCon1 h4 { color: #FFF; font-size: 30px; line-height: 1; font-family: Arial; padding: 87px 0 11px; } .guideConinter .guideCon1 .inf { color: #FFF; font-size: 28px; line-height: 1; position: relative; } .guideConinter .guideCon1 .inf_be { display: block; width: 314px; height: 1px; background: url(../images2/before.png) no-repeat; position: absolute; top: 50%; left: -352px; } .guideConinter .guideCon1 .inf_ar { display: block; width: 314px; height: 1px; background: url(../images2/after.png) no-repeat; position: absolute; top: 50%; right: -352px; } .guideConinter .guideCon1 p { color: #FFF; font-size: 16px; line-height: 33px; width: 961px; margin: 20px auto 0; } .pictures { margin: -285px auto 0; position: relative; overflow: hidden; } .guideConinter .guideCon2 { padding-top: 283px; } .guideConinter .guideCon2 h2 { color: #333333; font-size: 20px; line-height: 1; text-align: center; } .guideConinter .guideCon2 h4 { color: #23c9b8; font-size: 18px; line-height: 1; font-family: Arial; text-align: center; padding: 15px 0 39px; } .guideConinter .guideCon2 .ulde li { float: left; width: 380px; height: 216px; background: #FFF; } .guideConinter .guideCon2 .ulde li + li { margin-left: 30px; } .guideConinter .guideCon2 .ulde li .gdText { width: 308px; margin: 0 auto; padding-top: 42px; } .guideConinter .guideCon2 .ulde li .gdText h5 { color: #23c9b8; font-size: 14px; line-height: 1; font-weight: bold; } .guideConinter .guideCon2 .ulde li .gdText p { color: #333333; font-size: 14px; line-height: 1; padding-top: 17px; } .guideConinter .guideCon3 { background: #FFF; text-align: center; margin-top: 30px; padding-bottom: 45px; } .guideConinter .guideCon3 h2 { color: #333333; font-size: 20px; line-height: 1; padding: 47px 0 13px; } .guideConinter .guideCon3 h4 { color: #23c9b8; font-size: 18px; line-height: 1; font-family: Arial; } .guideConinter .guideCon3 p { color: #333333; font-size: 16px; line-height: 1.5; padding: 32px 0 3px; } .guideConinter .guideCon3 .tishi { color: #22838c; font-size: 12px; background: url(../images2/light.png) no-repeat left center; height: 35px; line-height: 35px; width: 456px; padding-left: 28px; margin: 0 auto; } .guideConinter .guideCon3 a { display: block; width: 127px; margin: 5px auto 0; background: url(../images2/wangdian.png) no-repeat; height: 22px; line-height: 22px; color: #FFF; font-size: 12px; text-align: center; } .guideCon4 { text-align: center; padding: 82px 0 97px; } .guideCon4 h2 { color: #333333; font-size: 20px; line-height: 1; } .guideCon4 h4 { color: #23c9b8; font-size: 18px; line-height: 1; font-family: Arial; padding: 14px 0 38px; } .guideCon4 .series li { float: left; width: 263px; } .guideCon4 .series li + li { margin-left: 49px; } .guideCon4 .series li .circle { position: relative; padding: 24px; overflow: hidden; } .guideCon4 .series li .circle, .guideCon4 .series li img, .guideCon4 .series li .numDiv, .guideCon4 .series li .numDiv .num { width: 215px; height: 215px; } .guideCon4 .series li .cleBg { width: 263px; height: 263px; background: url(../images2/bush.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; } .guideCon4 .series li .numDiv { position: absolute; top: 50%; left: 50%; z-index: 5; margin: -107.5px 0 0 -107.5px; overflow: hidden; } .guideCon4 .series li .numDiv .num { position: absolute; top: 157px; left: 0; z-index: 4; } .guideCon4 .series li h5 { color: #333333; font-size: 16px; line-height: 1; padding: 33px 0 5px; } .guideCon4 .series li p { color: #666666; font-size: 12px; line-height: 1; font-family: Arial; padding-bottom: 20px; } .guideCon4 .series li .more { display: inline-block; width: 110px; height: 42px; line-height: 42px; text-align: center; color: #23c9b8; font-size: 14px; text-transform: uppercase; border: 1px solid #23c9b8; } .guideCon4 .series li .more:hover { color: #FFF; background: #23c9b8; } .PaiteResearch { width: 100%; height: 594px; background: url(../images2/bgs.jpg) no-repeat center top; position: relative; } .PaiteResearch .Research { width: 50%; height: 594px; background: url(../images2/grbg.png) repeat; } .PaiteResearch .Research h4 { color: #FFF; font-size: 30px; line-height: 1; font-family: Arial; } .PaiteResearch .Research h2 { color: #FFF; font-size: 28px; line-height: 1; padding: 8px 0 30px; } .PaiteResearch .Research p { color: #FFF; font-size: 16px; line-height: 33px; } .PaiteResearch .Rese { width: 520px; float: right; margin: 112px 80px 0 0; } .viceBox { border-top: 1px solid #99c8cc; border-bottom: 1px dashed #999999; padding: 62px 0 55px; } .viceBox .vice_l { float: left; width: 737px; } .viceBox .vice_l h2 {margin-bottom: 25px; color: #23c9b8; font-size: 24px; line-height: 1; background: url(../images2/here.png) no-repeat right center; padding-right: 33px; display: inline-block; } .viceBox .vice_l p { color: #666666; font-size: 12px; } .viceBox .vice_r { float: right; width: 365px; margin-top: 51px; border-left: 1px dashed #999999; padding: 6px 0 0 48px; } .viceBox .vice_r h3 { color: #000000; font-size: 14px; line-height: 1; padding-bottom: 23px; } .viceBox .vice_r h3 span { color: #23c9b8; } .viceBox .vice_r .vice_se_re { padding-top: 12px; } .viceBox .vice_r .vice_se_re .selBt { float: left; width: 197px; position: relative; } .viceBox .vice_r .vice_se_re .selBt p { width: 181px; height: 38px; line-height: 38px; color: #333333; font-size: 14px; padding-left: 14px; background: url(../images2/dire.jpg) no-repeat 179px center; border: 1px solid #23c9b8; cursor: pointer; } .viceBox .vice_r .vice_se_re .selDown { display: none; width: 195px; background: #FFF; position: absolute; top: 40px; left: 0; z-index: 10; padding: 0px 0 15px; border: 1px solid #cccccc; border-top: transparent; } .viceBox .vice_r .vice_se_re .selDown a { color: #333333; font-size: 13px; line-height: 1; display: block; padding-left: 14px; margin-top: 15px; } .viceBox .vice_r .return { display: block; float: right; width: 136px; height: 40px; line-height: 40px; color: #FFF; font-size: 14px; background: #23c9b8; text-align: center; } .serviceul { padding-top: 60px; } .serviceul li { float: left; width: 380px; height: 382px; background: #f4f4f4; position: relative; margin: 0 30px 50px 0; } .serviceul li .Img { border: 5px solid #dedede; margin: 41px auto 32px; overflow: hidden; } .serviceul li .Img, .serviceul li .Img img { width: 286px; height: 207px; } .serviceul li .viText { text-align: center; color: #000000; font-size: 18px; padding-top: 41px; background: url(../images2/heres.png) no-repeat center top; } .serviceul li .lineIndex { display: none; width: 380px; height: 50px; background: url(../images2/under.jpg) no-repeat; position: absolute; bottom: -50px; left: 0; } .serviceul li:hover .lineIndex { display: block; } .body_box7 { background: url(../images2/body_box7.jpg) no-repeat center 195px; } .outlets { border-top: 1px solid #99c8cc; } .outlets .outlet1 { float: left; width: 587px; padding-top: 118px; } .outlets .outlet1 h2 { color: #333333; font-size: 30px; line-height: 1; } .outlets .outlet1 .vicelets { padding: 19px 0; background: url(../images2/heng.png) no-repeat left bottom; margin-bottom: 29px; } .outlets .outlet1 h3 { color: #333333; font-size: 30px; line-height: 1; background: url(../images2/this.png) no-repeat right center; padding-right: 43px; display: inline-block; } .outlets .outlet1 .lets { padding-top: 36px; height: 94px; overflow: hidden; } .outlets .outlet1 .lets.over { height: auto; } .outlets .outlet1 .lets a { color: #000000; font-size: 15px; line-height: 1; margin: 0 33px 31px 0; display: inline-block; } .outlets .outlet1 .showBtn { display: block; width: 17px; height: 21px; background: url(../images2/Btndown.png) no-repeat; } .outlets .outlet1 .showBtn.add { background: url(../images2/Btnup.png) no-repeat; } .outlets .outlet2 { float: right; width: 603px; padding-top: 68px; position: relative; left: -52px; } .inputBox { padding: 0 0 82px; } .inputBox .texte { display: block; float: left; width: 320px; height: 48px; line-height: 48px; /*background: url(../images2/dire.jpg) no-repeat 316px center #FFF;*/ border: 1px solid #23c9b8; outline: none; color: #333333; font-size: 14px; padding-left: 20px; margin-right: 10px; } .inputBox .texte:-moz-placeholder { color: #333333; font-size: 14px; } .inputBox .texte::-moz-placeholder { color: #333333; font-size: 14px; } .inputBox .texte:-ms-input-placeholder { color: #333333; font-size: 14px; } .inputBox .texte::-webkit-input-placeholder { color: #333333; font-size: 14px; } .inputBox .textr { display: block; float: left; width: 413px; height: 48px; line-height: 48px; background: #FFF; border: 1px solid #23c9b8; outline: none; color: #333333; font-size: 14px; padding-left: 20px; } .inputBox .textr:-moz-placeholder { color: #999999; font-size: 14px; } .inputBox .textr::-moz-placeholder { color: #999999; font-size: 14px; } .inputBox .textr:-ms-input-placeholder { color: #999999; font-size: 14px; } .inputBox .textr::-webkit-input-placeholder { color: #999999; font-size: 14px; } .inputBox .buttonr { display: block; float: left; width: 61px; height: 50px; line-height: 50px; background: url(../images2/butes.png) no-repeat center center #23c9b8; border: 0; outline: none; cursor: pointer; } .outletBox { width: 1322px; margin: 0 auto; background: #FFF; padding: 59px 0 61px; } .outletBox .olList { width: 1204px; margin: 0 auto; } .outletBox .olList li { float: left; width: 500px; background: #f4f4f4; padding: 0 40px 16px; margin: 0 44px 39px 0; position: relative; } .outletBox .olList li h3 { color: #000000; font-size: 20px; line-height: 1; background: url(../images2/is.png) no-repeat right center; padding-right: 20px; display: inline-block; margin: 40px 0 20px; } .outletBox .olList li .shengfen p { color: #666666; font-size: 14px; line-height: 1; float: left; margin: 0 30px 20px 0; } .important_news { background: #f4f4f4; padding-bottom: 100px; } .important_news .import { text-align: center; padding: 100px 0 9px; } .important_news .import h2 { color: #333333; font-size: 30px; line-height: 1; padding-bottom: 22px; } .important_news .dynamic { padding-bottom: 0; } .important_news .page { padding-top: 10px; } .outletBox .olList li .lineIndex { display: none; width: 580px; height: 41px; background: url(../images2/aline.png) no-repeat; position: absolute; bottom: -41px; left: 0; } .outletBox .olList li:hover .lineIndex { display: block; } .map-box { position: relative; width: 640px; height: 490px; background: url(../images2/map_bg_2.png) center no-repeat; } .map-box > * { text-indent: -9999px;overflow: hidden;display: block; position: absolute; z-index: 1; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .map-box .ah { width: 52px; height: 63px; top: 239px; left: 408px; } .map-box .ah:hover, .map-box .ah.on { background-image: url(../images2/maps/ah.gif); } .map-box .bj { width: 17px; height: 18px; top: 166px; left: 407px; } .map-box .bj:hover, .map-box .bj.on { background-image: url(../images2/maps/bj.gif); } .map-box .chq { width: 51px; height: 47px; top: 275px; left: 310px; } .map-box .chq:hover, .map-box .chq.on { background-image: url(../images2/maps/chq.gif); } .map-box .gd { width: 81px; height: 63px; top: 352px; left: 363px; } .map-box .gd:hover, .map-box .gd.on { background-image: url(../images2/maps/gd.gif); } .map-box .gs { width: 148px; height: 123px; top: 148px; left: 199px; } .map-box .gs:hover, .map-box .gs.on { background-image: url(../images2/maps/gs.gif); } .map-box .gx { width: 80px; height: 59px; top: 344px; left: 305px; } .map-box .gx:hover, .map-box .gx.on { background-image: url(../images2/maps/gx.gif); } .map-box .gz { width: 62px; height: 52px; top: 312px; left: 295px; } .map-box .gz:hover, .map-box .gz.on { background-image: url(../images2/maps/gz.gif); } .map-box .hainan { width: 25px; height: 21px; top: 418px; left: 349px; } .map-box .hainan:hover, .map-box .hainan.on { background-image: url(../images2/maps/hainan.gif); } .map-box .hb { width: 82px; height: 49px; top: 261px; left: 344px; } .map-box .hb:hover, .map-box .hb.on { background-image: url(../images2/maps/hb.gif); } .map-box .heb { width: 58px; height: 81px; top: 146px; left: 388px; } .map-box .heb:hover, .map-box .heb.on { background-image: url(../images2/maps/heb.gif); } .map-box .fj { width: 47px; height: 59px; top: 313px; left: 425px; } .map-box .fj:hover, .map-box .fj.on { background-image: url(../images2/maps/fj.gif); } .map-box .hen { width: 62px; height: 56px; top: 223px; left: 362px; } .map-box .hen:hover, .map-box .hen.on { background-image: url(../images2/maps/hen.gif); } .map-box .hlj { width: 116px; height: 106px; top: 13px; left: 431px; } .map-box .hlj:hover, .map-box .hlj.on { background-image: url(../images2/maps/hlj.gif); } .map-box .hun { width: 56px; height: 65px; top: 298px; left: 350px; } .map-box .hun:hover, .map-box .hun.on { background-image: url(../images2/maps/hun.gif); } .map-box .jl { width: 88px; height: 59px; top: 96px; left: 447px; } .map-box .jl:hover, .map-box .jl.on { background-image: url(../images2/maps/jl.gif); } .map-box .js { width: 56px; height: 50px; top: 232px; left: 420px; } .map-box .js:hover, .map-box .js.on { background-image: url(../images2/maps/js.gif); } .map-box .jx { width: 51px; height: 67px; top: 297px; left: 399px; } .map-box .jx:hover, .map-box .jx.on { background-image: url(../images2/maps/jx.gif); } .map-box .ln { width: 61px; height: 53px; top: 129px; left: 434px; } .map-box .ln:hover, .map-box .ln.on { background-image: url(../images2/maps/ln.gif); } .map-box .nmg { width: 226px; height: 196px; top: 17px; left: 245px; } .map-box .nmg:hover, .map-box .nmg.on { background-image: url(../images2/maps/nmg.gif); } .map-box .nx { width: 34px; height: 47px; top: 192px; left: 301px; } .map-box .nx:hover, .map-box .nx.on { background-image: url(../images2/maps/nx.gif); } .map-box .qh { width: 132px; height: 96px; top: 184px; left: 158px; } .map-box .qh:hover, .map-box .qh.on { background-image: url(../images2/maps/qh.gif); } .map-box .sc { width: 111px; height: 96px; top: 250px; left: 233px; } .map-box .sc:hover, .map-box .sc.on { background-image: url(../images2/maps/sc.gif); } .map-box .sd { width: 69px; height: 45px; top: 198px; left: 407px; } .map-box .sd:hover, .map-box .sd.on { background-image: url(../images2/maps/sd.gif); } .map-box .shx { width: 55px; height: 93px; top: 188px; left: 314px; } .map-box .shx:hover, .map-box .shx.on { background-image: url(../images2/maps/shx.gif); } .map-box .sx { width: 37px; height: 73px; top: 173px; left: 361px; } .map-box .sx:hover, .map-box .sx.on { background-image: url(../images2/maps/sx.gif); } .map-box .tj { width: 15px; height: 20px; top: 175px; left: 427px; } .map-box .tj:hover, .map-box .tj.on { background-image: url(../images2/maps/tj.gif); } .map-box .tw { width: 17px; height: 40px; top: 347px; left: 473px; } .map-box .tw:hover, .map-box .tw.on { background-image: url(../images2/maps/tw.gif); } .map-box .xj { width: 208px; height: 156px; top: 63px; left: 25px; } .map-box .xj:hover, .map-box .xj.on { background-image: url(../images2/maps/xj.gif); } .map-box .xz { width: 200px; height: 124px; top: 207px; left: 48px; } .map-box .xz:hover, .map-box .xz.on { background-image: url(../images2/maps/xz.gif); } .map-box .yn { width: 92px; height: 92px; top: 313px; left: 229px; } .map-box .yn:hover, .map-box .yn.on { background-image: url(../images2/maps/yn.gif); } .map-box .zj { width: 40px; height: 50px; top: 275px; left: 444px; } .map-box .zj:hover, .map-box .zj.on { background-image: url(../images2/maps/zj.gif); } .map-box .sh { width: 50px; height: 30px; top: 259px; left: 480px; } .outlets2 .outlet1 { width: 563px; } .outlets2 .outlet1 h2 { background: url(../images2/youe.png) no-repeat right center; display: inline-block; padding-right: 44px; } .outlets2 .outlet1 .vicelets { margin-bottom: 16px; } .outlets2 .outlet1 .lets { height: 224px; } .national { padding-bottom: 86px; } .national .onal { float: left; width: 558px; border-right: 1px solid #bfbfbf; } .national .onal h2 { color: #333333; font-size: 24px; line-height: 1; padding-bottom: 17px; } .national .onal p { color: #666666; font-size: 23px; line-height: 1; text-transform: uppercase; } .inputBox2 { width: 531px; float: right; padding: 26px 0 0; } .inputBox2 .texte { width: 123px; height: 36px; line-height: 36px; /*background: url(../images2/dire.jpg) no-repeat 119px center #FFF;*/ padding-left: 12px; } .inputBox2 .textr { width: 163px; height: 36px; line-height: 36px; padding-left: 12px; } .inputBox2 .buttonr { width: 60px; height: 38px; line-height: 38px; } .technology { background: #f4f4f4; padding: 0px 0; } .technology .system { width: 1036px; height: 386px; background: url(../images2/system.jpg) no-repeat; padding: 0 82px; } .technology .system h2 { color: #FFF; font-size: 30px; line-height: 1; padding: 79px 0 16px; } /*.technology .system p { color: #FFF; font-size: 14px; line-height: 28px; padding-top: 35px; }*/ .technology .system p { color: #FFF; font-size: 14px; line-height: 28px;}/*2018-1-18 gix ÐÞ¸Ä*/ .technology .system .right { text-align: right; } .our_services { text-align: center; padding: 50px 0 30px; } .our_services h2 { color: #333333; font-size: 30px; line-height: 1; padding-bottom: 14px; } .technology .viceul li { overflow: hidden; } .technology .viceul li .serImg { overflow: hidden; float: right; } .technology .viceul li .serImg, .technology .viceul li .serImg img { width: 600px; height: 250px; } .technology .viceul li .serCon { float: left; width: 493px; height: 250px; background: #FFF; padding: 0 55px 0 52px; } .technology .viceul li .serCon.style { text-align: center; } .technology .viceul li .serCon h2 { color: #23c9b8; font-size: 26px; line-height: 1; font-weight: bold; padding: 86px 0 23px; } .technology .viceul li .serCon span { color: #333333; font-size: 20px; line-height: 1; } .technology .viceul li .serCon h5 { color: #23c9b8; font-size: 14px; line-height: 1; font-family: Arial; padding: 13px 0 18px; } .technology .viceul li .serCon h3 { color: #333333; font-size: 20px; line-height: 1; padding-top: 60px; } .technology .viceul li .serCon p { color: #333333; font-size: 14px; line-height: 28px; } .local_service { padding-bottom: 100px; } .local_service .local { text-align: center; padding: 98px 0 37px; } .local_service .local h2 { color: #333333; font-size: 30px; line-height: 1; padding-bottom: 21px; } .local_service .localslide { width: 1200px; position: relative; } .local_service .localslide .bd { margin-left: -15px; } .local_service .localslide .bd ul { float: left; width: 380px; overflow: hidden; margin: 0 15px; } .local_service .localslide .bd li { float: left; width: 380px; height: 382px; background: #f4f4f4; position: relative; margin: 0 0 50px 0; } .local_service .localslide .bd li .Img { border: 5px solid #dedede; margin: 41px auto 32px; overflow: hidden; } .local_service .localslide .bd li .Img, .local_service .localslide .bd li .Img img { width: 286px; height: 207px; } .local_service .localslide .bd li .viText { text-align: center; color: #000000; font-size: 18px; padding-top: 41px; background: url(../images2/heres.png) no-repeat center top; } .local_service .localslide .bd li .lineIndex { display: none; width: 380px; height: 50px; background: url(../images2/under.jpg) no-repeat; position: absolute; bottom: -50px; left: 0; } .local_service .localslide .bd li:hover .lineIndex { display: block; } .local_service .localslide .hd .prev { width: 28px; height: 47px; display: block; background: url(../images2/sprev.png) no-repeat; position: absolute; top: 50%; left: -76px; margin-top: -57.5px; z-index: 10; cursor: pointer; } .local_service .localslide .hd .next { width: 28px; height: 47px; display: block; background: url(../images2/snext.png) no-repeat; position: absolute; top: 50%; right: -76px; margin-top: -57.5px; z-index: 10; cursor: pointer; } .local_service .localslide .hd .prev:hover { background: url(../images2/spreves.png) no-repeat; } .local_service .localslide .hd .next:hover { background: url(../images2/snextes.png) no-repeat; } .local_service .localslide .hd ul { text-align: center; } .local_service .localslide .hd ul li { display: inline-block; width: 17px; height: 17px; background: url(../images2/ligray.png) no-repeat; zoom: 1; text-indent: -999em; cursor: pointer; margin: 0 10px; } .local_service .localslide .hd ul li.on { background: url(../images2/ligreen.png) no-repeat; } .prompt{text-align: center;padding: 154px 0 121px;} .prompt img{width: 81px;height: 81px;} .prompt p{color: #333333; font-size: 18px; line-height:39px;padding-top: 21px; } /*.body_box{position: relative;}*/ .wechatIndex{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; background: url(../images2/org.png) repeat; } .link{width:1200px; margin:0 auto;padding-bottom: 30px;text-align: center;} .link a{display: inline-block;color: #999999;font-size: 12px;line-height: 1;margin-right: 10px;} /*2018.2.26*/ .clinicalfect{background: #f4f6f7; padding: 17px 20px;} .clinicalfect .cont{float: left;width: 272px;padding: 56px 0 0 39px;} .clinicalfect .cont h3{color: #127b84;font-size: 18px;line-height: 1;background: url(../images2/rrow.png) no-repeat left top;padding: 47px 0 30px;} .clinicalfect .cont p{color: #333333;font-size: 14px;line-height:25px;} .clinicalfect .img{float: right;} .clinicalfect .img, .clinicalfect .img img{width: 742px;height: 338px;} .solutionBox .solist li .txt a:hover, .newsBox .newOne .more:hover, .contact a:hover, .searList li .cenbine .more:hover, .dynamic li .namicCon .more:hover { text-decoration: underline; } .newsBox .newTwo li:hover h3, .newsBox .newOne .title:hover, .newsBox .newTwo .more:hover, .newsBox .newOne .newTle a:hover, .search_coninter .search_1r a:hover, .searList li .title:hover, .public_welfare li .welfareCon .title:hover, .public_welfare li .farebine .more:hover, .dynamic li .namicCon .title:hover, .page_group .n_l:hover, .page_group .n_r:hover, .page_group .n_c:hover, .fengcaiListBox .fengcaiList .fc_slide .bd li .fccon a:hover, .navTitle a:hover, .viceBox .vice_r .vice_se_re .selDown a:hover, .outlets .outlet1 .lets a:hover { color: #23c9b8; text-decoration: none; } .solutionBox .solist li .img img, .public_welfare li .welfareImg img, .aboutDownBox .imgss, .fengcaiListBox .fengcaiList .fc_slide .bd li .fcImg img, .serviceul li .Img img, .local_service .localslide .bd li .Img img, .picture img, .guideCon4 .series li img, .technology .viceul li .serImg img { transition: .8s; -webkit-transition: .8s; transform: scale(1); -webkit-transform: scale(1); } .solutionBox .solist li .img:hover img, .public_welfare li .welfareImg img:hover, .aboutDownBox .aboutDownl .imgss:hover, .aboutDownBox .aboutDownr .imgss:hover, .fengcaiListBox .fengcaiList .fc_slide .bd li .fcImg img:hover, .serviceul li:hover .Img img, .local_service .localslide .bd li:hover .Img img, .picture:hover img, .guideCon4 .series li:hover img, .technology .viceul li:hover .serImg img { transform: scale(1.1); -webkit-transform: scale(1.1); } @media screen and (max-width: 1900px){ .banner .ban .banTitle h2{padding: 6.5% 0 2%;} .banner .ban .banTitle .down{margin: 4% auto 0;} } @media screen and (max-width: 1690px){ .banner .ban .banTitle{top: 250px;} .banner .ban .banTitle h2{padding:6% 0 1.5%;} .banner .ban .banTitle .down{margin: 3% auto 0;} } @media screen and (max-width: 1520px){ .OpenAlpha .close{ font-size: 14px;height: 20px;line-height: 20px;background: url(../images2/closesm.png) no-repeat left center;padding-left: 25px;top: 20px;right: 20px;z-index: 100;} .OpenAlpha.winscren .OpenTop p{font-size: 15px;margin: 5px 20px 0 0;} .OpenAlpha.winscren .OpenTop p span{font-size: 25px;} } @media screen and (max-width: 1440px){ .banner .ban .banTitle{top: 205px;} .banner .ban .banTitle h2{font-size: 60px;} .banner .ban .banTitle h6{font-size: 24px;} } /*js 调用*/ .OpenAlpha .close.adStyle{ font-size: 14px;height: 20px;line-height: 20px;background: url(../images2/closesm.png) no-repeat left center;padding-left: 25px;top: 20px;right: 20px;z-index: 100;} .OpenAlpha.winscren .OpenTop p.adStyle{font-size: 15px;margin: 5px 20px 0 0;} .OpenAlpha.winscren .OpenTop p.adStyle span{font-size: 25px;} .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; } #outer-w{width:100%;height:100%;display:none;position: fixed;left:0;top:0;z-index:99999;} #outer {height: 100%; ; position: relative;width: 100%;} #outer[id] {display: table; position: static;} #middle {position: absolute; top: 50%;} /* for explorer only*/ #middle[id] {display: table-cell; vertical-align: middle; position: static;} #inner {position: relative; top: -50%;width: 300px;padding:30px 0;margin: 0 auto;text-align:center;} /* for explorer only */ *+html #outer[id]{position: relative;} *+html #middle[id]{position: absolute; } #bg-black{position: absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);} .inner{position:relative;z-index:2;background:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #close{position: absolute;right:-10px;top:-10px;height:30px;width:30px;cursor: pointer;background: #FFF url(../images/base/del_on.gif) left top no-repeat;border:1px solid #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} #close:hover{background: #DDD url(../images/base/del_hover.gif) -1px -1px no-repeat;} .lead.content{font-size: 14px;} .lead.content p{line-height: 1.8;margin-bottom: 10px;}