@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html, body { width: 100%; background: #fff; }
ul li {
    list-style: none;
}
img { border: none;}
.main { max-width: 1200px; padding:0 30px; box-sizing: border-box; margin: 0 auto; }
em,i{ font-style:normal;}

@media screen and (min-width: 1660px){
.symain { width: 1600px; height: 100%; margin: 0 auto; }
}
@media screen and (max-width: 1660px) and (min-width: 1440px) {
.symain { width: 90%; margin:0 auto;}
}
@media screen and (max-width: 1440px) and (min-width:1060px) {
.symain { width: 95%; margin:0 auto;}
}
@media screen and (max-width: 1060px) {
.symain { width: 95%;  margin:0 auto;}
}
.fl { float: left; }
.fr { float: right;}
a{text-decoration:none;color:#686868;}
a:hover{text-decoration:none;color:#0084ff;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.banner{ max-height:940px; overflow:hidden;}
.banner-container{ display:block;}
.wenzi {
	position: absolute;
	top:45%;
	color: white;
	width: 100%;
	text-align:center;
	transform: translateY(-50%);
}
.wenzi span{ display:block; margin:2% 0;}
.wenzi span img{ display:inline-block; max-width:55%;}


.banner-container { width: 100%; margin: 0 auto; position: relative; }
.banner-container .swiper-slide video { width: 100%; }
.swiper-pagination-fraction {  top: 50%;  transform: translateY(-50%);  left: 50px; width: 150px; }

@media screen and (min-width:960px) {
.swiper-pagination .swiper-pagination-bullet{ width: 150px;  height: 100px; border-radius: 0; border: 2px #fff solid; }
.swiper-pagination .swiper-pagination-bullet:nth-child(1) { background: url(../images/01.jpg) center no-repeat;}
.swiper-pagination .swiper-pagination-bullet:nth-child(2) { background: url(../images/02.jpg) center no-repeat;}
.swiper-pagination .swiper-pagination-bullet:nth-child(3) { background: url(../images/03.jpg) center no-repeat;}
}




.nyhead { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #111; }
.nyheadtxt { height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.nyheadtxth { color: #fff; }
.nyheadtxty { position: relative; text-transform: uppercase; display: flex; justify-content: center; align-items: center; }
.nyheadtxtyxz { position: relative; }
.nyheadtxty span { position: relative; color: #fff; z-index: 2; }
@media screen and (min-width:1440px) {
.nyhead { height: 550px;}
.nyheadtxt { padding: 150px 0 65px;}
.nyheadtxth { font-size:24px;}
.nyheadtxty span { font-size: 70px; }
}
@media screen and (max-width:1440px) and (min-width:1200px) {
.nyhead { height: 460px;}
.nyheadtxt { padding: 120px 0 45px;}
.nyheadtxth { font-size:21px;}
.nyheadtxty span { font-size:60px; }
}
@media screen and (max-width:1200px) and (min-width:760px) {
}
@media screen and (max-width: 760px) {
.nyhead { height:auto;}
.nyheadtxty span { font-size:36px;}
.nyheadtxth { font-size:15px; color: #fff; padding-bottom:25px;}
}

.nyheadtxtyxz::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: calc(100% + 60px);
    height: 35px;
    background-color: #e4581b;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.nyheadtxtt img {
    width: 110px;
    margin: auto;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    animation: sfdh .5s linear infinite;
    -webkit-animation: sfdh 1s linear infinite;
}

.nyheadtxtp {
    margin-top: 5px;
    font-size: 16px;
    color: #ffffff;
}

.nyheadtxti {
    margin-top: 30px;
    text-align: center;
}

.nyheadtxti i {
    font-size: 38px;
    color: #fff;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    animation: rotate .5s linear infinite;
    -webkit-animation: rotate .8s linear infinite;
}



.footer{background:#242d36;}
@media screen and (min-width:960px) {
.footer .footer_top{height:120px;border-bottom:#373953 solid 1px;margin-bottom:45px;}
.footer .footer_top:after,.footer .footer_bottom:after,.footer .footer_top .foote_code ul:after,.footer .footer_bottom .f_nav ul:after,.footer .copy_box:after{content: "";height: 0;display: block;clear: both;}
.footer .footer_top .foote_code{float:right;height:120px;display:flex;align-items: center;justify-content: center;}
.footer .footer_top .foote_code ul li{float:left;width:40px;height:40px;line-height:40px;margin-right:10px; border-radius: 20px;text-align:center; position: relative;}
.footer .footer_top .foote_code ul li span{ display:block; width:40px; height:40px; border-radius:50%;}
.footer .footer_top .foote_code ul li.tik-tok_btn span{ background:url(../images/wx.png) #fff center no-repeat;}
.footer .footer_top .foote_code ul li.wechat_btn span{ background:url(../images/dy.png) #fff center no-repeat;}
.footer .footer_top .foote_code ul li img{display:none; position: absolute; top:50px;left:-40px;width:110px;max-width:none;}
.footer .footer_top .foote_code ul li.wechat_btn:hover img,.footer .footer_top .foote_code ul li.tik-tok_btn:hover img{display:block;}
.footer .footer_top .foote_code ul li:before { content:''; display: none; content: ""; position: absolute; top: 43px;  left: 10px; border: 1px solid #fff; border-width: 0 7px 7px; border-color: transparent transparent #fff;}
.footer .footer_top .foote_code ul li.tik-tok_btn:hover:before,.footer .footer_top .foote_code ul li.wechat_btn:hover:before {  display:block;}
.footer .footer_top .foote_link{display:block;float:left;line-height:120px;}
.footer .footer_top .foote_link a{font-size:17px;color:#878d91; margin-right:20px;}
}
@media screen and (max-width:1200px) {
.footer .footer_top{ display:none;}
}

.footer .footer_bottom {padding:3% 0;}
@media screen and (min-width:1200px) {
.footer .footer_bottom .f_tel{float:right; width:38%; font-size:16px;color:#e4581b;line-height:32px;}
.footer .footer_bottom .f_nav{float:left; width:60%;}
}
@media screen and (max-width:1200px) {
.footer .footer_bottom .f_tel{ display:none;}
}

@media screen and (min-width:960px) {
.footer .footer_bottom .f_nav ul li{ float:left; width: calc(25% - 25px); margin-right:25px;}
.footer .footer_bottom .f_nav ul li:nth-child(3){  width: calc(50% - 25px);}
}
@media screen and (max-width:960px) {
.footer .footer_bottom .f_nav ul li{ margin-bottom:20px;}
}
.footer .footer_bottom .f_nav ul li dl dt{margin-bottom:10px;}
.footer .footer_bottom .f_nav ul li dl dt a{font-size:20px;color:#fff;}
.footer .footer_bottom .f_nav ul li dl dd a{font-size:15px;color:#ccc;line-height:30px;}
.footer .footer_bottom .f_nav ul li dl dd a:hover{ text-decoration:underline;}
.footer .copy_box{ border-top:#373952 solid 1px; height:auto; line-height:35px; font-size:15px; padding:2% 0;}
.footer .copy_box .copy_con{ color:#eee;}
.footer .copy_box .copy_link{ color:#eee;}
@media screen and (min-width:760px) {
.footer .copy_box .copy_con{ float:left;}
.footer .copy_box .copy_link{ float:right;}
}
@media screen and (max-width:760px) {
.zalycp_th{ font-size:24px !important;}
.footer .footer_bottom{ display:none;}
.footer .copy_box .copy_con{ text-align:center;}
.footer .copy_box .copy_con a{ display:block;}
.footer .copy_box .copy_link{ text-align:center;}
}
.footer .copy_box a{ font-size:18px; color:#eee; padding:0 15px; font-size:15px;}