/*
365建站器让建站和seo变得简单！
siteurl：http://soft.365jz.com*/
 body {
     padding:0;
     margin:0;
     overflow-x:hidden;
     font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif;
     color:#222222;
     font-size:12px;
     line-height:20px;
     background:#FFF;
 }

 * {
     padding:0;
     margin:0;
 }

 div,
 h1,
 h2,
 h3,
 h4,
 p,
 form,
 ul,
 label,
 input,
 textarea,
 img,
 span,
 dl,
 dt,
 dd {
     margin:0;
     padding:0;
 }

 table {
     border-collapse:collapse;
 }

 a {
     text-decoration:none;
     color:#333333;
 }

 a:hover {
     text-decoration:none;
 }

 ul {
     padding:0;
     margin:0;
 }

 li {
     list-style-type:none;
 }

 img {
     border:none;
 }

 .clear {
     clear:both;
 }

 .clear::after {
     content:"";
     display:block;
     clear:both;
 }

 .font14 {
     font-size:14px;
 }

 .padding-tb30 {
     padding:30px 0;
 }

 /* header*/
 .z74f4eheader {
     height:70px;
     background:#FFF;
     box-shadow:0 3px 4px rgb(0 0 0 / 10%);
     position:fixed;
     top:0px;
     left:0px;
     width:100%;
 }

 .z74f4eheader .logo {
     position:absolute;
     left:0;
     top:0;
 }

 .z74f4eheader .logo h1 {
     font-size:24px;
     line-height:60px;
 }

 .z74f4eheader .logo img {
     max-height:60px;
     padding:0;
 }

 .z74f4eheader .z74f4enavmenu {
     position:absolute;
     left:620px;
     top:0;
 }

 .z74f4eheader .z74f4enavmenu ul li {
     font-size:16px;
     text-align:center;
 }

 .index .z74f4enavmenu ul li:first-child {
     background:rgba(232, 235, 239, .8);
     color:#4ab344;
 }

 .z74f4eheader .z74f4enavmenu .layui-nav-child {
     top:60px;
 }

 .z74f4eheader .layui-nav-bar,
 .z74f4eheader .layui-nav-more,
 .layui-nav .layui-this:after {
     display:block;
 }

 .z74f4enavmenu ul li:hover {
     background:rgba(232, 235, 239, .8);
     color:#333;
 }

 .layui-nav .layui-nav-item a:hover,
 .layui-nav .layui-this a {
     background:rgba(232, 235, 239, .8);
     color:#66c6fa;
 }

 .layui-nav .layui-this .layui-nav-child a {
     background:#FFF;
 }

 .layui-nav .layui-this .layui-nav-child a:hover {
     background:rgba(232, 235, 239, .8);
 }

 .layui-nav .layui-this:after,
 .layui-nav-bar,
 .layui-nav-tree .layui-nav-itemed:after {
     height:2px;
     background-color:#de2826;
 }

 .z74f4eheader .search {
     position:absolute;
     right:15px;
     top:30px;
     font-size:12px;
     display:none;
 }

 .z74f4eheader .search ul li {
     position:relative;
     height:24px;
     margin-top:-12px;
 }

 .z74f4eheader .search .icon {
     color:#666;
     position:absolute;
     right:4px;
     top:5px;
     z-index:1;
     vertical-align:middle;
     background:url(/images/search.png) no-repeat;
     width:20px;
     height:20px;
 }

 .z74f4eheader .search input {
     border-radius:20px;
     background:rgba(232, 235, 239, .8);
     outline:none;
     height:24px;
     border:none;
     padding-left:10px;
     padding-right:26px;
     opacity:0.7;
     width:100px;
     -webkit-transition:opacity 0.5s ease-out, width 0.5s ease-out;
     -o-transition:opacity 0.5s ease-out, width 0.5s ease-out;
     transition:opacity 0.5s ease-out, width 0.5s ease-out;
 }

 /*
banner*/
 .swiper-container {
     width:100%;
 }

 .swiper-container img {
     max-width:100%;
 }

 .swiper-slide {
     text-align:center;
     font-size:18px;
     background:#fff;
     display:-webkit-box;
     display:-ms-flexbox;
     display:-webkit-flex;
     display:flex;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     -webkit-justify-content:center;
     justify-content:center;
     -webkit-box-align:center;
     -ms-flex-align:center;
 }

 .swiper-text {
     position:absolute;
     left:0;
     top:50%;
     margin-top:-56px;
     z-index:2;
     text-align:center;
     color:#FFF;
     width:100%;
 }

 .swiper-text h3 {
     font-size:24px;
     text-align:center;
     margin-bottom:3%;
     color:#FFF;
     line-height:24px;
 }

 .swiper-text p {
     font-size:16px;
     text-align:center;
     margin-bottom:3%;
     color:#FFF;
     line-height:24px;
 }

 .swiper-text .swiperbtn {
     display:block;
     background:#0064Cd;
     background-image:-webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d));
     background-image:linear-gradient(270deg, #1dab7d 0, #47de9d 100%);
     width:120px;
     height:40px;
     line-height:40px;
     color:#fff;
     text-align:center;
     border-radius:20px;
     margin:0 auto;
     font-size:14px;
 }

 .swiper-text .swiperbtn:hover {
     -webkit-box-shadow:0 1px 5px 0 rgb(34 178 129 / 50%);
     box-shadow:0 1px 5px 0 rgb(34 178 129 / 50%);
     -webkit-transform:translateY(-5px);
     transform:translateY(-5px);
 }

 /* 布局*/
 .grid-demo {
     padding:10px;
     line-height:50px;
     text-align:center;
     background-color:#79C48C;
     color:#fff;
 }

 /* container*/
 .z74f4esub-menu {
     background:white;
     -webkit-box-shadow:0px 0px 10px 0px rgb(0 0 0 / 12%);
     box-shadow:0px 0px 10px 0px rgb(0 0 0 / 12%);
 }

 .z74f4esub-menu ul {
     text-align:center;
     font-size:0;
 }

 .centerArea {
     max-width:1200px;
     width:calc(100% - 32px);
     margin:0 auto;
 }

 .z74f4esub-menu ul li {
     float:left;
     position:relative;
 }

 .z74f4esub-menu ul li a {
     font-size:16px;
     font-weight:400;
     color:#333333;
     line-height:24px;
     position:relative;
     padding:18px 0;
     display:inline-block;
     -webkit-transition:all 0.5s;
     transition:all 0.5s;
 }

 .z74f4esub-menu ul li.selected a {
     color:#ff5e19;
 }

 .z74f4esub-menu ul li:hover a {
     color:#ff5e19;
 }

 .z74f4esub-menu ul li.selected a::after {
     width:100%;
 }

 .z74f4esub-menu ul li:hover a::after {
     width:100%;
 }

 .z74f4esub-menu ul li a::after {
     content:"";
     width:0;
     height:4px;
     background:#ff5e19;
     position:absolute;
     bottom:0;
     left:0;
     -webkit-transition:all 0.5s;
     transition:all 0.5s;
 }

 @font-face {
     font-family:'HelveticaNeueLTPro';
     src:url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'), url('HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype')
 }

 .z74f4erow .z74f4erowtitle {
     text-align:center;
     padding:30px 0 20px 0;
     display: none;
 }

 .z74f4erow .z74f4erowtitle h1 {
     font-size:28px;
     line-height:30px;
     text-align:center;
 }

 .z74f4erow .z74f4erowtitle p {
     font-size:16px;
     line-height:30px;
     color:rgba(119, 119, 119, 1);
     font-family:Arial;
 }

 .z74f4erow .lead {
     font-size:16px;
     line-height:30px;
     text-align:center;
 }

 .z74f4erow .wow {
     background:#EFEFEF;
     -webkit-transition:.7s;
     -moz-transition:.7s;
     -o-transition:.7s;
     transition:.7s;
     padding:4px;
 }

 .z74f4erow .wow:hover {
     background:#75B439;
 }

 .z74f4erow .wow dt img {
     width:100%;
 }

 .z74f4erow .wow dd {
     padding:15px;
 }

 .z74f4erow .wow dd h1 {
     font-size:24px;
     text-align:center;
     color:#333;
 }

 .z74f4erow .wow dd p {
     color:#646464;
     font-size:14px;
     text-align:left;
     line-height:24px;
     margin-top:10px;
 }

 .z74f4erow .wow:hover dd h1,
 .z74f4erow .wow:hover dd p {
     color:#fff;
 }

 .z74f4erow .perProduct {
     position:relative;
     background:#ffffff;
     border:1px solid #e1e1e1;
     height:200px;
     box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);
     border-radius:6px;
 }

 .z74f4erow .perProduct .left {
     float:left;
     width:40%;
     height:100%;
     box-sizing:border-box;
 }

 .z74f4erow .perProduct .left img {
     top:50%;
     -webkit-transform:translate(0px, 50%);
     transform:translate(0px, 50%);
     position:relative;
     max-width:90%;
     margin:0 auto;
     display:block;
 }

 .z74f4erow .perProduct .right {
     float:left;
     width:60%;
     font-family:MicrosoftYaHei;
 }

 .z74f4erow .perProduct .right p {
     padding:24px 0 16px;
     font-family:MicrosoftYaHei-Bold;
     font-size:16px;
     color:#333333;
     letter-spacing:1px;
     line-height:28px;
 }

 .z74f4erow .perProduct .right .p {
     font-size:14px;
     line-height:28px;
     padding-right:5px;
 }

 .z74f4erow .perProduct .right .look {
     position:absolute;
     bottom:16px;
     right:15px;
     background:#2352be;
     min-width:80px;
     padding:0 10px;
     height:40px;
     font-size:14px;
     color:#ffffff;
     letter-spacing:0.88px;
     text-align:center;
     line-height:40px;
     cursor:pointer;
     transition:all .4s;
     text-decoration:none;
     box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);
     border-radius:6px;
 }

 .z74f4erow .perProduct .right .look:hover {
     background-color:#1d3a7d;
 }

 .z74f4erow .featured-image {
     text-align:center;
 }

 .z74f4erow .featured-image img {
     width:70%;
 }

 .z74f4erow .description {
     padding-top:20px;
 }

 .z74f4erow .description h2 {
     font-size:24px;
     line-height:30px;
     padding:10px;
 }

 .z74f4erow .description p {
     font-size:16px;
     line-height:30px;
     padding:4px;
 }

 a.site-down {
     position:relative;
     padding:0 30px 0 30px;
     margin:15px 0 0 6px;
     height:36px;
     line-height:36px;
     background-color:#0a6dee;
     font-size:24px;
     color:#ccc;
     transition:all .5s;
     -webkit-transition:all .5s;
 }

 a.site-down:hover {
     color:#fff;
     border-radius:30px;
 }

 .news_content {
     box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);
     border-radius:6px;
     overflow:hidden;
     background:#fff;
     -webkit-transition:.7s;
     -moz-transition:.7s;
     -o-transition:.7s;
     transition:.7s;
 }

 .news_content:hover {
     background:#EFEFEF;
 }

 .news_img {
     width:100%;
     height:180px;
     display:inline-block;
     background-repeat:no-repeat;
     background-size:cover;
     background-position:50%;
 }

 .news_info {
     padding:15px;
     width:100%;
     box-sizing:border-box;
     overflow:hidden;
     min-height:165px;
 }

 .article_title {
     font-size:16px;
     color:#333;
     text-decoration:none;
     overflow:hidden;
 }

 .news_summary {
     line-height:26px;
     color:#878787;
     margin-top:14px;
     font-size:14px;
     overflow:hidden;
 }

 /* 列表*/
 .z74f4enews_list_wrap {
     max-width:1140px;
     margin:0 auto;
 }
 .z74f4enews_list_wrap .z74f4ecol-md3{
    padding: 0px 6px;
    margin-top: 8px;
 }
 .news_list_item_line {
     padding:30px;
     position:relative;
     -webkit-transition:all 0.5s;
     transition:all 0.5s;
     opacity:1;
     filter:alpha(opacity=100);
     -webkit-transform:translate(0, 0);
     transform:translate(0, 0);
 }

 .news_list_item_line:hover {
     -webkit-box-shadow:rgba(0, 0, 0, .12) 0 0 22px;
     -moz-box-shadow:rgba(0, 0, 0, .12) 0 0 22px;
     box-shadow:rgba(0, 0, 0, .12) 0 0 22px;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px;
     background:#fff;
     color:#2ba0e8;
 }

 .news_list_item_line:hover a {
     color:#2ba0e8;
 }
 .news_list_item_header {
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-pack:justify;
     -webkit-justify-content:space-between;
     -moz-box-pack:justify;
     -ms-flex-pack:justify;
     justify-content:space-between;
     -webkit-box-align:start;
     -webkit-align-items:flex-start;
     -moz-box-align:start;
     -ms-flex-align:start;
     align-items:flex-start;
     -webkit-flex-wrap:wrap;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     margin-top:0;

 }

 .news_list_item_date {
     font-size:14px;
     color:#999;
     line-height:24px;
 }

 .news_list_item_title {
     font-size:16px;
     font-weight:400;
     color:#333;
     line-height:24px;
 }

 .news_list_item_link {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:1;
 }

 .news_list_item_summery {
     margin-top:18px;
     font-size:14px;
     color:#666;
     line-height:1.7;
     position: relative;
    bottom: 10px;
 }

 .news_list_item_group a {
     display:inline-block;
     position:relative;
     height:26px;
     line-height:26px;
     max-width:100%;
     padding:0 8px;
     border:1px solid #e5e5e5;
     margin-top:12px;
     margin-right:15px;
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     color:#999;
     font-size:12px;
     word-break:keep-all;
     overflow:hidden;
     z-index:2;
 }

 .news_list_parting_line {
     height:0;
     border-bottom:1px solid #ececec;
     margin:0 1.6666%;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
 }

