@charset "utf-8"; /* CSS Document */ #service {font-size:14px; padding-bottom:45px;} #service div{ margin-bottom:15px;} #service h1{ font-weight:300; font-size:36px; padding:20px 0;} #service h3{ height:66px; line-height:66px; font-size:24px;font-weight:200; margin-bottom:15px;} #service .serbg{padding:19px; background:url(../img/serbj.png) no-repeat center center; color:#FFF; font-weight:normal; font-size:20px; margin-right:10px;} .ser1{ padding-left:280px; background:url(../upload/ser1.jpg) no-repeat 0px 20px;} .ser2{ padding-left:280px;background:url(../upload/ser2.jpg) no-repeat 0px 20px;} .ser3 li{ float:left; display:inline; padding:20px; background-color:#e7e7e7; min-height:300px; width:350px;} .ser3 h4{ color:#F60;height:106px; font-size:16px;} .ser3 p{ line-height:24px;} .ser4 li{float:left; display:inline; padding:20px; border:solid 1px #BBBBBB; width:190px;height:45px;} .lylist h3{ font-size:30px;font-weight:200; color:#F90;} .lylist span{ color:#898989; font-size:16px;} .feebback{ padding-top:30px;} .feebback h3{ font-size:30px;font-weight:200; color:#F90;} .feebback span{ color:#898989; font-size:16px;} .submit_intro{ text-align: center; height:490px; width:1200px; margin:20px auto 0 auto; } .form_ser{} .submit_intro .type_info{ width:530px; float:left;position: relative; display:inline; margin-right:16px; margin-top:35px; margin-left:35px;} .type_info>label { position: absolute; top: 10px; left: 15px; line-height: 30px; background: none; border-radius: 0; color: #999; font-weight: normal; } .submit_intro input:focus,.submit_intro textarea:focus{ outline:none; } .submit_intro img{ margin-bottom:0px; } .submit_intro .type_info input{ width: 100%; padding: 8px 10px; height: 32px; border-radius: 5px; border: 1px solid #e2e2e2; text-indent:60px; line-height:32px; } .submit_intro .type_info img{ position: absolute; top: 18px; right: 0px; } .submit_intro .ft{ position: relative; padding-top:35px; } .submit_intro textarea{ padding: 16px; height: 117px; width: 1100px; border-radius: 5px; border: 1px solid #e2e2e2; } .submit_intro button{ background-color: #f08200; border: none; border-radius: 5px; height: 46px; width: 30%; margin: 20px 0; color: white; } .comments{ width:1200px; margin:35px auto;} .comments li{ width:530px; float:left; padding:20px;margin-bottom:45px; border:solid 1px #dedede; overflow:hidden; min-height:220px;} .comments .head{ line-height:48px;} .comments .img{width:20%; text-align:center;} .comments .text{ width:78%;} .comments .cont{ margin-bottom:25px;} .S1200 {width:1200px;margin: 0 auto;position: relative;overflow: hidden;} .service_title {text-align: center;margin-bottom:30px;} .service_title p {font-size:28px;color: #4b4b4b;} .service_title span {display: block;margin-top: 0.8rem;font-size: 1.05rem;color: #005064;} .service_a {background: #f7f7f7;padding-top: 1.875rem;padding-bottom: 2.0rem;} .service_a ul {width: 30.0rem;max-width: 94%;margin: 0 auto;} .service_a ul li { width: 20%; float: left;cursor: pointer;text-align: center;} .service_a ul li img { display: block; margin: 0 auto 0.75rem;} .service_a ul li img:nth-child(2) { display: none;} .service_a ul li:hover img { display: none;} .service_a ul li:hover img:nth-child(2) { display: block;} .service_a ul li p {font-size: 0.75rem;color: #666666; margin-bottom: 0.375rem;} .service_a ul li .des {line-height: 1.5;} .service_a ul li .des span {display: block;font-size: 0.4rem;color: #666666;} .service_b {background: #fff;padding-top: 2.375rem;padding-bottom: 1.75rem;} .service_b ul {width: 86%;margin: 0 auto;padding-top: 0.875rem;} .service_b ul li {box-sizing: border-box;width: 45%;float: left;padding-left: 4.125rem;position: relative;margin-bottom: 1rem;} .service_b ul li:nth-child(2n) {float: right;} .service_b ul li img {display: block;width:3.525rem;position: absolute;left: 0;top: -0.75rem;} .service_b ul li h3 {font-weight: normal;font-size: 0.6rem;color: #4b4b4b;margin-bottom: 0.5rem;} .service_b ul li .des span {display: block;font-size: 14px;line-height: 0.5rem;color: #999999;} .service_wb{padding-top:50px;padding-bottom:50px;background-color:#fff;} .service_c {padding-top:50px;padding-bottom:50px;background-color: #f1f1f1;} .service_banner{width:81%;margin: 0 auto;height:3.25rem;overflow: hidden;} .service_banner .wb_pro{display:block;width:auto;height:3.25rem;text-align: center;line-height:3.25rem;} .service_banner .cur .wb_pro{background-color: #eee;border:1px solid #ccc;} .service_c ul {width:100%;margin: 0 auto;border-top: 1px dashed #b4b4b4;} .service_c ul .tt {padding-left:50px;padding-top:10px;padding-bottom:10px;border-bottom: 1px dashed #b4b4b4;font-size: 18px;color: #797979;background-repeat: no-repeat;background-position: 0.15rem center;position: relative;padding-right: 1.5rem;cursor: pointer;} .service_c ul .tt span {width: 21px;height: 11px; background: url(../img/icon_down.png);background-size: 100% 100%; position: absolute;right: 0.65rem; top: 50%;margin-top: -5.5px; -webkit-filter: grayscale(100%);/* Chrome, Safari, Opera */filter: grayscale(100%);opacity: 0.6;transition: all 0.3s;} .service_c ul .tt.on span {transform: rotate(-180deg); -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%); opacity: 1;} .service_c ul .des {padding:10px 10px;line-height:30px;font-size:15px;color: #646464;border-bottom: 1px dashed #b4b4b4;display: none;} .service_c ul .des .dot {color: #005064;} .service_c .box {text-align: center;width:98%;margin: 0.65rem auto 0;} .service_c .box .notice {font-size:16px;color: #666666;text-align: left;} .service_c .box .tt {font-size: 0.9rem;color: #4b4b4b;margin-bottom: 0.875rem;margin-top: 3.125rem;} .service_c .box img {display: block;margin: 0 auto;} .service_c .box p {font-size: 14px;color: #999999;margin-top: 0.05rem;}