/* CSS Document */ body{ height:100%; min-width:1200px;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;} body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;} h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;} div{margin:0 auto;} img ,embed{ border:none;} table{ border-collapse:collapse;} ul,li{ padding:0; list-style-type:none;} a{ text-decoration:none; color:#555;} a:hover{ text-decoration:none; color:#de0029;} .fl{ float:left;} .fr{ float:right;} .none{ display:none;} .block{ display:block;} .clearfix{*zoom:1} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .blank10{height:10px;} .blank15{height:15px;} .blank20{height:20px;} .blank30{height:30px;} .blank40{height:40px;} .blank50{height:50px;} .blank60{height:60px;} .FFs{ font-family:"宋体";} .clear{ clear:both;} .w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;} .w1200{ width:1200px; height:auto; margin:0 auto;} .w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;} #wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative; min-width:1200px;} @media(max-width:767px){ body{ min-width:300px !important; max-width:640px;} body{ background:#ebebeb;color:#878787;font:.8em "Microsoft YaHei"; margin:0 auto;} .auto_img{width:100%;} .w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .w1200{ width:100%; height:auto; margin:0 auto; position:relative;} .container{ width:100%; height:auto; margin:0 auto; position:relative;} #wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;min-width:300px;} } .header{ height:80px; position:fixed; z-index:9999; width:100%; transition:0.3s all;background:#fff; border-bottom:solid 1px #ebeef4; box-sizing:border-box;} .mobile_menu{ display:none;} .header .logo{ float:left; padding-top:15px; transition:0.3s all;} .header .logo img{height:50px; transition:0.3s all;background:none; } .hService{margin:25px 0 0 18px; color:#fff; position:relative; float:left;} .hService span{cursor:pointer;display:block;position:relative;color:#fff;line-height:30px;text-indent:12px;width:90px;height:30px;border-radius:18px;background:#8fb4cd; font-size:14px;} .hService span i{ display:block; position:absolute; top:50%; right:11px; margin-top:-2px;background:#30c8c6;background:url(/images/jz_headTop.png) no-repeat center; background-size:100%; width:7px;height:4px;-webkit-transition:all .2s linear;transition:all .2s linear;} .hService span.on{background:#2F82FF;} .hService span.on i{ -webkit-transform:rotate(180deg); transform:rotate(180deg);} .maskbox{ width:630px; height:280px; background:#fff; position:absolute; display:none; left:0; top:53px; z-index:999; padding:35px 25px; box-sizing:border-box;} .maskbox .hBox{} .maskbox .hBox h3{height:36px;padding-left:52px;font-size:15px;line-height:36px; color:#333; float:left;} .maskbox .hBox h3.tit1{background:url(/images/head_icon1.png) no-repeat left;background-size:36px 36px;} .maskbox .hBox h3.tit2{background:url(/images/head_icon2.png) no-repeat left;background-size:36px 36px;} .maskbox .hBox h3.tit3{background:url(/images/head_icon3.png) no-repeat left;background-size:36px 36px;} .maskbox .hBox h3.tit4{background:url(/images/head_icon4.png) no-repeat left;background-size:36px 36px;} .maskbox .hBox li{height:36px; line-height:36px; float:left;padding-left:22px; margin-left:20px;position:relative; font-size:14px;} .maskbox .hBox li:before{content:'';display:block;width:1px; height:14px; background-color:#d3d3d3;position:absolute; left:0;top:11px;} @media(max-width:767px){ .header{border-bottom:1px solid #eee;width:100%;height:56px;background:#fff;padding:10px 10px;top:0;z-index:999;} .header>.w1200{align-items:center !important;display:flex;justify-content:space-between;} /*.header>.w1200>div{flex:1;}*/ .header>.w1200.clearfix:before,.header>.w1200.clearfix:after{ display:none;} .mobile_menu{ display:flex;width:26px;height:26px; margin:0;} .mobile_menu img{width:26px !important;height:26px !important;} .header .logo{ max-width:200px;max-height:35px;display:flex; float:none; padding:0; margin:0;} .header .logo img{ height:35px;} .hService{ display:none;} } /*下拉菜单*/ .menuBox{height:80px;float:right; } .menuBox .menu ul li{float:left; position:relative;z-index:999; box-sizing:border-box; position:relative; margin:0 13px;} .menuBox .menu ul li:last-child{ margin-right:5px;} .menuBox .menu ul li .svb a{display:block; padding:0 1px; font-size:16px; color:#333;line-height:80px;} .menuBox .menu ul li dt a{display:block; line-height:46px; color:#fff;text-align:center; font-size:14px;border-bottom:#fff 1px solid;} .menuBox .menu ul li dt:last-child a{border-bottom:0;} .menuBox .menu ul li dt a:hover{ background:; color:#de0029; } .menuBox .menu ul li .svb{ transition:0.5s all; } .menuBox .menu ul li:hover .svb{background:;} .menuBox .menu ul li:hover .svb a{color:#de0029;} .menuBox .menu ul li.curr .svb{background:;} .menuBox .menu ul li.curr .svb a{ color:#de0029;} .menuBox .menu ul li .svb-box{display:none; background:rgba(20,107,187, 0.8); z-index:999; width:160px; position:absolute; left:-50px; top:70px; border-radius:0px; overflow:hidden;} .menuBox .menu ul li:nth-child(9){background:url(/images/H.gif) no-repeat right 15px;} .menuBox .menu ul li .svb a:before{width:0;height:2px;position:absolute;left:50%;bottom:0;z-index:10;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:#de0029;content:"";transition:all 0.3s;-webkit-transition:all 0.3s;} .menuBox .menu ul li:hover .svb a:before{width:100%;} #doc-oc-demo2{ display:none;} @media(max-width:767px){ .menuBox{ display:none;} /**左边menu菜单**/ .am-offcanvas.am-active{ display:block !important;} .myBox-personage{width:100% !important;z-index:99999999;background:rgba(255, 255, 255, 1); top:0;} .myBox{ width:100%; position:absolute; background:rgba(255, 255, 255, 1); height:100vh; z-index:99999999; top:0; left:0; right:0;} .myBox .myBox-top{ width:100%; height:46px; background:rgba(43, 48, 58, 1); line-height:55px; position:relative; border-bottom:1px solid #eee;} .myBox .myBox-top .Close{ height:35px; line-height:35px; top:0; right:15px; position:absolute; font-size:14px; color:#000;} /* .myBox .myBox-top .Close img{ position:absolute; width:2.1rem; height:2rem;} */ .myBox .myBox-top .logo{ width:200px; margin:10px 0 0 15px;} .myBox .myBox-top .logo img{ margin-left:0; width:auto; height:35px; margin-top:-25px;} .myBox-content{ width:70%; margin:1rem auto;} .myBox-content ul li{ height:32px; line-height:32px; position:relative; margin-bottom:10px;} .myBox-content ul li a{ display:inline-block; font-size:14px; color:#333333; margin-left:30px;} .my-icon{ width:20px; height:20px; position:absolute; left:0; top:6px; margin-right:10px;} .my-jiantou-you{ width:9px; height:15px; position:absolute; right:5px; top:6px;} .kefu-tel{ font-size:14px; font-weight:500; font-style:italic; color:rgba(191, 194, 204, 1); margin:15px 0 10px; text-align:center;} .kefu-tel a{font-size:14px;font-weight:bold; font-style:italic; color:#d90024;} } /*banner*/ #banner{max-width:1920px; margin:80px auto 0; position:relative; z-index:9;min-width:1200px;} #banner .swiper-slide{ overflow:hidden; position:relative; height:520px; background-size:cover; background-repeat:no-repeat; background-position:center;} @media only screen and (max-width:1440px){#banner .swiper-slide{height:520px;}} @media only screen and (max-width:1360px){#banner .swiper-slide{height:520px;}} /*按钮切换*/ #banner .swiper-button-prev,#banner .swiper-button-next{display:none;width:72px;height:72px; background:url(/images/ico_sliding.png) no-repeat; margin-top:-36px;} #banner .swiper-button-prev{background-position:0 0;} #banner .swiper-button-prev:hover{ background-position:0 -144px;} #banner .swiper-button-next{ background-position:0 -72px;} #banner .swiper-button-next:hover{background-position:0 -216px;} /*分页器*/ #banner .swiper-pagination-bullet{width:12px;height:12px; display:inline-block; border-radius:50%; background:rgba(255,255,255,0.36); transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease; opacity:1.0;} #banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color:#fff;width:33px;border-radius:30px;opacity:1.0;} #banner .swiper-pagination{bottom:25px;} @media(max-width:767px){ #banner{max-width:100%; margin:56px auto 0;min-width:300px;} #banner .swiper-slide{height:160px;} #banner .swiper-pagination-bullet{width:5px;height:5px; margin:0 3px;} #banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color:#fff;width:14px;border-radius:5px;opacity:1.0;} #banner .swiper-pagination{bottom:10px;} } @media(max-width:400px){ #banner .swiper-slide{height:135px;} } @media(max-width:320px){ #banner .swiper-slide{height:120px;} } /*标题*/ .cTitle{text-align:center; min-width:1200px; padding:50px 0 30px;} .cTitle span{ display:block; font-size:30px; margin-bottom:10px; color:#111; font-weight:normal; text-transform:uppercase; line-height:1.35;} .cTitle p{ font-size:14px; color:#666; line-height:1.35;} .cTitle .more{margin:30px auto 0 auto; text-align:center; border-radius:44px;width:255px; height:44px;line-height:44px; background:#2F82FF; transition:0.3s all;} .cTitle .more a{ display:block;color:#fff;font-size:16px;} .cTitle .more:hover{color:#fff; background:#D92129;} .cBox{ font-size:14px;} .cMain1 .cBox .form{ height:62px; font-size:14px;} .cMain1 .cBox .form .item{ position:relative; float:left;} .cMain1 .cBox .form .item i{ width:1px; height:20px; background:#ccc; position:absolute; right:0px; top:22px;} .cMain1 .cBox .form .item input{display:block; height:60px;width:340px;padding-left:50px; border:2px solid #2F82FF; border-right:none; box-sizing:border-box; outline:none;} .cMain1 .cBox .form .item .input_msg{background:url(/images/icon_msg.png) 15px 50% no-repeat;} .cMain1 .cBox .form .item .input_name{background:url(/images/icon_name.png) 15px 50% no-repeat;border-left:none;} .cMain1 .cBox .form .item .input_tel{background:url(/images/icon_tel.png) 15px 50% no-repeat;border-left:none;} .cMain1 .cBox .form .item .input_submit{width:180px;background:#2F82FF; font-size:18px;border-color:#2F82FF;height:60px;color:#fff; cursor:pointer; padding-left:0px;} .cMain1 .cBox .form .item .input_submit:active{opacity:0.8;} .cMain1 .txtScroll{ padding:20px 0; height:71px; width:1200px; margin:auto; border-bottom:dotted 1px #ccc;} .cMain1 .txtScroll .infoList li{ height:30px; line-height:30px;} .cMain1 .sli_item{color:#666;font-size:12px;overflow:hidden;} .cMain1 .sli_item > div{width:50%;float:left;} .cMain1 .sli_item i{font-style:normal;margin-left:15px;font-size:12px;} .cMain1 .announ_tit{color:#fff;float:left;font-size:12px;height:30px;line-height:30px;padding:0 10px;background:#2F82FF;position:relative;} @media(max-width:767px){ .cTitle{ min-width:300px; padding:1.5rem 0 1rem;} .cTitle span{ font-size:1.4rem; margin-bottom:10px; padding:0 10px;} .cTitle p{ font-size:.8rem;} .cTitle .more{margin:1rem auto 0 auto; border-radius:40px;width:60%; height:40px;line-height:40px;} .cTitle .more a{font-size:.9rem;} .cMain1{ background:#FFF;} .cMain1 .cBox .form{ height:auto; padding:0 10px;} .cMain1 .cBox .form .item{ margin-bottom:10px; width:100%;} .cMain1 .cBox .form .item i{ display:none;} .cMain1 .cBox .form .item input{ height:50px;width:100%;padding-left:35px; border-right:2px solid #2F82FF;} .cMain1 .cBox .form .item .input_msg{background:url(/images/icon_msg.png) 8px 50% no-repeat;} .cMain1 .cBox .form .item .input_name{background:url(/images/icon_name.png) 8px 50% no-repeat;border-left:2px solid #2F82FF;} .cMain1 .cBox .form .item .input_tel{background:url(/images/icon_tel.png) 8px 50% no-repeat;border-left:2px solid #2F82FF;} .cMain1 .cBox .form .item .input_submit{width:100%;font-size:1.1rem;height:50px;} .cMain1 .txtScroll{ display:none;} } .cMain2{ padding:0 0 60px;} .cMain2 .cTitle p{ color:#888;} .cMain2 ul li{ width:284px; float:left; height:174px; box-sizing:border-box; text-align:center; margin-right:20px;} .cMain2 ul li h3{font-size:18px;color:#fff; padding:35px 0 12px; font-weight:normal;} .cMain2 ul li p{font-size:14px; padding-bottom:26px; color:rgba(255,255,255,0.8);} .cMain2 ul li a{display:block; width:118px;height:34px;line-height:34px; border:1px solid #fff;border-radius:5px;color:#fff;margin:0 auto; transition:0.3s all;} .cMain2 ul li a:hover{border:1px solid rgba(255,255,255,0.25); background:rgba(255,255,255,0.25);} .cMain2 ul li:nth-child(1){ background:url(/images/cBg1.png) no-repeat center;} .cMain2 ul li:nth-child(2){ background:url(/images/cBg2.png) no-repeat center;} .cMain2 ul li:nth-child(3){ background:url(/images/cBg4.png) no-repeat center;} .cMain2 ul li:nth-child(4){ background:url(/images/cBg3.png) no-repeat center; margin-right:0;} @media(max-width:767px){ .cMain2{ padding:0 10px 1.5rem; background:#FFF;} .cMain2 ul li{ width:48%; float:left; height:11rem;margin-right:4%; margin-bottom:15px; border-radius:5px; overflow:hidden;} .cMain2 ul li:nth-child(2n){ margin-right:0;} .cMain2 ul li h3{font-size:1rem;padding:1.5rem 0 1rem;} .cMain2 ul li p{font-size:.8rem; padding:0 10px 1rem;} .cMain2 ul li a{width:70%;} } .cMain3{ padding:0 0 60px;background:rgb(239, 245, 254);} .cMain3 .cBox{ margin-bottom:60px;} .cMain3 .hd ul{width:740px; margin:auto;} .cMain3 .hd ul li{float:left; width:18%; margin:0 1%; text-align:center; cursor:pointer;line-height:36px; font-size:16px; background:#fff; border-radius:36px; transition:0.3s all;} .cMain3 .hd ul li.on{ background:#FF6270; color:#fff;} .cMain3 .bd{margin-top:35px;} .cMain3 .item .left{width:200px; height:320px; float:left;box-sizing:border-box; padding:36px 20px 15px 20px;} .cMain3 .item .left h3{font-size:18px; color:#fff; font-weight:normal; padding-left:10px;} .cMain3 .item .left p{margin-top:5px;padding-left:10px;color:#fff;opacity:.3; font-size:13px;} .cMain3 .item .left a{display:block; width:86%; height:30px;line-height:30px;margin:190px auto 0 auto;text-align:center; background:rgba(255,255,255,0.2);border-radius:15px;color:#fff; transition:0.3s all;} .cMain3 .item .left a:hover{ background:#fff; color:#333;} .cMain3 .item .mid{ width:700px;height:320px; background:#fff; float:left; overflow:hidden;} .cMain3 .item .mid li{width:50%; height:107px; padding:15px 25px; float:left; border:solid 1px #eee; border-left:0; border-top:0; box-sizing:border-box; position:relative;} .cMain3 .item .mid li:nth-child(1){ background-repeat:no-repeat; background-position:right 5px bottom 5px; height:214px;} .cMain3 .item:nth-child(1) .mid li:nth-child(1){ background-image:url(/images/sBg01.png);} .cMain3 .item:nth-child(2) .mid li:nth-child(1){ background-image:url(/images/sBg02.png);} .cMain3 .item:nth-child(3) .mid li:nth-child(1){ background-image:url(/images/sBg03.png);} .cMain3 .item:nth-child(4) .mid li:nth-child(1){ background-image:url(/images/sBg04.png);} .cMain3 .item:nth-child(5) .mid li:nth-child(1){ background-image:url(/images/sBg05.png);} .cMain3 .item .mid li h2{ font-size:16px; font-weight:bold;} .cMain3 .item .mid li p{ color:#666; line-height:40px; font-size:12px;} .cMain3 .item .mid li .more{position:absolute; right:15px; bottom:15px;} .cMain3 .item .mid li a{ width:80px; line-height:25px; display:inline-block; text-align:center; font-size:12px; border-radius:25px; border:solid 1px #ddd; margin-right:10px; transition:0.3s all;} .cMain3 .item .mid li a:hover{ background:#d90024; border:solid 1px #d90024; color:#fff;} .cMain3 .item .mid li:nth-child(1) .more{left:20px; bottom:30px;} .cMain3 .item .right{width:300px;height:320px; float:right; background:#fff; padding:10px 20px; box-sizing:border-box;} .cMain3 .item .right h5{font-size:18px; line-height:30px; position:relative; margin-left:10px;} .cMain3 .item .right h5:before{content:""; /*不换行空格*/width:4px;height:16px; position:absolute; left:-10px; top:8px;background:#d90024;} .cMain3 .item .right li{line-height:34px; border-bottom:solid 1px #eee; padding:0 0 10px; margin-top:10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative;} .cMain3 .item .right li a{ padding-left:32px;} .cMain3 .item .right li:last-child{border-bottom:solid 0px #eee;} .cMain3 .item .right li img{vertical-align:middle; margin-right:10px; border-radius:0px; width:22px;} .cMain3 .item .right li i{ display:block; width:22px; height:22px; color:#FFF; line-height:22px; text-align:center; position:absolute; left:0; top:7px; border-radius:3px; font-style:normal; font-family:Arial; font-size:16px;} .cMain3 .item .right li:nth-child(1) i{ background:#fc8e2c;} .cMain3 .item .right li:nth-child(2) i{ background:#00adef;} .cMain3 .item .right li:nth-child(3) i{ background:#e85461;} .cMain3 .item .right li:nth-child(4) i{ background:#c7e63f;} .cMain3 .item .right li:nth-child(5) i{ background:#469c69;} .cMain3 .item:nth-child(1) .left{background:url(/images/leftBg.png) no-repeat -1400px top;} .cMain3 .item:nth-child(2) .left{background:url(/images/leftBg.png) no-repeat -200px top;} .cMain3 .item:nth-child(3) .left{background:url(/images/leftBg.png) no-repeat -600px top;} .cMain3 .item:nth-child(4) .left{background:url(/images/leftBg.png) no-repeat -1000px top;} .cMain3 .item:nth-child(5) .left{background:url(/images/leftBg.png) no-repeat 0px top;} @font-face{font-family:'Impact'; src:url('/style/font/Impact.ttf') format('truetype'); } .cTel{ width:488px;height:48px;line-height:48px; border:1px solid;display:block; margin:0 auto;position:relative;background-color:white; -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s; box-sizing:content-box;} .cTel:hover{ padding:0 20px;} .cTel label{ padding-left:30px; padding-top:8px; float:left; width:60px; line-height:16px; font-weight:normal;} .cTel strong{ font-size:32px; font-family:Impact; padding-left:25px; letter-spacing:2px;} .cTel a{ width:150px;height:48px; position:absolute; top:0;right:-1px;text-align:center;font-size:18px;color:#fff;} .cTel>i{ width:40px; height:40px; position:absolute;top:4px;left:-20px; background:url(/images/icon1.png) no-repeat;} .cMain3 .cTel{ color:#FF6270;} .cMain3 .cTel a{ background:#FF6270;} @media(max-width:767px){ .cMain3{ padding:0 10px 1.5rem;} .cMain3 .cBox{ margin-bottom:1.5rem;} .cMain3 .hd ul{width:100%;} .cMain3 .hd ul li{ width:47%; margin:0 1.5% 10px;} .cMain3 .bd{margin-top:1rem;} .cMain3 .item .left{ display:none;} .cMain3 .item .mid{ width:100%;height:auto; float:none;} .cMain3 .item .mid li{width:50%; height:10rem; padding:15px 10px 45px;} .cMain3 .item .mid li:nth-child(1){ width:100%; height:auto; background-size:auto 60%;} .cMain3 .item .mid li h2{ font-size:1rem;} .cMain3 .item .mid li p{ line-height:20px; min-height:60px; padding:10px 0; margin-bottom:1rem} .cMain3 .item .mid li .more{ right:10px;} .cMain3 .item .mid li:nth-child(1) .more{left:10px; bottom:15px;} .cMain3 .item .right{width:100%;height:auto; float:none; padding:10px 10px;} .cMain3 .item .right h5{font-size:1.1rem;} .cTel{ width:300px;height:48px;line-height:48px;} .cTel:hover{ padding:0 20px;} .cTel label{ padding-left:25px; width:55px; line-height:16px;} .cTel strong{ font-size:1.4rem; padding-left:5px; letter-spacing:1px;} .cTel a{ width:80px;height:48px;font-size:1rem;} } .cMain4{ padding-bottom:30px;} .cMain4 ul li{text-align:center; background:#f1f3ff; width:15.6666%; margin:0 1.2% 0 0; float:left; border-radius:5px; overflow:hidden; padding:25px 0;} .cMain4 ul li:last-child{ margin-right:0;} .cMain4 ul li .pic{ padding:0px 0 15px 0;} .cMain4 ul li .pic img{ width:30%;} .cMain4 ul li .txt{ padding-bottom:10px;} .cMain4 ul li .txt h3{ font-size:16px; font-weight:bold; margin-bottom:10px;} .cMain4 ul li .txt p{ font-size:14px; color:#666; line-height:20px; } @media(max-width:767px){ .cMain4{ padding:0 10px 1rem;} .cMain4 ul li{ background:#f1f3ff; width:48%; margin:0 4% 1rem 0; padding:15px 0;} .cMain4 ul li:nth-child(2n){ margin-right:0;} .cMain4 ul li .pic{ padding:0px 0 1rem 0;} .cMain4 ul li .txt h3{ font-size:1rem;} .cMain4 ul li .txt p{ font-size:.85rem;} } .cMain5{ width:1200px; margin:auto; position:relative; z-index:9;} .cMain5 .swiper-slide{ overflow:hidden; position:relative; height:120px; border-radius:5px;} .cMain5 .swiper-slide img{width:100%;} @media(max-width:767px){ .cMain5{ width:100%; padding:0;} .cMain5 .swiper-slide{ height:auto;border-radius:0;} } .cMain6{ padding-bottom:0;} .cMain6 .cBoxList{ float:left; width:380px; margin-left:30px; float:left;} .cMain6 .cBoxList:nth-child(1){ margin-left:0;} .cMain6 .cBoxList .nTit{height:148px;background:#ece3ee; text-align:center;} .cMain6 .cBoxList .nTit img{display:block;width:54px;height:54px;margin:0 auto;padding:25px 0 14px; box-sizing:content-box;} .cMain6 .cBoxList .nTit a{ font-size:18px;} .cMain6 .cBoxList:nth-child(1) .nTit{background:#EAE2C9} .cMain6 .cBoxList:nth-child(2) .nTit{background:#d7e3f4} .cMain6 .cBoxList:nth-child(3) .nTit{background:#ece3ee} .cMain6 .cBoxList ul{ padding:15px 20px; background:#fff; border:solid 1px #eee; border-top:0;} .cMain6 .cBoxList li{line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; padding-right:5px;} .cMain6 .cBoxList li a{ display:inline-block; font-size:14px; color:#444; text-indent:12px;} .cMain6 .cBoxList li:after{ content:""; display:block; width:4px; height:4px; background:#f60; position:absolute; top:16px; left:0; border-radius:2px;} .cMain6 .cBoxList li a:hover{ color:#de0029;} @media(max-width:767px){ .cMain6{ padding:0 10px; background:#FFF;} .cMain6 .cBoxList{ float:left; width:100%; margin-left:0; margin-top:1rem;} .cMain6 .cBoxList:nth-child(1){ margin-top:0;} .cMain6 .cBoxList .nTit{height:auto; padding:0 0 1rem;} .cMain6 .cBoxList .nTit img{padding:1rem 0 .5rem;} .cMain6 .cBoxList .nTit a{ font-size:1.1rem;} .cMain6 .cBoxList ul{ padding:10px 15px;} .cMain6 .cBoxList li{line-height:34px;} } .cMain7{ padding-bottom:60px;} .cMain7 ul li{ width:16.666%; margin-right:0%; float:left;} /*.cMain7 ul li:nth-child(6){ margin-right:0;}*/ .cMain7 ul li .pic{ text-align:center;} .cMain7 ul li .pic img{ width:120px; height:auto;} .cMain7 ul li p{ font-size:16px; padding:15px 0 0; text-align:center; color:#333;} @media(max-width:767px){ .cMain7{ padding:0 10px 1.5rem;} .cMain7 ul li{ width:32.333%; margin-right:1%; margin-bottom:1rem;} .cMain7 ul li:nth-child(3n){ margin-right:0;} .cMain7 ul li .pic img{ width:75px;} .cMain7 ul li p{ font-size:1rem; padding:10px 0 0; } } .cMain8{ padding:0 0 20px;} .cMain8 .w1200{ padding:0px 0 0; border-top:0 solid #f5f5f5;} .cMain8 .title{ padding:0 0 25px;} .cMain8 .title span{ font-size:18px; color:#333;} .cMain8 ul{ width:1216px;} .cMain8 ul li{ float:left; margin-right:16px; margin-bottom:15px;} .cMain8 ul li a{ display:block; font-size:14px; color:#666;} .cMain8 ul li a:hover{ color:#d90024;} @media(max-width:767px){ .cMain8{ padding:1.5rem 10px 1rem; border-top:10px solid #f5f5f5;} .cMain8 .w1200{ padding:0px 0 0; border-top:0 solid #e0e0e0;} .cMain8 .title{ padding:0 0 1rem;} .cMain8 .title span{ font-size:1.1rem;} .cMain8 ul{ width:100%;} .cMain8 ul li{ margin-right:12px; margin-bottom:12px;} .cMain8 ul li a{ font-size:.8rem;} } /*footer*/ .footer{ width:100%; background:#181818; padding:60px 0 56px 0;} .footer>.w1200>div{border-right:rgba(255,255,255,0.05) 1px solid; min-height:180px;} .footer>.w1200>div:last-child{ border-right:none;} .footer .fLogo{width:320px; float:left;} .footer .fLogo img{width:230px; margin-left:0;} .footer .fCon{width:280px;box-sizing:border-box;padding-top:24px;} .footer .fCon p{ font-size:14px;color:rgba(255,255,255,0.46); line-height:36px;} .footer .fNav{width:360px; padding:0 50px;padding-top:20px; float:left;} .footer .fNav h5{font-size:16px;color:#fff;margin-bottom:30px;} .footer .fNav li{ width:50%; line-height:30px; float:left;} .footer .fNav li a{ font-size:14px; color:rgba(255,255,255,0.46);} .footer .fNav li a:hover{color:rgba(222,0,41,0.86);} .footer .fEwm{width:260px; text-align:center;padding-top:20px; float:right;} .footer .fEwm h5{padding:0 0 0 30px;font-size:16px;color:#fff;background:url(../images/icon_ewm.png) 75px center no-repeat; margin-bottom:40px;} .footer .fEwm .con img{ width:108px; height:108px; padding:4px; background:#FFF; margin-bottom:2px;} .footer .fEwm .con p{font-size:14px; text-align:center; color:rgba(255,255,255,0.46);} .footer .fAddr{width:260px; text-align:left;padding:75px 0 0 50px; float:right;} .footer .fAddr h5{} .footer .fAddr .con .item{ display:flex;align-items:flex-start} .footer .fAddr .con .item:last-child{ margin-top:10px;} .footer .fAddr .con img{ margin-right:5px; max-width:100%; height:auto; margin-top:5px;} .footer .fAddr .con p{ color:rgba(255,255,255,0.46);font-size:14px;} .copyright{ width:100%; margin:0px auto; padding:18px 0; background:#111; color:rgba(255,255,255,0.46); text-transform:uppercase; font-size:14px;} .copyright .left{ float:left;} .copyright span,.copyright a{color:rgba(255,255,255,0.46);} .copyright .right{ float:right; font-size:14px;} .flink{ float:left; width:100%;padding:8px 0 0;color:rgba(255,255,255,.46); font-size:14px;} .flink a{margin:0 8px 0 0;color:rgba(255,255,255,.46);} .mobile_copyright,.mobile_footers{ display:none;} .footer-more-serve{ display:none;} @media(max-width:767px){ .footer,.copyright{ display:none;} .mobile_copyright{ display:block; width:100%; padding:10px 0; background:#111; color:rgba(255,255,255,0.46); font-size:14px; text-align:center; line-height:1.8; margin-bottom:0px;} .mobile_copyright span,.mobile_copyright a{color:rgba(255,255,255,0.46);} .mobile_footers{width:100%;height:54px; position:fixed;bottom:0;display:flex;justify-content:space-between;background-color:#d90024;padding:0 20px;box-sizing:border-box;z-index:99;} .mobile_footers a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#000;font-size:.9rem;text-decoration:none !important;width:48px;} .mobile_footers a img{width:24px;height:24px; margin-bottom:3px;} .mobile_footers .navSelectedspan{color:#fff;} .mobile_footers .navUnSelectedspan{color:#fff;} .footer-more-serve{width:100%;height:calc(100vh - 110px);position:fixed;left:0;bottom:54px;z-index:9999;background-color:#fff;display:none;opacity:0;} .footer-more-serve:after{content:''; clear:both; display:block;} .footer-more-serve ul,.footer-more-serve li{list-style:none;padding:0;margin:0;} .footer-more-serve p{padding:0;margin:0;} .footer-more-serve a{text-decoration:none;} .footer-more-serve .fms-tab-left{float:left;width:36%;height:100%;box-sizing:border-box;border-right:.01rem solid #eaeaea;padding:10px 0 0 10px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch} .footer-more-serve .fms-tab-left::-webkit-scrollbar{display:none} .footer-more-serve .fms-tab-left li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .footer-more-serve .fms-tab-left li img{width:27px;height:27px;margin-right:10px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.2;} .footer-more-serve .fms-tab-left li .tit{font-size:.95rem;line-height:3.2;color:#333333; margin:0} .footer-more-serve .fms-tab-left li.sel img{-webkit-filter:none;filter:none;opacity:1;} .footer-more-serve .fms-tab-left li.sel .tit{color:#d90024;} .footer-more-serve .fms-cont-right{float:left;padding:10px 0 0 25px;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch; width:62%;} .footer-more-serve .fms-cont-right::-webkit-scrollbar{display:none} .footer-more-serve .fms-cont-right ul{display:none;width:100%;} .footer-more-serve .fms-cont-right ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.95rem;line-height:3.2;color:#666666;} .footer-more-serve .fms-cont-right ul li a{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .footer-more-serve .fms-cont-right ul li a:active{color:#3a0bf6;} .footer-more-serve .fms-cont-right ul.toshow{display:block;} .mask2body{overflow:hidden;} } .pageBan{height:420px; overflow:hidden; background-position:center; background-repeat:no-repeat; margin-top:80px; position:relative;} .sBox{ font-size:14px; color:#333;} @media(max-width:767px){ .pageBan{height:150px; overflow:hidden; margin-top:56px; background-size:auto 100%;} } @media(max-width:500px){ .pageBan{height:120px;} } @media(max-width:360px){ .pageBan{height:100px;} } @media(max-width:320px){ .pageBan{height:90px;} } /*注册公司*/ .sA01{ height:100px;} .sA01 ul li{float:left;width:25%;height:100px;} .sA01 ul li img{float:left;margin-left:30px;margin-top:25px;width:48px;height:48px;} .sA01 ul li .txt{display:block;width:200px;height:48px;float:right;margin-top:25px;} .sA01 ul li .txt h5{font-size:18px; color:#333;} .sA01 ul li .txt p{font-size:14px; color:#666; padding-top:5px;} @media(max-width:767px){ .sA01{ height:auto; padding:0 10px 1.5rem;} .sA01 ul li{width:50%;height:auto; text-align:center;} .sA01 ul li img{float:none;margin-left:0;margin-top:25px;} .sA01 ul li .txt{width:100%;height:auto;float:none;margin-top:10px; padding:0 10px;} .sA01 ul li .txt h5{font-size:1rem;} .sA01 ul li .txt p{font-size:.8rem; padding-top:.5rem;} } .sA02{ background:#f4f9fc; padding:60px 0 80px;} .sA_tit{font-weight:normal;font-size:28px;color:#333;text-align:center; line-height:1;} .sA_tit span{display:block;width:50px;height:3px;background:#9098ff;margin:0 auto;margin-top:30px;} @media(max-width:767px){ .sA02{ padding:1.5rem 10px;} .sA_tit{font-size:1.4rem;} .sA_tit span{width:40px;margin-top:1rem;} } .sA02 .con{ padding:50px 0 0;} .sA02 .con .left{ width:450px;height:490px;background:#fff;float:left;} .sA02 .con .left .img{width:100%;height:90px;background:url(/images/sTit_img.png) no-repeat center;} .sA02 .con .left .img h6{font-size:20px;color:#fff;text-align:center;line-height:90px;font-weight:normal;} .sA02 .con .left ul{width:100%;height:240px;margin-top:30px;} .sA02 .con .left ul li{width:450px;height:60px;margin-top:0;} .sA02 .con .left ul li:nth-child(3){margin-top:19px;} .sA02 .con .left ul li:nth-child(4){margin-top:15px;} .sA02 .con .left ul li:nth-child(5){margin-top:25px; text-align:center;} .sA02 .con .left ul li span{display:block; margin-left:35px;float:left;line-height:60px; font-size:14px;} .sA02 .con .left ul li input[type=text]{height:42px;width:285px;padding-left:15px;border:1px solid #e2e2e2;outline:none;font-size:14px;color:#333;float:left;margin-left:20px;margin-top:7px;} .sA02 .con .left ul li i{ font-style:normal;position:absolute;color:red;margin-top:20px;margin-left:5px;} .sA02 .con .left ul li input[type=submit]{width:290px;height:48px;line-height:48px;background:#ff6c2a;border-radius:6px;font-size:16px;color:#fff;box-shadow:0 0 18px rgba(242,117,63,.3); border:0; outline:none; cursor:pointer; font-family:"Microsoft YaHei","微软雅黑";} .sA02 .con .left ul li input[type=submit]:active{opacity:0.8;} .radioWrap{margin-top:10px;} .radioWrap dd{float:left;position:relative;padding-left:32px;cursor:pointer;font-size:14px;color:#666;line-height:14px;margin-top:5px;} .radioWrap dd b{width:22px;height:23px;background:url(/images/radio_gray.png) no-repeat center center;display:block;position:absolute;left:0;top:-5px;} .radioWrap .selected b,.radioWrap .selected a:hover b{background:url(/images/radio_color.png) no-repeat center center;} .radioWrap a{color:#f2753f;} .radioWrap dl{padding-right:8px;} .radioWrap dl dd:nth-child(1){padding-right:40px;margin-left:120px;} .sA02 .con .right{background:#fff;width:730px;float:right;height:490px; font-size:14px; color:#333;} .sA02 .con .right .hd{ background:#fff;} .sA02 .con .right .hd ul{margin:auto;height:50px; display:table;text-align:center;width:730px;height:64px;background:#fff;} .sA02 .con .right .hd ul li{float:left;cursor:pointer; font-size:16px;border-radious:20px;width:50%;height:63px;line-height:63px;} .sA02 .con .right .hd ul li.on{ background:#6d6bff; color:#fff;} .sA02 .con .right .bd .conBox p{display:block;width:630px;height:52px;font-size:14px;color:#666;line-height:24px;margin-left:50px;padding-top:20px;} .sA02 .con .right .bd .conBox .link a{display:block;width:170px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#fff;background:#ff6c2a;border-radius:6px;box-shadow:0 0 18px rgba(242,117,63,.3);cursor:pointer;margin-left:500px;margin-top:20px;} .sA02 .con .right .bd .conBox .link a:hover{display:block;background:#FF9933;} .sA02 .con .right .bd .conBox .img{width:630px;height:230px;margin:20px auto;} .sA02 .con .right .bd .conBox .img dd{width:200px;height:230px;float:left;margin-left:15px;text-align:center;line-height:30px;} .sA02 .con .right .bd .conBox .img dd:nth-child(1){ margin-left:0;} .sA02 .con .right .bd .conBox .img dd img{width:200px;height:200px;} .sA02 .con .right .bd .conBox:nth-child(1) .img dd:nth-child(2) img{ width:200px; height:85px;} @media(max-width:767px){ .sA02 .con{ padding:1.5rem 0 0;} .sA02 .con .left{ width:100%;height:auto; margin-bottom:1rem; padding-bottom:1.5rem} .sA02 .con .left .img{ height:80px; background-size:auto 100%;} .sA02 .con .left .img h6{font-size:1.2rem;line-height:80px;} .sA02 .con .left ul{height:auto;margin-top:1rem;} .sA02 .con .left ul li{width:100%;height:auto;margin-top:0;} .sA02 .con .left ul li span{ margin-left:20px;line-height:30px; float:none; display:inline-block;} .sA02 .con .left ul li input[type=text]{height:42px;width:calc(100% - 40px);padding-left:10px; float:none;} .sA02 .con .left ul li i{ margin-top:8px;margin-left:5px;} .sA02 .con .left ul li input[type=submit]{width:calc(100% - 40px);height:48px;line-height:48px;} .radioWrap{margin-top:15px;} .radioWrap dd{ padding-left:28px;font-size:13px;} .radioWrap dl dd:nth-child(1){ margin-left:20px;padding-right:10px;} .sA02 .con .right{width:100%;height:auto;} .sA02 .con .right .hd ul{width:100%;height:50px;} .sA02 .con .right .hd ul li{height:50px;line-height:50px;} .sA02 .con .right .bd .conBox p{width:calc(100% - 30px);height:auto;margin:0 15px;padding:1rem 0 0;} .sA02 .con .right .bd .conBox .link a{height:44px;line-height:44px;font-size:1rem;margin-left:15px;margin-top:1rem;} .sA02 .con .right .bd .conBox .img{width:100%;height:auto;margin:1.2rem auto 0;padding:0 15px 1.5rem;} .sA02 .con .right .bd .conBox .img dd{width:32.333%;height:auto;float:left;margin-left:1.5%; font-size:.8rem; line-height:1.5;} .sA02 .con .right .bd .conBox .img dd img{width:100%;height:9.82rem;} .sA02 .con .right .bd .conBox:nth-child(1) .img dd:nth-child(2) img{ width:100%; height:4.31rem;} } .sA03{ padding:0 0 60px;} .sA03 .sBox .left,.sA03 .sBox .right{width:550px;height:598px;background:#fff;border-radius:6px;box-shadow:0 0 50px rgba(187,186,207,.3); float:left;} .sA03 .sBox .left{margin:0 32px 0 34px;} .sA03 .sBox .sB_top{width:100%;height:168px;background:-webkit-linear-gradient(left, #00cca8, #61dba3);background:-o-linear-gradient(right,#00cca8, #61dba3); background:-moz-linear-gradient(right,#00cca8, #61dba3);background:linear-gradient(to right,#00cca8, #61dba3);border-radius:6px 6px 0 0;} .sA03 .sBox .sB_top>div{width:100%;height:100%;background:url(/images/ico7.png) no-repeat right center;} .sA03 .sBox .sB_top h5{font-size:28px;color:#fff;padding:25px 0 15px 36px;} .sA03 .sBox .sB_top p{font-size:16px;color:#fff;padding-left:36px;margin-bottom:0;} .sA03 .sBox .right .sB_top p{ padding-right:36px; line-height:2;} .sA03 .sBox .sB_top p span{display:inline-block;color:#00b192;font-size:14px;background:#fff;padding:5px 10px;border-radius:14px;margin-right:6px; margin-bottom:12px;} .sA03 .sBox .right .sB_top{background:-webkit-linear-gradient(left, #464aff, #9447fa);background:-o-linear-gradient(right,#464aff, #9447fa);background:-moz-linear-gradient(right,#464aff, #9447fa); background:linear-gradient(to right,#464aff, #9447fa);} .sA03 .sBox .right .sB_top>div{ background:url(/images/ico8.png) no-repeat right center;} .sA03 .sBox .sB_bottom{padding:0 42px;box-sizing:border-box;} .sA03 .sBox .left .sB_bottom .titlt{border-bottom:1px solid #e2e2e2;font-size:16px;padding:32px 0;margin-bottom:20px;} .sA03 .sBox .left .sB_bottom .titlt span:nth-child(1){padding:0 170px 0 24px;} .sA03 .sBox .left li{ float:left;} .sA03 .sBox .left li:nth-child(1) dl{width:235px;font-size:14px;color:#1cd0a6;} .sA03 .sBox .left li:nth-child(1) dl dd{float:left;margin:0 10px 0 25px;position:relative;padding-left:32px;cursor:pointer;padding-bottom:25px;} .sA03 .sBox .left li:nth-child(1) dl dd b{width:22px;height:22px;background:url(/images/radio_icon1.png) no-repeat center center;display:block;position:absolute;left:0;top:0px;} .sA03 .sBox .left li:nth-child(1) dl .selected b,.sA03 .sBox .left li:nth-child(1) dl .selected a:hover b{background:url(/images/radio_icon2.png) no-repeat center center;} .sA03 .sBox .left li:nth-child(2) dl{width:195px;color:#1cd0a6;} .sA03 .sBox .left li:nth-child(2) dl dd{float:left;margin:0 10px 0 25px;position:relative;padding-left:32px;cursor:pointer;padding-bottom:25px;} .sA03 .sBox .left li:nth-child(2) dl dd b{width:22px;height:22px;background:url(/images/radio_icon1.png) no-repeat center center;display:block;position:absolute;left:0;top:0px;} .sA03 .sBox .left li:nth-child(2) dl .selected b,.sA03 .sBox .left li:nth-child(2) dl .selected a:hover b{background:url(/images/radio_icon2.png) no-repeat center center;} .sA03 .sBox .linkBtn{width:260px;height:48px;line-height:48px;text-align:center;border-radius:6px;background:#00d0a6;box-shadow:0 0 18px rgba(1,204,168,.3);cursor:pointer;margin:0px 0 0 105px;} .sA03 .sBox .linkBtn a{ display:block;font-size:16px;color:#fff;} .sA03 .sBox .linkBtn:hover{background:#11c3a3;} .sA03 .sBox .right .sB_bottom .titltR{margin:60px 0 0;} .sA03 .sBox .right .sB_bottom .titltR .tl{width:100px;margin-left:92px; float:left;} .sA03 .sBox .right .sB_bottom .titltR img{display:block;width:62px;height:62px;margin:0 auto;} .sA03 .sBox .right .sB_bottom .titltR p{font-size:14px;color:#666;text-align:center;padding-top:16px;} .sA03 .sBox .right .sB_bottom .titltR p:hover{color:#6c6eff;cursor:pointer;} .sA03 .sBox .right .sB_bottom .titltR .tr{width:70px;margin-left:120px; float:left;} .sA03 .sBox .right ul{ padding:30px 0 0;} .sA03 .sBox .right li{width:100px;height:40px;line-height:40px;text-align:center;border:1px solid #6d6bff;border-radius:48px;margin-right:12px;margin-bottom:16px;cursor:pointer;float:left;} .sA03 .sBox .right li a{ display:block;font-size:14px;color:#6c6eff;} .sA03 .sBox .right li:nth-child(1),.sA03 .sBox .right li:nth-child(5){margin-left:10px;} .sA03 .sBox .right li:nth-child(5){width:144px;} .sA03 .sBox .right li:nth-child(6),.sA03 .sBox .right li:nth-child(7){width:130px;} .sA03 .sBox .right .linkBtn{background:#6c6eff;margin:24px auto 0;box-shadow:0 0 18px rgba(108,110,255,.3);} .sA03 .sBox .right .linkBtn:hover{background:#5154f4;} @media(max-width:767px){ .sA03{ padding:0 10px 1.5rem;} .sA03 .sBox .left,.sA03 .sBox .right{width:100%;height:auto;} .sA03 .sBox .left{margin:0 0 1rem;} .sA03 .sBox .sB_top h5{font-size:1.4rem;padding:20px 0 10px 13px;} .sA03 .sBox .sB_top p{font-size:.9rem;padding-left:13px;} .sA03 .sBox .right .sB_top p{ padding-right:13px; line-height:2;} .sA03 .sBox .sB_top p span{ font-size:.8rem; padding:3px 6px; margin-right:5px;} .sA03 .sBox .sB_bottom{padding:0 10px;} .sA03 .sBox .left .sB_bottom .titlt{font-size:16px;padding:20px 0;margin-bottom:20px;} .sA03 .sBox .left .sB_bottom .titlt span:nth-child(1){padding:0; display:inline-block; width:50%} .sA03 .sBox .left{ padding-bottom:2rem} .sA03 .sBox .left li{ float:left; width:50%;} .sA03 .sBox .left li:nth-child(1) dl{width:100%;} .sA03 .sBox .left li:nth-child(1) dl dd{margin:0 10px 0 0;} .sA03 .sBox .left li:nth-child(2) dl{width:100%;color:#1cd0a6;} .sA03 .sBox .left li:nth-child(2) dl dd{margin:0 10px 0 0} .sA03 .sBox .linkBtn{width:80%;margin:0px auto;} .sA03 .sBox .right{ padding-bottom:2rem} .sA03 .sBox .right .sB_bottom .titltR{margin:1.5rem 0 0;} .sA03 .sBox .right .sB_bottom .titltR .tl{width:50%;margin-left:0;} .sA03 .sBox .right .sB_bottom .titltR p{padding-top:.8rem;} .sA03 .sBox .right .sB_bottom .titltR .tr{width:50%;margin-left:0; float:right;} .sA03 .sBox .right ul{ padding:1.5rem 0 0; } .sA03 .sBox .right li{width:100px;margin:0 5px 12px;} .sA03 .sBox .right li a{ display:block;font-size:14px;color:#6c6eff;} .sA03 .sBox .right li:nth-child(1),.sA03 .sBox .right li:nth-child(5){margin-left:5px;} .sA03 .sBox .right li:nth-child(5){width:144px;} .sA03 .sBox .right li:nth-child(6),.sA03 .sBox .right li:nth-child(7){width:130px;} .sA03 .sBox .right .linkBtn{margin:1rem auto 0;} .sA03 .sBox .right .linkBtn:hover{background:#5154f4;} } .sA04{width:100%; height:370px;overflow:hidden; background:#6643ff url(/images/sA04.png) no-repeat center center;} .sA04 .box{padding-left:40px;} .sA04 .box h5{font-size:32px;color:#fff;padding:82px 0 30px;} .sA04 .box h5 span{ color:#3fffd2;} .sA04 .box ul{width:810px;} .sA04 .box li{width:405px;font-size:16px;color:#e7e3ff;margin-bottom:14px;padding-left:36px;position:relative; float:left;} .sA04 .box li b{ color:#3fffd2;font-weight:normal;} .sA04 .box li>span{display:block;width:22px;height:22px;position:absolute;top:0px;left:0;} .sA04 .box li:nth-child(1)>span{background:url(/images/ico11.png) no-repeat;} .sA04 .box li:nth-child(2)>span{background:url(/images/ico12.png) no-repeat;} .sA04 .box li:nth-child(3)>span{background:url(/images/ico13.png) no-repeat;} .sA04 .box li:nth-child(4)>span{background:url(/images/ico14.png) no-repeat;} .sA04 .box .linkBtn{width:200px;height:48px;line-height:48px;border-radius:6px;background:#00d0a6;margin:32px 0 0;cursor:pointer; text-align:center;} .sA04 .box .linkBtn a{ display:block;font-size:16px;color:#fff;} .sA04 .box .linkBtn:hover{background:#11c3a3;} @media(max-width:767px){ .sA04{ height:370px; background:#6643ff url(/images/sA04.png) no-repeat center center;} .sA04 .box{padding-left:10px;} .sA04 .box h5{font-size:1.4rem;padding:30px 0 20px; line-height:1.5;} .sA04 .box ul{width:100%;} .sA04 .box li{width:100%;font-size:1rem;} .sA04 .box .linkBtn{width:160px;height:38px;line-height:38px;margin:15px 0 0;} .sA04 .box .linkBtn a{font-size:1rem;} } .sA05 .sBox .item{ float:left;width:580px; color:#333;} .sA05 .sBox .item:nth-child(2){ float:right;} .sA05 .sBox .item h4{ padding-left:15px; font-size:16px; font-weight:bold; line-height:1.5;} .sA05 .sBox .item ul li{ width:46%; float:left; text-align:center; margin:10px 2%; background:#f1f3ff; padding:25px 0; border-radius:5px;} .sA05 .sBox .item ul li p{ font-size:14px; line-height:2;} @media(max-width:767px){ .sA05 .sBox .item{ width:100%;} .sA05 .sBox .item:nth-child(2){ margin-top:1rem;} .sA05 .sBox .item h4{ padding-left:10px;} .sA05 .sBox .item ul li{ padding:1.5rem 0;} .sA05 .sBox .item ul li p{ line-height:1.5; padding:10px 0 0; min-height:52px;} } .sA06 ul li{ text-align:center; background:#f1f3ff; width:18%; margin:0 1%; float:left; border-radius:5px; overflow:hidden; padding:25px 0;} .sA06 ul li .ico{ padding:0px 0 15px 0;} .sA06 ul li .ico img{ width:30%;} .sA06 ul li .txt{ padding-bottom:10px;} .sA06 ul li .txt h5{ font-size:15px; font-weight:bold; margin-bottom:10px; color:#333;} .sA06 ul li .txt p{ font-size:13px; color:#777; line-height:24px;} @media(max-width:767px){ .sA06{ padding:0 10px;} .sA06 ul li{ width:49%; margin:0 2% 1rem 0; float:left; border-radius:5px; overflow:hidden; padding:15px 0;} .sA06 ul li:nth-child(1){ width:100%; margin-right:0;} .sA06 ul li:nth-child(2n+1){ margin-right:0;} .sA06 ul li .ico{ padding:0px 0 1rem 0;} .sA06 ul li .ico img{ max-width:60px; height:auto; min-width:50px;} .sA06 ul li .txt h5{ font-size:.95rem;} .sA06 ul li .txt p{ font-size:.8rem; line-height:1.8;} } .sA07{ padding:0 0 60px;} .sA07 ul li{ text-align:center; background:#f1f3ff; width:18%; margin:0 1%; float:left; border-radius:5px; overflow:hidden; padding:25px 0;} .sA07 ul li .ico{ padding:0px 0 15px 0;} .sA07 ul li .ico img{ width:40%;} .sA07 ul li h5{ font-size:15px; color:#333;} @media(max-width:767px){ .sA07{ padding:0 10px 1.5rem;} .sA07 ul li{ width:49%; margin:0 2% 1rem 0; padding:15px 0;} .sA07 ul li:nth-child(5){ width:100%; margin:0;} .sA07 ul li:nth-child(2n){ margin-right:0;} .sA07 ul li .ico{ padding:0px 0 1rem 0;} .sA07 ul li .ico img{ max-width:60px; height:auto; min-width:50px;} .sA07 ul li h5{ font-size:.9rem; padding:0 0 5px;} } .sWd{background:url(/images/sWdBg.jpg) no-repeat center #6643ff; padding-bottom:50px;} .sWd .cTitle span{ color:#FFF;} .sWd ul li{width:590px;height:auto;border-radius:5px;background-color:#ffffff;padding:40px 0 40px 36px; margin-bottom:20px; float:left;} .sWd ul li:nth-child(2n){ float:right;} .sWd ul li .ques{ height:40px; float:left; width:100%;} .sWd ul li img{margin-right:18px;float:left;} .sWd ul li h5{font-size:16px;line-height:26px; color:#30c8c6;float:left;max-width:482px;} .sWd ul li p{font-size:14px; line-height:30px;color:#333333;max-width:482px; height:90px;float:left;} @media(max-width:767px){ .sWd{ padding:0 10px 1.5rem;} .sWd ul li{width:100%;padding:15px 0 20px 15px; margin-bottom:1rem;} .sWd ul li .ques{ height:auto;} .sWd ul li img{margin-right:10px; margin-top:2px; width:20px; height:20px;} .sWd ul li h5{font-size:.95rem; line-height:1.5;max-width:calc(100% - 45px); padding-bottom:10px;} .sWd ul li p{font-size:.8rem; line-height:1.8;max-width:calc(100% - 45px); height:auto;} } /*代理记账*/ .sB01{ padding:0 0 60px;} .sB01 ul li{width:390px; height:208px;float:left; padding-top:50px; overflow:hidden; box-sizing:border-box; color:#fff; margin-right:15px; border-radius:5px; text-align:center; transition:0.3s all;-webkit-transition:0.3s all;} .sB01 ul li:hover{box-shadow:0 5px 20px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0); padding-top:25px;} .sB01 ul li:nth-child(3){margin-right:0;} .sB01 ul li h5{font-size:25px; margin-bottom:10px; font-weight:normal; color:#FFF;} .sB01 ul li p{font-size:14px; color:rgba(255,255,255,0.8);margin-bottom:15px;} .sB01 ul li .price{ font-size:16px; margin-bottom:10px;} .sB01 ul li .price .money{ font-size:28px;} .sB01 ul li .zixun{ margin-top:55px; transition:0.3s all;} .sB01 ul li:hover .zixun{margin-top:10px;} .sB01 ul li .zixun a{width:160px; line-height:35px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff; transition:0.3s all; position:relative;} .sB01 ul li .zixun a:hover{ border:solid 1px #fff; background:rgba(255,255,255,0.8); color:#333;} .sB01 ul li:nth-child(1){background:url(/images/sBg1.jpg) no-repeat;} .sB01 ul li:nth-child(2){background:url(/images/sBg2.jpg) no-repeat;} .sB01 ul li:nth-child(3){background:url(/images/sBg3.jpg) no-repeat;} @media(max-width:767px){ .sB01{ padding:0 10px 1.5rem;} .sB01 ul li{width:100%; height:13rem; padding-top:1.7rem; margin-right:0; margin-bottom:1rem;} .sB01 ul li:hover{ padding-top:1.7rem;} .sB01 ul li h5{font-size:1.4rem;} .sB01 ul li p{font-size:.8rem;} .sB01 ul li .price{ font-size:1rem;} .sB01 ul li .price .money{ font-size:1.5rem;} .sB01 ul li .zixun{ margin-top:1rem;} .sB01 ul li:hover .zixun{margin-top:1rem;} } .sB02{ background:rgb(239, 245, 254); padding-bottom:80px;} .sB02 .left{width:820px;float:left;background:#fff;height:410px;border-radius:10px;padding:25px 50px;} .sB02 .left p{line-height:28px; margin-bottom:10px; font-size:15px; color:#666;} .sB02 .left h5{font-size:16px; font-weight:normal; line-height:46px;} .sB02 .left .item input{ border:none; outline:none;} .sB02 .left .item input[type=text]{width:230px;font-size:15px;line-height:50px;height:50px;background:#fff;border:solid 1px #ddd;border-radius:5px;font-family:"Microsoft YaHei","微软雅黑";margin-right:15px; padding-left:10px;} .sB02 .left .item input[type=submit]{width:180px;height:52px;border-radius:4px;cursor:pointer;background:-webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));background:linear-gradient(left, #f7cd6e, #ff8f2c);filter:progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f7cd6e, endColorstr=#ff8f2c);font-size:17px;line-height:52px;color:#ffffff;} .sB02 .left .item input[type=submit]:active{opacity:0.8;} .sB02 .left .item input[type="radio"]{} .sB02 .left .item label{ position:relative; z-index:98; width:120px; height:40px; display:inline-block; margin-right:10px; font-weight:normal; margin-bottom:0;} .sB02 .left .item label span{position:absolute; z-index:2; color:#333; width:100%; text-align:center; line-height:40px; font-size:15px; cursor:pointer;} .sB02 .left .item input[type="radio"]:checked + label span{color:#fff;} .sB02 .left .item input[type="radio"] + label::before{content:""; /*不换行空格*/display:inline-block;width:120px;border-radius:3px;height:40px; position:absolute; z-index:0;background:#dce3fe;} .sB02 .left .item input[type="radio"]:checked + label::before{content:" "; /*不换行空格*/display:inline-block;width:120px;border-radius:3px;height:40px; position:absolute;background:#5b79f1;} input[type="radio"]{position:absolute;clip:rect(0, 0, 0, 0);} .sB02 .right{ float:right;width:340px;background:#fff;overflow:hidden;border-radius:10px;height:410px;} .sB02 .right .pic{ width:100%;} .sB02 .right .pic img{width:100%; display:block;} .sB02 .right .txt{padding:15px 30px 35px 30px;} .sB02 .right .txt span.name{font-size:18px; margin-right:25px;} .sB02 .right .txt span.zc{font-size:15px;} .sB02 .right .txt p{ line-height:25px; color:#888; margin-top:15px; text-align:justify;} @media(max-width:767px){ .sB02{ padding:0 10px 1.5rem;} .sB02 .left{width:100%;height:auto;padding:1rem 10px;} .sB02 .left p{line-height:1.8; font-size:.9rem;} .sB02 .left h5{font-size:1rem; line-height:36px;} .sB02 .left .item input[type=text]{width:100%;font-size:.9rem;line-height:44px;height:44px;margin-right:0; margin-bottom:1rem} .sB02 .left .item input[type=submit]{width:100%;height:46px;font-size:1rem;line-height:46px;} .sB02 .left .item label{ width:auto; min-width:100px; height:40px; margin:0 5px 5px 0;} .sB02 .left .item label span{ font-size:.9rem;} .sB02 .left .item input[type="radio"] + label::before{width:auto; min-width:100px;} .sB02 .left .item input[type="radio"]:checked + label::before{ width:auto; min-width:100px; padding:0 10px;} .sB02 .right{ width:100%;height:auto; margin-top:1rem} .sB02 .right .txt{padding:15px 15px 20px 15px;} .sB02 .right .txt span.name{font-size:1.1rem; margin-right:15px;} .sB02 .right .txt span.zc{font-size:.9rem;} .sB02 .right .txt p{ line-height:1.8; margin-top:10px;} } .sB03{ padding:0 0 50px;} .sB03 ul li{width:380px;box-shadow:0 0 50px rgba(187,186,207,.3); float:left; margin-left:30px;} .sB03 ul li:nth-child(1){ margin-left:0;} .sB03 ul li .top{background:#5b79f1; color:#fff; text-align:center; padding:25px 0 20px 0;} .sB03 ul li .top h5{ font-size:18px; margin:10px 0; font-weight:normal; color:#fff;} .sB03 ul li .txt{ height:265px; border:solid 1px #eee; padding:20px; border-top:0;} .sB03 ul li .txt span{display:block; line-height:30px; -webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px;position:relative;} .sB03 ul li .txt span::before{ content:'';width:5px; height:5px;background-color:#ccc;position:absolute;top:50%;left:6px; border-radius:50%;margin-top:-3px;} @media(max-width:767px){ .sB03{ padding:0 10px 1.5rem;} .sB03 ul li{width:100%; margin-left:0; margin-bottom:1rem} .sB03 ul li:nth-child(3){ margin-bottom:0;} .sB03 ul li .top{ padding:1.2rem 0 1rem 0;} .sB03 ul li .top h5{ font-size:1.1rem; } .sB03 ul li .txt{ height:auto; padding:15px 10px;} } .sBgg{ background:url(/images/sBgg.jpg) center center no-repeat; width:100%; height:103px;} .sBgg .tel{ font-size:32px; color:#fff; padding:32px 0 0 645px; width:1200px; margin:0 auto; line-height:1.25;} .sBgg img{ display:none;} @media(max-width:767px){ .sBgg{ background:none; height:auto;} .sBgg .tel{ display:none;} .sBgg img{ display:block; width:100%; height:auto;} } .sB04{ position:relative} .sB04:before{content:"";position:absolute;top:220px;width:100%;height:1px;border-bottom:#c1c1c1 1px dashed;} .sB04 ul{font-size:0;overflow:hidden;text-align:center;width:1304px;margin-left:-52px;margin-bottom:20px;} .sB04 ul li{ width:326px; display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative} .sB04 ul li .img{width:145px;height:145px;line-height:143px;display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;z-index:10;-moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);-moz-transform:rotate(90deg) translateZ(0);background:#ffffff;margin-bottom:20px;} .sB04 ul li .img a{display:flex;align-items:center ; transform:rotate(-90deg) translateZ(0); -webkit-transform:rotate(-90deg) translateZ(0); -moz-transform:rotate(-90deg) translateZ(0);} .sB04 ul li .img a img{align-items:center;-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;filter:alpha(opacity=65); opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65} .sB04 ul li:hover .img a img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s;} .circleProgress_wrapper{ position:relative;} .wrapper{width:72.5px;height:145px;position:absolute;top:0;overflow:hidden;} .circleProgress_wrapper .left{width:72.5px;height:146px;position:absolute;left:0;top:0;} .circleProgress_wrapper .right{width:72.5px;height:146px;position:absolute;right:0;top:0;} .sB04 ul li .img .circleProgress{width:146px;height:145px;border:2px solid #eb3e4c;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(45deg);box-sizing:border-box;} .sB04 ul li .img .rightcircle{border-top:2px solid #d0d0d1;border-right:2px solid #d0d0d1;right:0;} .sB04 ul li .img:hover .rightcircle{ -webkit-animation:circleProgressLoad_right 2s linear; } .sB04 ul li .img .leftcircle{border-bottom:2px solid #d0d0d1;border-left:2px solid #d0d0d1;left:0;} .sB04 ul li .img:hover .leftcircle{ -webkit-animation:circleProgressLoad_left 2s linear;} .sB04 ul li .img:after{content:"";position:absolute;left:0;top:0;width:141px;height:141px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; box-sizing:content-box;} .sB04 ul li .img:hover:after{transition-delay:2s; border:2px solid #eb3e4c;} .sB04 ul li span{position:absolute;left:206px;top:55px;display:inline-block;width:60px;height:35px;line-height:35px;font-size:14px;color:#5c5c5c;background:#ffffff;z-index:100;text-align:left;text-transform:uppercase;-moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;} .sB04 ul li:hover span{color:#ed4237;} .sB04 ul li:before{content:"";position:absolute;width:5px;height:5px;left:229px;top:52px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index:1000;-moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;} .sB04 ul li:after{content:"";position:absolute;width:5px;height:5px;left:230px;top:87px;background:#d0d0d1;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;z-index:1000;-moz-transition:all 0.36s ease-in-out;-webkit-transition:all 0.36s ease-in-out;-o-transition:all 0.36s ease-in-out;-ms-transition:all 0.36s ease-in-out;transition:all 0.36s ease-in-out;} .sB04 ul li:hover:after{ background:#eb3e4c} .sB04 ul li:hover:before{ background:#eb3e4c; transition-delay:2s} .sB04 ul li h4{font-size:16px;color:#3d3d3d;margin-bottom:10px; line-height:1.35; font-weight:bold;} .sB04 ul li h5{font-size:13px;color:#999;line-height:24px; font-weight:normal;text-transform:uppercase;} @media(max-width:767px){ .sB04{ padding:0 10px;} .sB04:before{ display:none;} .sB04 ul{width:100%;margin-left:0;margin-bottom:.5rem;} .sB04 ul li{ width:50%; float:left; margin-bottom:1rem} .sB04 ul li .img{width:100px;height:100px;line-height:98px;margin-bottom:20px;} .wrapper{width:50px;height:100px;} .circleProgress_wrapper .left{width:50px;height:101px;position:absolute;left:0;top:0;} .circleProgress_wrapper .right{width:50px;height:101px;position:absolute;right:0;top:0;} .sB04 ul li .img .circleProgress{width:101px;height:100px;} .sB04 ul li .img:after{width:96px;height:96px;} .sB04 ul li .img a img{ width:40px;} .sB04 ul li span{ display:none;} .sB04 ul li:before{ display:none;} .sB04 ul li:after{ display:none;} .sB04 ul li h4{font-size:1rem;} .sB04 ul li h5{font-size:.8rem;line-height:1.8; padding:0 10px; min-height:4.76rem} } .sB05{padding:5px 0 84px;background:#f4f9fc;overflow:hidden;border-top:#eaedf0 1px solid;} .sB05 ul li{width:285px; border:solid 1px #ddd; box-sizing:border-box; height:355px; background:#fff; position:relative; margin-right:20px; float:left; transition:0.3s all;} .sB05 ul li:nth-child(4){margin-right:0;} .sB05 ul li .pic{overflow:hidden;} .sB05 ul li .pic img{width:100%;} .sB05 ul li h5{width:100%; height:95px;background:url(/images/img15.png) center no-repeat; position:absolute;font-size:20px; text-align:center;line-height:80px;left:0; bottom:95px;color:#fff;} .sB05 ul li p{ color:#666; margin-top:70px; text-align:center;line-height:2; padding:0 35px;} .sB05 ul li:hover{ background:#f8f8f8;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);} @media(max-width:767px){ .sB05{padding:0 10px .5rem;} .sB05 ul li{width:49%; height:auto; margin-right:2%; margin-bottom:1rem} .sB05 ul li:nth-child(2n){margin-right:0;} .sB05 ul li h5{width:100%; height:60px; position:absolute;font-size:1.1rem; text-align:center;line-height:60px;left:0; bottom:4.8rem;color:#fff;} .sB05 ul li p{ color:#666; margin-top:30px; line-height:1.8; font-size:.8rem; height:4.6rem; padding:0 10px;} } /*公司核名*/ .pageBan1{ height:500px;} .pageBan1 .hint,.pageBan1 .mobile_hint{text-align:center;color:#fff;font-size:14px;} .formWrapper,.mobile_formWrapper{ width:1008px;height:70px;margin:300px auto 30px; padding:10px; background-color:rgba(36, 40, 55, .3); border-radius:10px;} .formWrapper input,.formWrapper select,.mobile_formWrapper input,.mobile_formWrapper select{outline:none; font-size:13px;} .citySelector{font:12px/1.5 tahoma, arial, \5b8b\4f53;background:#fff;border-radius:5px;text-align:left;-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-o-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);} #xiala,#mxiala{font-family:'微软雅黑'; background:#fff; border-radius:5px; text-align:left;-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);-o-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);height:50px;width:160px;color:#888;text-indent:12px;} .formWrapper .item,.mobile_formWrapper .item{ float:left; margin-right:6px;} .formWrapper .item:nth-child(1) .cityinput,.mobile_formWrapper .item:nth-child(1) .cityinput{width:160px;height:50px;border-radius:5px;border:none;padding:0;text-indent:46px;background:url(/images/hmBanIcons.png) no-repeat 20px -2px #fff;} .formWrapper .item:nth-child(2),.formWrapper .item:nth-child(3),.mobile_formWrapper .item:nth-child(2),.mobile_formWrapper .item:nth-child(3){ width:240px;height:50px;border-radius:5px;} .formWrapper .item:nth-child(2) input,.formWrapper .item:nth-child(3) input,.mobile_formWrapper .item:nth-child(2) input,.mobile_formWrapper .item:nth-child(3) input{ width:240px;height:50px;border:none;padding:0 14px 0 46px;background:url(/images/hmBanIcons.png) no-repeat 20px -64px #fff;} .formWrapper .item:nth-child(3) input,.mobile_formWrapper .item:nth-child(3) input{background:url(/images/hmBanIcons.png) no-repeat 20px -125px #fff;} .formWrapper .input_btn,.mobile_formWrapper .input_btn{width:160px;height:50px;line-height:50px;background-color:#fe9f2a;border-radius:5px;border:none;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;:} .mobile_hint,.mobile_formWrapper{ display:none;} @media(max-width:767px){ .pageBan1{ height:150px; margin-bottom:0; overflow:visible; position:relative;} .formWrapper,.hint{ display:none;} .mobile_hint,.mobile_formWrapper{ display:block;} .mobile_formWrapper{ width:100%;height:auto;margin:1rem auto .8rem; background:#FFF;} #xiala,#mxiala{width:48%; background-color:#f1f3ff;box-shadow:none; border:none; float:left;} .mobile_formWrapper .item{ margin-right:0; width:48%; margin-right:2%; margin-bottom:1rem; } .mobile_formWrapper .item:nth-child(2){ margin-right:0;} .mobile_formWrapper .item:nth-child(1) .cityinput{width:100%;height:50px; background-color:#f1f3ff;} .mobile_formWrapper .item:nth-child(2),.mobile_formWrapper .item:nth-child(3){ width:48%;} .mobile_formWrapper .item:nth-child(2) input,.mobile_formWrapper .item:nth-child(3) input{ width:100%;background-color:#f1f3ff;} .mobile_formWrapper .input_btn{width:100%;font-size:1rem; float:left;} .mobile_hint{color:#666; padding:0 10px; line-height:1.8;} } /*弹出表单*/ .popup_box{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1000;display:none; font-size:14px;} .popup{width:400px;height:440px;background:#fff;border-top:4px solid #df1344;position:absolute;top:50%;left:50%; margin-top:-220px;margin-left:-200px;padding:0 20px;} .popup1{height:480px; margin-top:-240px;} .popup h1{text-align:center;font-size:25px;margin:20px 20px 0;padding-bottom:10px;border-bottom:1px solid #e2e2e2;line-height:24px;} .popup_box .d_tips{text-align:center;margin:10px 0 30px;} .popup_hang1{ margin-left:30px;margin-bottom:20px;} .popup_hang1 span{font-size:13px;color:#333;} .popup_hang1 span.hang_r{ margin-left:10px;} .popup_hang1 input,.popup_hang1 select{margin-left:10px;box-sizing:border-box; line-height:36px;width:200px;text-indent:10px;padding:0;height:36px;vertical-align:middle; font-size:13px; outline:none;} .popup_hang1 select{ margin-left:6px;} .popup_hang1 .sbTypeCheck{margin-top:5px;color:#333} .popup_hang1 input.check{ width:16px;height:16px; margin:0 3px 0 75px;} .popup_box .sure{display:block;background-color:#df1344;font-size:16px;color:#fff;text-align:center;width:220px;height:38px;line-height:38px;margin:0 auto;border-radius:2px; border:none;} .popup_box .close{width:25px;height:25px;display:block;background:url(/images/close.png) no-repeat center;position:absolute;top:10px;right:10px;opacity:1;text-shadow:none; float:none;} .popup_box .sure:active{opacity:0.8;} @media(max-width:767px){ .popup{width:90%; height:auto; margin-top:0;margin-left:-45%;padding:0 15px 1rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .popup1{height:auto; margin-top:0;} .popup h1{font-size:1.2rem;margin:10px 0 0;} .popup_box .d_tips{text-align:center;margin:10px 0 15px;} .popup_hang1{ margin-left:0; margin-bottom:1rem;} .popup_hang1 input,.popup_hang1 select{ width:100%; margin:10px 0 0; border:1px solid #CCC; height:38px;} .popup_hang1 select{ margin-left:0;} .popup_hang1 .sbTypeCheck{margin-top:5px;color:#333} .popup_hang1 input.check{ width:16px;height:16px; margin:0 3px 0 0;} .popup_box .sure{display:block;background-color:#df1344;font-size:16px;color:#fff;text-align:center;width:220px;height:38px;line-height:38px;margin:0 auto;border-radius:2px; border:none;} .popup_box .close{width:25px;height:25px;display:block;background:url(/images/close.png) no-repeat center;position:absolute;top:10px;right:10px;opacity:1;text-shadow:none; float:none;} .popup_box .sure:active{opacity:0.8;} } .sC01{ padding:0 0 60px;} .sC01 ul li{float:left;width:23%;height:286px;box-shadow:2px 2px 10px rgba(40, 85, 166, 0.3);background:#fff;margin-left:20px;margin-bottom:30px;} .sC01 ul li img{width:80px;height:80px;margin:30px 100px;} .sC01 ul li h5{display:block;font-size:16px;line-height:20px;color:#333;margin-bottom:18px;font-weight:normal;text-align:center;} .sC01 ul li p{font-size:13px;line-height:24px;color:#666;padding:0 34px;text-align:center;} @media(max-width:767px){ .sC01{ padding:0 10px 1rem;} .sC01 ul li{width:48%;height:auto; min-height:17.5rem;margin-left:4%;margin-bottom:1rem;} .sC01 ul li:nth-child(2n-1){ margin-left:0;} .sC01 ul li img{margin:15px auto; display:block;} .sC01 ul li h5{font-size:1rem;line-height:20px;margin-bottom:15px; padding:0 10px;} .sC01 ul li p{font-size:.8rem;line-height:1.8;padding:0 10px 1rem;} } /*资质许可*/ .zzxkForm{width:310px; height:330px; background:#fff; position:absolute; left:50%; top:45px; padding:25px 20px; border-radius:5px; margin-left:290px;} .zzxkForm h5{ font-size:20px; text-align:center; margin-bottom:15px;} .zzxkForm .item{ margin-top:15px;} .zzxkForm input{outline:none;height:45px; line-height:45px; font-size:15px; border:0; box-sizing:border-box; border-radius:5px; background:#f3f3f3; padding-left:20px; width:100%;} .zzxkForm .zzBtn{ background:#FF6270;width:270px; height:50px; font-size:16px; color:#FFF; cursor:pointer;background:-webkit-gradient(linear, left top, right top, from(#ffcb5b), to(#ff8800));background:linear-gradient(left, #ffcb5b, #ff8800);} .zzxkForm .zzBtn:active{opacity:0.8;} .mobile_zzxkForm{ display:none;} @media(max-width:767px){ .zzxkForm{ display:none;} .mobile_zzxkForm{ display:block;width:100%; height:auto; position:relative; left:0; top:0; padding:1rem 10px; margin-left:0; border-bottom:10px solid #f5f5f5;} .zzxkForm h5{ font-size:1.2rem;} .zzxkForm .zzBtn{ width:100%;} } .sD01{ height:125px;} .sD01 ul li{float:left;width:25%;height:125px;} .sD01 ul li img{float:left;margin-left:25px;margin-top:35px;width:48px;height:48px;} .sD01 ul li .txt{display:block;width:215px;height:48px;float:right;margin-top:35px;} .sD01 ul li .txt h5{font-size:18px;color:#333;font-weight:normal;} .sD01 ul li .txt p{font-size:14px;color:#333;padding-top:5px;} @media(max-width:767px){ .sD01{ height:auto; padding:0 10px 1.5rem} .sD01 ul li{float:left;width:50%;height:auto; text-align:center;} .sD01 ul li img{margin:1.5rem auto 0; float:none;} .sD01 ul li .txt{width:100%;height:auto;margin-top:1rem; float:none;} .sD01 ul li .txt h5{font-size:1.1rem;} .sD01 ul li .txt p{font-size:.8rem;padding:.5rem 15px 0; line-height:1.8;} } .sD02{background:#eaf2ff; padding-bottom:65px;} .sD02 .left{ float:left;width:23%;height:366px;} .sD02 .left h2{line-height:30px;color:#fff;font-size:30px;text-align:center;font-weight:normal;padding-top:80px;} .sD02 .left span{display:block;width:50px;height:2px;background:#fff;opacity:0.7;margin:20px 52px;} .sD02 .left p{font-size:14px;color:#fff;line-height:30px;padding-right:30px;padding-left:50px;} .sD02 .left p span{ display:block;} .sD02 .left a{display:block;width:160px;height:48px;border:1px solid #fff;border-radius:4px;margin:60px auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:48px;} .sD02 .left.img01{background:url(/images/img16.jpg) no-repeat center;} .sD02 .left.img02{background:url(/images/img17.jpg) no-repeat center;} .sD02 .left.img03{background:url(/images/img18.jpg) no-repeat center;} .sD02 .left.img04{background:url(/images/img19.jpg) no-repeat center;} .sD02 .left.img05{background:url(/images/img20.jpg) no-repeat center;} .sD02 .right{ width:76%;height:366px;float:right;} .sD02 .right ul li{width:32.5%;height:178px;background:#fff;float:left;margin-left:10px;} .sD02 .right ul li h5{line-height:30px;font-size:16px;color:#233767;font-weight:normal;margin-left:30px;margin-top:30px;} .sD02 .right ul li p{line-height:24px;color:#888;margin-left:30px;margin-top:5px;font-size:13px;} .sD02 .right ul li>a>b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;} .sD02 .right ul li .more{line-height:30px;margin-left:60px;margin-top:67px;} .sD02 .right ul li .more a{font-size:18px;color:#333;font-weight:400;} .sD02 .right ul li .more a:hover{color:#de0029;} .sD02 .right ul li>span{ display:block;color:#999;line-height:26px;margin-left:65px;font-weight:normal;font-size:14px;} .sD02 .right ul li.zzLi_01{margin-left:0px;background:url(/images/zbg1.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_02{background:url(/images/zbg2.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_03{background:url(/images/zbg3.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_04{margin-left:0px;margin-top:10px;background:url(/images/zbg4.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_05{margin-top:10px;background:url(/images/zbg5.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_06{margin-top:10px;background:url(/images/jiantou.png) no-repeat 170px center #fff;} .sD03{ padding:65px 0;} .sD02 .right ul li.zzLi_07{margin-left:0px;background:url(/images/zbg7.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_08{background:url(/images/zbg8.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_09{background:url(/images/zbg9.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_10{margin-left:0px;margin-top:10px;background:url(/images/zbg10.jpg) no-repeat right bottom #fff;width:66%;} .sD02 .right ul li.zzLi_11{margin-left:0px;background:url(/images/zbg11.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_12{background:url(/images/zbg12.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_13{background:url(/images/zbg13.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_14{margin-left:0px;margin-top:10px;background:url(/images/zbg14.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_15{margin-top:10px;background:url(/images/zbg15.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_16{margin-top:10px;background:url(/images/zbg16.jpg) no-repeat 170px center #fff;} .sD02 .right ul li.zzLi_17{margin-left:0px;background:url(/images/zbg11.jpg) no-repeat right bottom #fff;width:49%;} .sD02 .right ul li.zzLi_18{background:url(/images/zbg12.jpg) no-repeat right bottom #fff;width:49%;} .sD02 .right ul li.zzLi_19{margin-left:0px;margin-top:10px;background:url(/images/zbg13.jpg) no-repeat right bottom #fff;width:49%;} .sD02 .right ul li.zzLi_20{margin-top:10px;background:url(/images/zbg14.jpg) no-repeat right bottom #fff;width:49%;} .sD02 .right ul li.zzLi_21{margin-left:0px;background:url(/images/zbg21.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_22{background:url(/images/zbg22.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_23{background:url(/images/zbg23.jpg) no-repeat right bottom #fff;} .sD02 .right ul li.zzLi_24{margin-left:0px;margin-top:10px;background:url(/images/zbg24.jpg) no-repeat right bottom #fff;width:66%;} .bgColor1{ background:#eaf2ff !important;} .bgColor2{ background:#537dc2 !important;} .bgColor3{background:url(/images/sBg4.jpg) center center no-repeat !important;} @media(max-width:767px){ .sD02{ padding:0 10px 1.5rem;} .sD02 .cTitle{ display:none;} .sD02 .left{ width:100%;height:auto; padding-bottom:1rem;} .sD02 .left h2{line-height:1;color:#333;font-size:1.4rem;padding-top:1.5rem;} .sD02 .left span{background:#d90024;margin:1rem auto .5rem;} .sD02 .left p{font-size:.8rem;color:#666;line-height:1.8;padding:0 10px; text-align:center;} .sD02 .left p span{ display:inline;} .sD02 .left a{ display:none;} .sD02 .left.img01,.sD02 .left.img02,.sD02 .left.img03,.sD02 .left.img04,.sD02 .left.img05{background:none;} .bgColor2 .left h2,.bgColor2 .left p{ color:#FFF;} .bgColor2 .left span{ background:#FFF;} .sD02 .right{ width:100%;height:auto;} .sD02 .right ul li{width:48%;height:auto; min-height:11rem;background:#fff;float:left;margin-left:4%;} .sD02 .right ul li:nth-child(2n-1){ margin-left:0;} .sD02 .right ul li h5{line-height:1.5;font-size:1rem;margin-left:0;margin-top:15px; padding:0 10px;} .sD02 .right ul li p{line-height:1.6;margin-left:0;font-size:.8rem; min-height:2.58rem; padding:0 10px;} .sD02 .right ul li>a>b{font-size:.9rem;margin-left:15px;line-height:50px;} .sD02 .right ul li .more{line-height:30px;margin-left:15px;margin-top:2.8rem;} .sD02 .right ul li .more a{font-size:1rem;} .sD02 .right ul li>span{ margin-left:15px;} .sD02 .right ul li.zzLi_01{background:url(/images/zbg1.jpg) no-repeat right bottom #fff; background-size:50%;} .sD02 .right ul li.zzLi_02{background:url(/images/zbg2.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_03{margin-top:10px;background:url(/images/zbg3.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_04{margin-top:10px;background:url(/images/zbg4.jpg) no-repeat right bottom #fff;background-size:50%;margin-left:4%;} .sD02 .right ul li.zzLi_05{margin-top:10px;background:url(/images/zbg5.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_06{margin-top:10px;background:url(/images/jiantou.png) no-repeat 90% 50% #fff;background-size:auto 30px;} .sD03 .right ul li.zzLi_06{ width:100%; margin-left:0; display:none;} .sD03{ padding:0 10px 1.5rem;} .sD02 .right ul li.zzLi_07{background:url(/images/zbg7.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_08{background:url(/images/zbg8.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_09{ margin-top:10px;background:url(/images/zbg9.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_10{margin-left:4%;margin-top:10px;background:url(/images/zbg10.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .sD02 .right ul li.zzLi_11{margin-left:0px;background:url(/images/zbg11.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_12{background:url(/images/zbg12.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_13{margin-top:10px;background:url(/images/zbg13.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_14{margin-left:4%;margin-top:10px;background:url(/images/zbg14.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_15{margin-top:10px;background:url(/images/zbg15.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_16{margin-top:10px;background:url(/images/zbg16.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_17{margin-left:0px;background:url(/images/zbg11.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .sD02 .right ul li.zzLi_18{background:url(/images/zbg12.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .sD02 .right ul li.zzLi_19{margin-left:0px;margin-top:10px;background:url(/images/zbg13.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .sD02 .right ul li.zzLi_20{margin-top:10px;background:url(/images/zbg14.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .sD02 .right ul li.zzLi_21{margin-left:0px;background:url(/images/zbg21.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_22{background:url(/images/zbg22.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_23{margin-top:10px;background:url(/images/zbg23.jpg) no-repeat right bottom #fff;background-size:50%;} .sD02 .right ul li.zzLi_24{margin-left:4%;margin-top:10px;background:url(/images/zbg24.jpg) no-repeat right bottom #fff;width:48%;background-size:50%;} .bgColor1{ background:#eaf2ff !important;} .bgColor2{ background:#537dc2 !important;} .bgColor3{background:url(/images/sBg4.jpg) center center no-repeat !important; background-size:cover !important;} } .sBot{ padding:50px 0 0;} .sBot .sBot_l{width:23%;height:230px;background:url(/images/img21.jpg) no-repeat center;float:left;} .sBot .sBot_l h2{line-height:30px;color:#fff;font-size:30px;text-align:center;font-weight:normal;padding-top:30px;} .sBot .sBot_l span{display:block;width:50px;height:2px;background:#fff;opacity:0.7;margin:20px 52px;} .sBot .sBot_l p{font-size:14px;color:#fff;line-height:10px;padding-right:30px;padding-left:50px;} .sBot .sBot_l a{display:block;width:160px;height:48px;border:1px solid #fff;border-radius:4px;margin:60px auto;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:48px;} @media(max-width:767px){ .sBot{ padding:1.5rem 0 0;} .sBot .sBot_l{width:100%;height:auto;background:none;float:none; padding-bottom:1rem;} .sBot .sBot_l h2{line-height:1;color:#333;font-size:1.4rem;padding-top:.5rem;} .sBot .sBot_l span{background:#d90024;margin:1rem auto .5rem;} .sBot .sBot_l p{font-size:.8rem;color:#666;line-height:1.8;padding:0 10px; text-align:center;} .sBot .sBot_l a{display:none;} } /*右边*/ .sBot .sBot_r{width:76%;height:230px;float:right;} .sBot .sBot_r dd{width:24%;height:230px;background:#fff;float:left;margin-left:10px;} .sBot .sBot_r dd h3{line-height:30px;font-size:16px;color:#233767;font-weight:normal;margin-left:30px;margin-top:30px;} .sBot .sBot_r dd p{line-height:24px;color:#888;margin-left:30px;margin-top:5px;font-size:13px;} .sBot .sBot_r dd p span{ display:block;} .sBot .sBot_r dd b{font-size:16px;color:#F03;margin-left:30px;line-height:50px;} .sBot .sBot_r .sqt_01{margin-left:0px;background:url(/images/zbg17.jpg) no-repeat right bottom #fff;} .sBot .sBot_r .sqt_02{background:url(/images/zbg18.jpg) no-repeat right bottom #fff;} .sBot .sBot_r .sqt_03{background:url(/images/zbg19.jpg) no-repeat right bottom #fff;} .sBot .sBot_r .sqt_04{background:url(/images/zbg20.jpg) no-repeat right bottom #fff;} @media(max-width:767px){ .sBot .sBot_r{width:100%;height:auto;float:none;} .sBot .sBot_r dd{width:48%;height:auto;min-height:10rem;background:#fff;float:left;margin-left:4%; margin-bottom:1rem} .sBot .sBot_r dd:nth-child(2n-1){ margin-left:0;} .sBot .sBot_r dd h3{line-height:1.5;font-size:1rem;margin-left:0;margin-top:15px; padding:0 10px;} .sBot .sBot_r dd p{line-height:1.6;margin-left:0;font-size:.8rem; padding:0 10px;} .sBot .sBot_r dd p span{ display:inline;} .sBot .sBot_r dd b{font-size:.9rem;margin-left:10px;} .sBot .sBot_r .sqt_01{margin-left:0px;background:url(/images/zbg17.jpg) no-repeat right bottom #fff;background-size:50%;} .sBot .sBot_r .sqt_02{background:url(/images/zbg18.jpg) no-repeat right bottom #fff;background-size:50%;} .sBot .sBot_r .sqt_03{background:url(/images/zbg19.jpg) no-repeat right bottom #fff;background-size:50%;} .sBot .sBot_r .sqt_04{background:url(/images/zbg20.jpg) no-repeat right bottom #fff;background-size:50%;} } /*税务筹划*/ .sE01{ padding:0 0 70px;} .sE01 li{float:left;width:18.4%; margin:0 2% 0 0; border:solid 1px #e8e8e8; box-sizing:border-box; border-radius:5px 5px 0 0;background:#fff;overflow:hidden;text-align:center;position:relative;transition:0.3s all;} .sE01 li:nth-child(5){ margin-right:0;} .sE01 li .pic{ overflow:hidden;} .sE01 li .pic img{width:100%; display:block;} .sE01 li .txt{ border-top:0; padding-top:28px; padding-bottom:25px;} .sE01 li .txt h5{font-size:20px;padding-bottom:36px;background:url(/images/sLine.png) center 40px no-repeat;font-weight:normal;} .sE01 li .txt p{line-height:24px;height:48px; overflow:hidden; color:#888; margin-bottom:25px;} .sE01 li .txt a{display:inline-block;width:140px;height:36px;line-height:36px; text-align:center;color:#78787b; background:#edf1f5; border-radius:36px; margin:0 auto;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .sE01 li .txt a:hover{ background:#5b77f1; color:#fff;} .sE01 li:hover{ box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);} @media(max-width:767px){ .sE01{ padding:0 10px 1.5rem;} .sE01 li{float:left;width:48%; margin:0 4% 1rem 0;} .sE01 li:nth-child(2n){ margin-right:0;} .sE01 li:nth-child(5){ width:100%; margin-bottom:0;} .sE01 li .txt{ padding-top:1rem; padding-bottom:1rem;} .sE01 li .txt h5{font-size:1.2rem;padding-bottom:1.8rem;background:url(/images/sLine.png) center 2rem no-repeat;} .sE01 li .txt p{ font-size:.8rem;margin-bottom:1rem;} .sE01 li .txt a{width:84%;height:32px;line-height:32px; border-radius:32px;} .sE01 li:hover{transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);} } .sE02{ position:relative; padding:0 0 90px;} .sE02 .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/sE02_Bg.jpg) no-repeat center center fixed; background-size:cover; z-index:0;} .sE02 .w1200{ position:relative; z-index:9;} .sE02 .cTitle span{ color:#FFF;} .sE02 li{width:46%;height:400px;background:#fff; border-radius:5px; overflow:hidden; float:left;} .sE02 li:nth-child(2){ float:right;} .sE02 li .top{width:100%;height:150px;background:url(/images/sBg7.png) no-repeat center;} .sE02 li:nth-child(2) .top{width:100%;height:150px;background:url(/images/sBg8.png) no-repeat center;} .sE02 li .top h5{padding-top:15px;font-size:20px;line-height:58px;color:#ffffff;font-weight:bold;text-align:center;} .sE02 li .top p{font-size:14px;line-height:26px;color:#ffffff;padding:0 60px;text-align:center;} .sE02 li dl{height:auto; padding:35px 25px;} .sE02 li dl dd{width:30.3%; margin:8px 1.5%; height:40px;float:left; border-radius:3px;background:#fef2f1; text-align:center;} .sE02 li dl dd a{color:#ff5a4d;line-height:40px;text-align:center;display:block;width:100%;height:40px;border-radius:2px;} .sE02 li dl dd a:hover{background:#ff5a4d;color:#fff;} .sE02 li:nth-child(2) dl dd{background:#ecf7ff;} .sE02 li:nth-child(2) dl dd a{color:#2faaff;} .sE02 li:nth-child(2) dl dd a:hover{background:#2faaff;color:#fff;} @media(max-width:767px){ .sE02{ padding:0 10px 1.5rem;} .sE02 li{width:100%;height:auto;} .sE02 li:nth-child(2){ margin-top:1rem;} .sE02 li .top{width:100%;height:150px;} .sE02 li:nth-child(2) .top{width:100%;height:150px;} .sE02 li .top h5{padding-top:1rem;font-size:1.2rem;line-height:2;} .sE02 li .top p{line-height:26px;padding:0 20px;} .sE02 li dl{height:auto; padding:1rem 5px;} .sE02 li dl dd{width:47%; margin:5px 1.5%;} } .sE03 li{ width:40%;float:left;margin-left:80px;} .sE03 li .box{width:100%;height:230px;background:#f7f7f9;border-radius:116px 116px 116px 0;margin-bottom:25px;} .sE03 li:nth-child(1) .box:nth-child(2){background:url(/images/sBg5.png) no-repeat center;} .sE03 li:nth-child(2) .box:nth-child(2){background:url(/images/sBg6.png) no-repeat center;} .sE03 li h5{font-size:20px;line-height:50px; padding-top:18px;text-align:center;font-weight:normal;display:block;} .sE03 li p{font-size:15px;line-height:28px; color:#333;padding-left:40px;padding-right:28px;} .sE03 li .box:nth-child(2) h5,.sE03 li .box:nth-child(2) p{ color:#FFF;} .sE03 li:nth-child(3){ width:100%; height:auto; background:none; border-radius:0; margin:0;text-align:right;color:#FF3366; padding-right:80px;} @media(max-width:767px){ .sE03{ padding:0 10px;} .sE03 li{width:100%;margin-left:0;} .sE03 li .box{width:100%;height:auto;border-radius:116px 116px 116px 0;margin-left:0;margin-bottom:1rem; padding:0 0 1rem;} .sE03 li h5{font-size:1.1rem;line-height:2; padding-top:1rem;} .sE03 li p{font-size:.8rem;padding:0 25px;} .sE03 li:nth-child(3){text-align:left; padding-right:0;} } .sE04 ul{ width:98%; margin:0 auto; overflow:hidden;} .sE04 ul li{ float:left; width:20%; padding:0 8px; box-sizing:border-box; position:relative; text-align:center} .sE04 ul li:before{ content:""; position:absolute; left:50%; top:20%; width:1px; height:54px; background:rgba(255,255,255,0.7)} .sE04 ul li .pic,.sE04 ul li .pic img{ width:100%; display:block;} .sE04 ul li .txt{ position:absolute; left:8px; right:8px; top:0; height:100%; padding:60% 0 0} .sE04 ul li .txt h5{ font-size:26px; color:#ffffff; margin-bottom:20px; font-weight:normal;} .sE04 ul li .txt p{ line-height:24px; color:rgba(255,255,255,0.7); -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; height:48px;} .sE04 ul li .txt p span{ display:block;} .sE04 ul li .txt a{ display:inline-block; width:123px; height:40px; line-height:40px; background:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; color:#3b8cde; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; height:0; overflow:hidden} .sE04 ul li:hover .txt p{filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;height:0;overflow:hidden} .sE04 ul li:hover .txt a{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;height:40px;} .sE04 ul li:hover .pic{ background:#3b8cde} .sE04 ul li:hover .pic img{ filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1; -khtml-opacity:0.1;} @media(max-width:767px){ .sE04{ padding:0 10px;} .sE04 ul{ width:100%;} .sE04 ul li{ width:32.333%; padding:0; margin-right:1.5%; margin-bottom:.5rem;} .sE04 ul li:nth-child(3n),.sE04 ul li:last-child{ margin-right:0;} .sE04 ul li:nth-child(n+4){ width:48.5%; margin-bottom:0;} .sE04 ul li:before{ display:none;} .sE04 ul li .txt{ padding:0; height:auto; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .sE04 ul li .txt h5{ font-size:.9rem; margin-bottom:.5rem; padding:0 0;} .sE04 ul li .txt p{ line-height:1.5; height:3.6rem; font-size:.8rem; padding:0 0; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .sE04 ul li .txt p span{ display:inline;} .sE04 ul li .txt a{ width:80%; height:34px; line-height:34px; display:none;} .sE04 ul li:hover .txt a{ height:0;} .sE04 ul li:hover .txt p{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;height:auto;} .sE04 ul li:hover .pic{ background-color:transparent;} .sE04 ul li:hover .pic img{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;} } .sE05{ padding:0 0 30px;} .sE05 li{float:left;width:360px;height:150px;background:#fff; margin:0 60px 25px 0; border-radius:5px; transition:0.3s all; border:solid 1px #e8e8e8; box-sizing:border-box;} .sE05 li:hover{ background:#f8f8f8; color:#fff;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);} .sE05 li:nth-child(3n){margin-right:0;} .sE05 li span{width:100%;height:76px;display:block;} .sE05 li h5{ font-size:20px;color:#333; text-align:center; font-weight:bold;} .sE05 li p{ font-size:13px;color:#333;text-align:center;padding-top:10px;} .sE05 li:nth-child(1) span{background:url(/images/icon24.png) center no-repeat; background-size:auto 60%;} .sE05 li:nth-child(2) span{background:url(/images/icon25.png) center no-repeat; background-size:auto 60%;} .sE05 li:nth-child(3) span{background:url(/images/icon26.png) center no-repeat; background-size:auto 60%;} .sE05 li:nth-child(4) span{background:url(/images/icon27.png) center no-repeat; background-size:auto 60%;} .sE05 li:nth-child(5) span{background:url(/images/icon28.png) center no-repeat; background-size:auto 50%;} .sE05 li:nth-child(6) span{background:url(/images/icon29.png) center no-repeat; background-size:auto 60%;} .sE05 .more{ text-align:center;} @media(max-width:767px){ .sE05{ padding:0 10px .5rem;} .sE05 li{width:48%;height:auto; margin:0 4% 1rem 0;} .sE05 li:nth-child(2n){margin-right:0;} .sE05 li:nth-child(2n+1){margin-right:4%;} .sE05 li:hover{transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);} .sE05 li span{width:100%;height:76px;} .sE05 li h5{ font-size:1rem;} .sE05 li p{ font-size:.8rem; line-height:1.5; min-height:3.4rem;padding:.5rem 10px;} .sE05 .more img{ max-width:80%; height:auto;} } /*公司审计*/ .pageBan2 .bg{ display:none;} .ynzxBox{ position:absolute; left:calc(50% - 600px); top:50%; transform:translateY(-50%); max-width:650px;} .ynzxBox h1{ font-size:36px; line-height:1.5; padding-bottom:12px; font-weight:600; color:#fff;} .ynzxBox ul{display:flex;justify-content:space-between;flex-wrap:wrap;} .ynzxBox ul li{ width:48%; margin:0 4% 5px 0; position:relative; padding-left:12px;} .ynzxBox ul li:before{ content:''; display:block; width:4px; height:4px; background-color:#fff; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:50%; overflow:hidden;} .ynzxBox ul li:nth-child(2n){ margin-right:0;} .ynzxBox ul li a{ display:block; background-color:rgba(255,255,255,0); overflow:hidden; border-radius:15px; line-height:30px; color:#fff; font-size:16px; text-align:left;} @media(max-width:767px){ .pageBan2{ height:auto; background-color:#6076ff; background-image:none; padding:20px 0 160px;} .pageBan2 .bg{ display:block; position:absolute; bottom:0;} .pageBan2 .bg img{ max-width:100%; height:auto;} .ynzxBox{ position:relative; left:0; top:0; transform:translateY(0); max-width:100%; padding:0 15px;} .ynzxBox h1{ font-size:24px; padding-bottom:8px;} .ynzxBox ul li{} .ynzxBox ul li:before{ top:14px; margin-top:0;} .ynzxBox ul li a{ font-size:14px; line-height:1.5; padding:5px 0;} } .sF01{ padding:0 0 60px;} .sF01 li{width:18%;margin:0 1%;float:left;padding:35px 0;font-size:16px;text-align:center;border:solid 1px #eee; border-radius:5px; transition:0.3s all;} .sF01 li img{width:40%; margin-bottom:15px;} .sF01 li:hover{ background:#fff;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.2);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);} @media(max-width:767px){ .sF01{ padding:0 10px .5rem;} .sF01 li{width:48%;margin:0 4% 1rem 0;padding:25px 0;font-size:1rem;} .sF01 li:nth-child(2n){margin-right:0;} .sF01 li img{width:50%; margin-bottom:10px;} .sF01 li:hover{transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);} } .sF03{ background-color:#F0F2F5; padding:0 0 60px;} .sF03 ul{ padding:10px 0 0;} .sF03 li{position:relative;float:left;width:224px;height:320px;padding-top:20px;background: rgba(0,0,0,.7);box-sizing: border-box;-webkit-box-sizing:border-box;overflow:hidden;transition:all .3s; cursor:pointer;} .sF03 li:not(:last-child){margin-right:20px;} .sF03 li:nth-child(1){background:url(/images/img16.png);} .sF03 li:nth-child(2){background:url(/images/img17.png);} .sF03 li:nth-child(3){background:url(/images/img18.png);} .sF03 li:nth-child(4){background:url(/images/img19.png);} .sF03 li:nth-child(5){background:url(/images/img20.png);} .sF03 li:hover span{border-color:#de0029;} /*.sF03 li:hover p,*/.sF03 li:hover span i{color:#de0029;} /*.sF03 li:hover em{ opacity:1;}*/ .sF03 li:hover{margin-top:-10px;} .sF03 li:hover a{background:linear-gradient(60deg,rgba(255,154,5,1),rgba(255,108,0,1));color: #fff;} .sF03 li span{position:relative;display:block;width:68px;height:68px;margin:0 auto;transform: rotate(45deg);-webkit-transform: rotate(45deg);border:1px solid #DDDDDD;text-align: center;margin-top: 37px;} .sF03 li span i{position: absolute;left: 17px;top:20px;display: block;transform: rotate(-45deg)!important;-webkit-transform: rotate(-45deg)!important;font-size: 24px;color: #fff; font-style:normal;} .sF03 li span img {width: 100%;} .sF03 li p{margin-top: 45px;text-align: center;font-size: 20px;color: #fff;line-height: 20px;font-weight: bold;} .sF03 li em{ font-style:normal; color:#FFF; opacity:.8; font-size:14px; text-transform:uppercase; line-height:22px; margin-top:15px;text-align: center; display:block; width:100%; padding:0 15px;} .sF03 li a{position: absolute;bottom: 0;display: block;width: 224px;line-height: 60px;font-size: 16px;height:60px;background:rgba(51,51,51,1);text-align: center;color: #9F9F9F;} .sF03 li:hover a{display: block;} @media(max-width:767px){ .sF03{ padding:0 10px 1rem;} .sF03 ul{display:flex;flex-wrap:wrap;justify-content: space-between;} .sF03 ul:before,.sF03 ul:after{ display:none;} .sF03 ul li{ float:none; width:48.5%; height:auto; padding-bottom:30px; margin-bottom:20px;} .sF03 li:not(:last-child){ margin-right:0;} .sF03 li span{width:48px;height:48px;margin-top:27px;} .sF03 li span i{left:10px;top:8px;font-size:20px;} .sF03 li p{ margin-top:25px;font-size: 16px;} .sF03 li em{ font-size:13px; line-height:1.8; margin-top:10px; padding:0 10px;} } .sF02{/*background:#eff5fe;*/ padding-bottom:65px;} .sF02 ul{ margin-top:-15px;} .sF02 li{width:280px;height:110px;float:left;margin:10px 10px;border-radius:5px;background:linear-gradient(135deg, #5396ff 0%, #66ceff 98%);} .sF02 li:nth-child(n+5){background:linear-gradient(109deg, #8e65ff 0%, #c377ff 100%);} .sF02 li:nth-child(n+9){width:580px;background:#fff;float:left;} .sF02 li i{display:block;width:8px;height:8px;border-radius:50%;background:#FFFFFF;float:left;margin:36px 10px 20px 20px;} .sF02 li h5{font-size:18px;font-weight:normal;color:#fff;margin-top:30px;} .sF02 li p{font-size:14px;font-weight:normal;color:#fff;line-height:32px;} .sF02 li:nth-child(n+9) i{background:#5396ff;} .sF02 li:nth-child(n+9) h5{color:#3E444F;} .sF02 li:nth-child(n+9) p{color:#898F9A;} @media(max-width:767px){ .sF02{ padding:0 10px 1rem;} .sF02 ul{ margin-top:0;} .sF02 li{width:48%;height:7rem;float:left;margin:0 4% 1rem 0;} .sF02 li:nth-child(2n){margin-right:0;} .sF02 li:nth-child(n+9){width:100%; margin-right:0;} .sF02 li i{margin:20px 10px;} .sF02 li h5{font-size:.95rem;margin-top:12px; line-height:1.5; padding:0 10px 0 28px;} .sF02 li p{font-size:.75rem;line-height:1.8; padding:0 10px 0 28px;} } .sF04{ background:url(/images/sBg11.jpg) no-repeat center; background-size:cover; position:relative; z-index:0; padding-bottom:60px;} .sF04:after{ content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;} .sF04>div{ position:relative; z-index:5;} .sF04 .cTitle span{ color:#fff;} .sF04 ul{ padding:10px 80px 0;} .sF04 ul li{ float:left; width:calc((100% - 100px) / 3); margin-right:50px; background:#f4f4f4; padding:40px 0; position:relative;} .sF04 ul li:last-child{ margin-right:0;} .sF04 ul li:before{ content:'';background:#646ecf; width:100%; height:115px; position:absolute; top:0; left:0; z-index:0;} .sF04 ul li .box{ position:relative; z-index:5;} .sF04 ul li .pic{ margin:0 auto 10px;width: 148px;height: 148px;border-radius: 50%;overflow: hidden;background-color: #ffffff;} .sF04 ul li .pic img{margin:4px;transition: 0.5s;} .sF04 ul li:hover .pic img{transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-moz-transform: scale(1.3);transition: 0.8s;} .sF04 ul li .info{ padding:20px 0; position:relative;} .sF04 ul li .info span{ display:block; position:absolute; left:0; bottom:0; width:100%; height:auto; text-align:center; z-index:0;} .sF04 ul li .info i{ font-size:120px; color:#ededed;} .sF04 ul li p{font-size:24px;color:#333333;text-align:center;padding:0 70px;line-height:35px; position:relative; z-index:5;} @media(max-width:767px){ .sF04{ padding:0 10px 1rem;} .sF04 ul{ padding:0;} .sF04 ul li{ width:calc((100% - 20px) / 3); margin-right:10px; padding:20px 0;} .sF04 ul li:before{ height:55px;} .sF04 ul li .pic{ width:74px; height:74px;} .sF04 ul li .pic img{ margin:2px; max-width:70px; height:auto;} .sF04 ul li .info{ padding:10px 0; min-height:80px;} .sF04 ul li .info span{ bottom:-10px;} .sF04 ul li .info i{ font-size:80px;} .sF04 ul li p{ font-size:18px; padding:0 5%; line-height:30px;} } @media(max-width:420px){ .sF04 ul li p{ font-size:16px; line-height:25px;} .sF04 ul li .info span{ bottom:-5px;} } .sF05{background:#fff; padding-bottom:65px;} .sF05 ul{ padding:10px 0 0;display:flex;justify-content:space-between} .sF05 ul li{ width:18.4%; padding:30px 15px;box-shadow: 0px 1px 13px 0px rgb(23 23 23 / 16%); background-color:#fff;} /*.sF05 ul li:nth-child(1){ background-color:#d52222;} .sF05 ul li:nth-child(2){ background-color:#dab523;} .sF05 ul li:nth-child(3){ background-color:#609cef;} .sF05 ul li:nth-child(4){ background-color:#e15dcd;} .sF05 ul li:nth-child(5){ background-color:#66d4c1;}*/ .sF05 ul li .ico{ text-align:center; width:100%; padding:0 0 25px;} .sF05 ul li .ico img{ width:60px; height:60px;} .sF05 ul li .desc{ padding:0; text-align:center;} .sF05 ul li .desc h5{font-size:22px;color:#333333;} .sF05 ul li .desc p{font-size:14px;color:#999999;line-height:24px;margin:0px;margin-top:15px;} .sF05 ul li .link{ padding:30px 0 0; text-align:center;} .sF05 ul li .link a{font-size:14px;color:#c41114;display:inline-block;width:160px;height:40px;line-height:38px;box-sizing: border-box;border:1px solid #c41114;cursor:pointer; border-radius:25px;} @media(max-width:767px){ .sF05{ padding:0 10px 1.5rem;} .sF05 ul{flex-wrap: wrap} .sF05 ul li{ width:48%; margin-bottom:20px;} .sF05 ul li:last-child{ width:100%; height:auto;} .sF05 ul li .ico img{ width:40px; height:40px;} .sF05 ul li .desc h5{font-size:18px;} .sF05 ul li .desc p{ font-size:13px;margin-top:10px;} .sF05 ul li .link{ padding:10px 0 0;} .sF05 ul li .link a{ font-size:13px; width:120px;height:32px;line-height:30px;} } .sF06{ background:#f5f5f5; padding-bottom:65px;} .sF06 .sBox{/* background:#fff; padding:15px;*/display:flex;justify-content:space-between; position:relative; padding:10px 0 0;} .sF06 .sBox ul{ width:48.5%; border-radius:15px 15px 0 0;box-shadow: 0px 1px 13px 0px rgb(23 23 23 / 16%);} .sF06 .sBox ul.left{ background-color:#797979;} .sF06 .sBox ul.right{ background-color:#c7161c;} .sF06 .sBox ul.left li{ background-color:#e6e6e6;} .sF06 .sBox ul.right li{ background-color:#fae0e1;} .sF06 .sBox ul.left li:nth-child(2n+1),.sF06 .sBox ul.right li:nth-child(2n+1){ background-color:#fff;} .sF06 .sBox .t{ font-weight:600; font-size:20px; text-align:center; padding:20px 0; color:#fff;} .sF06 .sBox li{ padding:15px 20px; font-size:16px;} .sF06 .sBox li span{ display:inline-block; margin-right:15px; border-radius:50%; width:40px; height:40px; color:#fff; text-align:center; line-height:40px;} .sF06 .sBox ul.left li span{ background-color:#797979;} .sF06 .sBox ul.right li span{ background-color:#c7161c;} .sF06 .sBox .m{ position:absolute; left:50%; top:0; margin-left:-53px; color:#fff; width:106px; height:106px; line-height:106px; font-size:50px; background-color:#c7161c; border-radius:50%; overflow:hidden; text-align:center; display:none;} @media(max-width:767px){ .sF06{ padding:0 10px 30px;} .sF06 .sBox{ display:block; padding:0;} .sF06 .sBox ul{ width:100%;} .sF06 .sBox ul.left{ margin-bottom:20px;} } /*商标注册*/ .sbzcForm{width:720px; height:auto; position:absolute; top:280px; left:50%; margin-left:-360px;} .sbzcForm .box{padding:1px;width:572px;box-sizing:border-box;margin:0 auto;} .sbzcForm .box input{padding-left:12px;width:400px;font-size:16px;color:#999; float:left;height:52px;line-height:52px;border:0 none; outline:none;} .sbzcForm .box a{display:inline-block;height:52px;font-size:16px;line-height:52px;background-color:#df1344;width:170px;color:#fff;box-sizing:border-box; text-align:center;} .mobile_sbzcForm{ display:none;} @media(max-width:767px){ .sbzcForm{ display:none;} .mobile_sbzcForm{ display:block; width:100%; position:relative; top:0; left:0; margin-left:0;} .sbzcForm .box{padding:0 10px;width:100%;margin:1.5rem auto;} .sbzcForm .box input{padding-left:8px;width:100%;font-size:.9rem;height:50px;line-height:50px; background:#f1f3ff; border-radius:5px; margin-bottom:1rem;} .sbzcForm .box a{height:50px;font-size:1rem;line-height:50px;width:100%; border-radius:5px;} } .sG01{ padding:0 0 60px;} .sG01 li{float:left; text-align:center; width:27.3%; margin:0 3%;transition:0.3s all; box-sizing:border-box; border:solid 1px #e9e9e9; border-radius:10px;box-shadow:0 0 2px rgba(187,186,207,.3);} .sG01 li img{margin:25px 0 15px 0; transition:0.3s all; height:66px;} .sG01 li h5{font-size:20px; margin-bottom:10px; font-weight:normal;} .sG01 li h4{font-size:25px; margin-bottom:15px; font-weight:normal; color:#f30;} .sG01 li p{ color:#666; font-size:14px; line-height:24px; margin-bottom:30px;} @media(max-width:767px){ .sG01{ padding:0 10px 1.5rem;} .sG01 li{ width:48%; margin:0 4% 1rem 0;} .sG01 li:nth-child(2n){ margin-right:0;} .sG01 li:nth-child(3){ width:100%; margin:0;} .sG01 li img{margin:1rem 0 .8rem; height:60px;} .sG01 li h5{font-size:1rem; margin-bottom:10px; } .sG01 li h4{font-size:1.2rem; margin-bottom:15px;} .sG01 li p{ font-size:.8rem; line-height:24px; margin-bottom:1rem;} } .sG02{background:#eff5fe; padding:0 0 60px;} .sG02 li{width:15.6666%; margin:0 1% 0 0; float:left; text-align:center; background:#fff; border-radius:8px; padding:25px 0;} .sG02 li:nth-child(6){ margin-right:0;} .sG02 li img{height:50px; margin-bottom:15px;} .sG02 li h5{font-size:20px; font-weight:normal; line-height:46px;} .sG02 li p{color:#666; font-size:12px;} .sG02 li a{color:#666; margin-top:20px; display:inline-block;} .sG02 li a span{ display:block; padding:4px 22px;font-size:14px;color:#df1344; border:1px solid #df1344;transition:0.3s all; border-radius:5px;} .sG02 li a:hover span{ background:#df1344; color:#FFF;} @media(max-width:767px){ .sG02{ padding:0 10px .5rem;} .sG02 li{width:48%; margin:0 4% 1rem 0; padding:1rem 0;} .sG02 li:nth-child(2n){ margin-right:0;} .sG02 li img{height:45px; margin-bottom:10px;} .sG02 li h5{font-size:1rem; line-height:2;} .sG02 li p{ font-size:.8rem;} .sG02 li a{ margin-top:1rem;} .sG02 li a span{ padding:4px 15px;font-size:.85rem;} } .sG03{ padding:0 0 60px} .sG03 .left{float:left; background:url(/images/sBg9.jpg) no-repeat; width:272px; height:346px; overflow:hidden;padding:39px 20px 0 25px; box-sizing:border-box;} .sG03 .left h3{font-size:32px;margin-bottom:18px;letter-spacing:2px; color:#04b398} .sG03 .left p{line-height:1.6; color:#04b398} .sG03 .right{ width:928px; float:right;} .sG03 .right li{width:294px; height:346px;overflow:hidden; margin-left:15px; position:relative; float:left; text-align:center;} .sG03 .right li .box{display:block;width:100%;height:100%;border:solid 1px #e8e8e8;padding:35px 20px 0 20px;} .sG03 .right li .pic{height:80px; text-align:center; margin-bottom:25px;} .sG03 .right li .pic img{height:100%;} .sG03 .right li h5{font-size:20px; transition:0.3s all; margin-bottom:15px; font-weight:bold;} .sG03 .right li p{font-size:12px; line-height:22px; margin-bottom:30px; color:#999; height:66px;} .sG03 .right li a{min-width:130px; line-height:32px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#666; transition:0.3s all; position:relative;} .sG03 .right li a:hover{border:solid 1px #04b398; background:#04b398; color:#fff;} .animate-line i{position:absolute;display:inline-block;background:linear-gradient(to left,#4abf9f,#4abf9f);transition:all .5s linear; z-index:9;} .animate-line .lineT{width:0;height:2px;top:0px;left:0} .animate-line .lineB{width:0;height:2px;bottom:0px;left:0} .animate-line .lineL{width:2px;height:0;top:0;left:0px} .animate-line .lineR{width:2px;height:0;top:0;right:0px} .sG03 li:hover .lineT{width:100%} .sG03 li:hover .lineL{height:100%} .sG03 li:hover .lineB{width:100%;} .sG03 li:hover .lineR{height:100%} @media(max-width:767px){ .sG03{ padding:0 10px 1.5rem} .sG03 .left{ display:none;} .sG03 .right{ width:100%; float:none;} .sG03 .right li{width:48%; height:auto;margin:0 4% 1rem 0; } .sG03 .right li:nth-child(2n){ margin-right:0;} .sG03 .right li:nth-child(3){ width:100%; margin:0;} .sG03 .right li .box{padding:1rem 10px;} .sG03 .right li .pic{height:60px; margin-bottom:1rem;} .sG03 .right li h5{font-size:1rem; margin-bottom:10px;} .sG03 .right li p{font-size:.75rem; line-height:1.8; margin-bottom:1rem; height:5.4rem;} .sG03 .right li a{min-width:130px;} } .sG04{background:url(/images/sG04_Bg.jpg) no-repeat center bottom;padding:0 0 60px} .sG04 .cTitle span,.sG04 .cTitle p{ color:#FFF;} .sG04 .left{float:left; background:url(/images/sBg10.jpg) no-repeat; width:272px; height:346px; overflow:hidden;padding:39px 20px 0 25px; box-sizing:border-box;} .sG04 .left h3{font-size:32px;margin-bottom:18px;letter-spacing:2px; color:#f69000} .sG04 .left p{line-height:1.6; color:#f69000} .sG04 .right{ width:928px; float:right;} .sG04 .right li{width:294px; height:165.5px;padding:30px 18px 0 30px; box-sizing:border-box;overflow:hidden; margin:0 0 15px 15px; position:relative; float:left; background:#fff; transition:0.3s all;} .sG04 .right li h5{font-size:20px; transition:0.3s all; margin-bottom:15px; font-weight:bold;} .sG04 .right li p{font-size:14px; line-height:22px; color:#666;} .sG04 .right li a{ font-size:16px; color:#f60; position:absolute; left:30px; bottom:20px;} .sG04 .right li:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3);transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -5px, 0);} @media(max-width:767px){ .sG04{background:url(/images/sG04_Bg.jpg) no-repeat center bottom; background-size:auto 100%;padding:0 10px 1rem;} .sG04 .left{ display:none;} .sG04 .right{ width:100%; float:none;} .sG04 .right li{width:48%; height:auto;padding:1rem 10px 3rem 10px; margin:0 4% 1rem 0;} .sG04 .right li:nth-child(2n){ margin-right:0;} .sG04 .right li h5{font-size:1rem; margin-bottom:1rem; } .sG04 .right li p{font-size:.75rem; line-height:22px; color:#666;} .sG04 .right li a{ font-size:.9rem; position:absolute; left:10px; bottom:1rem;} .sG04 .right li:hover{transform:translate3d(0, 0px, 0);-webkit-transform:translate3d(0, 0px, 0);} } /*高新认定*/ .gxrdForm{ width:760px; margin:200px auto 0;} .gxrdForm h5{width:620px;height:52px;margin:0 auto 50px;background-color:rgba(255,255,255,0.2);border-radius:8px;font-size:18px;line-height:52px;color:#fff;text-align:center;} .gxrdForm h5 span{display:inline-block;vertical-align:middle;width:9px;height:9px;border-radius:50%;background-color:#04d298;margin:0 12px;} .gxrdForm ul{width:100%;height:60px;margin:0 auto;position:relative;} .gxrdForm ul li{float:left;} .gxrdForm ul li input{height:59px;background:#FFFFFF;border:none;color:#333;text-indent:24px; font-size:15px; font-family:"Microsoft YaHei","微软雅黑"; outline:none;} .gxrdForm ul li:nth-child(1) input{ width:275px; height:59px;} .gxrdForm ul li:nth-child(2) input{ width:300px; height:59px;} .gxrdForm ul li .gxBtn{background:-webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f1fe));color:#fff;font-size:16px;cursor:pointer;width:177px;text-align:center;} .gxrdForm ul li .gxBtn:active{opacity:0.8;} .gxrdForm ul li i{display:block;width:1px;height:20px;background:#ccc;position:absolute;top:20px;left:270px;} .mobile_gxrdForm{ display:none;} @media(max-width:767px){ .gxrdForm{ display:none;} .mobile_gxrdForm{ display:block; width:100%; margin:0; padding:1.5rem 10px 0;} .gxrdForm h5{width:100%;height:auto;margin:0 auto 1rem;font-size:1rem;line-height:1.8; padding:0; color:#333;background-color:transparent; text-align:left;} .gxrdForm h5 span{width:5px;height:5px;margin:0 5px;} .gxrdForm ul{ height:auto;} .gxrdForm ul li{float:left; width:100%;} .gxrdForm ul li input{height:50px;background:#f1f3ff;text-indent:10px; font-size:.8rem; margin-bottom:1rem; border-radius:5px;} .gxrdForm ul li:nth-child(1) input{ width:100%; height:50px;} .gxrdForm ul li:nth-child(2) input{ width:100%; height:50px;} .gxrdForm ul li .gxBtn{font-size:1rem;width:100%; margin-bottom:0;} .gxrdForm ul li i{ display:none;} } .sH01 .sBox{width:90%;height:90px;background:#f4f7fb;border-radius:5px;margin:auto;} .sH01 .sBox p{ont-size:13px;line-height:24px;color:#3e444f;padding:20px 38px;text-align:center;} @media(max-width:767px){ .sH01 .sBox{width:90%;height:auto;} .sH01 .sBox p{ont-size:.8rem;line-height:1.8;padding:10px 15px;} } .sH02{ padding:0 0 60px;} .sH02 li{width:31.7%; margin:0 2.4% 20px 0;height:180px; float:left; padding:25px 30px;border-radius:5px;} .sH02 li:nth-child(3n){ margin-right:0;} .sH02 li img{width:94px;height:94px;float:left;overflow:hidden; margin-top:13px;} .sH02 li .txt{height:auto;width:70%;float:right;} .sH02 li .txt h5{font-size:18px;line-height:38px;color:#fff;margin-bottom:4px;font-weight:normal;padding-left:20px;} .sH02 li .txt p{ line-height:26px;color:rgba(255,255,255,0.8);padding-left:20px;} .sH02 li:nth-child(1){ background:#e45957;} .sH02 li:nth-child(2){ background:#ea8f25;} .sH02 li:nth-child(3){ background:#844ef3;} .sH02 li:nth-child(4){ background:#6f6ef7;} .sH02 li:nth-child(5){ background:#2fb9c9;} .sH02 li:nth-child(6){ background:#2fc675;} @media(max-width:767px){ .sH02{ padding:0 10px 1.5rem;} .sH02 li{width:100%; margin:0 0 1rem 0;height:auto; padding:15px 15px;} .sH02 li:nth-child(3n){ margin-right:0;} .sH02 li img{width:50px;height:50px; margin-top:1rem;} .sH02 li .txt{height:auto;width:calc(100% - 70px);} .sH02 li .txt h5{font-size:1rem;line-height:1.5;padding-left:0;} .sH02 li .txt p{ line-height:1.8;padding-left:0;} } .sH03{background:#eff5fe; padding:0 0 60px;} .sH03 .left{width:40%;height:300px;float:left;} .sH03 .left .item{float:left;margin-left:21px;margin-top:20px;border-radius:8px;height:140px;} .sH03 .left .item p{padding:40px 25px 0;font-size:17px;line-height:30px;color:#fff;text-align:center;} .sH03 .left .item:nth-child(1){width:100%; background:#767af8;margin:0px;} .sH03 .left .item:nth-child(2){width:47%; background:#f59c3c;margin-left:0px;} .sH03 .left .item:nth-child(3){width:47%; background:#ae69f4; float:right;} .sH03 .right{width:58%;float:right;} .sH03 .right li{width:20%;height:143px;float:left;margin-left:27px;} .sH03 .right li img{width:62%;height:58%;overflow:hidden;float:left;margin-left:25px;} .sH03 .right li span{width:100%;display:block;float:left;font-size:14px;line-height:20px;color:#3e444f;font-weight:normal;text-align:center;margin-top:20px;} .sH03 .right li:nth-child(n+5){ margin-top:30px;} @media(max-width:767px){ .sH03{ padding:0 10px .5rem;} .sH03 .left{width:100%;height:auto; margin-bottom:1rem;} .sH03 .left .item{margin-left:4%;margin-top:1rem;height:auto;} .sH03 .left .item p{padding:12px 10px;font-size:.95rem;line-height:1.5;} .sH03 .left .item:nth-child(2){width:48%;} .sH03 .left .item:nth-child(3){width:48%;} .sH03 .right{width:100%;} .sH03 .right li{width:48%;height:auto;float:left;margin:0 4% 1rem 0; text-align:center;} .sH03 .right li:nth-child(2n){ margin-right:0;} .sH03 .right li img{width:50%;height:auto;float:none;margin:0 auto;} .sH03 .right li span{float:none;font-size:.8rem;line-height:1.8;margin:.2rem 0 0;} .sH03 .right li:nth-child(n+5){ margin-top:0;} } .sH04{ padding:0 0 60px;} .sH04 li{float:left;width:23%;height:286px;box-shadow:2px 2px 10px rgba(40, 85, 166, 0.3);background:#fff;margin-left:20px;margin-bottom:30px;} .sH04 li img{width:66px;height:66px;margin:30px 100px;} .sH04 li h5{display:block;font-size:18px;line-height:20px;color:#333;margin-bottom:18px;font-weight:normal;text-align:center;} .sH04 li p{font-size:13px;line-height:24px;color:#666;padding:0 34px;text-align:center;} @media(max-width:767px){ .sH04{ padding:0 10px .5rem;} .sH04 li{float:left;width:48%;height:auto;margin:0 4% 1rem 0;} .sH04 li:nth-child(2n){ margin-right:0;} .sH04 li img{width:50px;height:50px;margin:1rem auto; display:block;} .sH04 li h5{font-size:1rem;line-height:1.5;margin-bottom:.5rem;} .sH04 li p{font-size:.75rem;line-height:1.8;padding:0 10px 1rem; min-height:6.4rem;} } /*新闻*/ .banner_up{height:30px;color:rgb(34, 34, 34);font: 14px/30px 微软雅黑; display:none;} .banner_up a{color:rgb(34, 34, 34);} .news_ban{width:100%;height:188px;background:#efa300; background-position:center; background-repeat:no-repeat; margin:80px 0 0;} .news_ban img{ display:none;} @media(max-width:767px){ .news_ban{height:auto; background-image:none; margin:56px 0 0;} .news_ban img{ display:block; max-width:100%; height:auto;} } .navSub{ width:1200px; position:relative; margin:0 auto;} .newSearch{ position:absolute; top:-47px; left:230px; background:rgba(255,255,255,1); height:37px; border-radius:30px; overflow:hidden;} .newSearch input{ line-height:37px; outline:none; border:none; background:none; float:left;} .newSearch input.key{ padding:0 5px 0 10px; width:180px; font-size:14px; color:#666;} .newSearch input.keySub{ text-align:center; width:40px; background:#9bbfd7 url(/images/search.png) no-repeat center; text-indent:-999px;} .newSearch input::-ms-input-placeholder{color:#ccc;} .newSearch input::-webkit-input-placeholder{color:#ccc;} .navSub ul{ position:absolute; top:-47px; right:0px; height:47px;padding:0 30px;border-radius:8px 8px 0 0;background:#fff;} .navSub ul li{ float:left;width:94px;height:45px;font:bold 16px/45px "Microsoft YaHei";text-align:center; border-bottom:4px solid #fff; padding-right:9px; position:relative;} .navSub ul li:last-child{ width:85px; padding-right:0;} .navSub ul li:after{ content:""; display:block; position:absolute; top:15px; right:3px;width:1px; height:17px;background:#aaa;} .navSub ul li:last-child:after{ display:none;} .navSub ul li a{color:#222; display:block; border-bottom:2px solid transparent;} .navSub ul li.curr a{border-bottom:2px solid #d90024; color:#d90024;} @media(max-width:767px){ .navSub{ width:100%;} .newSearch{ position:relative; width:90%; top:0; left:0; margin:1rem auto;border:1px solid #e7e7e7;background:#fafbfc; height:auto;} .newSearch input.key{ width:calc(100% - 46px);} .newSearch input.keySub{ width:46px;} .navSub ul{ position:relative; top:auto; right:0px; height:auto;padding:.5rem 10px 1rem; border-top:10px solid #f5f5f5;} .navSub ul li{ width:31.333%; margin:.5rem 3% 0 0; border-radius:5px;height:auto;font:500 .9rem/40px "Microsoft YaHei";border:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; padding:0; overflow:hidden;} .navSub ul li:nth-child(3n){ margin-right:0;} .navSub ul li:last-child{ width:31.333%; padding-right:0;} .navSub ul li:after{ display:none;} .navSub ul li a{ border-bottom:none;} .navSub ul li.curr a{border-bottom:none; background:#d90024; color:#fff;} } .newsContain{width:100%;padding:20px 0 40px;background:#f4f7ff;} .newsContain .newsTop{width:1200px;height:272px;padding:40px;margin:0 auto;background:#fff;margin-bottom:30px; border:1px solid #CCC; position:relative;} .newsContain .newsTop .pic{width:453px;height:192px; float:left; position:relative;} .newsContain .newsTop .pic .img{ width:100%; height:100%;} .newsContain .newsTop .pic .bg01{ background-color:#64bf22;} .newsContain .newsTop .pic .bg02{ background-color:#00aa51;} .newsContain .newsTop .pic .bg03{ background-color:#edad08;} .newsContain .newsTop .pic .bg04{ background-color:#0277cb;} .newsContain .newsTop .pic .bg05{ background-color:#b47dd0;} .newsContain .newsTop .pic .bg06{ background-color:#de2e54;} .newsContain .newsTop .pic .bg07{ background-color:#f17a54;} .newsContain .newsTop .pic .img img{width:100%;height:0;} .newsContain .newsTop .pic .txt{ position:absolute; left:0; top:0; padding:8px 0px 0 15px; color:#FFF;} .newsContain .newsTop .pic .txt p{ font-size:14px; line-height:30px; float:left; width:100%;} .newsContain .newsTop .pic .txt p.last{ margin-top:8px;} .newsContain .newsTop .pic .txt p span{display:block; float:left; padding-right:21px; position:relative;} .newsContain .newsTop .pic .txt.t01 p span{ padding-right:17px; font-size:12px;} .newsContain .newsTop .pic .txt.t02 p span{ padding-right:21px; font-size:13px;} .newsContain .newsTop .pic .txt.t03 p span{ padding-right:13px; font-size:12px; line-height:34px;} .newsContain .newsTop .pic .txt p span a{ color:#FFF;} .newsContain .newsTop .pic .txt p span a:hover{ text-decoration:underline;} .newsContain .newsTop .pic .txt p span:after{ content:""; position:absolute; right:11px; top:9px; display:block; width:1px; height:12px; background:#fff; opacity:.6;} .newsContain .newsTop .pic .txt.t01 p span:after{ right:9px;} .newsContain .newsTop .pic .txt.t02 p span:after{ right:11px;} .newsContain .newsTop .pic .txt.t03 p span:after{ right:7px; top:11px;} .newsContain .newsTop .pic .txt p span:last-child:after,.newsContain .newsTop .pic .txt p span.m:after{ display:none;} .newsContain .newsTop .pic .txt .zx a{ display:inline-block; border:1px solid #FFF; border-radius:30px; padding:5px 30px; color:#FFF; font-size:14px; line-height:20px; margin:10px 0 0 0;} .newsContain .newsTop .pic .txt .zx a:hover{ background:#ff6072; border-color:#ff6072;} .newsContain .newsTop .text{padding:0 0 0 20px;font:14px/28px "Microsoft YaHei"; float:right;color:#666; width:650px; margin-top:-5px;} .newsContain .newsTop .text1{/* line-height:26px; font-size:13px;*/} .newsContain .newsTop .newsFrom{ position:absolute; bottom:41px; right:41px; width:650px;padding:0 0 0 20px;} .newsContain .newsTop .newsFrom .item label{ margin-bottom:0;font-size:15px; font-weight:bold; line-height:42px; margin-right:5px;} .newsContain .newsTop .newsFrom .item input{ border:none; outline:none;} .newsContain .newsTop .newsFrom .item input[type=text]{width:182px;font-size:14px;line-height:40px;height:40px;background:#fff;border:solid 1px #ddd;border-radius:5px;font-family:"Microsoft YaHei";margin-right:12px; padding-left:8px;} .newsContain .newsTop .newsFrom .item input[type=submit]{width:134px;height:42px;border-radius:4px;cursor:pointer;background:-webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));background:linear-gradient(left, #f7cd6e, #ff8f2c);filter:progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f7cd6e, endColorstr=#ff8f2c);font-size:16px;line-height:42px;color:#ffffff;} .newsContain .newsTop .newsFrom .item input[type=submit]:active{opacity:0.8;} @media(max-width:767px){ .newsContain{ width:100%; padding:1rem 0 1rem;} .newsContain .newsTop{width:100%;height:auto;padding:10px;margin-bottom:1rem; border:none;} .newsContain .newsTop .pic{width:100%; height:auto;float:none;} .newsContain .newsTop .pic .txt{ position:relative; padding:8px 10px 10px;} .newsContain .newsTop .pic .txt p{ font-size:.85rem; line-height:2;} .newsContain .newsTop .pic .txt p.last{ margin-top:.5rem;} .newsContain .newsTop .pic .txt p span{ padding-right:21px; position:relative;} .newsContain .newsTop .pic .txt.t01 p span{ font-size:.85rem;} .newsContain .newsTop .pic .txt.t02 p span{ font-size:.85rem;} .newsContain .newsTop .pic .txt.t03 p span{ font-size:.85rem; line-height:2;} .newsContain .newsTop .pic .txt p span:after{ top:.5rem;} .newsContain .newsTop .pic .txt.t03 p span:after{ top:.5rem;} .newsContain .newsTop .pic .txt .zx a{ display:inline-block; border:1px solid #FFF; border-radius:30px; padding:5px 30px; color:#FFF; font-size:14px; line-height:20px; margin:10px 0 0 0;} .newsContain .newsTop .pic .txt .zx a:hover{ background:#ff6072; border-color:#ff6072;} .newsContain .newsTop .text{padding:0; width:100%; margin-top:1rem;font:.85rem/2 "Microsoft YaHei"; float:none;} .newsContain .newsTop .newsFrom{ position:relative; bottom:0; right:0; width:100%;padding:1rem 0 0;} .newsContain .newsTop .newsFrom .item span{ display:block; width:100%; margin-bottom:10px;} .newsContain .newsTop .newsFrom .item label{font-size:.95rem; line-height:1; margin:0;} .newsContain .newsTop .newsFrom .item input[type=text]{width:100%;font-size:.85rem;margin-right:0;} .newsContain .newsTop .newsFrom .item input[type=submit]{width:100%;} } .newsContain .inner{ width:1200px; margin:0 auto;} .newsContain .newsL{ float:left; width:920px; background:#FFF; padding-bottom:30px;} .newsContain .newsL>ul{ background:#FFF; width:100%;} .newsContain .newsL>ul li{ float:left; width:420px; padding:20px 0; margin:0 20px 0 20px;border-bottom:1px solid #f4f7ff;} .newsContain .newsL>ul li:nth-child(2n){ margin:0 20px 0 20px;} .newsContain .newsL>ul li h5{width:100%;height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px; line-height:1; font-size:16px; font-weight:bold; padding-right:5px;} .newsContain .newsL>ul li h5 a{color:#444;} .newsContain .newsL>ul li h5:hover{color:#d90024;} .newsContain .newsL>ul li h5 a:hover{color:#d90024;} .newsContain .newsL>ul li .description{height:72px;font-size:14px;line-height:24px;color:#888;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .newsContain .newsL>ul li .meta{font-size:12px; line-height:1.5;color:#999;margin:10px 0 10px;} .newsContain .newsL>ul li .meta span{ margin-right:20px;} .newsContain .newsL>ul li .newsTag{font-size:12px;color:#999;} .newsContain .newsL>ul li .newsTag span{ margin-right:0;} .newsContain .newsL>ul li .newsTag a{font-size:12px;color:#999; margin-right:5px;} .newsContain .newsL>ul li .newsTag a:hover{color:#d90024;} .newsContain .newsL.searchList li{ width:880px; margin:0 20px;} .newsContain .newsL.searchList>ul li .description{height:48px;-webkit-line-clamp:2;} @media(max-width:767px){ .newsContain .inner{ width:100%;} .newsContain .newsL{ float:none; width:100%; padding-bottom:1rem;} .newsContain .newsL>ul{ background:#FFF; width:100%; padding:0 10px;} .newsContain .newsL>ul li{ width:100%; padding:20px 0; margin:0;} .newsContain .newsL>ul li:nth-child(2n){ margin:0;} .newsContain .newsL>ul li h5{ font-size:15px;} .newsContain .newsL>ul li .description{height:72px;font-size:14px;line-height:24px;} .newsContain .newsL>ul li .meta{font-size:12px; line-height:1.5;color:#999;margin:10px 0 10px;} .newsContain .newsL>ul li .meta span{ margin-right:20px;} .newsContain .newsL>ul li .newsTag{font-size:12px;color:#999;} .newsContain .newsL>ul li .newsTag span{ margin-right:0;} .newsContain .newsL>ul li .newsTag a{font-size:12px;color:#999; margin-right:5px;} .newsContain .newsL>ul li .newsTag a:hover{color:#d90024;} .newsContain .newsL.searchList li{ width:100%; margin:0;} } .newsContain .newsR{ float:right; width:260px;} .newsContain .newsR .pic{ background:#FFF; width:100%;} .newsContain .newsR .pic img{ width:100%; height:auto;} .newsContain .newsR .newsTj{background:#fff; padding:0 15px 15px;margin-top:20px;} .newsContain .newsR .newsTj ul{ margin-top:-5px;} .newsContain .newsR .newsTj ul li{ float:left; width:100%;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; padding-right:5px;} .newsContain .newsR .newsTj ul li a{ display:inline-block; font-size:13px; color:#333; text-indent:12px;} .newsContain .newsR .newsTj ul li:after{ content:""; display:block; width:4px; height:4px; background:#f60; position:absolute; top:16px; left:0; border-radius:2px;} .newsContain .newsR .newsTj ul li a:hover{ color:#de0029;} .newsContain .newsR .myadTag{background:#fff; padding:0 15px 22px;margin-top:20px;} .newsContain .newsR .title{padding:20px 0 20px 14px;font-size:18px;font-weight:bold;color:#d90024; position:relative; line-height:1;} .newsContain .newsR .title:after{ content:""; display:block; width:5px; height:18px; background:#d90024; position:absolute; left:0; top:20px;} .newsContain .newsR .myadTag ul{ margin-left:-5px; margin-right:-5px; width:240px;} .newsContain .newsR .myadTag ul li{margin:0 5px 10px; float:left;} .newsContain .newsR .myadTag ul li a{display:block;font-size:12px;color:#333;border:1px solid #eaeaea;padding:3px 6px;} .newsContain .newsR .myadTag ul li a:hover{color:#d90024;background:#fde1e6;border:1px solid #d90024;} @media(max-width:767px){ .newsContain .newsR{ float:none; margin-top:1rem; width:100%;} .newsContain .newsR .title{font-size:1.1rem;} .newsContain .newsR .myadTag ul{ width:100%;} } /*分页*/ #page{ height:auto; margin-top:25px;overflow:hidden; width:100%; text-align:center;} #page a.active{color:#fff; cursor:pointer; background:#d90024; border:1px solid #d90024;} #page a{ display:inline-block; vertical-align:middle; padding:0 12px; margin:0 2px; border:1px solid #ddd; height:auto; line-height:30px; text-align:center; color:#000;} #page a:hover{ color:#fff; cursor:pointer; background:#d90024; border:1px solid #d90024;} #page a.next1{overflow:hidden;} #page a.prev1{overflow:hidden;} #page .none{ display:inline-block;} #page01{ display:none;} @media(max-width:767px){ #page{ display:none;} #page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:2%; background:#EEE; margin-bottom:0; font-size:.85rem;} #page01 a{ display:block; margin-right:1px; padding:.3rem 2%; float:left; background:#DDD;} #page01 a.num{ text-decoration:underline; color:#0086E9; font-weight:bold;} #page01 span{ display:block; float:right; background:#DDD; padding:.3rem 2%; } } /*新闻详情页*/ .detail_con{ width:100%; padding:20px 0;} .detail_con .detail_contop{ padding:0 20px;} .detail_con .detail_title{font-size:25px;line-height:44px; color:#333;font-weight:700;} .detail_con .detail_time{padding:15px 0 18px;font-size:13px;line-height:40px;color:#999999;} .detail_con .detail_time .line{ padding:0 10px; color:#eeeeee;} .detail_con .details_info{line-height:2.2;font-size:15px; color:#333; margin-bottom:40px;} .detail_con .details_info img{ max-width:98%; height:auto;} .detail_con .detail_fenye{ margin-bottom:0;padding:0 20px; height:60px;background-color:#f9f9f9;} .detail_con .detail_fenye span{float:left;display:block;font-size:14px;line-height:60px;color:#888f9b;} .detail_con .detail_fenye span:nth-child(2){ float:right;} .detail_con .detail_fenye a{ color:#888f9b;text-decoration:none;} .detail_con .detail_fenye a:hover{color:#d90024;} .detail_con .detail_fenye span{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media(max-width:767px){ .detail_con{ padding:1rem 0 0;} .detail_con .detail_contop{ padding:0 10px;} .detail_con .detail_title{font-size:1.2rem;line-height:1.8;} .detail_con .detail_time{padding:.8rem 0 1rem;font-size:.8rem;line-height:2;} .detail_con .detail_time .line{ padding:0 5px;} .detail_con .details_info{line-height:2;font-size:.9rem; margin-bottom:1rem;} .detail_con .detail_fenye{padding:.5rem 10px; height:auto;} .detail_con .detail_fenye span{font-size:.85rem;line-height:2; padding:3px 0;} .detail_con .detail_fenye span{max-width:100%; width:100%;} } /*公司注册新闻详情页*/ .dsA01{ padding:0 20px 0; width:100%;} .dsA01 .cTitle{min-width:100%; padding:30px 0;} .dsA01 .cTitle span{ margin-bottom:0;} .dsA01 ul li{ float:left;margin-right:8px;width:214px;height:310px;} .dsA01 ul li a{ display:block; width:100%; height:100%;background-color:#ffffff;-webkit-box-shadow:0px 0px 15px 0px #efefef;box-shadow:0px 0px 15px 0px #efefef;border-radius:4px;text-align:center;-webkit-transition:all .2s;transition:all .2s;position:relative;top:0; padding:30px 0 0;} .dsA01 ul li:nth-child(1) a{background:#f25755;} .dsA01 ul li:nth-child(2) a{background:#f89153;} .dsA01 ul li:nth-child(3) a{background:#b7d052;} .dsA01 ul li .item:nth-child(1) a{background:#4fcfb5;} .dsA01 ul li .item:nth-child(2) a{background:#54a3e0;} .dsA01 ul li .item:nth-child(3) a{background:#ab73ef;} .dsA01 ul li a:hover{ top:-4px;} .dsA01 ul li.last{ margin-right:0;-webkit-box-shadow:none;box-shadow:none;} .dsA01 ul li.last:hover{ top:0;} .dsA01 ul li.last .item{ width:100%; height:98px; margin-bottom:8px;} .dsA01 ul li.last .item a{ padding:10px 0 0;} .dsA01 ul li.last .item:last-child{ margin-bottom:0;} .dsA01 ul li .pic{width:114px;height:114px;margin:0 auto 12px;text-align:center;border-radius:50%;background-color:#f5f5f5; padding:7px 0 0;} .dsA01 ul li:nth-child(1) .pic{background:#f9807f;} .dsA01 ul li:nth-child(2) .pic{background:#fdb184;} .dsA01 ul li:nth-child(3) .pic{background:#cee377;} .dsA01 ul li .pic img{max-width:100%; border:0; outline:none; vertical-align:middle;-webkit-transition:all .6s;transition:all .6s;} .dsA01 ul li h5{font-size:16px;color:#fff/*3e3e3e*/;font-weight:bold; line-height:2;} .dsA01 ul li .item h5{ line-height:1.8;} .dsA01 ul li p{font-size:13px;color:#fff/*989898*/; line-height:2;} .dsA01 ul li .item p{ line-height:1.8;} .dsA01 ul li .sprite{ display:inline-block;background-image: url(/images/sprites.png);} .dsA01 ul li .line{display:block;margin:8px auto;width:24px;height:1px;background-position:-278px -206px;} .dsA01 ul li .item .line{ margin-top:4px;} .dsA01 ul li .link{font-size:14px;display:inline-block;font-weight:500;color:#fff/*ff8400*/;-webkit-transition: all .2s;transition:all .2s; border:1px solid #FFF; padding:5px 40px 5px 20px; border-radius:20px; position:relative; margin-top:10px;} .dsA01 ul li .arrow{width:18px;height:18px;position:relative;margin:9px auto 0;} .dsA01 ul li .arrow i{position:absolute;left:0;top:0;width:18px;height:18px;-webkit-transition:all .2s;transition: all .2s;background-position:-278px -148px;} .dsA01 ul li .arrow i.arrow_right_hover{opacity:0;} .dsA01 ul li .link .arrow{ position:absolute; top:9px; right:20px; margin:0;} .dsA01 ul li .link .arrow i{background-position:-278px -90px;} .dsA01 ul li a:hover .link{ background:rgba(255,255,255,0.2);} /*.dsA01 ul li a:hover .pic img{-webkit-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);}*/ .dsA01 ul li a:hover .arrow i.arrow_right{opacity:0;} .dsA01 ul li a:hover .arrow i.arrow_right_hover{opacity:.6;} .dsA01 ul li a:hover .link .arrow i.arrow_right_hover{opacity:1;} @media(max-width:767px){ .dsA01{ padding:0 10px;} .dsA01 .cTitle{ padding:1.5rem 0;} .dsA01 .cTitle span{ font-size:1.2rem} .dsA01 ul li{margin:0 2% .5rem 0;width:48%;height:20rem;} .dsA01 ul li:nth-child(2n){ margin-right:0;} .dsA01 ul li a{padding:1.5rem 0 0;} .dsA01 ul li.last .item{ height:6.333rem; margin-bottom:.5rem;} .dsA01 ul li.last .item a{ padding:.35rem 0 0;} .dsA01 ul li .pic{width:104px;height:104px;margin:0 auto .5rem; padding:7px;} .dsA01 ul li h5{font-size:.9rem;} .dsA01 ul li p{font-size:.8rem; padding:0 10px; line-height:1.5;} .dsA01 ul li .item p{ line-height:1.5;} .dsA01 ul li .link{font-size:.85rem;padding:.3rem 30px .3rem 10px; margin-top:.5rem;} .dsA01 ul li .arrow{margin:.5rem auto 0;} .dsA01 ul li .link .arrow{ top:.3rem; right:10px;} } /*代理记账新闻详情页*/ .dsB01{ padding:0 20px 30px; width:100%;} .dsB01 .cTitle{min-width:100%; padding:30px 0;} .dsB01 .cTitle span{ margin-bottom:0;} .dsB01 ul li{width:285px; height:151px; padding-top:30px;margin-right:12.5px;} .dsB01 ul li:hover{ padding-top:12px;} .dsB01 ul li h5{font-size:18px; margin-bottom:8px;} .dsB01 ul li p{margin-bottom:8px; font-size:13px;} .dsB01 ul li .price{ font-size:15px;} .dsB01 ul li .price .money{ font-size:22px;} .dsB01 ul li .zixun{ margin-top:55px; transition:0.3s all;} .dsB01 ul li:hover .zixun{margin-top:8px;} .dsB01 ul li .zixun a{width:120px; line-height:32px;} .dsB01 ul li:nth-child(1){background:url(/images/sBg1.jpg) no-repeat; background-size:100%;} .dsB01 ul li:nth-child(2){background:url(/images/sBg2.jpg) no-repeat; background-size:100%;} .dsB01 ul li:nth-child(3){background:url(/images/sBg3.jpg) no-repeat; background-size:100%;} @media(max-width:767px){ .dsB01{ padding:0 10px;} .dsB01 .cTitle{ padding:1.5rem 0;} .dsB01 .cTitle span{ font-size:1.2rem} .dsB01 ul li{width:100%; height:13rem; padding-top:1.7rem;margin-right:0;} .dsB01 ul li:hover{ padding-top:1.7rem;} .dsB01 ul li h5{font-size:1.4rem;} .dsB01 ul li p{ font-size:.8rem;} .dsB01 ul li .price{ font-size:1rem;} .dsB01 ul li .price .money{ font-size:1.5rem;} .dsB01 ul li .zixun{ margin-top:1rem;} .dsB01 ul li:hover .zixun{margin-top:1rem;} .dsB01 ul li:nth-child(1){background:url(/images/sBg1.jpg) no-repeat; background-size:100% 100%;} .dsB01 ul li:nth-child(2){background:url(/images/sBg2.jpg) no-repeat; background-size:100% 100%;} .dsB01 ul li:nth-child(3){background:url(/images/sBg3.jpg) no-repeat; background-size:100% 100%;} } .dsB02{width:100%;background:#fff;height:auto;padding:10px 20px 0;} .dsB02 p{line-height:28px; margin-bottom:10px; font-size:15px; color:#666;} .dsB02 h5{font-size:16px; font-weight:normal; line-height:46px;} .dsB02 .item input{ border:none; outline:none;} .dsB02 .item input[type=text]{width:230px;font-size:15px;line-height:50px;height:50px;background:#fff;border:solid 1px #ddd;border-radius:5px;font-family:"Microsoft YaHei";margin-right:14px; padding-left:10px;} .dsB02 .item input[type=submit]{width:180px;height:52px;border-radius:4px;cursor:pointer;background:-webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));background:linear-gradient(left, #f7cd6e, #ff8f2c);filter:progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f7cd6e, endColorstr=#ff8f2c);font-size:17px;line-height:52px;color:#ffffff;} .dsB02 .item input[type=submit]:active{opacity:0.8;} .dsB02 .item input[type="radio"]{} .dsB02 .item label{ position:relative; z-index:98; width:120px; height:40px; display:inline-block; margin-right:10px; font-weight:normal; margin-bottom:0;} .dsB02 .item label span{position:absolute; z-index:2; color:#333; width:100%; text-align:center; line-height:40px; font-size:15px; cursor:pointer;} .dsB02 .item input[type="radio"]:checked + label span{color:#fff;} .dsB02 .item input[type="radio"] + label::before{content:""; display:inline-block;width:120px;border-radius:3px;height:40px; position:absolute; z-index:0;background:#dce3fe;} .dsB02 .item input[type="radio"]:checked + label::before{content:" "; display:inline-block;width:120px;border-radius:3px;height:40px; position:absolute;background:#5b79f1;} .dsB02 .item .zixun{ display:inline-block;width:180px;height:52px;border-radius:4px;background:-webkit-gradient(linear, left top, right top, from(#f88c98), to(#ff6072));background:linear-gradient(left, #f88c98, #ff6072);filter:progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f88c98, endColorstr=#ff6072); background:#ff6072;font-size:17px;line-height:52px;color:#ffffff; text-align:center; margin-left:14px;} @media(max-width:767px){ .dsB02{padding:0 10px;} .dsB02 p{line-height:1.8; font-size:.9rem;} .dsB02 h5{font-size:1rem;line-height:36px;} .dsB02 .item input[type=text]{width:48%;font-size:.9rem;line-height:46px;height:44px;margin:0 2% 1rem 0;} .dsB02 .item>span:nth-child(2n) input[type=text]{ margin-right:0;} .dsB02 .item input[type=submit]{width:48%;height:46px;font-size:1rem;line-height:46px; margin-right:2%;} .dsB02 .item label{ width:auto; min-width:100px; height:40px; margin:0 5px 5px 0;} .dsB02 .item label span{ font-size:.9rem;} .dsB02 .item input[type="radio"] + label::before{width:auto; min-width:100px;} .dsB02 .item input[type="radio"]:checked + label::before{width:auto;min-width:100px;padding:0 10px;} .dsB02 .item .zixun{width:48%;height:46px;font-size:1rem;line-height:46px; margin-left:0;} } /*税务筹划新闻详情页*/ .dsC01{ padding:0 20px 0; width:100%;} .dsC01 .cTitle{min-width:100%; padding:30px 0;} .dsC01 .cTitle span{ margin-bottom:0;} .dsC01 ul li{ width:205px; height:102px; float:left; background:#eaedee; margin:10px 20px 10px 0; position:relative;border:1px solid #e2e6e9; border-radius:5px; overflow:hidden;} .dsC01 ul li:nth-child(4n){ margin-right:0;} .dsC01 ul li .sT{ width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .dsC01 ul li .sT .pic{width:40px;height:40px;background-repeat:no-repeat;background-size:cover;margin:0 auto;} .dsC01 ul li .sT span{ display:block;font-size:15px;text-align:center;margin-top:6px;} .dsC01 ul li .sB{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;display:none;font-size:14px} .dsC01 ul li .sB p{width:90%;text-align:center;margin:0 auto 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#FFF;} .dsC01 ul li .sB .uiBtn{display:block;width:105px;height:35px;line-height:35px;text-align:center;margin:0 auto;background:#FFF/*ffd06a*/;border-radius:4px; border:none; color:#333;} .dsC01 ul li .sB .uiBtn:hover{background:#ffdc71;} .dsC01 ul li:hover .sT{display:none} .dsC01 ul li:hover .sB{display:block} .dsC01 ul li:hover{-webkit-box-shadow:0 0 10px rgba(204,204,204,0.6);box-shadow:0 0 10px rgba(204,204,204,0.6);background:rgba(242,87,85,0.6);} .dsC01 ul .item{ width:430px; float:left; margin:10px 20px 0 0; height:110px; color:#FFF; padding:10px 15px; background-size:cover; background-repeat:no-repeat; background-position:top center; line-height:2; font-size:15px; border-radius:5px; overflow:hidden;} .dsC01 ul .item span{ font-weight:bold;} .dsC01 ul .item:last-child{ margin-right:0;} .dsC01 .txt{ margin-top:20px; width:100%;} .dsC01 .txt .left{ float:left; width:80%;} .dsC01 .txt p{ float:left; font-size:15px; color:#333; width:100%; line-height:25px;} .dsC01 .txt h5{ float:left; font-size:24px; width:45%; line-height:39px; font-weight:500; position:relative; padding-left:0;} .dsC01 .txt h5:after{ content:""; display:none; width:18px; height:2px; background:#ff6072; position:absolute; top:31px; left:-30px;} .dsC01 .txt a{ float:right;width:125px;height:40px;line-height:40px;text-align:center;margin:0 auto;background:#ff6072;border-radius:4px; border:none; color:#fff; margin-top:12px} .dsC01 .txt a:hover{background:rgba(255,96,114,0.8);} @media(max-width:767px){ .dsC01{ padding:0 10px 0;} .dsC01 .cTitle{ padding:1.5rem 0;} .dsC01 .cTitle span{ font-size:1.2rem} .dsC01 ul li{ width:48%; height:7rem; margin:.25rem 2% .25rem 0;} .dsC01 ul li:nth-child(2n){ margin-right:0;} .dsC01 ul li .sT span{font-size:.9rem;} .dsC01 ul li .sB{font-size:.8rem} .dsC01 ul .item{ width:100%; margin:.25rem 0 .25rem 0; height:auto; color:#FFF; padding:.5rem 15px; line-height:1.8; font-size:.9rem; } .dsC01 .txt{ margin-top:.5rem;} .dsC01 .txt .left{ width:calc(100% - 140px);} .dsC01 .txt p{ font-size:.9rem; line-height:1.6;} .dsC01 .txt h5{ font-size:1.2rem; width:100%; line-height:1.8;} .dsC01 .txt a{ margin-top:1rem;} } /*商标注册新闻详情页*/ .dsD01{ padding:0 20px 0; width:100%;} .dsD01 .cTitle{min-width:100%; padding:30px 0;} .dsD01 .cTitle span{ margin-bottom:0;} .dsD01 ul li{ float:left; margin-right:20px; width:205px; height:auto; background:#fff;box-shadow:0 0px 15px rgba(0,0,0,0.08); position:relative; text-align:center; height:310px;} .dsD01 ul li:last-child{ margin-right:0;} .dsD01 ul li img{padding:30px 0;} .dsD01 ul li h2{ font-size:18px;font-weight:bold;color:#333;line-height:20px;} .dsD01 ul li p{font-size:14px;color:#777;line-height:22px;} .dsD01 ul li .line{width:24px;height:3px;border-radius:2px;background:#5b48db;background:linear-gradient(to right, #5b48db, #796afe);margin:12px auto 16px;} .dsD01 ul li a{width:140px;height:40px;line-height:40px;border-radius:19px;font-size:16px;color:#fff;position:absolute;bottom:30px;left:50%;margin-left:-70px;background:#ff451f;background: inear-gradient(to right, #ff7456, #ff451f);} .dsD01 ul li a:hover{cursor:pointer;background:linear-gradient(to right, #ff5533, #e52700);} .dsD01 .model{ padding:40px 0 0;} .dsD01 .model .item{ width:205px; height:322px; margin-right:20px; float:left;color:#fff;text-align:center;position:relative} .dsD01 .model .item:last-child{ margin-right:0;} .dsD01 .model .item.blue{background:url(/images/modelblue.png) no-repeat center;} .dsD01 .model .item.orange{background:url(/images/modelorange.png) no-repeat center;} .dsD01 .model .item h6{ font-size:16px; margin:20px 0 50px; color:#FFF;} .dsD01 .model .item p{padding:0 15px;line-height:25px; font-size:14px;} .dsD01 .model .item .i-btn{width:90px;height:32px;line-height:32px;color:#fff;display:inline-block;border-radius:4px;position:absolute;bottom:35px;left:50%;margin-left:-45px;} .dsD01 .model .item a.oran{background:rgba(250,161,60,0.85);} .dsD01 .model .item a.oran:hover{ background:#faa13c;} .dsD01 .model .item a.blu{background:rgba(1,110,213,0.75);} .dsD01 .model .item a.blu:hover{ background:#016ed5;} @media(max-width:767px){ .dsD01{ padding:0 10px 0;} .dsD01 .cTitle{ padding:1.5rem 0;} .dsD01 .cTitle span{ font-size:1.2rem} .dsD01 ul li{ margin:0 2% .5rem 0; width:48%; height:auto; padding-bottom:4rem} .dsD01 ul li:nth-child(2n){ margin-right:0;} .dsD01 ul li img{padding:1rem 0;} .dsD01 ul li h2{ font-size:1rem;line-height:1.5;} .dsD01 ul li p{font-size:.75rem;line-height:1.5;} .dsD01 ul li .line{margin:.8rem auto;} .dsD01 ul li a{width:70%; height:36px; line-height:36px;font-size:.9rem;bottom:1rem;left:15%;margin-left:0;} .dsD01 .model{ padding:.5rem 0 0;} .dsD01 .model .item{ width:48%; height:auto; margin:0 2% .5rem 0; padding-bottom:5rem} .dsD01 .model .item:nth-child(2n){ margin-right:0;} .dsD01 .model .item:nth-child(1),.dsD01 .model .item:nth-child(4){background:url(/images/modelblue.png) no-repeat center !important; background-size:100% 100% !important;} .dsD01 .model .item:nth-child(2),.dsD01 .model .item:nth-child(3){background:url(/images/modelorange.png) no-repeat center !important;background-size:100% 100% !important;} .dsD01 .model .item h6{ font-size:1rem; margin:1rem 0 2rem;} .dsD01 .model .item p{padding:0 10px;line-height:1.8; font-size:.8rem;} .dsD01 .model .item:nth-child(3) a.oran{background:rgba(1,110,213,0.75) !important;} .dsD01 .model .item:nth-child(3) a.oran:hover{ background:#016ed5 !important;} .dsD01 .model .item:nth-child(4) a.blu{background:rgba(250,161,60,0.85) !important;} .dsD01 .model .item:nth-child(4) a.blu:hover{ background:#faa13c !important;} } /*资质代办新闻详情页*/ .dsE01{ padding:0 20px 0; width:100%;} .dsE01 .cTitle{min-width:100%; padding:30px 0;} .dsE01 .cTitle span{ margin-bottom:0;} .dsE01 ul{zoom:1;background:url(/images/step_bg.png) no-repeat center 53px; background-size:100% auto;position:relative;} .dsE01 ul li{ width:196px; margin-right:32px; float:left; text-align:center;} .dsE01 ul li:last-child{ margin-right:0;} .dsE01 .dib{ display:inline-block;*zoom:1;*display:inline;} .dsE01 ul li i{width:100px;height:100px;background:url(/images/step_icon.png) no-repeat; background-size:auto 100px;} .dsE01 ul li i.icon2{background-position:-100px 0;} .dsE01 ul li i.icon3{background-position:-200px 0;} .dsE01 ul li i.icon4{background-position:-300px 0;} .dsE01 ul li .circle{width:28px;height:28px;line-height:28px;color:white;font-size:13px;margin:0 auto;margin-top:5px; border-radius:50%;} .dsE01 ul li .circle.c1{background:#1bbc9b;} .dsE01 ul li .circle.c2{background:#ff9933;} .dsE01 ul li .circle.c3{background:#3295d3;} .dsE01 ul li .circle.c4{background:#f35f5f;} .dsE01 ul li h5{ font-size:18px; padding:12px 0 0; color:#333;} .dsE01 ul li span{ display:block; font-size:14px; color:#777; padding:8px 0 0;} .dsE01 .btnTel{ width:100%; padding:45px 0 0;} .dsE01 .btnTel p{ font-size:20px; color:#222; float:left; line-height:49px;} .dsE01 .btnTel p font{ color:#ff7f00;} .dsE01 .btnTel p span{ display:inline-block; margin-left:10px; font-size:13px; line-height:19px; color:#777;} .dsE01 .btnTel .btns{ float:right;width:394px;height:49px;border:2px solid #ff7f00;border-radius:45px;line-height:45px;overflow:hidden;position:relative;text-align:center;} .dsE01 .btnTel .btns span{width:245px;color:#666;font-size:14px;float:left;} .dsE01 .btnTel .btns span font{color:#ff7f00;font-size:21px;} .dsE01 .btnTel .btns a{display:block;position:absolute;width:139px;height:45px;background-color:#ff7f00;color:white;border-radius:49px;top:0;right:-2px;font-size:18px;} @media(max-width:767px){ .dsE01{ padding:0 10px 0;} .dsE01 .cTitle{ padding:1.5rem 0;} .dsE01 .cTitle span{ font-size:1.2rem} .dsE01 ul{background:none;} .dsE01 ul li{ width:48%; margin:0 2% .5rem 0;} .dsE01 ul li:nth-child(2n){ margin-right:0;} .dsE01 ul li i{width:80px;height:80px;background:url(/images/step_icon.png) no-repeat; background-size:auto 80px;} .dsE01 ul li i.icon2{background-position:-80px 0;} .dsE01 ul li i.icon3{background-position:-160px 0;} .dsE01 ul li i.icon4{background-position:-240px 0;} .dsE01 ul li h5{ font-size:1rem; padding:12px 0 0;} .dsE01 ul li span{ font-size:.8rem; padding:8px 10px 0; line-height:1.8; min-height:4rem} .dsE01 .btnTel{ width:100%; padding:.2rem 0 0;} .dsE01 .btnTel p{ font-size:1rem; width:100%; text-align:center; line-height:1.8; padding-bottom:.8rem} .dsE01 .btnTel p font{ color:#ff7f00;} .dsE01 .btnTel p span{ display:block; margin-left:0; font-size:.8rem; line-height:1.5;} .dsE01 .btnTel .btns{width:100%; height:44px;} .dsE01 .btnTel .btns span{width:calc(100% - 120px);font-size:.8rem; line-height:40px;} .dsE01 .btnTel .btns span font{font-size:1.2rem;} .dsE01 .btnTel .btns a{width:110px;height:40px; line-height:40px;font-size:1rem;} } @media(max-width:349px){ .dsE01 .btnTel .btns span{width:calc(100% - 110px);font-size:.7rem;} .dsE01 .btnTel .btns span font{font-size:.9rem;} .dsE01 .btnTel .btns a{width:100px;font-size:.9rem;} } .flexcc{ display: -webkit-box; /* Safari 6-9 */ display: -ms-flexbox; /* IE 10 */ display: flex; flex-wrap: wrap; -webkit-box-align: center; /* Safari 6-9 */ -ms-flex-align: center; /* IE 10 */ align-items: center; -webkit-box-pack: center; /* Safari 6-9 */ -ms-flex-pack: center; /* IE 10 */ justify-content: center; } /*圆形图标扩散效果*/ .circle dl{ width:120px; height:120px; position:relative; margin:0 auto; } .circle dd{ width:120px; height:120px; position:absolute; top:0%; left:0%; transform:scale(0); border-radius:50%; background: linear-gradient(180deg, #dc2626 , #bf0505); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite; animation:circleScale 4s linear infinite; } .circle dd:nth-of-type(2){ animation-delay:1s; } .circle dd:nth-of-type(3){ animation-delay:2s; } .circle dd:nth-of-type(4){ animation-delay:3s; } .circle dt{ cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60px; height:60px; background: linear-gradient(180deg, #dc2626 , #bf0505); border-radius:50%; } .circle dt i{ color: #FFFFFF; margin-left: 4px; font-size: 15px; } /*按钮持续扩散*/ @keyframes circleScale { 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes circleScale1 { 0% { opacity: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); transform: scale(3); } } /*侧边栏留言表单*/ .sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;} .sidequotebtn1{ display:none;} .circle dl,.circle dd{width: 90px !important;height: 90px !important;} .sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important; margin-top:0;} .sidequote{width:360px;position: fixed;z-index: 9999999;bottom: 10px;right: 10px;border-radius: 10px;background: #fff;background-size: cover;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);padding: 30px;transform-origin: bottom right;transform: scale(0);transition: all 0.3s;} .sidequote .close_btn{font-size: 24px;position: absolute;right: 20px;top: 20px;color: #00479d;cursor: pointer;} .sidequote .summary h2{font-size:20px;text-transform: capitalize;line-height: 1;margin-bottom: 10px;color: #1a1a1a;} .sidequote .summary p{font-size: 14px;line-height: 22px;} .sidequote form{display: block;} .sidequote form dl dd{margin-top: 16px;} .sidequote form dl dd span{display: block;font-size: 14px;margin-bottom: 10px;} .sidequote form dl dd span i{color: #ff232e;font-size: 14px;padding-left: 4px;} .sidequote form dl dd input{display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;line-height: 40px;color: #333;padding: 0 12px;border-radius: 4px;font-size: 14px;} .sidequote form dl dd textarea{display: block;width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 100px;border-radius: 4px;padding: 10px 12px;font-size: 14px;line-height: 22px;} .sidequote form dl dd input:focus,.sidequote form dl dd textarea:focus{border-color: #00479d;} .sidequote form dl dt{margin-top: 20px;} .sidequote form dl dt button{display: block;width: 100%;color: #FFFFFF;line-height: 42px;cursor: pointer; border:none;} .sidequote.show{transform: scale(1);} .sidebar .top-back{transition: all 0.4s;} .sidebar.show {opacity: 1;} @media(max-width:767px){ /*侧边栏留言表单*/ .sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;} .sidequotebtn{ display:none;} .sidequotebtn1{ display:block;} .sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;} .sidequotebtn dt svg{width: 20px !important;height: 20px !important;} .sidequotebtn1 dt img{width:18px !important;height: 18px !important;} } /*图片放大*/ .picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; cursor:pointer;-webkit-transform:scale(1.15); moz-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);} .picShow img{transition:all 500ms ease-out 0s; } /*右侧浮动 dc2626*/ .rightSideBar{position: fixed;right:2px;top:50%;z-index: 999;width:54px;transform: translateY(-50%);} .rightSideBar .item{width:100%;height:auto;margin-bottom:5px;transition:all .3s;cursor:pointer;position: relative;} .rightSideBar .item .icon{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;border-radius: 2px;background:linear-gradient(315deg,#dc2626,#dc2626); padding:5px 0 8px;} .rightSideBar .item .icon i{display:flex;align-items:center; height:30px;font-size:16px;color: hsla(0,0%,100%,.85);} .rightSideBar .item .icon i:before {font-size:28px;} .rightSideBar .item .icon span{ font-size:13px; color:#fff; line-height:1.3; display:block; text-align:center; letter-spacing:0;} .rightSideBar .item .float-tell{bottom:0;height:100%;border-radius:2px;font-size: 14px;color:#f32f2f;text-align: left;line-height:26px; padding:11px 10px;} .rightSideBar .item .float-tell em{ display:block; font-style:normal; font-size:18px;} .rightSideBar .item .float-tell,.rightSideBar .item .float-qr{position: absolute;right:57px;top: 0;background-color: #fff;border:0px solid #dc2626;width: 0;transition: all .3s;overflow: hidden;border-radius: 4px;opacity:0;box-shadow: 0px 1px 13px 0px rgb(23 23 23 / 16%);} .rightSideBar .item .float-qr{padding:5px;height:120px;} .rightSideBar .item .float-qr img{ max-width:100%; height:auto;} .rightSideBar .item:hover .float-tell{width:160px;opacity:1} .rightSideBar .item:hover .float-qr{width:120px;opacity:1} @media(max-width:767px){ .rightSideBar{ display:none;} .piaofu .circle{width:50px;height:50px; position:fixed;top:auto; bottom:120px;line-height:40px;font-size:30px;} .piaofu>div:nth-child(1){top:auto; bottom:180px;} .piaofu .circle a{width:35px;height:35px;margin-top:-4px;line-height:32px;} .piaofu .circle a img{ max-width:20px; height:auto;} .piaofu .anniu .circle{top:auto; bottom:60px;} }