/* 分页*/


 .map{
     width: 100%;
     max-height: 500px;
     background-color: #f8f8f8;
     padding: 73px 0px;
 }
.map .z74f4ecol-md12 img{
    width: 100%;
}
 
 .zzpages ul {
     float:left;
     padding:12px 0px 12px 16px;
 }

 .zzpages ul li {
     display:inline-block;
     height:35px;
     line-height:35px;
     background:#fff;
     border:1px solid #e5e5e5;
     overflow:hidden;
     vertical-align:top;
 }

 .zzpages li.thisclass {
     background:#292a32;
     border:1px solid #292a32;
     color:#fff;
 }

 .zzpages ul li:hover {
     border:1px solid #292a32;
 }

 .zzpages ul li a,
 .zzpages ul li .pageinfo {
     color:#292a32;
     padding:8px 12px;
 }

 .zzpages li.thisclass a {
     color:#fff;
 }

 .zzpages .pageinfo strong {
     color:#555;
     font-weight:normal;
     margin:0px 2px;
 }

 /* 内容*/
 .z74f4eplace {
     min-height:56px;
     background-color:#f2f3f5;
     line-height:56px;
     font-size:16px;
     padding:0 20px;
     margin:20px 0;
 }

 .z74f4ebody {
     width:100%;
     overflow-x:hidden;
     font-size:16px;
     line-height:28px;
     padding-bottom:30px;
 }

 .z74f4ebody h2 {
     font-size:20px;
     line-height:50px;
     text-align:left;
     color:#2a2e2e;
 }

 .z74f4ebody .info {
     padding-bottom:15px;
     font-family:HelveticaNeueLTPro, 微软雅黑;
 }

 .z74f4ebody .info small {
     padding:0 1px;
 }

 .z74f4ebody p {
     padding-bottom:20px;
 }

 .z74f4ebody img {
     max-width:98%;
     height:auto;
 }

 .z74f4emeta-tags {
     padding:20px 0;
 }

 .z74f4emeta-tags .z74f4etagitem {
     position:relative;
     display:inline-block;
     height:30px;
     padding:0 12px;
     font-size:14px;
     line-height:30px;
     vertical-align:top;
     border-radius:100px;
     background:#f2f3f5;
 }

 .z74f4emeta-tags .z74f4etagitem:hover {
     background-color:rgba(0, 102, 255, .15);
 }

 .z74f4emeta-tags .z74f4etagitem:not(:last-child) {
     margin-right:10px;
 }

 .z74f4econtext {
     line-height:30px;
 }

 /* 自定义内容*/
 .z74f4econtent {
     width:100%;
     font-size:16px;
     line-height:28px;
     padding-bottom:30px;
 }

 .z74f4econtent p {
     padding-bottom:20px;
 }

 .z74f4econtent .contain {
     -webkit-box-sizing:content-box;
     box-sizing:content-box;
     padding:36px 40px;
     background:#FAF7F2;
     box-shadow:0 0 15px 0 rgb(0 0 0 / 10%);
     border-radius:6px;
     -webkit-transition:.7s;
     -moz-transition:.7s;
     -o-transition:.7s;
     transition:.7s;
 }

 .z74f4econtent .contain:hover {
     background:#EFEFEF;
 }

 .z74f4econtent .contain .ch-title {
     font-size:24px;
     font-weight:600;
     color:#5d5044;
     line-height:32px;
     margin-bottom:6px;
 }

 .z74f4econtent .contain .en-title {
     font-size:16px;
     font-family:HelveticaNeueLTPro;
     color:rgba(133, 114, 90, 0.6);
     line-height:32px;
     padding-bottom:8px;
 }

 .z74f4econtent .contain .line {
     width:48px;
     height:4px;
     background:#ff9f38;
     display:inline-block;
     margin-bottom:24px;
 }

 .z74f4econtent .contain p {
     font-size:16px;
     font-weight:400;
     color:#333333;
     line-height:24px;
     text-align:justify;
 }

 /* 时间线*/
 .twtimeline {
     position:relative;
     min-height:454px;
 }

 .twtimeline::before {
     content:"";
     position:absolute;
     height:100%;
     width:2px;
     left:50%;
     top:0;
     border-left:2px dashed #ccc7c0;
 }

 .twtimeline .image {
     position:relative;
 }

 .twtimeline .img-contain {
     overflow:hidden;
     max-width:384px;
     display:inline-block;
 }

 .twtimeline .img-contain img {
     max-width:384px;
     -webkit-transition:ease-in-out 0.5s;
     transition:ease-in-out 0.5s;
 }

 .twtimeline .img-contain img:hover {
     -webkit-transform:scale(1.1);
     transform:scale(1.1);
 }

 .twtimeline .image img {
     max-width:100%;
 }

 .twtimeline .image .img-bg {
     background:#eeeeee;
     position:absolute;
     z-index:-1;
     left:34px;
     top:34px;
     height:216px;
     width:384px;
 }

 .twtimeline .text .date {
     display:block;
     text-align:left;
     padding-left:45px;
     background:url(/images/time_icon.png) no-repeat left;
     -webkit-transform:translate(-11px, -11px);
     transform:translate(-11px, -11px);
     font-family:HelveticaNeueLTPro, 微软雅黑;
     font-size:32px;
     font-weight:bold;
     margin-bottom:28px;
 }

 .twtimeline .desc {
     font-size:16px;
     font-weight:400;
     color:#333333;
     line-height:24px;
     position:relative;
     padding-bottom:28px;
 }

 .twtimeline .desc ul {
     padding-left:54px;
 }

 .twtimeline .desc ul li {
     position:relative;
     margin-bottom:10px;
 }

 .twtimeline .desc ul li::before {
     content:"";
     position:absolute;
     height:5px;
     width:5px;
     border-radius:50%;
     left:-16px;
     top:8px;
     background:#85725a;
 }

 .twtimeline .text:nth-child(odd) {
     padding:0 40px 0 48px;
 }

 .twtimeline .zda315col-md6:nth-child(odd) .date {
     text-align:right;
     background-position-x:right;
     padding-left:0;
     padding-right:45px;
     -webkit-transform:translate(54px, 0px);
     transform:translate(54px, 0px);
 }

 .twtimeline .image:nth-child(odd) {
     top:50%;
     -webkit-transform:translate(0px, 50%);
     transform:translate(0px, 50%);
     position:relative;
 }

 .twtimeline .image:nth-child(even) {
     text-align:right;
     padding-right:32px;
     position:relative;
     top:50%;
     -webkit-transform:translate(0px, 50%);
     transform:translate(0px, 50%);
 }

 .twtimeline .image:nth-child(even) .img-bg {
     background:#eeeeee;
     position:absolute;
     z-index:-1;
     left:auto;
     right:70px;
     top:34px;
 }

 /* footer*/
 .z74f4efooter {
     margin:0 auto;
     color:#5d5d5d;
     background:#282828;
     border-top:1px solid #C7CED1;
     text-align:center;
 }

 .z74f4efooter a {
     color:#5d5d5d;
 }

 .z74f4efooter a:hover {
     color:#FFF;
 }

 .z74f4efooter .z74f4eflink {
     padding-bottom:20px;
 }

 .z74f4efooter .z74f4eflink li {
     display:inline-block;
     margin-left:10px;
 }

 .z74f4efooter .footerserver {
     padding:30px 0 20px 0;
     text-align:left;
 }

 .z74f4efooter dl {
     margin:0 0 10px 50px;
 }

 .z74f4efooter dt {
     position:relative;
     font-size:16px;
     color:#fff;
     line-height:20px;
     margin-bottom:10px;
 }

 .z74f4efooter dd {
     line-height:30px;
 }

 .footerc {
     background:#000;
     color:#5d5d5d;
     padding:30px 0;
     line-height:22px;
 }

 /* diy*/
 .jz-numberBar {
     position:relative;
     margin:25px auto;
     z-index:2;
     background:#fff;
     color:#333;
     border-radius:0 0 5px 5px;
 }

 .jz-numberBar .f-num {
     font-size:40px;
     line-height:1;
     vertical-align:middle;
     font-family:HelveticaNeueLTPro, 微软雅黑;
 }

 .f-numberItem-safeRun .text-day {
     margin-left:13px;
     vertical-align:middle;
     line-height:45px;
     font-size:18px;
     color:#3a405b;
 }

 .jz-numberBar .f-numberDesc {
     width:auto;
     font-size:18px;
     color:#989baf;
     vertical-align:middle;
     line-height:45px;
     margin-left:14px;
 }

 .f-numWrap {
     text-align:center;
 }

 .main06 {
     width:100%;
     background-color:rgb(249 249 249);
     height:250px;
 }
 .main06 .z74f4ecol-md3{
    margin-top: 11px;
}
 
