/******wangmu by20167-21********/ .width1140{ width:1140px; margin:0 auto; padding-bottom: 1px; position:relative;} .width1000{ width:1100px; margin:0 auto; padding-bottom: 1px; position:relative;} .bgGray{ background:#f1f1f1;} .blue{ background:url(../images/web_2_05.png);} /******��������*****/ .header{ margin:0 auto; position: relative; z-index: 8;} .header .nav{ background:#333; height:40px; line-height:40px;} .header .nav>ul> li{ float:left; width:50%; font-size:12px; color:#777;} .header .nav li h2{font-weight:normal; font-size:12px;} .header .nav li a{ color:#b0b0b0;} .header .nav li.last{ width: 45%; float: right;text-align:right;} .header .nav li.last a{ color:#b0b0b0;} .header .nav li.last p{/* float:left;*/padding-right: 10px;} .header .nav li.last ol{ float:left;} .header .nav li.last ol li{ float:left; font-size:12px; color:#999;padding: 0 10px;} .header .nav li.last ol li a{ color:#999;} .header .nav li.last ol li.active ,.header .nav li.last ol li:hover { background:#19af64;} .header .nav li.last ol li.active a,.header .nav li.last ol li:hover a{ color:#fff;} .header .fixed_header { display: none; background:rgba(255, 255, 255, 0.89); background:#fff\9; width: 100%; padding: 10px 0; position: fixed; top:0; left: 0; z-index:8; margin: 0; box-shadow: 0px 1px 5px #AFACAC;} /*********��������**********/.headerMenu{ padding: 17px 0; margin: 0;} .headerMenu .logo{ float:left;} .headerMenu ul{ float:right; line-height:55px;} .headerMenu ul li{ float:left;margin-left:26px; color:#3d3d3d; font-size:18px; cursor:pointer;} .headerMenu ul li a{color:#3d3d3d; } .headerMenu ul li.active a,.headerMenu ul li:hover a{ color:#1bbc9b;} .banner{ width:100%; position:relative; background: #D5EEC3;} .wxBanner{ text-align:center;} .wxBanner >ul{ position:relative;} .bannerList ul>li{ position:absolute;} .banner .wxBanner.bannerList{ height:574px} .wxBanner .first{ background:url(../images/wx1-bg_06.png) no-repeat center; background-size: cover;} .wxBanner .first .b1{ padding-top:210px; position:relative;} .wxBanner .first .b2{ padding-top:11px; position:relative;} .wxBanner .two { background:url(../images/wx2-bg.png) no-repeat center; background-size: cover;;} .wxBanner .two .b1{ left:80px; top:190px;} .wxBanner .two .b2{ left:80px; top:350px;} .wxBanner .two .b3{ right:20px; top:160px;} .wxBanner .three { background:url(../images/wx3-bg.png) no-repeat center; background-size: cover;;} .wxBanner .three .b1{ left:125px; top:200px;} .wxBanner .three .b2{ left:158px; top:330px;} .wxBanner .three .b3{ right:115px; top:155px;} .wxBanner .four { background:url(../images/wx4-bg.png) no-repeat center; background-size: cover;;} .wxBanner .four .b1{ left:215px; top:190px;} .wxBanner .four .b2{ left:280px; top:354px;} .wxBanner .first.active .b1{-webkit-animation: zoomInDown 1s 0s 1 linear both; animation: zoomInDown 1s 0s 1 linear both;} .wxBanner .first.active .b2,.banner-year4 img{-webkit-animation: zoomInDown 1s 0.5s 1 linear both; animation: zoomInDown 1s 0.5s 1 linear both;} .wxBanner .two.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both; animation: fadeInLeft 1s 0s 1 linear both;} .wxBanner .two.active .b2{-webkit-animation: fadeInLeft 1s 0.5s 1 linear both; animation: fadeInLeft 1s 0.5s 1 linear both;} .wxBanner .two.active .b3{-webkit-animation: fadeInDown 1s 1s 1 linear both; animation: fadeInDown 1s 1s 1 linear both;} .wxBanner .four.active .b1{-webkit-animation: bounceInDown 1s 0s 1 linear both; animation: fadeInDown 1s 0s 1 linear both;} .wxBanner .four.active .b2{-webkit-animation: bounceInUp 1s 0s 1 linear both; animation: bounceInUp 1s 0s 1 linear both;} .wxBanner .three.active .b1{-webkit-animation: zoomIn 1s 0s 1 linear both; animation: zoomIn 1s 0s 1 linear both;} .wxBanner .three.active .b2{-webkit-animation: zoomInUp 1s .5s 1 linear both; animation: zoomInUp 1s .5s 1 linear both;} .wxBanner .three.active .b3{-webkit-animation: zoomInRight 1s 1s 1 linear both; animation: zoomInRight 1s 1s 1 linear both;} .switchButton.wxSwitchButton span{ top:285px} .banner .bannerList.syBanner{ height:400px;} .syBanner .first{ background:url(../images/sy1-bg_02.png) no-repeat center; background-size: cover;;} .syBanner .first.active .b1{-webkit-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both;} .syBanner .first.active .b2{-webkit-animation: bounceInLeft 2s .5s 1 linear both; animation: bounceInLeft 2s .5s 1 linear both;} .syBanner .first.active .b3{-webkit-animation: bounceInRight 2s 0s 1 linear both; animation: bounceInRight 2s 0s 1 linear both;} .syBanner .two.active .b1{-webkit-animation: zoomInDown 2s 0s 1 linear both; animation: zoomInDown 2s 0s 1 linear both;} .syBanner .two.active .b2{-webkit-animation: zoomInDown 2s .5s 1 linear both; animation: zoomInDown 2s .5s 1 linear both;} .syBanner .three.active .b1{-webkit-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both;} .syBanner .three.active .b2{-webkit-animation: bounceInLeft 2s .5s 1 linear both; animation: bounceInLeft 2s .5s 1 linear both;} .syBanner .three.active .b3{-webkit-animation: fadeInRight 2s .5s 1 linear both; animation: fadeInRight 2s .5s 1 linear both;} .syBanner .first .b1{ left:158px; top:67px; } .syBanner .first .b2{ left:158px; top:195px; } .syBanner .first .b3{ right:-94px; top:26px; } .syBanner .two { background:url(../images/sy2-bg.png) no-repeat center; background-size: cover;;} .syBanner .two .b1{ left: 248px; top: 25px;} .syBanner .two .b2{ left: 248px; top: 237px;} .syBanner .three { background:url(../images/sy3-bg.png) no-repeat center; background-size: cover;;} .syBanner .three .b1{ left:128px; top:111px;} .syBanner .three .b2{ left: 128px; top: 180px;} .syBanner .three .b3{ right:-200px; top:21px;} .switchButton{ height:0px; width:1120px; margin:0 auto; position: relative; display:none; } .switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px; z-index: 6; position:absolute; top:135px; cursor:pointer;} .switchButton span.prov{ background:url(../images/prov.png); left:0;} .switchButton span.next{ background:url(../images/next.png); right:0;} .banner .bannerList{height: 350px; overflow: hidden;position:relative; width: 100%; } .banner .bannerList> li .bannerCentent{ position:relative;} .banner .bannerList> li{display:none; text-align:center; color:#fff; font-size:14px; width:100%; height:100%; overflow: hidden;} .banner .bannerList> li.active{ } .banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9; left: 50%\9; margin-left: -75px\9;} .banner .bannerSpot li{ display:inline-block; *display:none; width:11px; height:11px; margin-right:8px; border:1px solid #fff; cursor: pointer;border-radius:100%} .banner .bannerSpot li.active{ background:#fff;} .banner .bannerSpot.syBannerSpot { bottom: 70px;} .banner .developmentDynamics{ /*background:rgba(33, 183, 164, 0.73);*/ background:rgba(50, 50, 50, 0.73); background:#000\9; height:50px; position:absolute; bottom:0; left:0; width:100%;} .banner .developmentIcon{ background:url('../images/shouyin_03.png'); color:#fff; text-align:center; width:59px; height:20px; line-height:18px; position: absolute; left: -4px;top: 16px; font-size: 12px; padding-right: 5px;} .dynamicsNotice{padding:16px 0;} .dynamicsNotice .noticeTxt{ float:left; width:84%; line-height:20px; margin-left: 54px;} .dynamicsNotice .noticeTxt ul{ float:left;} .dynamicsNotice .noticeTxt li{display:none; padding-top: 10px; margin-top: -10px; position: relative;} .dynamicsNotice .noticeTxt li a:nth-child(2){ display: inline-block; margin-left:150px} .dynamicsNotice .noticeTxt span{ float:left; width:65px; height:20px; color:#fff; background:#595b5b; display:inline-block; vertical-align: top; text-align:center;} .dynamicsNotice .noticeTxt i{display:inline-block; vertical-align: top; font-size:14px; color:#fff; margin:0 10px;text-align:center;} .dynamicsNotice .noticeTxt p{ color:#fff; font-size:14px; position:relative; display: inline-block; *display:inline;*zoom:1; vertical-align: top;max-width: 324px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .dynamicsNotice .noticeTxt em{ position: absolute; right: -32px; top: -2px; width: 34px; height: 20px; text-align: center; display: inline-block; vertical-align: top; color: #fff; background: #fc411d; font-size: 10px; -webkit-transform: scale(0.7);} .dynamicsNotice .noticeMor{ float:right; width:10%; text-align: right;} .dynamicsNotice .noticeMor span.more { margin-top:0;} .dynamicsNotice .noticeMor span.more a{ color:#fff;} .dynamicsNotice .noticeMor span.more i{ background: url('../images/jiantour.png'); background-size: 100%; margin-left: -.2rem;} .article .notice{padding:20px 0;font-size:16px; } .article .notice .noticeTxt{ float:left; width:300px; line-height:20px; padding-left: 10px; border-left:2px solid #999999; margin-top: 5px;height: 14px; } .article .notice .noticeTxt ul{ height:20px; color:#999999; overflow: hidden; margin-top: -3px; } .article .notice .noticeTxt li{padding-top: 10px; margin-top: -10px;} .article .notice .noticList{float:right; width: 770px; margin-top: 8px;} .article .notice .noticList li{ padding-left:43px; padding-right:70px; border-left:1px solid #c8c8c8; line-height:28px; height: 11px; float: left;} .article .notice .noticList li a{ display:inline-block; margin-top:-9px; vertical-align: top;} .article .notice .noticList li:first-child{ border-left:0;} .article .notice .noticList li i{ width:28px; height:28px;vertical-align:top; display:inline-block;} .article .notice .noticList li.first a{ color:#4ab757;} .article .notice .noticList li.two a{ color:#f85c5c;} .article .notice .noticList li.three a{ color:#2abb9b;} .article .notice .noticList li.four{ padding-right: 10px;} .article .notice .noticList li.four a{ color:#4d87e3; } .article .notice .noticList li.first i{ background:url(../images/web_12.png);} .article .notice .noticList li.two i{ background:url(../images/web_14.png);} .article .notice .noticList li.three i{ background:url(../images/web_16.png);} .article .notice .noticList li.four i{ background:url(../images/web_09.png);} .article .title{ padding: 40px 0 0 0; text-align:center;} .article .title h2{ color:#3d3d3d; font-size:30px; font-weight:normal; line-height:50px;} .article .title p{ color:#999999; font-size:14px; font-weight:normal;line-height:30px;} .systemList{ overflow:hidden;position:relative; padding-bottom:60px;} .systemList li{ width:124px; height:124px; float:left; text-align:center; margin: 6px 18px;} .systemList li:hover{ background:#fff;} .systemList li i{ width:60px; height:60px; display:inline-block; vertical-align:top; opacity: 1; -webkit-backface-visibility: hidden; margin-top: 14px;} .systemList li:hover i{-webkit-animation: bounce 1s 0s 1 linear both; animation: bounce 1s 0s 1 linear both;} .systemList li i img{ vertical-align:top;} .systemList li a{ color:#999999;} .systemList li p{ font-size:14px; line-height:20px;} .article .whiteTitle h2,.article .whiteTitle p{ color:#fff; } .advantageList{ margin-bottom:80px;} .advantageList li{ width:33.33%; float:left; text-align:center; position:relative;} .advantageList li .advantage{ width:125px; height: 45px; border-radius: 50%; padding: 40px 0;color:#ffffff; font-size:20px; margin:0 auto; border:7px solid #9bf1df; background:#2ed3b1; margin-bottom: 45px; } .advantageList li:nth-child(1) .advantage{border:7px solid #9bf1df; background:#2ed3b1; } .advantageList li:nth-child(2) .advantage{border:7px solid #80e5d0; background:#1bbc9b; } .advantageList li:nth-child(3) .advantage{border:7px solid #78cab9; background:#0fa183; } .advantageList li .advantage p{} .advantageTitle{ margin-bottom: 40px; margin-top: 10px;;} .advantageList li>p{ font-size:16px; color:#000000; line-height:28px;} .advantageList li span{ position: absolute; width:120px; top: 28%; left: 89%;} .advantageList li span i{ display:inline-block; width:10px; height:10px; border-radius:10px; margin-right:24px; background: #1bbc9b;} .videoList{ position:relative; text-align: center; overflow: hidden; margin-top: 45px;} .videoList li{ float:left; padding:4px; background:#129d81; width:347px; margin-right:37px; margin-bottom:30px;} .videoList li:nth-child(3n){ margin-right:0;} .videoList li .video{width:347px; height:228px; position:relative; background:url(../images/vidobg_05.png);} .videoList li .video i{ position:absolute; top:79px; left:130px; width:76px; height:70px; border-radius:5px; overflow: hidden; display:block; background: url(../images/web_77.png) rgba(0,0,0,.5) no-repeat center; background: url("../images/e3bb63d81b4645aa95b6d4565fbb4168.gif") no-repeat\9;} .videoList li p{ line-height:38px; font-size:16px; color:#ffffff;} .moreButton{ width:142px; height:30px; line-height:30px; border-radius:30px; text-align:center; margin:50px auto; display: block; color:#fff; background:#1bbc9b; cursor: pointer;} .moreButton i{ display:inline-block; width:18px; height:18px; margin-left: 10px; vertical-align:top; margin-top:6px;*margin-top:0px; background:url(../images/web-1_73.png);} .moreButton.active i{ background:url(../images/web-1_74.png);} .blue .moreButton{background:#fff; color:#28B093;} .blue .moreButton i{ background:url(../images/web-2_09.png);} .blue .moreButton.active i{ background:url(../images/web-2_10.png);} .profitList{ padding:0 60px;} .profitList li{ float:left; width:340px; text-align: center; margin-bottom: 50px;} .profitList li i{ position:relative; width:100px; height:100px; opacity: 1; -webkit-backface-visibility: hidden; border:1px solid rgb(40, 176, 147); /* box-shadow: 0 0 0 2px rgba(40, 176, 147 ,1);*/border-radius:50%;box-sizing: border-box; display: inline-block; vertical-align:top; margin:20px 0;} .profitList li h3{ font-size:18px; color:#3d3d3d; font-weight:normal; padding-bottom: 5px;} .profitList li p{ font-size:14px; color:#999999;} .profitList li.first i{ background:url(../images/web_81.png) no-repeat center center ;} .profitList li.two i{ background:url(../images/web_84.png) no-repeat center center ;} .profitList li.three i{ background:url(../images/web-1_87.png) no-repeat center center ;} .profitList li.four i{ background:url(../images/web_88.png) no-repeat center center ;} .profitList li.five i{ background:url(../images/web_90.png) no-repeat center center ;} .profitList li.six i{ background:url(../images/web_93.png) no-repeat center center ;} .profitList li i{-webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; cursor: pointer;} .profitList li i:before,.profitList li i:after{ content: "";} .profitList li i:before { line-height: 100px;} .profitList li i:hover:after { top: -2px; left: -2px; padding: 0; z-index: 10; border: 2px dashed rgba(40, 176, 147,1);} .profitList li i:hover { /* box-shadow: 0 0 0 0 rgba(255,255,255,0); */border:0; color: #fff;} .profitList li i:after { /* pointer-events: none; */ position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .warp { width: 1000px; margin: 0 auto; } .profitList li i:nth-child(4):after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } .profitList li i:hover:after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinAround { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(360deg); } } @keyframes spinAround { from { transform: rotate(0deg) } to { transform: rotate(360deg); } } .layer{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.5); z-index:9; display:none;} .layerImg{ width:50%; left:25%; text-align:center; height:80%; overflow:auto; position: fixed; display:none; top: 10%; z-index: 10; text-align: center;} .icon { background: url(../images/icon.png);} .contact{z-index: 9;position: fixed; right:0; top:50%; margin-top: -335px; border:1px solid #F4F2F2; background:#fff;text-align: center; width:140px;} .contact i{ display: inline-block; vertical-align: top;} .contact .close_contact{ cursor: pointer;width:16px; height:16px; position:absolute; right:5px; top:5px; background-position: -17px 325px;} span.tel{ display:none; right: 0;position: fixed; z-index: 9;text-align: center; width: 26px; padding: 12px 6px; top: 50%; margin-top: -50px; border-radius: 5px 0 0 5px; line-height: 15px;background:#FFA800; color: #fff; font-size: 14px;} span.tel a{ color:#fff;} span.tel i{ width:22px; height:22px; background-position: -16px 294px; margin-bottom: 4px; display: inline-block;*display: inline;*zoom:1;} .contact .goTop{ display:none;} .contact .goTop p{ margin: 0 auto;width:100%; cursor:pointer; color:#fff; background:#ffa800; line-height: 25px; height:25px; font-size: 16px; text-align: center; padding-top: 10px;} .contact .goTop p i{ margin-top: 5px; width:16px; height:16px; background:url(../images/jiantou1.png); } .contact .goTop p:last-child{ padding-bottom:10px; padding-top: 0;} .contact .goTop p a{ color:#fff} .contact ul{ padding:0 16px;} .contact ul li{ border-bottom: 1px solid #eef0f1; padding: 8px 0;} .contact ul li:last-child{ border:0;} .contact ul li.qq{} .contact ul li.qq i{ width:76px; height:76px; background-position: -76px 326px; margin-top: 25px; margin-bottom: 10px;} .contact ul li.qq p{ font-size: 16px; color:#3d3d3d;} .contact ul li.qq button{ cursor: pointer; line-height: 20px; padding:0 10px; color:#fff; border:0; background:#ffa800; font-size: 14px; height:20px; margin-top: 10px; border-radius: 20px;} .contact ul li.tel{} .contact ul li.tel i{width:22px; height:22px; background-position: -16px 265px; margin-top: 2px; margin-right: 2px;} .contact ul li.tel p{ font-size: 16px; line-height: 26px; color:#f92b32;} .contact ul li.tel p span{ line-height: 30px; color:#3d3d3d; font-size: 16px;} .goto{ text-align:center;} .goto .imgIcon{ width:100%; } .goto p{ font-size:14px; line-height:25px;} .goto.trial p { color:#1abd6c;} .goto.watch p { color:#ffa800;} .goto.scanCode p { color:#3d3d3d; font-size:12px;} span.more { font-size: 16px; color: #11b767; display: inline-block; vertical-align: top; text-align: right; float: right; margin-top: 5px;} span.more i { width: 14px; height: 14px; display: inline-block; vertical-align: top; background: url(../images/index23_07.png); margin-left: 2px; margin-top: 4px;} span.more a{ color:#11b767;} .trialTxt{ float:right; width: 660px; text-align: right;} .trialTxt p{ display:inline-block; color:#9d9d9d; font-size:16px;line-height:25px; padding:15px 0;width: 430px;} .trialTxt p i{ display:inline-block; color:#f1a41f; font-size:20px;} .trialTxt button{ width:96px; line-height:30px; height:30px; text-align:center; border-radius:30px; color:#fff; background:#f1a41f;} .trialTxt button a{ color:#fff;} /*******����********/ .menuList{ position:relative; width:100%; height:75px; line-height:75px; background:rgba(25, 175, 100, .82); background:rgb(25, 175, 100)\9; position:absolute; bottom: -75px;} .menuList.detailsMenuList{ background:rgb(25, 175, 100); position:relative; bottom: 0px;}} .menuList ul a{ color:#fff;} .menuList >ul >li{ float:left; width: 112px;color:#fff; font-size:18px; text-align: center; cursor: pointer; } .menuList ul li.indexActive{width:215px; padding: 0;background:#14995f;position: relative; } .menuList ul li.indexActive >a { color:#fffc01;} .menuList ul li.indexActive >a>i{ display:inline-block; vertical-align:top; width:14px; height:14px; margin-top: 30px; *margin-top: 0; margin-left: 20px;background:url(../images/bannericon.png); background-position:-210px -19px;} .menuList ul li.indexActive ol{ display:none; position: absolute; top:75px; left:0; width:100%; height: 500px;} .menuList ul li.indexActive ol li h3> i,.menuList ul li.indexActive ol li em{display:inline-block; vertical-align:top; background:url(../images/bannericon.png);} .menuList ul li.indexActive ol li{ position:relative; padding:15px; width: 185px;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);*border-bottom:1px solid #46d28d;background: rgba(26, 202, 115, 0.8);background:url(../images/shouying2_07.png)\9; cursor: pointer;} .menuList ul li.indexActive ol li:last-child{ border-bottom:0; padding: 16px 15px;} .menuList ul li.indexActive ol li dl{ position:absolute;top:-1px; left:100%; width:300px; padding:0 0px 26px 40px; display:none; background: rgba(23, 159, 84, 0.91); background:url(../images/shouyin1_03_03.png)\9; border: 1px solid rgba(243, 245, 244, 0.2);border-left: 0;} .menuList ul li.indexActive ol li:hover{ background: rgba(23, 159, 84, 0.91);background:url(../images/shouyin1_03_03.png)\9;} .menuList ul li.indexActive ol li:hover dl{ display:block;} .menuList ul li.indexActive ol li dl dd{ float:left; color:#fff; font-size:14px; padding-top:30px; width:120px; margin-right:20px; line-height: 25px;} .menuList ul li.indexActive ol li dl dd a{ color:#fff;} .menuList ul li.indexActive ol li dl dd:hover a{ color:#fffc01;} .menuList ul li.indexActive ol li dl dd i{ display: inline-block; width: 10px; text-align: center; line-height: 25px; font-size: 10px; vertical-align: top; margin-right: 4px; margin-top: -1px;} .menuList ul li.indexActive ol li h3{ font-weight:normal; font-size:16px; color:#fff; line-height: 30px;} .menuList ul li.indexActive ol li:hover h3{color:#fffc01;} .menuList ul li.indexActive ol li h3 i{ width:30px; height:30px;background-position: -3px -10px;} .menuList ul li.indexActive ol li.l1 h3 i{background-position: -3px -10px;} .menuList ul li.indexActive ol li.l2 h3 i{background-position: -37px -10px;} .menuList ul li.indexActive ol li.l3 h3 i{background-position: -70px -10px;} .menuList ul li.indexActive ol li.l4 h3 i{background-position: -103px -10px;} .menuList ul li.indexActive ol li.l5 h3 i{background-position: -138px -10px;} .menuList ul li.indexActive ol li.l6 h3 i{background-position: -170px -10px;} .menuList ul li.indexActive ol li h3 em{ width:14px; height:14px; background-position:-241px -19px; margin-top: 8px; margin-left: 8px;} .menuList ul li.indexActive ol li:hover h3 em{ background-position: -275px -19px;} .menuList ul li.indexActive ol li p{ font-size:12px; margin-top:2px; line-height: 20px;} .menuList ul li.indexActive ol li p span{ padding-right:10px;} .menuList ul li.indexActive ol li p span a{ color:#fff;} .menuList ul li.indexActive ol li p span a:hover{ color:#fffc01;} .dropDownList{ position:absolute; top:74px; left:0; width: 100%;background: rgba(23, 159, 84, 0.91);background:url(../images/shouyin1_03_03.png)\9;border-bottom: 1px solid #139755;} .menuList >ul >li span.up{ position:absolute; bottom: -20px; left:50%; width:34px; height:34px; margin-left:-17px; display:none; background:url(../images/bannericon.png); background-position: -258px -92px;} .menuList >ul >li:hover span.up{ display:block;} .dropDownList {display:none;} .dropDownList ul{ } .dropDownList ul li{ float:left;} .dropDownList ul li dl{ height: 250px;border-right:1px solid #139755; padding:15px 17px; color:#fff;} .dropDownList ul li:first-child dl{ padding-left:0;} .dropDownList ul li:last-child dl{ padding-right:0;border:0;} .dropDownList ul li dl dt{margin-bottom: 10px; line-height:54px; font-size:19px; text-align:center; border-bottom:1px dashed #55c086;} .dropDownList ul li dl dt i{ width: 34px; height: 34px; margin-top: 11px; *margin-top: 0; margin-right: 6px;display:inline-block;vertical-align:top; background:url(../images/bannericon.png);} .dropDownList ul li dl dd{ font-size:16px; line-height:35px; text-align: left;} .dropDownList ul li dl dt a,.dropDownList ul li dl dd a{ color:#fff;} .dropDownList ul li dl dd i{ display: inline-block; width: 10px; text-align: center; line-height: 25px; font-size: 10px; vertical-align: top; margin-right: 4px; margin-top: 6px;} .dropDownList ul.menuSystemList li dl{ width:137px; } .dropDownList ul.menuSystemList li.s1 dl i{ background-position: -4px -44px;} .dropDownList ul.menuSystemList li.s2 dl i{ background-position: -39px -44px;} .dropDownList ul.menuSystemList li.s3 dl i{ background-position: -72px -44px;} .dropDownList ul.menuSystemList li.s4 dl i{ background-position: -107px -44px;} .dropDownList ul.menuSystemList li.s5 dl i{ background-position: -142px -44px;} .dropDownList ul.menuSystemList li.s6 dl i{ background-position: -177px -44px;} .dropDownList ul.characteristicList{ padding-left:407px;} .dropDownList ul.characteristicList li.s1 dl i{ background-position: -210px -44px;} .dropDownList ul.characteristicList li.s2 dl i{ background-position: -246px -44px;} .dropDownList ul.characteristicList li dl{ width:280px; height: 195px; } .dropDownList ul.characteristicList li dl dt{ text-align:left;} .dropDownList ul.characteristicList li dl dd{ width:50%; float: left;} .dropDownList ul.programmeList{ padding:30px 20px; } .dropDownList ul.programmeList li{ float:left; padding:0 28px; line-height:22px; font-size:19px; color:#fff; border-right:1px solid #58bd85;} .dropDownList ul.programmeList li a{ color:#fff;} .dropDownList ul.programmeList li:last-child{ border-right:0;} .dropDownList ul.programmeList li i{ width:28px; height:28px; margin-right: 8px; margin-top: -2px; display:inline-block;vertical-align:top; background:url(../images/bannericon.png); } .dropDownList ul.programmeList li.s1 i{ background-position: -4px -89px; } .dropDownList ul.programmeList li.s2 i{ background-position: -38px -89px; } .dropDownList ul.programmeList li.s3 i{ background-position: -76px -89px; } .dropDownList ul.programmeList li.s4 i{ background-position: -113px -89px; } .dropDownList ul.programmeList li.s5 i{ background-position: -149px -89px; width: 30px; } .dropDownList ul.programmeList li.s6 i{ background-position: -186px -89px; } .dropDownList ul.programmeList li.s7 i{ background-position: -221px -89px; } .menuList >ul >li> a{ position: relative; color:#fff; display:inline-block; width:100%; height:100%; vertical-align:top; } .menuList ul> li a:hover,.menuList ul li.active a,.menuList> ul> li:hover> a{ color:#fffc01;} /*******����********/ .headList{ padding:30px 0; line-height:30px; color:#333333; font-size:18px; border-bottom:1px solid #e2e2e2;} .headList li{ padding:0 69px; border-left:1px solid #e2e2e2; height:13px; float: left;} .headList li:first-child{padding-left:0; border:0;} .headList li:last-child{padding-right:0;} .headList li a{ display:inline-block; width:100%; height:30px; margin-top:-11px; vertical-align: top;} .headList li i{ font-size:20px;} .headList li.n1 i{ color:#f1a41f;} .headList li.n2 i{ color:#1abd6c;} .headList li.n3 i{ color:#fb5b58;} .headList li.n4 i{ color:#2db3ab;} .headList li.n5 i{ color:#5270d3;} .newestTable{} .newestTable .newestList{ float:left; width:590px; height:470px;} .newestTable .newestList h2{ margin:40px 0; font-size:22px; color:#333333; border-left:2px solid #32c079; padding-left:8px;} .newestTable .newestList ul{} .newestTable .newestList ul li{ text-align: center; float: left;width:130px; height:140px; border-bottom:1px solid #e6e1e1;border-right:1px solid #e6e1e1; padding: 0 11px;} .newestTable .newestList ul li:nth-child(4n){ padding-right:0; border-right: 0;} .newestTable .newestList ul li:nth-child(4n-3){ padding-left:0; border-left: 0;} .newestTable .newestList ul li:nth-child(n+5){border-bottom:0;} .newestTable .newestList ul li:nth-child(n+5) i{ margin-top:35px;} .newestTable .newestList ul li i{ display:inline-block; vertical-align:top; width:60px; height:60px; position:relative;} .newestTable .newestList ul li i em{ display:none; position:absolute; left: -30px; top: -10px; width: 120px; height: 120px;background:rgba(0,0,0,.6);background:url(../images/videorgba.png)\9;} .newestTable .newestList ul li:hover i em{ display:block;} .newestTable .newestList ul li i em img{ width:80%; margin-top:10%;} .newestTable .newestList ul li i img{ vertical-align:top;} .newestTable .newestList ul li a{color:#a3a3a3;} .newestTable .newestList ul li h3{ font-size:15px; font-weight:normal; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .newestTable .newestList ul li p{ font-size:12px; } .newestTable .newestList ul li:hover a{ color:#1abd6c;} .newestTable .developmentDynamics{ float:right; background:#fff; width:300px; padding:0 30px; margin-bottom: -1px;} .newestTable .developmentDynamics h2{ margin:40px 0; font-size:22px; color:#333333; border-left:2px solid #32c079; padding-left:8px;} .newestTable .developmentDynamics ul{} .newestTable .developmentDynamics ul li{ margin-bottom:40px;} .newestTable .developmentDynamics ul li h3{ font-size:16px; color:#666666; font-weight:normal;} .newestTable .developmentDynamics ul li h4{ font-size:12px; color:#9d9d9d; font-weight:normal;} .newestTable .developmentDynamics ul li h4 span{ display:inline-block; vertical-align:top; width:240px; margin-right:10px;} .newestTable .developmentDynamics ul li h4 i{width: 50px; text-align: right; display:inline-block; vertical-align:top;} .exhibitionTitle{ height:50px; line-height:50px; color:#666666; font-size:16px; } .exhibitionTitle li{ position:relative; float:left; width:142px; background:#f1f1f1; text-align: center; cursor:pointer;} .exhibitionTitle li:after{display: table; content: ""; position: absolute; top: 50px; left: 64px; } .exhibitionTitle li:hover:after,.exhibitionTitle li.active:after{ background: url(../images/wx_35.png); z-index: 9; width: 16px; height: 12px;} .exhibitionTitle li:hover,.exhibitionTitle li.active{ background:#1abd6c url(../images/wx_35.png) no-repeat -12px -100px; color:#fff;} .exhibitionList{ margin-top:24px; margin-bottom: 75px;} .exhibitionList >li{ display:none;} .exhibitionList li:first-child{ display:block;} .exhibitionList li dl{ text-align:center;} .exhibitionList li dl dd{ float:left; width:122px; height:117px; margin-right:3px; margin-bottom:3px; background:#f1f1f1; color:#9d9d9d; font-size:14px; } .exhibitionList li dl dd i{margin-top: 10px; margin-bottom: 10px; width:60px;height:60px; display:inline-block; vertical-align:top;} .exhibitionList li dl dd i img{ vertical-align:top;} .exhibitionList li dl dd i{ display:inline-block; opacity: 1;-webkit-backface-visibility: hidden;filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);} .exhibitionList li dl dd:hover i{ position:relative; /* -webkit-filter: brightness(2.3); filter: brightness(2.3);filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);*/-webkit-animation: tada 1s 0s 1 linear both ; animation: tada 1s 0s 1 linear both;} .exhibitionList li dl dd i em{ display:none; width:100%; height:100%; position:absolute; left:0; top:0;background: #1ABD6C; } .exhibitionList li dl dd:hover i em { display:block;} .exhibitionList li dl dd:hover{ background:#1abd6c;} .exhibitionList li dl dd:hover a{ color:#fff;} .exhibitionList li dl dd:nth-child(8n){ margin-right:0;} .industryList{ padding:15px 0; margin-bottom:40; height: 114px;} .industryList li{ float:left; width:125px; text-align:center; font-size:18px;} .industryList li i{ display:inline-block; opacity: 1;-webkit-backface-visibility: hidden;} .industryList li:hover i{-webkit-animation: bounce 1s 0s 1 linear both ; animation: bounce 1s 0s 1 linear both;} .industryList li i{ width:60px; height:60px; display:inline-block; vertical-align:top;} .industryList li.n1 i{ background:url(../images/index_61.png) no-repeat center;} .industryList li.n2 i{ background:url(../images/index_64.png) no-repeat center;} .industryList li.n3 i{ background:url(../images/index_78.png) no-repeat center;} .industryList li.n4 i{ background:url(../images/index_58.png) no-repeat center;} .industryList li.n5 i{ background:url(../images/index_75.png) no-repeat center;} .industryList li.n6 i{ background:url(../images/index_78.png) no-repeat center;} .industryList li.n7 i{ background:url(../images/index_67.png) no-repeat center;} .industryList li.n8 i{ background:url(../images/index_69.png) no-repeat center;} .industryList li a{ color:#9d9d9d;} .relevantList{ padding-bottom: 100px;} .relevantList li{float:left; width:250px;text-align:center;} .newestTable .newestList ul li:hover i img,.relevantList li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .relevantList li i{ opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;} .relevantList li i{ width:94px; height:94px; display:inline-block; vertical-align:top; background:#1abd6c; border-radius:100%;} .relevantList li.n1 i{ background:url(../images/index_105.png) #1abd6c no-repeat center;} .relevantList li.n2 i{ background:url(../images/index_108.png) #1abd6c no-repeat center;} .relevantList li.n3 i{ background:url(../images/index_111.png) #1abd6c no-repeat center;} .relevantList li.n4 i{ background:url(../images/index_114.png) #1abd6c no-repeat center;} .relevantList li h3{ color:#666;font-weight: normal; margin-top: 10px; font-size:16px;} .relevantList li p{ color:#999;} .cardTicket{ margin-bottom:80px; padding: 0;} .cardTicketList{ float:left; width:265px; height:220px; margin-right:20px; *margin-right:13px;position:relative; overflow: hidden; text-align:center;} .cardTicketList:last-child{ margin-right:0;} .cardTicketList a{ display:inline-block; width:100%; height:100%;} .cardTicketList i{ position:absolute; width:144px; height:144px; background:url(../images/indexnum_09.png); background-size:100%; display:block;top:-10px; left:-52px;} .cardTicketList h2{ font-size:26px;font-style: italic; color:#6de37b; font-weight: bold; text-align: center; margin-top: 15px;} .cardTicketList h3{font-size: 26px; color: #fff; font-weight: normal; margin-top: 12px; margin-bottom: 9px;} .cardTicketList p { color: #fff; font-size: 14px;} .cardTicket .cardTicketList.greenOne h2{ margin-left:47px;} .cardTicket .cardTicketList h2{ text-align: left; margin-left: 68px; margin-top: 15px; margin-bottom: 5px;} .cardTicket .cardTicketList h3{ margin-bottom: 5px;} .cardTicket .cardTicketList.greenOne h2{ margin-left:47px;} .cardTicketList em{ opacity: 1;-webkit-backface-visibility: hidden;display:inline-block;vertical-align:top;} .cardTicketList:hover em{ -webkit-animation: shake 1s 0s 1 linear both ; animation: shake 1s 0s 1 linear both;} .advantageRight .cardTicketList i{ top: 26px; right: -47px; left: inherit;} .greenOne{ background:#4ab757;} .greenOne i{background:url(../images/indexnum_09.png);} .greenOne h2{} .redTwo{ background:#f85c5c;} .redTwo i{background:url(../images/indexnum_12.png);} .redTwo h2{ color:#ffa8a8;} .blueThree{ background:#4d87e3;} .blueThree i{background:url(../images/indexnum_18.png);} .blueThree h2{ color:#7cafff;} .cyanFour{ background:#2abb9b;} .cyanFour i{background:url(../images/indexnum_15.png);} .cyanFour h2{ color:#57e2c3;} .resplItems{} .resplItems li{ text-align: center; float:left; width:158px; height:82px; ; border:1px solid #ebeaea; margin-right:8px; margin-bottom: 5px;} .resplItems li:hover{border:1px solid #50bc5c} .resplItems li:nth-child(6n){ margin-right:0;} .resplItems li:last-child{ background:#f1f1f1;} .resplItems li i{ padding-top:15px; display: inline-block;} .resplItems li p{ color:#b6b6b6; font-size:14px;} .appWindow{background: url("../images/videorgba.png")repeat;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1100; display:none;} .appWindow .appBox{width: 380px;position: absolute;left: 50%;margin-left: -190px;z-index: 1110;top: 50%;margin-top: -246px} .appWindow .appBox .appHd{background: url("../images/apphd.png") no-repeat;width: 380px;height: 171px} .appWindow .appBox .appQRcode{text-align: center;background: #fff;padding-bottom: 30px} .appWindow .appBox .appQRcode h3{font-size: 18px;color: #000;font-weight: normal;padding: 15px 0} .appWindow .appBox .appQRcode p{padding: 5px 0} .appWindow .appBox .appBtn{background: #fff;border-top: 1px solid #e0e0e0;text-align: center;border-radius: 0 0 5px 5px;overflow: hidden} .appWindow .appBox .appBtn a{color: #01bb91;font-size: 24px;display: block;border: 0;border-radius: 0 0 5px 5px;padding: 10px 0} .detailsExhibitionTitle li{ background: rgb(230,230,230);} .details{ padding:30px 0;} .detailsLeft{ float:left; width:167px; padding:15px; background:#ededed; padding-right: 0; margin: 0;} .detailsLeft li{ line-height:44px; height:54px; overflow:hidden;cursor: pointer;margin-left: -5px} .detailsLeft li.active,.detailsLeft li:hover{ background:#fff;} .detailsLeft li h1{ font-weight:normal; border-bottom:1px solid #f6f6f6; padding:8px 4px; font-size: 14px; margin-right: 15px;} .detailsLeft li i{ display:inline-block; vertical-align:top; width:24px; height:24px; overflow:hidden; margin-right:10px; margin-top:10px;} .detailsLeft li i img{ vertical-align:top;} .detailsLeft li i span{ display:inline-block; vertical-align:top; font-size:14px; color:#3d3d3d;} .details .detailsArticle{ background:#fff; width: 778px; float: left; padding: 35px 20px;} .detailsArticle .section{ display:none;} .detailsArticle .section:nth-child(1){ display:block;} .detailsTop{} .detailsTop .detailsTopLeft{ float:left; width:450px; height:90px; padding:25px; background:#f5f5f5; border-radius:10px; overflow:hidden;} .detailsTop .detailsTopLeft >.detailsImg{ width:90px; height:90px; overflow:hidden; float:left; margin-right:24px;} .detailsTop .detailsTopLeft .detailsTxt{} .detailsTop h1{ font-size:16px; color:#3d3d3d; font-weight:normal; line-height:30px;} .detailsTop p{ font-size:14px; color:#9d9d9d; font-weight:normal; line-height:20px;} .detailsTop .detailsTopRight{float:left; width:190px; height:90px; padding:25px; background:#f5f5f5;border-radius:10px; margin-left: 37px;overflow:hidden;} .detailsTop .detailsTopRight .erweima{width:90px; height:90px; overflow:hidden; float:left; margin-right:24px;} .detailsTop .detailsTopRight .erweimaInfo{} .detailsInfo{ padding: 27px 0; border-bottom: 1px solid #e6e6e6;} .detailsInfo h1{ font-size:16px; color:#3d3d3d; font-weight:normal; line-height:30px;} .detailsInfo p{ font-size:14px; color:#9d9d9d; font-weight:normal;} .detailsImgList{margin-top: 25px; width: 810px; overflow: auto;} .detailsImgList h1{ font-size:16px; color:#3d3d3d; font-weight:normal; margin-bottom:25px; } .detailsImgList li{ float:left; margin:0 10px; height:400px;} .detailsImgList ul{width:94% ; line-height:180%; font-size:14px;} .detailsImgList ul img{max-height:800px; margin:20px auto; display:block} .skillMod{margin-bottom: 65px;} .skillMod ul li{float: left;width: 50%;padding: 10px 0;height: 80px; overflow: hidden; background: #F1F1F1;} .rect3Box ul li{float: left;width: 33%;padding: 10px 0} .skillMod ul li .icon{background: none;width: 78px;height: 78px;float: left;border: 1px solid #999;border-radius: 100%;margin-left: 10px;} .rectBox ul li .icon,.rect3Box ul li .icon{border-radius: 0;background: #f6f6f6;border: 0} .skillMod ul li .icon i{display: block;margin: 0 auto;background: url("../images/sprite.png") no-repeat;margin-top: 13px;} .skillMod ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px; margin-right: 20px;} .skillMod ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;} .skillMod ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .skillMod ul li .desc> .row0 p{font-size: 12px;height: 34px;overflow: hidden;text-overflow: ellipsis;line-height: 34px;white-space: nowrap;width: 100%;color: #888} .skillMod ul li .desc> .row0 p{width: 335px;} .rect3Box ul li .desc> .row0 p{width: 190px;} @-moz-document url-prefix(){.skillMod ul li .desc> .row0 p{width: 330px;}.rect3Box ul li .desc> .row0 p{width: 175px;}} .skillMod ul li.i0 .icon i{background-position: -100px -78px;width: 36px;height: 45px;} .skillMod ul li.i0:hover .icon i{background-position: -148px -78px;} .skillMod ul li.i1 .icon i{background-position: -100px -123px;width: 45px;height: 42px;margin-top: 17px;} .skillMod ul li.i1:hover .icon i{background-position: -148px -123px} .skillMod ul li.i2 .icon i{background-position: -100px -165px;width: 35px;height: 45px} .skillMod ul li.i2:hover .icon i{background-position: -148px -165px} .skillMod ul li.i3 .icon i{background-position: -100px -210px;width: 45px;height: 41px;margin-top: 20px;margin-left: 18px;} .skillMod ul li.i3:hover .icon i{background-position: -148px -210px} .skillMod ul li.i4 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i4:hover .icon i{background-position: -148px -251px} .skillMod ul li.i5 .icon i{background-position: -100px -296px;width: 43px;height: 45px;margin-top: 16px;} .skillMod ul li.i5:hover .icon i{background-position: -148px -296px} .skillMod ul li.i6 .icon i{background-position: -100px -342px;width: 45px;height: 33px;margin-top: 20px;} .skillMod ul li.i6:hover .icon i{background-position: -148px -342px} .skillMod ul li.i7 .icon i{background-position: -100px -376px;width: 45px;height: 40px;margin-top: 21px;} .skillMod ul li.i7:hover .icon i{background-position: -148px -376px} .skillMod ul li.i8 .icon i{background-position: -100px -417px;width: 45px;height: 45px;margin-top: 16px;} .skillMod ul li.i8:hover .icon i{background-position: -148px -417px} .skillMod ul li.i9 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i9:hover .icon i{background-position: -148px -463px} .skillMod ul li.i10 .icon i{background-position: -100px -502px;width: 38px;height: 40px;margin-top: 21px;} .skillMod ul li.i10:hover .icon i{background-position: -148px -502px} .skillMod ul li.i11 .icon i{background-position: -100px -543px;width: 45px;height: 45px;margin-top: 17px;} .skillMod ul li.i11:hover .icon i{background-position: -148px -543px} .skillMod ul li.i12 .icon i{background-position: -100px -589px;width: 40px;height: 34px;margin-top: 20px;} .skillMod ul li.i12:hover .icon i{background-position: -148px -589px} .skillMod ul li.i13 .icon i{background-position: -100px -628px;width: 44px;height: 32px;margin-top: 23px;} .skillMod ul li.i13:hover .icon i{background-position: -148px -628px} .skillMod ul li.i14 .icon i{background-position: -100px -663px;width: 41px;height: 40px;margin-top: 20px;} .skillMod ul li.i14:hover .icon i{background-position: -148px -663px} .skillMod ul li.i15 .icon i{background-position: -100px -705px;width: 38px;height: 35px;margin-top: 22px;} .skillMod ul li.i15:hover .icon i{background-position: -148px -705px} .skillMod ul li.i16 .icon i{background-position: -100px -741px;width: 45px;height: 45px;margin-top: 17px;} .skillMod ul li.i16:hover .icon i{background-position: -148px -741px} .skillMod ul li.i17 .icon i{background-position: -100px -788px;width: 40px;height: 40px;margin-top: 17px;} .skillMod ul li.i17:hover .icon i{background-position: -148px -788px} .skillMod ul li.i18 .icon i{background-position: -100px -830px;width: 45px;height: 41px;margin-top: 17px;} .skillMod ul li.i18:hover .icon i{background-position: -148px -830px} .skillMod ul li.i19 .icon i{background-position: -100px -873px;width: 42px;height: 38px;margin-top: 21px;} .skillMod ul li.i19:hover .icon i{background-position: -148px -873px} .skillMod ul li.i20 .icon i{background-position: -100px -914px;width: 33px;height: 30px;margin-top: 24px;} .skillMod ul li.i20:hover .icon i{background-position: -148px -914px} .skillMod ul li.i21 .icon i{background-position: -100px -945px;width: 32px;height: 42px;margin-top: 19px;} .skillMod ul li.i21:hover .icon i{background-position: -148px -945px} .skillMod ul li.i22 .icon i{background-position: -100px -988px;width: 40px;height: 35px;margin-top: 22px;} .skillMod ul li.i22:hover .icon i{background-position: -148px -988px} .skillMod ul li.i23 .icon i{background-position: -100px -1024px;width: 47px;height: 35px;margin-top: 24px;} .skillMod ul li.i23:hover .icon i{background-position: -148px -1024px} .skillMod ul li.i24 .icon i{background-position: -100px -1061px;width: 46px;height: 50px;margin-top: 13px;} .skillMod ul li.i24:hover .icon i{background-position: -148px -1061px} .skillMod ul li.i25 .icon i{background-position: -100px -1112px;width: 47px;height: 47px;margin-top: 16px;} .skillMod ul li.i25:hover .icon i{background-position: -148px -1112px} .skillMod ul li.i26 .icon i{background-position: -100px -1161px;width: 21px;height: 50px;margin-top: 14px;} .skillMod ul li.i26:hover .icon i{background-position: -148px -1161px} .skillMod ul li.i27 .icon i{background-position: -100px -1214px;width: 45px;height: 39px;margin-top: 17px;} .skillMod ul li.i27:hover .icon i{background-position: -148px -1214px} .skillMod ul li.i28 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i28:hover .icon i{background-position: -148px -463px} .skillMod ul li.i29 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i29:hover .icon i{background-position: -148px -251px} .skillMod ul li.i30 .icon i{background-position: -100px -1390px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i30:hover .icon i{background-position: -148px -1390px} .skillMod ul li.i31 .icon i{background-position: -100px -1254px;width: 45px;height: 45px;margin-top: 14px;} .skillMod ul li.i31:hover .icon i{background-position: -148px -1254px} .skillMod ul li.i32 .icon i{background-position: -100px -1344px;width: 42px;height: 45px;margin-top: 17px;} .skillMod ul li.i32:hover .icon i{background-position: -148px -1344px} .skillMod ul li.i33 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i33:hover .icon i{background-position: -148px -463px} .skillMod ul li.i34 .icon i{background-position: -100px -1436px;width: 42px;height: 42px;margin-top: 19px;} .skillMod ul li.i34:hover .icon i{background-position: -148px -1436px} .skillMod ul li.i35 .icon i{background-position: -100px -1522px;width: 45px;height: 40px;margin-top: 20px;} .skillMod ul li.i35:hover .icon i{background-position: -148px -1522px} .skillMod ul li.i36 .icon i{background-position: -100px -1479px;width: 42px;height: 42px;margin-top: 14px;} .skillMod ul li.i36:hover .icon i{background-position: -148px -1479px} .skillMod ul li.i37 .icon i{background-position: -100px -1300px;width: 43px;height: 42px;margin-top: 17px;} .skillMod ul li.i37:hover .icon i{background-position: -148px -1300px} .skillMod ul li.i38 .icon i{background-position: -148px -628px} .skillMod ul li.i38:hover .icon i{background-position: -148px -628px} .skillMod ul li:hover,.skillMod ul li.on{background: #49b44f} .skillMod ul li:hover .icon,.skillMod ul li.on .icon{border-color: #fff;background: #fff} .skillMod ul li:hover .icon i,.skillMod ul li.on .icon i{background-position-x:-148px} .skillMod ul li:hover .row0,.skillMod ul li.on .row0{color: #fff} .skillMod ul li:hover .row0 p{width: 100%;white-space: normal;line-height: 18px;color: #eee} .jsRect ul{width: 100%;height: 300px;position: relative} .jsRect ul li{position: absolute;} .jsRect ul li.i0{left: 0;top: 0} .jsRect ul li.i1{right: 0;top: 0} .jsRect ul li.i2{left: 0;top: 100px} .jsRect ul li.i3{right: 0;top: 100px} .jsRect ul li.i4{left: 0;top: 200px} .jsRect ul li.i5{right: 0;top: 200px} .jsRect ul li.i6{left: 0;top: 0} .jsRect ul li.i7{right: 0;top: 0} .jsRect ul li.i8{left: 0;top: 100px} .jsRect ul li.i9{right: 0;top: 100px} .jsRect ul li.i10{left: 0;top: 200px} .jsRect ul li.i11{right: 0;top: 200px} .jsRect ul li.i21{left: 0;top: 0} .jsRect ul li.i22{right: 0;top: 0} .jsRect ul li.i23{left: 0;top: 100px} .jsRect ul li.i24{right: 0;top: 100px} .jsRect ul li.i25{left: 0;top: 200px} .jsRect ul li.i26{right: 0;top: 200px} .js3Rect ul{position: relative;width: 100%;height: 300px} .js3Rect ul li{position: absolute} .js3Rect ul li.i12{left: 0;top: 0} .js3Rect ul li.i13{right: 33%;top: 0} .js3Rect ul li.i14{right: 0;top: 0} .js3Rect ul li.i15{left: 0;top: 100px} .js3Rect ul li.i16{right: 33%;top: 100px} .js3Rect ul li.i17{right: 0;top: 100px} .js3Rect ul li.i18{left: 0;top: 200px} .js3Rect ul li.i19{right: 33%;top: 200px} .js3Rect ul li.i20{right: 0;top: 200px} .footer{padding: 40px;margin-top:40px;background: #f8f8f8} .footer .ftUl{text-align: center} .footer .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 40px;width: 150px;} .footer .ftUl .ftColumns{*display: inline} .footer .ftUl .ftColumns:first-child{margin-left: 0} .footer .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0} .footer .ftUl .ftColumns .links{} .footer .ftUl .ftColumns .links li{margin-bottom: 5px} .footer .ftUl .ftColumns .links li a{} .footer .ftUl .last{width: 240px;} .footer .ftUl .last .qrCode{} .footer .ftUl .last .qrCode li{float: left;margin-left: 20px} .footer .ftUl .last .qrCode li:first-child{margin-left: 0} .footer .ftUl .last .qrCode li .name{display: block;text-align: center} .jqBtn {position:fixed;right:0;top:50px; z-index: 99;} .jqBtn a{height: 112px;width: 140px;background: url(../images/q.png) no-repeat;display: block;background-size:100%} .fullBg{background-color: #000;left: 0;right: 0;bottom: 0;opacity: 0.8;position: fixed;top: 0;z-index: 3;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;display: none;z-index: 1000;width: 100%;} .window{position: absolute;top: 50px;left: 50px;z-index: 1009;display: none} .qiuWindow{width: 700px;height: 500px;display: none;left: 50%;margin-left: -350px;top: 200px;position: fixed;cursor:pointer;background: url("../images/qiu.png") no-repeat top center} .qiuWindow .xClosed{position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url("../images/xclosed.png") no-repeat} .qiuWindow .timeSet{position: absolute;width: 700px;top: 304px;left: 84px;} .timeSet span.tit{font-size: 25px;color: #fff} .timeIcon{float: left;width:300px;} .timeIcon i{width: 41px;vertical-align: middle;height: 30px;display: inline-block;font-size: 25px;color: #333;text-align: center;line-height: 30px;font-weight: bold;background: url(../images/timebg.png);word-spacing: 10px;letter-spacing: 7px;padding-left: 6px;} .timeIcon em{display: inline-block;font-size: 13px;color:#fff;width:22px;height:30px;text-align: center;line-height: 30px;vertical-align: middle;} .timeIcon em{*display: inline;} .qiuWindow .places{position: absolute;width: 270px;height: 40px;line-height: 40px;background: url("../images/tipbg.png") no-repeat top center;font-size: 20px;color: #460a27;text-align: center;bottom: 100px;left: 50%;margin-left: -156px;} .qiuWindow .places em{color: #f30d0d} .window2017{width:800px;height: 480px;top: 50%;margin-top: -240px;left: 50%;margin-left: -400px;display: block;background: url("../images/bg.png") no-repeat top center;position: fixed} .window2017 .xclosed{width: 48px;height: 48px;background: url('../images/xclosed.png') no-repeat;position: absolute;right: 0;top: -40px;cursor: pointer;} .window2017 a{display: block;width: 100%;height: 100%} .asideBanner{z-index:2;position:fixed;bottom:0;left:0;width:20px;height:130px;z-index:100} .asideBanner .width1200{position:relative;margin:0 auto;width:1200px} .asideBanner .asideBannerIcon{position:absolute;top:0;left:0%;width:338px;height:130px;background:url('../images/year4-f-1.png');cursor:pointer;} .asideBanner .foorterBanner{position:absolute;top:0;left:-100%;width:100%;height:133px;background:#d72533;display:none} .asideBanner .foorterBanner div{height:133px;background:url('../images/year4-f-2.png');} .asideBanner .foorterBanner input{position: absolute;top: 65px;left: 812px;width: 226px;height: 16px;padding: 0 5px;font-size: 15px;color: #fff;line-height: 16px;background: none;} .asideBanner .foorterBanner a ,.asideBanner .foorterBanner button{position: absolute;top: 48px;right: 20px;width: 114px;height: 52px;font-size: 25px;color: #fff;line-height: 52px;text-align: center;background: none;cursor: pointer;} .asideBanner .foorterBanner a{width: 152px;border-radius: 5px} .asideBanner a.a2{right:618px;background: #ffe400;color: #000} .asideBanner a.a3{right: 452px;background: #fff;color: #ae1722} .asideBanner a em{display: inline-block;vertical-align: middle;margin-right: 3px} .asideBanner a em{*display: inline} .asideBanner a.a2 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAMAAADt/kXiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAABBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgAAAADjiXfpAAAASXRSTlMAAU2s5O+6agwPu+dFCMb9S5DsECl9ktPbFQI9SI/xzvoDL+6UBNAbXoK90vX74/y5UHzo2jQHzBQ6QSHhY3K+Ju2z2XW81sGEysjbQgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADGSURBVCjPbdLHFoIwEEDRsTcQe0FQEXtv2Huf//8hhRiFhLfLXeRkcgaA5PH6/IiBYCgM9iJR/BYTbCzG8ZeU+HsSbaXSlDOS3TFLPedgzFMvOB2LhGWJ8RJxhWHMEVdZL3ssr7Be1Uyu6azr5gSZAHLVARpNnrHagja61YGuq/eg7+oDQBxyOkKE8njC+XQ2B2MhL9lxV+uNOdh25/T995sPeacfTxYb3P26tRQ1ejzTN8/IsiiX2OdwvYmaoN4fheerBfAG4Cl2NQnKP4gAAAAASUVORK5CYII=") no-repeat;width: 23px;height: 25px} .asideBanner a.a3 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEUAAACuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyIAAADF1YFdAAAAU3RSTlMAAoT4KA2yQNQHySlc9E7rDhAvogbYDMsK0YwFphkx/vcWSNwTqnMRtJ1HvO4I/Omv3jLfC+/5CeoPsZ9NvRWzGzsY2Y4EF6W121nzTyrNK4P2J+rMaWoAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAA2UlEQVQoz3XR51LCUBAF4IN0UEmAYBAN0qQ3KQoWiihFkXLe/11gKCHJxf23+92Zu3MW0Mt2YXfgTDldpHv/wjR3eHgAr89vmF9e8QjXDOxEkmU5GCJ1CLuoRIAbGmr/hxrlLUAzxO7uAS3+kLBCkqk0kOGjFbI55oECi1aAWrKrKFeqAqBGDajzHDwBDRGarXYTz5UXK3S6fAXe+C6uW/8AeuK6sUwfGLA9hCJG4vzkCPjaZvitjY0hTjiV9NhnPzr8MjA3HMSvHKH8tzCdUPrntNt+uVqfug2mqlKvvc3zcgAAAABJRU5ErkJggg==") no-repeat;width: 24px;height: 22px} .asideBanner .foorterBanner div>i{position:absolute;top:0;right:0;width:30px;height:30px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAQlBMVEUAAAD////////////////////9/f39/f3////////////////////////////////////////////////T09T///8bG85OAAAAFXRSTlMA8+a0M6dKKyCSiHE/2cF+VM6eYh5kd6SPAAAAb0lEQVQoz+3QSQ6AIAxA0RYFVBTH3v+qliFsChzA+LevTZPC9zscpMy1Sl2JhjSGpGqc3CCRB9nOrqNuE1Rawn5R2UwhlVWmWbGpIxI3dxSbbhXftZp9aSiOAA0/o3IDuxHso2a/BT/Olv85+Ov2AhGUBjYiB4fUAAAAAElFTkSuQmCC') no-repeat;background-position:center center;cursor:pointer;} .asideBanner input::-webkit-input-placeholder{color:#fbefe0;} .phoneError {z-index:999;position:fixed;top:-500px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:rgba(0,0,0,.8);background:#000/9;border:1px solid #aaa;border-radius:8px;cursor:pointer;margin-left:-150px;} .telNote {z-index:999;position:fixed;top:300px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:#fe5842;border:1px solid #fff;border-radius:8px;cursor:pointer;margin-left:-150px;}