body{ padding-top: 2rem; background-color: #1e4496; background: -webkit-linear-gradient(90deg,#153375,#22489c); background: -o-linear-gradient(90deg,#153375,#22489c); background: linear-gradient(0deg,#153375,#22489c); } /*common*/ #main{ font-family: "microsoft yahei"; color: #333; } #main .clearfix:after { content: ''; height: 0; display: block; clear: both; visibility: hidden; } #main img{vertical-align: middle;} #main .myform{margin: 0 auto;} #main .myform .btn{width: 100%;} #main .myform input, #main .myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #fff; color: #333; font-size: 0.55rem; width: 100%; height: 100%; } #main .myform .form-item{position: relative;margin: 0 auto;} #main .myform .select-parent select{ background-image: url(/uploads/image/zsimages/form-arrow.png); background-repeat: no-repeat; background-position: 10.25rem 0.55rem; -webkit-background-size: 0.675rem 0.3rem; background-size: 0.55rem 0.3rem; } #main .myform .form-item img{ position: absolute; height: 0.8rem; } #main .myform input::-webkit-input-placeholder{color: #999;} #main img.header{height: 11.25rem;} #main .section{ background-repeat: no-repeat; background-size: 100%; background-position: top center; padding: 1rem 0; } #main .section .last{margin-right: 0!important;} #main .section .headline img{width: 100%;} #main .section .container{margin: 0 auto;} #main .showmq{font-size: 0.55rem;text-decoration: underline;} #main .showmq.btn{text-decoration: none;} #main .box-inline{text-align: center;} #main .box-inline>div{display: inline-block;} #main .btn{ margin: 0.75rem auto 0;text-align: center;width: 5rem;height: 1.6rem;line-height: 1.6rem; font-size: 0.7rem;border-radius: 0.8rem;font-weight: bold;color: #1e4499; background: #f7bf27; background: -webkit-linear-gradient(180deg,#f7bf27,#e9a219); background: -o-linear-gradient(180deg,#f7bf27,#e9a219); background: linear-gradient(-90deg,#f7bf27,#e9a219); } #main a.btn{display: block;text-decoration: none;} #main .section .swiper-container{padding: 0 0 1.1rem;} #main .section .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;} #main .section .swiper-pagination-bullet{background: #fff;opacity: 1} #main .section .swiper-pagination-bullet-active{background: #ff4c4c;} #main .btn, #main .c_shadow{ -webkit-box-shadow: 0 0 0.75rem rgba(22,53,141,0.7); box-shadow: 0 0 0.75rem rgba(22,53,141,0.7); } #main .headline{ font-size: 0.9rem; line-height: 1.1rem; color: #fff; font-weight: bold; text-align: center; } #main .headline span{ display: inline-block; text-align: left; } #main .headline b{ font-family: "arial"; color: #e85628; } #main .section3 h5,#main .section4 h5,#main.subpage ul li h5{text-shadow: 0 0.05rem 0 rgba(0,0,115,0.2);} /*section1*/ #main .section1{padding-top: 1.25rem;} #main .section1 .container{width: 15.5rem;margin-top: 0.55rem;} #main .section1 .tab-box{ height: 3.5rem; background-color: #244daa; padding: 0.5rem 0.25rem; border-bottom: 0.1rem solid #4069c9; } #main .section1 .tab{ display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem; border-radius: 2rem; margin: 0 0.25rem; background-color: #4570d0; border: 0.1rem solid #1e4499; font-size: 0.6rem; font-weight: bold; line-height: 0.75rem; color: #f0f2f7; text-align: center; padding: 0.4rem; } #main .section1 .tab.active{ background: -webkit-linear-gradient(90deg,#e9a219,#e9a219); background: -o-linear-gradient(90deg,#e9a219,#e9a219); background: linear-gradient(0deg,#e9a219,#e9a219); } #main .section1 .panel-box{ background-color: #4570d0; margin: 0.25rem 0; color: #efefef; height: 10rem; padding: 0.5rem 0; } #main .section1 .left{ display: inline-block; vertical-align: top; width: 8.8rem; height: 100%; padding: 0 1rem 0 0.5rem; border-right: 1px solid #3963c1; position: relative; } #main .section1 .left:before{ content: "vs"; font-family: "arial"; font-size: 0.9rem; line-height: 1.65rem; font-weight: bold; color: #fd355a; position: absolute; top: 4rem; right: -0.5rem; margin-bottom: -0.65rem; text-shadow: 0.05rem 0.05rem 0 rgba(43,12,177,.49); } #main .section1 .right{ display: inline-block; vertical-align: top; width: 6.25rem; height: 100%; padding: 0 0.5rem 0 0.9rem; } #main .section1 h5{ font-size: 0.6rem; line-height: 0.6rem; color: #e85628; margin-bottom: 0.3rem; } #main .section1 .right h5{color: #1e4499;} #main .section1 .right p{line-height: 0.9rem;} #main .section1 p{ font-size: 0.55rem; line-height: 0.8rem; } #main .section1 .btn, #main .section3 .btn, #main .section5 .btn{width: 10rem;} /*section2*/ #main .section2 .container{width: 15rem;margin-top: 0.6rem;} #main .section2 li{ height: 3rem; margin-top: 0.5rem; padding: 0.4rem 0.675rem 0.4rem 0.4rem; background-image: url(/uploads/image/zsimages/bg_02.png); -webkit-background-size: 100%; background-size: 100%; border-radius: 0.2rem; color: #fff; } #main .section2 li:before{ content: "step"; font-size: 0.6rem; line-height: 0.6rem; margin-right: 0.15rem; } #main .section2 li span{ display: inline-block; vertical-align: top; font-size: 2.9rem; line-height: 2.1rem; font-family: "century gothic"; font-weight: bold; width: 1.65rem; margin-right: 0.9rem; } #main .section2 li p{ display: inline-block; vertical-align: top; font-size: 0.6rem; line-height: 1rem; } #main .section2 li p b{ display: inline-block; font-size: 1rem; margin: 0.2rem 0; } #main .section2 li .btn{ float: right; margin: 0.5rem 0 0; width: 4.5rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.65rem; } #main .section2 .btn, #main .section4 .btn{margin: 0.75rem 0.5rem 0;} /*section3*/ #main .section3 .container, #main .section4 .container{width: 14.5rem;} #main .section3 .container{margin-top: 0.5rem;} #main .section3 .c_shadow, #main .section4 .item{ display: inline-block; vertical-align: top; margin: 0 0.75rem; width: 5.75rem; } #main .section3 .c_shadow{ height:8rem; background: url(/uploads/image/zsimages/bg_03.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; margin-top: 1.05rem; } #main .section3 .top{ width: 3rem; height: 3rem; margin: 0 auto; text-align: center; margin-top: -1.05rem; background-color: #eef1f7; border-radius: 50%; } #main .section3 .top img{height: 3rem;} #main .section3 h5{ font-size: 0.65rem; line-height: 0.65rem; margin: 0.7rem 0 0; text-align: center; color: #f6bd26; } #main .section3 p{ font-size: 0.55rem; line-height: 0.9rem; color: #e5e9f3; margin: 0.6rem 0.35rem 0; } /*section4*/ #main .section4 .container{margin-top: 0.85rem;} #main .section4 .c_shadow{ height: 3.75rem; text-align: center; padding: 0.7rem 0 0; color: #e5e9f3; background-color: #244daa; } #main .section4 h5{ font-size: 0.6rem; line-height: 0.6rem; color: #f6bc26; } #main .section4 h5:after{ content: ""; display: block; width: 0.75rem; height: 0.1rem; background-color: #f6bc26; margin: 0.75rem auto 0.5rem; } #main .section4 p{ font-size: 0.55rem; line-height: 0.55rem; } /*section5*/ #main .section5 .container{margin-top: 0.9rem;} #main .section5 li{ width: 15rem; margin: 0 0.5rem; } #main .section5 li>div{ padding: 0 1rem 0 0; } #main .section5 li .top{ background: #244daa; border-top: 0.1rem solid #4069c9; height: 6rem; line-height: 6rem; color: #fff; } #main .section5 li .bottom{ height: 4rem; line-height: 4rem; background: #4570d0 url(/uploads/image/zsimages/bg_05.jpg); -webkit-background-size: 100%; background-size: 100%; color: #fff; } #main .section5 li .content{ display: inline-block; vertical-align: middle; line-height: 0.85rem; } #main .section5 li p{ position: relative; padding: 0 0 0 4.7rem; font-size: 0.55rem; line-height: 0.85rem; } #main .section5 li .top p{margin: 0.25rem 0;} #main .section5 li b{ position: absolute; left: 0.5rem; width: 3.5rem; text-align: right; font-size: 0.6rem; } #main .section5 li .bottom b{ top: 50%; margin-top: -0.85rem; } /*section6*/ #main .section6{background-image: url(/uploads/image/zsimages/bg_06.jpg);} #main .section6 .container{width: 13rem;margin-top: 0.65rem;} #main .section6 .container .content{background: #4570d0;padding: 0.75rem 0.75rem 0.25rem;} #main .section6 .form-item{ height: 1.375rem; margin-bottom: 0.5rem; } #main .section6 input, #main .section6 select{ background-color: #eee; padding-left: 0.35rem; color: #183981; } #main .section6 .getcode{ width: 5rem; position: absolute; top: 0; right: 0; margin: 0; height: 1.375rem; line-height: 1.375rem; background: #ff4c4c; color: #fff; font-size: 0.55rem; text-align: center; } #main .section6 .btn{ width: 7.5rem; margin-top: 1rem; } /*beikao,liuxue*/ #main.subpage .section{padding: 0.625rem 0 0.25rem;} #main.subpage .headline b{color: #fff;} #main.subpage .headline p{ font-size: 1.1rem; text-align: center; margin-top: 0.4rem; } #main.subpage .container{ width: 15rem; background-color: #4570d0; margin-top: 0.8rem; padding: 0.4rem 0.325rem 0.75rem; } #main.subpage1 ul.right:before,#main.subpage3 ul.left:before{ content: ""; position: absolute; top: 0; height: 100%; width: 0.4rem; background-color: #21479c; z-index: 1; border: 0.05rem solid #577fd9; border-radius: 0.2rem; } #main.subpage1 ul.right:before{left: -0.25rem;} #main.subpage3 ul.left:before{right: -0.25rem;} #main.subpage ul{ display: inline-block; vertical-align: top; width: 50%; position: relative; padding: 0.5rem 0.85rem 0 0; } #main.subpage ul.right{ padding: 3rem 0 0 0.85rem; } #main.subpage3 ul.right{ padding-top: 3.25rem; } #main.subpage ul li{ position: relative; margin-bottom: 1rem; } #main.subpage ul li:after{ content: ""; position: absolute; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: url(/uploads/image/zsimages/icon-arrow.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; -webkit-box-shadow: 0 0.125rem 0.2rem rgba(0,29,140,0.2); box-shadow: 0 0.125rem 0.2rem rgba(0,29,140,0.2); top: 0; z-index: 2; } #main.subpage ul.left li:after{right: -1.25rem;} #main.subpage ul.right li:after{ left: -1.25rem; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } #main.subpage ul li h5{ font-size: 0.6rem; line-height: 0.75rem; color: #f6bc26; margin-bottom: 0.45rem; } #main.subpage ul.left h5{text-align: right;} #main.subpage ul li p{ font-size: 0.55rem; line-height: 0.8rem; color: #f7efef; letter-spacing: 0.025rem; min-height: 3.2rem; } #main.subpage1 ul li p{letter-spacing: 0.05rem;} #main.subpage1 .btn{ margin: 1.25rem 0.5rem 0; color: #17377c; background: #f6bc26; } #main.subpage .container .title{ font-size: 0.75rem; line-height: 1rem; color: #fff; padding: 0.35rem 0 0.35rem; font-weight: bold; } #main.subpage .title span{ font-family: "arial"; font-size: 1rem; vertical-align: text-bottom; margin-right: 0.4rem; } #main.subpage .btn2{ margin-top: 1rem; border: solid 0.1rem #e46841; font-size: 0.75rem; background: #f7bf27; background: -webkit-linear-gradient(-90deg,#f7bf27,#e9a219); background: -o-linear-gradient(-90deg,#f7bf27,#e9a219); background: linear-gradient(180deg,#f7bf27,#e9a219); } #main.subpage3 .btn2{ display: inline-block; width: 7rem; height: 1.5rem; line-height: 1.3rem; border-radius: 0.4rem; } #main.subpage .item-box{ text-align: center; padding: 0.575rem 0 0.5rem; } #main.subpage .item{ display: inline-block; vertical-align: top; width: 6.25rem; height: 5rem; margin: 0 0.375rem 0.75rem; position: relative; } #main.subpage .item img{height: 100%;} #main.subpage .item p{ position: absolute; bottom: 0; left: 0; font-size: 0.6rem; line-height: 0.6rem; color: #fff; width: 100%; height: 1.75rem; line-height: 1.75rem; text-align: center; font-weight: bold; background: url(/uploads/image/zsbimages/pic_07.png) no-repeat; -webkit-background-size: 100%; background-size: 100%; } /*beijing*/ #main.subpage2 .showgrade{ height: 2.5rem; line-height: 2.3rem; width: 10rem; } #main .section-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; } #main .section-pop.active {-webkit-transform: scale(1);transform: scale(1);} #main .pop-box{ position: absolute; left: 50%; top: 50%; width: 12.5rem; background: url(/uploads/image/zsbimages/pop-top.png) no-repeat; -webkit-background-size: 100% 2.5rem; background-size: 100% 2.5rem; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } #main .pop-box .pop-close { position: absolute; left: 5.6rem; bottom: -1.925rem; width: 1.325rem; height: 1.925rem; background: url(/uploads/image/zsbimages/pop-close.png) no-repeat center center; background-size: 100%; z-index: 5; } #main .pop-box .pop-top{ height: 2.5rem; line-height: 2.5rem; text-align: center; font-weight: bold; font-size: 1rem; color: #fff; } #main .pop-project .pop-box .pop-content{ display: none; border-radius: 0 0 0.4rem 0.4rem; background-color: #fff; } #main .pop-box .content1{padding: 0.875rem 0 0.125rem;} #main .pop-box .content1 .showproject{ width: 5rem; height: 2.5rem; line-height: 2.5rem; margin: 0 0.375rem 0.75rem; background: -webkit-linear-gradient(90deg,#20469b,#5a47d8); background: -o-linear-gradient(90deg,#20469b,#5a47d8); background: linear-gradient(0deg,#20469b,#5a47d8); padding: 0; font-size: 0.6rem; text-align: center; border-radius: 0.4rem; font-weight: bold; color: #fff; } #main .pop-box .content2{padding: 1rem 0.6rem 0.5rem;} #main .pop-box .content2 .item-project{ display: inline-block; width: 5rem; height: 1.5rem; border: 0.05rem solid #d9d9d9; line-height: 1.4rem; font-size: 0.6rem; color: #000; margin: 0 0.325rem 0.5rem; position: relative; text-align: center; } #main .pop-box .content2 .item-project:after{ content: ""; position: absolute; right: 0; bottom: 0; width:0; height:0; border-width: 0 0 0.325rem 0.325rem; border-style:solid; border-color: transparent transparent #2c46a8 transparent; } #main .pop-box .content3{padding: 0.5rem 1.5rem 2.75rem;} #main .pop-box .content3 p{ font-size: 0.65rem; line-height: 0.85rem; max-height: 7.5rem; overflow: auto; } #main .pop-box .content3 .btn{ position: absolute; bottom: 0.5rem; left: 3.125rem; width: 6.25rem; height: 1.75rem; line-height: 1.75rem; box-shadow: none; } /*pop-form*/ #main .pop-form .pop-box{ width: 14.5rem; height: 11.25rem; background-image: url(/uploads/image/zsimages/pop-form-bg.png); -webkit-background-size: 100%; background-size: 100%; padding: 4.3rem 1.35rem 0; } #main .pop-form .pop-close{ width: 1.3rem; height: 1.85rem; background-image: url(/uploads/image/zsimages/pop-form-close.png); top: -1.85rem; left: 13rem; } #main .pop-form .form-item{ height: 1.7rem; margin-bottom: 0.4rem; } #main .pop-form input{ padding-left: 2rem; background-color: #eef1f7; border-radius: 0.1rem; } #main .pop-form img{ margin: 0.45rem 0 0 0.45rem; height: 0.8rem; } #main .pop-form .btn{ background-color: #ffd800; width: 9.55rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.65rem; } .zt_common_top .zt_logo_box { margin-left: 0rem!important; }