.guide .mdetitle dl{
    margin-bottom: 55px
}

 /* mobile*/
 @media only screen and (max-width:1140px) {
     .z74f4eheader .logo {
         left:10px;
     }


 }

 @media only screen and (max-width:600px) {
     .footerserver .z74f4ecol-md4 {
         width:50%;
         float:left;
     }

     .z74f4eheader .logo {
         display:block;
         height:60px;
         width:137px;
         position:absolute;
         left:50%;
         top:0px;
         margin-left:-68px;
     }

     .z74f4eheader .z74f4enavmenu {
         display:block;
         position:fixed;
         background:#fff;
         width:200px;
         height:100%;
         right:0px;
         left:0px;
         padding-top:90px;
         z-index:99;
         transform:translate(-260px, 0);
         opacity:0.8;
         transition:transform 0.25s ease-out, opacity 0.25s ease-out;
     }

     .z74f4eheader .search {
         display:none;
     }

     .icon_menu {
         display:block;
         height:20px;
         width:20px;
         position:absolute;
         left:21px;
         top:18px;
         z-index:100;
     }

     .icon_menu .i_menu {
         display:block;
         background:url(/images/icon_menu_hover.png) no-repeat center;
         background-size:100% 100%;
         width:20px;
         height:20px;
         margin-top:0;
     }

     .icon_menu .i_close {
         display:none;
         height:14px;
         width:15px;
         background:url(/images/icon_menu_close.png) no-repeat 0 0;
         background-size:contain;
         position:fixed;
         left:21px;
         top:21px;
         z-index:4;
     }

     .bg_hover {
         display:none;
         height:100%;
         width:100%;
         position:fixed;
         left:0px;
         top:0px;
         background:rgba(0, 0, 0, 0.2);
         z-index:98;
     }

     .z74f4eheader .z74f4enavmenu ul li {
         display:block;
         float:none;
         height:63px;
     }

     .swiper-container {
         height:120px;
     }

     .swiper-container img {
         width:100%;
         max-width:100%;
         min-height:100%;
     }

     .swiper-text {
         margin-top:-42px;
     }

     .swiper-text h3 {
         font-size:18px;
     }

     .swiper-text p {
         font-size:14px;
     }

     .z74f4erow .description {
         text-align:center;
     }

     .z74f4erow .description p {
         text-align:left;
     }

     .twtimeline .image {
         display:none;
     }

     .twtimeline::before {
         left:0;
     }

     .twtimeline .text:nth-child(odd) {
         padding:0;
     }

     .twtimeline .zda315col-md6:nth-child(odd) .date {
         text-align:left;
         background-position-x:left;
         padding-left:45px;
         -webkit-transform:translate(-11px, -11px);
         transform:translate(-11px, -11px);
     }
 }

 .w100 {
     width:100%;
 }
