body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { font:12px Arial, Tahoma, '微软雅黑'; color:#454545; } button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; } h2, h3 { font-size:14px; } button, input, select, textarea, label { vertical-align:middle; outline:none; border: 0;} img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;} ul, ol { list-style:none; } a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; } a:hover { color:#000; } table { border-collapse:collapse; border-spacing:0; } body { word-wrap:break-word; word-break:break-all;} /*清浮*/ .g-cf:after { content:""; clear:both; display:table; } .g-cf { zoom:1; } /*浮动*/ .g-f-l { float:left; _display:inline; } .g-f-r { float:right; _display:inline; } .wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;} .container{ width: 100%; max-width: 1200px; margin: 0 auto;} .header{ height: 100px;} .header-t{ height: 39px;} .phone{ font-size: 16px; color: #00a0e9; padding-left: 23px; background: url(/img/ico1_03.jpg) no-repeat left center; line-height: 39px;} .zhuzhan{ font-size: 12px; padding-left: 24px; background: url(/img/ico2_03.jpg) no-repeat left center; margin-left: 40px; line-height: 39px; position: relative;} .zhuzhan:before{ content: ""; position: absolute; width: 1px; height: 13px; background-color: #c6c6c6; left: -21px; top: 13px;} .zhuzhan a{ color: #666; transition: all ease-in-out .2s;} .zhuzhan a:hover{ color: #00a0e9;} .header-b{ width: 936px; height: 60px; margin-top: 39px; border-top: 1px solid #ebebeb;} .nav ul li{ float: left; height: 60px; line-height: 60px; font-size: 14px; position: relative; transition: all ease-in-out .2s;} .nav ul li a{ display: block; padding: 0 21px; color: #666; transition: all ease-in-out .2s;} .nav ul li.active{ background-color: #f9f9f9; position: relative;} .nav ul li.active a{ color: #00a0e9;} .nav ul li.active:before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: #00a0e9; left: 0; top: -1px;} .nav ul li:hover{ background-color: #f9f9f9; position: relative;} .nav ul li:hover a{ color: #00a0e9;} .nav ul li:hover:before{ content: ""; position: absolute; width: 100%; height: 2px; background-color: #00a0e9; left: 0; top: -1px;} .nav ul li b{ display: inline-block; width: 8px; height: 4px; background: url(/img/xia_03.png) no-repeat; margin-left: 6px; transform: translateY(-3px);} .nav ul li b.hover{ background: url(/img/top_03.png) no-repeat;} .nav ul li .naver{ position: absolute; top: 60px; left: -15px; width: 140px; background-color: rgba(0,0,0,.5); z-index: 999; display: none;} .nav ul li .naver span{ display: block; height: 46px; border-bottom: 1px solid #17163f;} .nav ul li .naver span:last-child{ border-bottom: 0;} .nav ul li .naver span a{ display: block; width: 134px; height: 40px; margin: 3px 3px; text-align: center; line-height: 40px; font-size: 14px; color: #b4b4c9; padding: 0;} .nav ul li .naver span a:hover{ background-color: #00a0e9; color: #fff;} .suoqu{ width: 156px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 15px; background-color: #9ea6ad; transition: all ease-in-out .2s;} .suoqu a{ display: block; color: #fff;} .suoqu img{ margin-right: 11px;} .suoqu:hover{ background-color: #00a0e9;} .banner{ width: 100%; height: 540px; position: relative; z-index: 0;} .bawen{ height: 540px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);} .banner-item{ position: absolute; left: 0; top: 0; width: 100%; height: 540px; background: url(/img/banbg_032.jpg);} .banner-wen{ position: absolute; left: 0; top: 200px; opacity: 0; transition: all linear .6s;} .banner-wen strong{ display: block;} .banner-wen span{ display: block; margin-top: 16px; color: #fff; font-size: 20px;} .banner-wen p{ font-size: 12px; color: #fff; opacity: .4; text-transform: uppercase; line-height: 18px; word-wrap : break-word; word-break: break-all; overflow: hidden; margin-top: 8px;} .banner .more{ position: absolute; top: 355px; z-index: 101;} .banner-item ul{ position: absolute; left: 0; top: 0; width: 100%; height: 540px;} .banner-item ul li{ position: absolute; left: 56.9%;} .bannerUl{ position: absolute; width: 100%; text-align: center; bottom:55px; z-index: 99;} .bannerUl li{ display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid rgba(255,255,255,.36); background-color: #6e6e6e; margin: 0 5px; cursor: pointer;} .bannerUl li.active{ background-color: #fff;} .banner-item ul li.pic1{ top: 58px;} .banner-item ul li.pic2{ top: 68px;} .banner-item ul li.pic3{ top: 78px;} .xz-banner{ position: relative;} .xz-news .container{ position: relative; padding-right: 120px; box-sizing: border-box;} .xz-news{ font-size: 0; position: absolute; bottom:0; left:0; line-height:46px; width: 100%; background: rgba(0,0,0,.5); z-index: 1; } .xz-news a{ color:#ffffff; opacity: .8; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .xz-news a:hover{ opacity: 1;} .xz-news span{ vertical-align: middle; display: inline-block; font-size: 13px; width: 30%; margin-right: 3%;} .xz-news em{ font-style: normal;} .xz-news .more{ position:absolute; top:0; right:0; font-size: 13px;} .special{ background-color: #f5f5f5; padding: 50px 0 85px;} .title{ text-align: center; padding-top: 20px; position: relative;} .title b{ display: block; width: 100%; height: 1px; background-color: #313131; margin: 0 0 35px;} .title span{ display: block; font-size: 14px; color: #b0b0b0; text-transform: uppercase;} .title h2{ position: absolute; font-size: 28px; color: #121212; background-color: #f5f5f5; padding: 0 70px; left: 50%; top: 0; transform: translateX(-50%); font-weight: normal;} .title p{ font-size: 16px; color: #333; margin-top: 14px;} .special-con{ margin-top: 24px;} .special-con .item{ width: 30.66%; float: left; background-color: #fff; margin-right: 4%; box-shadow: 1px 1px 13px rgba(0,0,0,.12); border-bottom: 2px solid #d6d6d6; padding-bottom: 72px; position: relative; transition: all ease-in-out .2s;} .special-con .item:last-child{ margin-right: 0;} .special-con .item h2{ width: 80%; margin: 12px auto 0; height: 58px; line-height: 58px; text-align: center; font-size: 20px; color: #121212; font-weight: normal; border-bottom: 1px solid #e5e5e5;} .special-con .item p{ width: 84%; margin: 12px auto 0; font-size: 14px; color: #666; line-height: 26px; text-align: center;} .special-con .item b{ display: block; width: 88px; height: 83px; background: url(/img/bg1_03.jpg) no-repeat; position: absolute; left: 50%; margin-left: -44px; bottom: -37px;} .special-con .item em{ margin-top:15px; letter-spacing:1px; color:#00a0e9; display:block; font-style: normal; text-align: center;} .special-con .item:hover{ border-bottom: 2px solid #00a0e9;} .special-con .item:hover b{ background: url(/img/bg2_03.jpg) no-repeat;} .case{ padding: 54px 0 40px;} .title2 h2{ background-color: #fff;} .case-con{ margin-top: 44px; position: relative;} .case-con a.more{ position: absolute; width: 171px; height: 171px; left: 50%; top: 171px; margin-left: -87px; background: #272727 url(/img/bg3_03.png) no-repeat; font-size: 14px; color: #9c9c9c; text-align: center; line-height: 171px; transition: all ease-in-out .2s;} .case-con a.more:hover{ background: #00a0e9 url(/img/bga4_03.png) no-repeat; color: #fff;} .kuang{ width: 610px; height: 62px; border: 1px solid #eff1f2; border-radius: 31px; background-color: #fafcfd; margin: 46px auto 0; text-align: center; line-height: 62px; font-size: 16px; color: #333;} .kuang span{ color: #00a0e9;} .kuang img{ margin-left: 30px;} .effect{ background-color: #272727; padding: 52px 0 45px;} .title3 b{ background-color: #00a0e9;} .title3 h2{ background-color: #272727; color: #00a0e9;} .title3 span{ color: #666;} .title3 p{ color: #bdbcbc;} .effect-con ul li{ box-sizing: border-box; float: left; width: 48.5%; border: 1px solid #343434; margin-top: 32px; overflow: hidden; transition: all ease-in-out .2s;} .effect-con ul li .date{ width: 88px; height: 88px; float: left; margin: 36px 0 36px 36px; background: url(/img/bg5_03.png) no-repeat; text-align: center; line-height: 88px; font-size: 48px; color: #727272; font-family: "Arial"; transition: all ease-in-out .2s;} .effect-wen{ margin-left: 40px; margin-left: 166px;} .effect-wen h2{ font-size: 16px; color: #00a0e9; margin-top: 46px; font-weight: normal;} .effect-wen p{ color: #666; text-transform: uppercase; line-height: 22px; margin-top: 10px;} .effect-con ul li:nth-child(2n){ float: right;} .effect-con ul li:hover{ box-shadow: 1px 1px 24px rgba(126,126,126,.18);} .effect-con ul li:hover .date{ background: url(/img/bg6_03.png) no-repeat; color: #00a0e9; opacity: 1;} .whatdo{ padding: 50px 0 40px;} .whatdo-con{ margin-top: 42px;} .what-l{ width: 34.16%; margin-top: 38px; margin-right: 64px;} .what-l ul li{ text-align: right; font-size: 14px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-right: 98px;transition: all .2s;} .what-l ul li span{ color: #00a0e9;} .what-l ul li.ico1{ background: url(/img/ico7_03.png) no-repeat right center;} .what-l ul li.ico2{ background: url(/img/ico8_03.png) no-repeat right center;} .what-l ul li.ico3{ background: url(/img/ico9_03.png) no-repeat right center;} .what-r{ width: 34.16%; margin-top: 38px;} .what-r ul li{ text-align: left; font-size: 14px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-left: 98px;} .what-r ul li span{ color: #00a0e9;} .what-r ul li.ico4{ background: url(/img/ico10_06.png) no-repeat left center;} .what-r ul li.ico5{ background: url(/img/ico11_06.png) no-repeat left center;} .what-r ul li.ico6{ background: url(/img/ico12_06.png) no-repeat left center;} .what-l ul li.ico1:hover{ background: url(/img/ico13_03.png) no-repeat right center; color: #000; font-size: 15px; transition: all .2s;} .what-l ul li.ico2:hover{ background: url(/img/ico14_03.png) no-repeat right center;color: #000;font-size: 15px;transition: all .2s;} .what-l ul li.ico3:hover{ background: url(/img/ico15_03.png) no-repeat right center;color: #000;font-size: 15px;transition: all .2s;} .what-r ul li.ico4:hover{ background: url(/img/ico16_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;} .what-r ul li.ico5:hover{ background: url(/img/ico17_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;} .what-r ul li.ico6:hover{ background: url(/img/ico18_03.png) no-repeat left center;color: #000;font-size: 15px;transition: all .2s;} .vision{ padding: 52px 0 56px; background: url(/img/bg7_02.jpg) no-repeat bottom center; background-size: cover;} .title4 b{ background-color: #00a0e9;} .title4 h2{ background-color: #2c2c2c; color: #00a0e9;} .title4 span{ color: #666;} .title4 p{ color: #bdbcbc;} .vision-con{ margin-top: 22px;} .vision-con ul li{ width: 41.16%; float: left; height: 180px; margin-top: 26px; background: url(/img/bg8_03.jpg) no-repeat; background-size: cover; border: 1px solid #343434; position: relative;} .vision-con ul li:nth-child(odd) .vision-pic{ position: absolute; right: 0; top: 0; transform: translateX(50%);width: 180px;border-radius: 90px;overflow: hidden; height: 180px;} .vision-con ul li:nth-child(odd) .vision-wen{ float: right; margin-right: 115px;} .vision-con ul li:nth-child(odd) .vision-wen h2{ font-size: 13px; color: #9c9c9c; text-align: right; margin-top: 24px;} .vision-con ul li:nth-child(odd) .vision-wen h2 span{ font-size: 20px; color: #00a0e9; padding-left: 18px;} .vision-con ul li:nth-child(odd) .vision-wen p{ width: 94%; float: right; font-size: 13px; color: #9c9c9c;line-height: 28px; margin-top: 20px; text-align: left;} .vision-con ul li:nth-child(odd):hover{ background: url(/img/bg9_03.jpg) no-repeat; background-size: cover;} .vision-con ul li:nth-child(2n){ float: right;} .vision-con ul li:nth-child(2n) .vision-pic{ position: absolute; left: 0; top: 0; transform: translateX(-50%);} .vision-con ul li:nth-child(2n) .vision-wen{ float: left; margin-left: 115px;} .vision-con ul li:nth-child(2n) .vision-wen h2{ font-size: 13px; color: #9c9c9c; margin-top: 24px;} .vision-con ul li:nth-child(2n) .vision-wen h2 span{ font-size: 20px; color: #00a0e9; padding-right: 18px;} .vision-con ul li:nth-child(2n) .vision-wen p{ width: 94%; font-size: 13px; color: #9c9c9c;line-height: 28px; margin-top: 20px;} .vision-con ul li:nth-child(2n):hover{ background: url(/img/bg10_03.jpg) no-repeat; background-size: 100% 100%;} .information{ padding: 48px 0 65px;} .information-tit{ text-align: center; margin-top: 40px;} .information-tit ul li{ display: inline-block; width: 126px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; background-color: #f2f2f2; border-radius: 2px; margin: 0 12px; transition: all ease-in-out .2s;} .information-tit ul li a{ display: block; color: #666; transition: all ease-in-out .2s;} .information-tit ul li.active{ background-color: #00a0e9;} .information-tit ul li.active a{ color: #fff;} .information-wen{ margin-top: 50px;} .infor-first{ width: 45.66%;} .infor-pic{ position: relative;} .infor-pic span{ position: absolute;display: block; width: 80px; height: 80px; background-color: #00a0e9; left: 0; top: 0; text-align: center; color: #fff;} .infor-pic span i{ display: block; font-style: normal; font-size: 48px; line-height: 1; margin-top: 8px;} .infor-first h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px;} .infor-first p{ font-size: 13px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin-top: 8px;} .infor-xq{ width: 126px; height: 36px; line-height: 36px; text-align: center; background-color: #9ea6ad; border-radius: 2px; margin-top: 34px; font-size: 13px; color: #fff; transition: all ease-in-out .2s;} .infor-xq:hover{ background-color: #00a0e9;} .infor-list{ width: 51.16%;} .infor-list ul li{ padding-bottom: 19px; margin-bottom: 22px; border-bottom: 1px solid #e5e5e5; overflow: hidden;} .infor-list ul li:last-child{ margin-bottom: 0;} .infor-list ul li .date{ width: 80px; height: 70px; padding-top: 10px; background: url(/img/bg11_03.jpg) no-repeat; background-size: cover; text-align: center; color: #b0b0b0; transition: all ease-in-out .2s;} .infor-list ul li .date i{ display: block; font-style: normal; font-size: 48px; line-height: 1;} .infor-list-wen{ margin-left: 100px;} .infor-list-wen h2{ font-size: 16px; color: #121212; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; transition: all ease-in-out .2s;} .infor-list-wen p{ font-size: 13px;color: #999; line-height: 28px; height: 56px; margin-top: 4px; overflow: hidden;} .infor-list ul li:hover .date{ background: url(/img/bg12_03.jpg) no-repeat; background-size: cover; color: #00a0e9;} .infor-list ul li:hover h2{ color: #00a0e9;} .diagnosis{ background-color: #f5f5f5; padding: 50px 0 56px;} .diagnosis-l{ margin-top: 50px; margin-bottom: 66px;} .diagnosis-l strong{ display: block; font-weight: normal; height: 32px; line-height: 32px; padding-left: 40px; background: url(/img/xlogo_03.jpg) no-repeat left center; font-size: 18px; color: #111; margin-bottom: 32px;} .diagnosis-l p{ font-size: 14px; color: #333; line-height: 38px; padding-left: 35px;} .diagnosis-l p.p1{ background: url(/img/ico1_03.png) no-repeat left center;} .diagnosis-l p.p2{ background: url(/img/ico2_03.png) no-repeat left center;} .diagnosis-l p.p3{ background: url(/img/ico3_03.png) no-repeat left center;} .diagnosis-l span{ float: left; margin: 21px 5px 0;} .diagnosis-r{ width: 65%; margin-top: 50px;} .diagnosis-r p{ font-size: 18px; color: #111; line-height: 32px;} .diagnosis-form input{ box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';/* width: 32.5%; margin: 0 0.6% 6px 0; */text-indent: 14px;} .diagnosis-form input.formbg1{ background: url(/img/ico6_03.jpg) no-repeat right 10px center!important;} .diagnosis-form input.formbg2{ background: url(/img/ico7_03.jpg) no-repeat right 10px center!important;} .diagnosis-form input.formbg3{ background: url(/img/ico8_03.jpg) no-repeat right 10px center!important; /*margin-right: 0; width: 33%;*/} .textarea{ box-sizing: border-box; width: 100%; border: 1px solid #333; height: 153px;} .textarea textarea{ width: 96%; height: 106px; font-size: 14px; color: #222; font-family: '微软雅黑'; padding: 1% 2%; background-color: transparent;} .textarea button{ width: 102px; height: 27px; border: 0; background-color: #1c1c1c; color: #fff; font-size: 14px; float: right; margin-right: 5px; cursor: pointer;} .diagnosis-l span.ewm{ position: relative;} .diagnosis-l span.ewm i{ display: block; width: 84px; height: 84px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none;} .diagnosis-l span.ewm:hover i{ display: block;} .link{ background-color: #1c1c1c; line-height: 36px; padding: 10px 0;} .link span{ color: #ccc; font-size: 13px;} .link a{ color: #666; font-size: 13px; padding: 0 13px; transition: all 0.2s ease-in-out 0s;} .link a:hover{ color: #fff;} .foot-b{ background-color: #242424; padding: 24px 0;} .foot-l{ margin-top: 20px;} .foot-l ul li{ float: left; font-size: 14px; height: 16px; line-height: 16px; padding: 0 18px; border-right: 1px solid #5f5f5f;} .foot-l ul li a{ color: #9c9c9c; transition: all 0.2s ease-in-out 0s;} .foot-l ul li a:hover{ color: #fff;} .foot-l ul li:last-child{ border-right: 0;} .foot-l p{ font-size: 14px; color: #5f5f5f; margin-top: 14px;} .foot-r img{ float: left;} .foot-r ul{ float: left; margin-left: 20px;} .foot-r ul li{ color: #888; font-size: 14px; line-height: 26px; opacity: 0.6;} /* 内页 */ .ny-banner{ height: 380px; position: relative;} .bawen2{ height: 380px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 9;} .banner-wen2{ position: absolute; left: 0; top: 92px; z-index: 9;} .banner-wen2 strong{ display: block;} .banner-wen2 span{ display: block; margin-top: 16px; color: #fff; font-size: 20px;} .banner-wen2 p{ font-size: 12px; color: #fff; opacity: .4; text-transform: uppercase; line-height: 18px; word-wrap : break-word; word-break: break-all; overflow: hidden; margin-top: 8px;} .ny-banner a{ position: absolute; top: 258px; z-index: 101;} .weizhi{ margin-bottom: 34px; text-align: right; color: #999; margin-top: 32px; overflow: hidden;} .weizhi span{ float: right; padding-left: 17px; background: url(/img/wz_03.jpg) no-repeat left center;} .weizhi a{ color: #999;} .ny-title{ text-align: center; margin: 28px 0;} .ny-title h2{ font-weight: normal; font-size: 24px; color: #121212;} .ny-title h2 span{ color: #00a0e9;} .ny-title p{ color: #999; text-transform: uppercase; margin-top: 8px;} .case-list ul li{ margin: 10px 30px; overflow: hidden; position: relative;} .case-list ul li .case-pic{ width: 55%;} .case-list ul li .case-wen{ width: 42%; border-top: 2px solid #313131; padding-top: 28px;} .case-list ul li .case-wen div{ font-size: 18px; color: #121212; margin-top: 14px; margin-left: 16px;} .case-list ul li .case-wen div span{ display: block; font-size: 60px; color: #00a0e9;} .case-list ul li .case-wen img{ float: right;} .case-list ul li .case-wen p{ box-sizing: border-box; display: block; padding-left: 16px; width: 100%; float: left; margin-top: 22px; font-size: 14px; color: #999; line-height: 26px; height: 78px; overflow: hidden;} .case-list ul li .case-wen b{ display: block; width: 60px; height: 18px; text-align: center; line-height: 18px; color: #fff; border-radius: 9px; margin-top: 28px; background-color: #9ea6ad; float: left; margin-left: 16px;} .case-list ul li .case-wen:after{ content: ""; position: absolute; width: 42%; height: 2px; background-color: #313131; right: 0; bottom: 0;} .case-list ul li.list2{ margin: 46px 30px; overflow: hidden; position: relative;} .case-list ul li.list2 .case-pic{ width: 55%;} .case-list ul li.list2 .case-wen{ width: 42%; border-top: 2px solid #313131; padding-top: 28px;} .case-list ul li.list2 .case-wen div{ font-size: 18px; color: #121212; margin-top: 14px; margin-right: 16px; text-align: right;} .case-list ul li.list2 .case-wen div span{ display: block; font-size: 60px; color: #00a0e9;} .case-list ul li.list2 .case-wen img{ float: left;} .case-list ul li.list2 .case-wen p{ box-sizing: border-box; display: block; width: 100%; float: left; margin-top: 22px; font-size: 14px; color: #999; line-height: 26px; height: 78px; overflow: hidden; padding-right: 16px; text-align: right;} .case-list ul li.list2 .case-wen b{ display: block; width: 60px; height: 18px; text-align: center; line-height: 18px; color: #fff; border-radius: 9px; margin-top: 28px; background-color: #9ea6ad; float: right; margin-right: 16px;} .case-list ul li.list2 .case-wen:after{ content: ""; position: absolute; width: 42%; height: 2px; background-color: #313131; left: 0; bottom: 0;} .kehu-list{ margin: 52px 0 55px;} /* 营销案例详情 */ .marketing{ margin-top: 64px; margin-bottom: 85px;} .marketing-detail-l{ width: 66.66%; background: url(/img/bg5_05.jpg) no-repeat; padding-top: 62px; padding-bottom: 24px; position: relative;} .marketing-detail-l:after{ content: ""; position: absolute; width: 100%; height: 70px; background-color: #f3f3f3; left: 0; bottom: 0; z-index: -1;} .marketing-detail-tit strong{ font-weight: normal; font-size: 28px; color: #fff; display: block; text-align: center;} .marketing-detail-tit span{ font-size: 14px; line-height: 30px; color: #fff; display: block; text-align: center; text-transform: uppercase;} .marketing-detail-l ul{ text-align: center; margin-top: 50px;} .marketing-detail-l ul li{ display: inline-block; width: 101px; height: 32px; text-align: center; line-height: 32px; color: #fff; border: 1px solid #fff; font-size: 14px; margin: 0 7px; cursor: pointer;} .marketing-detail-l ul li.active{ background-color: #fff; color: #00a0e9; position: relative;} .marketing-detail-l ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #fff; left: 50%; top: 100%; transform: translateX(-50%);} .marketing-detail-pad{ width: 589px; height: 705px; padding-top: 42px; background: url(/img/pad_03.png) no-repeat; margin: 34px auto 0;} .marketing-detail-item{ width: 471px; height: 639px; margin-left: 47px; border: 1px solid #e8e8e8;} .marketing-detail-r{ width: 28.75%;} .marketing-detail-r-tit{ padding-bottom: 22px; border-bottom: 1px dashed #c3c3c3;} .marketing-detail-r-tit span{ font-size: 14px; color: #aaa; float: right; margin: 25px 14px 0 0;} .marketing-detail-r-k{ border-bottom: 1px dashed #c3c3c3; padding-bottom: 14px;} .marketing-detail-r-k strong{ font-weight: normal; display: inline-block; padding: 0 25px; height: 36px; line-height: 36px; background-color: #f3f3f3; font-size: 18px; color: #202020; margin-top: 26px;} .marketing-detail-r-k p{ font-size: 14px; color: #888; line-height: 30px; margin-top: 10px;} .marketing-detail-r-k p span{ color: #00a0e9;} .marketing-detail-r-k ul{ margin-top: 18px;} .marketing-detail-r-k ul li{ margin-bottom: 15px; overflow: hidden;} .marketing-detail-r-k ul li span{ display: block; float: left; width: 34px; height: 34px; font-size: 18px; color: #888; text-align: center; line-height: 34px; background-color: #f3f3f3;} .marketing-detail-r-k ul li div{ margin-left: 42px; line-height: 34px; font-size: 14px; color: #888;} .marketing-detail-r-k p a{ display: block; color: #00a0e9;} .concept-con p{ font-size: 14px; color: #999; line-height: 30px; text-align: center;} .concept1{ text-align: center; margin-top: 60px; background: url(/img/bg13_05.png) no-repeat left 126px;} .concept1 .item{ display: inline-block; width: 31%; text-align: center;} .concept1 .item h3{ font-weight: normal; font-size: 18px; color: #00a0e9;} .concept1 .item > span{ font-size: 14px; color: #313131; display: block; margin-top: 12px;} .concept1 .item div{ width: 100px; height: 98px; margin: 28px auto 0; position: relative;} .concept1 .item div span{ display: block; width: 100px; height: 98px; position: absolute; left: 0; top: 0; background: url(/img/bg14_03.jpg) no-repeat;} .concept1 .item1 div span{ transform: rotate(0);} .concept1 .item2 div span{ transform: rotate(40deg);} .concept1 .item3 div span{ transform: rotate(80deg);} .concept1 .item div b{ display: block; width: 100px; height: 98px; position: absolute; left: 0; top: 0;} .concept1 .item1 div b{ background: url(/img/ico19_03.png) no-repeat;} .concept1 .item2 div b{ background: url(/img/ico20_03.png) no-repeat;} .concept1 .item3 div b{ background: url(/img/ico21_03.png) no-repeat;} .concept1 .item p{ display: inline-block; text-align: center; margin-top: 28px; font-size: 14px; color: #999; line-height: 28px;} .concept1 .item1:hover div span{ background: url(/img/bg15_03.jpg) no-repeat; transform: rotate(80deg); animation: concept linear 4s infinite;} .concept1 .item2:hover div span{ background: url(/img/bg15_03.jpg) no-repeat; transform: rotate(0deg); animation: concept2 linear 4s infinite;} .concept1 .item3:hover div span{ background: url(/img/bg15_03.jpg) no-repeat; transform: rotate(40deg); animation: concept3 linear 4s infinite;} .concept1 .item1:hover div b{ background: url(/img/ico22_03.png) no-repeat;} .concept1 .item2:hover div b{ background: url(/img/ico23_03.png) no-repeat;} .concept1 .item3:hover div b{ background: url(/img/ico24_03.png) no-repeat;} @keyframes concept{ 0%{transform: rotate(80deg);} 100%{transform: rotate(800deg);} } @keyframes concept2{ 0%{transform: rotate(0deg);} 100%{transform: rotate(800deg);} } @keyframes concept3{ 0%{transform: rotate(40deg);} 100%{transform: rotate(800deg);} } .yh-content{ background-color: #f5f5f5; margin-top: 50px; padding-top: 1px; border-bottom: 1px solid #e2e2e2;} .yh-con{ width: 1258px; margin: 70px auto 0;} .yh-con ul{ width: 89%; margin: 0 auto; padding-bottom: 10px; position: relative;} .yh-con ul li{ float: left; width: 20%; transition: all .2s ease-in-out;} .yh-con ul li.delay{ transition: all .5s ease-in-out;} .yh-ico{ width: 104px; height: 104px; border-radius: 50%; overflow: hidden; margin: 0 auto; box-shadow: 1px 1px 11px rgba(0,0,0,.12);} .ico1{ background: #fff url(/img/ico25_03.png) no-repeat; transition: all .2s ease-in-out;} .ico2{ background: #fff url(/img/ico26_03.png) no-repeat; transition: all .2s ease-in-out;} .ico3{ background: #fff url(/img/ico27_03.png) no-repeat; transition: all .2s ease-in-out;} .ico4{ background: #fff url(/img/ico28_03.png) no-repeat; transition: all .2s ease-in-out;} .ico5{ background: #fff url(/img/ico29_03.png) no-repeat; transition: all .2s ease-in-out;} .yh-con ul li b{ display: block; text-align: center; color: #121212; font-weight: normal; font-size: 18px; margin-top: 36px; position: relative; transition: all .2s ease-in-out;} .yh-con ul li b:after{ content: ""; position: absolute; width: 12px; height: 2px; background-color: rgba(112,112,112,1); left: 50%; margin-left: -6px; bottom: -18px; transition: all .2s ease-in-out;} .yh-con ul li p{ font-size: 14px; color: #999; text-align: center; margin-top: 30px; line-height: 26px; transition: all .2s ease-in-out;} .yh-con ul i{ position: absolute; bottom: -8px; opacity: 0; transition: all .2s ease-in-out;} .yh-con ul li.hover{ transform: translateY(-30px);} .yh-con ul li.hover .ico1{ background: #00a0e9 url(/img/ico30_03.png) no-repeat;} .yh-con ul li.hover .ico2{ background: #00a0e9 url(/img/ico31_03.png) no-repeat;} .yh-con ul li.hover .ico3{ background: #00a0e9 url(/img/ico32_03.png) no-repeat;} .yh-con ul li.hover .ico4{ background: #00a0e9 url(/img/ico33_03.png) no-repeat;} .yh-con ul li.hover .ico5{ background: #00a0e9 url(/img/ico34_03.png) no-repeat;} .yh-con ul li.hover b{ color: #00a0e9;} .yh-con ul li.hover b:after{ background-color: rgba(0,160,233,1);} .yh-con ul li.hover p{ color: #313131;} .yh-con ul:hover i{ opacity: 1;} .chose{ padding: 24px 0 48px;} .chose > img{ margin-top: 20px;} .service-team{ background: url(/img/bg16_02.jpg) no-repeat; background-size: cover; padding-top: 1px; padding-bottom: 36px;} .ny-title2 h2{ color: #fff;} .ny-title2 p{ color: #888;} .service-team-con{ margin-top: 55px;} .team-l{ width: 29.8%;} .team-l ul li{ text-align: right; color: #e0e2e6; padding-right: 30px; margin-bottom: 38px;} .team-l ul li h3{ font-size: 18px; font-weight: normal;} .team-l ul li p{ text-transform: uppercase; color: #686b70; margin-top: 8px;} .team-c{ width: 39.95%; text-align: center;} .team-r{ width: 30.25%;} .team-r ul li{ color: #e0e2e6; padding-left: 30px; margin-bottom: 38px;} .team-r ul li h3{ font-size: 18px; font-weight: normal;} .team-r ul li p{ text-transform: uppercase; color: #686b70; margin-top: 8px;} .team-l ul li.team1{ background: url(/img/bg17_03.png) no-repeat right 4px;} .team-l ul li.team2{ background: url(/img/bg17_03.png) no-repeat right -75px;} .team-l ul li.team3{ background: url(/img/bg17_03.png) no-repeat right -161px;} .team-l ul li.team4{ background: url(/img/bg17_03.png) no-repeat right -246px;} .team-r ul li.team1{ background: url(/img/bg18_03.png) no-repeat left 4px;} .team-r ul li.team2{ background: url(/img/bg18_03.png) no-repeat left -75px;} .team-r ul li.team3{ background: url(/img/bg18_03.png) no-repeat left -161px;} .team-r ul li.team4{ background: url(/img/bg18_03.png) no-repeat left -246px;} .Service-flow{ padding-top: 24px;} .Service-flow > img{ margin: 38px 0 64px;} .weizhi2{ width: 100%; border-bottom: 1px solid #e4e4e4; height: 77px;} .navname ul li{ float: left; padding: 0 28px; height: 32px; text-align: center; line-height: 32px; border-radius: 16px; margin-top: 21px; font-size: 16px;} .navname ul li.active{ border: 1px solid #e4e4e4;} .navname ul li a{ color: #202020; transition: all linear .2s;} .navname ul li a:hover{ color: #00a0e9;} .navname ul li.active a{ color: #00a0e9;} .crumbs{ height: 77px; border-left: 1px solid #e4e4e4; line-height: 77px; color: #bbb; padding-left: 26px;} .crumbs a{ color: #bbb; transition: all linear .2s;} .crumbs a:hover{ color: #00a0e9;} .impor-news{ margin-top: 60px;} .impor-news .item{ float: left; width: 46.66%;} .impor-news .item h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; margin-top: 40px; transition: all ease-in-out .2s;} .impor-news .item p{ font-size: 13px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin-top: 8px;} .infor-xq{ width: 126px; height: 36px; line-height: 36px; text-align: center; background-color: #9ea6ad; border-radius: 2px; margin-top: 34px; font-size: 13px; color: #fff; transition: all ease-in-out .2s;} .impor-news .item:hover .infor-xq{ background-color: #00a0e9;} .impor-news .item:last-child{ float: right;} .impor-news .item:hover h2{ color: #00a0e9;} .news-list{ margin-top: 72px; padding-top: 48px; position: relative;} .news-list ul{ padding-bottom: 45px;} .news-list:after{ content: ""; position: absolute; width: 1px; height: 100%; background-color: #b0b0b0; left: 50%; top: 0;} .news-list:before{ content: ""; position: absolute; width: 5px; height: 5px; background-color: #00a0e9; border-radius: 50%; left: 50%; top: 0; margin-left: -2px;} .news-list ul li{ overflow: hidden; position: relative;} .news-list ul li a:after{ content:""; clear:both; display:table; } .news-list ul li a:before{ content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #b0b0b0; background-color: #fff; right: -56px; top: 50%; margin-top: -5px; z-index: 99; transition: all ease-in-out .2s;} .news-list ul li a{ display: block; width: 45.83%; zoom: 1; position: relative;} .news-wen{ width: 78.9%;} .news-wen h2{ font-weight: normal; font-size: 16px; color: #121212; height: 20px; line-height: 20px; overflow: hidden; text-align: right; transition: all ease-in-out .2s;} .news-wen p{ font-size: 13px; color: #666; line-height: 28px; height: 56px; overflow: hidden; text-align: right; margin-top: 8px;} .news-date{ width: 80px; height: 75px; background: url(/img/bg11_03.jpg) no-repeat; background-size: cover; text-align: center; color: #b0b0b0; padding-top: 5px; transition: all ease-in-out .2s;} .news-date i{ font-style: normal; font-size: 42px; display: block;} .news-list ul li.news-odd a{ float: right;} .news-list ul li.news-odd .news-wen h2{ text-align: left;} .news-list ul li.news-odd .news-wen p{ text-align: left;} .news-list ul li.news-odd a:before{ right: auto; left: -54px;} .news-list ul li a:hover h2{ color: #00a0e9;} .news-list ul li a:hover .news-date{ background: url(/img/bg12_03.jpg) no-repeat; background-size: cover; color: #00a0e9;} .news-list ul li a:hover:before{ border: 1px solid #00a0e9;} a.loadmore, a.load-more{ display: block; width: 148px; height: 36px; background-color: #9ea6ad; margin: 52px auto 58px; text-align: center; line-height: 36px; border-radius: 2px; font-size: 13px; color: #fff;} .nywrap{ margin-top: 41px;} .nyleft{ width: 271px; margin-bottom: 66px;} .nyleft-tit{ height: 69px; line-height: 69px; background-color: #46454e; font-size: 18px; color: #fff; text-align: center;} .nyleft-tit span{ text-transform: uppercase; font-size: 14px; color: #aaa; padding-left: 12px;} .nyleft ul{ border: 1px solid #e4e4e4; border-top: 0; border-bottom: 0;} .nyleft ul li{ height: 72px; border-bottom: 1px solid #e4e4e4; padding: 0 22px 0 35px; font-size: 14px; line-height: 20px; overflow: hidden;} .nyleft ul li a{ display: block; color: #888; height: 40px; overflow: hidden; margin-top: 15px;} .nyleft ul li.Stick{ background: url(/img/stick_03.png) no-repeat 12px 19px;} .nyleft ul li:hover{ background-color: #eee;} .nyleft ul li:hover a{ color: #202020;} .nyright{ width: 872px;} .nyright-tit{ border-bottom: 2px solid #eee; height: 68px; line-height: 70px; overflow: hidden; font-size: 20px; color: #202020;} .nyright-tit span{ font-size: 14px; color: #bbb; text-transform: uppercase; padding-left: 12px;} .detail-tit{ text-align: center; height: 70px; line-height: 70px; font-size: 16px; color: #202020; border-bottom: 1px dashed #ccc;} .compile{ text-align: center;} .compile span{ display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #555; padding: 0 44px 0 63px; position: relative;} .compile span:after{ content: ""; position: absolute; width: 1px; height: 12px; background-color: #ddd; right: 0; top: 8px;} .compile .fx3{ display: inline-block; height: 28px; padding: 0 44px 0 68px; background: url(/img/de3_03.jpg) no-repeat 40px center; transform: translateY(19px);} .compile span.compile-name{ background: url(/img/de1_03.jpg) no-repeat 40px center;} .compile span.compile-date{ background: url(/img/de2_03.jpg) no-repeat 40px center;} .detail-con{ margin-bottom: 66px;} .detail-container p{ font-size: 14px; color: #999; line-height: 30px; text-indent: 2em; margin-top: 22px;} .detail-container img{ display: block; margin: 16px auto;} .label{ border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d;} .label-l a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 20px; border: 1px solid #46454e; margin-left: 6px; color: #29282d;} .label-l a:hover{ background-color: #46454e; color: #fff;} .label img{ margin: 0;} .fanye{ overflow: hidden; margin-top: 30px; margin-bottom: 62px;} .fanye p{ width: 45%; font-size: 14px; color: #777; float: left; padding-left: 34px; background: url(/img/fleft1_03.jpg) no-repeat left center;} .fanye p a{ color: #777;} .fanye p.next-chapter{ float: right; text-align: right; padding-left: 0; padding-right: 34px; background: url(/img/fright1_03.jpg) no-repeat right center;} .fanye p:hover{ color: #00a0e9; background: url(/img/fleft2_03.jpg) no-repeat left center;} .fanye p:hover a{ color: #00a0e9;} .fanye p.next-chapter:hover{ background: url(/img/fright2_03.jpg) no-repeat right center;} .interested{ margin-top: 44px;} .interested-tit{ height: 48px; line-height: 48px; font-size: 16px; color: #202020; border-bottom: 2px solid #f4f4f4;} .interested ul li{ padding-right: 30px; border-bottom: 1px dashed #e3e3e3; height: 50px; line-height: 50px; background: url(/img/jt1_03.jpg) no-repeat right center; overflow: hidden; font-size: 14px;} .interested ul li a{ display: block; color: #999;} .interested ul li span{ display: inline-block; margin-right: 24px; height: 14px; line-height: 14px; margin-top: 19px; font-size: 14px; color: #999; padding-right: 24px; border-right: 1px solid #d8d8d8;} .interested ul li:hover{ background: url(/img/jt2_03.jpg) no-repeat right center;} /* 曼朗视野 */ .nywrap-tit{ height: 145px; background-color: #f5f5f5;margin-top: 28px;} .viewtit{ position: relative;} .comt{ position: absolute; left: 0; top: 30px; background: url(/img/bg_03.png) no-repeat left top; height: 124px; color: #202020; font-size: 20px; padding-left: 45px; padding-top: 26px;} .comt span{ display: block; font-size: 14px; color: #aaa; text-transform: uppercase; margin-top: 6px;} .viewtit p{ color: #202020; font-size: 14px; line-height: 32px; margin-left: 240px; padding-top: 54px;} .viewtit p span{ color: #00a0e9;} .view-list{ margin-top: 86px;} .view-list ul li{ float: left; width: 22.5%; height: 320px; padding-bottom: 10px; margin-right: 3.33%; margin-bottom: 40px; overflow: hidden; position: relative;} .view-list ul li:nth-child(4n){ margin-right: 0;} .sy-pic{ height: 253px; overflow: hidden; position: relative; transition: all linear .2s;} .sy-pic img{ transition: all linear .2s;} .sy-wen{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); background-color: rgba(0,0,0,.6); display: none;} .sy-wen strong{ color: #fff; font-weight: normal; display: block; text-align: center; font-size: 16px; padding-top: 34px;} .sy-wen span{ width: 88.88%; margin: 10px auto 0; font-size: 14px; color: #fff; display: block; text-align: center; opacity: .7; border-bottom: 1px solid rgba(255,255,255,.7); padding-bottom: 16px;} .sy-wen p{ font-size: 14px; color: #c2c2c2; width: 88.88%; margin: 15px auto 0; line-height: 24px; height: 144px; overflow: hidden;} .view-list ul li i{ display: block; position: absolute; width: 243px; left: 14px; top: 249px; transition: all linear .2s;} .sy-js{ text-align: center;} .sy-js strong{ font-weight: normal; font-size: 16px; color: #202020; display: block; margin-top: 22px;} .sy-js p{ font-size: 14px; color: #aaa; margin-top: 4px;} .view-list ul li:hover .sy-pic{ height: 316px;} .view-list ul li:hover i{ top: 312px;} .sypaging{ margin: 20px 0 52px;} .team-w{ width: 100%; max-width: 1000px; margin: 50px auto; text-align: left;} .team-wr{ display: inline-block; position: relative;} .team-w a{ display: block; position: absolute; width: 160px; height: 160px;} .team-w a.team1{ left: 0px; top: 0px;} .team-w a.team2{ left: 720px; top: 0px;} .team-w a.team3{ left: 160px; top: 160px;} .team-w a.team4{ left: 640px; top: 240px;} .team-w a.team5{ left: 482px; top: 405px;} .team-w a.team6{ left: 0px; top: 485px;} .team-w a.team7{ left: 720px; top: 565px;} .team-w a.team8{ left: 240px; bottom: 0;} .team-item{ position: absolute; width:458px;padding-left: 317px; height:161px; display: none; } .team-item1{left:0px; top:0;} .team-item3{left:161px; top:161px; } .team-item6{left:0px; top:486px; } .team-item2{right:81px; top:0px; padding-right: 317px; padding-left:0;} .team-item4{right: 159px; top: 242px;padding-right: 317px; padding-left:0; } .team-item5{ right: 319px; top: 405px;padding-right: 317px; padding-left:0; } .team-item7{ right: 80px; bottom: 0px;padding-right: 317px; padding-left:0; } .team-item8{left:240px; bottom: 0px;} .team-item-w{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);height:161px; width:457px;background-color: rgba(0,0,0,.8); z-index: 1001;} .teat{height: 175px; background: url(/img/tbg.png) no-repeat;} .teat span{ display: block; width: 156px; height: 156px; margin: 0 auto; border-radius: 50%; border: 3px solid #0fb4ff; overflow: hidden; transform: translateX(4px);} .teat2{ border-top: none; padding:15px;} .teat2 h3{ color: #24baff; font-size: 20px; line-height: 25px; padding:0; display: inline-block; width:auto;} .teat2 span{ display: inline-block; width:auto; font-size: 14px; color: #fff; line-height: 25px; position: relative;} .teat2 p{margin-top:10px; padding-top:10px; border-top: 1px solid rgba(255,255,255,.2); font-size: 13px; color: #bbb; line-height: 20px; } .team-item-w i{ display: block; position: absolute; width: 24px; height: 24px; right: -62px; top: 15px; cursor: pointer;} .qq-zx{ position: fixed; left: 0; top: 40%; z-index: 9;} .qq-zx i{ display: block; width: 19px; height: 91px; position: absolute; left: 100%; top: 38px; cursor: pointer;} /* 关于曼朗 */ .box-who{ background:url(/img/ab_08.jpg) bottom repeat-x;} .bg-bot{ background:url(/img/abbg_40.jpg) no-repeat center center;} .title-h2{ font-size:20px; color:#202020; font-weight:normal; text-align:center; line-height:21px; padding-top:10px; padding-bottom:60px;} .title-h2 p{ color:#aaa; font-size:14px;} .who-l{ width:30%;} .who-r{ width:60%; color:#888888; font-size:14px; line-height:24px;} .who-r strong{ color:#00a0e9; font-weight:normal;} .who-r p{ padding-bottom:25px;} .who-r p:last-child{ padding-bottom:0;} .who-r h3{ font-size:18px; color:#202020; margin-bottom:50px; font-weight:normal;} .who-r h3 span{ color:#aaa;} .who-r h3 a{ color:#202020;} .line-more{ height:65px; text-align:right; background:url(/img/ab_03.jpg) no-repeat top right;} .line-more a{ display: inline-block; width:94px; height:27px; line-height:27px; color:#29282d; border:1px solid #29282d; margin:19px ; text-align:center;} .line-more a:hover{color:#00a0e9; border:1px solid #00a0e9;} .box-do{ padding-top:50px; background:url(/img/ab_08.jpg) bottom repeat-x; font-size:14px; color:#202020; } .line-more-lf{ background:url(/img/ab_03.jpg) no-repeat top left; color:#aaa; font-size:14px; text-align:left;} .line-lf{ width:75%; float:left; text-indent:2em; line-height:65px;} .line-rg{ width:23%; float:right; color:#00a0e9; text-align:right;} .line-rg a{ margin-right:0;} .box-do ul{ overflow:hidden;} .box-do li{ width:19%; float:left; margin-bottom:45px; text-align:center; padding:0 3%; word-break:break-all;transition:all 0.2s;} .box-do li img{ display: inline-block; margin-bottom:25px;transition:all 0.2s;} .box-do li span{ line-height:25px; min-height:50px; display:block;} .box-do li:hover img{-webkit-transform:translateY(10px);-moz-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px); } .box-do li:hover{ color:#00a0e9;} .box-chose{ padding-top:50px; overflow:hidden; width:100%; padding-bottom:50px;} .box-chose .bx-pager{ display:none;} .box-chose .title-h2{ padding-bottom:40px;} .chose-list{ position:relative;} .chose-list .slide{ text-align: center; } .chose-list ul{ margin:0 auto; width:1200px;} .chose-list li{ width:1200px; text-align:center; width:100%;} .box-chose .bx-controls-direction{ position:absolute; top:50%; width:100%; margin-top:-19px;} .box-chose .bx-prev{ background:#f4f4f4 url(/img/left_03.png) no-repeat center center; display:block; width:38px; height:38px; left:0; float:left; text-indent:-99999px;} .box-chose .bx-next{ background:#f4f4f4 url(/img/right_03.png) no-repeat center center; display:block; width:38px; height:38px; right:0; float:right;text-indent:-99999px;} .resp-form{ height: 373px; background: url(/img/respbg_02.jpg) no-repeat; background-size: cover;} .ourteam{ margin-top: 84px;} .ourteam .line-more{ margin-top: 20px; background: none; border-bottom: 1px dashed #bbb;} .ourteam .line-lf{ text-indent: 0;} .ourteam .line-lf span{ color:#00a0e9;} /* 联系我们 */ .contact{ margin-bottom: 75px;} .contact-tit strong{ font-size: 20px; color: #fff; font-weight: normal; display: block; width: 142px; height: 41px; line-height: 41px; text-align: center; background-color: #46454e; margin: 41px auto 0; position: relative;} .contact-tit strong:after{ content: ""; position: absolute; width: 21px; height: 24px; right: -46px; top: -10px; background: url(/img/pao_03.jpg) no-repeat;} .contact-tit b{ display: block; text-align: center; font-size: 14px; color: #202020; text-transform: uppercase; height: 40px; line-height: 40px; font-weight: normal;} .contact-tit p{ font-size: 14px; color: #46454e; text-align: center; line-height: 28px;} .contact-tit span{ display: block; text-align: center; text-transform: uppercase; color: #aaa; line-height: 24px;} .contact-k{ margin-bottom: 70px;} .contact-ico{ border-bottom: 1px dotted #ccc; padding-bottom: 19px; margin-top: 50px;} .contact-ico span{ display: block; width: 33.33%; float: left; text-align: center;} .contact-wen ul li{ float: left; width: 33.33%; text-align: center; line-height: 24px; font-size: 14px; color: #202020; margin-top: 16px;} .paging{ text-align: right; margin: 39px 0;} .paging span{ display: inline-block; width: 38px; height: 38px; background-color: #f4f4f4; text-align: center; line-height: 38px; font-size: 14px; margin: 0 4px;} .paging span a{ color: #999; display: block;} .paging span img.left2, .paging span img.right2{ display: none;} .paging span.active{ background-color: #12a3ff;} .paging span.active a{ color: #fff;} .paging span:hover{ background-color: #12a3ff;} .paging span:hover a{ color: #fff;} .paging span:hover img.left1{ display: none;} .paging span:hover img.left2{ display: inline-block;} .paging span:hover img.right1{ display: none;} .paging span:hover img.right2{ display: inline-block;} .a_add{ display: block; width:200px; border-radius: 20px; height: 40px; margin:0 auto; text-align: center; color: #fff; font-size: 15px; line-height: 40px; text-align:center; background:#00a0e9; margin-top:30px;border:1px solid #00a0e9; transition: all .1s; } .a_add:hover{ color: #00a0e9; background: #fff; border:1px solid #00a0e9; transition: all .5s;} .sider_box{ position: fixed; right:0; top:65%; z-index: 99;} .sider_box p{ margin-bottom: 10px; text-align: center; } .sider_box p a{height: 24px; width:70px; border:1px solid #d9d9d9; border-radius: 3px; display: block; text-align: center; background: #fff; color: #272727; position: relative; padding-top: 46px;} .sider_box p a span{ position: absolute; right:80px; top:-10px; display: inline-block; width:154px; display:none;} .sider_box p a span img{ width:100%; } .sider_box p a:hover span{ display: block; } .sider_box p img{ display: block; width:26px; margin:0 auto; padding-top:11px; padding-bottom: 9px;} .sider_box p a.over1{ background:#fff url(/img/seo_sid_03.png) no-repeat center 11px; } .sider_box p a.over2{ background:#fff url(/img/seo_sid.png) no-repeat center 11px; } .sider_box p a.over3{ background:#fff url(/img/seo_sid_02.png) no-repeat center 11px; } .sider_box p a.over1:hover{ background:#00a0e9 url(/img/seo_03.png) no-repeat center 11px; color: #fff; } .sider_box p a.over2:hover{ background:#00a0e9 url(/img/seo_sid_01.png) no-repeat center 11px;color: #fff; } .sider_box p a.over3:hover{ background:#00a0e9 url(/img/4.png) no-repeat center 11px; color: #fff; } /*样式完*/ /*2017-07-24 修改*/ .diagnosis-form-item { box-sizing: border-box; float: left; width: 50%; padding-bottom: 27px; } .diagnosis-form-item .iptxt, .diagnosis-form-item .select { width: 100%; color: #222;} .diagnosis-form-item-1 { padding-right: 13px; } .diagnosis-form-item-2 { padding-left: 13px; } .diagnosis-form-item-3 { width: 100%; float: none;} .diagnosis-form-item .ipbtn { display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; color: #fff; background-color: #1c1c1c; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999!important;; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999!important;; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999!important;; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999!important; } .diagnosis-form-item select { box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';text-indent: 14px; } .ui-multiselect.mySelect.ui-multiselect-menu { padding: 0;} .ui-multiselect.mySelect .ui-multiselect-checkboxes li { padding: 5px;} .ui-multiselect.mySelect { border: 1px solid #333; height: 43px; line-height: 40px; font-size: 14px; color: #222; background: #fff; overflow: hidden; } .ui-multiselect.mySelect .ui-icon { background: url(/img/select_bg.png) no-repeat left center; height: 42px; } .ui-multiselect.mySelect.ui-state-active .ui-icon, .mySelect .ui-button:active .ui-icon { background: url(/img/select_bg.png) no-repeat left center; height: 42px;} .ui-icon-triangle-1-s { background-position: 0 0;} .ui-multiselect.mySelect span:nth-child(2) { display: block;} .ui-multiselect.mySelect .ui-multiselect-checkboxes label { padding-left: 5px;} /*2017-08-09 about.html*/ .chose-list { width: 94%; margin: 0 auto; } .chose-list img { display: block; margin: 0 auto;} .chose-list .slick-prev, .chose-list .slick-next { width: 36px; height: 69px; margin-top: -35px; opacity: 1; } .chose-list .slick-prev { left: -36px; background: url(/img/prev.png) no-repeat; } .chose-list .slick-next { right: -36px; background: url(/img/next.png) no-repeat; } .chose-list .slick-prev:before, .chose-list .slick-next:before { content: ''; }