@CHARSET "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
figure,
figcaption,
article,
aside,
footer,
header,
section,
footer,
nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: 黑体, my, Microsoft YaHei, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

@font-face {
    font-family: "my";
    src: url(/fonts/PINGFANGREGULAR0.TTF);
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
}

input,
button,
select,
textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

ul,
ol {
    list-style: none;
}

del {
    text-decoration: line-through;
}


/*tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
}

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

a:hover {
    text-decoration: none;
}

body {
    background: #fff;
}


/*清除浮动*/

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}


/*清除浮动*/

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '.';
}

@-webkit-keyframes swi {
    from {
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes swi {
    from {
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes xz {
    from {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* Internet Explorer */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}

@keyframes xz {
    from {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* Internet Explorer */
        -moz-transform: rotate(360deg);
        /* Firefox */
        -webkit-transform: rotate(360deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
    }
}

.w88 {
    max-width: 88%;
    margin: 0 auto;
}

.pt {
    padding-top: 70px;
}

.pb {
    padding-bottom: 40px;
}

.pr {
    display: none;
}

.title {
    text-align: center;
    font-size: 36px;
    line-height: 1.1;
    color: #333;
    padding-bottom: 20px;
    font-weight: bold;
}

.jdjs {
    text-align: center;
    font-size: 16px;
    color: #888;
    line-height: 1.1;
    padding-bottom: 40px;
}

.white {
    color: #fff;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px 0;
    z-index: 10;
}

header .head_l {
    width: 156px;
    float: left;
}

header .head_l img {
    width: 100%;
    display: block;
}

header .head_r {
    width: 57.4%;
    float: right;
    position: relative;
}

header .head_r ul {}

header .head_r ul li {
    float: left;
    line-height: 38px;
    margin-right: 7%;
    font-size: 16px;
    color: #e7e7e7;
    position: relative;
}

header .head_r ul li a {
    display: block;
    font-size: 16px;
    color: #e7e7e7;
}

header .head_r ul li:hover a {
    color: #fff;
    font-weight: bold;
}

header .head_r ul li.on a {
    color: #fff;
    font-weight: bold;
}

header .head_r ul li:last-child {
    margin-right: 0;
}

header .head_r ul li:nth-child(2) span,header .head_r ul li:nth-child(3) span {
    content: '';
    display: none;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 9px solid rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -8px;
}

header .head_r .xl {
    position: absolute;
    top: 54px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 2% 50px 2%;
    width: 640px;
    display: none;
}

header .head_r .xl .xln {
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 11;
}

header .head_r .xl .xln dl {}

header .head_r .xl .xln dl:last-child {
    margin-right: 0;
}

header .head_r .xl .xln dl dt a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 1.1;
    display: block;
}

header .head_r .xl .xln dl dd a {
    font-size: 12px;
    color: #b7b7b7;
    line-height: 28px;
    transition: color 0.4;
    display: block;
    transition: All 0.4s ease-out 0s;
}

header .head_r .xl .xln dl dd a:hover {
    color: #fff;
    text-indent: 10px;
}

header .tel {
    font-size: 22px;
    line-height: 38px;
    font-weight: bold;
    float: right;
    color: #fff;
}

.tel span {
    padding-left: 30px;
    position: relative;
}

.tel span:before {
    content: "";
    width: 19px;
    height: 19px;
    left: 0;
    top: 50%;
    position: absolute;
    margin-top: -9.5px;
    display: block;
    background: url(../images/icon01w.png) no-repeat center center/19px;
    animation: dianh .6s infinite alternate;
    -webkit-animation: dianh .6s infinite alternate;
}

@-webkit-keyframes dianh {
    from {
        -webkit-transform: rotate(15deg)
    }
    35% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(15deg)
    }
}

@keyframes dianh {
    from {
        -webkit-transform: rotate(15deg)
    }
    35% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(15deg)
    }
}

header .tel img {
    display: block;
}

.banner {
    width: 100%;
    position: relative;
}

.banner img {
    display: block;
    width: 100%;
}

.banner .cttp {
    width: 447px;
    ;
    position: absolute;
    top: 190px;
    left: 0;
    z-index: 9;
}

.banner_ban {
    height: 100%;
}

.banner .swiper-container {
    height: 100%;
}

.banner_h {
    width: 100%;
    height: 100%;
    background-size: cover;
}
/*新增*/
.transform_y{transition: 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; cursor: pointer;}
.transform_y:hover{transform:  translateY(-10px);-webkit-transform:  translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);}
.topx{background: #f7f7f7;padding-bottom: 90px;}
.topx-content{position:relative; max-width: 88%; margin: 0px auto; margin-top: 40px;}
.topx-content:before{position:absolute; content:''; top:-38px; left:-38px; right:-38px; border-radius:18px; bottom:-38px; background:#fff;}
.topx-content:after{display:block; content:''; clear:both;}
.topx-list{margin:0 -14px;}
.topx-item{position:relative; z-index:8; float:left; width:25%; padding:0 14px;}
.topx-item>div{background:#f8f8f8; padding:38px 28px; position:relative;}
.topx-item>div>i{font-size:38px; margin-right:8px; color:#f20f0f;}
.topx-item>div>b{font-size:30px;}
.topx-item>div>h3{font-size:20px; margin:18px 0 8px 0;} 
.topx-item>div>ul:after{display:block; content:''; clear:both;}
.topx-item>div>ul>li{float:left; min-width:50%; position:relative; padding-left:18px; margin-top:18px; font-size:16px; color:#686868;}
.topx-item>div>ul>li:before{position:absolute; width:6px; height:6px; border-radius:6px; opacity:0.8; content:''; left:0; top:50%; margin-top:-3px; background:#f20f0f;}
.topx-item>div>span{display:block; margin-top:28px;}
.topx-item>div>span:after{display:block; content:''; clear:both;}
.topx-item>div>span>a{float:left; overflow:hidden; line-height:36px; padding:0 18px; border-radius:3px; color:#fff; background:#f20f0f;}
.topx-item>div>span>a>b{font-weight:normal; position:relative; z-index:1;}
.topx-item>div>span>a:hover{background:#fff; color:#f20f0f;}
@media(max-width:1200px){
.topx-content{margin-top:0; padding-top:38px;}
.topx-content:before{display:none;}
.topx-list{margin:0 -10px;}
.topx-item{width:50%; padding:10px;}
}
@media(max-width:767px){
.topx{background: #fff;}
.topx-content{padding-top:18px; max-width: 94%;}
.topx-list{margin:0;}
.topx-item{width:100%; padding:4px 0;}
.topx-item>div{padding:16px;}
.topx-item>div>i{font-size:28px; margin-right:4px;}
.topx-item>div>b{font-size:22px;}
.topx-item>div>h3{font-size:16px; margin:12px 0 4px 0;} 
.topx-item>div>ul>li{padding-left:12px; margin-top:12px; font-size:14px;}
.topx-item>div>span{margin-top:18px;}
}

.process{background: #f7f7f7;}
.process ul{
    width: 90%;
    margin: auto;
    height: auto;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 20px;
    padding: 30px;
}

.process ul li{
    min-height: 300px;
    border-radius: 10px;
    padding: 20px;
    --tw-shadow: 0px 12px 48px 0px rgba(0,33,71,.05);
    --tw-shadow-colored: 0px 12px 48px 0px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.process ul li img{
    display: block;
    width: 50px;
    height: auto;
    margin: 10px auto;
}
.process .process_img {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.process dl {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px 20px;
    margin-top: 20px;
}

.process dl dt{
    background-color: #fff;
    padding: 10px;
    border-radius: 30px;
    color: #8a8a8a;
    text-align: center;
}
@media(max-width:767px){
    .process ul{
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        box-sizing: border-box;
        padding: 0;
    }
}
.advantages{
   background: #fff;
   padding-bottom: 70px;
}
.advantages ul{
    width: 88%;
    background: #f7f7f7;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 40px;
    padding: 40px 30px;
    margin: 0px auto;
    border-radius: 5px;
}
.advantages_left {
    width: 50px;
    float: left;
}
.advantages_left img{
    width: 80%;
}
.advantages_right{
    float: right;
    width: calc(100% - 50px);
    line-height: 1.6;
}
.advantages_right p{
    color: #717171;
}
@media(max-width:767px){
    .advantages ul{
        width: 94%;
        grid-template-columns: repeat(2, 1fr);
        padding:10px;
        box-sizing: border-box;
    }
}
.after-sales{
    background: #f7f7f7;
}

.after-sales ul{
    width: 90%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
    padding: 30px;
    margin: 0px auto;
}
.after-sales ul li{
    padding: 10px;
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --tw-shadow: 0px 2px 24px 0px rgba(33,79,143,.1);
    --tw-shadow-colored: 0px 2px 24px 0px var(--tw-shadow-color);
    border-radius: 5px;
    overflow: hidden;
    border-left:5px solid #006aff;
}

.after-sales ul li strong{
    font-size: 16px;
}

.after-sales ul li p{
    margin-top: 10px;
    color: #717171;
}
@media(max-width:767px){
    .after-sales ul{
        width: 94%;
        grid-template-columns: repeat(2, 1fr);
        padding:10px;
        box-sizing: border-box;
    }
}

/*新增小程序报价*/
.pricing-plans {
	padding: 70px 0px;
	background: #282A2E;
}
.pricing-plans .wrap {
	width: 88%;
	margin: 0 auto;
}
.pricing-plans .wrap .title {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}
.cart {
	width: 100%;
	padding: 2% 0 15%;
	display: block;
	color: #FFF;
	margin-top: 8%;
}
.cart a {
	color: #fff;
	display: block;
	width: 120px;
	height: 42px;
	line-height: 42px;
	background: #006aff;
	margin: 0 auto;
    border-radius: 5px;
}
.pricing-grides {
	width: 22.75%;
	float: left;
	background: #313338;
	text-align: center;
	margin: 0% 3% 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.pricing-grides:hover {
	transform: scale(1.04) translateY(-5px);
	z-index: 1;
	border-bottom: 0 none;
	background: #fff;
}
.pricing-grides:hover h3 a, .pricing-grides:hover .cart a {
	background: #f20f0f;
}
.pricing-grides:nth-child(4) {
	margin-right: 0;
}
.pricing-grides.nth-child {
	margin-right: 0;
}
.pricing-grides h3 a {
	background: #006aff;
	padding: 3% 2%;
	display: block;
	color: #FFF;
	font-size: 1.3em;
	box-shadow: 0px 1px 2px #696969;
	-webkit-box-shadow: 0px 1px 2px #696969;
	-moz-box-shadow: 0px 1px 2px #696969;
	-o-box-shadow: 0px 1px 2px #696969;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.price-value a {
	font-size: 1.6em;
	color: #A0A1A1;
}
.price-value {
	padding: 7% 0;
}
.pricing-grides {
	color: #C0BEBE;
}
.pricing-grides:hover {
	color: #666
}
.pricing-grides ul li {
	font-size: 15px;
	text-align: center;
	display: block;
	padding: 10px 0em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.pricing-grides ul li:hover {
	background: #353A42;
	color: #fff;
}
.client {
	margin-top: 60px;
	width: 100%;
	text-align: center;
}
.client .title {
	height: 32px;
	line-height: 32px;
	margin-bottom: 20px;
}
.client .title i {
	color: #fff;
	font-size: 25px;
	width: 100%;
	font-weight: 400;
	text-align: center;
	margin: 0% 17% 0 17%;
}
.client .title img {
	vertical-align: middle;
}
.client .data {
	width: 40%;
	float: left;
}
.client .img {
	float: left;
	margin: 0% 11% 0 13%;
}
.client .img1 {
	float: right;
	margin: 0 14% 0 0;
}
.client .data p {
	font-size: 14px;
	color: #C0BEBE;
	line-height: 28px;
	margin: 0 auto 10px;
}
.client .data p a {
	color: #f20f0f;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.client .data p a:hover {
	color: #999;
}
@media(max-width:767px){
    .pricing-plans{
        padding: 35px 0;
    }
    .pricing-plans .wrap .title{
        font-size: 26px;
    }
    .pricing-plans .wrap {
        width: auto;
        padding: 0 3%;
    }
    .pricing-grides {
        width: 96%;
        margin: 4% 2% 0;
    }
    .price-value {
        padding: 3% 0;
    }
    .price-value a{
        font-size: 1.3em;
    }
    .pricing-grides h3 a {
        padding: 2% 2%;
        font-size: 1em;
    }
    .pricing-grides ul li {
        padding: 8px 0;
    }
    .cart {
        padding: 0% 0% 10%;
    }
    .client .title img, .client .img, .client .img1 {
        display: none;
    }
    .client .data {
        width: 92%;
        float: none;
        margin: auto;
    }
}



/*
.wzbg{position: absolute;width:39%; top: 35%;left:0px;
-webkit-transition: all 1.2s ease-in-out 0s;
-moz-transition: all 1.2s ease-in-out 0s;
-ms-transition: all 1.2s ease-in-out 0s;
-o-transition: all 1.2s ease-in-out 0s;
transition: all 1.2s ease-in-out 0s;}
*/

.wzbg {
    position: absolute;
    width: 39%;
    top: 35%;
    left: 6%;
    /*background:rgba(0,0,0,0.5);*/
}

.wzbg h3 {
    width: 100%;
    font-size: 40px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 4.3%;
}

.wzbg p {
    width: 100%;
    font-size: 18px;
    color: #ddd;
    line-height: 1.7;
    margin-bottom: 10.8%;
}

.wzbg a {
    font-size: 15px;
    color: #fff;
    width: 100%;
    line-height: 2.8;
    display: block;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
}

.wzbg a img {
    width: auto!important;
    max-width: 90%;
}

.wzbg a.tbxg {
    width: 156px;
    height: 44px;
    background: url(../images/index15.png)no-repeat;
    background-size: 100%;
    position: relative;
}

.wzbg a.tbxg:after {
    content: '';
    display: block;
    width: 156px;
    height: 44px;
    background: url(../images/index15.jpg)no-repeat;
    background-size: 0% 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s;
}

.wzbg a.tbxg:hover:after {
    background-size: 100% 100%;
}


/*
.wzbg2{position: absolute;width:100%; top: 15%;left:0px;
-webkit-transition: all 1.2s ease-in-out 0s;
-moz-transition: all 1.2s ease-in-out 0s;
-ms-transition: all 1.2s ease-in-out 0s;
-o-transition: all 1.2s ease-in-out 0s;
transition: all 1.2s ease-in-out 0s;}
*/

.wzbg2 {
    width: 100%;
    position: absolute;
    top: 28%;
    left: 0%;
    /*background:rgba(0,0,0,0.5);*/
}

.wzbg2 h3 {
    font-size: 40px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 2%;
    text-align: center;
}

.wzbg2 p {
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 10.8%;
    text-align: center;
}

.banner .swiper-pagination {
    bottom: 36px;
    font-size: 0;
}

.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: none;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    width: 28px;
    height: 8px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 5px;
}

.index1 {}

.allm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.allm li {
    border: 1px solid #e7e7e7;
    padding: 0 14px;
    line-height: 28px;
    margin: 0 17px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.allm li a {
    font-size: 16px;
    color: #333;
    display: block;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.allm li:hover {
    background: #f20f0f;
}

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


/*
.allm li:last-child{border: 1px solid #006aff;}
.allm li:last-child a{color:#006aff;}
.allm li:last-child:hover{border: 1px solid #006aff;background: none;}
.allm li:last-child:hover a{color:#006aff;}
*/

.index_case {
    margin-top: 60px;
}

.index_case li {
    width: 31%;
    margin-right: 3.5%;
    float: left;
    margin-bottom: 20px;
}

.index_case li:nth-child(3n) {
    margin-right: 0;
}

.index_case li .img {
    overflow: hidden;
}

.index_case li .img img {
    width: 100%;
    display: block;
    transition: 300ms ease-out;
    -webkit-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    filter: brightness(61.2%);
}

.index_case li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: none;
}

.index_case li .nr {
    padding: 5% 2.8% 5.6%;
    background: url(../images/index4.png)no-repeat center right 2.8%;
    transition: background 0.3s ease-in-out 0s;
    -webkit-transition: background 0.3s ease-in-out 0s;
    -moz-transition: background 0.3s ease-in-out 0s;
    -ms-transition: background 0.3s ease-in-out 0s;
}

.index_case li .nr .tit {
    width: calc(100% - 30px);
    font-size: 18px;
    color: #222;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_case li .nr .des {
    width: calc(100% - 30px);
    font-size: 14px;
    color: #888;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_case li:hover .nr{
    background: url(../images/index5.png)no-repeat center right 2.8%;
}

.index_case li:hover .nr .tit {
    color: #f20f0f;
}

.index2 {
    background: #f7f7f7;
    padding-bottom: 90px;
}

.wmdfw li {
    width: 22.5%;
    margin-right: 3.33%;
    float: left;
    background: #fff;
    padding: 10px 0 70px;
    text-align: center;
}

.wmdfw li:nth-child(4n) {
    margin-right: 0;
}

.wmdfw li .img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wmdfw li .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.wmdfw li .tit {
    font-size: 24px;
    color: #222;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 25px;
}

.wmdfw li .tit a:hover {
    color: #006aff;
}

.wmdfw li .jj {
    text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.wmdfw li .con {
    font-size: 14px;
    color: #888;
    line-height: 2;
    display: inline-block;
    text-align: left;
}

.wmdfw li .con p {
    font-size: 14px;
    color: #888;
    line-height: 2.2;
    text-align: left;
    padding: 0 10px;
    transition: padding-left 0.4s ease-out 0s;
}


/*
.wmdfw li:nth-child(1) .con{padding-left: 31%;}
.wmdfw li:nth-child(2) .con{padding-left: 35%;}
.wmdfw li:nth-child(3) .con{padding-left: 39%;}
.wmdfw li:nth-child(4) .con{padding-left: 37%;}
*/

.wmdfw li .con p:hover {
    color: #006aff;
    padding-left: 10px;
}

.wmdfw li .ljzx {
    width: 128px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #333;
    display: block;
    border: 1px solid #858585;
    margin: 62px auto 0;
    position: relative;
    z-index: 1;
}

.wmdfw li .ljzx:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.wmdfw li .ljzx:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.wmdfw li .ljzx:hover {
    color: #fff;
    border: 1px solid #333333;
}

.index_hzhb {}

.index_hzhb .swiper-container {
    padding: 20px
}

.index_hzhb .img {
    width: 100%;
    float: left;
    height: 110px;
    display: flex;
    align-items: center;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}


/*.index_hzhb .img img{max-width: 90%;max-height: 90%; display: block;margin: auto; filter:brightness(50%);-ms-filter:brightness(50%);-webkit-filter:brightness(50%);}*/

.index_hzhb .img1 {
    background: url(../images/hzkh1.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img2 {
    background: url(../images/hzkh2.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img3 {
    background: url(../images/hzkh3.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img4 {
    background: url(../images/hzkh4.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img5 {
    background: url(../images/hzkh5.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img6 {
    background: url(../images/hzkh6.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img7 {
    background: url(../images/hzkh7.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img8 {
    background: url(../images/hzkh8.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img9 {
    background: url(../images/hzkh9.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img10 {
    background: url(../images/hzkh10.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img11 {
    background: url(../images/hzkh11.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img12 {
    background: url(../images/hzkh12.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img13 {
    background: url(../images/hzkh13.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img14 {
    background: url(../images/hzkh14.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img15 {
    background: url(../images/hzkh15.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img16 {
    background: url(../images/hzkh16.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img17 {
    background: url(../images/hzkh17.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img18 {
    background: url(../images/hzkh18.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img19 {
    background: url(../images/hzkh19.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img20 {
    background: url(../images/hzkh20.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img21 {
    background: url(../images/hzkh21.png)no-repeat center;
    background-size: 90%;
}

.index_hzhb .img1:hover {
    background: url(../images/hzkh01.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img2:hover {
    background: url(../images/hzkh02.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img3:hover {
    background: url(../images/hzkh03.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img4:hover {
    background: url(../images/hzkh04.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img5:hover {
    background: url(../images/hzkh05.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img6:hover {
    background: url(../images/hzkh06.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img7:hover {
    background: url(../images/hzkh07.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img8:hover {
    background: url(../images/hzkh08.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img9:hover {
    background: url(../images/hzkh09.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img10:hover {
    background: url(../images/hzkh010.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img11:hover {
    background: url(../images/hzkh011.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img12:hover {
    background: url(../images/hzkh012.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img13:hover {
    background: url(../images/hzkh013.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img14:hover {
    background: url(../images/hzkh014.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img15:hover {
    background: url(../images/hzkh015.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img16:hover {
    background: url(../images/hzkh016.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img17:hover {
    background: url(../images/hzkh017.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img18:hover {
    background: url(../images/hzkh018.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img19:hover {
    background: url(../images/hzkh019.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img20:hover {
    background: url(../images/hzkh020.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img21:hover {
    background: url(../images/hzkh021.png)no-repeat center #f20f0f;
    background-size: 90%;
}

.index_hzhb .img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 1;
}


/*.index_hzhb .img:hover img{ filter:none;}*/
/*新增新闻*/
.news {
    background: #f7f7f7;
    padding-bottom: 70px;
}
.news-title{padding-bottom:28px;}
.news-title>b{display:block; font-size:36px; line-height:1; color:#989898;}
.news-title>b>u{position:relative; text-decoration:none; padding-right:8px; color:#f20f0f;}
.news-title>b>i{font-style:normal; display:inline-block; position:relative;}
.news-title>b>u:before{position:absolute; left:100%; top:50%; width:48px; height:8px; content:''; opacity:0.2; background:#f20f0f;}
.news-title>p{font-size:36px; line-height:1; margin:12px 0 0;}
.news-title>p>b{display:inline-block; padding-right:4px;}
.news-content{display:block; margin:0 -8px;}
.news-content:after{display:block; content:''; clear:both;}
.news-item{float:left; width:33.333%; padding:8px;}
.news-item:nth-child(n+9){display: none;}
.news-item>a>ins{float:right; background:#f8f8f8; text-align:center; margin-left:18px; transition:.4s;}
.news-item>a>ins>i{font-style:normal; display:block; font-size:28px;}
.news-item>a>ins>u{text-decoration:none; display:block; padding:2px 8px; font-size:14px; background:rgba(0,0,0,0.06);}
.news-item:first-child>a>ins{position:absolute; top:18px; left:0;}
.news-item:first-child>a>ins,
.news-item>a:hover>ins{color:#fff; background:#f20f0f;}
.news-item>a>img{display:block; width:100%; height:328px; object-fit:cover;}
.news-item>a>h2{position:absolute; left:18px; bottom:18px; right:18px; padding:28px 18px; background:#fff;}
.news-item>a{display:block; background:#fff; position:relative; padding:28px; overflow:hidden;transition: all .3s linear;}
.news-item:first-child>a{padding:0;}
.news-item>a>h3{display:block; height:24px; margin-bottom:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-item>a>p{display:block; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#686868;}
.news-item>a>u{display:inline-block; height:21px; margin-top:16px; color:#f20f0f;}
.news-item>a>u>b{transition:.2s; font-weight:normal; font-size:14px; display:inline-block; color:#181818; padding-right:6px;}
.news-item>a>u>i{transition:.2s; font-size:18px; display:inline-block; vertical-align:middle;}
.news-item>a:hover{transform:translateY(-2px); box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-item>a:hover>u>b{transform:translateX(4px); color:#f20f0f;}
.news-item>a:hover>u>i{transform:translateX(8px);}
.news-more{text-align:center; font-size:0; margin-top:18px;}
.news-more>a{display:inline-block; overflow:hidden; position:relative; background:#fff; border-radius:3px; padding:12px 38px;}
.news-more>a:after{position:absolute; z-index:1; left:100%; top:100%; content:''; width:0; height:0; border-radius:50%; transition:0.6s; transform:translate(-50%,-50%); background:#f20f0f;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.18);}
.news-more>a:hover:after{width:500px; height:500px;}
.news-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.news{padding:30px 0;}
.news-item{width:50%;}
.news-item:last-child{display:none;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-content{margin:0;}
.news-title{padding-bottom:16px;}
.news-title>b{font-size:28px;}
.news-title>b>u{padding-right:4px;}
.news-title>b>u:before{width:38px; height:6px;}
.news-title>p{font-size:28px; margin:8px 0 0;}
.news-title>p>b{padding-right:2px;}
.news-item{width:100%; padding:4px;}
.news-item:last-child{display:block;}
.news-item>a{padding:12px;}
.news-item>a>img{height:228px;}
.news-item>a>h2{left:8px; bottom:8px; right:8px; padding:12px 8px; font-size:16px;}
.news-item>a>ins{margin-left:8px;}
.news-item>a>ins>u{font-size:12px; padding:2px 6px;}
.news-item:first-child>a>ins{top:8px; margin-left:8px;}
.news-more{margin-top:8px;}
.news-more>a{padding:8px 28px;}
.news-more>a>u{font-size:14px;}
.news-more>a>i{font-size:16px; margin-left:6px;}
.news-more>a:hover:after{width:400px; height:400px;} 
.news-more>a:hover>i{transform:translateX(4px);}
}


footer {
    background: #222533;
}

.foot {
    padding-top: 56px;
    padding-bottom: 20px;
}

.foot_f {
    width: 20%;
    float: left;
}

.foot_f .img {
    width: 160px;
}

.foot_f .img img {
    width: 100;
    display: block;
}

.foot_f .tel_f {
    font-size: 26px;
    color: #fff;
    font-family: Arial;
    line-height: 1.1;
    padding: 18px 0 12px;
}

.foot_f .qq {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.foot_f .qq a {
    color: #fff;
}

.foot_s {
    width: 11%;
    border-right: 1px solid #282828;
    float: left;
}

.foot_s dl dt a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
}

.foot_s dl dd a {
    font-size: 14px;
    color: #969696;
    line-height: 2;
}

.foot_s dl dd a:hover {
    color: #fff;
}

.foot_t {
    border-left: 1px solid #282828;
    width: calc(80% - 1px);
    float: right;
}

.foot_t dl {
    float: left;
    margin-left: 10%;
}

.foot_t dl:first-child {
    margin-left: 10%;
}

.foot_t dl dt a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
}

.foot_t dl dd a {
    font-size: 14px;
    color: #969696;
    line-height: 2;
    transition: color 0.4;
}

.links {
    color: #969696;
    font-size: 14px;
    padding-bottom: 10px;
}

.links a {
    color: #969696;
    line-height: 1.5;
}

.links a:nth-child(n+14) {
    display: none;
}

.bqxx {
    border-top: 1px solid #282828;
    line-height: 80px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.foot_t dl dd a:hover {
    color: #fff;
}

.banner_n {
    position: relative;
}

.banner_n img {
    display: block;
    width: 100%;
}

.banner_nr {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_nr div {
    width: 100%;
}

.banner_nr h3 {
    font-size: 50px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1.5%;
    text-align: center;
}

.banner_nr p {
    font-size: 18px;
    color: #cacaca;
    line-height: 1.7;
    margin-bottom: 3.2%;
    text-align: center;
}

.banner_nr a {
    font-size: 15px;
    color: #fff;
    width: 8%;
    line-height: 2.8;
    display: block;
    text-align: center;
    font-family: Arial;
    border: 1px solid rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    margin: auto;
    position: relative;
    z-index: 1;
}

.banner_nr a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.banner_nr a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.banner_nr a:hover {
    color: #333;
    border: 1px solid #fff;
}

.banner_xq {
    position: relative;
}

.banner_xq img {
    display: block;
    width: 100%;
}

.banner_xqnr {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_xqnr div {
    width: 100%;
}

.banner_xqnr h1 {
    font-size: 50px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 1.5%;
}

.banner_xqnr p {
    font-size: 20px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 3.2%;
}

.banner_xqnr a {
    font-size: 15px;
    color: #fff;
    width: 50px;
    line-height: 2.8;
    display: block;
    font-family: Arial;
    text-transform: uppercase;
}

.banner_xqnr a {
    width: 50px;
    height: 50px;
    background: url(../images/clj.png)no-repeat;
    background-size: 100%;
    position: relative;
}

.banner_xqnr a:after {
    display: block;
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/cljxt.png)no-repeat center;
    transition: all 0.6s;
    background-size: 0% 0%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.banner_xqnr a:hover:after {
    background-size: 100% 100%;
    opacity: 1;
}

.position {
    text-align: left;
    padding: 15px 0;
    font-size: 16px;
    color: #747b7e;
    margin: 0px auto;
    line-height: 28px;
}

.position a {
    color: #747b7e;
}

.position a:hover {
    color: #203360;
}

.jjfa1_l {
    width: 58.5%;
    float: right;
}

.jjfa1_l img {
    width: 100%;
    display: block;
    height: 637px;
}

.jjfa1_r {
    width: 41.5%;
    padding-left: 6%;
    float: left;
    padding-top: 88px;
}

.jjfa1_r h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    line-height: 90px;
    position: relative;
    margin-bottom: 40px;
}

.jjfa1_r h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #888888;
    position: absolute;
    bottom: 0;
    left: 0;
}

.jjfa1_r .js {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    margin-bottom: 65px;
    width: 78%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
}

.jjfa1_r dl {
    margin-bottom: 45px;
    width: 78%;
}

.jjfa1_r dl dd {
    font-size: 15px;
    color: #888;
    line-height: 32px;
    float: left;
    width: 50%;
    -webkit-transition: text-indent 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.jjfa1_r dl dd a {
    color: #888;
}

.jjfa1_r dl dd:hover {
    text-indent: 10px;
}

.jjfa1_r .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 15px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin-right: 40px;
    position: relative;
    z-index: 1;
}

.jjfa1_r .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #f20f0f !important;
}

.jjfa1_r .ckgd a:hover:before {
    transform: scaleX(1);
    background: #f20f0f !important;
}

.jjfa1_r .ckgd a:hover {
    color: #fff;
    border: 1px solid #333;
}

.jjfa2 {}

.jjfa2_l {
    width: 58.5%;
    float: left;
}

.jjfa2_l img {
    width: 100%;
    display: block;
    height: 658px;
}

.jjfa2_r {
    width: 41.5%;
    padding-right: 6%;
    float: right;
    padding-top: 88px;
    background: url(../images/jjfa5.jpg)no-repeat top right;
    background-size: cover;
    padding-bottom: 138px;
}

.jjfa2_r h3 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 90px;
    position: relative;
    margin-bottom: 40px;
    text-align: right;
}

.jjfa2_r h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.jjfa2_r .js {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 65px;
    text-align: right;
    width: 78%;
    float: right;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
}

.jjfa2_r dl {
    margin-bottom: 45px;
    width: 78%;
    float: right;
}

.jjfa2_r dl dd {
    font-size: 15px;
    color: #fff;
    line-height: 32px;
    float: right;
    width: 50%;
    text-align: right;
    -webkit-transition: text-indent 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.jjfa2_r dl dd a {
    color: #fff;
}

.jjfa2_r dl dd:hover {
    text-indent: 10px;
}

.jjfa2_r .ckgd {
    text-align: right;
}

.jjfa2_r .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin-left: 40px;
    position: relative;
    z-index: 1;
}

.jjfa2_r .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.jjfa2_r .ckgd a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.jjfa2_r .ckgd a:hover {
    color: #333;
    border: 1px solid #fff;
}

.jjfa3 {
    background: #f6f6f6;
}

.jjfa3_l {
    width: 58.5%;
    float: right;
}

.jjfa3_l img {
    width: 100%;
    display: block;
    height: 630px;
}

.jjfa3_r {
    width: 41.5%;
    padding-left: 6%;
    float: left;
    padding-top: 88px;
}

.jjfa3_r h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    line-height: 90px;
    position: relative;
    margin-bottom: 40px;
}

.jjfa3_r h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #888888;
    position: absolute;
    bottom: 0;
    left: 0;
}

.jjfa3_r .js {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    margin-bottom: 65px;
    width: 78%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
}

.jjfa3_r dl {
    margin-bottom: 45px;
    width: 78%;
}

.jjfa3_r dl dd {
    font-size: 15px;
    color: #888;
    line-height: 32px;
    float: left;
    width: 50%;
    -webkit-transition: text-indent 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.jjfa3_r dl dd a {
    color: #888;
}

.jjfa3_r dl dd:hover {
    text-indent: 10px;
}

.jjfa3_r .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 15px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin-right: 40px;
    position: relative;
    z-index: 1;
}

.jjfa3_r .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #f20f0f !important;
}

.jjfa3_r .ckgd a:hover:before {
    transform: scaleX(1);
    background: #f20f0f !important;
}

.jjfa3_r .ckgd a:hover {
    color: #fff;
    border: 1px solid #f20f0f;
}

.jjfa4 {
    background: #454347;
}

.jjfa4_l {
    width: 58.5%;
    float: left;
}

.jjfa4_l img {
    width: 100%;
    display: block;
    height: 654px;
}

.jjfa4_r {
    width: 41.5%;
    padding-right: 6%;
    float: right;
    padding-top: 88px;
    padding-bottom: 134px;
}

.jjfa4_r h3 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    line-height: 90px;
    position: relative;
    margin-bottom: 40px;
    text-align: right;
}

.jjfa4_r h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.jjfa4_r .js {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 65px;
    text-align: right;
    width: 78%;
    float: right;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    overflow: hidden;
}

.jjfa4_r dl {
    margin-bottom: 45px;
    width: 78%;
    float: right;
}

.jjfa4_r dl dd {
    font-size: 15px;
    color: #fff;
    line-height: 32px;
    float: right;
    width: 50%;
    text-align: right;
    -webkit-transition: text-indent 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.jjfa4_r dl dd a {
    color: #fff;
}

.jjfa4_r dl dd:hover {
    text-indent: 10px;
}

.jjfa4_r .ckgd {
    text-align: right;
}

.jjfa4_r .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin-left: 40px;
    position: relative;
    z-index: 1;
}

.jjfa4_r .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.jjfa4_r .ckgd a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.jjfa4_r .ckgd a:hover {
    color: #333;
    border: 1px solid #fff;
}

.index1 .ckgd {
    text-align: center;
}

.index1 .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin: 10px 20px 30px;
    position: relative;
    z-index: 1;
}

.index1 .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #f20f0f !important;
}

.index1 .ckgd a:hover:before {
    transform: scaleX(1);
    background: #f20f0f !important;
}

.index1 .ckgd a:hover {
    color: #fff;
    border: 1px solid #f20f0f;
}

.zxtj {
    background: url(../images/jjfabg2.jpg)no-repeat center;
    background-size: cover;
    padding-bottom: 90px;
}

.zxtj ul li {
    width: 31.5%;
    margin-right: 2.75%;
    float: left;
    margin-bottom: 2%;
}

.zxtj ul li input {
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    display: block;
}

.zxtj ul li textarea {
    width: 100%;
    height: 270px;
    line-height: 26px;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 10px 20px;
    font-size: 16px;
    color: #666;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    display: block;
    font-family: Microsoft YaHei;
    overflow: auto;
}

.zxtj ul li:nth-child(3) {
    margin-right: 0;
}

.zxtj ul li:nth-child(4) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3.5%;
}

.zxtj ul li:nth-child(5) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.zxtj ul li:nth-child(5) input {
    width: 12.3%;
    margin: auto;
    text-align: center;
    padding: 0;
    background: none;
    color: #fff;
    -webkit-transition: text-indent 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.zxtj ul li:nth-child(5) input:hover {
    color: #333;
    border: 1px solid #fff;
    background: #fff;
}

.zxtj ul li input::-webkit-input-placeholder {
    font-size: 16px;
    color: #666;
}

.zxtj ul li textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #666;
}

.dxwz dl {
    width: 22.3%;
    float: left;
    margin-right: 3.6%;
    margin-bottom: 3.6%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.dxwz dl:nth-child(4n) {
    margin-right: 0;
}

.dxwz dl dt {
    width: 138px;
    height: 138px;
    margin: auto;
    border: 1px solid #888;
    border-radius: 50%;
}

.dxwz dl dd {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    color: #333;
    margin-top: 15px;
}

.dxwz dl:nth-child(1) dt {
    background: url(../images/wzjs1.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(2) dt {
    background: url(../images/wzjs2.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(3) dt {
    background: url(../images/wzjs3.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(4) dt {
    background: url(../images/wzjs4.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(5) dt {
    background: url(../images/wzjs5.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(6) dt {
    background: url(../images/wzjs6.png)no-repeat center;
    background-size: 30%;
}

.dxwz dl:nth-child(7) dt {
    background: url(../images/wzjs7.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(8) dt {
    background: url(../images/wzjs8.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(1):hover dt {
    background: url(../images/wzjs01.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(2):hover dt {
    background: url(../images/wzjs02.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(3):hover dt {
    background: url(../images/wzjs03.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(4):hover dt {
    background: url(../images/wzjs04.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(5):hover dt {
    background: url(../images/wzjs05.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(6):hover dt {
    background: url(../images/wzjs06.png)no-repeat center;
    background-size: 30%;
}

.dxwz dl:nth-child(7):hover dt {
    background: url(../images/wzjs07.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:nth-child(8):hover dt {
    background: url(../images/wzjs08.png)no-repeat center;
    background-size: 40%;
}

.dxwz dl:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.dxwz dl:hover dt {
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 20px #e0e0e0;
    /* 老的 Firefox */
    box-shadow: 0px 0px 20px #e0e0e0;
}

.dxwz dl:hover dd {
    color: #006aff;
}

.wzjs2 {
    background: url(../images/wzjs9.jpg)no-repeat;
    background-size: cover;
}

.wzjs2_n {
    width: 44%;
    padding-left: 6%;
    float: left;
    padding-top: 3.6%;
    background: rgba(0, 0, 0, 0.8);
    padding-bottom: 10%;
}

.wzjs2_n h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 84px;
    position: relative;
    margin-bottom: 4.8%;
}

.wzjs2_n h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.wzjs2_n .js {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 10%;
    width: 58%;
}

.wzjs2_n dl {
    margin-bottom: 45px;
    width: 78%;
}

.wzjs2_n dl dd {
    font-size: 16px;
    color: #888;
    line-height: 32px;
    float: left;
    width: 50%;
}

.wzjs2_n dl dd:hover {
    color: #006aff;
}

.wzjs2_n .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin-right: 40px;
    position: relative;
    z-index: 1;
}

.wzjs2_n .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.wzjs2_n .ckgd a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.wzjs2_n .ckgd a:hover {
    color: #333;
    border: 1px solid #fff;
}

.wzjs3 {
    padding-bottom: 90px;
}

.gnjs {
    position: relative;
}

.gnjs img {
    width: 100%;
    display: block;
}

.gnjs_n {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gnjs_n div {
    width: 100%;
}

.gnjs_n h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 1.1;
    position: relative;
    margin-bottom: 1.5%;
    text-align: center;
}

.gnjs_n .js {
    font-size: 20px;
    font-family: Arial;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 3%;
    text-transform: uppercase;
    text-align: center;
}

.gnjs_n a {
    display: block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin: auto;
    z-index: 1;
    position: relative;
}

.gnjs_n a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.gnjs_n a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.gnjs_n a:hover {
    color: #333;
    border: 1px solid #fff;
}

.lmdh {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.1%;
}

.lmdh dl {
    width: 14.2%;
    margin-right: 2.96%;
    background: #f7f7f7;
    text-align: center;
    padding: 3% 0;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.lmdh dl:hover {
    background: #333;
}

.lmdh dl:hover dd a {
    color: #fff;
}

.lmdh dl:last-child {
    margin-right: 0;
}

.lmdh dl dt {
    width: 66%;
    margin: auto;
    font-size: 20px;
    color: #333;
    line-height: 2;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 28px;
}

.lmdh dl dt a {
    font-size: 20px;
    color: #333;
}

.lmdh dl dd {
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.lmdh dl dd a {
    font-size: 16px;
    color: #666;
}

.wzjs4 {
    background: #f7f7f7;
    padding-bottom: 90px;
}

.fwjs_l {
    width: 54.5%;
    float: left;
}

.fwjs_l dl {
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-bottom: 4%;
    background: #fff;
    padding: 5.5% 0;
}

.fwjs_l dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.fwjs_l dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.fwjs_l dl:nth-child(2n) {
    margin-right: 0;
}

.fwjs_l dl dt {
    width: 34%;
    float: left;
    height: 87px;
    display: flex;
    align-items: center;
}

.fwjs_l dl dt p {
    width: 58px;
    height: 58px;
    border: 1px solid #888;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 40%;
}

.fwjs_l dl dd {
    width: 66%;
    float: right;
}

.fwjs_l dl .tit {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 22px;
}

.fwjs_l dl .js {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.fwjs_l dl:hover {
    filter: drop-shadow(0px 0px 10px #eee);
}

.fwjs_r {
    width: 40%;
    float: right;
    margin-top: 1%;
}

.fwjs_r img {
    width: 100%;
    display: block;
}

.wzjs4 .ckgd {
    display: block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin: 20px auto 0;
    position: relative;
    z-index: 1;
}

.wzjs4 .ckgd:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.wzjs4 .ckgd:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.wzjs4 .ckgd:hover {
    color: #fff;
    border: 1px solid #333;
}

.fwys {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fwys dl {
    width: 23%;
    margin-right: 2.66%;
    text-align: center;
    padding: 3% 0;
    background: #fff;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.fwys dl:last-child {
    margin-right: 0;
}

.fwys dl dt {
    width: 118px;
    height: 118px;
    margin: auto;
    font-size: 20px;
    color: #333;
    line-height: 2;
    background: #fff;
    border: 1px solid #888;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 28px;
}

.fwys dl dt:hover img {
    -webkit-animation: swi 1s ease-in-out;
    -o-animation: swi 1s ease-in-out;
    animation: swi 1s ease-in-out;
}

.fwys dl dd {
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.fwys dl .tit {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 22px;
}

.fwys dl .js {
    font-size: 14px;
    color: #888;
    line-height: 26px;
    width: 77%;
    margin: auto;
}

.fwys dl:hover {
    filter: drop-shadow(0px 0px 10px #eee);
    background: #333;
}

.fwys dl:hover dd {
    color: #fff;
}

.ppwz {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ppwz dl {
    width: 19%;
    margin-right: 8%;
}

.ppwz dl:last-child {
    margin-right: 0;
}

.ppwz dl dt {
    width: 158px;
    height: 158px;
    margin: auto;
    border: 1px solid #888;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.ppwz dl dt:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.ppwz dl dt:hover img {
    -webkit-animation: swi 1s ease-in-out;
    -o-animation: swi 1s ease-in-out;
    animation: swi 1s ease-in-out;
}

.ppwz dl dd {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    text-align: center;
    width: 80%;
    margin: auto;
}

.ppjz1 {
    padding-bottom: 90px;
}

.ppjz1 .ckgd {
    display: block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin: 20px auto 0;
    z-index: 1;
    position: relative;
}

.ppjz1 .ckgd:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #f20f0f !important;
}

.ppjz1 .ckgd:hover:before {
    transform: scaleX(1);
    background: #f20f0f !important;
}

.ppjz1 .ckgd:hover {
    color: #fff;
    border: 1px solid #f20f0f;
}

.ppjz2 {
    background: url(../images/ppjz7.jpg)no-repeat center;
    background-size: cover;
    padding-bottom: 90px;
}

.ppjz2_l {
    width: 44%;
    padding-left: 6%;
    float: left;
    margin-top: 35px;
}

.ppjz2_l h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height: 84px;
    position: relative;
    margin-bottom: 4.8%;
}

.ppjz2_l h3:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ppjz2_l .js {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin-bottom: 10%;
    width: 58%;
}

.ppjz2_l .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin-right: 40px;
    z-index: 1;
    position: relative;
}

.ppjz2_l .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.ppjz2_l .ckgd a:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.ppjz2_l .ckgd a:hover {
    color: #333;
    border: 1px solid #fff;
}

.ppjz2_r {
    width: 44%;
    float: right;
    padding-right: 6%;
}

.ppjz2_r img {
    max-width: 100%;
}

.ppjz3 {
    background: #f7f7f7;
    padding-bottom: 90px;
}

.ymsj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ymsj dl {
    width: 28.4%;
    background: #fff;
    padding-top: 3%;
    padding-bottom: 4.2%;
}

.ymsj dl {
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.ymsj dl:hover {
    background: #333;
}

.ymsj dl:hover dd {
    color: #fff;
}

.ymsj dl:hover dt {
    border: 1px solid #fff;
}

.ymsj dl:hover .tit:after {
    background: #fff;
}

.ymsj dl:hover dt img {
    -webkit-filter: brightness(180%);
    filter: brightness(180%);
}

.ymsj dl dt {
    width: 118px;
    height: 118px;
    border: 1px solid #888;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.ymsj dl dt:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.ymsj dl dt:hover img {
    -webkit-animation: swi 1s ease-in-out;
    -o-animation: swi 1s ease-in-out;
    animation: swi 1s ease-in-out;
}

.ymsj dl .tit {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 48px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 5px;
}

.ymsj dl .tit:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    background: #888888;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
}

.ymsj dl .js {
    width: 84%;
    margin: auto;
    font-size: 14px;
    line-height: 26px;
    color: #888;
    text-align: center;
}

.ymsj dl:hover {
    filter: drop-shadow(0px 0px 20px #999);
}

.ppyx dl {
    width: calc(31% - 2px);
    margin-right: 3.5%;
    float: left;
    margin-bottom: 4%;
    background: #fff;
    padding: 3% 0;
    border: 1px solid #e0e0e0;
}

.ppyx dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.ppyx dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.ppyx dl:last-child {
    margin-right: 0;
}

.ppyx dl dt {
    width: 48%;
    float: left;
    display: flex;
    align-items: center;
}

.ppyx dl dt p {
    width: 108px;
    height: 108px;
    border: 1px solid #888;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 40%;
}

.ppyx dl dt p img {
    max-width: 50%;
}

.ppyx dl dt p:hover img {
    -webkit-animation: swi 1s ease-in-out;
    -o-animation: swi 1s ease-in-out;
    animation: swi 1s ease-in-out;
}

.ppyx dl dd {
    width: 52%;
    float: right;
}

.ppyx dl .tit {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 22px;
    margin-top: 8px;
}

.ppyx dl .js {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    width: 80%;
}

.ppyx dl .js span {
    display: block;
    float: left;
    width: 50%;
}

.ppyx dl:hover {
    filter: drop-shadow(0px 0px 10px #eee);
    border: 1px solid #fff;
}

.gnys {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gnys dl {
    width: 32%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    transition: background 0.6s ease-out 0s;
    -moz-transition: background 0.6s ease-out 0s;
    -webkit-transition: background 0.6s ease-out 0s;
    -o-transition: background 0.6s ease-out 0s;
    -ms-transition: background 0.6s ease-out 0s;
}

.gnys dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.gnys dl:hover dd p {
    color: #fff;
}

.gnys dl:hover dd {
    background: #333;
}

.gnys dl dt {
    padding-bottom: 20px;
}

.gnys dl dt img {
    max-width: 90%;
    display: block;
    margin: auto;
}

.gnys dl dd {
    background: #f7f7f7;
    padding: 25px 0;
}

.gnys dl dd .tit {
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 15px;
}

.gnys dl dd .des {
    font-size: 14px;
    color: #888;
    text-align: center;
    line-height: 1.1;
}

.yhty2 {
    background: url(../images/yhty18.jpg)no-repeat center;
    background-size: cover;
}

.wxxz {
    position: relative;
}

.wxxz_l {
    width: 38%;
    float: left;
}

.wxxz_l dl {
    margin-top: 8%;
    margin-bottom: 20%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.wxxz_l dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.wxxz_l dl dt {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    float: right;
}


/*.wxxz_l dl dt img{display: block;max-width: 50%; max-height: 50%;}
.wxxz_l dl dt:hover img{ -webkit-animation: xz 1s ease-in-out;
    -o-animation: xz 1s ease-in-out;
    animation: xz 1s ease-in-out;
}*/

.wxxz_l dl:nth-child(1) dt {
    background: url(../images/yhty14.png)no-repeat center;
    background-size: 100%;
}

.wxxz_l dl:nth-child(2) dt {
    background: url(../images/yhty16.png)no-repeat center;
    background-size: 100%;
}

.wxxz_l dl:nth-child(1) dt:hover {
    background: url(../images/yhty014.png)no-repeat center;
    background-size: 100%;
}

.wxxz_l dl:nth-child(2) dt:hover {
    background: url(../images/yhty016.png)no-repeat center;
    background-size: 100%;
}

.wxxz_l dl dd {
    width: calc(100% - 125px);
    height: 102px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: left;
    text-align: right;
}

.wxxz_l dl dd div {
    width: 100%;
}

.wxxz_l dl dd .tit {
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 13px;
}

.wxxz_l dl dd .des {
    width: 100%;
    font-size: 14px;
    color: #ddd;
    line-height: 24px;
}

.wxxz_m {
    width: 14%;
    position: absolute;
    top: 0;
    left: 43%;
}

.wxxz_m img {
    width: 100%;
    display: block;
}

.wxxz_r {
    width: 38%;
    float: right;
}

.wxxz_r dl {
    margin-top: 8%;
    margin-bottom: 20%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.wxxz_r dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.wxxz_r dl dt {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    float: left;
}


/*.wxxz_r dl dt img{display: block;max-width: 50%; max-height: 50%;}
.wxxz_r dl dt:hover img{ -webkit-animation: xz 1s ease-in-out;
    -o-animation: xz 1s ease-in-out;
    animation: xz 1s ease-in-out;
}*/

.wxxz_r dl:nth-child(1) dt {
    background: url(../images/yhty15.png)no-repeat center;
    background-size: 100%;
}

.wxxz_r dl:nth-child(2) dt {
    background: url(../images/yhty17.png)no-repeat center;
    background-size: 100%;
}

.wxxz_r dl:nth-child(1) dt:hover {
    background: url(../images/yhty015.png)no-repeat center;
    background-size: 100%;
}

.wxxz_r dl:nth-child(2) dt:hover {
    background: url(../images/yhty017.png)no-repeat center;
    background-size: 100%;
}

.wxxz_r dl dd {
    width: calc(100% - 125px);
    height: 102px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    text-align: left;
}

.wxxz_r dl dd div {
    width: 100%;
}

.wxxz_r dl dd .tit {
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 13px;
}

.wxxz_r dl dd .des {
    width: 100%;
    font-size: 14px;
    color: #ddd;
    line-height: 24px;
}

.xcx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.xcx dl {
    width: 23.67%;
    margin-bottom: 1.8%;
    background: #fff;
    padding: 3% 0;
}

.xcx dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.xcx dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.xcx dl dt {
    width: 118px;
    height: 118px;
    border: 1px solid #888;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xcx dl dt img {
    display: block;
    max-width: 50%;
    max-height: 50%;
}

.xcx dl dt:hover img {
    -webkit-animation: swi 1s ease-in-out;
    -o-animation: swi 1s ease-in-out;
    animation: swi 1s ease-in-out;
}

.xcx dl dd .tit {
    width: 100%;
    font-size: 20px;
    color: #333;
    line-height: 2.7;
    text-align: center;
    padding-top: 12px;
}

.xcx dl dd .des {
    width: 86%;
    font-size: 14px;
    color: #888;
    line-height: 26px;
    text-align: center;
    margin: auto;
}

.xcx dl:hover {
    filter: drop-shadow(0px 0px 10px #eee);
}

.hyyy1 {
    padding-bottom: 90px;
}

.fwly {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fwly .fwly_n {
    width: 18.6%;
}

.fwly dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.fwly dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.fwly dl {
    width: calc(100% - 2px);
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 15% 0;
}

.fwly dl dt {
    width: 116px;
    height: 116px;
    border: 1px solid #888;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.fwly dl dt img {
    display: block;
    max-width: 50%;
    max-height: 50%;
}

.fwly dl .tit {
    font-size: 20px;
    line-height: 1.1;
}

.fwly dl .tit {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 18px;
}

.fwly dl:hover .tit {
    color: #006aff
}

.fwly dl .des {
    font-size: 14px;
    color: #888;
    line-height: 28px;
    text-align: center;
    margin: auto;
    height: 160px;
}

.fwly dl:hover {
    filter: drop-shadow(0px 0px 10px #eee);
    border: 1px solid #fff;
}

.fwly .fwly_n a {
    display: block;
    width: 154px;
    line-height: 42px;
    border: 1px solid #a3a3a3;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin: 13% auto 0;
    z-index: 1;
    position: relative;
}

.fwly .fwly_n a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.fwly .fwly_n a:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.fwly .fwly_n a:hover {
    color: #fff;
    border: 1px solid #333;
}

.hyyy2 {
    background: url(../images/hyyy21.jpg)no-repeat center;
    background-size: cover;
}

.jsfw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jsfw dl {
    width: 23.67%;
    margin-bottom: 1.8%;
    padding: 3% 0;
    transition: background 0.6s ease-out 0s;
    -moz-transition: background 0.6s ease-out 0s;
    -webkit-transition: background 0.6s ease-out 0s;
    -o-transition: background 0.6s ease-out 0s;
    -ms-transition: background 0.6s ease-out 0s;
}

.jsfw dl dt {
    width: 118px;
    height: 118px;
    border: 1px solid #fff;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.jsfw dl dt:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.jsfw dl dt img {
    display: block;
    max-width: 50%;
    max-height: 50%;
}

.jsfw dl dd .tit {
    width: 100%;
    font-size: 20px;
    color: #fff;
    line-height: 2.7;
    text-align: center;
    padding-top: 12px;
}

.jsfw dl dd .des {
    width: 86%;
    font-size: 14px;
    color: #ddd;
    line-height: 26px;
    text-align: center;
    margin: auto;
}

.jsfw dl:hover {
    background: #fff;
}

.jsfw dl:hover dt {
    border: 1px solid #888;
}

.jsfw dl:hover dd .tit {
    color: #333;
}

.jsfw dl:hover dd .des {
    color: #888;
}

.hyyy3 {
    background: #f7f7f7;
    padding-bottom: 90px;
}

.fwlc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fwlc dl {
    width: 22.5%;
    margin-bottom: 3.4%;
}

.fwlc dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.fwlc dl:hover {
    cursor: pointer;
    transform: translate(0, -6px);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
}

.fwlc dl dt {
    width: 138px;
    height: 138px;
    border: 1px solid #888;
    background: #fff;
    margin: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fwlc dl dt img {
    display: block;
    max-width: 50%;
    max-height: 50%;
}

.fwlc dl dt:hover img {
    -webkit-animation: xz 1s ease-in-out;
    -o-animation: xz 1s ease-in-out;
    animation: xz 1s ease-in-out;
}

.fwlc dl .tit {
    font-size: 30px;
    color: #333;
    line-height: 1.1;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 6px;
    font-family: Arial;
}

.fwlc dl .des {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    text-align: center;
}

.hyyy3 .ckgd {
    text-align: center;
}

.hyyy3 .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin: 20px 20px 0;
    position: relative;
    z-index: 1;
}

.hyyy3 .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.hyyy3 .ckgd a:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.hyyy3 .ckgd a:hover {
    color: #fff;
    border: 1px solid #333;
}

.case {
    padding-top: 21px;
}

.case_allm {
    display: flex;
    flex-wrap: wrap;
}

.case_allm li {
    border: 1px solid #e7e7e7;
    padding: 0 12px;
    line-height: 28px;
    margin-right: 3%;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.case_allm li a {
    font-size: 16px;
    color: #333;
    display: block;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.case_allm li:hover {
    background: #333;
}

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

.case_allm li.on {
    background: #333;
}

.case_allm li.on a {
    color: #fff;
}

.case_allm li:last-child {
    margin-right: 0;
}

.case_list {
    margin-top: 50px;
}

.case_list li {
    width: 31%;
    margin-right: 3.5%;
    float: left;
    margin-bottom: 20px;
}

.case_list li:nth-child(3n) {
    margin-right: 0;
}

.case_list li .img {
    overflow: hidden;
}

.case_list li .img img {
    width: 100%;
    display: block;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    filter: brightness(61.2%);
}

.case_list li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: none;
}

.case_list li .nr {
    padding: 5% 2.8% 5.6%;
    background: url(../images/index4.png)no-repeat center right 2.8%;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.case_list li .nr .tit {
    width: calc(100% - 30px);
    font-size: 18px;
    color: #222;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case_list li .nr .des {
    width: calc(100% - 30px);
    font-size: 14px;
    color: #888;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case_list li:hover .nr{
    background: url(../images/index5.png)no-repeat center right 2.8%;
}

.case_list li:hover .nr .tit {
    color: #f20f0f;
}

.case .ckgd {
    text-align: center;
}

.case .ckgd a {
    display: inline-block;
    width: 154px;
    line-height: 42px;
    font-size: 16px;
    color: #666;
    border: 1px solid #a3a3a3;
    text-align: center;
    margin: 20px 20px 0;
    z-index: 1;
    position: relative;
}

.case .ckgd a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.case .ckgd a:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.case .ckgd a:hover {
    color: #fff;
    border: 1px solid #333;
}

.showcase {
    background: #f1f1f1;
    padding: 60px 0;
}

.showcase1 {
    margin-bottom: 20px;
}

.showcase1bk {
    padding: 3.1%;
    background: #fff;
}

.showcase1bk .tit {
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.showcase1bk .tit:after {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.showcase1bk .des {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-bottom: 50px;
    text-align: justify;
}

.showcase1bk .des2 {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

.des2_l {
    width: 50%;
    float: left;
}

.des2_r {
    width: 50%;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 36px;
    align-items: center;
}

.des2_r a {
    margin-left: 0px;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 35px;
    height: 35px!important;
    border-radius: 50%;
    padding-left: 0!important;
}

.des2_r a:first-child {
    width: 130px;
    line-height: 34px;
    border: 1px solid #e0e0e0;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    color: #666;
    position: relative;
    z-index: 1;
    background: #fff;
}

.des2_r a:first-child:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.des2_r a:first-child:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.des2_r a:first-child:hover {
    color: #fff;
    border: 1px solid #333;
}

.des2_r a:nth-child(2) {
    background: url(../images/showcase1.png)no-repeat center #f3f4f6;
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 0.8s ease-in-out;
    -moz-transition: All 0.8s ease-in-out;
    -o-transition: All 0.8s ease-in-out;
}

.des2_r a:nth-child(3) {
    background: url(../images/showcase2.png)no-repeat center #f3f4f6;
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 0.8s ease-in-out;
    -moz-transition: All 0.8s ease-in-out;
    -o-transition: All 0.8s ease-in-out;
}

.des2_r a:nth-child(4) {
    background: url(../images/showcase3.png)no-repeat center #f3f4f6;
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 0.8s ease-in-out;
    -moz-transition: All 0.8s ease-in-out;
    -o-transition: All 0.8s ease-in-out;
}

.des2_r a:nth-child(2):hover {
    background: url(../images/showcase01.png)no-repeat center #333333;
}

.des2_r a:nth-child(3):hover {
    background: url(../images/showcase02.png)no-repeat center #333333;
}

.des2_r a:nth-child(4):hover {
    background: url(../images/showcase03.png)no-repeat center #333333;
}

.showcase2bk {
    padding: 3.1%;
    background: #fff;
    line-height: 1.8;
}

.showcase2bk img {
    max-width: 100%;
    display: block;
    margin: auto;
    box-shadow: 0px 0px 20px #ccc;
    height: auto!important;
}

.sxy {
    margin-top: 12px;
    position: relative;
}

.sxy li {
    width: 32.8%;
    height: 54px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sxy li a {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 1.1;
}

.sxy li:nth-child(1) {
    float: left;
}

.sxy li:nth-child(2) {
    float: right;
}

.sxy li:nth-child(3) {
    position: absolute;
    top: 0;
    left: 33.6%;
}

.sxy li:nth-child(1) span {
    width: 18px;
    height: 14px;
    background: url(../images/left01.png)no-repeat;
    display: block;
    margin-right: 10px;
}

.sxy li:nth-child(2) span {
    width: 18px;
    height: 14px;
    background: url(../images/right01.png)no-repeat;
    display: block;
    margin-left: 10px;
}

.sxy li:nth-child(3) span {
    width: 20px;
    height: 18px;
    background: url(../images/gd01.png)no-repeat;
    display: block;
    margin-right: 10px;
}

.sxy li:hover a {
    color: #006aff;
}

.sxy li:nth-child(1):hover span {
    width: 18px;
    height: 14px;
    background: url(../images/left.png)no-repeat;
    display: block;
    margin-right: 10px;
}

.sxy li:nth-child(2):hover span {
    width: 18px;
    height: 14px;
    background: url(../images/right.png)no-repeat;
    display: block;
    margin-left: 10px;
}

.sxy li:nth-child(3):hover span {
    width: 20px;
    height: 18px;
    background: url(../images/gd.png)no-repeat;
    display: block;
    margin-right: 10px;
}

.titlexg {
    text-align: left;
    font-weight: normal;
    font-size: 30px;
    padding-bottom: 36px;
}

.bg {
    background: #f7f7f7;
}

.news_list {
    margin-top: 56px;
}

.news_list li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    margin-bottom: 3%;
}

.news_list li:nth-child(4n) {
    margin-right: 0;
}

.news_list li .img {
    overflow: hidden;
}

.news_list li .img img {
    width: 100%;
    display: block;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}

.news_list li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.news_list li .nr {
    padding: 3%;
    background: #fff;
}

.news_list li .nr .tit {
    font-size: 18px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_list li .nr .des {
    font-size: 14px;
    color: #888;
    line-height: 1.1;
}

.news_list li .nr .time {
    font-size: 14px;
    color: #888;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
}

.news_list li:hover .nr .tit {
    color: #f20f0f;
}

.shownews {
    margin-top: 3.2%;
}

.shownews_l {
    width: 73%;
    float: left;
}

.shownews_lbk {
    padding: 4.8%;
    background: #fff;
}

.shownews_lbk h1 {
    font-weight: normal;
    font-size: 36px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 10px;
}

.shownews_lbk .time {
    font-weight: normal;
    font-size: 12px;
    color: #999;
    line-height: 1.1;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
}

.shownews_lbk .time span {
    display: inline-block;
    margin-right: 2.8%;
}

.shownews_lbk .con {
    font-size: 15px;
    color: #666;
    line-height: 2;
    margin-top: 3.2%;
    text-align: justify;
}
.shownews_lbk .con  h2{
    font-size: 16px;
}

.shownews_lbk .con img {
    max-width: 100%;
    height: auto !important;
}

.shownews_r {
    background: #fff;
    width: 26%;
    float: right;
}

.shownews_rbk {
    padding: 4%;
    background: #fff;
}

.shownews_rbk h3 {
    font-weight: normal;
    font-size: 30px;
    color: #333;
    line-height: 1.1;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    padding: 6.2% 10px;
}

.shownews_rbk ul li {
    border-bottom: 1px solid #f1f1f1;
    padding-left: 10px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.shownews_rbk ul li .tit {
    font-size: 18px;
    color: #333;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shownews_rbk ul li .tit a:hover {
    color: #006aff;
}

.shownews_rbk ul li .time {
    font-size: 14px;
    color: #999;
}

.shownews_rbk ul li:last-child {
    border-bottom: 0;
}

.about1 .con {
    font-size: 16px;
    line-height: 2;
    color: #888;
    text-align: center;
    padding-top: 1.2%;
    padding-bottom: 4%;
}

.wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wrapper .counter_n {
    position: relative;
}

.wrapper .timer {
    font-size: 72px;
    color: #333;
    font-weight: bold;
    display: inline-block;
    line-height: 1.1;
    font-family: Arial;
}

.wrapper .counter_n sup {
    font-size: 14px;
    position: absolute;
}

.wrapper .count-text {
    font-size: 20px;
    color: #333;
    margin-top: 30px;
}

.about2 {
    background: url(../images/about7.jpg)no-repeat center;
    background-size: cover;
}

.gstd dl {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.gstd dl:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.gstd .slick-list {
    padding-top: 10px;
}

.gstd dl dt {
    width: 77%;
    margin: auto;
}

.gstd dl dt img {
    display: block;
    margin: auto;
    max-width: 35%;
}

.gstd dl dd {
    width: 77%;
    margin: auto;
    text-align: center;
    color: #fff;
}

.gstd dl .tit {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 15px;
    margin-top: 35px;
}

.gstd dl .des {
    font-size: 14px;
    line-height: 1.8;
    color: #efefef;
}

.about2 .ljzx {
    width: 128px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    border: 1px solid #fff;
    margin: 62px auto 0;
    z-index: 1;
    position: relative;
}

.about2 .ljzx:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #fff !important;
}

.about2 .ljzx:hover:before {
    transform: scaleX(1);
    background: #fff !important;
}

.about2 .ljzx:hover {
    color: #333;
    border: 1px solid #fff;
}

.hs {
    color: #d0d0d0;
}

.gstd .slick-arrow {
    display: none!important;
}

.gstd .slick-dots {
    position: absolute;
    bottom: -35px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.gstd .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.gstd .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none;
}

.gstd .slick-dots li button:focus {
    outline: none;
}

.gstd .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 36px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gstd .slick-dots li.slick-active button:before {
    opacity: 0.75;
}

.gsry .img {
    border: 1px solid #fff;
    overflow: hidden;
}

.gsry .img img {
    width: 100%;
    display: block;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
}

.gsry .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.gsry .tit {
    font-size: 22px;
    color: #333;
    text-align: center;
    line-height: 1.1;
    padding-top: 20px;
}

.gsry .img:hover {
    border: 1px solid #006aff
}

.gsry .tit:hover {
    color: #006aff;
}

.gsry .swiper-container {
    padding-right: 1px;
    padding-bottom: 50px;
}

.gsry .swiper-pagination {
    display: none;
}

.about4 {
    background: #f7f7f7;
}

.hzhb {}

.hzhb .swiper-container {
    padding-right: 2px;
}

.hzhb .imgbk {
    border: 1px solid #e0e0e0;
}

.hzhb .img {
    height: 90px;
    display: flex;
    align-items: center;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out;
    border: 6px solid #f7f7f7;
}

.hzhb .img img {
    max-width: 90%;
    max-height: 90%;
    display: block;
    margin: auto;
}

.hzhb .img:hover {
    border: 6px solid #006aff;
}

.hzhb .img:hover img {}

.lxwm_t {
    background: #f7f7f7;
}

.lxwm_t li {
    float: left;
    width: 23%;
    margin: 0 1%;
    text-align: center;
}

.lxwm_t li {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.lxwm_t li:hover {
    cursor: pointer;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.lxwm_t li .title1 {
    font-size: 20px;
    line-height: 1.1;
    color: #333;
    margin-top: 34px;
}

.lxwm_t li .title2 {
    line-height: 26px;
    font-size: 16px;
    color: #888;
    margin-top: 14px;
    font-family: 'Helvetica';
}

.lxwm_t li a {
    display: block;
    width: 118px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    font-family: 'Helvetica';
    font-weight: 700;
    margin-top: 18px;
    border: 1px solid #e0e0e0;
    z-index: 1;
    position: relative;
}

.lxwm_t li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease-out;
    background: #333 !important;
}

.lxwm_t li a:hover:before {
    transform: scaleX(1);
    background: #333 !important;
}

.lxwm_t li a:hover {
    color: #fff;
    border: 1px solid #333;
}

.contact_l {
    width: 46%;
    float: left;
    margin-top: 40px;
}

.contact_l h3 {
    font-size: 30px;
    color: #333;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 30px;
}

.contact_l h3.p2 {
    margin-top: 110px;
}

.contact_l p {
    font-size: 16px;
    line-height: 2;
    color: #878f92;
    padding-left: 30px;
}

.contact_l p.tel {
    background: url(../images/contact7.png)no-repeat center left;
}

.contact_l p.dz {
    background: url(../images/contact8.png)no-repeat center left;
}

.contact_r {
    width: 52%;
    float: right;
}

.contact_r img {
    width: 100%;
    display: block;
}

.contact_r iframe {
    width: 100%;
    display: block;
    height: 480px;
}

.huudon-float {
    position: fixed;
    right: 2px;
    bottom: 30%;
    z-index: 50;
    width: 78px;
}

.huudon-float li {
    position: relative;
    width: 78px;
    height: 78px;
    margin-bottom: 1px;
    line-height: 27px;
    color: #fff;
    text-align: center;
}

.huudon-float li.hidden {
    overflow: hidden;
    cursor: pointer;
}

.huudon-float li a.tit {
    display: block;
    width: 88px;
    height: 88px;
    padding-top: 42px;
    color: #fff;
    font-size: 14px;
    background-image: url(../images/tpsem_float.png);
    background-repeat: no-repeat;
    background-position: center -80px;
}

.huudon-float li:last-child {
    margin-bottom: 0;
}

.huudon-float li .tel {
    position: absolute;
    left: 78px;
    top: 0;
    z-index: 1;
    width: 160px;
    height: 78px;
    font: 20px/78px Arial;
    color: #fff;
    cursor: pointer;
    background: #333;
}

.huudon-float li a {
    width: 88px;
    height: 88px;
    display: block;
}

.huudon-float li:nth-child(1) {
    background: url(../images/fdk1.png) no-repeat center #f4f4f4;
    cursor: pointer;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.huudon-float li:nth-child(1):hover {
    background: url(../images/fdk01.png) no-repeat center #f20f0f;
    cursor: pointer;
}

.huudon-float li:nth-child(2) {
    background: url(../images/fdk2.png) no-repeat center #f4f4f4;
    cursor: pointer;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.huudon-float li:nth-child(2):hover {
    background: url(../images/fdk02.png) no-repeat center #f20f0f;
    cursor: pointer;
}

.huudon-float li:nth-child(3) {
    background: url(../images/fdk3.png) no-repeat center #f4f4f4;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.huudon-float li:nth-child(3):hover {
    background: url(../images/fdk03.png) no-repeat center #f20f0f;
}

.huudon-float li:nth-child(4) {
    background: url(../images/fdk4.png) no-repeat center #f4f4f4;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.huudon-float li:nth-child(4):hover {
    background: url(../images/fdk04.png) no-repeat center #f20f0f;
}

.huudon-float li:nth-child(5) {
    background: url(../images/fdk5.png) no-repeat center #f4f4f4;
    transition: background 0.4s ease-in-out;
    -webkit-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
}

.huudon-float li:nth-child(5):hover {
    background: url(../images/fdk05.png) no-repeat center #f20f0f;
}

.huudon-float li:nth-child(3) {
    overflow: visible;
}

.huudon-float li .ewm {
    position: absolute;
    top: 0;
    left: -160px;
    width: 140px;
    padding: 10px;
    background: #fff;
    display: none;
}

.huudon-float li .ewm img {
    width: 100%;
    display: block;
}

.huudon-float li:nth-child(3):hover .ewm {
    display: block;
}

header .menu {
    display: none;
}

.nav_bg {
    display: none;
    position: absolute;
    top: 65px;
    right: 0;
    z-index: 102;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.nav_bg ul {
    width: 100%;
    background: #fff;
    color: #666666;
}

.nav_bg ul li {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #e0e0e0;
}

.nav_bg ul li a {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 48px;
    text-align: center;
}

.nav_bg ul li span {
    display: block;
    width: 48px;
    height: 48px;
    float: right;
    background: url(../images/mt.png) no-repeat center;
    background-size: cover;
}

.nav_bg ul li.active span {
    background: url(../images/mt-hover.png) no-repeat center;
    background-size: cover;
}

.nav_bg ul li dl {
    display: none;
}

.nav_bg ul li dl dd {
    width: 100%;
    border-top: 1px solid #e0e0e0;
}

.nav_bg ul li dl dd a {
    display: block;
    float: none;
    padding-left: 40px;
    border-right: 0;
}

.pages01 {
    font-size: 0px;
    padding: 1.5em 0;
    text-align: center;
}

.pages01 a {
    font-size: 14px;
    color: #000;
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px #cccccc solid;
}

.pages01 a.active,
.pages a:hover {
    color: #fff;
    background-color: #008bdf;
}

.gjcss {
    display: none;
}

/*分页*/

.search-pagination {
    text-align: center;
}

.search-pagination .pagination {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.search-pagination .pagination li {
    display: inline;
    width: auto;
    float: none;
    margin-bottom: 0;
}

.search-pagination>.pagination>li>a {
    margin: 0 3px;
    color: #2a333c;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    border: 1px solid #ddd;
}

.search-pagination>.pagination>.active>a,
.search-pagination>.pagination>.active>a:focus,
.search-pagination>.pagination>.active>a:hover {
    color: #fff;
    background-color: #006aff;
    border-color: #006aff;
    cursor: default;
}

@media (max-width: 1680px) {
    .foot_t dl {
        margin-left: 15.5%;
    }
}

@media (max-width: 1600px) {
    .foot_t dl {
        margin-left: 14.5%;
    }
    header .tel {
        width: 160px;
        font-size: 23px;
    }
    header .head_r {
        width: 63%;
    }
    header .head_r ul li {
        margin-right: 6%;
    }
    .index_hzhb li {
        height: 75px;
    }
    .jjfa1_l img {
        width: 100%;
        display: block;
        height: 520px;
    }
    .jjfa1_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa2_l img {
        width: 100%;
        display: block;
        height: 520px;
    }
    .jjfa2_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa3_l img {
        width: 100%;
        display: block;
        height: 520px;
    }
    .jjfa3_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa4_l img {
        width: 100%;
        display: block;
        height: 520px;
    }
    .jjfa4_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .banner_nr h3 {
        font-size: 46px;
    }
    .banner_nr p {
        font-size: 18px;
    }
    .wzbg {
        width: 40%;
    }
    .wzbg h3 {
        font-size: 34px;
    }
    .wzbg p {
        font-size: 17px;
    }
    .wzbg2 h3 {
        font-size: 34px;
    }
    .wzbg2 p {
        font-size: 17px;
    }
    .wzjs2_n h3 {
        font-size: 38px;
        line-height: 80px;
    }
    .gnjs_n h3 {
        font-size: 38px;
    }
    .gnjs_n .js {
        font-size: 18px;
    }
    .fwjs_l dl dt p {
        margin-left: 35%;
    }
    .ppjz2_l h3 {
        font-size: 38px;
        line-height: 80px;
    }
    .ppyx dl dt p {
        margin-left: 35%;
        width: 98px;
        height: 98px;
    }
    .wrapper .timer {
        font-size: 68px;
    }
    .contact_l h3 {
        font-size: 28px;
    }
    .banner_xqnr h1 {
        font-size: 46px;
    }
    .banner_xqnr p {
        font-size: 18px;
    }
}

@media (max-width: 1500px) {
    .foot_t dl {
        margin-left: 13.5%;
    }
    .ppyx dl .js {
        width: 90%;
    }
    .wrapper .timer {
        font-size: 64px;
    }
}

@media (max-width: 1400px) {
    .pt {
        padding-top: 70px;
    }
    .pb {
        padding-bottom: 80px;
    }
    .title {
        font-size: 34px;
        line-height: 1.1;
        padding-bottom: 15px;
    }
    .jdjs {
        font-size: 16px;
        padding-bottom: 40px;
    }
    header {
        padding: 20px 0;
    }
    header .head_l {
        width: 160px;
    }
    header .head_r ul li {
        font-size: 14px;
        line-height: 32px;
    }
    header .head_r ul li a {
        font-size: 14px;
    }
    header .tel {
        line-height: 32px;
    }
    .index_hzhb li {
        height: 65px;
    }
    .wmdfw li {
        padding-bottom: 58px;
    }
    .wmdfw li .img {
        height: 90px;
    }
    .wmdfw li .tit {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .wmdfw li .jj {
        margin-bottom: 30px;
    }
    .wmdfw li .ljzx {
        margin-top: 50px;
    }
    .foot_t dl:first-child {
        margin-left: 9%;
    }
    .foot_t dl {
        margin-left: 12.5%;
    }
    
    .jjfa1_l img {
        width: 100%;
        display: block;
        height: 460px;
    }
    .jjfa1_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa1_r h3 {
        font-size: 32px;
        line-height: 80px;
        margin-bottom: 34px;
    }
    .jjfa1_r .js {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 55px;
    }
    .jjfa1_r dl dd {
        font-size: 14px;
        line-height: 2;
    }
    .jjfa1_r dl {
        margin-bottom: 33px
    }
    .jjfa1_r .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
        margin-right: 35px;
    }
    .jjfa2_l img {
        width: 100%;
        display: block;
        height: 460px;
    }
    .jjfa2_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa2_r h3 {
        font-size: 32px;
        line-height: 80px;
        margin-bottom: 34px;
    }
    .jjfa2_r .js {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 55px;
    }
    .jjfa2_r dl dd {
        font-size: 14px;
        line-height: 2;
    }
    .jjfa2_r dl {
        margin-bottom: 33px
    }
    .jjfa2_r .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
        margin-left: 35px;
    }
    .jjfa3_l img {
        width: 100%;
        display: block;
        height: 460px;
    }
    .jjfa3_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa3_r h3 {
        font-size: 32px;
        line-height: 80px;
        margin-bottom: 34px;
    }
    .jjfa3_r .js {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 55px;
    }
    .jjfa3_r dl dd {
        font-size: 14px;
        line-height: 2;
    }
    .jjfa3_r dl {
        margin-bottom: 33px
    }
    .jjfa3_r .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
        margin-right: 35px;
    }
    .jjfa4_l img {
        width: 100%;
        display: block;
        height: 460px;
    }
    .jjfa4_r {
        padding-top: 40px;
        padding-bottom: 76px;
    }
    .jjfa4_r h3 {
        font-size: 32px;
        line-height: 80px;
        margin-bottom: 34px;
    }
    .jjfa4_r .js {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 55px;
    }
    .jjfa4_r dl dd {
        font-size: 14px;
        line-height: 2;
    }
    .jjfa4_r dl {
        margin-bottom: 33px
    }
    .jjfa4_r .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
        margin-left: 35px;
    }
    .index1 .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .case .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .zxtj ul li input {
        font-size: 14px;
        line-height: 44px;
        height: 44px;
    }
    .zxtj ul li:nth-child(5) input {
        line-height: 34px;
    }
    .zxtj ul li input::-webkit-input-placeholder {
        font-size: 14px;
    }
    .zxtj ul li textarea::-webkit-input-placeholder {
        font-size: 14px;
    }
    .zxtj ul li textarea {
        font-size: 14px;
        line-height: 38px;
    }
    .banner_nr h3 {
        font-size: 42px;
    }
    .banner_nr p {
        font-size: 16px;
    }
    .banner_nr a {
        font-size: 14px;
        line-height: 2.5;
    }
    .banner_xqnr h1 {
        font-size: 42px;
    }
    .banner_xqnr p {
        font-size: 16px;
    }
    .banner_xqnr a {
        font-size: 14px;
        line-height: 2.5;
        width: 40px;
        height: 40px;
    }
    .banner_xqnr a:after {
        width: 40px;
        height: 40px;
    }
    .wzbg h3 {
        font-size: 32px;
    }
    .wzbg p {
        font-size: 14px;
    }
    .wzbg2 h3 {
        font-size: 32px;
    }
    .wzbg2 p {
        font-size: 14px;
    }
    .wzjs2_n h3 {
        font-size: 36px;
        line-height: 75px;
    }
    .wzjs2_n .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .wzjs4 .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .gnjs_n a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .gnjs_n h3 {
        font-size: 32px;
    }
    .gnjs_n .js {
        font-size: 16px;
    }
    .lmdh dl dt {
        font-size: 18px;
    }
    .lmdh dl dt a {
        font-size: 18px;
    }
    .lmdh dl dd {
        font-size: 14px;
    }
    .lmdh dl dd a {
        font-size: 14px;
    }
    .dxwz dl dd {
        font-size: 14px;
    }
    .fwjs_l dl dt {
        height: 74px;
    }
    .fwjs_l dl dt p {
        margin-left: 30%;
        width: 50px;
        height: 50px;
    }
    .fwjs_l dl dt p img {
        max-width: 50%;
    }
    .fwjs_l dl .tit {
        font-size: 16px;
        margin-bottom: 18px;
    }
    .fwjs_l dl .js {
        font-size: 12px;
        line-height: 20px;
    }
    .ppjz1 .ckgd {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .ppjz2_l {
        margin-top: 0;
    }
    .ppjz2_l h3 {
        font-size: 36px;
        line-height: 75px;
    }
    .ppjz2_l .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .ppyx dl .tit {
        font-size: 16px;
        margin-bottom: 18px;
    }
    .ppyx dl .js {
        font-size: 12px;
        line-height: 20px;
    }
    .ppyx dl dt p {
        width: 85px;
        height: 85px;
    }
    .wxxz_l dl {
        margin-top: 7%;
        margin-bottom: 18%;
    }
    .wxxz_l dl dt {
        width: 88px;
        height: 88px;
    }
    .wxxz_l dl dd {
        width: calc(100% - 110px);
        height: 88px;
    }
    .wxxz_l dl dd .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .wxxz_r dl {
        margin-top: 7%;
        margin-bottom: 18%;
    }
    .wxxz_r dl dt {
        width: 88px;
        height: 88px;
    }
    .wxxz_r dl dd {
        width: calc(100% - 110px);
        height: 88px;
    }
    .wxxz_r dl dd .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .xcx dl dt {
        width: 108px;
        height: 108px;
    }
    .xcx dl dd .tit {
        font-size: 18px;
    }
    .fwly dl dt {
        width: 98px;
        height: 98px;
    }
    .fwly dl .tit {
        font-size: 18px;
        padding-top: 28px;
        padding-bottom: 15px;
    }
    .fwly .fwly_n a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .hyyy3 .ckgd a {
        font-size: 14px;
        width: 134px;
        line-height: 36px;
    }
    .shownews_lbk h3 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    .shownews_lbk .time {
        padding-bottom: 20px;
    }
    .shownews_lbk .con {
        font-size: 14px;
    }
    .shownews_rbk h3 {
        font-size: 28px;
    }
    .shownews_rbk ul li .tit {
        font-size: 16px;
    }
    .shownews_rbk ul li .time {
        font-size: 12px;
    }
    .wrapper .timer {
        font-size: 60px;
    }
    .about1 .con {
        font-size: 14px;
    }
    .wrapper .count-text {
        font-size: 18px;
    }
    .wrapper .counter_n sup {
        font-size: 12px;
    }
    .about2 .ljzx {
        margin-top: 50px;
    }
    .gstd dl .tit {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .gstd dl .des {
        font-size: 14px;
    }
    .gsry .tit {
        font-size: 20px;
        padding-top: 15px;
    }
    .contact_l {
        margin-top: 30px;
    }
    .contact_l h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .contact_l h3.p2 {
        margin-top: 90px;
    }
    .contact_r iframe {
        height: 380px;
    }
    .titlexg {
        padding-bottom: 32px;
    }
    .wzbg a.tbxg {
        width: 140px;
        height: 40px;
    }
    .wzbg a.tbxg:after {
        width: 140px;
        height: 40px;
    }
    header .head_r .xl {
        top: 48px;
    }
    header .head_r ul li:nth-child(2) span {
        top: 39px;
    }
}

@media (max-width: 1300px) {
    .foot_t dl:first-child {
        margin-left: 8%;
    }
    .foot_t dl {
        margin-left: 11.5%;
    }
    .wzbg {
        width: 45%;
    }
    .wrapper .timer {
        font-size: 56px;
    }
}

@media (max-width: 1200px) {
    .pt {
        padding-top: 60px;
    }
    .pb {
        padding-bottom: 70px;
    }
    .title {
        font-size: 30px;
        line-height: 1.1;
        padding-bottom: 12px;
    }
    .jdjs {
        font-size: 14px;
        padding-bottom: 35px;
        line-height: 21px;
    }
    header .tel {
        width: 125px;
        font-size: 18px;
    }
    header .head_r {
        width: 62%;
    }
    header .head_r ul li {
        margin-right: 4%;
    }
    .index_hzhb li {
        width: calc(100% / 5);
    }
    .index_hzhb li:nth-child(21) {
        display: none;
    }
    .foot_t dl:first-child {
        margin-left: 7%;
    }
    .foot_t dl {
        margin-left: 10%;
    }
    .banner_nr h3 {
        font-size: 38px;
    }
    .banner_xqnr h1 {
        font-size: 38px;
    }
    .wzbg {
        width: 46%;
    }
    .wzbg h3 {
        font-size: 28px;
    }
    .wzbg2 h3 {
        font-size: 28px;
    }
    .ppyx dl dt {
        width: 40%;
    }
    .ppyx dl dt p {
        margin-left: 20%;
    }
    .ppyx dl dd {
        width: 60%;
    }
    .xcx {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .xcx dl {
        width: 31.4%;
        margin-right: 2.9%;
        margin-bottom: 2.9%;
    }
    .xcx dl:last-child {
        margin-right: 0;
    }
    .xcx dl:nth-child(3n) {
        margin-right: 0;
    }
    .wrapper .timer {
        font-size: 52px;
    }
    .gsry .swiper-pagination {
        display: block;
    }
}

@media (max-width: 1100px) {
    .foot_t dl:first-child {
        margin-left: 5.5%;
    }
    .foot_t dl {
        margin-left: 8.5%;
    }
    .shownews_l {
        width: 100%;
    }
    .shownews_r {
        display: none;
    }
    .wrapper .timer {
        font-size: 48px;
    }
}

@media (max-width: 1000px) {
    .w88 {
        max-width: 94%;
    }
    header .head_l {
        width: 130px;
    }
    header .tel {
        display: none;
    }
    header .head_r {
        display: none;
    }
    header .menu {
        float: right;
        width: 25px;
        margin-top: 5px;
        display: block;
    }
    header .menu img {
        width: 100%;
        display: block;
    }
    .foot {
        display: none;
    }
    .wmdfw li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
        padding-bottom: 6%;
    }
    .wmdfw li:nth-child(2n) {
        margin-right: 0;
    }
    .wmdfw li .tit {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .wmdfw li .jj {
        margin-bottom: 20px;
    }
    .wmdfw li .ljzx {
        margin-top: 10%;
        font-size: 14px;
        width: 110px;
        line-height: 32px;
    }
    .jjfa1_l {
        width: 100%;
        float: none;
    }
    .jjfa1_l img {
        width: 100%;
        display: block;
        height: auto!important;
    }
    .jjfa1_r {
        width: 100%;
        float: none;
        padding: 5% 5%;
    }
    .jjfa1_r dl {
        width: 100%;
    }
    .jjfa1_r h3 {
        text-align: left;
    }
    .jjfa1_r h3:after {
        left: 0;
    }
    .jjfa1_r .js {
        width: 100%;
        text-align: left;
        -webkit-line-clamp: 10;
    }
    .jjfa1_r dl dd {
        float: left;
        text-align: left;
    }
    .jjfa1_r .ckgd {
        text-align: left;
    }
    .jjfa1_r .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .jjfa2_l {
        width: 100%;
        float: none;
    }
    .jjfa2_l img {
        width: 100%;
        display: block;
        height: auto!important;
    }
    .jjfa2_r {
        width: 100%;
        float: none;
        padding: 5% 5%;
    }
    .jjfa2_r dl {
        width: 100%;
    }
    .jjfa2_r h3 {
        text-align: left;
    }
    .jjfa2_r h3:after {
        left: 0;
    }
    .jjfa2_r .js {
        width: 100%;
        text-align: left;
        -webkit-line-clamp: 10;
    }
    .jjfa2_r dl dd {
        float: left;
        text-align: left;
    }
    .jjfa2_r .ckgd {
        text-align: left;
    }
    .jjfa2_r .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .jjfa3_l {
        width: 100%;
        float: none;
    }
    .jjfa3_l img {
        width: 100%;
        display: block;
        height: auto!important;
    }
    .jjfa3_r {
        width: 100%;
        float: none;
        padding: 5% 5%;
    }
    .jjfa3_r dl {
        width: 100%;
    }
    .jjfa3_r h3 {
        text-align: left;
    }
    .jjfa3_r h3:after {
        left: 0;
    }
    .jjfa3_r .js {
        width: 100%;
        text-align: left;
        -webkit-line-clamp: 10;
    }
    .jjfa3_r dl dd {
        float: left;
        text-align: left;
    }
    .jjfa3_r .ckgd {
        text-align: left;
    }
    .jjfa3_r .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .jjfa4_l {
        width: 100%;
        float: none;
    }
    .jjfa4_l img {
        width: 100%;
        display: block;
        height: auto!important;
    }
    .jjfa4_r {
        width: 100%;
        float: none;
        padding: 5% 5%;
    }
    .jjfa4_r dl {
        width: 100%;
    }
    .jjfa4_r h3 {
        text-align: left;
    }
    .jjfa4_r h3:after {
        left: 0;
    }
    .jjfa4_r .js {
        width: 100%;
        text-align: left;
        -webkit-line-clamp: 10;
    }
    .jjfa4_r dl dd {
        float: left;
        text-align: left;
    }
    .jjfa4_r .ckgd {
        text-align: left;
    }
    .jjfa4_r .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .banner_nr h3 {
        font-size: 34px;
    }
    .banner_nr a {
        width: 10%;
    }
    .banner_xqnr h1 {
        font-size: 34px;
    }
    .wzbg {
        width: 88%;
    }
    .wzbg h3 {
        font-size: 26px;
        margin-bottom: 2.5%;
        line-height: 1.3;
    }
    .wzbg p {
        margin-bottom: 6%;
    }
    .wzbg2 h3 {
        font-size: 26px;
    }
    .wzjs2_n {
        width: 94%;
    }
    .wzjs2_n .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .gnjs_n h3 {
        font-size: 28px;
    }
    .gnjs_n .js {
        font-size: 14px;
    }
    .lmdh {
        margin-top: 0;
    }
    .lmdh dl {
        width: 31%;
        margin-right: 3.5%;
        margin-top: 3.5%;
    }
    .lmdh dl:nth-child(3n) {
        margin-right: 0;
    }
    .fwjs_l {
        width: 100%;
    }
    .fwjs_r {
        width: 100%;
        margin-bottom: 20px;
    }
    .fwys dl {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .fwys dl:nth-child(2n) {
        margin-right: 0;
    }
    .ppjz2_l {
        width: 94%;
        margin-top: 0;
    }
    .ppjz2_l .ckgd a {
        margin-right: 20px;
        margin-left: 0;
    }
    .ppjz2_r {
        width: 88%;
        padding-left: 6%;
        padding-right: 0;
        float: none;
    }
    .ppyx dl {
        width: calc(48% - 2px);
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .ppyx dl:nth-child(2n) {
        margin-right: 0;
    }
    .ppyx dl .js {
        width: 70%;
    }
    .ppwz dl {
        width: 48%;
        margin-right: 0;
        margin-bottom: 8%;
    }
    .ppjz1 .ckgd {
        margin-top: 0;
    }
    .wxxz_m {
        display: none;
    }
    .wxxz_l {
        width: 45%;
    }
    .wxxz_r {
        width: 45%;
    }
    .fwly .fwly_n {
        width: 45%;
        margin-bottom: 5%;
    }
    .wrapper .timer {
        font-size: 44px;
    }
    .about2 .ljzx {
        margin-top: 8%;
        font-size: 14px;
        width: 110px;
        line-height: 32px;
    }
    .lxwm_t li {
        float: left;
        width: 23%;
        margin: 0 1% 40px;
        text-align: center;
    }
    .lxwm_t li .title1 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 34px;
    }
    .lxwm_t li .title2 {
        line-height: 20px;
        font-size: 14px;
        color: #878f92;
        margin-top: 12px;
        font-family: 'Helvetica';
    }
    .lxwm_t li a {
        width: 98px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
    }
    .contact_l {
        width: 100%;
        float: none;
        margin-top: 0;
    }
    .contact_l h3.p2 {
        margin-top: 0;
    }
    .contact_l p.dz {
        margin-bottom: 30px;
    }
    .contact_r {
        width: 100%;
        float: none;
    }
    .huudon-float {
        display: none;
    }
    .dxwz dl dt {
        width: 98px;
        height: 98px;
    }
}

@media (max-width: 800px) {
    .pt {
        padding-top: 50px;
    }
    .pb {
        padding-bottom: 60px;
    }
    .title {
        font-size: 28px;
        line-height: 1.1;
        padding-bottom: 10px;
    }
    .jdjs {
        font-size: 14px;
        padding-bottom: 35px;
    }
    .index_case li {
        width: 48%;
        margin-right: 4%;
    }
    .index_case li:nth-child(3n) {
        margin-right: 4%;
    }
    .index_case li:nth-child(2n) {
        margin-right: 0;
    }
    .index_case li:last-child {
        display: none;
    }
    .allm li {
        margin: 0 10px 10px;
    }
    .index_case {
        margin-top: 25px;
    }
    
    .jjfa1_r h3 {
        font-size: 26px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .jjfa1_r .js {
        margin-bottom: 25px;
    }
    .jjfa1_r dl {
        margin-bottom: 25px;
    }
    .jjfa1_r .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .jjfa2_r h3 {
        font-size: 26px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .jjfa2_r .js {
        margin-bottom: 25px;
    }
    .jjfa2_r dl {
        margin-bottom: 25px;
    }
    .jjfa2_r .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .jjfa3_r h3 {
        font-size: 26px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .jjfa3_r .js {
        margin-bottom: 25px;
    }
    .jjfa3_r dl {
        margin-bottom: 25px;
    }
    .jjfa3_r .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .jjfa4_r h3 {
        font-size: 26px;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .jjfa4_r .js {
        margin-bottom: 25px;
    }
    .jjfa4_r dl {
        margin-bottom: 25px;
    }
    .jjfa4_r .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .zxtj ul li {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 3%;
    }
    .zxtj ul li:nth-child(5) input {
        width: 100%;
    }
    .index1 .ckgd a {
        width: 110px;
        margin: 10px 10px 0;
        line-height: 32px;
    }
    .case .ckgd a {
        width: 110px;
        margin: 10px 10px 0;
        line-height: 32px;
    }
    .banner_nr h3 {
        font-size: 30px;
    }
    .banner_nr p {
        font-size: 14px;
    }
    .banner_nr a {
        width: 12%;
    }
    .banner_xqnr h1 {
        font-size: 30px;
    }
    .banner_xqnr p {
        font-size: 14px;
    }
    .banner_xqnr a {
        width: 30px;
        height: 30px;
    }
    .banner_xqnr a:after {
        width: 30px;
        height: 30px;
    }
    .wzjs2_n h3 {
        font-size: 28px;
    }
    .wzjs2_n .js {
        width: 94%;
        margin-bottom: 7%;
    }
    .wzjs2_n .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .wzjs4 .ckgd {
        width: 110px;
        line-height: 32px;
    }
    .gnjs_n a {
        width: 110px;
        line-height: 32px;
    }
    .gnjs_n h3 {
        font-size: 26px;
    }
    .ppjz1 .ckgd {
        width: 110px;
        line-height: 32px;
    }
    .ppjz2_l h3 {
        font-size: 28px;
    }
    .ppjz2_l .js {
        width: 94%;
        margin-bottom: 7%;
    }
    .ppjz2_l .ckgd a {
        width: 110px;
        line-height: 32px;
    }
    .ppyx dl .tit {
        margin-bottom: 10px;
    }
    .ppyx dl dt {
        width: 37%;
    }
    .ppyx dl dt p {
        width: 75px;
        height: 75px;
    }
    .ppyx dl dd {
        width: 63%;
    }
    .ppyx dl .js {
        width: 85%;
    }
    .ymsj dl {
        width: 100%;
        margin-bottom: 4%;
    }
    .gnys dl {
        width: 100%;
        margin-bottom: 4%;
    }
    .xcx dl {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .xcx dl:last-child {
        margin-right: 0;
    }
    .xcx dl:nth-child(3n) {
        margin-right: 4%;
    }
    .xcx dl:nth-child(2n) {
        margin-right: 0;
    }
    .fwly .fwly_n {
        width: 48%;
    }
    .fwly dl {
        padding: 12% 0;
    }
    .jsfw dl dd .tit {
        font-size: 18px;
    }
    .jsfw dl {
        width: 48%;
    }
    .jsfw dl dt {
        width: 98px;
        height: 98px;
    }
    .fwlc dl {
        width: 48%;
        margin-bottom: 6%;
    }
    .fwlc dl dt {
        width: 98px;
        height: 98px;
    }
    .fwlc dl .tit {
        font-size: 28px;
    }
    .fwlc dl .des {
        font-size: 18px;
    }
    .fwly .fwly_n a {
        width: 110px;
        margin: 20px auto 0;
        line-height: 32px;
    }
    .hyyy3 .ckgd a {
        width: 110px;
        margin: 10px auto 0;
        line-height: 32px;
    }
    .case_allm li {
        margin: 0 2% 3%;
        padding: 0 3%;
    }
    .case_allm li:nth-child(1) {
        margin-left: 0px;
    }
    .case_list {
        margin-top: 25px;
    }
    .case_list li {
        width: 48%;
        margin-right: 4%;
    }
    .case_list li:nth-child(3n) {
        margin-right: 4%;
    }
    .case_list li:nth-child(2n) {
        margin-right: 0;
    }
    .des2_l {
        width: 100%;
        margin-bottom: 24px;
    }
    .des2_r {
        width: 100%;
        justify-content: flex-start;
    }
    .des2_r a {
        margin-left: 0;
        margin-right: 10px;
    }
    .des2_r a:first-child {
        width: 100px;
    }
    .showcase {
        padding: 30px 0;
    }
    .showcase1bk .tit {
        font-size: 18px;
    }
    .showcase1bk .des {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .showcase1bk .des2 {
        font-size: 14px;
        line-height: 24px;
    }
    .sxy li {
        height: 40px;
    }
    .sxy li a {
        font-size: 14px;
    }
    .news_list {
        margin-top: 25px;
    }
    .news_list li {
        width: 48%;
        margin-right: 4%;
    }
    .news_list li:nth-child(3n) {
        margin-right: 4%;
    }
    .news_list li:nth-child(2n) {
        margin-right: 0;
    }
    .news_list li .nr .tit {
        margin-bottom: 15px;
    }
    .news_list li .nr .time {
        margin-top: 10px;
    }
    .shownews_lbk h3 {
        font-size: 28px;
        line-height: 1.5;
    }
    .wrapper .timer {
        font-size: 40px;
    }
    .wrapper {
        justify-content: center;
        max-width: 100%;
    }
    .wrapper .counter {
        width: 33.33%;
        text-align: center;
        margin-bottom: 5%;
    }
    .wrapper .count-text {
        margin-top: 5px;
        font-size: 16px;
    }
    .gstd dl .tit {
        font-size: 18px;
    }
    .gstd dl dt {
        width: 88%;
    }
    .gstd dl dd {
        width: 88%;
    }
    .gsry .tit {
        font-size: 18px;
    }
    .titlexg {
        padding-bottom: 28px;
    }
    .wzbg a.tbxg {
        width: 125px;
        height: 35px;
    }
    .wzbg a.tbxg:after {
        width: 125px;
        height: 35px;
    }
   
    .zxtj ul li textarea {
        height: 150px;
    }
    .zxtj ul li input {
        line-height: 38px;
        height: 38px;
    }
    .zxtj ul li:nth-child(5) {
        margin-top: 6%;
    }
    .dxwz dl dt {
        width: 88px;
        height: 88px;
    }
    .pages01 a {
        margin: 0 1px;
        padding: 3px 6px;
    }
    .links a:nth-child(n+6) {
        display: none;
    }
}

@media (max-width: 639px) {
    .pt {
        padding-top: 35px;
    }
    .pb {
        padding-bottom: 35px;
    }
    .pd {
        display: none;
    }
    .pr {
        display: block;
    }
    .title {
        font-size: 26px;
        line-height: 1.2;
        padding-bottom: 10px;
    }
    .jdjs {
        font-size: 14px;
        padding-bottom: 30px;
    }
    .index_hzhb li {
        width: calc(100% / 2);
    }
    .index_hzhb li:nth-child(21) {
        display: none;
    }
    .bqxx {
        line-height: 1.5;
        padding: 10px 15%;
        font-size: 12px;
    }
    .banner_nr a {
        width: 16%;
    }
    .banner_nr h3 {
        padding-top: 25px;
        font-size: 26px;
    }
    .banner_xqnr h1 {
        padding-top: 25px;
        font-size: 26px;
    }
    .wzjs2_n h3 {
        font-size: 26px;
    }
    .lmdh dl {
        width: 48%;
        margin-right: 4%;
        margin-top: 4%;
    }
    .lmdh dl:nth-child(3n) {
        margin-right: 4%;
    }
    .lmdh dl:nth-child(2n) {
        margin-right: 0;
    }
    .fwjs_l dl {
        width: 100%;
        margin-right: 0;
    }
    .ppjz2_l h3 {
        font-size: 26px;
    }
    .ppyx dl {
        width: calc(100% - 2px);
        margin-right: 0%;
    }
    .ppyx dl dt {
        width: 35%;
    }
    .ppyx dl dt p {
        margin-left: 30%;
    }
    .ppyx dl dd {
        width: 63%;
    }
    .ppyx dl .js {
        width: 80%;
        font-size: 14px;
    }
    .ppwz dl dt {
        width: 108px;
        height: 108px;
        margin-bottom: 12px;
    }
    .ppwz dl dt img {
        max-width: 50%;
        max-height: 42%;
    }
    .ppwz dl dd {
        font-size: 14px;
        line-height: 22px;
    }
    .wxxz_l {
        width: 100%;
    }
    .wxxz_l dl {
        margin-top: 0;
        margin-bottom: 10%;
    }
    .wxxz_l dl dt {
        float: left;
    }
    .wxxz_l dl dd {
        float: right;
        text-align: left;
    }
    .wxxz_r {
        width: 100%;
    }
    .wxxz_r dl {
        margin-top: 0;
        margin-bottom: 6%;
    }
    .xcx dl dt {
        width: 88px;
        height: 88px;
    }
    .xcx dl dd .tit {
        line-height: 2;
    }
    .wrapper .timer {
        font-size: 36px;
    }
    .wrapper .count-text {
        font-size: 14px;
    }
    .about2 .ljzx {
        margin-top: 10%;
    }
    .gsry .tit {
        font-size: 16px;
    }
    .lxwm_t li {
        width: 48%;
        margin: 0 1% 40px;
    }
    .lxwm_t li img {
        height: 40px;
    }
    .lxwm_t li .title1 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 14px;
    }
    .contact_l h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .contact_l p {
        font-size: 14px;
    }
    .titlexg {
        padding-bottom: 24px;
    }
    .wzbg a {
        display: none;
    }
    .banner {
        height: 250px !important;
    }
    .banner_ban {
        height: 250px !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .banner .swiper-pagination {
        bottom: 10px;
    }
    .banner .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    .banner .swiper-pagination-bullet-active {
        width: 20px;
        height: 5px;
    }
    .wzbg h3 {
        font-size: 18px;
    }
    .wzbg p {
        font-size: 14px;
    }
    .wzbg2 h3 {
        font-size: 18px;
    }
    .wzbg2 p {
        font-size: 14px;
    }
    .wzbg2 {
        top: 35%;
    }
    .index_case li {
        width: 100%;
        margin-right: 0;
    }
    .case_list li {
        width: 100%;
        margin-right: 0;
    }
    .banner_nr a {
        width: 25%;
        line-height: 2;
    }
    .banner_nr h3 {
        font-size: 18px;
        margin-bottom: 3%;
    }
    .banner_nr p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 4%;
    }
    .lxwm_t {
        padding-bottom: 0
    }
    .showcase1bk {
        padding: 7% 5% 10%;
    }
    .showcase1bk .tit {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .des2_r a {
        display: none;
    }
    .des2_r a:first-child {
        display: block;
        margin: auto;
        float: none;
        background: #006aff;
        border: 1px solid #006aff;
        color: #fff;
    }
    .dxwz dl {
        margin-bottom: 5.6%;
    }
    .dxwz dl dt {
        width: 76px;
        height: 76px;
    }
    .dxwz dl dd {
        margin-top: 8px;
    }
    .lmdh dl {
        padding: 6% 0 3%;
    }
    .lmdh dl dt {
        margin-bottom: 10px;
    }
    .fwys dl dt {
        width: 100px;
        height: 100px;
        margin-bottom: 24px;
    }
    .fwys dl .tit {
        margin-bottom: 15px;
    }
    .fwys dl .js {
        width: 92%;
        line-height: 22px;
    }
    .fwjs_l dl dt {
        height: 68px;
        width: 32%;
    }
    .fwjs_l dl .tit {
        margin-bottom: 12px;
    }
    .fwjs_l dl .js {
        font-size: 14px;
        width: 94%;
    }
    .fwjs_l dl dd {
        width: 68%;
    }
    .ymsj dl .tit {
        margin-bottom: 16px;
    }
    .ymsj dl {
        padding-top: 7%;
        padding-bottom: 8.2%;
    }
    .ymsj dl dt img {
        max-width: 45%;
        max-height: 45%;
    }
    .ppyx dl {
        padding: 4% 0;
    }
    .xcx dl dd .tit {
        padding-top: 8px;
    }
    .xcx dl dd .des {
        line-height: 22px;
    }
    .yhty3 .jdjs {
        padding-bottom: 13px;
    }
    .fwly dl .tit {
        padding-top: 14px;
    }
    .jsfw dl dd .tit {
        line-height: 2;
    }
    .about1 .con {
        padding-bottom: 8%;
        line-height: 22px;
    }
    .shownews_lbk .time {
        padding-bottom: 13px;
    }
    .shownews_lbk .con {
        margin-top: 5.2%;
    }
    .index1 {
        padding-bottom: 0;
    }
    .index1 .ckgd {
        padding-bottom: 35px;
    }
    .index1 .ckgd a {
        margin-top: 0;
    }
    .showcase2bk {
        padding: 8% 3.1%;
    }
    .ppjz2_l .js {
        line-height: 22px;
    }
    .ymsj dl .js {
        line-height: 22px;
    }
    .wxxz_l dl dd .des {
        line-height: 22px;
    }
    .jsfw dl dd .des {
        line-height: 22px;
    }
    #newBridge #nb_toolbar_wrap #nb_toolbar_onlineConsult {
        background: url(../images/view.png) no-repeat center left !important;
        background-size: 1.6rem !important;
        background-position-x: 0.4rem !important;
    }
    #newBridge #nb_toolbar_wrap #nb_toolbar_dial {
        background: url(../images/tel.png) no-repeat center left !important;
        background-size: 1.6rem !important;
        background-position-x: 0.4rem !important;
    }
    #newBridge #nb_toolbar_wrap #nb_toolbar_onlineConsult,
    #newBridge #nb_toolbar_wrap #nb_toolbar_dial {
        font-size: 1.1rem;
        padding-top: 0.2rem;
    }
    #newBridge #nb_toolbar_wrap #nb_toolbar_onlineConsult:after,
    #newBridge #nb_toolbar_wrap #nb_toolbar_dial:after {
        border: 0px;
    }
    #newBridge .nb-icon-wrap-0 .nb-icon-wrap-base {
        display: none;
    }
    #newBridge #nb_toolbar_wrap:before {
        border-top: 0px solid #bbb !important;
    }
}

@media (max-width:500px) {
    .allm li a {
        font-size: 14px;
    }
    .case_allm li a {
        font-size: 14px;
    }
    .wzbg h3 {
        line-height: 1.4;
    }
    .index_case li .nr {
        background-size: 10%;
    }
    .index_case li .nr:hover {
        background-size: 10%;
    }
    
    .index_hzhb {
        padding: 0;
    }
    .index_hzhb .img {
        height: 80px;
    }
    .index_hzhb .swiper-container {
        padding: 0;
    }
    .index_hzhb .img:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        z-index: 1;
    }
    .case_list li .nr {
        background-size: 10%;
    }
    .case_list li .nr:hover {
        background-size: 10%;
    }
    .case_list li .nr .tit {
        font-size: 16px;
    }
    .case_list li .nr .des {
        font-size: 12px;
    }
    .news_list li .nr {
        background-size: 10%;
        padding: 9% 5.6%;
    }
    .news_list li .nr:hover {
        background-size: 10%;
    }
    .news_list li .nr .tit {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .news_list li .nr .des {
        font-size: 12px;
    }
    .news_list li .nr .time {
        font-size: 12px;
        margin-top: 15px;
    }
    .shownews_lbk h1 {
        font-size: 20px;
    }
    .about2 .ljzx {
        margin-top: 12%;
    }
    .titlexg {
        padding-bottom: 20px;
    }
}

.con img {
    max-width: 100%;
    height: auto;
}
/*在线客服*/
.kf_bottom{ display:none;}
@media only screen and (max-width: 760px){

    .kf_bottom{ display:block;}		
    .kf_bottom {
    	width: 100%;
    	height: 60px;
    	background: #E64552;
    	margin: 0 auto;
    	position: fixed;
    	bottom: 0;
    	left: 0;
    	z-index: 99;
    }
    .kf_bottom ul {
    	max-width: 640px;
    	height: 60px;
    	margin: 0 auto
    }
    .kf_bottom ul li {
    	width: 25%;
    	height: 60px;
    	display: block;
    	float: left;
    	text-align: center;
    }
    .kf_bottom ul li a {
    	color: #fff;
    	font-size: 12px;
    	text-decoration: none;
    	display:block;
    }
    .kf_bottom ul li:nth-of-type(4) {
    	background-image: none
    }
    .kf_bottom ul li.f1 i {
    	display: block;
    	width: 100%;
    	height: 32px;
    	background: url(../images/f1.png) no-repeat center;
    	margin-top: 5px;
    }
    .kf_bottom ul li.f2 i {
    	display: block;
    	width: 100%;
    	height: 32px;
    	background: url(../images/f2.png) no-repeat center;
    	margin-top: 5px;
    }
    .kf_bottom ul li.f3 i {
    	display: block;
    	width: 100%;
    	height: 32px;
    	background: url(../images/f3.png) no-repeat center;
    	margin-top: 5px;
    }
    .kf_bottom ul li.f4 i {
    	display: block;
    	width: 100%;
    	height: 32px;
    	background: url(../images/f4.png) no-repeat center;
    	margin-top: 5px;
    }
}
#wxnr {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 300px;
	height: 300px;
	padding: 20px;
	padding-top: 35px;
	margin-top: -150px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
	box-sizing: border-box;
}
#wxnr img {
	width: 135px;
	height: 135px;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	color: #333;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 18px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 100%;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 3px 5px;
	line-height: 18px;
	background-color: #0056f9;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 23px;
	background-image: url(../images/kf_wx.png);
	background-size: 20px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -23px;
	z-index: 9999999;
	font-size: 16px;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 46px;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 5px;
	display: none;
}
/*在线客服*/