@import url("pcbase.css");

.zj_section {margin-bottom: 60px;}
.zj_section_title {text-align: center;margin: 25px 0 25px 0;}
.zj_section_title h4 {font-size: 36px;font-weight: normal;margin: 0;}
.zj_section_title h4 strong {color: #0c75bd;}
.zj_section_title h4:after {display: block;margin: 10px auto;height: 2px;width: 60px;background-color: #000;content: '';}
.zj_section_title p {margin: 0;font-size: 24px;}


.zj_server_in {padding-top: 60px;background: url(../images/mapbg.jpg) no-repeat center 0;}
.zj_server_in ul {margin:0 0 60px 0 !important;}
.zj_server_in li {float: left;width: 25%;text-align: center;}
.zj_server_in li h4 {margin: 0 0 14px;font-size: 16px;line-height: 44px;background: url(../images/ico09.gif) no-repeat center bottom;}
.zj_server_in li .num {font-size: 16px;}
.zj_server_in li .num strong {font-size: 40px;line-height: 1;padding-right: 5px;}
.zj_server_in li small {font-size: 14px;color: #999;}
.zj_server_in li p {margin: 30px 0 0;padding: 0 50px;}
.zj_server_in .more {display: block;margin: 0 auto;line-height: 40px;width: 220px;background-color: #0c75bd;color: #fff;text-align: center;border-radius: 20px;}

.zj_pro{ margin-top: 50px;}
.zj_pro .zj_section_title{ margin-bottom: 45px;}
.zj_prd_sd {float: left;width: 264px;border: 1px solid #0c75bd;}
.zj_prd_sd .layui-collapse{ height: 616px;}
.zj_prd_sd_title {padding: 20px;background-color: #0c75bd;color: #fff;text-align: center;font-size: 0;}
.zj_prd_sd_title span {display: block;font-size: 24px;margin-bottom: 5px;}
.zj_prd_sd_title small {display: inline-block;font-size: 12px;vertical-align: middle;color: #7fd0fd;text-transform: uppercase;border: 1px solid #7fd0fd;padding: 0 5px;position: relative;}
.zj_prd_sd_title small:before,.zj_prd_sd_title small:after {content: '';width: 50px;height: 1px;background-color: #7fd0fd;position: absolute;top: 50%;}
.zj_prd_sd_title small:before {right: 100%;}
.zj_prd_sd_title small:after {left: 100%;}
.zj_prd_sd li {border-bottom: 1px solid #eee;}
.zj_prd_sd li a {display: block;line-height: 50px;background: url(../images/ico03.gif) no-repeat 0px center;padding-left: 28px;font-size: 14px;border-left: 2px solid transparent;}
.zj_prd_sd li a:hover {color: #0c75bd; background-image: url(../images/ico04.gif);}
.zj_prd_sd .tel {background: url(../images/pro_pho.gif) no-repeat 24px center #0c75bd;padding: 24px 24px 24px 72px;color: #fff;}
.zj_prd_sd .tel strong {display: block;line-height: 30px;font-family: 'Times New Roman';font-size: 28px;}

.zj_prd_mn {float: right;width: 900px;}
.zj_prd_img {position: relative;overflow: hidden;border: 1px solid #ddd;margin-bottom: 20px;}
.zj_prd_img li a {display: block;height: 328px;position: relative;text-align: center;font-size: 0;}
.zj_prd_img li img {max-width: 100%;max-height: 100%;width: auto;height: auto;display: inline-block;vertical-align: middle}
.zj_prd_img li p {position: absolute;margin: 0;background: url(../images/bg01.png) repeat;font-size: 18px;color: #fff;width: 100%;bottom: 0;left: 0;}
.zj_prd_img li span {display: block;line-height: 28px;text-align: left;padding: 10px 60px 10px 20px;}
.zj_prd_img .next {position: absolute;z-index: 2;right: 0;bottom: 0;width: 43px;height: 48px;background: url(../images/next.gif) no-repeat 0 0;}


.list-1 {margin-left: -20px;}
.list-1 li {float: left;width: 33.333333%;}
.list-1 li a {display: block;margin: 0 0 20px 20px;}
.list-1 li .m {position: relative;font-size: 0;height: 215px;text-align: center;line-height: 215px;}
.list-1 li .m img {width: 100%;height: 100%;display: inline-block;vertical-align: middle}
.list-1 li .m span {position: absolute;top:0;height:0;left: 0;transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);background:url(../images/bg01.png) repeat;text-align: center;width: 100%;overflow: hidden;}
.list-1 li .m span em {font-style: normal;color: #fff;font-size: 14px;background: url(../images/ico05.png) no-repeat center 15px;border-top: 1px solid #c8c5c4;border-bottom: 1px solid #c8c5c4;line-height: 20px;width: 140px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 50px 0 10px;height: auto;position: absolute;left: 50%;margin-left: -70px;top: 50%;margin-top: -41px;}
.list-1 li a:hover .m span {height: 100%;}
.list-1 li .text {border-bottom: 1px solid #ddd;text-align: center;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-1 li a:hover .text {border-color: #0c75bd;color: #0c75bd;}


.zj_plan_in {background: url(../images/planbg.jpg) no-repeat center bottom;}
.zj_plan_in .shd {background-color: #EAEAEA;}
.zj_plan_in .shd li,.zj_plan_in .shd .more {float: left;width: 33%;}
.zj_plan_in .shd li a,.zj_plan_in .shd .more a {display: block;padding-left: 160px;background: url(../images/ico01.gif) no-repeat 130px center;border-top: solid 3px transparent;line-height: 80px;font-size: 18px;border-left: 1px solid #ccc;}
.zj_plan_in .shd li.on a {background-color: #fff;border-top-color: #0c75bd;background-image: url(../images/ico02.gif);color: #0c75bd;}
.zj_plan_in .shd .more {float: right;}
.zj_plan_in .shd .more a {border-right: 1px solid #ccc;}
.zj_plan_in .sbd dl {margin: 45px 0;overflow: hidden;}
.zj_plan_in .sbd dt {float: left;width: 198px;border: 1px solid #0c75bd;color: #0c75bd;line-height: 72px;text-align: center;font-size: 30px;}
.zj_plan_in .sbd dd {margin-left: 230px;}
.zj_plan_in .sbd dd h4 {margin: 0;font-size: 18px;font-weight: normal;color: #0c75bd;}
.zj_plan_in .sbd dd h4 a {color: #0c75bd;}
.zj_plan_in .sbd dd p {margin: 10px 0 0;color: #666;}
.zj_plan_in .sbd .big {float: left;width: 895px;height: 505px;overflow: hidden;margin-top: 19px;}
.zj_plan_in .sbd .big img {display: block;width: 100%;height: auto;}

.zj_plan_in .picScroll-top {float: right;width: 305px;height: 505px;overflow: hidden; margin-top: 19px;}
.zj_plan_in .list-1 {margin: 0;}
.zj_plan_in .list-1 li {width: 100%;float: none;margin-bottom: 20px;}
.zj_plan_in .list-1 li a {margin: 0;}
.zj_plan_in .list-1 li .m {height: 155px;line-height: 155px; width: 248px; margin-left: 57px;}



.link{font-family: "Microsoft YaHei"; margin: 40px 0 25px 0;}
.link p{width:1200px; margin: 0 auto;height: 30px; position: relative;}
.link p:before{content:''; width: 100%; border-bottom:1px solid #ccc; position: absolute; top: 11px;}
.link p b{ display: block; background:#fff; color: #2e2e2e;font-size: 16px; width: 72px; z-index: 999999;    position: relative;}
.link span{ display: block;}
.link span a{display: block;color: #5a5a5a;font-size: 14px; margin:0 25px 10px 0; float:left;}
.link span .none{padding-right: 0}

.zj_yst{ height:212px; overflow:hidden; background:url(../images/edgetil.gif) no-repeat center top;    margin-top: 25px;}
.zj_yst h2{ height:58px; font:30px "Microsoft YaHei"; font-weight:bold; line-height:55px; color:#0F4DA0; padding-top:95px; width: 100%; text-align: center; margin-left: 341px;}
.zj_yst h2 em{ font-weight:normal; color:#fff; padding-left:70px;}
.zj_yst h2 i{ display:block; font:16px Arial; text-transform:uppercase; color:#b8e5fe; padding-top:28px;}

.about h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin: 25px auto 35px auto; background:url(../images/tit.jpg) no-repeat center 55px;}
.about h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}
.about{height: 588px;padding-top: 10px;}
.ab dt{float: right;width: 575px;height: 401px; overflow: hidden;}
.ab dd{width: 585px;float: left;height: 401px; overflow: hidden;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #0c75bd;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size: 16px;color: #423f3b;font-weight: normal;display: block;padding-bottom: 20px;}
.ab dd p{font-size: 14px;color: #555;line-height: 27px;margin-top: 10px;}
.ab span a{margin-top: 16px;display: inline-block;}
.ab span a{ display: inline-block; width: 144px; height: 36px; text-align: center; line-height: 36px; color: #fff; border-radius: 50px;}
.ab span a.xq{margin-right:20px; background: #0c75bd;}
.ab span a.zx{background: #e83f04;}
.about .intro{ height:238px; overflow: hidden;}


.zj_news h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin: 25px auto 35px auto; background:url(../images/tit.jpg) no-repeat center 55px;}
.zj_news h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}
.zj_news_in {width: 550px;}
.zj_news_in .tit {border-bottom: 1px solid #ddd;height: 47px;margin-bottom: 20px;}
.zj_news_in .tit span {display: inline-block;border-bottom: 2px solid transparent;line-height: 46px;font-size: 18px;vertical-align: top;cursor: pointer;}
.zj_news_in .tit span.on {border-color: #0c75bd;color: #0c75bd;}
.zj_news_in .tit i.pipe {color: #ccc;padding: 0 10px;line-height: 46px;vertical-align: top;}
.zj_news_in .tit .more {float: right;line-height: 46px;text-transform: uppercase;}
.zj_news_in .tou {margin: 0 0 6px 0;padding-bottom: 6px;border-bottom: 1px solid #ddd;}
.zj_news_in .tou dt {height: 140px;overflow: hidden;position: relative;}
.zj_news_in .tou dt img {display: block;width: 100%;height: auto;}
.zj_news_in .tou dt span {position: absolute;width: 161px;height: 140px;left: 0;top: 0;text-align: center;line-height: 140px;color: #fff;font-weight: bold;background: url(../images/newtbg.gif) no-repeat 0 0;font-size: 28px;text-transform: uppercase;}
.zj_news_in .tou dd {margin: 20px 0 0;}
.zj_news_in .tou dd h4 {margin: 0;}
.zj_news_in .tou dd h4 a {color: #0c75bd;}
.zj_news_in .tou dd h4 span {float: right;color: #8c8a8a;}
.zj_news_in .tou dd p {white-space: normal;color:#777;}
.zj_news_in .l1 {margin-top: 20px; overflow: hidden;}
.zj_news_in .l1 li {line-height: 33px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zj_news_in .l1 li span {float: right;color: #999;}
.zj_news_in .l2 li {float: left;width: 50%;border-bottom: 1px solid #ddd;}
.zj_news_in .l2 li a {display: block;padding: 13px 15px 13px 30px;background: url(../images/faq_ico1.gif) no-repeat 0 14px;}
.zj_news_in .l2 li h4 {margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zj_news_in .l2 li p {margin: 5px 0 0;line-height: 2;color: #777;height: 56px;overflow: hidden;}
.zj_news_in .l2 li a:hover {color: #0c75bd;}
