html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

[hidefocus],
summary {
    outline: 0;
}

li {
    list-style: none;
}

pre,
code,
kbd,
samp {
    font-family: inherit;
}

q:before,
q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,
summary {
    cursor: default;
}

a,
button {
    cursor: pointer;
    ;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: bold;
}

del,
ins,
u,
s,
a,
a:hover {
    text-decoration: none;
}

html {
    font-size: 16px !important
}

body,
textarea,
input,
button,
select,
keygen,
legend {
    font: 16px/1.0 "MicrosoftYahei", "HelveticaNeueLTPro-LtEx;", "FZLTCHJW--GB1-0", "PingFang", "Hiragino Sans GB";
    outline: 0;
    vertical-align: middle;
}

body {
    background: #ffffff;
    font-family: "MicrosoftYaHei";
}

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

.clearfix {
    zoom: 1;
}


small.fr {
    display: inline-block;
    font-family: "ArialMT";
    font-size: 24px;
    letter-spacing: 0px;
    color: #666;
    margin-top: -2rem;
    margin-right: 12.5rem;
}

.fr {
    float: right;
}

/*全屏下一页*/
@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }

    50%,
    100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(10px);
    }
}

.j-top-arrow {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -30px;
    width: 56px;
    height: 49px;
    cursor: pointer;
    background-image: url(../image/arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 9999;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}

/*地图样式*/
.amap-icon img {
    width: 45px;
}

.content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
}

.content-window-card p {
    height: 2rem;
}

div.info-top {
    position: relative;
    background: #fff;
    border-radius: 5px 5px 0 0;
    text-align: center;
    padding: 15px 0 5px;
}

div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    font-size: 12px;
    padding: 10px 20px;
    line-height: 20px;
    border-radius: 0 0 5px 5px;
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}



.info-middle img {
    float: left;
    display: block;
    width: 100%;
}

.l-contact-bottom {
    line-height: 30px;
    font-size: 14px;
}

/* Side Menu */
.l-nav {
    /* background-color: rgba(0, 0, 0, 0.5); */
    background-color: rgba(1, 104, 183, 0.5);
    border: none;
    border-radius: 0px;
}

.opacity {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;

}

.l-nav .navbar-brand {
    position: relative;
}

.l-nav .l-nav-ul li a {
    display: block;
    color: #ccc;
}

.l-logo {
    background: url(../image/logo-2.png) no-repeat;
    background-size: 110px;
}

.l-nav .l-nav-ul li a {
    display: block;
    font-size: 15px;
}

.l-nav-ul li a:hover {}

.l-nav .l-nav-ul .active {
    background-color: rgba(0, 0, 0, 0.35);
    border-bottom: 4px solid#00AFAA !important;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.l-nav .l-nav-ul .active:hover {
    background-color: rgba(0, 0, 0, 0.35);
    border-bottom: 5px solid#00AFAA;
}

.icon-h {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 15px;
}

.icon-h-2d {
    background: url(../image/icon-h-2D-barcode.png) no-repeat;
    background-size: 100% 100%;
}

.icon-h-phone {
    background: url(../image/icon-h-phone.png) no-repeat;
    background-size: 100% 100%;
}

.l-nav #wechat-code {
    display: none;
    width: 120px;
    height: 120px;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.12);
    position: absolute;
    right: 0px;
    bottom: -120px;
}

.l-nav #wechat-code img {
    width: 100%;
    height: 100%;
}

a#nav-wechat:hover #wechat-code {
    display: block;
}

