@charset "utf-8";
/*.swiper-container-bnss .hide{*/
/*  opacity:0;*/
/*}*/
/*.swiper-button-next,.swiper-button-prev{*/
/*  transition:opacity 0.5s;*/
/*}*/
.swiper-button-next-bn{
	width: 62px;
	height: 100px;
	background: url(../images/bnbtn_03.png) no-repeat center;
	margin-top: -50px;
	margin-right: 50px;
}
.swiper-button-prev-bn{
	width: 62px;
	height: 100px;
	background: url(../images/bnbtn_03.png) no-repeat center;
	margin-top: -50px; 
	margin-left: 50px;
	transform:rotate(180deg);
}
.hdtop{
	height: 140px;
}
.logo{
	display: inline-block;
	height: 79px;
	margin-top: 30px;
}
.logo img{
	display: block;
	height: 100%;
}
.htr{
	line-height: 30px;
	text-align: right;
}
.htr h4{
	margin-top: 35px;
	font-size: 27px;
	font-weight: normal;
}
.htr p{
	color: #3097ff;
	font-size: 16px;
}
.htr img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}
.nav{
	/*background: #3097FF;*/
	background: #FFFFFF;
	height: 52px;
}
.nav span{
	width: 14.28571%;
	text-align: center;
	position: relative;
}
.nav span i{
	display: inline-block;
	width: 24px;
	height: 2px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: 7px;
	background: #fff;
	display: none;
}
.nav span a.nava{
	display: block;
	line-height: 52px;
	/*color: #fff;*/
	color: #333;
	font-size: 18px;
}
.nav span.active a.nava,.nav span:hover a.nava{
	/*background: #27b64e;*/
	    background: #333333;
    color: #fff;
}
.nav span.active i{
	display: block;
}
.navhide{
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	/*background: #3097FF;*/
	background: #ffffff;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.nav span:hover .navhide{
	opacity: 1;
	visibility: inherit;
}
.navhide a{
	display: block;
	line-height: 45px;
	font-size: 16px;
	/*color: #fff;*/
	color: #333;
}
.navhide a:hover{
	/*background: #27b64e;*/
	    background: #333;
    color: #fff;
}
.xf{
	width: 200px;
	height: 60px;
	background: #222328;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999;
	transition: width .5s;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
}
#sadfjahfjka {
    float: left;
    width: 120px;
    height: 60px;
}
#sadfjahfjka li {
    width: 60px;
    height: 60px;
    border-right: 1px solid rgba(255,255,255,.1);
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
}
#sadfjahfjka li:nth-child(1) {
    background-image: url(../images/foot_20.png);
    background-repeat: no-repeat;
    border-left: 1px solid rgba(255,255,255,.1);
}
#sadfjahfjka li:nth-child(2) {
    background-image: url(../images/foot_22.png);
    background-repeat: no-repeat;
}
#sadfjahfjka li img {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -120px;
    left: 0;
    display: none;
}
#sadfjahfjka li:hover img {
    display: block;
}
#sadfjahfjka li a {
    width: 200px;
    height: 200px;
    background-color: #000000;
    font-size: 14px;
    color: #ffffff;
    padding: 15px;
    position: absolute;
    top: -200px;
    right: -21px;
    display: none;
}
#sadfjahfjka li a p {
    padding-bottom: 5px;
}
#sadfjahfjka li a p span {
    display: block;
}
#sadfjahfjka li:hover a {
    display: block;
}
#menu-btn {
    float: left;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative;
    z-index: 8;
    background: #222328;
    /*background: -moz-linear-gradient(top, #222328 0%, #040405 100%);*/
    /*background: -webkit-linear-gradient(top, #222328 0%, #040405 100%);*/
    /*background: linear-gradient(to bottom, #222328 0%, #040405 100%);*/
}
#g_topssd {
    position: absolute;
    width: 59px;
    height: 59px;
    right: 0;
    cursor: pointer;
}
#g_ttp {
    display: none;
}
#g_gotop {
    background: url(../images/foot_25.png) center no-repeat;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-left: 1px solid rgba(255,255,255,.1);
    cursor: pointer;
    width: 60px;
    height: 60px;
}
#menu-btn div {
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, width .2s, left .2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s, width .2s, left .2s;
    transition: transform 0.3s, opacity 0.2s, width .2s, left .2s;
    left: 18px;
    width: 24px;
}
#menu-btn div:nth-child(1) {
    -webkit-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    transform: translateY(-9px);
}
#menu-btn div:nth-child(2) {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    transform: translateY(7px);
}
.xf_height{
	height: 60px;
}
.xfnav{
	width: 70%;
}
.xfnav a{
	display: block;
	float: left;
	width: 14.28571%;
	line-height: 66px;
	font-size: 18px;
	color: #fff;
}
.xfnav a:hover{
	color: #3097FF;
}
.search{
	width: 20%;
	padding-top: 15px;
}
.search input.iptl{
	width: 80%;
	height: 36px;
	border: 1px solid #87888b;
	background: rgba(255,255,255,.1);
	color: #fff;
	padding-left: 10px;
	border-right: 0;
}
.search input.iptr{
	width: 20%;
	height: 36px;
	background: url(../images/searchico_03.png) no-repeat center #3097FF;
	cursor: pointer;
}
.md{
	padding: 60px 0;
}
.md1{
	background: #fafafa;
}
.mdtop h3{
	font-size: 26px;
	text-transform: uppercase;
}
.mdtop h4{
	font-size: 32px;
}
.md1pd{
	padding: 0 30px;
}
.md1w{
	width: 101.5%;
}
.md1a{
	height: 235px;
	width: 100%;
	margin-right: 0;
	background: #fff;
	/*box-shadow: 0 0 15px rgba(0,0,0,.15);*/
}
.md1aimg{
	width: 55%;
	text-align: center;
}
.md1a:hover img {
    transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    -o-transition: .7s;
}
.md1a:hover img {
    /*transform: rotate(360deg);*/
    /*-ms-transform: rotate(360deg);*/
    /*-moz-transform: rotate(360deg);*/
    /*-webkit-transform: rotate(360deg);*/
    /*-o-transform: rotate(360deg);*/
    transform: scale(1.1);
}
.md1aimg img{
	max-width: 90%;    max-height: 162px;
}
.md1atxt{
	width: 45%;
	padding: 0 20px;
}
.md1atxt h3{
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}
.md1atxt p{
	line-height: 20px;
	margin: 5px 0 10px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.md1atxt span{
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #333;
	transition: .25s;
}
.md1a:hover .md1atxt span{
	background: #3097FF;
	color: #fff;
	border: 1px solid #3097FF;
}
.md2l{
	width: 52%;
}
.md2l img{
	display: block;
	max-width: 100%;
}
.md2r{
	width: 45%;
}
.md2rtop h3{
	font-size: 24px;
	color: #333333;
}
.md2rtop span{
	display: block;
	width: 140px;
	height: 2px;
	/*background: #3097FF;*/
	background: #333333;
	margin: 15px 0 13px 0;
}
/*.md2rtop p{*/
/*	color: #999;*/
/*	font-size: 16px;*/
/*	line-height: 30px;*/
/*}*/
.md2rtop p {
    color: #999;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.md2rba1l{
	margin-right: 20px;
}
.md2rba1l img{
	display: block;
}
.md2rb a{
	display: flex;
	width: 48%;
	border: 2px solid #eee;
	padding: 20px;
	height: 135px;
	border-radius: 6px;
	align-items: center;
	justify-content: center;
	color: #999;
}
.md2rb a:hover{
	border: 2px solid #3097FF;
}
.md2rb a h3{
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 20px;
}
.md2rb a p{
	font-size: 12px;
}
.md3{
	background: #f6f6f6;
}
.md3tl{
	width: 35%;
}
.md3tr{
	width: 56%;
}
.md3tr video{
	width: 100%;max-height: 460px;
}
.md3tltxt h3{
	font-size: 24px;
	font-weight: normal;
}
.md3tltxt span{
	font-size: 14px;
	display: block;
	text-transform: uppercase;
}
.md3tltxt p{
	line-height: 26px;
	font-size: 16px;
	margin-top: 15px;
}
.md3tltxt a{
	display: inline-block;
	padding: 9px 30px;
	background: #3097FF;
	color: #fff;
	margin-top: 25px;
}
.md3tltxt a:hover{
	opacity: .85;
}
.md3ba img{
	display: block;
	border-radius: 10px;
	width: 100%;
}
.md3ba p{
	font-size: 20px;
	margin-top: 10px;
}
.md3ba:hover{
	color: #3097FF;
}
.swiper-button-next-md3{
	width: 60px;
	height: 100px;
	/*background: url(../images/md3_r_03.png) no-repeat center rgba(0,0,0,.3);*/
	background: url(../images/md3_r_03.png) no-repeat center;
	margin-top: -50px;
	margin-right: -120px;
}
.swiper-button-next-md3:hover{
	background: url(../images/md3_r_03.png) no-repeat center #3097FF;
}
.swiper-button-prev-md3{
	width: 60px;
	height: 100px;
	/*background: url(../images/md3_r_03.png) no-repeat center rgba(0,0,0,.3);*/
	background: url(../images/md3_r_03.png) no-repeat center;
	margin-top: -50px;
	margin-left: -120px;
	transform:rotate(180deg);
}
.swiper-button-prev-md3:hover{
	background: url(../images/md3_r_03.png) no-repeat center #3097FF;
}
.md4ltop{
	display: inline-block;
	border-bottom: 2px solid #dcdcdc;
	padding-bottom: 25px;
	padding-right: 20px;
}
.md4l{
	width: 55%;
}
.md4la{
	padding-left: 50px;
	font-size: 12px;
	color: #666;
	margin-bottom: 14px;
}
.md4la h3{
	font-weight: normal;
	font-size: 16px;
	line-height: 43px;
    margin-bottom: 0;
}
.md4la img{
	position: absolute;
	left: 0;
	top: 5px;
}
.md4r{
	width: 40%;
	height: 290px;
}
.foot{
	background: #222328;
	border-bottom: 2px solid rgba(255,255,255,.2);
	padding: 45px 0 50px 0;
	font-size: 16px;
	color: #999;
}
.ft1{
	display: block;
	width: 20%;
}
.ft1 img{
	max-width: 100%;
}
.ft2,.ft3{
	line-height: 36px;
	width: 25%;
	margin-left: 7%;
}
.ft3 a{
	color: #999;
}
.ft4{
	max-width: 15%;
}
.ft4 img{
	max-width: 100%;
}
.ft4 p{
	color: #4f5362;
	margin-top: 5px;
}
.abtit {
	font-size: 28px;
}
.abtit i{
	display: inline-block;
	width: 4px;
	height: 25px;
	background: #27b64e;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 15px;
}
.ab1txt{
	font-size: 16px;
	line-height: 28px;
}
.ab1txt p{
	text-indent: 2em;
}
.ab1txt img{
	max-width: 100%;
}
.lyb{
	background: url(../images/lybbg_02.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0;
}
.lybw{
	background: #fff;
	padding: 40px 80px;
}
.lybtop h3{
	font-size: 24px;
	font-weight: normal;
}
.lybtop p{
	color: #999;
	margin: 20px 0;
}
.lybtop span{
	width: 40px;
	height: 1px;
	display: block;
	margin: 0 auto;
	background: #ddd;
}
.lybipt input{
	width: 100%;
	background: #f5f5f5;
	height: 44px;
	padding: 0 20px;
	border-radius: 44px;
}
.lybipt textarea{
	width: 100%;
	background: #f5f5f5;
	height: 100px;
	padding: 20px;
	border-radius: 8px;
	resize: none;
}
.lybipt input:focus,.lybipt textarea:focus{
	background: #f0f0f0;
}
.lybaipt1{
	width: 28%;
}
.lybaipt2,.lybaipt3{
	width: 33%;
	margin-left: 3%;
}
.lybsbm input{
	width: 180px;
	height: 48px;
	background: #3097FF;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 4px;
}

.pdtit{
	border-bottom: 2px solid #eee;
}
.pdtl a{
	display: inline-block;
	float: left;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	padding: 0 20px;
}
.pdtl a.active{
	background: #3097FF;
	color: #fff;
}
.pdtl a:hover{
	color: #3097FF;
}
.pdtr{
	line-height: 50px;
	color: #999;
}
.pdtr a{
	color: #999;
}
.pdtr a.active{
	color: #3097FF;
}
.pd1w{
	width: 101%;
}
.pd1a{
	width: 32.3333%;
	margin-right: 1%;
	border: 1px solid #bbb;
	padding: 15px;
	margin-top: 10px;
	overflow: hidden;
}
.pd1aimg{
	height: 330px;
	border-bottom: 1px dashed #d6d6d6;
}
.pd1aimg img{
	width: 100%;
    /*width: 350px;*/
    /*height: 296px;*/
        width: 300px;
    max-height: 300px;
}
@media screen and (max-width: 1200px) {
    .pd1aimg img {
        width: 300px;
        height: 254px;
    }
    .pi3txt1 section {
        width: 100%!important;
    }
}
@media screen and (max-width: 768px) {
    .pd1aimg img {
        width: 130px;
        height: 114px;
    }
}
.pd1atxt{
	margin-top: 10px;
	font-size: 14px;
	padding: 0 30px;
}
.pd1atxt h3{
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.pd1atxt p{
	line-height: 22px;
	height: 44px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
	color: #333;
}
.pd1a:hover{
	color: #3097FF;
}
.pd1a img{
	transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    -o-transition: .7s;
}
.pd1a:hover img{
	transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.pi1{
	padding: 15px 20px;
	background: #f6f6f6;
}
.pi1 p{
	line-height: 36px;
	font-size: 18px;
	color: #666;
	display: inline-block;
	margin-right: 30px;
}
.mr10{
	margin-right: 10px;
}
.pi1p{
	color: #666;
	font-size: 16px;
}
.gallery-top{
	width: 80%;
	border: 1px solid #BBBBBB;
}
.pi2a{
	width: 100%;
	display: flex;
	height: 740px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.pi2a img{
	width: 80%;max-height: 90%;
}
.gallery-thumbs{
	width: 18%;
	height: 740px;
}

.pi2ba{
	border: 1px solid #eee;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.gallery-thumbs .swiper-slide-thumb-active .pi2ba{
	border: 1px solid #3097FF;
}
.pi2ba img{
	max-width: 95%;
	max-height: 95%;
}
.pi3top{
	line-height: 50px;
	background: #3097FF;
	color: #fff;
	font-size: 20px;
	padding: 0 20px;
}
.pi3txt{
	margin-top: 15px;
	line-height: 28px;
	color: #666;
	font-size: 16px;
}
.pi3txt p{
	/*text-indent: 2em;*/
}
.pi3txt img{
	max-width: 100%;
}
.pi3txt1{
	padding: 50px;
	/*background: #f6f6f6;*/
}
.pi3txt table{
    width: 100%!important;
    margin: auto!important;
    max-width: 1024px!important;
    text-align: center;
}
.pi3txt1 table{
    width: 100%!important;
    margin: auto!important;
    max-width: 1024px!important;
    text-align: center;
}
.pi3txt table td {
    border: 1px solid #4f4f4f;
}
.pi3txt1 table td{
    border: 1px solid #4f4f4f;
}
.pi3txt1 img{
	max-width: 100%;
}

.csw{
	margin-top: -30px;
}
.csa{
	height: 300px;
	margin-top: 30px;
}
.csaimg{
	width: 40%;
	height: 100%;
	background-size: cover !important;
}
.csatxt{
	width: 60%;
	height: 100%;
	background: #f6f6f6;
	padding: 25px 30px 0 30px;
	transition: .25s;
}
.csatxt span{
	font-size: 16px;
	color: #999;
}
.csatxt h3{
	font-size: 28px;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	margin: 10px 0 15px 0;
}
.csatxt p{
	line-height: 26px;
	color: #666;
	max-height: 104px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.csatxt i{
	display: inline-block;
	margin-top: 15px;
	padding: 12px 50px;
	background: #3097FF;
	border-radius: 6px;
	font-size: 16px;
	color: #fff;
}
.csa:hover .csatxt{
	background: #fff;
}
.csa:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.csavideo video{
	width: 100%;
	height: 100%;
	object-fit:fill;
}
/*.page1 a{*/
/*	display: inline-block;*/
/*	width: 44px;*/
/*	line-height: 42px;*/
/*	background: #e6e6e6;*/
/*	color: #3a405b;*/
/*}*/
/*.page1 a:hover,.page1 a.active{*/
/*	background: #3097FF;*/
/*	color: #fff;*/
/*}*/
/*.page1{*/
/*	margin-bottom: 15px;*/
/*}*/
.page p{
	color: #999;
}
.newatop{
	margin-top: 0;
}
.nea{
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}
.nea:hover{
	background: #f6f6f6;
}
.neaimg{
	width: 23%;
	height: 150px;
	overflow: hidden;
}
.neatxt{
	width: 75%;
}
.neatxt h3{
	line-height: 40px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 5px;
}
.neatxt p{
	line-height: 28px;
	font-size: 18px;
	color: #666;
	max-height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 10px 0;
}
.neatxt span{
	display: block;
	color: #666;
}
.slick-slide img {
    display: block;
}
.sxj-circle {
    position: absolute;
    width: 80%;
    top: 0;
    left: 10%;
}
.sxj-circle {
    -moz-animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    -ms-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
}





.one-img {
    position: absolute;
    top: 16%;
    right: 0;
    width: 31%;
    z-index: 999;
    opacity: 0;
    transition: all .7s;
}
.one-text {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    opacity: 1;
    transform: translate(0, -50%);
    width: 44%;
    opacity: 0;
    transition: all .7s;
}
.one-text h1 {
    font-weight: normal;
    font-size: 50px;
    color: #000000;
    line-height: 60px;
    width: 100%;
    text-align: center;
    margin: 0;

}
.one-text h3 {
    margin: 2% auto 4%;
    font-weight: normal;
    font-size: 24px;
    color: #000000;
    line-height: 40px;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #cccccc, #000000 5%, #000000 20%, #000000 30%,#000000 40%, #000000 50%, #000000 60%, #000000 70%,#000000 80%, #000000 95%, #cccccc);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: masked-animation 5s infinite linear;
}
.one-text .g-block {
    display: block;
    width: 100%;
    margin: auto;
}
.one-text .g-block img {
    width: 17%;
    margin: 0 1%;
    animation: gttbb 1.6s ease-in-out 1.7s infinite alternate;
    animation-delay: .15s;
}
.one-text .g-block img:nth-child(2) {
    animation-delay: .7s;
}
.one-text .g-block img:nth-child(3) {
    animation-delay: 1.3s;
}
.one-text .g-block img:nth-child(4) {
    animation-delay: .7s;
}
.one-text .g-block img:nth-child(5) {
    animation-delay: .15s;
}
.swiper-slide-active .one-img {
    right: 11%;
	opacity: 1;
    transition: all 1s;
}
.swiper-slide-active .one-text {
    left: 11%;
	opacity: 1;
    transition: all 1s;
}

.two-img {
    position: absolute;
    top: 22%;
    right: 0;
    width: 31%;
    z-index: 999;
    opacity: 0;
    transition: all .7s;
}
.two-text {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    opacity: 1;
    transform: translate(0, -50%);
    width: 44%;
    opacity: 0;
    transition: all .7s;
}
.two-text h1 {
    font-weight: normal;
    font-size: 50px;
    color: #000000;
    line-height: 60px;
    width: 100%;
    text-align: center;
    margin: 0;

}
.two-text h3 {
    margin: 2% auto 4%;
    font-weight: normal;
    font-size: 24px;
    color: #000000;
    line-height: 40px;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #cccccc, #000000 5%, #000000 20%, #000000 30%,#000000 40%, #000000 50%, #000000 60%, #000000 70%,#000000 80%, #000000 95%, #cccccc);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: masked-animation 5s infinite linear;
}
.two-text .g-block {
    display: block;
    width: 100%;
    margin: auto;
}
.two-text .g-block img {
    width: 17%;
    margin: 0 1%;
    animation: gttbb 1.6s ease-in-out 1.7s infinite alternate;
    animation-delay: .15s;
}
.two-text .g-block img:nth-child(2) {
    animation-delay: .7s;
}
.two-text .g-block img:nth-child(3) {
    animation-delay: 1.3s;
}
.two-text .g-block img:nth-child(4) {
    animation-delay: .7s;
}
.two-text .g-block img:nth-child(5) {
    animation-delay: .15s;
}
.swiper-slide-active .two-img {
    right: 11%;
	opacity: 1;
    transition: all 1s;
}
.swiper-slide-active .two-text {
    left: 11%;
	opacity: 1;
    transition: all 1s;
}

.three-img {
    position: absolute;
    top: 16%;
    right: 0;
    width: 31%;
    z-index: 999;
    opacity: 0;
    transition: all .7s;
}
.three-text {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    opacity: 1;
    transform: translate(0, -50%);
    width: 44%;
    opacity: 0;
    transition: all .7s;
}
.three-text h1 {
    font-weight: normal;
    font-size: 50px;
    color: #000000;
    line-height: 60px;
    width: 100%;
    text-align: center;
    margin: 0;

}
.three-text h3 {
    margin: 2% auto 4%;
    font-weight: normal;
    font-size: 24px;
    color: #000000;
    line-height: 40px;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(left, #cccccc, #000000 5%, #000000 20%, #000000 30%,#000000 40%, #000000 50%, #000000 60%, #000000 70%,#000000 80%, #000000 95%, #cccccc);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: masked-animation 5s infinite linear;
}
.three-text .g-block {
    display: block;
    width: 100%;
    margin: auto;
}
.three-text .g-block img {
    width: 17%;
    margin: 0 1%;
    animation: gttbb 1.6s ease-in-out 1.7s infinite alternate;
    animation-delay: .15s;
}
.three-text .g-block img:nth-child(2) {
    animation-delay: .7s;
}
.three-text .g-block img:nth-child(3) {
    animation-delay: 1.3s;
}
.three-text .g-block img:nth-child(4) {
    animation-delay: .7s;
}
.three-text .g-block img:nth-child(5) {
    animation-delay: .15s;
}
.swiper-slide-active .three-img {
    right: 11%;
	opacity: 1;
    transition: all 1s;
}
.swiper-slide-active .three-text {
    left: 11%;
	opacity: 1;
    transition: all 1s;
}
@keyframes gttbb{
    from {
        transform:translate(0,0)
    }
    to {
        transform:translate(0,12px)
    }
}
@keyframes masked-animation {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: -100% 0;
            }
        }

@media only screen and (min-width:768px) and (max-width:1440px) {
   .swiper-container-bn .bnimg {
        height: 450px;
    }
    .one-text,.two-text,.three-text {
        zoom: .8;
    }
}
@media only screen and (min-width:768px) and (max-width:1169px) {
	.md1pd{
		padding: 0 15px;
	}
	.md1a{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.pdtr{
		float: left;
	}
	.pd1aimg{
		height: 290px;
	}
	.pi2ba{
		height: 100%;
	}
	.gallery-thumbs{
		height: 650px;
	}
	.pi2a{
		height: 650px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 30px 0;
	}
	.mdtop h3{
		font-size: 20px;
	}
	.mdtop h4{
		font-size: 24px;
	}
	.md1pd{
		margin-top: 10px;
		padding: 0 15px;
	}
	.md1w{
		width: 100%;
	}
	.md1a{
		height: 195px;
		width: 100%;
		margin-top: 15px;
		margin-right: 0;
	}
	.md2l,.md2r{
		width: 100%;
	}
	.md2rb {
		margin-top: 15px;
	}
	.md2rb a{
		padding: 10px;
		height: 100px;
	}
	.md2r{
		margin-top: 20px;
	}
	.md2rtop h3{
		font-size: 20px;
	}
	.md2rtop p{
		font-size: 14px;
	}
	.md3tl,.md3tr{
		width: 100%;
	}
	.md3tltxt{
		margin-top: 20px;
	}
	.md3tr{
		margin-top: 20px;
	}
	.swiper-button-next-md3,.swiper-button-prev-md3{
		display: none;
	}
	.md3ba p{
		font-size: 14px;
	}
	.md4l,.md4r{
		width: 100%;
	}
	.md4r{
		margin-top: 20px;
		height: 200px;
	}
	.ft1,.ft2,.ft3,.ft4{
		width: 100%;
		margin-left: 0;
	}
	.ft1{
		text-align: center;
	}
	.foot{
		font-size: 14px;
		padding: 20px 0;
	}
	.ft4{
		max-width: 100%;
		margin-top: 10px;
	}
	.xfnav{
		display: none;
	}
	.search{
		width: 100%;
		padding-right: 40px;
	}
	.htr h4{
		font-size: 18px;
		margin-top: 15px;
	}
	.htr p{
		font-size: 14px;
	}
	.htr {
		text-align: center;
	}
	
	.lyb{
		padding: 15px 0;
	}
	.lybw{
		padding: 20px;
	}
	.mt_50,.mt_60{
		margin-top: 25px;
	}
	.lybaipt1,.lybaipt2,.lybaipt3{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.lybaipt4{
		margin-top: 15px;
	}
	.lybsbm{
		margin-top: 20px;
	}
	.lybsbm input{
		font-size: 14px;
		height: 40px;
		width: 120px;
	}
	.pdtl {
		width: 100%;
	}
	.pdtl a{
		display: block;
		font-size: 14px;
		line-height: 40px;
		width: 33.3333%;
		padding: 0;
		text-align: center;
	}
	.pdtr{
		width: 100%;
		float: left;
		line-height: 40px;
	}
	.pd1w{
		width: 100%;
		margin-top: -15px;
	}
	.pd1a{
		width: 48%;
		margin-top: 15px;
		margin-right: 0;
	}
	.pd1a:nth-child(odd){
		float: left;
	}
	.pd1a:nth-child(even){
		float: right;
	}
	.pd1aimg{
		height: 150px;
	}
	.pd1atxt{
		padding: 0;
	}
	.pd1atxt h3{
		font-size: 16px;
		line-height: 28px;
		height: 28px;
	}
	.pd1atxt p{
		font-size: 13px;
		line-height: 20px;
		height: 40px;
		margin-top: 5px;
	}
	.abtit{
		font-size: 20px;
	}
	.abtit i{
		height: 18px;
	}
	.pi1 p{
		width: 100%;
		line-height: 40px;
		font-size: 14px;
	}
	.pi1 p img{
		height: 26px;
	}
	.pi1p{
		font-size: 14px;
	}
	.gallery-top{
		width: 100%;
	}
	.gallery-thumbs{
		width: 100%;
		height: 80px;
		margin-top: 15px;
	}
	.pi2a{
		height: 300px;
	}
	.pi3txt{
		font-size: 14px;
	}
	.pi3txt1{
		padding: 10px;
	}
	.csa{
		height: auto;
	}
	.csaimg{
		width: 100%;
		height: 200px;
	}
	.csatxt{
		padding: 15px;
		width: 100%;
	}
	.csatxt h3{
		font-size: 20px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.csatxt p{
		font-size: 13px;
		line-height: 25px;
		max-height: 100px;
	}
	.csatxt i{
		display: inline-block;
		font-size: 14px;
		padding: 7px 20px;
	}
	.page1 a{
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 3px 0;
	}
	.neaimg{
		width: 35%;
		height: 80px;
	}
	.ne1{
		margin-top: 10px;
	}
	.nea{
		padding: 15px 0;
	}
	.neatxt{
		width: 60%;
	}
	.neatxt h3{
		font-size: 16px;
		line-height: 30px;
		height: 30px;
		margin-top: 0;
	}
	.neatxt p{
		max-height: 25px;
		line-height: 25px;
		font-size: 14px;
		margin: 3px 0;
	}
}
.xiaocms-page {
        width: max-content;
    margin: auto;
    padding-top: 30px;
}
.xiaocms-page a {
    padding: 5px 10px;
    border: 1px solid #999999;
    margin: 0 3px;
    color: #999999;
    border-radius: 3px;
}
.xiaocms-page a:hover {
    border: 1px solid #3097FF;
    color: #ffffff;
    background-color: #3097FF;
}
.xiaocms-page span {
    border-radius: 3px;
    padding: 5px 10px;
    border: 1px solid #3097FF;
    margin: 0 3px;
    color: #ffffff;
    background-color: #3097FF;
}
.swiper-slide {
            overflow: hidden;
        }
    @media screen and (min-width:1441px) {
        .swiper-container-bn {
            height: 670px;
        }
    }
    @media screen and (min-width:768px) and (max-width:1440px)  {
        .swiper-container-bn {
            height: 450px;
        }
    }
    @media screen and (max-width:768px) {
        .swiper-container-bn {
            height: 160px;
        }
        .one-text h1 {
            font-size: 14px;
            line-height: 18px;
            margin-left: 5%;
        }
        .one-text h3 {
            font-size: 12px;
            line-height: 16px;
            width: 90%;
            margin: 2% 0 4% auto;
        }
        .two-text h1 {
            font-size: 14px;
            line-height: 18px;
            margin-left: -5%;
        }
        .two-text h3 {
            font-size: 12px;
            line-height: 16px;
            width: 80%;margin: 2% 0 4%;
        }
        .three-text h1 {
            font-size: 14px;
            line-height: 18px;
            margin-left: -5%;
        }
        .three-text h3 {
            font-size: 12px;
            line-height: 16px;
            width: 80%;margin: 2% 0 4%;
        }
        .one-img {
            width: 21%;
            top: 22%;
        }
        .two-img {
            width: 21%;
            top: 22%;
        }
        .three-img {
            width: 21%;
            top: 22%;
        }
        .one-text {
            width: 60%;
        }
        .two-text {
            width: 60%;
        }
        .three-text {
            width: 60%;
        }
        .g-block img {
            width: 15%!important;
            
        }
    }