.subhead{
    margin-top: 71px;
}
 .layui-nav .layui-nav-item {
     line-height:70px;
 }

 .mdetitle {
     margin-top:40px;
 }

 .mdetitle dl {
     text-align:center;
     margin:auto;
 }

 .mdetitle dl dt {
     color:#cccccc;
     font-size:14px;
     line-height:52px;
 }

 .mdetitle dl dd {
     color:#555555;
     font-size:35px;
 }

 .Quickservice .z74f4emain {
     margin-top:52px;
 }

 .Quickservice .z74f4ecol-md2 {
     width:20%;
 }

 .Quickservice .z74f4ecol-md2 a {
     display:block;
     text-align:center;
 }

 .Quickservice .z74f4ecol-md2 a p {
     font-size:18px;
     color:#555555;
     line-height:50px;
 }

 .Quickservice .z74f4ecol-md2 a img {
     text-align:center;
 }

 .Studentprocess {
     background-image:url(../images/bcg02.gif);
     background-size:100% auto;
     height:auto;
     background-repeat:no-repeat;
 }

 .Studentprocess .z74f4ecol-md2 {
     text-align:center;
 }

 .m2 {
     margin-top:60px;
 }

 .m2 p {
     line-height:40px;
 }

 .Studentprocess .z74f4emain {
     padding-bottom:55px;
 }

 .class_type {
     background-color:#82bffe;
     width:100%;
     height:800px;
     padding:35px 0px;
     clear: both;
 }

 .class_type .mdetitle dl dt,
 .class_type .mdetitle dl dd {
     color:#fff;
 }

 .mdec01 {
     background-color:#fff;
     /* height:200px; */
     border-radius:16px;
 }
