@charset "utf-8"; .clear { clear: both; } .fl { float:left; } .fr { float:right; } #fuwu_location {width:100%;height:160px;position: relative;} #fuwu_location .nav_bx {width:100%;height:90px;background-color:#5b5b5b;position: absolute;z-index: 99;left: 0px;top: 0px;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;} #fuwu_location .nav_bx .nav_list { width:1200px; height:34px; margin:0 auto; padding-top:28px; text-align:center;} #fuwu_location .nav_bx .nav_list a {height:34px;font-size: 16px;line-height:34px;color:#000;text-decoration: none;display: inline-block;margin-right:70px;text-align: center;width:124px; background-color:#e1e1e1;border-radius:3px;} #fuwu_location .nav_bx .nav_list a:hover {color: #FFFFFF;text-decoration: none; background-color:#f16600; font-weight:bold;} #fuwu_location .nav_bx .nav_list .cur {color: #FFFFFF;text-decoration: none;background-color:#f16600; font-weight:bold;} #fuwu_location .subnav_bx {background-color:#747474;width:100%;height:70px;position: absolute;z-index: 100;left: 0px;top: 90px;} #fuwu_location .subnav_bx .subnav_list {width:1200px; height:26px; padding-top:22px; margin:0 auto; text-align:center;} #fuwu_location .subnav_bx .subnav_list a {height:26px;font-size: 14px;line-height:26px;color:#000;text-decoration: none;display: inline-block;margin-right:30px;text-align: center;width:105px; background-color:#e1e1e1;border-radius:3px;} #fuwu_location .subnav_bx .subnav_list a:hover {color: #FFFFFF;text-decoration: none;background-color:#f16600; font-weight:bold;} #fuwu_location .subnav_bx .subnav_list .cur {color: #FFFFFF;text-decoration: none;background-color:#f16600; font-weight:bold;} /*网站建设：------------------------------------------------------------------------------------------------------------------------------------------------*/ .Main{ width:1200px; margin:0 auto;} .official_website_bg{ width:100%; background:url(../images/bg30.jpg) no-repeat center bottom;} .official_website_bg .official_website{ background:url(../images/bg35.png) no-repeat top left; width:860px; padding-left:43px;} .official_website_bg{ position:relative;} .official_website_bg .img{ position:absolute; left:50%; bottom:1px; width:1200px; margin-left:-600px;} .official_website_bg .img img{ position:absolute; right:80px; bottom:0; width:700px;} .official_website_bg .img2 img{ width:550px;} .ServicesBox .divBox .title{ display:block; font-size:4em; color:#ff6c00; line-height:1; padding-top:28px;} .ServicesBox .divBox .brief{ display:block; font-size:2em; color:#ff6c00;line-height:2;} .ServicesBox .divBox .p{ font-size:1.167em; line-height:24px; margin-top:10px; text-indent:2em;} .ServicesBox .divBox .see_more{ display:inline-block; width:135px; height:40px; background:url(../images/bg36.png) no-repeat center top; font-size:1.333em; color:#555; padding-left:25px; line-height:40px; margin-top:40px;} .ServicesBox .divBox .see_more:hover{ background:url(../images/bg36_2.png) no-repeat center top; color:#fff;} .ServicesBox .divBox .caselist{ padding-top:40px; width:300px; overflow:hidden;} .ServicesBox .divBox .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; } .ServicesBox .divBox .caselist ul li{ float:left; width:148px; height:58px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; position:relative;} .ServicesBox .divBox .caselist ul li img{width:148px; height:58px;} .ServicesBox .divBox .caselist ul li span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); color:#fff; text-align:center; line-height:58px; display:none;} /*.ServicesBox .divBox .caselist ul li .gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/ .ServicesBox2 .divBox .title,.ServicesBox2 .divBox .brief{ text-align:right;} .ServicesBox2 .divBox .span_more{ display:block; text-align:right;} .ServicesBox2 .divBox .span_more .see_more{ padding-left:0; padding-right:45px;} .ServicesBox2 .divBox .caselist{ width:448px; float:right;} .online_store_bg{ width:100%; background:url(../images/bg31.jpg) no-repeat center center;} .online_store_bg .online_store{ background:url(../images/bg37.png) no-repeat top right; width:610px; padding-right:40px; float:right;} .Interactive_Marketing_bg{ width:100%; background:url(../images/bg32.jpg) no-repeat center center;} .Interactive_Marketing_bg .Interactive_Marketing{ background:url(../images/bg38.png) no-repeat top left; width:365px; padding-left:45px;} .Interactive_Marketing_bg .divBox .p{ color:#fff;} .Interactive_Marketing_bg .divBox .see_more{ color:#fff;} .Interactive_Marketing_bg .divBox .caselist ul{ border-top:#363c4f 1px solid; border-left:#363c4f 1px solid; } .Interactive_Marketing_bg .divBox .caselist ul li{ border-bottom:#363c4f 1px solid; border-right:#363c4f 1px solid; } .Brand_Website_bg{ width:100%; background:url(../images/bg33.jpg) no-repeat center center;} .Brand_Website_bg .Brand_Website{ background:url(../images/bg39.png) no-repeat top right; width:490px; padding-right:38px; float:right;} .Industry_Portal_bg{ width:100%; background:url(../images/bg34.jpg) no-repeat center center;} .Industry_Portal_bg .Industry_Portal{ width:440px; padding-left:45px; background:url(../images/bg41.png) no-repeat left top;} .Industry_Portal_bg .divBox .caselist{ width:448px;} .information_network_bg{width:100%; background:url(../images/bg35.jpg) no-repeat center center;} .information_network_bg .information_network{background:url(../images/bg40.png) no-repeat top right; width:575px; padding-right:25px; float:right;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/ /*app----------------------------------------------------------------------------------------------*/ /*menu*/ #menu{position: fixed; right: 32px; top: 50%; width: 150px; height: 535px; list-style-type: none; z-index: 999; margin-top: -200px;transition:all .4s;-webkit-transition:all .4s;} #menu.xt{margin-top: -537px;} #menu ul{ border-right: 1px dashed #fff;transition:all .4s;-webkit-transition:all .4s;} #menu li{ width: 120px; text-align: right;position: relative; margin-bottom: 20px;} #menu li.active:after{ width: 15px; height: 14px; border-radius: 50%; background: #fff; content: ''; display: block; position: absolute;right: -37px;top: 4px;transition:all .4s;-webkit-transition:all .4s;} #menu li a{font-size: 15px; color: #fff;transition:all .4s;-webkit-transition:all .4s;} #menu .a1{ background: url(../images/menu_1.png) no-repeat center; width: 22px; height: 33px; position: absolute; right: -5px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;} #menu .a2{ background: url(../images/menu_2.png) no-repeat center; width: 51px; height: 33px; position: absolute; right: 52px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;} #menu .a2 i{background: url(../images/menu_3.png) no-repeat; width: 7px; height: 9px; display: block;position: absolute;left: 50%; margin-left: -3.5px;transition:all .4s;-webkit-transition:all .4s;} #menu .a2 i.s1{ background-position:center top; top:2px;} #menu .a2 i.s2{ background-position:center bottom;bottom: 2px;} #menu.on ul{ border-right: 1px dashed #724009;} #menu.on li.active:after{ background: #724009;} #menu.on li a{color: #724009;} #menu.on .a1{ background-image: url(../images/menu_1-1.png);} #menu.on .a2{ background-image: url(../images/menu_2-1.png);} #menu.on .a2 i{background-image: url(../images/menu_3—1.png);} #menu.on1 .a2 i.s1{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;} #menu.on2 .a2 i.s2{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;} /*text*/ .text-fr{ position: absolute; width: 560px;top: 50%;left: 50%;margin: -120px 0 0 143px;} .text-fr-10{ position: absolute; width: 560px;top: 50%;left: 50%;margin: -120px 0 0 143px;} .text-fl{ position: absolute; width: 560px;top: 50%;left: 50%;margin: -120px 0 0 -671px;} .text .text-1{ width: 100%; color: #fff;} .text .text-1 h3{font-size: 37px;line-height: 48px; text-align: left;} .text .text-1 h5{font-size: 20px;line-height: 32px; margin-bottom: 20px; text-align: left;} .text .text-1 p{ font-size: 18px;line-height: 30px; margin-bottom: 20px; text-align: left;} .text .text-2 { color: #fff;} .text .text-2 h4{ font-size: 26px; line-height: 48px; text-align: left;} .text .text-2 ul{ padding: 10px 0;margin-left: -18px;} .text .text-2 ul li{ float: left; width: 102px;text-align: center; margin-bottom: 8px;} .text .text-2 ul li i{ display: block; width: 100%; height: 58px;display: block; font-size: 42px; line-height: 58px;} .text .text-3{ color: #fff;} .text .text-3 h4{ font-size: 26px; line-height: 70px; text-align: left;} .text .text-3 p{ height: 75px;overflow: height;} .text .text-3 p a{ width: 75px; height: 75px;float: left; margin-right: 15px;} .text .text-3 p a img{ width: 100%;} .text .text-3 .more{box-sizing: border-box;font-size: 20px;color: #fff;width: 222px; height: 44px;line-height: 44px; border: 2px solid #fff;display: block;border-radius: 3px;text-align: center;margin-top:54px;-webkit-transition:all .2s;transition:all .2s;position: relative;} .text .text-3 .more span{position: relative;z-index: 9; line-height: 44px; display: block;} .text .text-3 .more:after{content: '';display: block;position: absolute;width: 0;background: #fff;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;} .text.c724009 .text-3 .more:after{content: '';display: block;position: absolute;width: 0;background: #724009;height: 100%;-webkit-transition:all .2s;transition:all .2s;left:0;top:0;} .text .text-3 .more:hover:after{width: 100%;} .text .text-3 .more:hover{color: #fff; background: #fff;} .page2 .text .text-3 .more:hover{color: #f2684c;} .page3 .text .text-3 .more:hover{color: #3ec6ae;} .page4 .text .text-3 .more:hover{color: #ffb329;} .page5 .text .text-3 .more:hover{color: #e3493d;} .page6 .text .text-3 .more:hover{color: #01b760;} .page7 .text .text-3 .more:hover{color: #fda73a;} .page8 .text .text-3 .more:hover{color: #4987d2;} .page9 .text .text-3 .more:hover{color: #fdd13d;} .page10 .text .text-3 .more:hover{color: #7d5ee8;} .text.c724009 .text-1{color: #724009;} .text.c724009 .text-2 { color: #724009;} .text.c724009 .text-3{ color: #724009;} .text.c724009 .text-3>a{color: #724009;border: 2px solid #724009;} .text.c724009 .text-3>a:hover{background: #724009;} .active .text-fr .text-1{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} .active .text-fr .text-2{-webkit-animation:fadeInRight 1.4s;animation:fadeInRight 1.4s;} .active .text-fr .text-3{-webkit-animation:fadeInRight 1.6s;animation:fadeInRight 1.6s;} .active .text-fl .text-1{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;} .active .text-fl .text-2{-webkit-animation:fadeInLeft 1.4s;animation:fadeInLeft 1.4s;} .active .text-fl .text-3{-webkit-animation:fadeInLeft 1.6s;animation:fadeInLeft 1.6s;} /*page1*/ .page1{ overflow: hidden;} /*.page1 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-350px 0 0 -1280px; background:url(../images/bg_1.jpg) no-repeat center; background-size: 100%;} .page1 .kfapp{ position: absolute; width: 587px; height: 108px; background: url(../images/page1_3.png) no-repeat center;top: 50%;left: 50%; margin:-306px 0 0 -294px;} .page1 .box{position: absolute; width: 888px; height: 453px; background: url(../images/page1_2.png) no-repeat center;top: 50%;left: 50%; margin:-206px 0 0 -480px;} .page1 .phone{position: absolute; width: 613px; height: 170px; background: url(../images/page1_1.png) no-repeat center;top: 50%;left: 50%; margin:134px 0 0 -298px;} .page1 .coord{position: absolute; width: 1200px; height: 280px;top: 50%;left: 50%;margin: 422px 0 0 -600px;}*/ .page1 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../images/bg_1.jpg) no-repeat center; background-size: 100%;} .page1 .kfapp{ position: absolute; width: 587px; height: 108px; background: url(../images/page1_3.png) no-repeat center;top: 50%;left: 50%; margin:-400px 0 0 -294px;} .page1 .box{position: absolute; width: 888px; height: 453px; background: url(../images/page1_2.png) no-repeat center;top: 50%;left: 50%; margin:-322px 0 0 -480px;} .page1 .phone{position: absolute; width: 613px; height: 170px; background: url(../images/page1_1.png) no-repeat center;top: 50%;left: 50%; margin:25px 0 0 -298px;} .page1 .coord{position: absolute; width: 1200px; height: 280px;top: 50%;left: 50%;margin: 284px 0 0 -600px;} .page1 .coord a{ display: block;} .page1 .coord .bb-1{position: absolute; width: 97px; height: 93px;top: 28px;left: 0px;} .page1 .coord .bb-2{position: absolute; width: 98px; height: 91px;top: -76px;left: 156px;} .page1 .coord .bb-3{position: absolute; width: 78px; height: 75px;top: -56px;left: 320px;} .page1 .coord .bb-4{position: absolute; width: 87px; height: 88px;top: -32px;left: 470px;} .page1 .coord .bb-5{position: absolute; width: 81px; height: 75px;top: -88px;left: 632px;} .page1 .coord .bb-6{position: absolute; width: 98px; height: 91px;top: -150px;right: 160px;} .page1 .coord .bb-7{position: absolute; width: 84px; height: 79px;top: -26px;right: 344px;} .page1 .coord .bb-8{position: absolute; width: 72px; height: 66px;top: 28px;right: 218px;} .page1 .coord .bb-9{position: absolute; width: 116px; height: 77px;top: 24px;right: 0px;} .page1 .coord .bb-1 a{display: block; width: 97px; height: 93px; background: url(../images/page1_4.png) no-repeat center;} .page1 .coord .bb-2 a{display: block; width: 98px; height: 91px; background: url(../images/page1_5.png) no-repeat center;} .page1 .coord .bb-3 a{display: block; width: 78px; height: 75px; background: url(../images/page1_6.png) no-repeat center;} .page1 .coord .bb-4 a{display: block; width: 87px; height: 88px; background: url(../images/page1_7.png) no-repeat center;} .page1 .coord .bb-5 a{display: block; width: 81px; height: 75px; background: url(../images/page1_8.png) no-repeat center;} .page1 .coord .bb-6 a{display: block; width: 98px; height: 91px; background: url(../images/page1_9.png) no-repeat center;} .page1 .coord .bb-7 a{display: block; width: 84px; height: 79px; background: url(../images/page1_10.png) no-repeat center;} .page1 .coord .bb-8 a{display: block; width: 72px; height: 66px; background: url(../images/page1_11.png) no-repeat center;} .page1 .coord .bb-9 a{display: block; width: 116px; height: 77px; background: url(../images/page1_12.png) no-repeat center;} .active .kfapp{-webkit-animation:flipInX 2s;animation:flipInX 2s;} .active .box{-webkit-animation:bounceInDown 1s;animation:bounceInDown 1s;} .active .phone{-webkit-animation:swing 1s;animation:swing 1s;} .active .coord .bb-1{-webkit-animation:bounceInUp 1.1s;animation:bounceInUp 1.1s;} .active .coord .bb-2{-webkit-animation:bounceInUp 1.2s;animation:bounceInUp 1.2s;} .active .coord .bb-3{-webkit-animation:bounceInUp 1.3s;animation:bounceInUp 1.3s;} .active .coord .bb-4{-webkit-animation:bounceInUp 1.4s;animation:bounceInUp 1.4s;} .active .coord .bb-5{-webkit-animation:bounceInUp 1.5s;animation:bounceInUp 1.5s;} .active .coord .bb-6{-webkit-animation:bounceInUp 1.6s;animation:bounceInUp 1.6s;} .active .coord .bb-7{-webkit-animation:bounceInUp 1.7s;animation:bounceInUp 1.7s;} .active .coord .bb-8{-webkit-animation:bounceInUp 1.8s;animation:bounceInUp 1.8s;} .active .coord .bb-9{-webkit-animation:bounceInUp 1.9s;animation:bounceInUp 1.9s;} .page1 .coord span a:hover{-webkit-animation:bounce 1s;animation:bounce 1s;} /*page2*/ /*#page2{ transition: all .4s ease;}*/ .page2 .app-yd{position: absolute; width: 576px; height: 647px; background: url(../images/page2.png) no-repeat center; top: 50%;left: 50%; margin: -189px 0 0 -654px;} .page2 .app-yd .yd-1{ position: absolute; width: 299px; height: 441px; /*background: url(../images/page2_2.png) no-repeat center;*/top: 204px;left: 150px;} .page2 .app-yd .yd-2{ position: absolute; width: 287px; height: 159px; /*background: url(../images/page2_3.png) no-repeat center;*/top: 462px;left: 62px;} .page2 .app-yd .yd-3{ position: absolute; width: 108px; height: 161px; /*background: url(../images/page2_4.png) no-repeat center;*/top: 435px;right: 83px;} .page2 .app-yd .yd-4{ position: absolute; width: 105px; height: 117px; /*background: url(../images/page2_5.png) no-repeat center;*/top: 502px;right: 18px;} .page2 .app-yd .yd-5{ position: absolute; width: 48px; height: 48px; /*background: url(../images/page2_6.png) no-repeat center;*/top: 56px;left: 236px;} .page2 .app-yd .yd-6{ position: absolute; width: 47px; height: 47px;/* background: url(../images/page2_7.png) no-repeat center;*/top: 295px;left: 90px;} .page2 .app-yd .yd-7{ position: absolute; width: 51px; height: 51px; /*background: url(../images/page2_8.png) no-repeat center;*/top: 124px;right: 132px;} .page2 .app-yd .yd-8{ position: absolute; width: 64px; height: 64px; /*background: url(../images/page2_9.png) no-repeat center;*/top: 265px;right: 76px;} .page2 .app-yd .yd-9{ position: absolute; width: 71px; height: 71px; /*background: url(../images/page2_10.png) no-repeat center;*/top: 144px;left: 105px;} .page2 .app-yd .yd-10{ position: absolute; width: 576px; height: 428px;/* background: url(../images/page2_1.png) no-repeat center;*/top: 72px;left: -15px;} .active .app-yd{-webkit-animation:zoomIn .9s;animation:zoomIn .9s;} .active .app-yd .yd-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;} .active .app-yd .yd-2{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} .active .app-yd .yd-3{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .active .app-yd .yd-4{-webkit-animation:zoomIn 1.3s;animation:zoomIn 1.3s;} .active .app-yd .yd-5{-webkit-animation:rotateInDownLeft 1.5s;animation:rotateInDownLeft 1.5s;} .active .app-yd .yd-6{-webkit-animation:rotateInDownLeft 1.7s;animation:rotateInDownLeft 1.7s;} .active .app-yd .yd-7{-webkit-animation:rotateInDownRight 1.9s;animation:rotateInDownRight 1.9s;} .active .app-yd .yd-8{-webkit-animation:rotateIn 2.1s;animation:rotateIn 2.1s;} .active .app-yd .yd-9{-webkit-animation:rotateIn 2.3s;animation:rotateIn 2.3s;} .active .app-yd .yd-10{-webkit-animation:zoomIn 2.5s;animation:zoomIn 2.5s;} /*page3*/ .page3 .app-cy{position: absolute; width: 613px; height: 599px; background: url(../images/page3.png) no-repeat center; top: 50%;left: 50%; margin: -166px 0 0 60px;} .page3 .app-cy .cy-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page3_1.png) no-repeat center;*/bottom: -40px;left: 0px; } .page3 .app-cy .cy-2{position: absolute; width: 360px; height: 463px;/*background: url(../images/page3_2.png) no-repeat center;*/bottom: 4px;left: 126px; } .page3 .app-cy .cy-3{position: absolute; width: 41px; height: 28px;/*background: url(../images/page3_3.png) no-repeat center;*/top: 350px;left: 162px; } .page3 .app-cy .cy-4{position: absolute; width: 42px; height: 35px;/*background: url(../images/page3_10.png) no-repeat center;*/top: 321px;right: 104px; } .page3 .app-cy .cy-5{position: absolute; width: 56px; height: 31px;/*background: url(../images/page3_4.png) no-repeat center;*/top: 298px;left: 88px; } .page3 .app-cy .cy-6{position: absolute; width:49px; height: 25px;/*background: url(../images/page3_9.png) no-repeat center;*/top: 256px;right: 128px; } .page3 .app-cy .cy-7{position: absolute; width:64px; height: 51px;/*background: url(../images/page3_5.png) no-repeat center;*/top: 172px;left: 66px; } .page3 .app-cy .cy-8{position: absolute; width:54px; height: 68px;/*background: url(../images/page3_8.png) no-repeat center;*/top: 110px;right: 66px; } .page3 .app-cy .cy-9{position: absolute; width:50px; height: 43px;/*background: url(../images/page3_7.png) no-repeat center;*/top: 96px;right: 138px; } .page3 .app-cy .cy-10{position: absolute; width:58px; height: 104px;/*background: url(../images/page3_6.png) no-repeat center;*/top: -14px;left: 164px; } .active .app-cy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-cy .cy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .active .app-cy .cy-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;} .active .app-cy .cy-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;} .active .app-cy .cy-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;} .active .app-cy .cy-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;} .active .app-cy .cy-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;} .active .app-cy .cy-7{-webkit-animation:fadeInDown 2.4s;animation:fadeInDown 2.4s;} .active .app-cy .cy-8{-webkit-animation:fadeInDown 2.6s;animation:fadeInDown 2.6s;} .active .app-cy .cy-9{-webkit-animation:fadeInDown 2.8s;animation:fadeInDown 2.8s;} .active .app-cy .cy-10{-webkit-animation:fadeInDown 3s;animation:fadeInDown 3s;} /*page4*/ .page4 .app-jr{position: absolute; width: 604px; height: 681px; background: url(../images/page4.png) no-repeat center; top: 50%;left: 50%; margin: -270px 0 0 -672px;} .page4 .app-jr .jr-1{position: absolute; width: 371px; height: 495px;/*background: url(../images/page4_2.png) no-repeat center;*/top: 200px;left: 78px;} .page4 .app-jr .jr-2{position: absolute; width: 482px; height: 431px;/*background: url(../images/page4_4.png) no-repeat center;*/top: 190px;left: 50px;} .page4 .app-jr .jr-3{position: absolute; width: 435px; height: 303px;/*background: url(../images/page4_3.png) no-repeat center;*/top: 82px;left: 106px;} .page4 .app-jr .jr-4{position: absolute; width: 604px; height: 481px;/*background: url(../images/page4_1.png) no-repeat center;*/top: 56px;left: 0px;} .active .app-jr{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-jr .jr-1{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;} .active .app-jr .jr-2{-webkit-animation:zoomIn 2s;animation:zoomIn 2s;} .active .app-jr .jr-3{-webkit-animation:flipInY 2s;animation:flipInY 2s;} .active .app-jr .jr-4{-webkit-animation:zoomIn 2.2s;animation:zoomIn 2.2s;} /*page5*/ .page5 .app-yl{position: absolute; width: 576px; height: 624px; background: url(../images/page5.png) no-repeat center; top: 50%;left: 50%; margin: -166px 0 0 68px;} .page5 .app-yl .yl-1{position: absolute; width: 531px; height: 363px;/*background: url(../images/page5_1.png) no-repeat center;*/top: 318px;left: 18px;} .page5 .app-yl .yl-2{position: absolute; width: 397px; height: 531px;/*background: url(../images/page5_6.png) no-repeat center;*/top: 147px;left: 127px;} .page5 .app-yl .yl-3{position: absolute; width: 70px; height: 76px;/*background: url(../images/page5_2.png) no-repeat center;*/top: 56px;right: 186px;} .page5 .app-yl .yl-4{position: absolute; width: 96px; height: 100px;/*background: url(../images/page5_3.png) no-repeat center;*/top: 282px;left: 34px;} .page5 .app-yl .yl-5{position: absolute; width: 100px; height: 104px;/*background: url(../images/page5_4.png) no-repeat center;*/top: 154px;right: 5px;} .page5 .app-yl .yl-6{position: absolute; width: 105px; height: 105px;/*background: url(../images/page5_5.png) no-repeat center;*/top: 44px;left: 58px;} .active .app-yl{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-yl .yl-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;} .active .app-yl .yl-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;} .active .app-yl .yl-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;} .active .app-yl .yl-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;} .active .app-yl .yl-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;} .active .app-yl .yl-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;} /*page6*/ .page6 .app-ly{position: absolute; width: 648px; height: 626px; background: url(../images/page6.png) no-repeat center; top: 50%;left: 50%; margin: -179px 0 0 -730px;} .page6 .app-ly .ly-1{position: absolute; width: 498px; height: 557px;/*background: url(../images/page6_1.png) no-repeat center;*/top: 66px;left: 153px;} .page6 .app-ly .ly-2{position: absolute; width: 125px; height: 106px;/*background: url(../images/page6_2.png) no-repeat center;*/top: 168px;left: 100px;} .page6 .app-ly .ly-3{position: absolute; width: 195px; height: 154px;/*background: url(../images/page6_3.png) no-repeat center;*/top: 34px;left: 244px;} .page6 .app-ly .ly-4{position: absolute; width: 158px; height: 80px;/*background: url(../images/page6_4.png) no-repeat center;*/top: 200px;right: 68px;} .page6 .app-ly .ly-5{position: absolute; width: 87px; height: 60px;/*background: url(../images/page6_5.png) no-repeat center;*/top: 338px;left: -28px;} .active .app-ly{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-ly .ly-1{-webkit-animation:zoomIn 1.2s;animation:zoomIn 1.2s;} .active .app-ly .ly-2{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.6s;} .active .app-ly .ly-3{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.8s;} .active .app-ly .ly-4{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;} .active .app-ly .ly-5{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;} /*page7*/ .page7 .app-jz{position: absolute; width: 575px; height: 575px; background: url(../images/page7.png) no-repeat center; top: 50%;left: 50%; margin:-134px 0 0 50px;} .page7 .app-jz .jz-1{position: absolute; width: 620px; height: 299px;/*background: url(../images/page7_1.png) no-repeat center;*/top: 300px;left: -25px;} .page7 .app-jz .jz-2{position: absolute; width: 437px; height: 313px;/*background: url(../images/page7_2.png) no-repeat center;*/top: 252px;left: 67px;} .page7 .app-jz .jz-3{position: absolute; width: 143px; height: 139px;/*background: url(../images/page7_3.png) no-repeat center;*/top: 472px;right: -24px;} .page7 .app-jz .jz-4{position: absolute; width: 42px; height: 42px;/*background: url(../images/page7_4.png) no-repeat center;*/top: 195px;left: 182px;} .page7 .app-jz .jz-5{position: absolute; width: 56px; height: 56px;/*background: url(../images/page7_5.png) no-repeat center;*/top: 228px;right: 78px;} .page7 .app-jz .jz-6{position: absolute; width: 63px; height: 66px;/*background: url(../images/page7_6.png) no-repeat center;*/top: 54px;left: 120px;} .page7 .app-jz .jz-7{position: absolute; width: 85px; height: 85px;/*background: url(../images/page7_7.png) no-repeat center;*/top: 136px;left: -6px;} .page7 .app-jz .jz-8{position: absolute; width: 99px; height: 99px;/*background: url(../images/page7_8.png) no-repeat center;*/top: 99px;right: 2px;} .page7 .app-jz .jz-9{position: absolute;width: 124px; height: 128px;/*background: url(../images/page7_9.png) no-repeat center;*/top: 48px;right: 150px;} .active .app-jz{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-jz .jz-1{-webkit-animation:flipInX 1.2s;animation:flipInX 1.2s;} .active .app-jz .jz-2{-webkit-animation:zoomIn 1.4s;animation:zoomIn 1.4s;} .active .app-jz .jz-3{-webkit-animation:rotateInDownRight 1.4s;animation:rotateInDownRight 1.4s;} .active .app-jz .jz-4{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;} .active .app-jz .jz-5{-webkit-animation:fadeInUp 1.8s;animation:fadeInUp 1.8s;} .active .app-jz .jz-6{-webkit-animation:fadeInUp 2s;animation:fadeInUp 2s;} .active .app-jz .jz-7{-webkit-animation:fadeInUp 2.2s;animation:fadeInUp 2.2s;} .active .app-jz .jz-8{-webkit-animation:fadeInUp 2.4s;animation:fadeInUp 2.4s;} .active .app-jz .jz-9{-webkit-animation:fadeInUp 2.6s;animation:fadeInUp 2.6s;} /*page8*/ .page8 .app-dc{position: absolute; width: 613px; height: 591px; background: url(../images/page8.png) no-repeat center; top: 50%;left: 50%; margin: -161px 0 0 -688px;} .page8 .app-dc .dc-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page8_1.png) no-repeat center;*/bottom: -10px;left: 0px;} .page8 .app-dc .dc-2{position: absolute; width: 404px; height: 400px;/*background: url(../images/page8_2.png) no-repeat center;*/bottom: 28px;left: 113px;} .page8 .app-dc .dc-3{position: absolute; width: 60px; height: 26px;/*background: url(../images/page8_3.png) no-repeat center;*/top: 294px;right: 38px;} .page8 .app-dc .dc-4{position: absolute; width: 121px; height: 44px;/*background: url(../images/page8_4.png) no-repeat center;*/top: 246px;left: 42px;} .page8 .app-dc .dc-5{position: absolute; width: 81px; height: 37px;/*background: url(../images/page8_5.png) no-repeat center;*/top: 90px;left: 196px;} .active .app-dc{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-dc .dc-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .active .app-dc .dc-2{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;} .active .app-dc .dc-3{-webkit-animation:zoomIn 4s;animation:zoomIn 4s;} .active .app-dc .dc-4{-webkit-animation:zoomIn 3s;animation:zoomIn 3s;} .active .app-dc .dc-5{-webkit-animation:zoomIn 5s;animation:zoomIn 5s;} /*page9*/ .page9 .app-sj{position: absolute; width: 667px; height: 584px; background: url(../images/page9.png) no-repeat center; top: 50%;left: 50%; margin: -136px 0 0 15px;} .page9 .app-sj .sj-1{position: absolute; width: 388px; height: 452px;/*background: url(../images/page9_1.png) no-repeat center;*/top: 110px;left: 168px;} .page9 .app-sj .sj-2{position: absolute; width: 76px; height: 86px;/*background: url(../images/page9_2.png) no-repeat center;*/top: -4px;left: 224px;} .page9 .app-sj .sj-3{position: absolute; width: 105px; height: 93px;/*background: url(../images/page9_3.png) no-repeat center;*/top: 238px;left: 80px;} .page9 .app-sj .sj-4{position: absolute; width: 112px; height: 96px;/*background: url(../images/page9_4.png) no-repeat center;*/top: 218px;right: 54px;} .page9 .app-sj .sj-5{position: absolute; width: 152px; height: 134px;/*background: url(../images/page9_5.png) no-repeat center;*/top: 40px;left: 28px;} .page9 .app-sj .sj-6{position: absolute; width: 235px; height: 233px;/*background: url(../images/page9_6.png) no-repeat center;*/top: -138px;right: -24px;} .active .app-sj{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-sj .sj-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .active .app-sj .sj-2{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;} .active .app-sj .sj-3{-webkit-animation:fadeInLeft 1.8s;animation:fadeInLeft 1.8s;} .active .app-sj .sj-4{-webkit-animation:fadeInRight 1.8s;animation:fadeInRight 1.8s;} .active .app-sj .sj-5{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;} .active .app-sj .sj-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;} /*page10*/ .page10 .app-hy{position: absolute; width: 667px; height: 584px; background: url(../images/page10.png) no-repeat center; top: 50%;left: 50%; margin: -158px 0 0 -712px;} .page10 .app-hy .hy-1{position: absolute; width: 613px; height: 99px;/*background: url(../images/page10_2.png) no-repeat center;*/bottom: -5px;left: 30px;} .page10 .app-hy .hy-2{position: absolute; width: 395px; height: 353px;/*background: url(../images/page10_3.png) no-repeat center;*/bottom: 42px;left: 132px;} .page10 .app-hy .hy-3{position: absolute; width: 560px; height: 245px;/*background: url(../images/page10_1.png) no-repeat center;*/top: 42px;left: 50px;} .active .app-hy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active .app-hy .hy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .active .app-hy .hy-2{-webkit-animation:zoomIn 1.8s;animation:zoomIn 1.8s;} .active .app-hy .hy-3{-webkit-animation:flipInX 2s;animation:flipInX 2s;} /*page11*/ .page11{background-image: url(../images/bg_2.jpg);background-repeat: no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_2.jpg', sizingMethod='scale')\9;} .page11 .hnkf-app{ width: 1200px; height: 680px; position: absolute; top: 50%;left: 50%;margin: -278px 0 0 -600px;} .page11 .hnkf-app h3{ position: absolute;top: 0; left: 0; font-size: 38px; color: #fff; text-align: left;} .page11 .hnkf-app h3 span{ font-size: 18px; color: #fff; opacity: .5; display: block; line-height: 30px; text-transform: uppercase;} .page11 .hn-tab{ width: 100%; position: absolute;top: 124px;left: 0;} .page11 .hn-tab .hn-hd li{ float: left; width: 142px; height: 40px;text-align: center; margin-right: 10px;} .page11 .hn-tab .hn-hd li a{ width: 100%; line-height: 40px; font-size: 16px; color: #fff; display: block; border-radius:3px; } .page11 .hn-tab .hn-hd li.on .a1{ background: #f06d3e;} .page11 .hn-tab .hn-hd li.on .a2{ background: #3edab1;} .page11 .hn-tab .hn-hd li.on .a3{ background: #3c3788;} .page11 .hn-tab .hn-hd li.on .a4{ background: #e0338f;} .page11 .hn-tab .hn-bd{ width: 1200px; height: 481px; position: relative;overflow: hidden; margin-top: 35px;} .page11 .hn-tab .hn-bd ul li{ overflow: hidden;} .page11 .hn-tab .hn-bd ul li img{ width: 100%; display:block; /*background:url(../images/loading.gif) center center no-repeat;*/ } /*.page11 .hn-tab .hn-bd{}*/ .page11 .hn-tab .hn-bd ul li.jssl_1{position: absolute;top: 0;left: 0;width: 240px; height: 241px;} .page11 .hn-tab .hn-bd ul li.jssl_2{position: absolute;bottom: 0;left: 0;width: 240px; height: 240px;} .page11 .hn-tab .hn-bd ul li.jssl_3{position: absolute;top: 0;left: 240px;width: 238px; height: 481px;} .page11 .hn-tab .hn-bd ul li.jssl_4{position: absolute;top: 0;left: 478px;width: 241px; height: 241px;} .page11 .hn-tab .hn-bd ul li.jssl_5{position: absolute;top: 0;right: 0;width: 481px; height: 241px;} .page11 .hn-tab .hn-bd ul li.jssl_6{position: absolute;bottom: 0;right: 0;width: 238px; height: 240px;} .page11 .hn-tab .hn-bd ul li.jssl_7{position: absolute;bottom: 0;right: 238px; width: 485px; height: 240px;} .page11 .hn-tab .hn-bd ul li.tdcy_1{position: absolute;top: 0;left: 0;width: 240px; height: 241px;} .page11 .hn-tab .hn-bd ul li.tdcy_2{position: absolute;bottom: 0;left: 0;width: 240px; height: 240px;} .page11 .hn-tab .hn-bd ul li.tdcy_3{position: absolute;top: 0;right: 240px; width: 240px; height: 240px;} .page11 .hn-tab .hn-bd ul li.tdcy_4{position: absolute;bottom: 0;right: 0; width: 240px; height: 481px;} .page11 .hn-tab .hn-bd ul li.tdcy_5{position: absolute;bottom: 0;left: 240px; width: 240px; height: 241px;} .page11 .hn-tab .hn-bd ul li.tdcy_6{position: absolute;bottom: 0;right: 240px; width: 480px; height: 241px;} .page11 .hn-tab .hn-bd ul li.tdcy_7{position: absolute;top: 0;left: 240px; width: 480px; height: 240px;} .page11 .hn-tab .hn-bd ul li.wgsj_1{position: absolute;top: 0;left: 0;width: 480px; height: 241px;} .page11 .hn-tab .hn-bd ul li.wgsj_2{position: absolute;top: 0;left: 481px;width: 240px; height: 241px;} .page11 .hn-tab .hn-bd ul li.wgsj_3{position: absolute;top: 0;right: 240px; width: 239px; height: 481px;} .page11 .hn-tab .hn-bd ul li.wgsj_4{position: absolute;top: 0;right: 0; width: 240px; height: 241px;} .page11 .hn-tab .hn-bd ul li.wgsj_5{position: absolute;bottom: 0;right: 0; width: 240px; height: 240px;} .page11 .hn-tab .hn-bd ul li.wgsj_6{position: absolute;bottom: 0;left:0; width: 239px; height: 240px;} .page11 .hn-tab .hn-bd ul li.wgsj_7{position: absolute;bottom: 0;left: 240px; width: 481px; height: 240px;} .page11 .hn-tab .hn-bd ul li.zzfw_1{position: absolute;top: 0;left: 0;width: 481px; height: 241px;} .page11 .hn-tab .hn-bd ul li.zzfw_2{position: absolute;top: 0;left: 481px;width: 238px; height: 241px;} .page11 .hn-tab .hn-bd ul li.zzfw_3{position: absolute;bottom: 0;left: 0; width: 241px; height: 240px;} .page11 .hn-tab .hn-bd ul li.zzfw_4{position: absolute;bottom: 0;left: 241px; width: 478px; height: 240px;} .page11 .hn-tab .hn-bd ul li.zzfw_5{position: absolute;bottom: 0;right: 240px; width: 241px; height: 240px;} .page11 .hn-tab .hn-bd ul li.zzfw_6{position: absolute;bottom: 0;right:0; width: 240px; height: 240px;} .page11 .hn-tab .hn-bd ul li.zzfw_7{position: absolute;top: 0;right: 0; width: 481px; height: 241px;} .page11 .hn-tab .hn-bd ul li:hover img{-webkit-animation:pulse 1s;animation:pulse 1s;} .active .hnkf-app h3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;} .active .hn-tab{-webkit-animation:zoomIn 1.2s;animation:zoomIn 1.2s;} .page11 .hn-tab .hn-bd ul.on li.jssl_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;} .page11 .hn-tab .hn-bd ul.on li.jssl_2{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.jssl_3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;} .page11 .hn-tab .hn-bd ul.on li.jssl_4{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.4s;} .page11 .hn-tab .hn-bd ul.on li.jssl_5{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} .page11 .hn-tab .hn-bd ul.on li.jssl_6{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.5s;} .page11 .hn-tab .hn-bd ul.on li.jssl_7{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_2{-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.5s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_3{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_4{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.4s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_5{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_6{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.tdcy_7{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_2{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;;} .page11 .hn-tab .hn-bd ul.on li.wgsj_3{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_4{-webkit-animation:fadeInRight 1.5s;animation:fadeInRight 1.4s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_5{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_6{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;} .page11 .hn-tab .hn-bd ul.on li.wgsj_7{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_1{-webkit-animation:fadeInLeft 1.5s;animation:fadeInLeft 1.5s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_2{-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_3{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_4{-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.4s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_5{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_6{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;} .page11 .hn-tab .hn-bd ul.on li.zzfw_7{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;} /*page12*/ .page12{background-image: url(../images/bg_3.jpg);background-repeat: no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_3.jpg', sizingMethod='scale')\9;} .page12 .hnly-app{ width: 1200px; height: 540px; position: absolute; top: 50%;left: 50%;margin: -204px 0 0 -600px;} .page12 .hnly-app h3{ position: absolute;top: 0; left: 0; font-size: 38px; color: #fff; text-align: left;} .page12 .hnly-app h3 span{ font-size: 18px; color: #fff; opacity: .5; display: block; line-height: 30px; text-transform: uppercase;} .page12 .hnly-app .hn-ly{ width: 100%; position: absolute;top: 124px;left: 0;} .page12 .hnly-app .hn-ly .fl{ width: 542px;} .page12 .hnly-app .hn-ly .fl label{ display: block;height: 50px; background: url(../images/ly-bg.png) repeat; border-radius: 4px; margin-bottom: 20px;position: relative;} .page12 .hnly-app .hn-ly .fl label i{ font-size: 18px; color: red;position: absolute;top: 18px; left:7px;} .page12 .hnly-app .hn-ly .fl label input{background-color: transparent; border: none; width: 100%;height: 50px; line-height: 50px;box-sizing: border-box; padding-left: 60px; padding-right:8px;font-size: 16px; color: #98a0aa;} .page12 .hnly-app .hn-ly .fl label.cc-1{ width: 100%;} .page12 .hnly-app .hn-ly .fl label.cc-2{ width: 100%;} .page12 .hnly-app .hn-ly .fl label.cc-3{ width: 264px; float: left;} .page12 .hnly-app .hn-ly .fl label.cc-4{ width: 264px; float: right;} .page12 .hnly-app .hn-ly .fl label.cc-5{ width: 372px; float: left;} .page12 .hnly-app .hn-ly .fl .p2 span.yzm{ float: left;padding-left:10px;padding-top:7px} .page12 .hnly-app .hn-ly .fl label.cc-1 input{ background: url(../images/ly_1.png) no-repeat 18px center; width: 100%;} .page12 .hnly-app .hn-ly .fl label.cc-2 input{ background: url(../images/ly_2.png) no-repeat 18px center; width: 100%;} .page12 .hnly-app .hn-ly .fl label.cc-3 input{ background: url(../images/ly_3.png) no-repeat 18px center; width: 264px; float: left;} .page12 .hnly-app .hn-ly .fl label.cc-4 input{ background: url(../images/ly_4.png) no-repeat 18px center; width: 264px; float: right;} .page12 .hnly-app .hn-ly .fl label.cc-5 input{ background: url(../images/ly_5.png) no-repeat 18px center; width: 372px; float: left;} .page12 .hnly-app .hn-ly .fl .p3{ font-size: 14px; color: #98a0aa; text-align: left;} .page12 .hnly-app .hn-ly .fr{ width: 542px; position: relative;} .page12 .hnly-app .hn-ly .fr label{ display: block; background: url(../images/ly_6.png) no-repeat center; width: 60px; height: 50px; position: absolute;top: 0;left: 0;} .page12 .hnly-app .hn-ly .fr textarea{ width: 100%; height:260px;background: url(../images/ly-bg.png) repeat; box-sizing: border-box; padding: 15px 10px 10px 60px;font-size: 16px; color: #98a0aa;border-radius: 4px;border: none; overflow: hidden;} .page12 .hnly-app .hn-ly .fr p{text-align: right; margin-top: 20px;} .page12 .hnly-app .hn-ly .fr input{ width: 182px; height: 50px; border: none; border-radius:5px; background: #009efe; font-size: 16px; color: #fff;} .active1 .hnly-app{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;} .active1 .hnly-app h3{-webkit-animation:fadeInDown 1.2s;animation:fadeInDown 1.2s;} /*app end------------------------------------------------------------------------------------------*/ /*营销----------------------------------------------------------------------------------------------*/ /*seo*/ #seo_box { width:1200px; margin:0 auto; padding:40px 0;} #seo_box .text_bx_01 {background: url(../images/seo_bg_01.png) no-repeat top center;border-bottom: 0;padding-bottom: 0;padding: 30px 0;} #seo_box .text_bx_01 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #seo_box .text_bx_01 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #seo_box .text_bx_02 {padding: 20px 0;border-bottom: 1px solid #ccc;} #seo_box .text_bx_02 .left_bx { width:700px; float:left; } #seo_box .text_bx_02 .right_bx { width:376px; float:right;} #seo_box .text_bx_02 .left_bx h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #seo_box .text_bx_02 .left_bx p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #seo_box .text_bx_03 {padding-bottom:50px; text-align:center; border-bottom: 1px solid #ccc;} #seo_box .text_bx_03 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #seo_box .text_bx_03 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #seo_box .text_bx_03 img { margin-top:40px;} #seo_box .text_bx_04 { border-bottom: 1px solid #ccc;padding-bottom: 80px; text-align:center; padding-top:40px;} #seo_box .text_bx_04 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #seo_box .text_bx_04 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #seo_box .text_bx_04 img { margin-top:30px;} /*google*/ #google_box { width:1200px; margin:0 auto; padding:40px 0;} #google_box .text_bx_01 {padding: 40px 0;border-bottom: 1px solid #ccc;} #google_box .text_bx_01 .left_bx { width:530px; float:left;} #google_box .text_bx_01 .right_bx { width:478px; float:right;} #google_box .text_bx_01 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #google_box .text_bx_01 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #google_box .text_bx_02 {padding: 40px 0;border-bottom: 1px solid #ccc;} #google_box .text_bx_02 .left_bx { width:600px; float:left; } #google_box .text_bx_02 .right_bx { width:490px; float:right;} #google_box .text_bx_02 .right_bx h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #google_box .text_bx_02 .right_bx p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #google_box .text_bx_03 {padding:40px 0; text-align:center; border-bottom: 1px solid #ccc;} #google_box .text_bx_03 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #google_box .text_bx_03 h4 { font-size:14px;color: #737373; font-weight:normal; line-height:32px; padding-bottom:20px;} #google_box .text_bx_03 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #google_box .text_bx_03 img { margin-top:40px;} #google_box .text_bx_04 { border-bottom: 1px solid #ccc;padding-bottom: 80px; text-align:center; padding-top:40px;} #google_box .text_bx_04 h3 {margin-top: 20px;font-size: 30px;margin-bottom: 30px;text-align: center;color: #333;font-weight: 500;} #google_box .text_bx_04 p {text-align: center;font-weight: 100;line-height: 2;font-size: 15px; color: #333;} #google_box .text_bx_04 img { margin-top:30px;} /*zhengan_seo*/ #zhengan_box { width:100%; margin:0 auto; padding:0 0 40px 0;} #zhengan_box .tit_w { width:100%; height:246px; background:url(../images/zhengzhan_img_01.jpg) no-repeat center center;} #zhengan_box .text_fx { width:1200px; margin:0 auto; text-align:center; margin-top:40px;} #zhengan_box .text_fx img { margin-bottom:30px;} #zhengan_box .text_fx h2 {font-size: 30px;line-height: 30px;font-weight: bold;color: #c62626;text-decoration: line-through;text-align: center;} #zhengan_box .text_fx h3 {font-size: 26px;line-height: 30px;font-weight: bold;text-align: center;margin-top: 20px;} #zhengan_box .text_fx h3 b { font-size:36px;} #zhengan_box .pk_bx { height:226px; background:url(../images/zhengzhan_img_03.jpg) no-repeat center center; margin-top:30px;} #zhengan_box .pk_jg {margin:30px auto 0 auto;height: 540px;width: 1000px;overflow: hidden;} #zhengan_box .pk_jg .pk-box-fl {width: 490px;height: 540px;overflow: hidden;float: left;} #zhengan_box .pk_jg .pk-box-fl .pk-h480 {height: 480px;width: 490px;overflow: hidden;} #zhengan_box .pk_jg .pk-box-fl .pk-h480 .box {height: 460px;width: 296px;border: 4px solid #dedede;overflow: scroll;overflow-x:hidden;padding: 6px;} #zhengan_box .pk_jg .pk-box-fl .pk-h480 .fr {height: 460px;width: 160px;} #zhengan_box .pk_jg .pk-box-fl .pk-h480 .fr p {background: url(../images/zhengzhan_img_05.jpg) no-repeat;height: 50px;width: 138px;overflow: hidden;padding-left: 20px;vertical-align: bottom;padding-top: 8px;margin-top: 15px;} #zhengan_box .pk_jg .pk-box-fl .pk-h480 .fr p:hover{color: #FFF;cursor: Pointer;text-shadow:0px 1px 3px #000; -webkit-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ -moz-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ -o-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ background-image: url(../images/index_54.jpg); } #zhengan_box .pk_jg .pk-box-fl span {font-size: 16px;line-height: 60px;} #zhengan_box .pk_jg .pk-box-fr {width: 490px;height: 540px;overflow: hidden;float: right;} #zhengan_box .pk_jg .pk-box-fr .pk-h350 {height: 350px;width: 490px;overflow: hidden;} #zhengan_box .pk_jg .pk-box-fr .pk-h350 .box {height: 330px;width: 296px;border: 4px solid #dedede;overflow: scroll;overflow-x:hidden;padding: 6px;} #zhengan_box .pk_jg .pk-box-fr .pk-h350 .fr {height: 460px;width: 160px;} #zhengan_box .pk_jg .pk-box-fr .pk-h350 .fr p {background: url(../images/zhengzhan_img_08.jpg) no-repeat;height: 50px;width: 138px;overflow: hidden;padding-left: 20px;vertical-align: bottom;padding-top: 8px;margin-top: 15px;} #zhengan_box .pk_jg .pk-box-fr .pk-h350 .fr p:hover{color: #FFF;cursor: Pointer;text-shadow:0px 1px 3px #000; -webkit-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ -moz-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ -o-transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ transition:background 0.9s ease-out, color 0.4s ease-out, text-shadow 0.8s ease-out;/* 它可以设置很多过渡效果 */ background-image: url(../images/zhengzhan_img_09.jpg); } #zhengan_box .pk_jg .pk-box-fr span {height: 59px;display: block;width: 490px;line-height: 59px;font-size: 30px;font-weight: bold;background: url(../images/index_58.jpg) no-repeat 140px 18px;text-align: center;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #dedede;margin-bottom: 10px;margin-top: 10px;} #zhengan_box .pk_jg .pk-box-fr em {font-size: 24px;font-style: normal;font-weight: bold;text-align: center;line-height: 40px;} #zhengan_box .pk_jg .pk-box-fr b {color: #ff6c0c;font-size: 36px;font-weight: bold;line-height: 40px;text-align: center;} /*google zhengzhan seo*/ #G_zhengzhan_box { width:100%; padding:40px 0;} #G_zhengzhan_box .jianjie { width:1100px; margin:0 auto; text-align:center; padding-bottom:30px;} #G_zhengzhan_box .jianjie h2 { font-size:40px; line-height:100px; color:#333; font-weight:normal;} #G_zhengzhan_box .jianjie p { font-size:18px; line-height:32px; color:#333;} #G_zhengzhan_box .w1140 { width:1140px; margin:0 auto;} #G_zhengzhan_box .share{ padding:0 0 2rem;} #G_zhengzhan_box .share_tab{ background:#00a4fe; text-align:center; padding:1rem 0 0;} #G_zhengzhan_box .share_tab p{ font-size:1.7rem; color:#fff; padding:0 0 1rem; float:left; width:100%; font-weight:700;} #G_zhengzhan_box .share_tab p span{ font:1.2rem Britannic Bold Regular;} #G_zhengzhan_box .share_tab ul{ clear:both;} #G_zhengzhan_box .share_tab li{ width:20%; float:left; cursor:pointer; padding:1rem 0; position:relative;} #G_zhengzhan_box .share_tab li span{ font-size:1.3rem; color:#fff; margin:0 5px 0 0; font-family:calligraphy;} #G_zhengzhan_box .share_tab li img{ width:4.3rem; height:4.3rem; border:0.13rem solid transparent; border-radius:50%;} #G_zhengzhan_box .share_tab .on img{ border-color:#ffd200;} #G_zhengzhan_box .share_tab .on span{ color:#ffd200;} #G_zhengzhan_box .share_tab .on:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:0; border:1rem #00a4fe solid; border-color:#00a4fe transparent transparent; transform:translate(-50%,99%); -webkit-transform:translate(-50%,99%);} #G_zhengzhan_box .share_main ul{ margin:2rem 0 0; display:none;} #G_zhengzhan_box .share_main ul:first-child{ display:block;} #G_zhengzhan_box .share_main li{ width:18%; height:25px; line-height:25px; text-align:center; float:left; margin:0 2.5% 1px 0; position:relative; background:#eee; color:#393939; font-size:14px; overflow:hidden; border-radius:5px;} #G_zhengzhan_box .share_main span{display:block; position:absolute; left:-2px; top:2px; width:100%; height:100%; font-size:12px; color:#fff; text-align:center; line-height:25px; z-index:99; background:#00a4fe; border-radius:5px; transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all .7s; -webkit-transition:all .7s;} #G_zhengzhan_box .share_main .span{ transform:translateX(0); -webkit-transform:translateX(0);} #G_zhengzhan_box .goucheng { width:1200px; margin:0 auto; text-align:center; padding-bottom:40px; padding-top:30px;} #G_zhengzhan_box .goucheng h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal;} #G_zhengzhan_box .goucheng p { font-size:20px; line-height:36px; color:#333; margin-bottom:20px;} #G_zhengzhan_box .neirong { width:100%; background: #eee; padding:50px 0; text-align:center;} #G_zhengzhan_box .neirong h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal;} #G_zhengzhan_box .neirong .cont { width:1200px; text-align:center; margin:0 auto;} #G_zhengzhan_box .liucheng { width:1200px; margin:0 auto; text-align:center;} #G_zhengzhan_box .liucheng h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal;} #G_zhengzhan_box .liucheng .cont { width:1200px; text-align:center;} /*google jingjia*/ #google_jingjia { width:100%; padding:0;} #google_jingjia .gj_cont { width:100%; padding:40px 0px;} #google_jingjia .gj_cont .text { width:1200px; margin:0 auto; text-align:center;} #google_jingjia .gj_cont .text h2 { font-size:30px; line-height:40px; padding-bottom:30px;} #google_jingjia .gj_cont .text p { font-size:16px; line-height:26px;} /*hai wai tui guang*/ #haiwai { width:100%; padding:0;} #haiwai .hw_cont { width:100%; padding:40px 0px;} #haiwai .hw_cont h2 {font-family: myfont;font-weight: normal;font-size: 60px;height: 52px;line-height: 52px;padding-top: 20px;text-align: center;} #haiwai .hw_cont h3 {font-size: 24px;font-weight: normal; height: 36px;line-height: 36px;background: url(../images/title_f2.png) no-repeat center;text-align: center;} #haiwai .hw_cont p { padding:20px; text-align:center;} #haiwai .img_01 { height:265px; background:url(../images/haiwai_img_03.jpg) no-repeat center center;} #haiwai .img_02 { height:800px; background:url(../images/haiwai_img_04.jpg) no-repeat center center;} /*44444444444------------------------*/ /*yuing*/ #yuming { width:100%; padding:50px 0; background-image:url(../images/yuming_bg.jpg);} #yuming .bt_bx { width:1200px; margin:0 auto; padding-bottom:40px; padding-top:30px; text-align:center;} #yuming .cont { width:1200px; margin:0 auto; font-size:13px; line-height:23px;} #yuming .cont b { font-weight:bold; color:#FF0000;} #yuming .cont td { line-height:40px; padding-left:15px;} /*zhuji*/ #zhuji { width:100%; padding:0 0 40px 0; } #zhuji .bt_img { width:100%; height:380px; background:url(../images/zhuji_img_01.jpg) no-repeat center center;} #zhuji .cont { width:1200px; margin:0 auto; padding:40px 0 30px 0;} #zhuji .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center;} #zhuji .cont p { width:100%; padding-top:30px; text-align:center;} /*youxiang*/ #youxiang { width:100%; padding:40px 0;} #youxiang .cont { width:1100px; margin:0 auto; padding-bottom:50px; padding-top:40px;} #youxiang .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center;} #youxiang .cont p { font-size:16px; line-height:26px; color:#333; text-align:center;} #youxiang .cont .peizhi_bx { width:100%;} /*email*/ #email { width:100%; padding:0;} #email .banner { width:100%; height:400px; background: url(../images/banner_email.jpg) no-repeat center center;} #email .cont { width:1100px; margin:0 auto; padding-bottom:50px; padding-top:40px;} #email .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center; padding-bottom:30px;} #email .cont p { font-size:16px; line-height:26px; color:#333; text-align:center;} #email .cont .img { width:100%; padding-top:20px; text-align:center;} /*yunzhuji*/ #yunzhuji { width:100%; padding:0;} #yunzhuji .banner { width:100%; height:268px;background: url(../images/banner_yunzhuji.jpg) no-repeat center center;} #yunzhuji .cont { width:1100px; margin:0 auto; padding-bottom:50px; padding-top:40px;} #yunzhuji .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center;padding-bottom:30px;} #yunzhuji .cont p { font-size:16px; line-height:26px; color:#333; text-align:center;} #yunzhuji .cont .img { width:100%; padding-top:20px; text-align:center;} /*tuoguan*/ #tuoguan { width:100%; padding:0;} #tuoguan .banner { width:100%; height:380px;background: url(../images/tuoguan_banner.jpg) no-repeat center center;} #tuoguan .cont { width:100%; margin:0 auto; padding-bottom:50px; padding-top:40px;} #tuoguan .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center;padding-bottom:30px;} #tuoguan .cont p { font-size:16px; line-height:26px; color:#333; text-align:center;} #tuoguan .cont .img { width:100%; padding-top:20px; text-align:center;} /*400dianhua*/ #silingling { width:100%; padding:0;} #silingling .banner { width:100%; height:230px;background: url(../images/400dh_banner.jpg) no-repeat center center;} #silingling .cont { width:100%; margin:0 auto; padding-bottom:50px; padding-top:40px;} #silingling .cont h2 { font-size:34px; color:#333; line-height:60px; font-weight:normal; text-align:center;padding-bottom:30px;} #silingling .cont p { font-size:14px; line-height:26px; color:#666; text-align:center;} #silingling .cont .img { width:100%; padding-top:20px; text-align:center;} /*end营销------------------------------------------------------------------------------------------*/