@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(../images/serbj.png) no-repeat center center; color:#FFF; font-weight:normal; font-size:20px; margin-right:10px;}
.ser1{ padding-left:280px; background:url(../images/ser1.jpg) no-repeat 0px 20px;}
.ser2{ padding-left:280px;background:url(../images/ser2.jpg) no-repeat 0px 20px;}
.ser3 li{ float:left; display:inline; padding:20px; background-color:#e7e7e7; min-height:320px; width:32.5%;}
.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:19%;min-height:110px;}

.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;}
.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(../images/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;}