.mdec02{
    background-color: #ecececba;
}
 .mdec01 div {
     text-align:center;
     padding:12px 14px 0px 12px;
 }

 .mdec01 div img {
     max-width:100%;
     height: 113px;
 }

 .mdec01 div a{
     color:#66b1ff;
     font-size:18px;
     line-height:47px;
     border: none;
 }

 .mdec01 p {
     font-size:13px;
     color:#858585;
 }

 .class_type a {
     width:200px;
     display:block;
     height:50px;
     border:3px solid #fff;
     text-align:center;
     font-size:17px;
     color:#fff;
     font-weight:bold;
     line-height:50px;
     margin:auto;
     margin-top:50px;
 }
 .class_type .z74f4ecol-md3{
    padding: 0px 5px;

 }
.mdec01 a{
     margin-top: 0;
 }
 .class_type a:hover {
     font-family:宋体;
     font-weight:bold;
 }

 .class_type .z74f4emain {
     margin-top:120px;
 }

 .class_type .z74f4emain .z74f4erow .css365pre-col-md3 {
     width:23%;
     float:left;
     margin:0px 7px;
 }

 .Studentdriver {
     background-image:url(../images/bcg03.gif);
     background-size:100% auto;
     /* height:527px; */
     background-repeat:no-repeat;
 }

 .Studentdriver dl dt {
     font-size:30px;
     color:#222222;
 }

 .Studentdriver dl dd span {
     color:#ff7836;
 }

 .Studentdriver .z74f4ecol-md4 dl {
     line-height:50px;
 }

 .Studentdriver .z74f4ecol-md4 dl dd:nth-of-type(1) {
     font-size:14px;
     color:#888888;
 }

 .Studentdriver .z74f4ecol-md4 dl dd:nth-of-type(2) {
     font-size:14px;
     color:#333333;
 }

 .Studentdriver .z74f4ecol-md4 {
     text-align:center;
     margin-top:70px;
 }

 .Studentdriver .z74f4ecol-md4 a {
     display:block;
     width:254px;
     height:50px;
     background:#ffffff;
     border-radius:50px;
     font-size:14px;
     text-align:center;
     color:#555555;
     line-height:50px;
     margin:40px auto;
 }

 .Studentdriver .z74f4ecol-md8 {
     margin-top:57px;
 }

 .Studentdriver .z74f4ecol-md8 div {
     background-color:#ffffff;
 }

 .Studentdriver .z74f4ecol-md8 div dl {
     padding:19px 174px;
 }

 .Studentdriver .z74f4ecol-md8 div dl dt {
     font-size:18px;
     color:#555555;
     line-height:35px;
 }

 .Studentdriver .z74f4ecol-md8 div dl dd {
     font-size:14px;
     color:#888888;
     line-height:30px;
 }

 .Studentdriver .z74f4emain {
     width:90%;
 }

 .evaluation .z74f4emain {
     margin-top:40px;
 }

 .evaluation .z74f4emain .z74f4ecol-md6 a h4 {
     font-size:14px;
     color:#999999;
     line-height:47px;
 }

 .evaluation .z74f4emain .z74f4ecol-md6 p {
     font-size:14px;
     color:#555555;
 }

 .evaluation .z74f4emain .z74f4ecol-md6 {
     padding:20px 20px;
 }

 .evaluation .z74f4emain .z74f4ecol-md6 div {
     background-color:#ffffff;
     box-shadow:0 3px 4px rgb(0 0 0 / 10%);
     padding:42px 10px;
 }

 .Introduction {
     background-image:url(../images/bcg04.gif);
     background-size:100% auto;
     height:527px;
     background-repeat:no-repeat;
 }

 .Introduction .mdetitle dl dt,
 .Introduction .mdetitle dl dd {
     color:#ffffff;
 }

 .Introduction .z74f4ecol-md12 dl dt {
     font-size:22px;
     color:#444444;
     line-height:45px;
 }

 .Introduction .z74f4ecol-md12 dl dd {
     font-size:14px;
     color:#777777;
     line-height:21px;
     text-overflow: ellipsis;
 }

 .Introduction .z74f4ecol-md12 {
     background-image:url(../images/bcg05.gif);
     background-size:100% auto;
     height:200px;
     background-repeat:no-repeat;
     padding:4% 7%;
 }

 .Introduction .z74f4ecol-md3 div {
     padding:0px 10px;
 }

 .Introduction .z74f4ecol-md3 div a img {
     max-width:100%;
 }

 .Introduction .z74f4ecol-md3 div a span {
     display:block;
     opacity:0;
     width:100%;
     height:100%;
     background:#fff;
     transition:opacity .5s;
     -moz-transition:opacity .5s;
     /* Firefox 4*/
     -webkit-transition:opacity .5s;
     /* Safari 和 Chrome*/
     -o-transition:opacity .5s;
     /* Opera*/
     position:absolute;
     left:0;
     top:0;
     padding:30% 0px;
     text-align:center;
     font-size:18px;
     color:#32adf7;
 }

 .Introduction .z74f4ecol-md3 div a span:hover {
     opacity:.5;
 }

 .Introduction .z74f4emain {
     margin-top:3%;
 }

 .guide {
     margin-top:7%;
     margin-bottom: 4%;
 }

 .guide .z74f4ecol-md4 div {
     background-color:rgb(248 248 248);
     padding:9% 22%;
 }

 .guide .z74f4ecol-md4 div p {
     font-size:14px;
     text-align:center;
     color:#555555;
     margin-top:7%;
 }

 .guide .z74f4ecol-md4 ul {
     float:left;
 }

 .guide .z74f4ecol-md4 a img {
     max-width:100%;
 }

 .guide .z74f4ecol-md8 ul {
     padding:0% 0%;
 }

 .guide .z74f4ecol-md8 ul li {
     float:left;
     max-height:32px;
     margin:1% 3%;
     width:44%;
     overflow-x:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
 }

 .guide .z74f4ecol-md8 ul li a {
     overflow:hidden;
 }

 .guide .z74f4ecol-md8 ul li:hover {
     box-shadow:0 3px 4px rgb(0 0 0 / 10%);
     background:rgb(255 255 253);
 }

 .swiper-container {
     margin-top:71px;
 }

 /* 返回頂部*/
 #back-top {
     position:fixed;
     z-index:200;
     opacity:1;
     transition:bottom .3s ease;
     width:66px;
     height:70px;
     right:21px;
     bottom:47px;
     box-sizing:border-box;
 }

 #back-top.hid {
     opacity:0;
 }

 #back-top .back_top_content {
     position:absolute;
     left:50%;
     margin-left:-24px;
     bottom:calc(50% - 7px);
     margin-bottom:-24px;
     transition:bottom .3s ease;
 }

 #back-top:hover .back_top_content {
     bottom:50%
 }

 .back_top_content .svg_0 {
     width:48px;
     height:48px;
 }

 .back_top_content svg {
     cursor:pointer;
 }

 .sngin_up {
     width:100%;
     height:200px;
     background-color:#fff;
     padding-top:4%;
     clear: both;
 }

 .sngin_up dt {
     font-size:24px;
     color:#222222;
     line-height: 30px;
 }

 .sngin_up dd {
     font-size:14px;
     color:#999999;
     line-height:60px;
 }

 .sngin_up a {
     display:block;
     width:240px;
     height:55px;
     color:#ffffff;
     font-size:14px;
     text-align:center;
     line-height:55px;
     background-color:#38b5f8;
     margin:auto;
 }
 .subhead{
     width: 100%;
 }