/* index-banner01 */
.section.section-index-banner1 {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.flexslider.swiper-container-banner {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides-list {
    width: 100%;
    height: 100%;
}

.flexslider .slides-list>div {
    width: 100%;
    height: 100%;
    /*position: relative;*/
}

.slides-list {
    width: 100%;
    height: 100%;
}

.slide-li1 {
    width: 100%;
    height: 100%;
    /*position: relative;*/
}

.section-index-banner1 .slide-li1 {
    background: #14171a url(../image/index-banner1-bg1.png) no-repeat;
    background-size: 100% 100%;
}

.slide-li2 {
    background: #14171a url(../image/index-banner1-bg2.png) no-repeat;
    background-size: 100% 100%;
}

.slide-li3 {
    background: #14171a url(../image/index-banner1-bg3.png) no-repeat;
    background-size: 100% 100%;
}

.slide-li4 {
    background: #14171a url(../image/index-banner1-bg4.png) no-repeat;
    background-size: 100% 100%;
}

.slide-li5 {
    background: #14171a url(../image/index-banner1-bg5.png) no-repeat;
    background-size: 100% 100%;
}

.slide-li6 {
    background: #14171a url(../image/index-banner-bg6.png) no-repeat;
    background-size: 100% 100%;
}

/*.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color:transparent;
	border: solid 1px #fff;
    margin:0.5rem;
	overflow: hidden;
    cursor: pointer;
    zoom: 1;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {
    background-color: #fff;
}*/
.flex-control-nav .swiper-pagination-bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
    margin: 0.5rem 1rem !important;
    overflow: hidden;
    cursor: pointer;
    zoom: 1;
}

.flex-control-nav .swiper-pagination-bullet-active {
    background: #fff;
}

.slide-mess {
    width: 955px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -175px;
}

.slide-mess h2,
.slide-mess p {
    /* font-family: "FZLTCHJW"; */
    font-family: 'MicrosoftYahei';
    font-size: 72px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
}

.slide-mess p {
    font-weight: normal;
    font-size: 28px;
    line-height: 50px;
    color: #fff;
    margin: 20px 0;
}

.slide-mess .slide-tips {
    width: 100%;
    height: 160px;
}

.slide-mess .slide-tips1 {
    /* background: url('../img/index-banner1-font-bg.png')no-repeat;
    background-size: cover; */
    background: linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
}

.slide-mess .slide-tips2 {
    /* background: url('../img/index-banner2-font-bg.png')no-repeat;
    background-size: cover; */
    width: 65%;
    background: linear-gradient(left, rgba(8, 128, 207, 0.6), rgba(8, 128, 207, 0.5), rgba(8, 128, 207, 0.3), rgba(8, 128, 207, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(8, 128, 207, 0.6), rgba(8, 128, 207, 0.5), rgba(8, 128, 207, 0.3), rgba(8, 128, 207, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(8, 128, 207, 0.6), rgba(8, 128, 207, 0.5), rgba(8, 128, 207, 0.3), rgba(8, 128, 207, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(8, 128, 207, 0.6), rgba(8, 128, 207, 0.5), rgba(8, 128, 207, 0.3), rgba(8, 128, 207, 0.15), transparent, transparent);
}

.slide-mess .slide-tips3 {
    /* background: url('../img/index-banner3-font-bg.png')no-repeat;
    background-size: cover; */
    width: 75%;
    background: linear-gradient(left, rgba(230, 0, 15, 0.6), rgba(230, 0, 15, 0.5), rgba(230, 0, 15, 0.3), rgba(230, 0, 15, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(230, 0, 15, 0.6), rgba(230, 0, 15, 0.5), rgba(230, 0, 15, 0.3), rgba(230, 0, 15, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(230, 0, 15, 0.6), rgba(230, 0, 15, 0.5), rgba(230, 0, 15, 0.3), rgba(230, 0, 15, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(230, 0, 15, 0.6), rgba(230, 0, 15, 0.5), rgba(230, 0, 15, 0.3), rgba(230, 0, 15, 0.15), transparent, transparent);
}

.slide-mess .slide-tips4 {
    /* background: url('../img/index-banner4-font-bg.png')no-repeat;
    background-size: cover; */
    width: 75%;
    background: linear-gradient(left, rgba(55, 193, 203, 0.6), rgba(55, 193, 203, 0.5), rgba(55, 193, 203, 0.3), rgba(55, 193, 203, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(55, 193, 203, 0.6), rgba(55, 193, 203, 0.5), rgba(55, 193, 203, 0.3), rgba(55, 193, 203, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(55, 193, 203, 0.6), rgba(55, 193, 203, 0.5), rgba(55, 193, 203, 0.3), rgba(55, 193, 203, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(55, 193, 203, 0.6), rgba(55, 193, 203, 0.5), rgba(55, 193, 203, 0.3), rgba(55, 193, 203, 0.15), transparent, transparent);
}

.slide-mess .slide-tips5 {
    /* background: url('../img/index-banner5-font-bg.png')no-repeat;
    background-size: cover; */
    width: 75%;
    background: linear-gradient(left, rgba(0, 166, 83, 0.6), rgba(0, 166, 83, 0.5), rgba(0, 166, 83, 0.3), rgba(0, 166, 83, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(0, 166, 83, 0.6), rgba(0, 166, 83, 0.5), rgba(0, 166, 83, 0.3), rgba(0, 166, 83, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(0, 166, 83, 0.6), rgba(0, 166, 83, 0.5), rgba(0, 166, 83, 0.3), rgba(0, 166, 83, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(0, 166, 83, 0.6), rgba(0, 166, 83, 0.5), rgba(0, 166, 83, 0.3), rgba(0, 166, 83, 0.15), transparent, transparent);
}

.slide-mess .slide-tips6 {
    width: 75%;
    background: linear-gradient(left, rgba(58, 78, 47, 0.6), rgba(58, 78, 47, 0.5), rgba(58, 78, 47, 0.3), rgba(58, 78, 47, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(58, 78, 47, 0.6), rgba(58, 78, 47, 0.5), rgba(58, 78, 47, 0.3), rgba(58, 78, 47, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(58, 78, 47, 0.6), rgba(58, 78, 47, 0.5), rgba(58, 78, 47, 0.3), rgba(58, 78, 47, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(58, 78, 47, 0.6), rgba(58, 78, 47, 0.5), rgba(58, 78, 47, 0.3), rgba(58, 78, 47, 0.15), transparent, transparent);
}



.slide-mess .slide-tips li {
    margin: 35px 35px;
    float: left;
    text-align: center;
}

.slide-mess .slide-tips span {
    font-family: 'PingFang,MicrosoftYahei';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #fff;
}

.index-banner1-icons {
    display: block;
    width: 30px;
    height: 30px;
    margin: 16px auto 0;
}

.icon-ghsj {
    background: url(../image/icon-index-banner1-ghsj.png) no-repeat;
    background-size: cover;
}

.icon-rjkf {
    background: url(../image/icon-index-banner1-rjkf.png) no-repeat;
    background-size: cover;
}

.icon-yjyf {
    background: url(../image/icon-index-banner1-yjyf.png) no-repeat;
    background-size: cover;
}

.icon-xtjc {
    background: url(../image/icon-index-banner1-xtjc.png) no-repeat;
    background-size: cover;
}

.icon-fwwb {
    background: url(../image/icon-index-banner1-fwwb.png) no-repeat;
    background-size: cover;
}

.icon-zz {
    background: url(../image/icon-index-banner1-zz.png) no-repeat;
    background-size: cover;
}

.icon-yz {
    background: url(../image/icon-index-banner1-yz.png) no-repeat;
    background-size: cover;
}

.icon-cx {
    background: url(../image/icon-index-banner1-cx.png) no-repeat;
    background-size: cover;
}

.icon-zwgk {
    background: url(../image/icon-index-banner1-zwgk.png) no-repeat;
    background-size: cover;
}

.icon-zhjc {
    background: url(../image/icon-index-banner1-zhjc.png) no-repeat;
    background-size: cover;
}

.icon-hlw {
    background: url(../image/icon-index-banner1-hlw.png) no-repeat;
    background-size: cover;
}

.icon-kxgl {
    background: url(../image/icon-index-banner1-kxgl.png) no-repeat;
    background-size: cover;
}

.icon-szh {
    background: url(../image/icon-index-banner1-szh.png) no-repeat;
    background-size: cover;
}

.icon-wlh {
    background: url(../image/icon-index-banner1-wlh.png) no-repeat;
    background-size: cover;
}

.icon-znh {
    background: url(../image/icon-index-banner1-znh.png) no-repeat;
    background-size: cover;
}

.icon-dmth {
    background: url(../image/icon-index-banner1-dmth.png) no-repeat;
    background-size: cover;
}

.icon-qxgz {
    background: url(../image/icon-index-banner1-qxgz.png) no-repeat;
    background-size: cover;
}

.icon-fzlj {
    background: url(../image/icon-index-banner1-fzlj.png) no-repeat;
    background-size: cover;
}

.icon-kfgx {
    background: url(../image/icon-index-banner1-kfgx.png) no-repeat;
    background-size: cover;
}

.icon-rhcx {
    background: url(../image/icon-index-banner1-rhcx.png) no-repeat;
    background-size: cover;
}

.icon-ksgj {
    background: url(../image/icon-index-banner1-ksgj.png) no-repeat;
    background-size: cover;
}

.icon-gxjc {
    background: url(../image/icon-index-banner1-gxjc.png) no-repeat;
    background-size: cover;
}

.icon-axdz {
    background: url(../image/icon-index-banner1-axdz.png) no-repeat;
    background-size: cover;
}

.icon-syhbs {
    background: url(../image/icon-index-banner1-syhbs.png) no-repeat;
    background-size: cover;
}

/* index-banner02 */
.section-index-banner2 {
    background-color: #fff;
    position: relative;
}

.section-index-banner2 .j-page2 {
    height: 540px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.banner-circle {
    width: 576px;
    height: 576px;
    background-color: #0e56a2;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 缓动菜单 */
.ato-content {
    width: 100%;
    margin: 0 auto;
    padding-left: 10%;
}

.ato-list ul {
    height: 480px;
}

.ato-list ul li {
    width: 780px;
    height: 450px;
    margin-left: 4rem;
    float: left;
    margin-right: 0;
    text-align: center;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    position: relative;
    top: 10px;
    left: -10px;
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ato-list ul li div img {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    margin: 0 auto;
}

.ato-tips {
    position: absolute;
    bottom: 25px;
    left: 30px;
}

.ato-tips h3,
.ato-tips p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    text-align: left;
}

.ato-tips p {
    font-size: 0.75rem;
    color: #999;
}

.ato-more {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    display: none;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
    right: 30px;
    background: transparent url(../image/icon-link.png) no-repeat;
    background-size: 100% 100%;
}

.ato-more:hover {
    background-color: rgba(0, 104, 183, 0.45);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ato-list-fl {
    float: left;
    width: 15%;
}

.ato-list-top {
    margin-top: 1.5rem;
}

.ato-title {
    margin-top: 4.5rem;
    margin-right: 3.5rem;
}

.ato-title p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    /* color: #999; */
    word-break: break-all;
    text-align: justify;
}

.ato-list-fl a {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: relative;
    margin: 3.5rem 0.75rem 0;
    float: left;
    display: block;
    overflow: hidden;
}

.ato-list-fl a img {
    width: 3rem;
    height: 3rem;
    display: block;
    border: none;
    margin: 0;
}

.ato-list {
    float: left;
    width: 85%;
    height: 500px;
}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.ato-ope1,
.prev:hover .ato-ope,
.next:hover .ato-ope {
    opacity: 0;
}

.prev:hover .ato-ope1,
.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.icon-index-banner2 {
    height: 30px;
    display: block;
    margin-bottom: .75rem;
}

.icon-index-banner2-zhjt {
    background: url(../image/icon-index-banner2-zhjt.png) no-repeat;
}

.icon-index-banner2-zhjy {
    background: url(../image/icon-index-banner2-zhjy.png) no-repeat;
}

.icon-index-banner2-zhzw {
    background: url(../image/icon-index-banner2-zhzw.png) no-repeat;
}

.icon-index-banner2-zhdl {
    background: url(../image/icon-index-banner2-zhdl.png) no-repeat;
}

.icon-index-banner2-jd {
    background: url(../image/icon-index-banner2-jd.png) no-repeat;
}

.banner-title {
    position: relative;
}

.banner-title h3,
.banner-title span {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    /* color: #fff; */
}

.banner-title span {
    font-weight: normal;
    font-size: 16px;
    margin: 10px 0;
    display: inline-block;
    /* color: #aaa; */
    width: 90%;
}

.banner-title h3::after {
    content: '';
    width: 3.5rem;
    height: 4px;
    background-color: #00AFAA;
    position: absolute;
    bottom: -10px;
    left: 0%;
}

.banner-title-l span::after {
    left: 0;
    transform: initial;
}

/* index-banner03 */
@keyframes moving {
    0% {
        background-size: 100% 100%;
    }

    25% {
        background-size: 110% 110%;
    }

    50% {
        background-size: 120% 120%;
    }

    75% {
        background-size: 110% 110%;
    }

    100% {
        background-size: 100% 100%;
    }
}

.section-index-banner3 {
    background: url(../image/index-banner3-bg.jpg) no-repeat;
    background-size: cover;
    animation: moving 20s linear infinite;
    -webkit-animation: moving 20s linear infinite;
    -moz-animation: moving 20s linear infinite;
    -ms-animation: moving 20s linear infinite;
    -o-animation: moving 20s linear infinite;
}

.section-index-banner3 .fp-tableCell,
.section-index-banner4 .fp-tableCell,
.section-index-banner5 .fp-tableCell,
.section-index-banner6 .fp-tableCell,
.section-index-banner7 .fp-tableCell {
    /* vertical-align: top; */
}

.banner-title-long h3 {
    line-height: 3rem;
    position: relative;
    font-weight: normal;
}

.banner-title-long h3::after {
    content: '';
    width: 3.5rem;
    height: 4px;
    background-color: #00AFAA;
    position: absolute;
    bottom: -15px;
    left: 0;
    transform: translateX(0);
}

.banner-title-long p,
.banner-title-long a {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #fff;
    margin-top: 7rem;
}

.banner-title-long a {
    display: inline-block;
    border-radius: 1.5rem;
    border: 1px solid #fff;
    font-size: 1rem;
    line-height: 3rem;
    padding: 0 2.3125rem;
    color: #fff;
    margin-top: 3.5rem;
}

.banner-title-long a:hover {
    background-color: #00AFAA;
    border: 1px solid transparent;
    transition: all 0.3s;
}

/* index-banner04 */
.section-index-banner4 {
    background-color: #ededed;
}

.banner-title-common {
    text-align: center;
}

.banner-title-common span {
    position: relative;
}

.banner-title-common h3::after {
    content: '';
    width: 3.5rem;
    height: 4px;
    background-color: #00AFAA;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.flow-tab-container {
    margin: 8% auto 0;
    text-align: center;
    overflow: hidden;
}

.flow-tab-container ul li {
    float: left;
    height: 280px;
    border: 1px solid transparent;
}

.flow-tab-container ul li a {
    display: block;
}

.l-ys-img {
    margin-top: 20px;
}

.flow-tab-container ul li a img {
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
}

.flow-tab-container .col-xs-12,
.flow-tab-container .col-xs-6,
.flow-tab-container .col-xs-5,
.flow-tab-container .col-sm-4,
.flow-tab-container .col-sm-3,
.flow-tab-container .col-md-3 {
    padding-left: 10px;
    padding-right: 10px
}

@keyframes blocking {
    0% {
        border: 1px solid transparent;
    }

    25% {
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #00AFAA;
        border-left: 1px solid transparent;
    }

    50% {
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #00AFAA;
        border-left: 1px solid #00AFAA;
    }

    75% {
        border-top: 1px solid #00AFAA;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #00AFAA;
        border-left: 1px solid #00AFAA;
    }

    100% {
        border-top: 1px solid #00AFAA;
        border-right: 1px solid #00AFAA;
        border-bottom: 1px solid #00AFAA;
        border-left: 1px solid #00AFAA;
    }
}

.section-index-banner4 ul li:hover {
    animation: blocking 1s linear forwards;
    -webkit-animation: blocking 1s linear forwards;
    -moz-animation: blocking 1s linear forwards;
    -ms-animation: blocking 1s linear forwards;
    -o-animation: blocking 1s linear forwards;
}

.flow-tab-container ul li h4,
.flow-tab-container ul li small,
.flow-tab-container ul li p {
    font-family: "PingFang,MicrosoftYahei";
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
}

.flow-tab-container ul li h4 {
    /* color: #fff; */
    font-size: 1.5rem;
    margin: 10px 0;
}

.flow-tab-container ul li small {
    font-size: 0.75rem;
    color: #999;
    font-weight: normal;
    margin: 4px;
    /*min-height: 30px;*/
    margin-bottom: 10px;
    display: block
}

.flow-tab-container ul li p {
    font-size: 1rem;
    color: #666;
    font-weight: normal;
    line-height: 1.5rem;
}

/* index-banner05 */
.section-index-banner5 {
    background: #222429 url(../image/index-banner5-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.flow-tab-container.flow-fix-container {
    margin-top: 3rem;
}

.flow-fix-container .flow-tab {
    max-height: 11.5rem;
    padding: 1.5rem 1.875rem;
    text-align: left;
    background-color: #fff;
    box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.2);
    margin: 10px 0;
    overflow: hidden;
}

.flow-fix-container .flow-tab h5,
.flow-fix-container .flow-tab p,
.flow-fix-container .flow-tab a {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #333;
}

.flow-fix-container .flow-tab p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #666;
    margin-top: 0;
    margin: 1rem 0;
    word-break: break-all;
    min-height: 3.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.flow-tab-container .flow-tab .touch-more {
    text-align: right;
}

.flow-fix-container .flow-tab a {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #aaa;
    padding: 0.125rem 1rem;
    border-radius: 1rem;
    border: 1px solid #ddd;
}

.flow-fix-container .flow-tab a:hover {
    background-color: #00AFAA;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.5s;
}

.icon-flow-tab-s {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}

.icon-tab-zw {
    background: url(../image/icon-index-banner5-zw.png) no-repeat center;
    background-size: contain;
}

.icon-tab-ty {
    background: url(../image/icon-index-banner5-ty.png) no-repeat center;
    background-size: contain;
}

.icon-tab-rmt {
    background: url(../image/icon-index-banner5-rmt.png) no-repeat center;
    background-size: contain;
}

.icon-tab-jt {
    background: url(../image/icon-index-banner5-jt.png) no-repeat center;
    background-size: contain;
}

.icon-tab-jy {
    background: url(../image/icon-index-banner5-jy.png) no-repeat center;
    background-size: contain;
}

.icon-tab-gyl {
    background: url(../image/icon-index-banner5-gyl.png) no-repeat center;
    background-size: contain;
}

.icon-tab-jg {
    background: url(../image/icon-index-banner5-jg.png) no-repeat center;
    background-size: contain;
}

.icon-tab-xny {
    background: url(../image/icon-index-banner5-xny.png) no-repeat center;
    background-size: contain;
}

.icon-tab-rgzn {
    background: url(../image/icon-index-banner5-rgzn.png) no-repeat center;
    background-size: contain;
}

.icon-tab-dspt {
    background: url(../image/icon-index-banner5-dspt.png) no-repeat center;
    background-size: contain;
}

.icon-tab-dsj {
    background: url(../image/icon-index-banner5-dsj.png) no-repeat center;
    background-size: contain;
}

.icon-tab-qt {
    background: url(../image/icon-index-banner5-qt.png) no-repeat center;
    background-size: contain;
}

/* index-banner06 */
.section-index-banner6 {
    background-color: #222429;
}

.main-container {
    max-width: 100%;
    margin: 6.5rem auto 0;
}

.main-container .container {
    max-width: 93.75rem;
}

.index-banner-map {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.index-map-container,
.jundu-exam-map {
    width: 100%;
    height: 100%;
    min-height: 30rem;
}

.index-map-numb {
    width: 100%;
    height: 100%;
    min-height: 30rem;
    color: #fff;
    padding-top: 4.5rem;
}

.index-map-numb .index-map-tab {
    text-align: center;
    margin-top: 3rem;
}

.index-map-numb .index-map-tab span,
.index-map-numb .index-map-tab small {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 2.25rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 3.5rem;
    letter-spacing: 0px;
    color: #00AFAA;
    display: block;
}

.index-map-numb .index-map-tab small {
    font-weight: normal;
    color: #666;
    font-size: 1rem;
    line-height: 2rem;
}

/* index-banner07 */
.section-index-banner7 {
    background: url(../image/index-banner7-bg.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.section-index-banner7 .fp-tableCell {
    vertical-align: top;
}

.section-index-banner7 .banner-title-common {
    text-align: center;
    margin-top: 8rem;
}

.f-partners {
    max-width: 93.75rem;
    margin: 7.5rem auto 0;
    text-align: center;
}

.f-partners .f-partners-tab {
    height: 2.375rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.f-partners .f-partners-tab a {
    width: auto;
    height: 2.375rem;
    display: inline-block;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.f-partners .f-partners-tab a img {
    text-align: center;
    /*transform: scale(.85);*/
    -webkit-filter: invert(50%);
    -moz-filter: invert(50%);
    -ms-filter: invert(450%);
    -o-filter: invert(50%);
    filter: invert(50%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.f-partners .f-partners-tab a img:hover {
    /*transform: scale(1);
    transition: all .5s;*/
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -ms-filter: invert(0%);
    -o-filter: invert(0%);
    filter: invert(0%);
}

.f-partners .f-partners-tab2 {
    margin: 2.5rem auto;
}

.footer {
    width: 100%;
    height: 22.5rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    padding-top: 5rem;
    color: #dedede
}

.footer .main-container {
    max-width: 1170px;
    margin-top: 0;
}

.footer .footer-r {
    width: 19rem;
    display: inline-block;
    vertical-align: top;
}

.footer .footer-l {
    width: calc(100% - 19.5rem);
    display: inline-block;
    padding-left: 1rem;
}

.footer .footer-cut-vline {
    width: 1px;
    height: 9.25rem;
    float: left;
    margin-right: 1.5rem;
    background: url(../image/line-f-v.png) no-repeat;
    background-size: cover;
}

.footer .footer-cut-hline {
    width: 100%;
    height: 1px;
    background: url(../image/line-f-h.png) no-repeat;
    background-size: cover;
    margin-top: 3.5rem;
}

.footer .footer-l ul {
    width: calc(100% - 12rem);
    overflow: hidden;
    display: inline-block;
}

.footer .footer-l li {
    display: inline-block;
    float: left;
    width: 33.33333%;
    text-align: center;
}

.footer .footer-l li span,
.footer .footer-l li a,
.footer .footer-r span,
.footer .footer-r small {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.7rem;
    letter-spacing: 0px;
    color: #000;
    display: block;
    text-align: left;
}

.footer-contact-us {
    margin-bottom: 1rem;
}

.footer .footer-l li a:hover {
    /* color: rgb(0, 104, 183); */
    color:#00AFAA;
    transition: all 0.5s
}

.footer .footer-l li span {
    margin-bottom: 1rem;
}

.footer .footer-l li a,
.footer .footer-r small {
    font-weight: normal;
    font-size: 0.875rem;
}

.footer .footer-l .footer-2d-barcode {
    width: 11.5rem;
    display: inline-block;
    float: right;
}

.footer .footer-l .footer-2d-barcode img {
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 2rem;
}

.footer .footer-2d-barcode span {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2rem;
    letter-spacing: 0px;
    color: #000;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.footer p,
.footer-s p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0px;
    color: #000;
    text-align: center;
}

.footer-s p {
    line-height: 3.5rem;
}

.footer-icon-gps,
.footer-icon-phone,
.footer-icon-qq,
.footer-icon-email {
    display: inline-block;
    width: 0.75rem;
    height: 0.875rem;
    margin-right: .25rem;
}

.footer-icon-gps {
    background: url(../image/icon-f-gps.png) no-repeat;
    background-size: cover;
}

.footer-icon-phone {
    background: url(../image/icon-h-phone2.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.footer-icon-qq {
    background: url(../image/icon-f-qq.png) no-repeat;
    background-size: contain;
}

.footer-icon-email {
    background: url(../image/footer-icon-email.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: 5px
}

.footer-indet {
    font-style: normal;
    /*display: inline-block;*/
    text-indent: 1.5rem;
}

.section-index-banner8 .h5-index-banner8 {
    display: none;
}

.section-index-banner8 {
    display: none;
}



/* 媒体查询 */
@media only screen and (max-width: 767px) {
    .j-top-arrow {
        margin-left: -25px;
        width: 40px;
    }

    .l-nav .navbar-brand .l-logo {
        position: absolute;
        top: 14px;
        left: 14px;
        width: 191px;
        height: 30px;
        background: url(../image/logo-2.png) no-repeat;
        background-size: contain;
        display: block;
    }

    .l-nav .l-nav-ul li {
        text-align: center;
    }

    .flow-tab-container ul li a img {
        width: 3rem;
        width: 3rem;
    }

    .flow-advance-container .row,
    .flow-tab-container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .flow-fix-container .flow-tab {
        padding: 0.6rem 0.8rem;
    }

    .flow-fix-container .flow-tab p {
        display: none;
    }

    .flow-fix-container .flow-tab h5 {
        font-size: 1rem;
    }

    .flow-fix-container .flow-tab a {
        font-size: 0.65rem;
        padding: 0 0.5rem;
        margin-top: 0.5rem;
    }

    .l-nav {
        background: rgba(1, 104, 183, 0.5);
        /*height: 100vh;*/
    }

    .l-nav.navbar-fixed-top .navbar-collapse {
        height: 100vh;
        max-height: 100%;
    }

    .l-nav-ul {
        height: 100vh;
    }
}

@media only screen and (min-width: 768px) {
    .l-nav .navbar-brand .l-logo {
        position: absolute;
        width: 260px;
        height: 50px;
        background: url(../image/logo-2.png) no-repeat;
        /* background-size: 260px; */
        background-size: contain;
        display: block;
        top: 15px;
        left: 0;
    }

    .l-nav .l-nav-ul li {
        height: 80px;
    }

    .l-nav .l-nav-ul li a:hover {
        border-bottom: 4px solid#00AFAA;
        background-color: rgba(0, 0, 0, 0.35);
    }

    .l-nav .l-nav-ul li a {
        display: block;
        line-height: 50px;
    }

    .l-nav .l-nav-ul li a:hover {
        color: #fff;
    }

}

@media (min-width: 1920px) {
    .l-nav .container {
        width: 1820px;
    }

    .section-index-banner3 .container,
    .section-index-banner4 .container,
    .section-index-banner5 .container {
        width: 1520px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {
    .l-nav .container {
        width: 1520px;
    }
}

@media screen and (max-width: 1440px) {
    .ato-content {
        padding-left: 5%;
    }

    .banner-title-l {
        margin-top: 6%;
    }

    .banner-circle {
        display: none;
    }

    .l-nav .l-nav-ul li a {
        font-size: 14px;
    }

    .flow-fix-container .flow-tab {
        padding: 1rem;
    }

    .flow-fix-container .flow-tab p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        min-height: 1.6rem;
        margin: 0;
    }

    .flow-fix-container .flow-tab h5 {
        font-size: 1.2rem;
    }

    .ato-title {
        margin-top: 1.5rem;
        margin-right: 1.5rem;
    }

    .ato-list-fl a {
        margin: 1.5rem 0.5rem 0;
    }

    .section-index-banner5 .banner-title-common {
        margin-top: 2%;
    }

    .main-container {
        margin: 1.5rem auto 0;
    }

    .section-index-banner6 .banner-title-common {
        margin-top: 3%;
    }

    .index-map-numb .index-map-tab {
        text-align: center;
        margin-top: 1rem;
    }

    .f-partners {
        margin: 2.5rem auto 0;
    }

    .footer {
        padding-top: 2.5rem;
        height: 16rem;
    }

    .footer .footer-cut-hline {
        overflow: hidden;
        margin-top: 1rem;
    }

    .section-index-banner2 small.fr {
        margin-right: 24.5rem;
    }

    .icon-h {
        margin-top: 16px;
    }

}

@media only screen and (max-width: 1366px) {
    .section-index-banner5 .banner-title-common {
        margin-top: 5%;
    }

    .section-index-banner5 .flow-tab-container.flow-fix-container {
        margin-top: 1rem;
    }

    .section-index-banner6 .banner-title-common {
        margin-top: 7%;
    }

    .index-map-numb {
        padding-top: 1rem;
    }

    .index-map-container,
    .jundu-exam-map {
        width: 100%;
        height: 100%;
        min-height: 25rem;
    }

    .f-partners .f-partners-tab a img {
        transform: scale(0.65);
    }

    .f-partners .f-partners-tab2 {
        margin: 1rem auto;
    }

    /* .section-gywm-banner1 .slide-li1 {
        background-size: 65%;
    } */
    .section-index-banner2 small.fr {
        margin-right: 27rem;
    }
}

@media only screen and (max-width: 992px) {}

@media only screen and (min-width: 1200px) {
    /*.ato-list ul li{
		width: 500px;
	}*/
}


/* 全屏滚动头部 */
.section-banner-first .slide-li1 {
    width: 100%;
    height: 100vh;
}

/* 关于我们 */
.section-gywm-banner1 .gywm-mess,
.section-cpzx-banner1 .cpzx-mess,
.section-jdal-banner1 .jdal-mess,
.section-rczp-banner1 .rczp-mess,
.section-lxwm-banner1 .lxwm-mess,
.section-zhjt-banner1 .zhjt-mess {
    width: 52%;
}

.section-jdal-banner1 .jdal-mess,
.section-cpzx-banner1 .cpzx-mess {
    width: 955px;
}

#fullpage-first {
    height: 100vh;
    background-color: #15161a;
}

.section-gywm-banner1 {
    background: url(../image/gywm-banner1-bg.png) no-repeat;
    /* background-size: 90%; */
    background-size:100% 100%;

}

.section-gywm-banner1 .slides-list {
    width: 100%;
    height: 100%;
}

.icon-zy {
    background: url(../image/gywm-banner1-icon-zy.png) no-repeat;
    background-size: cover;
}

.icon-ws {
    background: url(../image/gywm-banner1-icon-ws.png) no-repeat;
    background-size: cover;
}

.icon-gx {
    background: url(../image/gywm-banner1-icon-gx.png) no-repeat;
    background-size: cover;
}

.icon-cx {
    background: url(../image/gywm-banner1-icon-cx.png) no-repeat;
    background-size: cover;
}

.section-gywm-banner2 {
    background-color: #222429;
    overflow: hidden;
    padding: 9rem 0;
}

.gywm-content {
    margin-top: 5rem;
}

.gywm-content .half-font p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #999;
    word-break: break-all;
    text-indent: 2em;
    text-align: justify;
    margin-top: 1rem;
}

.gywm-content .half-num {
    width: 100%;
    margin-top: 4.5rem;
    overflow: hidden;
}

.gywm-content .half-num .half-tab span {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 2rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 3.5rem;
    letter-spacing: 0px;
    color: #00AFAA;
    display: block;
    text-align: center;
}

.gywm-content .half-num .half-tab {
    text-align: center;
}

.gywm-content .half-num .half-tab small {
    font-weight: normal;
    color: #666;
    line-height: 1.25rem;
    text-align: center;
}

.section-gywm-banner3 {
    width: 100%;
    height: 100%;
    background: url(../image/gywm-banner3-bg.png) no-repeat;
    background-size: 100% 100%;
    animation: moving 20s linear infinite;
    -webkit-animation: moving 20s linear infinite;
    -moz-animation: moving 20s linear infinite;
    -ms-animation: moving 20s linear infinite;
    -o-animation: moving 20s linear infinite;
}

.section-gywm-banner3 .banner-title-common {
    padding-top: 9rem;
}

.h5-zz-cont {
    display: none;
}

.zz-cont {
    width: 100%;
    height: auto;
    margin-top: 6.25rem;
    text-align: center;
    padding-bottom: 6rem;
}

.zz-cont img {
    display: inline-block;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.68);
}

.zz-cont .zz-side {
    width: 32.5rem;
    height: 23.125rem;
    margin: 1rem 1.5rem;
}

.zz-cont .zz-mid {
    width: 23.125rem;
    height: 32.5rem;
    margin: 1rem 1.5rem
}

.zz-cont img:hover {
    -webkit-transform: scaleZ(.25) rotateX(15deg);
    -moz-transform: scaleZ(.25) rotateX(15deg);
    -ms-transform: scaleZ(.25) rotateX(15deg);
    -o-transform: scaleZ(.25) rotateX(15deg);
    transform: scaleZ(.25) rotateX(15deg);
    transition: all 0.5s;
}

.section-gywm-banner4 {
    background-color: #fff;
    padding: 9rem 0;
}

/* 时间轴插件 */
.date-container {
    width: 100%;
    padding: 0 12.5rem;
    margin-top: 5rem;
}

.date-container .swiper-container {
    height: 34rem;
    width: 32.5rem;
    display: inline-block;
    border-right: 1px solid #666;
    position: relative;
}

.date-container .swiper-container::after {
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(6px);
    right: -2px;
    width: 4px;
    height: 26px;
    background-color: #fff;
}

.date-container .swiper-wrapper {
    margin-top: 13.5rem;
}

.date-container .swiper-slide {
    width: 100%;
    height: 7.5rem;
    line-height: 7.5rem;
    padding-right: 2.5rem;
    text-align: right;
    color: rgba(0, 0, 0, 0.2);
    font-size: 2rem;
}

.date-container .swiper-slide small {
    font-size: 1.5rem;
}

.date-container .swiper-button-prev,
.date-container .swiper-button-next {
    width: 30px;
    height: 13px;
}

.date-container .swiper-button-prev {
    left: 14.75rem;
    top: calc(50% - 2.3rem);
    background: url(../image/arrow-up.png) no-repeat;
    background-size: cover;
}

.date-container .swiper-button-next {
    left: 14.75rem;
    top: calc(50% + 4rem);
    background: url(../image/arrow-down.png) no-repeat;
    background-size: cover;
}

.date-container .swiper-button-prev:after,
.date-container .swiper-container-rtl .swiper-button-next:after,
.date-container .swiper-button-next:after,
.date-container .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.date-container .swiper-slide-active {
    /* color: rgba(255, 255, 255, 1); */
    position: relative;
    background: url(../image/gywm-banner4-line.png) left top no-repeat;
}

.date-container .swiper-slide-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../image/gywm-banner4-line.png) left top no-repeat;
}

.date-container .swiper-message {
    height: 34rem;
    width: calc(100% - 33rem);
    display: inline-block;
    vertical-align: top;
    padding-left: 2rem;
    overflow: hidden;
}

.date-container .swiper-message .swiper-message-li {
    width: 100%;
    height: 100%;
    display: none;
}

.date-container .swiper-message .swiper-message-li.show {
    display: block;
}

.date-container .swiper-message .swiper-message-li .swiper-czlc-list {
    margin: 2rem 0;
}

.date-container .swiper-message .swiper-message-li h6 {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.75rem;
    color: #999;
    text-indent: 2rem;
    background: url(../image/icon-fzlc-arrow.png) no-repeat left;
}

.date-container .swiper-message .swiper-message-li p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.75rem;
    letter-spacing: 0px;
    color: #999;
    text-indent: 2rem;
    /* background: url(https://www.printroad.cn/resources/images/gywm/icon-fzlc-arrow.png) no-repeat; */
    background-size: cover;

}

.section-gywm-banner5 {
    width: 100%;
    height: 100%;
    background: url(../image/gywm-banner5-bg.png) no-repeat;
    background-size: cover;
    padding: 5% 0;
}

.section-gywm-banner5 ul li:hover {
    animation: blocking 1s linear forwards;
    -webkit-animation: blocking 1s linear forwards;
    -moz-animation: blocking 1s linear forwards;
    -ms-animation: blocking 1s linear forwards;
    -o-animation: blocking 1s linear forwards;
}

.section-gywm-banner5 ul li .l-about-img {
    margin-top: 2rem;
}

.footer-page {
    position: relative;
    /* background: #131317; */
}


@media (min-width: 1920px) {
    .zhjt-content.container {
        width: 1920px;
    }

    .gywm-content.container {
        width: 1920px;
    }

    .gywm-content .half-font {
        float: right;
        width: 80%;
        margin-right: 3.5rem;
        margin-top: 4rem;
    }

    .gywm-content .half-font.about {
        margin-top: 7.5em;
    }

    .zhzw-content .half-font {
        float: left;
        width: 80%;
        margin-left: 3.5rem;
    }
}

@media screen and (max-width: 1440px) {
    .zz-cont .zz-side {
        width: 21rem;
        height: 15rem;
        margin: 1rem 0;
    }

    .zz-cont .zz-mid {
        width: 15rem;
        height: 21rem;
        margin: 1rem;
    }

    .date-container .swiper-container {
        width: 17.92rem;
    }

    .date-container {
        padding: 0;

    }

    .footer-page {
        height: 18rem;
    }
}

@media screen and (max-width: 1200px) {
    .gywm-img {
        margin: 10px auto;
        zoom: 0.7;
    }

    .gywm-img img {
        width: 100%;
        height: 100%;
        display: block;
    }

}

/* 海川 */
.section-cpzx-banner1 {
    background: #15161a url(../image/cpzx-banner1-bg.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.read-more {
    width: 100%;
    height: 3rem;
    text-align: center;
    margin-top: 3.5rem;
}

.read-more a {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 0.875rem;
    line-height: 3rem;
    letter-spacing: 0px;
    color: #fff;
    border-radius: 1.5rem;
    border: 1px solid #fff;
    padding: 0 2rem;
    display: inline-block;
}

.read-more a:hover {
    background-color: #00AFAA;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.icon-zhjt {
    background: url('https://www.printroad.cn/resources/img/cpzx/cpzx-banner1-icon-zhjt.png')no-repeat;
    background-size: cover;
    width: 36px;
}

.icon-zhzw {
    background: url('https://www.printroad.cn/resources/img/cpzx/cpzx-banner1-icon-zhzw.png')no-repeat;
    background-size: cover;
}

.icon-zhjy {
    background: url('https://www.printroad.cn/resources/img/cpzx/cpzx-banner1-icon-zhjy.png')no-repeat;
    background-size: cover;
}

.icon-zhdl {
    background: url('https://www.printroad.cn/resources/img/cpzx/cpzx-banner1-icon-zhdl.png')no-repeat;
    background-size: cover;
}

/*.icon-jmrh{
    background: url('https://www.printroad.cn/resources/img/cpzx/cpzx-banner1-icon-zhdl.png')no-repeat;
    background-size: cover;
}*/
.back-gray {
    background-color: #ededed;
}

.zhjt-content {
    position: relative;
}

.zhjt-content .half-num img {
    display: block;
    margin: 0 auto 0.6rem;
}

.zhjt-content .half-num .half-tab {
    width: 20%;
    text-align: center;
    margin: 1rem 0;
    float: left;
}

.zhjy-left {
    padding-left: 0px;
}

/*.zhjt-content .half-num .half-tab:hover{
    animation: blocking 1s linear forwards;   
    -webkit-animation: blocking 1s linear forwards;
    -moz-animation: blocking 1s linear forwards;
    -ms-animation: blocking 1s linear forwards;
    -o-animation: blocking 1s linear forwards; 
}*/
.zhjt-content .half-list-fr img {
    /* width: 100%;
   max-width: 959px; */
    height: 33.75rem;

}

.back-dark {
    background-color: #191a1f;
}

.zhzw-content .half-num .half-tab {
    width: 25%;
}

.zhjy-content .half-num .half-tab {
    width: 33.33%;
}

@media only screen and (min-width:1441px) and (max-width: 1918px) {
    .gywm-content.container {
        width: 1440px;
    }

    .zhzw-content .half-font {
        float: left;
        /* width: 80%;*/
        margin-left: 2.5rem;
    }

    .gywm-content .half-font {
        float: right;
        /* width: 80%;*/
        margin-right: 2.5rem;
        margin-top: 6rem;
    }

    .zhjy-left {
        position: relative;
    }

    .zhjy-left img {
        position: absolute;
        right: 0;
    }
}

/* 服务与支持 */
.section-jdal-banner1 {
    background: #15161a url(../image/jdal-banner1-bg.png)no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.icon-zhjt {
    background: url(../image/cpzx-banner1-icon-zhjt.png) no-repeat;
    background-size: cover;
}

.icon-zhzw {
    background: url(../image/cpzx-banner1-icon-zhzw.png) no-repeat;
    background-size: cover;
}

.icon-zhjy {
    background: url(../image/cpzx-banner1-icon-zhjy.png) no-repeat;
    background-size: cover;
    width: 36px;
}

.icon-zhdl {
    background: url(../image/cpzx-banner1-icon-zhdl.png) no-repeat;
    background-size: cover;
}

.icon-jmrh {
    background: url(../image/cpzx-banner1-icon-jmrh.png) no-repeat;
    background-size: cover;
}

.section-jdal-banner2 {
    padding: 5rem 0;
}

.banner-title.title-h h3::after {
    bottom: -1rem;
}

.jundu-exam-map {
    width: 100%;
    height: 100%;
    min-height: 40rem;
}

.section-jdal-banner3 {
    /* background: url(../image/jdal-banner3-bg.jpg) no-repeat center;
    background-size: cover; */
    padding: 5rem 0;
}

.l-link ul {
    margin: 4rem 0 0;
}

.l-link .row li {
    border-right: 1px solid #515151;
    border-bottom: 1px solid #515151;
    height: 8rem;
    position: relative;
}

.l-link .row img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-filter: invert(50%);
    -moz-filter: invert(50%);
    -ms-filter: invert(450%);
    -o-filter: invert(50%);
    filter: invert(50%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* .l-link .row img:hover {
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -ms-filter: invert(0%);
    -o-filter: invert(0%);
    filter: invert(0%);
} */

.section-jdal-banner3 .l-link .row li:nth-of-type(5),
.section-jdal-banner3 .l-link .row li:nth-of-type(10),
.section-jdal-banner3 .l-link .row li:nth-of-type(15),
.section-jdal-banner3 .l-link .row li:nth-of-type(20),
.section-jdal-banner3 .l-link .row li:nth-of-type(25) {
    border-right: 0;
}

.section-jdal-banner3 .l-link .row li:nth-of-type(21),
.section-jdal-banner3 .l-link .row li:nth-of-type(22),
.section-jdal-banner3 .l-link .row li:nth-of-type(23),
.section-jdal-banner3 .l-link .row li:nth-of-type(24),
.section-jdal-banner3 .l-link .row li:nth-of-type(25) {
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    .l-link .row li {
        height: 4rem;
    }

    .l-link .row img {
        zoom: 0.5;
    }
}

@media (min-width: 1920px) {
    .container.l-link {
        width: 1520px;
    }

    .l-link .row li {
        width: 20%;
    }
}

@media (max-width: 1919px) {
    .l-link .row li {
        border: 1px solid transparent !important;

    }
}

/* 人才招聘 */
.h5-swiper {
    display: none;
}

.section-rczp-banner1 {
    background: #15161a url(../image/rczp-banner1-bg.png) no-repeat;
    background-size:100% 100%;
}

.section-jrjd-banner3 {
    background: #191b1f;
}

.icon-flgh {
    background: url(../image/rczp-banner1-icon-fl.png) no-repeat center;
    background-size: contain;
}

.icon-pxcz {
    background: url(../image/rczp-banner1-icon-px.png) no-repeat center;
    background-size: contain;
}

.icon-xcjl {
    background: url(../image/rczp-banner1-icon-xc.png) no-repeat center;
    background-size: contain;
}

.section-rczp-banner2 {
    padding: 5rem 0;
}

.section-rczp-banner2 .zp-content {
    margin-top: 60px;
}

.section-rczp-banner2 .zp-content p {
    font-family: "PingFang,MicrosoftYahei";
    font-size: 16px;
    color: #aaa;
    text-align: center;
    line-height: 25px;
}

.section-rczp-banner2 .zp-cont img {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 100%;
}

.rczc-content {
    margin: 10rem auto;
}

.rczc-content .zp-word {
    color: #9f9f9f;
    font-size: 16px;
    margin-top: 1.25rem;
}

.rczc-content .zp-word-fr {
    float: left;
}

.rczc-content .zp-word-fl {
    float: right;
}

.rczc-content .zp-word span {
    color: #fff;
    margin-right: 1em;
}

.section-rczp-banner2 .banner-circle {
    zoom: 0.9;
    top: 55%;
}

.section-jrjd-banner3 {
    padding: 5rem 0;
}

.section-jrjd-banner3 .ato-content {
    overflow: hidden;
}

.section-jrjd-banner3 small.fr {
    margin-top: 0rem;
}

.section-jrjd-banner3 .ato-title {
    margin-top: 22rem;
}

/* 联系我们 */
.section-lxwm-banner1 {
    background: #15161a url(../image/lxwm-banner1-bg.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.icon-kf {
    background: url(../image/lxwm-banner1-icon-kf.png) no-repeat;
    background-size: contain;
}

.icon-rx {
    background: url(../image/lxwm-banner1-icon-rx.png) no-repeat;
    background-size: contain;
}

.icon-wx {
    background: url(../image/lxwm-banner1-icon-wx.png) no-repeat;
    background-size: contain;
}

.icon-yj {
    background: url(../image/lxwm-banner1-icon-yj.png) no-repeat;
    background-size: contain;
}

.section-lxwm-banner2 {
    padding: 5rem 0;
}

.section-lxwm-banner2 .l-address {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.section-lxwm-banner2 .l-address ul li {
    min-height: 16rem;
    padding: 2rem 0;
}

.section-lxwm-banner2 .l-address ul .adress-tab {
    border-bottom: 1px solid #545454;
}

.section-lxwm-banner2 .l-address ul li h5 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    /* color: #fff; */
}

.section-lxwm-banner2 .l-address ul li p {
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 0px;
    /* color: #999; */
    line-height: 2rem;
}

.section-lxwm-banner3 {
    background: #191b1f;
    position: relative;
    height: 100vh;
}

.jd-map {
    width: 100%;
    height: 100%;
}

/* 智慧交通 */
@keyframes sknewMoving {
    0% {
        opacity: .8;
        transform: translate(-100%, 120%);
    }

    25% {
        opacity: .9;
        transform: translate(-75%, 90%);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, 60%);
    }

    75% {
        opacity: 1;
        transform: translate(-25%, 30%);
    }

    100% {
        opacity: .9;
        transform: translate(0%, 0%);
    }
}

.section-zhjt-banner1 {
    background: url(../image/index-banner1-bg2.png) no-repeat;
    background-size: cover;
    background-size:100% 100%;
}

#banner {
    position: relative;
    height: 100vh;
    background: #222429 url(../image/zhjt-banner2-bg.png) no-repeat;
    background-size: contain;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: 0.6s;
    overflow: hidden;
}

.car-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../image/banner-car-bg.png) no-repeat right bottom;
    animation: sknewMoving 3s linear;
    -webkit-animation: sknewMoving 3s linear;
}

.section-zhjt-banner2 .banner-title {
    margin-top: 9rem;
}

.section-zhjt-banner2 h3 small.fr {
    margin-top: 0rem;
}

.section-zhjt-banner2 .banner-title h3::after,
.section-zhjt-banner3 .banner-title h3::after,
.section-zhjt-banner4 .banner-title h3::after,
.section-zhjt-banner5 .banner-title h3::after,
.section-zhjt-banner6 .banner-title h3::after {
    background-color: #0880cf;
}

.section-zhjt-banner2 .car-banner-mess {
    margin-top: 5rem;
    color: #999;
}

.section-zhjt-banner2 .car-banner-mess p {
    text-indent: 2em;
    margin-bottom: 20px;
    line-height: 25px;
}

.section-zhjt-banner2 .car-banner-ques {
    font-size: 0.875rem;
    line-height: 2.5rem;
    padding: 0 1.5rem;
    display: inline-block;
    color: #0c85d3;
    border-radius: 5px;
    border: solid 1px #0c85d3;
    margin-top: 3.25rem;
}

.section-zhjt-banner3,
.section-zhjt-banner5 {
    background-color: #191b1f;
    padding: 5rem 0;
}

.zh-content {
    margin: 3rem auto 6rem;
}

.section-zhjt-banner3 .flow-tab {
    overflow: hidden;
}

.section-zhjt-banner3 .flow-tab p {
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
    margin-top: 1.5rem;
}

.section-zhjt-banner3 .zhjh-img {
    height: 22rem;
    position: relative;
}

.section-zhjt-banner3 .zhjh-img img {
    width: 100%;
    /* height: 100%; */
    display: block;
    position: absolute;
    bottom: 0;
}

.section-zhjt-banner3 img.float-car {
    width: 110px;
    height: 40px;
    display: inline-block;
    position: absolute;
    bottom: 0rem;
    right: 0;
    animation: sknewMove3 5s linear;
    -webkit-animation: sknewMove3 5s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /* animation-iteration-count:1; */
    /* -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000; */
}

@keyframes sknewMove3 {
    0% {
        opacity: .8;
        transform: translate(100%, 1%);
    }

    25% {
        opacity: .9;
        transform: translate(-50%, 1%);
    }

    50% {
        opacity: 1;
        transform: translate(-200%, 1%);
    }

    75% {
        opacity: 1;
        transform: translate(-350%, 1%);
    }

    100% {
        opacity: .9;
        transform: translate(-450%, 1%);
    }
}

@-webkit-keyframes sknewMove3 {
    0% {
        opacity: .8;
        transform: translate(100%, 1%);
    }

    25% {
        opacity: .9;
        transform: translate(-50%, 1%);
    }

    50% {
        opacity: 1;
        transform: translate(-150%, 1%);
    }

    75% {
        opacity: 1;
        transform: translate(-250%, 1%);
    }

    100% {
        opacity: .9;
        transform: translate(-350%, 1%);
    }
}

@-moz-keyframes sknewMove3 {
    0% {
        opacity: .8;
        transform: translate(100%, 1%);
    }

    25% {
        opacity: .9;
        transform: translate(-50%, 1%);
    }

    50% {
        opacity: 1;
        transform: translate(-150%, 1%);
    }

    75% {
        opacity: 1;
        transform: translate(-250%, 1%);
    }

    100% {
        opacity: .9;
        transform: translate(-350%, 1%);
    }
}

@-o-keyframes sknewMove3 {
    0% {
        opacity: .8;
        transform: translate(100%, 1%);
    }

    25% {
        opacity: .9;
        transform: translate(-50%, 1%);
    }

    50% {
        opacity: 1;
        transform: translate(-150%, 1%);
    }

    75% {
        opacity: 1;
        transform: translate(-250%, 1%);
    }

    100% {
        opacity: .9;
        transform: translate(-350%, 1%);
    }
}

@media screen and (max-width: 1440px) {
    .car-banner {
        zoom: 0.5;
    }
}

.section-zhjt-banner4 {
    padding: 5rem 0;
    background-color: #222429;
}

.section-zhjt-banner4 .zhcx-content {
    margin: 5rem auto !important;
}

.section-zhjt-banner4 .zhcx-content ul li a {
    display: block;
}

.section-zhjt-banner4 .zhcx-content ul li .l-img {
    height: 18rem;
    margin: 0 auto;
    position: relative;
}

.section-zhjt-banner4 .zhcx-content ul li img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.section-zhjt-banner4 .zhcx-content h5 {
    padding: 0 10px;
    font-size: 1.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.section-zhjt-banner4 .zhcx-content h5 a {
    color: #fff;
}

#cases-map {
    width: 100%;
    height: 100%;
    min-height: 30rem;
    margin: 3rem auto;
}

.section-zhjt-banner5 small.fr {
    margin-top: 5px;
}

.section-zhjt-banner6 {
    padding: 5rem 0;
}

.section-zhjt-banner6 .f-partners .f-partners-tab {
    justify-content: space-around;
    margin: 2.5rem 0;
}

.f-partners-two .f-partners-tab a img {
    transform: scale(1);
}

/* 底部h5新菜单栏 */
.footer-two {
    display: none;
}

.subNavBox {
    width: 100%;
    margin: 0px auto;
    display: none;
}

.subNav {
    border-bottom: solid 1px #222429;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    color: #999;
    line-height: 60px;
    padding-left: 4%;
    background: url(../image/jantou.png) no-repeat right center;
    background-position: 95% 50%;
    background-size: 16px;
}

.currentDd {
    color: #ffb82b
}

.currentDt {
    background: url(../image/jantou1.png) no-repeat right center;
    background-position: 95% 50%;
    background-size: 16px;

}

.navContent {
    display: none;
}

.navContent li a {
    font-size: 16px;
    line-height: 40px;
    color: #aaa;
    padding-left: 8%;
}

.navContent li a:hover {
    color: #fff;
}

.navContent li a .footer-indet {
    text-indent: 3rem;
}


/* 网站正在建设中 弹窗 */
.j-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.js-mask {
    display: none;
}

.jg-mask {
    display: none;
}

.j-mask-center {
    width: 770px;
    height: 430px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -385px;
    margin-top: -215px;
    background-color: rgb(49, 53, 63);
    border-radius: 10px;
    z-index: 99999;
}

.js-mask-center {
    display: none;
}

.jg-mask-center {
    display: none;
}

.j-mask-center .j-mask-img {
    width: 356px;
    height: 278px;
    margin: 20px auto;
}

.j-mask-center .j-mask-img img {
    width: 100%;
    height: 100%;
}

.j-mask-center .j-mask-close {
    width: 22px;
    height: 22px;
    margin: 10px 10px 0 0;
    float: right;
    cursor: pointer;
}

.j-mask-center p {
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin: 40px 0;
}

/* 网站正在建设中 弹窗 */


/* 获取方案 */
.plan-bg {
    width: 100%;
    height: 100%;
    background: url(../image/j-plan-bg.jpg) no-repeat center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.plan-center {
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.plan-center h1 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.plan-center h3 {
    margin-bottom: 30px;
}

.plan-center p {
    font-size: 14px;
    line-height: 2.143;
    color: #fff;
    text-align: justify;
}

.plan-center .plan-form {
    background: #fff;
    /* height: 760px; */
    width: 540px;
    float: right;
}

.plan-center .plan-form form {
    padding: 40px;
}

.plan-center .plan-form form h5 {
    font-size: 18px;
    color: #222;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.plan-center .plan-form form h6 {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.plan-center .plan-form form ul {}

.plan-center .plan-form form ul li {
    height: 40px;
    position: relative;
    width: 100%;
    margin-top: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.plan-center .plan-form form ul li::after {
    content: '';
    width: 6px;
    height: 6px;
    background: url(../image/plan-icon.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.plan-center .plan-form form ul li input {
    border: 0;
    display: block;
    background: transparent;
    width: 100%;
    line-height: 38px;
    text-indent: 1em;
    outline: none;
}

.plan-center .plan-form form ul li input:focus {
    box-shadow: inset 0 0 15px rgba(200, 211, 223, .4);
}

.plan-center .plan-form form ul li input::-webkit-input-placeholder,
.plan-center .plan-form form ul li textarea::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.plan-center .plan-form form ul li input:-moz-placeholder .plan-center .plan-form form ul li textarea:-moz-placeholder {
    color: #999999;
    font-size: 14px;
}

.plan-center .plan-form form ul li input::-moz-placeholder .plan-center .plan-form form ul li textarea::-moz-placeholder {
    color: #999999;
    font-size: 14px;
}

.plan-center .plan-form form ul li input:-ms-input-placeholder .plan-center .plan-form form ul li textarea:-ms-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.plan-center .plan-form .j-code-number {
    position: absolute;
    height: 38px;
    right: 0;
    top: 0;
}

.plan-center .plan-form .j-code-number img {
    height: 100%;
}

.plan-center .plan-form form ul li.plan-textarea {
    height: 120px;
}

.plan-center .plan-form form ul li.plan-textarea textarea {
    height: 120px;
    border: 0;
    display: block;
    background: transparent;
    line-height: 38px;
    text-indent: 1em;
    outline: none;
}

.j-login {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #00AFAA;
    text-align: center;
    margin: 15px 0 10px;
    border-radius: 4px;
    outline: none;
    border: none;
    color: #fff;
}
}

.j-login:hover {
    background: #00AFAA;
}

.j-login a {
    color: #fff;
}

.j-checkbox {
    text-align: center;
    margin-top: 20px;
}

.tui-checkbox:checked {
    background: #00AFAA;
}

.tui-checkbox {
    width: 15px;
    height: 15px;
    outline: none !important;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: background-color ease 0.1s;
    transition: background-color ease 0.1s;
}

.tui-checkbox:checked::after {
    content: '';
    top: 2px;
    left: 2px;
    outline: none;
    position: absolute;
    background: transparent;
    border: #fff solid 2px;
    border-top: none;
    border-right: none;
    height: 5px;
    width: 8px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.j-checkbox input[type=checkbox] {
    margin: 2px
}

.j-checkbox span {
    font-size: 14px;
}

.j-checkbox span.j-treaty a {
    color: #00AFAA;
}

.j-checkbox span.j-treaty a:hover {
    font-weight: bold;
}

/* 获取方案 */

/* 解决方案 */
.section-jjfa-banner1 {
    background: #15161a url(../image/jjfa-banner1-bg.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.slide-mess.jjfa-mess .slide-tips1 {
    background: linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
    background: -ms-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(20, 104, 183, 0.15), transparent, transparent);
    background: -webkit-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
    background: -moz-linear-gradient(left, rgba(0, 104, 183, 0.6), rgba(0, 104, 183, 0.5), rgba(0, 104, 183, 0.3), rgba(0, 104, 183, 0.15), transparent, transparent);
}

/* .solution-bg-1 {
    background: #15161a url(../assets/price.png) no-repeat;
    background-size: contain;        
    background-position: center;
} */

.solution-banner {
    padding-bottom: 7.5rem;
}

.jjfa-banner-title {
    color: #fff;
}

.jjfa-banner-title h3 {
    font-size: 30px;
    background: url(../image/icon-jjfa-arrow.jpg) no-repeat left center;
    padding-left: 30px;
}

.jjfa-banner-title h3 span {
    color: #aaa;
    font-size: 16px;
}

.jjfa-content {
    padding-top: 7.5rem;

}

.jjfa-ul li {
    margin-top: 60px;
    min-height: 210px;
    text-align: center;
}

.jjfa-ul li img {
    height: 60px;
}

.ty-ul {
    text-align: center;
}

.ty-ul li {
    min-height: 120px;
}

.jjfa-jg-ul li {
    min-height: 120px;
}

.jmrh-ul li {
    min-height: 0px;
}

.jjfa-ul-height-one li {
    min-height: 240px;
}

.jjfa-ul-height-two li {
    min-height: 300px;
}

.jjfa-ul-height-three li {
    min-height: 130px;
}

.jjfa-main-ul li {
    margin-top: 60px;
}

/*.jjfa-ul .jjfa-ul-li{
	transition: all .2s ease;
}
.jjfa-ul .jjfa-ul-li:hover{
	transform:translateY(-10px);
}*/
.jjfa-content .jjfa-ul li a {
    display: block;
}

.jjfa-ul li h6 {
    color: #fff;
    font-size: 16px;
    margin: 20px 0;
    line-height: 1.5;
}

.jjal-img {
    width: 62px;
    height: 62px;
    display: inline-block;
    text-align: center;
}

.jjfa-ul li a p {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.jjfa-plan {
    width: 100%;
    /* height: 240px; */
    background: url(../image/jjfa-bg2.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 60px 0;
}

.jjfa-plan img {
    margin: 0 auto;
    display: block;
}

.jjfa-plan .btn-plan {
    width: 158px;
    height: 48px;
    line-height: 50px;
    border: 1px solid #fff;
    margin: 30px auto 0;
    text-align: center;
}

.jjfa-plan .btn-plan a {
    display: block;
    color: #fff;
    font-size: 16px;
    transition: all 1s;
}

.jjfa-plan .btn-plan a:hover {
    transform: scale(1.2);
}

/* 解决方案 模版页 */
.jjfa-mess-two {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.jjfa-mess-two h2 {
    position: relative;
    font-size: 72px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #fff;
}

.jjfa-mess-two h2::after {
    content: '';
    width: 140px;
    height: 10px;
    background-color: #00AFAA;
    position: absolute;
    bottom: -20px;
    left: 0%;
}

.section-jjfa-banner2 {
    background: #15161a url(../image/jjfa-banner2-bg.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-znltck {
    background: #15161a url(../image/jjfa-banner-znltck.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-cjsznlt {
    background: #15161a url(../image/jjfa-banner-cjsznlt.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-qljkjc {
    background: #15161a url(../image/jjfa-banner-qljkjc.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-lczntc {
    background: #15161a url(../image/jjfa-banner-lczntc.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-fbstcczt {
    background: #15161a url(../image/jjfa-banner-fbstcczt.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-etcfxfw {
    background: #15161a url(../image/jjfa-banner-etcfxfw.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-etcyjsf {
    background: #15161a url(../image/jjfa-banner-etcyjsf.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-jtrmt {
    background: #15161a url(../image/jjfa-banner-jtrmt.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-zhzz {
    background: #15161a url(../image/jjfa-banner-zhzz.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-jzjy {
    background: #15161a url(../image/jjfa-banner-jzjy.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-xsgz {
    background: #15161a url(../image/jjfa-banner-xsgz.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-zhgyl {
    background: #15161a url(../image/jjfa-banner-zhgyl.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-dlcc {
    background: #15161a url(../image/jjfa-banner-dlcc.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-tysfbm {
    background: #15161a url(../image/jjfa-banner-tysfbm.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-swidqj {
    background: #15161a url(../image/jjfa-banner-swidqj.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-arcj {
    background: #15161a url(../image/jjfa-banner-arcj.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-xdh3dck {
    background: #15161a url(../image/jjfa-banner-xdh3dck.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-rmt {
    background: #15161a url(../image/jjfa-banner-rmt.png) no-repeat;
    /* background-size: contain; */
    background-size:100% 100%;
}

.jjfa-banner-tyss {
    background: #15161a url(../image/jjfa-banner-tyss.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-tybsbp {
    background: #15161a url(../image/jjfa-banner-tybsbp.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-cjty {
    background: #15161a url(../image/jjfa-banner-cjty.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-sjtyjwzq {
    background: #15161a url(../image/jjfa-banner-sjtyjwzq.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-dsjcl {
    background: #15161a url(../image/jjfa-banner-dsjcl.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-sjzncj {
    background: #15161a url(../image/jjfa-banner-sjzncj.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-yqfx {
    background: #15161a url(../image/jjfa-banner-yqfx.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-sjkshfx {
    background: #15161a url(../image/jjfa-banner-sjkshfx.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-xcjyrmt {
    background: #15161a url(../image/jjfa-banner-xcjyrmt.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-zjjdyth {
    background: #15161a url(../image/jjfa-banner-zjjdyth.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-xczgdc {
    background: #15161a url(../image/jjfa-banner-xczgdc.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-fxyjyc {
    background: #15161a url(../image/jjfa-banner-fxyjyc.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-zhdj {
    background: #15161a url(../image/jjfa-banner-zhdj.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-zhxf {
    background: #15161a url(../image/jjfa-banner-zhxf.png) no-repeat;
    background-size:100% 100%;
}

..jjfa-template {
    /* margin-bottom: 100px;*/
}

.jjfa-main ul {
    background: url(../image/jjfa-line.png) no-repeat center bottom;
    text-align: center;
    overflow: hidden;
}

.jjfa-main ul li {
    line-height: 76px;
    display: inline-block;
    color: #fff;
    margin: 0 30px;
    padding: 0px;
    cursor: pointer;
}

/*.jjfa-main ul li a{
    color: #fff;
    display: block;
}
.jjfa-main ul li:hover{
    border-bottom: 4px solid#00AFAA;
}
.jjfa-main ul li:hover a{
    color:#00AFAA;
}
.jjfa-main ul li.jjfa-active{
    color:#00AFAA;
    border-bottom: 4px solid#00AFAA;

}
.jjfa-main ul li.jjfa-active a{
	color:#00AFAA;
}
.jjfa-main ul li.jjfa-active a:active { text-decoration:none;}
.jjfa-main ul li.jjfa-active a:link { text-decoration: none;}
.jjfa-main ul li.jjfa-active a:visited { text-decoration: none;}*/

/* 详情页锚点跟随样式调整：*/
.jjfa-main ul li a {
    color: #fff;
    display: block;
    width: 150%;
    height: 100%;
    border-bottom: 4px solid transparent;
}

.jjfa-main ul li a:hover,
.jjfa-main ul li a.jjfa-active {
    color: #00AFAA;
    border-bottom: 4px solid#00AFAA;
}

.jjfa-main ul li a.jjfa-active:active {
    text-decoration: none;
}

.jjfa-main ul li a.jjfa-active:link {
    text-decoration: none;
}

.jjfa-main ul li a.jjfa-active:visited {
    text-decoration: none;
}



.jjfa-template-details {
    position: relative;
}

.jjfa-template-title {
    margin: 100px 0 60px;
}

.jjfa-template-title h3 {
    width: 180px;
    font-size: 30px;
    color: #fff;
    background: url(../image/icon-jjfa-arrow2.png) no-repeat left center;
    padding-left: 30px;
    margin: 0 auto;
    text-align: center;
}

.jjfa-template-column p {
    text-indent: 2em;
    color: #999;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}

.jjfa-template-column .jjfa-template-column-c {
    text-align: center;
}

.jjfa-template-column .jjfa-img {
    margin: 50px 0 0;
}

.jjfa-template-column .jjfa-img img {
    display: block;
    margin: 0 auto;
}

.jjfa-ul-hover li {
    /* min-height: 170px; */
    transition: all .2s ease;
}

.jjfa-ul-hover li:hover {
    transform: translateY(-10px);
}

.jjfa-template-ul li p {
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.jjfa-ul-center {
    text-align: center;
}

.jjfa-cpts-ul {
    overflow: hidden;
    margin-bottom: 60px;
}

.jjfa-cpts-one li {
    min-height: 120px;
}

.jjfa-cpts-two li {
    min-height: 70px;
}

.jjfa-cpts-three li {
    min-height: 100px;
}

.jjfa-cpts-ul li {
    margin: 20px 0;
}

.jjfa-cpts-ul li h6 {
    background: url(../image/icon-jjfa-arrow3.png) no-repeat left 8px;
    padding-left: 30px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.jjfa-cpts-ul li p {
    line-height: 1.8;
    color: #999;
    font-size: 14px;
    margin-left: 2em;
}

.jjfa-main-center {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 80px;
    left: 0px;
    background: #222429;
    box-shadow: 0 2px 20px 0 rgb(0 39 123 / 13%);
    z-index: 999;
}

.jjfa-lt {
    position: absolute;
}

.jjfa-top {
    top: -80px;
}

.jjfa-cpjj-box {
    position: relative;
    min-height: 240px;
}

.jjfa-cpjj-box .jjfa-cpjj-right {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.jjfa-column {
    margin-top: 20px;
}

.jjfa-template-column h5 {
    color: #fff;
    margin: 20px 0;
    text-align: center;
}

/* 解决方案 模版页 */

@media only screen and (min-width: 1441px) and (max-width: 1918px) {
    .jjfa-content.container {
        width: 1440px;
    }

    /* .jjfa-template-details {
        width: 1200px;
    } */
}

@media (min-width: 1920px) {
    .jjfa-content.container {
        width: 1520px;
    }

    .jjfa-template-details {
        width: 1200px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .jjfa-mess {
        width: 90%;
    }

    .jjfa-cpjj-box {
        float: right;
    }

    .jjfa-cpjj-box.col-md-8 {
        width: 58%;
    }
}

@media only screen and (max-width: 767px) {
    .solution-banner {
        margin: 0 2%;
    }

    .jjfa-banner-title h3 {
        font-size: 18px;
    }

    .jjfa-banner-title h3 span {
        font-size: 12px;
        display: block;
        margin-top: 0.5rem;
    }

    .jjfa-content .jjfa-ul li {
        margin-top: 30px;
    }

    .jjal-img {
        float: left;
    }

    .jjfa-ul li img {
        zoom: 0.7;
        float: left;
    }

    .jjal-text {
        float: right;
        width: 78%;
    }

    .jjfa-ul li h6 {
        margin: 0 0 10px;
    }

    .jjfa-content .jjfa-jg-ul {
        min-height: 100px;
    }

    .jjfa-content .jjfa-jg-ul li a h6 {
        margin-top: 1rem;
    }

    .jjfa-plan {
        padding: 30px 0;
    }

    .jjfa-plan img {
        width: 90%;
    }

    .jjfa-mess-two h2 {
        font-size: 2rem;
    }

    .jjfa-mess-two h2::after {
        content: '';
        width: 65px;
        height: 5px;
        background-color: #00AFAA;
        position: absolute;
        bottom: -10px;
        left: 0%;
    }

    .jjfa-main-center {
        top: 50px;
        height: 50px;
    }

    .jjfa-main ul li {
        margin: 0 5px;
        padding: 0 5px;
        line-height: 46px;

        /* add */
        float: left;
    }

    .jjfa-template-one {
        margin: 0 2%;
    }

    .jjfa-template-title {
        margin: 50px 0 20px;
    }

    .jjfa-template-title h3 {
        font-size: 20px;
        width: 130px;
    }

    .jjfa-template-column .jjfa-img img {
        width: 90%;
    }

    .jjfa-ul li {
        margin-top: 30px;
        min-height: auto;
    }

    .jjfa-cpts-ul li {
        min-height: auto;
    }

    .jjfa-top {
        top: -80px;
    }

    .jjfa-cpjj-img img {
        width: 100%;
        margin-top: 20px;
    }

    .jjfa-cpjj-box p {
        left: 0px;
        /*margin: 0 15px;*/
    }

    .jjfa-template-column p {
        /*margin: 0 15px;*/
    }
}

/* 解决方案 */

/* 智慧交通 */

.wit-banner {
    padding-bottom: 7.5rem;
}

.wit-content {
    padding-top: 7.5rem;
    position: relative;
    /* min-height: 100vh; */
}

.wit-content .row {
    overflow: hidden;
}

.wit-content-one .wit-title {
    margin-bottom: 60px;
}

.wit-title {
    /* margin-bottom: 50px; */
}

.wit-title h3 {
    background: url(../image/icon-zh-cpzx-arrow.png) no-repeat left center;
}

.wit-content .wit-synopsis {
    background: #1a1d21;
    position: absolute;
    right: 0%;
    margin-top: 8%;
    min-height: auto;
    padding: 4%;
}

.wit-synopsis h6 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px
}

.wit-synopsis p {
    font-size: 14px;
    color: #999;
    text-indent: 2em;
    line-height: 1.5;
}

.wit-synopsis .wit-synopsis-ul {
    margin-top: 25px;
}

.wit-synopsis .wit-synopsis-ul li {
    text-align: center;
}

.wit-synopsis .wit-synopsis-ul li span {
    font-family: "Adobe Heiti Std";
    font-size: 36px;
    font-weight: 300;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0px;
    color: #0880cf;
    display: block;
}

.wit-synopsis .wit-synopsis-ul li small {
    font-weight: normal;
    color: #666;
    font-size: 16px;
}

.wit-synopsis-word:last-child {
    margin-top: 50px;
}

.zh-cpzx-ul {}

.zh-cpzx-ul li {
    min-height: 124px;
}

.zh-cpzx-ul li .zh-cpzx-ul-li {
    border: 1px solid #086fcf;
    background: rgba(8, 128, 207, 0.051);
    overflow: hidden;
    padding: 6%;
}

.zh-cpzx-ul li .zh-cpzx-ul-li .jjal-text h6 {
    margin: 10px 0 10px 0;
}

.zh-cpzx-ul li .zh-cpzx-ul-li .jjal-text h6 p {
    margin-bottom: 5px;
}

.zh-plan-one {
    background: url(../image/zh-plan-bg1.jpg) no-repeat;
}

.zh-cpzx-ul li .zh-cpzx-ul-li:hover {
    background: #0880CF;
}

.zh-cpzx-ul li .zh-cpzx-ul-li:hover p {
    color: #fff;
}

.zh-cpzx-ul-red li .zh-cpzx-ul-li:hover {
    background: #e6000f;
}

.zh-cpzx-ul-cyan li .zh-cpzx-ul-li:hover {
    background: #37c1cb;
}

.zh-cpzx-ul-green li .zh-cpzx-ul-li:hover {
    background: #00a653;
}

/* 智慧交通 */


/* 智慧政务 */
.section-zhzw-banner1 {
    background: url(../image/index-banner1-bg3.png) no-repeat;
    background-size: cover;
    background-size:100% 100%;
}

.wit-government-word {
    margin: 90px 0 40px 0;
    padding: 75px 0;
}

.wit-government-word.eng {
    padding: 35px 0;
}

.wit-government-word p {
    margin-bottom: 30px;
}

.wit-title-two h3 {
    background: url(../image/icon-zh-cpzx-arrow1.png) no-repeat left center;
}

.zh-cpzx-ul-red li .zh-cpzx-ul-li {
    border: 1px solid #e6000f;
    background: rgba(230, 0, 15, 0.051);
}

.zh-plan-two {
    background: url(../image/zh-plan-bg2.jpg) no-repeat;
}

/* 智慧政务 */

/* 智慧交通 */
.section-zhjy-banner1 {
    background: url(../image/index-banner1-bg4.png) no-repeat;
    background-size: cover;
    background-size:100% 100%;
}

.wit-title-three h3 {
    background: url(../image/icon-zh-cpzx-arrow2.png) no-repeat left center;
}

.zh-cpzx-ul-cyan li .zh-cpzx-ul-li {
    border: 1px solid #16a9b4;
    background: rgba(22, 169, 180, 0.051);
}

.zh-plan-three {
    background: url(../image/zh-plan-bg3.jpg) no-repeat;
}

/* 智慧交通 */

/* 智慧能源 */
.section-zhny-banner1 {
    background: url(../image/index-banner1-bg5.png) no-repeat;
    background-size: cover;
    background-size:100% 100%;
}

.wit-title-four h3 {
    background: url(../image/icon-zh-cpzx-arrow4.png) no-repeat left center;
}

.wit-government-word p span {
    display: block;
}

.zh-cpzx-ul-green li .zh-cpzx-ul-li {
    border: 1px solid #00a653;
    background: rgba(0, 166, 83, 0.051);
}

.zh-plan-four {
    background: url(../image/zh-plan-bg4.jpg) no-repeat;
}

@media only screen and (min-width: 992px) {
    .wit-content .wit-synopsis {}
}

@media (min-width: 1920px) {
    .wit-content.container {
        width: 1520px;
    }

}

@media only screen and (min-width: 1520px) and (max-width: 1919px) {
    .wit-content.container {
        width: 1500px;
    }

    /* .wit-synopsis-img img{
        zoom: 0.7;
    } */
}

@media only screen and (min-width: 1440px) and (max-width: 1519px) {
    .wit-content.container {
        width: 1400px;
    }

    .wit-content .wit-synopsis {
        margin-top: 3%;
    }

    .wit-synopsis-img img {
        zoom: 0.8;
    }

}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
    .wit-content.container {
        width: 1300px;
    }

    .wit-content .wit-synopsis {
        margin-top: 3%;
    }
}

@media screen and (max-width: 1440px) {
    .wit-synopsis-img img {
        zoom: 0.8;
    }

    .wit-content .wit-synopsis {
        margin-top: 3%;
    }
}

@media screen and (max-width: 1200px) {
    .wit-content .wit-synopsis {
        margin-top: 0%;
        background: transparent;
        width: 100%;
        position: relative;
    }

    .wit-synopsis .wit-traffic-ul {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .wit-synopsis-img {
        display: none;
    }

}

@media only screen and (max-width: 767px) {
    .wit-content {
        padding-top: 1.75rem;
    }

    .jjfa-banner-title {
        margin-bottom: 20px;
    }

    .wit-synopsis-img {
        display: block;
    }

    .wit-synopsis-img img {
        display: block;
        width: 100%;
    }

    .wit-synopsis .wit-synopsis-ul li span {
        font-size: 24px;
    }

    .wit-synopsis .wit-synopsis-ul li small {
        font-size: 14px;
    }

    .wit-synopsis-word {
        margin-bottom: 20px;
    }

    .wit-content-two .jjal-text {
        float: none;
        width: 100%;
    }

    .wit-content-two .jjfa-banner-title {
        margin-bottom: 0px;
    }

    .wit-content-two .jjfa-ul li {
        margin-top: 20px;
    }

    .wit-government-word {
        margin-top: 0px;
    }

    .wit-government-word p {
        margin-bottom: 0px;
    }

    .wit-synopsis-word {
        margin-bottom: 0px;
    }
}

/* 智慧能源 */

@media (min-width: 1920px) {
    /* .section-lxwm-banner2 .l-address ul li{
        
    } */
}

/* 军民融合 */
.section-jmrh-banner1 {
    background: url(../image/index-banner-bg6.png) no-repeat;
    background-size: cover;
    background-size:100% 100%;
}

.wit-title-five h3 {
    background: url(../image/icon-zh-cpzx-arrow5.png) no-repeat left center;
}

.jjfa-ul-cm li h6 {
    margin-top: 10px;
}

.zh-plan-five {
    background: url(../image/zh-plan-bg5.jpg) no-repeat;
}

/* 军民融合 */


/* 首屏小屏幕 */
@media screen and (max-width: 1440px) {
    .section-gywm-banner2 {
        padding: 3rem 0;
    }

    .section-banner-first .slide-li1 {
        background-size: 85%;
    }

    .half-num .half-tab {
        text-align: center;
    }

    /* .container {
         width: 1440px;
    }
	.zhjy-left img{
		margin-left:-200px;
	}*/
    /*.half-list-fl{
        width: 100%;
    }*/
    /*.half-list-fr{
        width: 100%;
    }*/
    .zhzw-content .half-font {
        float: left;
        margin-left: 2.5rem;
        margin-top: 0rem;
    }

    .gywm-content .half-font {
        float: right;
        margin-right: 2.5rem;
    }

    .zhjy-left {
        position: relative;
    }

    .zhjy-left img {
        position: absolute;
        right: 0;
    }

    .half-list-fr img {
        /*zoom: 0.7;*/
        display: block;
        margin: 0 auto;
    }

    .section-gywm-banner1 {
        background-size: 80%;
    }

    .section-cpzx-banner1 {
        /* background-size: 90%; */
    }

    .section-jdal-banner1 {
        /* background-size: 90%; */
    }

    .section-rczp-banner1 {
        /* background-size: 90%; */
    }

    .section-lxwm-banner1 {
        /* background-size: 90%; */
    }

    .section-jrjd-banner3 {
        padding: 2rem;
    }

    /* 解决方案 */
    .section-jjfa-banner1 {
        /* background-size: 90%; */
    }

    /* 解决方案 */
}

@media screen and (max-width: 1199px) {
    .half-list-fr img {
        zoom: 0.7;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 1920px) {

    .section-index-banner3 .container,
    .section-index-banner4 .container,
    .section-index-banner5 .container,
    .section-lxwm-banner2 .container,
    .section-zhjt-banner2 .container,
    .section-zhjt-banner4 .container {
        width: 1520px;
        margin: 0 auto;
    }

    .section-zhjt-banner3 .container,
    .section-gywm-banner5 .container {
        width: 1520px;
        margin: 8% auto 0;
    }

    .car-cases-banner {
        width: 1520px;
        margin: 0 auto;
    }

    /*.zhjt-content.container {
        width: 1920px;
    }*/
    .gywm-content .half-num {}
}

/*1920*/
/*@media screen and (min-device-width: 1440px) and (max-device-width: 1920px) {
    .zhjt-content.container {
        width: 100%;
    }
}*/

/* 移动端 */
@media only screen and (max-width: 767px) {
    .subNavBox {
        display: block;
    }

    .slide-mess h2 {
        font-size: 2rem;
    }
    .slide-mess h2,
    .slide-mess p{
        color: #000;
    }

    .slide-mess {
        width: 90%;
    }

    .slide-mess .slide-tips2,
    .slide-mess .slide-tips3,
    .slide-mess .slide-tips4,
    .slide-mess .slide-tips5,
    .slide-mess .slide-tips6 {
        width: 100%;
    }

    .slide-mess p {
        font-size: 0.8rem;
        line-height: 20px;
    }

    .slide-mess .slide-tips {
        height: 10rem;
    }

    .slide-mess .slide-tips li {
        margin: 0rem;
        width: 30%;
    }

    .slide-mess .slide-tips li i {
        height: 1.5rem;
        width: 1.5rem;
    }

    .index-banner1-icons {
        width: 100%;
        height: 100%;
        display: block;
    }

    .slide-mess .slide-tips span {
        font-size: 0.5rem;
    }

    .section-index-banner1 .slide-li1 {
        background-position: 50% 50%;
        background-size: cover;
        background-color: #14171a;
    }

    .slide-li1,
    .slide-li2,
    .slide-li3,
    .slide-li4,
    .slide-li5,
    .slide-li6 {
        /* background-position: 85% 100%;
        background-size: 100% 100%; */
        /* background-color: #14171a; */
    }

    .ato-list-fl {
        display: none;
    }

    .ato-content {
        padding-left: 0%;
    }

    .ato-list ul li {
        height: 225px;
    }

    .ato-list ul li img {
        width: 100%;
    }

    .flow-fix-container .flow-tab {
        max-height: 5rem;
        padding: 0.5rem;
        margin: 5px 0;
    }

    .banner-title h3 {
        font-size: 1.1rem;
    }

    .section-index-banner5 .banner-title-common {
        margin-top: 10%;
    }

    .section-index-banner6 .banner-title-common {
        margin-top: 17%;
    }

    .banner-title span {
        font-size: 12px;
        line-height: 15px;
    }

    .index-map-container {
        min-height: 15rem;

    }

    .index-map-numb .index-map-tab span {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .index-map-numb .index-map-tab small {
        font-size: 0.8rem;
    }

    .index-map-numb .index-map-tab {
        margin-top: 0.5rem;
    }


    .flow-fix-container .flow-tab p {
        min-height: 0px;
        display: none;
    }

    .flow-fix-container .flow-tab h5 {
        font-size: 0.9rem;
    }

    .icon-flow-tab-s {
        background-size: 80%;
    }

    .section-gywm-banner1 .gywm-mess,
    .section-cpzx-banner1 .cpzx-mess,
    .section-jdal-banner1 .jdal-mess,
    .section-rczp-banner1 .rczp-mess,
    .section-lxwm-banner1 .lxwm-mess,
    .section-zhjt-banner1 .zhjt-mess {
        width: 80%;
    }

    .gywm-content {
        margin-top: 1rem;
    }

    .gywm-content .half-num {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .gywm-content .half-num .half-tab span {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .half-num .half-tab {
        margin: 0.5rem 0;
    }

    .section-gywm-banner3 .banner-title-common {
        padding-top: 12%;
    }

    .section-gywm-banner4 {
        padding: 12% 0;
    }

    .banner-title h3::after {
        width: 3rem;
        height: 2px;
        bottom: -5px;
    }

    .section-jdal-banner3 .banner-title h3::after {
        bottom: -15px;
    }

    .date-container {
        margin-top: 0rem;
        transform: scale(0.8);
        padding: 0;
    }

    .date-container .swiper-container {
        width: 7rem;
    }

    .date-container .swiper-message {
        width: calc(100% - 8rem);
        padding-left: 1rem;
    }

    .date-container .swiper-message .swiper-message-li .swiper-czlc-list {
        margin: 1.5rem 0;
    }

    .date-container .swiper-slide {
        font-size: 1.2rem;
    }

    .date-container .swiper-slide small {
        font-size: 1rem;
    }

    .date-container .swiper-button-prev,
    .date-container .swiper-button-next {
        left: 4rem;
    }

    .flow-tab-container ul li {
        height: 10rem;
    }

    .section-gywm-banner5 ul li .l-about-img {
        margin-top: 1rem;
    }

    .flow-tab-container ul li small {
        border-top: 1px dashed #78797a;
        padding-top: 5px;
        margin-top: 5px;
        display: block;
        min-height: 20px;
    }

    .section-gywm-banner2 {
        padding: 12% 2%;
    }

    .section-gywm-banner5 {
        padding: 12% 0%;
    }

    .zhjt-content .half-num .half-tab {
        width: 33%;
        margin: 0.5rem 0;
        min-height: 75px;
    }

    .zhjt-content .half-num img {
        zoom: 0.8;
    }

    .gywm-content .half-num .half-tab small {
        font-size: 70%;
        margin: 0 2%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .zhjt-content .half-list-fr img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .gywm-content .half-font {
        margin-right: 0rem;
        margin-top: 1rem;
    }

    .zhzw-content .half-font {
        margin-left: 0rem;
    }

    .read-more {
        margin-top: 1rem;
    }

    .read-more a {
        line-height: 2rem;
        padding: 0 1rem;
    }

    .section-jdal-banner2,
    .section-jdal-banner3 {
        padding: 2rem 0;
    }

    .jundu-exam-map {
        min-height: 20rem;
    }

    .l-link ul {
        margin: 3rem 0 0;
        max-height: 1550px;
        overflow: hidden;
    }

    .l-link .row li {
        border: 1px solid #515151 !important;
        margin: 2%;
    }

    .l-link .row .col-xs-6 {
        width: 46%;
    }

    .section-rczp-banner2,
    .section-lxwm-banner2 {
        padding: 2rem 4%;
    }

    .section-rczp-banner2 .zp-content p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        text-indent: 2em;
    }

    .rczc-content {
        margin: 2rem auto;
    }

    .rczc-content .zp-word {
        margin-top: 0.5rem;
        text-align: center;
        font-size: 14px;
        width: 100%;
    }

    .zp-fr {
        margin-top: 20px
    }

    .rczc-content .zp-word span {
        display: block;
        font-size: 14px;
        margin-bottom: 1em;
    }

    .section-lxwm-banner2 .l-address ul li {
        min-height: 6rem;
        padding: 1rem 0;
        border-bottom: 1px solid #545454 !important;
    }

    .section-lxwm-banner2 .l-address ul li h5 {
        margin-bottom: 5px;
        font-size: 1.2rem;

    }

    .section-lxwm-banner2 .l-address ul li p {
        font-size: 1rem;
        margin-bottom: 0px;
    }

    .section-zhjt-banner2 .banner-title {
        margin-top: 2rem;
        text-align: center;
    }

    .section-zhjt-banner5 .banner-title {
        text-align: center;
        margin-top: 0;
    }

    .section-zhjt-banner2 .banner-title small.fr,
    .section-zhjt-banner5 .banner-title small.fr,
    .car-banner {
        display: none;
    }

    .section-zhjt-banner2 .banner-title h3::after,
    .section-zhjt-banner5 .banner-title h3::after {
        left: 50%;
        transform: translateX(-50%);
        width: 2rem;
        bottom: -10px;
    }

    .section-zhjt-banner5 .banner-title h3::after {
        bottom: 0px;
    }

    .section-zhjt-banner2 .car-banner-mess {
        margin-top: 2rem;
    }

    .section-zhjt-banner2 .car-banner-ques {
        margin: 0 auto;
        width: 20rem;
        width: 6.8rem;
        display: block;
    }

    .section-zhjt-banner3 .zhjh-img {
        height: 10rem;
    }

    .section-zhjt-banner3 .flow-tab p,
    .section-zhjt-banner4 .zhcx-content h5 {
        font-size: 0.9rem;
        margin-top: 1rem;
        text-align: center;
    }

    .zh-content {
        margin: 3rem auto 0;
    }

    .section-zhjt-banner4 {
        padding: 2rem 0;
    }

    .section-zhjt-banner4 .zhcx-content ul li .l-img {
        height: 10rem;
    }

    .flow-tab-two img {
        zoom: 0.4;
    }

    .flow-tab-four img {
        zoom: 0.5;
    }

    .section-zhjt-banner4 .zhcx-content {
        margin: 0rem auto !important;
    }

    .section-zhjt-banner5 {
        padding: 2rem 0;
    }

    .section-zhjt-banner3 img.float-car {
        zoom: 0.6;
    }

    #cases-map {
        min-height: 20rem;
        margin: 0rem auto;
    }

    .section-zhjt-banner6 .f-partners .f-partners-tab,
    .f-partners .f-partners-tab {
        margin: 0;
        height: 100%;
        overflow: hidden;
        display: block
    }

    .f-partners {
        margin: 3%;
    }

    .f-partners .f-partners-tab a {
        width: 46%;
        margin: 2%;
        position: relative;
        display: block;
        border: 1px solid #545454;
        padding: 6% 0;
    }

    .f-partners .f-partners-tab a img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        zoom: 0.6;
        height: 40%;
    }

    .section-zhjt-banner6 {
        background: url(../image/index-banner7-bg.jpg) no-repeat center;
        background-size: 100% 100%;
    }

    .section-gywm-banner,
    .section-jdal-banner1,
    .section-jdal-banner1,
    .section-rczp-banner1,
    .section-lxwm-banner1,
    .section-index-banner5,
    .section-index-banner7,
    .section-jjfa-banner1,
    .section-index-banner3{
        /* background-size: 100%; */
        background-size: cover;
        background-position: 50%,50%;
    }

    .pc-footer {
        display: none;
    }

    .footer-page {
        height: 100%;
        padding-top: 0rem;
    }

    .h5-footer {
        height: 100vh;
        padding-top: 2.5rem;
    }

    .footer .footer-l {
        padding-left: 0;
        width: 100%;
        /*  float: left;*/
        margin: 0;
    }

    .footer .footer-r {
        display: none
    }

    .footer .footer-cut-vline {
        margin-right: 1rem;
    }

    .footer .footer-l ul {
        display: none;
    }

    .footer .footer-l .footer-2d-barcode {
        width: 100%;
        margin-top: 2rem;
    }

    .footer .footer-l .footer-2d-barcode img {
        /* width: 3.5rem;
        height: 3.5rem;*/
        display: block;
        margin: 0 auto;
    }

    .footer .footer-2d-barcode span {
        font-size: 1rem;
    }

    .footer-cut-hline {
        border-top: 1px solid #222429;
        background: none;
        padding-top: 1rem;
    }

    .footer-one {
        display: none;
    }

    .footer-two {
        display: block;
    }

    .footer .footer-two {
        line-height: 1.2rem;
        padding: 0rem 0 1rem;
    }

    .section-jrjd-banner3 {
        display: none;
    }

    .h5-footer .footer-two {
        position: absolute;
        bottom: 5px;
        width: 100%;
    }

    .h5-footer .footer-cut-hline {
        overflow: hidden;
        margin-top: 1rem;
        position: absolute;
        bottom: 60px;
    }

    .h5-footer .footer-l .footer-2d-barcode {
        width: 100%;
        margin-top: 5rem;
    }

    /* 人才招聘-移动端 */
    .h5-swiper {
        background: #191b1f;
        padding: 2rem 0;
        position: relative;
        display: block;
    }

    .h5-swiper .h5-swiper-title {
        position: relative;
    }

    .h5-swiper .h5-swiper-title h3 {
        text-align: center;
        font-size: 1.1rem;
        color: #fff;
        font-weight: bold;
    }

    .h5-swiper .h5-swiper-title::after {
        content: '';
        width: 3rem;
        height: 2px;
        background-color: #ffb82b;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .h5-swiper .swiper-container {
        margin: 6% 4% 4%;
    }

    .h5-swiper .swiper-container .swiper-wrapper {
        height: 195px;
    }

    .h5-swiper .swiper-container .swiper-wrapper a {
        display: block;
    }

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

    .h5-swiper .ato-tips h3 {
        font-size: 1.2rem;
    }

    .h5-swiper .ato-tips {
        left: 15px;
    }

    .h5-swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 40%;
    }

    .h5-swiper .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
        background: #fff;
        opacity: 0.5;
        border-radius: 10px;
    }

    .h5-swiper .swiper-pagination-bullet-active {
        background: #ffb82b;
        width: 20px;
        height: 4px;
        opacity: 1;
    }

    .flow-tab-container ul li h4 {
        font-size: 1.2rem;
    }

    /* 关于我们-移动端 */
    .zz-cont {
        display: none;
    }

    .h5-zz-cont {
        position: relative;
        padding: 12% 0;
        display: block;
    }

    .h5-zz-cont .swiper2 {
        margin: 0 auto;
        position: relative;
        width: 12rem;
    }

    .h5-zz-cont .swiper-slide {}

    .h5-zz-cont img {
        width: 100%;
        height: 100%;
        display: block;

    }

    .h5-zz-cont .h5-s-top img {
        margin-top: 25%;
    }

    .h5-zz-cont .swiper-button-next {
        background: url(../image/swiper_r.png) no-repeat;
        background-size: 100%;
        right: 20px;
    }

    .h5-zz-cont .swiper-button-prev {
        background: url(../image/swiper_l.png) no-repeat;
        background-size: 100%;
        left: 20px;
    }

    .h5-zz-cont .swiper-button-next:after,
    .h5-zz-cont .swiper-button-prev:after {
        color: transparent
    }

    /* 首页轮播-移动端 */
    .section-index-banner2 .j-page2 {
        display: none;
    }

    .h5-page2 {
        background: none;
    }

    .h5-page2 .banner-title {
        text-align: center;
    }

    .h5-page2 .banner-title h3::after {
        left: 44%;
    }

    .h5-page2 .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 36%;
    }

    .banner-title-long p {
        margin-top: 3rem;
        font-size: 16px;
    }

    .flow-advance-container .l-ys-img {
        zoom: 0.8;
    }

    .flow-advance-container ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 5px;
        font-size: 0.9rem;
    }

    .flow-advance-container ul li {
        height: 13rem;
    }

    .f-partners-one .f-partners-tab a {
        width: 29%;
        margin: 2%;
    }

    .f-partners-one .f-partners-tab a .f-tx {
        height: 25%;
    }

    /*.navbar-nav {
        background: #000;
    }*/
    .nav>.l-nav-li {
        display: none;
    }

    .zhjy-left {
        padding-left: 15px;
    }

    /* 网站正在建设中 弹窗 */
    .j-mask-center {
        width: 300px;
        height: 250px;
        margin-left: -150px;
        margin-top: -130px;
    }

    .j-mask-center .j-mask-img {
        width: 200px;
        height: 156px;
        margin: 20px auto;
    }

    .j-mask-center p {
        font-size: 1.125rem;
        margin: 20px 0;
    }

    /* 网站正在建设中 弹窗 */

    /* 获取方案 */
    .plan-center {
        height: auto;
    }

    .plan-center h3 {
        margin-bottom: 20px;
    }

    .plan-center h3 img {
        width: 100%;
    }

    .plan-center .plan-form {
        width: 100%;
        margin: 30px 0;
    }

    .plan-center .plan-form form {
        padding: 30px;
    }

    .plan-center p {
        display: none;
    }

    .plan-center .plan-form .j-code-number {
        width: 35%
    }

    .plan-center .plan-form .j-code-number img {
        width: 100%
    }

    /* 获取方案 */

    .zhjy-left {
        position: initial !important;
        margin-top: 20px;
    }

    .zhjy-left img {
        position: initial !important;
    }

    .half-list-fr {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 320px) {
    .index-map-container {
        min-height: 10rem;
    }

    #flow-fix-container .jj-box {
        zoom: 0.8;
    }

    .flow-advance-container ul li {
        zoom: 0.8;
    }

    .subNav {
        font-size: 16px;
    }

    .navContent li a {
        font-size: 14px;
    }
}


/* 改版导航、侧边按钮  */
.navigation-inner {
    margin: 0 auto;
    position: relative;
    float: right;
}

.navigation-up {
    height: 80px;
}

.navigation-up .navigation-v3 {
    float: left;
}

.navigation-up .navigation-v3 ul {
    float: left
}

.navigation-up .navigation-v3 li {
    float: left;
    font-size: 15px;
    color: #fff
}

.navigation-up .navigation-v3 .nav-up-selected-inpage {
    border-bottom: 5px solid#0e56a2;
}

.navigation-up .navigation-v3 li a {
    padding: 0 10px;
    margin: 0 15px;
    color: #fff;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    font-family: "microsoft yahei"
}

.navigation-up .mini-nav {
    display: none;
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
    float: left;
}

.navigation-up .mini-nav-title {
    border-bottom: solid 1px #222429;
}


.navigation-up .mini-nav .subNav {
    padding-left: 0px;
    text-align: left;
    font-size: 16px;
    line-height: 46px;
    cursor: pointer
}

.navigation-up .mini-nav .navContent {
    overflow: hidden;
}

.navigation-up .mini-nav .navContent li span {
    display: block;
}

.navigation-up .mini-nav .navContent li a {
    width: 100%;
    padding-left: 15px;
    text-align: left;
    cursor: pointer
}

.navigation-up .mini-nav .mini-nav-title a {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    line-height: 46px;
}

.navigation-up .mini-nav .mini-nav-title a:focus {
    color: #ffb82b;
}

.navigation-up .mini-nav .navContent.navContent-s li a {
    padding-left: 30px;
}

.navigation-down {
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
}

.navigation-down .nav-down-menu {
    width: 100%;
    margin: 0;
    background: #202020;
    position: absolute;
    top: 0px
}

.navigation-down .nav-down-menu .nav-common-title {
    font-family: 'SourceHanSansCN-Light';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 80px;
    letter-spacing: 0px;
    color: #b4b4b4;
    border-bottom: 1px solid #333;
    display: block;
    width: 55%;
}

.navigation-down .nav-down-menu .nav-common-title.common-nav-right {
    width: 100%;
}

.navigation-down .nav-down-menu .navigation-down-inner {
    width: 1520px;
    position: relative;
    margin: auto;
    overflow: hidden;
    padding: 40px 0 80px;
}

.navigation-down .nav-down-menu .navigation-down-inner .icon-nav-close-btn {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 40px;
    right: 0;
    background: url('../image/icon-nav-close.png')no-repeat;
    background-size: contain;
}

.navigation-down .nav-down-menu .navigation-down-inner div.fl {
    display: none;
    width: calc(100% - 355px);
}

.navigation-down .nav-down-menu .navigation-down-inner div.fl.div_show {
    display: block;
}

.navigation-down .nav-down-menu .navigation-down-inner dl:nth-last-of-type(1) {
    margin-right: 0;
}

.navigation-down .nav-down-menu dl {
    float: left;
    margin-right: 110px
}

.navigation-down .menu-1 dl {
    margin: 30px 80px 0 0
}

.navigation-down .menu-1 dl.fr img {
    width: 420px;
    height: 260px;
}

.navigation-down .menu-1 dt {
    font-family: 'SourceHanSansCN';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #b4b4b4;
    border-bottom: 1px solid #333;
    margin-bottom: 30px
}

.navigation-down .menu-1 dd a {
    font-family: 'SourceHanSansCN-Normal';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #fff
}

.navigation-down .menu-1 dd a:hover {
    color: #00AFAA;
    transition: all 0.2s;
}

.navigation-down .nav-sidebar {
    width: 300px;
    height: auto;
    overflow: hidden;
    border-right: 1px solid #444;
    margin-right: 50px;
    float: left;
}

.navigation-down .nav-sidebar span {
    width: 240px;
    height: 68px;
    display: block;
    padding-left: 30px;
    line-height: 68px;
    border-bottom: 1px solid #444;
    font-family: 'MicrosoftYaHei';
    font-size: 16px;
    font-weight: 600;
    line-height: 68px;
    color: #b4b4b4;
}

.navigation-down .nav-sidebar span a {
    font-family: 'MicrosoftYaHei';
    font-size: 16px;
    font-weight: 600;
    line-height: 68px;
    color: #b4b4b4;
}

.navigation-down .nav-sidebar span:hover,
.navigation-down .nav-sidebar span.active {
    color: #fff;
    background: url('../image/icon-nav-link.png')no-repeat;
    background-position: center;
}

.navigation-down .nav-sidebar span:hover a,
.navigation-down .nav-sidebar span.active a {
    color: #fff;
}

.sidebar-fast-btns {
    width: 50px;
    height: auto;
    position: fixed;
    right: 26px;
    bottom: 45px;
    z-index: 99999;
}

.sidebar-fast-btns a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 10px 0;
    text-align: center;
    background-color: #27282f;
    border-radius: 50%;
}

.sidebar-fast-btns .qa-btn:hover {
    background-color: #00AFAA;
}

.sidebar-fast-btns .back-to-top {
    display: none;
}

.sidebar-fast-btns .sidebar-icon-qa {
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: bottom;
    margin-top: 8px;
    background: url('../image/icon-side-question-hover.png')no-repeat;
    background-size: contain;
}

.sidebar-fast-btns .qa-btn:hover .sidebar-icon-qa {
    background: url('../image/icon-side-question.png')no-repeat;
    background-size: contain;
    transition: all 0.3s;
}

.sidebar-fast-btns .sidebar-icon-top {
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: bottom;
    margin-top: 8px;
    background: url('../image/icon-side-rocket.png')no-repeat;
    background-size: contain;
}

.sidebar-fast-btns .back-to-top:hover .sidebar-icon-top {
    background: url('../image/icon-side-rocket-hover.png')no-repeat;
    background-size: contain;
    transition: all 0.3s;
}


.fl {
    float: left !important;
}

.fr {
    float: right !important;
}



@media (min-width: 1501px) and (max-width: 1680px) {
    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1500px;
    }

    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1480px;
    }

    .navigation-down .menu-1 dl {
        margin: 25px 35px 0 15px;
    }
}

@media (min-width: 1367px) and (max-width: 1500px) {
    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1350px;
        padding: 30px 0 70px;
    }

    .navigation-down .menu-1 dl {
        margin: 20px 20px 10px 5px;
    }

    .navigation-down .menu-1 dt {
        margin-bottom: 20px;
    }

    .navigation-down .menu-1 dd a {
        line-height: 34px;
    }
}

@media screen and (max-width: 1366px) {
    .navigation-up .navigation-v3 li a {
        padding: 10px 15px;
        line-height: 60px;
    }

    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1300px;
        padding: 25px 10px 60px;
    }

    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1300px;
    }

    .navigation-down .menu-1 dl {
        margin: 15px 20px 10px 10px;
    }

    .navigation-down .menu-1 dl.fr {
        margin-top: 0;
    }

    .navigation-down .menu-1 dl.fr img {
        width: 336px;
        height: 208px;
        transition: all 0.5s;
    }

    .navigation-down .menu-1 dt {
        margin-bottom: 15px;
        line-height: 52px;
        font-size: 22px;
    }

    .navigation-down .menu-1 dd a {
        line-height: 32px;
    }

    .navigation-down .nav-down-menu .navigation-down-inner .icon-nav-close-btn {
        right: 20px;
        bottom: 45px;
    }
}

/* @media (min-width:1024px) and (max-width: 1366px){
        .navigation-up .navigation-v3 li a{
            padding: 10px 15px;
            line-height: 60px;
        }
        .navigation-down .nav-down-menu .navigation-down-inner{
            width: 1050px!important;
        }
        .navigation-down .nav-down-menu .navigation-down-inner{
            width: 1050px!important;
        }
        .navigation-down .menu-1 dl{
            margin: 15px 35px 0 15px;
        }
    } */
@media only screen and (width: 1024px) {
    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1024px !important;
    }

    .navigation-down .nav-down-menu .navigation-down-inner {
        width: 1024px !important;
    }

    .navigation-down .menu-1 dl {
        margin: 15px 30px 10px 15px;
    }
}

@media (min-width: 768px) {
    .navbar .container {
        width: calc(100% - 100px);
        margin: 0 50px;
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    .l-nav {
        background-color: rgba(1, 104, 183, 0.5);
    }

    .navbar-fixed-top .navbar-collapse {
        height: calc(100vh - 50px) !important;
        max-height: calc(100vh - 50px);
        overflow-y: scroll;
        /* z-index: 9999999; */
        background-color: #ededed;
    }

    .navigation-up .navigation-v3 {
        display: none;
    }

    .navigation-up .mini-nav {
        display: block;
    }
}

/* 导航栏背景色 */
.l-nav.darkground {
    background-color: rgba(1, 104, 183, 0.5);
    border: none;
    border-radius: 0px;
    !important
}

/* 解决方案移动端 */
@media only screen and (max-width: 767px) {
    .jjfa-content {
        padding-top: 3.5rem;
    }

    .sol .jjfa-ul li {
        min-height: 70px;
    }

    .jjfa-cpjj-box .jjfa-cpjj-right {
        left: 0;
        position: relative;
        margin-top: 5%;
        top: 0%;
        transform: translateY(-0%);
    }

    .jjfa-cpjj-box {
        min-height: auto;
    }

    .section-zhjt-banner1,
    .section-zhzw-banner1,
    .section-zhjy-banner1,
    .section-zhny-banner1,
    .section-jmrh-banner1 {
        background-size: contain;
    }
    .subNav,.subNav a,.navContent li a,.gywm-content .half-font p {
        color: #000;
    }

    .wit-content-one .wit-title {
        margin-bottom: 30px;
    }

    .wit-content {
        margin: 20px 0;
    }

    .wit-content-two {
        margin-top: 30px;
    }

    .wit-government-word {
        padding: 0;
        margin: 0;
    }

    .wit-government-word.eng {
        padding: 0;
    }

    .wit-synopsis-word:last-child {
        margin-top: 0;
    }

}

.link-block {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.agree .jjfa-template-details {
    margin-bottom: 100px;
}

.agree .jjfa-template-details:first-child {
    margin-bottom: 0px;
}

.agree .jjfa-cpjj-box {
    min-height: 0px;
}


.agree .jjfa-template-details p {
    margin-bottom: 20px;
}

.section-user-agreement {
    background: #15161a url(../image/banner.png) no-repeat;
    background-size:100% 100%;
}

#flow-advance-container li,
.flow-tab-container li {
    cursor: pointer;
}

.jjfa-banner-jt09 {
    background: #15161a url(../image/w_jt_01.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt10 {
    background: #15161a url(../image/w_jt_02.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt11 {
    background: #15161a url(../image/w_jt_03.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt12 {
    background: #15161a url(../image/w_jt_04.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt13 {
    background: #15161a url(../image/w_jt_05.png) no-repeat;
    background-size:100% 100%;
}


.jjfa-banner-jt14 {
    background: #15161a url(../image/w_jt_06.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt15 {
    background: #15161a url(../image/w_jt_07.png) no-repeat;
    background-size:100% 100%;
}

.jjfa-banner-jt16 {
    background: #15161a url(../image/w_jt_08.png) no-repeat;
    background-size:100% 100%;
}

.swiper-message a {
    /* color: #ffffff; */
}

.swiper-message a:hover {
    color: #00AFAA;
}

.div_a_btn {
    position: absolute;
    left: 0;
    top: 60%;
    /* transform: translate(-50%, -50%); */
}

.a_btn {
    width: 120px;
    height: 36px;
    font-size: 12px;
    /* font-size: 14px; */
    line-height: 36px;
    /* line-height: 48px; */
    text-align: center;
    display: inline-block;
    color: #ffffff !important;
    background-color: #00AFAA;
    background-image: linear-gradient(to right, #0168b7, #00AFAA) !important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 10px;
}

.ato-list-top .ato-tips>p{color: #fff;}