.Serviceguarante
{
    clear: both;
    margin-top: 8%;
}
.Serviceguarante .z74f4emain{
    margin-top: 4%;
}
.Serviceguarante .z74f4emain .z74f4ecol-md6{
    text-align: center;
}
.Serviceguarante .z74f4emain .z74f4ecol-md6 dl dt{
    font-size: 18px;
    color: #555555;
    line-height: 80px;
}
.Serviceguarante .z74f4emain .z74f4ecol-md6 dl dd{
    font-size: 14px;
    color: #999999;
}
.Honorary{
    width: 100%;
    background-color: #f9f9f9;
    height: 500px;
}
.Honorary .z74f4emain{
    margin-top: 44px;
}
.Honorary .z74f4ecol-md3{
    height: auto;

    padding: 1%;
}
.Honorary .z74f4ecol-md3 a{
    display: block;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
}
.Honorary .z74f4ecol-md3 a img{
    max-width: 88%;
    margin-top: 21px;
}
.Honorary .z74f4ecol-md3 a  p{
    font-size: 14px;
    color: #666666;
    line-height: 44px;
}
.Contact_us{
    margin-top: 55px;
}
.Contact_us .z74f4ecol-md3 {
    text-align: center;
}
.Contact_us .z74f4ecol-md3 dl dt{
    font-size: 14px;
    color: #888888;
}
.Contact_us .z74f4ecol-md3 dl dd{
    font-size: 14px;
    color: #606060;
}
.swiper-text .ct{
    color: #fff;
} 
.over{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.driverover dt{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; 
}
.driverover dd{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* >1280 */
 @media screen and (min-width:1024px) and (max-width:1280px) {
     .z74f4eheader .z74f4enavmenu {
         position:absolute;
         left:463px;
         top:0;
     }

     .Studentdriver {
         background-image:url(../images/bcg03.gif);
         background-size:100% auto;
         height:253px;
     }
     .main06 a{
        padding: 0px 56px;
     }
     .z74f4enews_list_wrap .z74f4ecol-md3{
        width: 50%;
        float: left;
    }
    .mdetitle {
        margin-top: 19px;
    }
    }
     /* ##平板电脑/Ipad竖屏*/
     @media screen and (min-width:768px) and (max-width:1023px) {
         .z74f4eheader .z74f4enavmenu {
             position:absolute;
             left:220px;
             top:0;
         }
         .z74f4enews_list_wrap .z74f4ecol-md3{
            width: 50%;
            float: left;
        }
        .mdetitle {
            margin-top: 17px;
        }
     }

     /* ##低分辨率的平板电脑或横屏的手机*/
     @media screen and (min-width:481px) and (max-width:767px) {
         .class_type .z74f4emain .z74f4erow .css365pre-col-md3 {
             width:49%;
             float:left;
             margin:5px 2px;
         }

       
     }

     /* 多数竖屏的智能手机*/
     @media screen and (min-width:320px) and (max-width:480px) {
         .Studentprocess {
             background:none;
         }

         .mdec01 {
             width:96%;
             /* height:180px;*/

         }

         .class_type {
             height:200px;
         }

         .class_type .z74f4emain .z74f4erow .css365pre-col-md3 {
             width:100%;
             padding:6px 0px;
         }

         .class_type .z74f4emain .z74f4erow .css365pre-col-md3 p {
             display:none;
         }
         .Introduction {
            background-image:url(../images/bcg04.gif);
            background-size:100% 18%;
            height:527px;
            background-repeat:no-repeat;
        }
        .sngin_up{
            padding: 11% 0%;
        }
        .sngin_up dl{
            margin: 0px;
        }
        /* .class_type .z74f4ecol-md3 {
            padding: 7px 5px;
        } */
        .mdec01 div a{
            position: relative;
    right: 34px;
        }
        .mdec02 div a{
            position: relative;
    right: 8px;
        }
        .imgbox{
            width: 100%;
        }
     }

     /* 公共*/
     @media screen and (min-width:320px) and (max-width:1280px) {
         .Quickservice .z74f4ecol-md2:nth-of-type(1) {
             width:50%;
             float:left;
         }

         .Quickservice .z74f4ecol-md2:nth-of-type(2) {
             width:50%;
             float:left;
         }

         .Quickservice .z74f4ecol-md2:nth-of-type(3) {
             width:33.33%;
             float:left;
         }

         .Quickservice .z74f4ecol-md2:nth-of-type(4) {
             width:33.33%;
             float:left;
         }

         .Quickservice .z74f4ecol-md2:nth-of-type(5) {
             width:33.33%;
             float:left;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(1) {
             width:100%;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(2) {
             width:50%;
             float:left;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(3) {
             width:50%;
             float:left;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(4) {
             width:33.333%;
             float:left;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(5) {
             width:33.333%;
             float:left;
         }

         .Studentprocess .z74f4ecol-md2:nth-of-type(6) {
             width:33.333%;
             float:left;
         }

         .Studentprocess {
             background:none;
         }

         .Studentdriver .z74f4ecol-md8 div dl {
             padding:0px 15px;
         }

         .Studentdriver .z74f4ecol-md4 a {
             background:#82bffe;
             margin:auto;
         }
         .evaluation {
             margin-top:104px;
         }
         .Introduction .z74f4ecol-md3{
            width: 50%;
            float: left;
         }
         .guide .mdetitle{             
            clear: both;
         }
         .guide .z74f4emain{
            margin-top: 7%;
         }
         .layui-nav {
            position: relative;
            padding:0px;
            }
            .Introduction .z74f4ecol-row div {
                padding: 4px 9px;
            }
            .Contact_us .z74f4ecol-md3{
                width: 50%;
                float: left;
                max-height: 153px; 
                 margin-top: 41px;

            }
            .class_type .z74f4ecol-md3
            {
                width: 50%;
                float: left;
                margin-top: 8px;
            }
            .Honorary .z74f4ecol-md3{
                width: 50%;
                float: left;
            }

     }