.layout {
    /* position: relative; */
    overflow: hidden;
    margin: 0 auto;
}

.wrap {
    margin: 0 auto;
    max-width: 1760px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 50px;
}

.header {
    position: absolute;
    z-index: 333;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
}

.header.on {
    /* position: fixed; */
}
.selected{
    overflow: hidden;
}
.header .wrap{
    overflow: hidden;
}
.header.on .logo {
    display: none;
}

.header.on .logo1 {
    display: block;
}

.header .logo {
    float: left;
}

.header .logo1 {
    float: left;
    display: none;
}

.header .logo1 a,
.header .logo a,
.header .logo1 img,
.header .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.header .rt {
    margin-top: 16px;
    float: right;
    background-color: rgba(255,255,255,0.85);
    padding: 0 30px;
    height: 48px;
    text-align: center;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    width: 128px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.header .rt h6 {
    font-size: 16px;
    line-height: 48px;
    color: #333333;
    text-transform: uppercase;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    float: left;
    -moz-box-sizing: border-box;
    display: none;
    -o-box-sizing: border-box;
    transition: all 0.3s;
    box-sizing: border-box;
}

.header.on .rt h5 {
    display: none;
}

.header.on .rt h6 {
    display: block;
}

.header .rt h5 {
    font-size: 16px;
    line-height: 48px;
    color: #333333;
    text-transform: uppercase;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    float: left;
    -moz-box-sizing: border-box;
    transition: all 0.3s;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.header .rt .oo {
    display: none;
}

.header .rt .gh {
    /*float: right;*/
    margin-top:18px;
    margin-left:40px;
    /*text-align: right;*/
}

.fbanner {
    position: relative;
    height: 86.5vh !important;
    overflow: hidden;
    z-index: 111;
}

/* .fbanner li {
        height: 945px;
} */
.fbanner li .wrap {
    height: 100%;
    position: relative;
}

.fbanner li .text {
    position: absolute;
    z-index: 11;
	width: 100%;
    top: 40% !important;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
	transform: translateY(-50%);
}

.fbanner li .text h4 {
    font-size: 34px;
    line-height: 44px;	
    color: #fff;
}
.fbanner li .text h5.s1{
    font-size: 72px;
    line-height: 84px;
    color: #fff;
    margin-top: 4px;
    font-weight: bold;margin-bottom: 10px;
}
.fbanner li .text h5 {
    font-size: 48px;
    line-height: 84px;
    color: #fff;
    margin-top: 4px;
    font-weight: bold;
}
.fbanner li:nth-child(1) .text h5{
    font-size: 54px;
    line-height: 1.4;
}
.fbanner li .text h5 span {
    display: inline-block;color: #bb0403;
    font-size: 62px;
    margin-left:5px;
    margin-right:5px;
}
.fbanner .swiper_span {
    position: absolute;
    z-index: 66;
    left: auto;
    z-index: 111;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    bottom: auto;
}

.fbanner .swiper_span span {
    margin: 15px 0 !important;
    height: 34px;
    width: 34px;
    display: block;
    position: relative;
    background: none !important;
}

.fbanner .swiper_span span::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 閸滐�? Chrome */
    -o-transform: translateY(-50%);
    margin: 0 auto;
}

@keyframes rotate {
    from {
        stroke-dashoffset: 98px;
    }

    to {
        stroke-dashoffset: 0px;
    }
}

.fbanner .swiper_span .swiper-pagination-bullet-active.swiper-pagination-bullet .svh {

    transform: rotate(-90deg);

}

.fbanner .swiper_span .swiper-pagination-bullet-active.swiper-pagination-bullet .progress {
    animation: rotate 5s linear infinite;
}




.fbanner .swiper_span .swiper-pagination-bullet-active:before {
    position: absolute;
    z-index: 66;
    content: "";
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fbanner .prev_next {
    position: absolute;
    top: 65%;
    left: 0;
    z-index: 77;
}

.fbanner li .text ul {
    margin-top: 72px;
    overflow: hidden;
}

.fbanner li .text li {
    float: left;
    font-size: 32px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.17);
    padding: 0 16px;
    vertical-align: bottom;
    height: 40px;
    position: relative;
    bottom: -10px;
    font-family: arial;
    font-weight: lighter;
}

.fbanner li .text li:first-child {
    font-size: 50px;
    color: rgba(255, 255, 255, 1);
    position: relative;
    padding-right: 95px;
    line-height: 50px;
    height: 50px;
    bottom: auto;
}

.fbanner li .text li:first-child:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 48%;
    width: 95px;
    height: 1px;
    background: rgba(255, 255, 255, 0.17);
    bottom: 3px;
}

.fbanner .btns {
    position: absolute;
    z-index: 66;
    left: 0;
    bottom: 48px;
    right: 0;
}

.fbanner .btns.wrap {
    height: 50px;
}

.fbanner .btns .btn {
    width: 24px;
    height: 50px;
    cursor: pointer;

}

.fbanner .btns .btn span {

    display: block;
    height: auto;
    width: auto;
}

.fbanner .btns .btn img {

    display: block;
    width: 100%;
    height: 100%;
}

.fawhole {
    background: #fafafa;
    padding-top: 0px;
}

.fawhole .habou .wrap {
    position: relative;
}



.padd {
    padding: 0 140px;
}

.ind_ad img { width:100%;}
.m_ind_ad img { width:100%; display: none;}

.fawhole .habou .lts {
    float: left;
	position: relative;
	z-index: 11;
    width: 45%;
}
.ftlt_about h2 {
    font-size: 52px;
    line-height: 80px;
    color: #d70c1f;
    font-weight: bold;
}

.ftlt_about p {
    margin-top: 25px;
    font-size: 18px;
    line-height: 2;
    color: #333333;
	margin-bottom: 30px;
}
.ftlt_about h3 {
    font-size: 60px;
    line-height: 80px;
    color: #e5e5e5;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
	display: inline-block;
}

.ftlt_about h3:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 0;
    top: -30px;
    background: #d00;
    /*height: 3px;*/
    width: 120px;
    
}

.fnewsdata .padd::after,
.fnews .padd:after{
    position: absolute;
    z-index: 11;
    content: "";
    left: 0;
    top:-20px;
    transform: translate(-50%,50%);
    background: url(/images/ficon11.png) no-repeat center/cover;
    height: 43px;
    width: 43px;
    border-radius: 50%;
}
.ftlt h3 {
    font-size: 60px;
    line-height: 80px;
    color: #e5e5e5;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: -30px 0 0 10px;
}

.ftlt h2:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 0;
    bottom: -10px;
    background: #d00;
    height: 3px;
    width: 120px;
    
}

.ftlt h2 {
    font-size: 52px;
    line-height: 80px;
    color: #d70c1f;
    font-weight: bold;
	display: inline-block;
	position: relative;
}

.ftlt p {
    margin-top: 25px;
    font-size: 18px;
    line-height: 2;
    color: #333333;
	margin-bottom: 30px;
}

.fawhole .habou .lts .list {
    margin-top: 120px;
}

.fawhole .habou .lts .list li {
  display: inline-block; margin: 50px; text-align: center;
}

.fawhole .habou .lts .list li h2 {
    font-size: 68px;
    line-height: 78px;
    color: #333333;
    font-family: 'Bahnschrift';
}

.fawhole .habou .lts .list li h2 i {
    display: inline-block;
}

.fawhole .habou .lts .list li h2 em {
    display: inline-block;
}

.fawhole .habou .lts .list li h6 {
    font-size: 18px;
    line-height: 40px;
    color: #666666;
}

.fawhole .habou .rts {
    float: right;
    position: relative;
    margin-right: 3%;
}

.more {    
    background: #d70c1f;
    width: 196px;
	height: 50px; line-height: 50px; border-radius: 26px 0 26px 0;
    text-align: center;
    display: block;
    color: #fff; 
	margin-top: 30px;
}
.more a { display: block; color: #fff; transition: all 300ms ease;}
.more span { display: inline-block; font-size: 18px;}
.more i img { display: inline-block; vertical-align: middle; margin: -5px 0 0 20px;}
.more a:hover { color: #fff; margin-left: 20px; }

.m_more { display:none;}

.fawhole .habou .rts{
    width: 40%;
}
.fawhole .habou .rts .imgs {
    position: relative;
    border: 0px solid #d7e0ef;
    border-radius: 50%;
}

.fawhole .habou .rts .imgs img {
    display: block;
    width: 100%;
    height: 100%;
}

/*.fawhole .habou .rts .imgs:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: -220px;
    right: -220px;
    top: -220px;
    bottom: -220px;
    border: 1px solid #d7e0ef;
    border-radius: 50%;
}*/

/*.fawhole .habou .rts .imgs:after {
    position: absolute;
    z-index: 11;
    content: "";
    left: -468px;
    right: -468px;
    top: -468px;
    bottom: -468px;
    border: 1px solid #d7e0ef;
    border-radius: 50%;
}
*/


.fawhole .fsmart .fimgs {
    margin-top: 10px;
    position: relative;
    z-index: 66;
    margin-right: 0;
    height: 545px;
    margin-left: 0px;
}

.fawhole .fsmart .wrap {
    position: relative;
}

.fawhole .fsmart .wrap:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 15px;
    top: 37px;
    bottom: -210px;
    width: 1px;
    background: #7a90b2;
}



.fawhole .fsmart .fimgs .lts {
    float: left;
    /*background: url(/images/ficon12.png) no-repeat center/cover;*/
    width: 390px;position: relative;z-index: 111;
    height: 295px;
    padding: 10px 40px 40px 70px;
    -webkit-box-sizing: border-box;
    position: relative;
    -moz-box-sizing: border-box;
    margin-top: 100px;
    -o-box-sizing: border-box;
    margin-left: -80px;
    box-sizing: border-box;
}

.fsmart .fimgs .lts .list li {
    padding-left: 42px;
    position: relative;
    cursor: pointer;
}

.fsmart .fimgs .lts .list li:before {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /*background: url(/images/ficon5.png) no-repeat center/cover;*/
    width: 20px;
    height: 20px;
    content: "";
}

.fsmart .fimgs .lts .list li:first-child {
    margin-left: 48px;
}

.fsmart .fimgs .lts .list li.on h3 {
    color: #d70c1f;
    font-weight: bold;
}

.fsmart .fimgs .lts .list li:nth-child(2) {
    margin-left: 24px;
}
.fsmart .fimgs .lts .list li:nth-child(4){
    margin-left: -24px;
}
.fsmart .fimgs .lts .list li h3 {
    font-size: 18px;
    line-height: 70px;
    color: #333333;
}

.fsmart .fimgs .lts .list ul {
    position: relative;
}

.fsmart .fimgs .lts .list ul:before {
    position: absolute;
    z-index: 11;
    content: "";
    top: 31px;
    bottom: 32px;
    width: 1px;
    background: #f1f3f7;
    transform: rotate(18deg);
    left: 22px;
}

.fawhole .fsmart .fimgs .lts .more {
    margin: 20px 0 0 -20px;
}
.uswebno{
    display: none;
}
.werment .uls1 li img{
    width: 100%;display: block;
}
.fsmart .fimgs .rts {
    /*height: 520px;*/
    position: absolute;
    z-index: 3;
    -webkit-box-sizing: border-box;
    right: 0;width: 95%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* .fsmart .fimgs .rts ul {
        text-align: center;
        display: none;
        overflow: hidden;width: 80%;
        float: right;margin-right: 5%;
}

.fsmart .fimgs .rts ul:first-child {
        display: block;
} */
/* 
.fsmart .fimgs .rts li {
        text-align: center;
        float: left;
        margin-right: 60px;
}

.fsmart .fimgs .rts li:last-child {
        margin-right: 0;
} */

@-webkit-keyframes das {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2)
    }
}

@-moz-keyframes das {
    0% {
        opacity: 1;
        -moz-transform: scale(1)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(2)
    }
}



.footer {
    background: url(/images/foot_bg.jpg) no-repeat; background-size: cover;
    padding: 50px 0 0px;
    position: relative;
}

.footer .wrap {
    position: relative;
    max-width: 1760px;

}

.footer .top_txt {
    right: 40px;
    top:40px ;z-index: 11;
    height: 43px;
    width: 43px;
    position: absolute;
    z-index: 66;
    cursor: pointer;
    position: absolute;
}
.footer .top_txt i{
    position: relative;
    z-index: 11;width: 100%;
    height: 100%;display: block;
    border-radius: 5px;
    background: url(/images/top.png) no-repeat center #7a90b2;
}
/*.footer .top_txt::after,
.footer .top_txt:before {
    position: absolute;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px;
    border: 1px solid #c5d0e2;
    content: "";
    border-radius: 5px;
}*/
.footer .top_txt:hover i{
    background-color: #d70c1f;
}
.footer .top_txt:hover::after,
.footer .top_txt:hover::before{
    background: #d70c1f;
    transform:scale(0);
}
.footer .top_txt:hover::before{
    -webkit-animation: usscale 1s 0s linear infinite;
    -moz-animation: usscale 1s 0s linear infinite;
}
.footer .top_txt:hover::after{
    -webkit-animation: usscale 1s .5s linear infinite;
    -moz-animation: usscale 1s .5s linear infinite;
}
@-webkit-keyframes usscale {
    0% {
        opacity: .5;
        -webkit-transform:scale(.8);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes usscale {
    0% {
        opacity:.5;
        -moz-transform: scale(.8);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(2);
    }
}

.footer .lt {
    margin-top: -20px;
    float: left;
    width: 400px;
}

.footer .lt .logo {
    width: 234px;
    height: 58px;
}

.footer .lt .logo a,
.footer .lt .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .lt h6 {
    margin: 10px 0 10px 60px;
    font-size: 15px;
    line-height: 30px;
    color: #d2e8fa;
}
.footer .lt h6 label{
   display: inline-block;
}
.footer .lt h6 a{
    display: none;
    color: #d2e8fa;
}

.footer .lt h2 {
    margin-left: 60px;   
}
.footer .lt h2 img {
    width: 100px;    
}
.footer .lt h2 p {
    width: 100px;
	line-height: 30px;
	text-align: center;
	color: #d2e8fa;
	font-size: 14px;
}

.footer .lt h1 {
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
    font-family: 'Bahnschrift';
    display: block;
}

/*.footer .lt h2 {
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
    font-weight: bold;
    font-family: 'Bahnschrift';
    display:none;
}*/

.footer .rt {
    float: right;
    width: calc(100% - 650px);
}

.footer .rt dl {
    float: left;
    margin-right: 20px;
    width: calc((100% - 140px)/8);
}

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

.footer .rt dt {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 20px;
}
.footer .rt dt a {  color: #fff;}
.footer .rt dt a:hover {  color: #fff; text-decoration: underline !important;}
.footer .rt dd a {
    font-size: 14px;
    line-height: 30px;
    color: #d2e8fa;
    display: block;
    transition: all 0.3s;
}

.footer .rt dd a:hover {
    color: #fff;
}

.copyright {
    /*background: #e5ecf7;*/
}

.copyright p {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding-bottom:30px;
    padding-top: 13px;
}
.copyright p i:nth-child(1){
    border: none;margin-left: 0;
    padding-left: 0;
}
.copyright p span{
    display: none;
}
.copyright p a {
    color: #fff;
}
.copyright p i{
    border-left:1px solid #fff;
    padding-left: 15px;
    margin-left: 15px;display: inline-block;
}
.copyright p span i:first-child{
    border: none;padding: 0;
    margin: 0;
}
.copyright .wx { display: none;
    float: right;
    width: 30px;
    height: 60px;
    position: relative;
	margin-top: -5px;
}

.copyright .wx a {
    display: block;
    width: 30px;
    height: 24px;
    position: absolute;
    z-index: 11;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.copyright .wx img {
    display: block;
    width: 100%;
    height: 100%;
}

.fnavig .ftenr .rts .wx .wxs,
.copyright .wx .wxs {
    position: absolute;
    right: -50px;
    left: -50px;
    width: 100px;
    bottom: 100%;
    margin: 0 auto;
    height: 100px;
    max-width: initial;
    display: none;
    -webkit-animation: fadeInDown .5s 0s ease both;
    -moz-animation: fadeInDown .5s 0s ease both;
    opacity: 0;
}

.fnavig .ftenr .rts .wx {
    position: relative;
}

/* .fnavig .ftenr .rts .wx:hover .wxs,
.copyright .wx:hover .wxs {
        display: block;
} */

.fnavig {
    position: fixed;
    height: 100vh;
    background: #e5ecf7;
/*	background: url(/images/banner01.jpg) no-repeat bottom center #e5ecf7;*/
	background-color: rgba(255, 255, 255, 0.9);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 222;
    display: none;
}

.fnavig .ftenr {
    padding-left: 300px;
    padding-top: 110px;
}

.fnavig .ftenr .lts {
    float: left;
    width: calc(100% - 315px);
}

.fnavig .ftenr .lts .lt {
    float: left;
    width: 50%;
    padding-left: 70px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/*.fnavig .ftenr .rts:before,*/
.fnavig .ftenr .lts .rt:before,
.fnavig .ftenr .lts .lt:before {
    position: absolute;
    z-index: 11;
    content: "";
    left: 0;
    top: -1000px;
    bottom: -1000px;
    width: 1px;
    background: #ddd;
}

.fnavig .ftenr .lts .rt {
    float: right;
    width: 50%;
    padding-left: 90px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fnavig .ftenr .lts .rt dd{
    display: none;
}
.fnavig .ftenr .lts .lt li {
	position: relative;
    margin-bottom: 15px;
}

.fnavig .ftenr .lts .lt li a {
    display: block;
    font-size: 26px;
    line-height: 48px;
    color: #666;
    transition: all 0.3s;
}
.fnavig .ftenr .lts .lt li dl{
    display: none;
}
.fnavig .ftenr .lts .lt li.on a,
.fnavig .ftenr .lts .lt li a:hover {    
	font-size: 36px;
    color: #0362af;
}



.fnavig .ftenr .lts .lt li.os a{
    color: #0362af;
}
.fnavig .ftenr .lts .rt li {
    margin-bottom: 0px;
    position: relative;
    transition: all 0.3s;
}

.fnavig .ftenr .lts .rt li a {
    display: block;
    font-size: 16px;
    line-height: 48px;
    color: #666;
    transition: all 0.3s;
}

.fnavig .ftenr .lts .rt li a:hover,
.fnavig .ftenr .lts .rt li.on a {
    padding-left: 0px;
    color: #0362af;
    font-size: 22px;
}

.fnavig .ftenr .lts .rt li:hover:before,
.fnavig .ftenr .lts .rt li.on:before {
    width: 96px;
}

/*.fnavig .ftenr .lts .rt li:before {
    position: absolute;
    z-index: 11;
    content: "";
	bottom:0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: #0362af;
    transition: all 0.3s;
}
*/
.fnavig .ftenr .rts {
    float: right;
    width: 315px;
    padding-left: 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.fnavig .ftenr .rts .imgbox .img img { width:12vw; margin-top: 110px;}
.fnavig .ftenr .rts .imgbox .text .h { font-size: 1.4vw; color: #d00; line-height: 2vw; font-weight: bold; margin-top: 0.6vw; margin-bottom: 0.3vw;}
.fnavig .ftenr .rts .imgbox .text .p { width:12vw; text-align: center; font-size: 0.9vw; color: #333; line-height: 1.5vw; margin-top: 0.6vw; }
.fnavig .ftenr .rts h6 {
    font-size: 14px;
    line-height: 26px;
    color: #666;
}

.fnavig .ftenr .rts h1 {
    font-size: 40px;
    line-height: 70px;
    color: #333;
    display: block;
}
.fnavig .ftenr .rts h2 {
    font-size: 40px;
    line-height: 70px;
    color: #333;
    display: none;
}

.fnavig .ftenr .rts p {
    padding-top: 110px;
    font-size: 14px;
    line-height: 2;
    color: #666;
}

.fnavig .ftenr .rts .wx {
    height: 24px;
    width: 30px;
    padding-top: 10px;
}

.fnavig .ftenr .rts .wx a,
.fnavig .ftenr .rts .wx img {
    display: block;
    width: 100%;
    height: 100%;
}

.fnavig .wrap {
    height: 100%;
    position: relative;
}

.fnavig .fbootom {
    position: absolute;
    z-index: 66;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.fnavig .fbootom h6 {
    float: left;
}

.fnavig .fbootom h5 {
    float: right;
}

.fnavig .fbootom a,
.fnavig .fbootom h6,
.fnavig .fbootom h5 {
    font-size: 14px;
    line-height: 40px;
    color: #666;
}

.ftlt.o h3 {
    font-size: 54px;
    line-height: 1.4;
}

.ftlt.o h2 {
    font-size: 48px;
    /* color: #333; */
    line-height: 1.4;
}

.slider-bg-svg {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}

svg:not(:root) {
    overflow: hidden;
}

.slider-bg-svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.fbanner li.swiper-slide {
    z-index: 1;
    transition: all 0s !important;
    position: absolute;
    opacity: 1 !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11;
}


.fbanner li.swiper-slide.swiper-slide-active h4 {
    -webkit-animation: fadeInUps 1s .2s ease both;
    -moz-animation: fadeInUps 1s .2s ease both;
}

.fbanner li.swiper-slide.swiper-slide-active h2 {
    -webkit-animation: fadeInUps 1s .5s ease both;
    -moz-animation: fadeInUps 1s .5s ease both;
}

.fbanner li.swiper-slide.swiper-slide-active ul {
    -webkit-animation: fadeInUps 1s .8s ease both;
    -moz-animation: fadeInUps 1s .8s ease both;
}

@-webkit-keyframes fadeInUps {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUps {
    0% {
        opacity: 0;
        -moz-transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

#ccc {
    -webkit-animation: bans 1s .2s ease both;
    -moz-animation: bans 1s .2s ease both;
}


@-webkit-keyframes bans {
    0% {
        opacity: 0;
        -webkit-transform: translateX(70%);
        clip-path: inset(0 0 0 0 round 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        clip-path: inset(0 0 0 0 round 0%);
    }
}

@-moz-keyframes bans {
    0% {
        opacity: 0;
        -moz-transform: translateX(70%);
        clip-path: inset(0 0 0 0 round 0%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
        clip-path: inset(0 0 0 0 round 0%);
    }
}


@-webkit-keyframes banss {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0%);
        clip-path: inset(0 0 0 0 round 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-30%);
        clip-path: inset(0 0 0 0 round 0%);
    }
}

@-moz-keyframes banss {
    0% {
        opacity: 0;
        -moz-transform: translateX(0%);
        clip-path: inset(0 0 0 0 round 0%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(-30%);
        clip-path: inset(0 0 0 0 round 0%);
    }
}






@-webkit-keyframes bans2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        clip-path: inset(40% 20% 0 20% round 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        clip-path: inset(0 0 0 0 round 0%);
    }
}

@-moz-keyframes bans2 {
    0% {
        opacity: 0;
        -moz-transform: translateY(200px);
        clip-path: inset(40% 20% 0 20% round 0%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        clip-path: inset(0 0 0 0 round 0%);
    }
}

.fawhole .fculture .padd li {
    opacity: 0;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    /* IE 9 */
    -moz-transition: all 0.3s;
    /* Firefox */
    -webkit-transition: all 0.3s;
    /* Safari 閸滐�? Chrome */
    -o-transition: all 0.3s;
}

.fawhole .fculture .padd li.swiper-slide-active {
    opacity: 1;z-index: 111;
}


.fbanner .btns .btn {
    -webkit-animation: bounce-up 1.5s linear infinite;
    animation: bounce-up 1.5s linear infinite;
    opacity: 1;
}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }

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

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


@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }

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

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



/*妫ｆ牠銆夐張鈧弬鎷岀カ鐠侊拷*/


.hnews .padd {
    position: relative;
}



.hnews .list ul {
    margin: 40px 0 0 0px;
}

.hnews .list li {
    float: left;
    width: calc((100% - 66px)/2);
    position: relative;
    padding: 30px 30px 30px 60px;
    -webkit-box-sizing: border-box;
    background: #fff;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	border-radius: 60px 0 60px 0;
	margin-top: 30px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px; transition: all 300ms ease;
}
.hnews .list li:hover {
	box-shadow: rgba(216, 25, 22, 0.2) 0px 3px 12px; margin-left: -20px;
}
.hnews .list li:hover .txt {
	color: #d81916;
}
.hnews .list li:nth-child(2n) {
    float: right;
}
.hnews .list li:hover:nth-child(2n) {
    margin-right: -20px;
}


/*.hnews .list li:before {
    position: absolute;
    z-index: 1;
    content: "";
    background: url(/images/ficon45.png) no-repeat center/cover;
    top: 0;
    bottom: 0;
    width: 55px;
    left: -55px;
}

.hnews .list li:after {
    position: absolute;
    z-index: 1;
    content: "";
    background: url(/images/ficon45-1.png) no-repeat center/cover;
    top: 0;
    bottom: 0;
    right: -55px;
    width: 55px;
    height: auto;
    visibility: initial;
}*/

.hnews .list li .img {
    float: left;
    width: 232px;
    height: 174px;
    margin-left: -27px;
    position: relative;
    z-index: 22;
}

.hnews .list li .img a,
.hnews .list li .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.hnews .list li .txt {
    width: calc(100% - 270px);
    float: right;
	font-size: 24px;
    padding: 25px 20px 0 20px;	
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.hnews .list li .time {
    width: calc(100% - 270px);
    float: right;
	font-size: 18px;
    padding: 25px 20px;
    position: relative;
}

/*.hnews .list li .more {
    position: absolute;
    z-index: 66;
    bottom: -26px;
    right: 16px;
    transition: all 0.3s;
    opacity: 0;
}

.hnews .list li:hover .more {
    opacity: 1;
}*/

/*.hnews .list li .txt:before {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 40px;
    height: 4px;
    width: 4px;
    background: #0937bb;
    border-radius: 50%;
    overflow: hidden;
    content: "";
}*/

.hnews .list li .txt a {
    font-size: 22px;
    line-height: 38px;
    color: #333333;
    display: block;
    height: 76px;
    overflow: hidden;
}

/*.hnews .list li>i {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: -54px;
    height: 1px;
    right: 0;
    background: #d70c1f;
    transition: all 0.3s;
    width: 0;
}

.hnews .list li:hover>i {
    width: 107.5%;
}
*/

.lndustry .zs_list ul {
    margin: 40px 0 0 0px;
}

.lndustry .zs_list li {
    float: left;
    width: calc((100% - 120px)/3);
    position: relative;
    padding: 20px;
    -webkit-box-sizing: border-box;
    background: #fff;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	border-radius: 0;
	margin: 0 60px 30px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px; transition: all 300ms ease;
}
.lndustry .zs_list li:hover {
	box-shadow: rgba(216, 25, 22, 0.2) 0px 3px 12px; margin-top: -20px;
}
.lndustry .zs_list li:hover .txt {
	color: #d81916;
}
.lndustry .zs_list li:nth-child(3n) {
    float: right; margin-right: 0;
}

.lndustry .zs_list li img {
    width: 100%;
    height: 19.8vw;
    position: relative;
    z-index: 22; transition: all 300ms ease;
}
.lndustry .zs_list li h1 {
    width: 100%;
    height: 19.8vw;
	overflow: hidden;
	margin-bottom: 20px;

}
.lndustry .zs_list li:hover img {
    transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
}
.lndustry .zs_list li:hover .zs_list_name { color: #d81916;}
.lndustry .zs_list li .zs_list_name { font-size: 24px; line-height: 30px; height: 60px;  width: 100%; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.lndustry .zs_list li .zs_list_time { font-size: 18px; line-height: 30px; padding: 10px 0;  }




.sxqy_box { background: url("/images/xsyy_img.jpg") no-repeat; background-size: cover; width: 100%; /*height: 100%;*/  display: block; margin-top: 50px;}
.sxqy_box .swiper-container .swiper-button-prev{ display:none;}
.sxqy_box .swiper-container .swiper-button-next{ display:none;}
.sxqy_box_li { height: 520px; border-right: 1px #7278a0 solid; text-align: center; color: #fff; padding: 30px 5px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  -o-box-sizing: border-box;  box-sizing: border-box; position: relative; transition: all 300ms ease; overflow: visible !important; }
.sxqy_box_li:last-child {border-right: 0px #7278a0 solid;}
.sxqy_box_li h4 { font-size:32px; color: #fff; margin-top: 184px;}
.sxqy_box_li span { font-size:20px; color: #c2c2c2;}
.sxqy_box_li .sxqy_name_list { display:none;padding:0 25px;}
.sxqy_box_li p { display:none;}
.sxqy_box_li span { display:none;}
.sxqy_box_li i a { background: url("/images/arrow_r_gray.png") no-repeat; background-size: 30px 30px;  width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -15px; bottom:30px;}
.sxqy_box_li:hover { /*background-color: rgba(3, 98, 175, .8);*/ background-color: rgba(255, 255, 255, .8); color: #333 !important; }
.sxqy_box_li:hover i a { background: url("/images/arrow_r_gray01.png") no-repeat; background-size: 30px 30px;  width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -15px; bottom:40px;}
.sxqy_box_li:hover h4 { margin-top: 20px; color: #d70c1f; font-weight: bold; transition: all 300ms ease}

.sxqy_name_list ul li a b { color:#fff; font-size: 12px; margin-right: 5px; display: none;}
.sxqy_box_li:hover .sxqy_name_list { display: block; transition: all 300ms ease}
.sxqy_name_list ul li { width: 100%;  text-align: center;  margin-top: 20px;  }
.sxqy_name_list ul li a { display: block; text-align: center;  padding: 5px;  box-shadow: 0 0 12px rgba(0, 0, 0, 0.01);    font-size: 16px;   line-height: 35px;   border-radius: 20px;   position: relative;  background: #fff; color: #666; transition: all 300ms eas;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;   }
.sxqy_name_list ul li a:hover { background: #d70c1f; color: #fff; margin-left: -5px; margin-right: -5px;}



.fsmart .fimgs .tft {
    position: absolute;
    z-index: 33;
    top: 44px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    line-height: 2;
    color: #fff;
}
.faboutus{
    padding-top: 70px;
}







.fimgs .padd{
    padding-top: 60px;
}







.faboutus{
    position: relative;z-index: 111;
}

.ftlt {
    position: relative;
    z-index: 22;
}










.mCSB_scrollTools {
    opacity: 1 !important;
    width: 2px;
    transition: all 0s;
}

.mCSB_scrollTools .mCSB_dragger {
    background: #d70c1f;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e5ecf7;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    background: #d70c1f;
}


/* 瀵湱鐛�? */
.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;z-index: 9999;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}

.dialog__overlay {
    position: absolute;
    z-index: 1;
    background: rgba(40, 43, 55, 0.95);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}

.dialog__content {
    width: 50%;
    max-width: 400px;
    min-width: 400px;
    background: #fff;
    padding: 4em;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0;
}

.dialog--open .dialog__content {
    pointer-events: auto;
}

/* Content */
.dialog img{
    width: 220px;display: block;
    margin: -20px auto 0;
}
.dialog img.wxa{
    display: none;
}
.dialog h2 {
    font-size: 26px;
    padding: 15px 0 ;
    text-align: center;
}
.dialog__overlay {
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.dialog__content {
    background: transparent;
}

.morph-shape {
    position: absolute;
    width: 100%;
    height: 170%;
    top: -45%;
    left: 0;
    z-index: -1;
}

.morph-shape svg {
    fill: #dce5f3;
}

.dialog--open .morph-shape {
    -webkit-animation: anim-shape 0.6s forwards;
    animation: anim-shape 0.6s forwards;
}

.dialog-inner {
    opacity: 0;
}

.dialog--open .dialog-inner {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.3s;
    transition: opacity 0.5s 0.3s;
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
    opacity: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
}

.dialog.dialog--close .dialog__content {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
    animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220);
}

.dialog.dialog--open h2,
.dialog.dialog--open button {
    -webkit-animation: anim-elem 0.5s both;
    animation: anim-elem 0.5s both;
}

.dialog.dialog--open h2 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.dialog.dialog--open button {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

@-webkit-keyframes anim-open {
    0% { -webkit-transform: translate3d(0, -50vh, 0); }
    50% { -webkit-transform: translate3d(0, -50vh, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-open {
    0% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); }
    50% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-close {
    100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); }
}

@keyframes anim-close {
    100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); transform: translate3d(0, 50vh, 0); }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-shape {
    50% { -webkit-transform: scale3d(0.8,1.2,1); }
}

@keyframes anim-shape {
    50% { -webkit-transform: scale3d(0.8,1.2,1); transform: scale3d(0.8,1.2,1); }
}

@media screen and (max-width: 32em) {
    .dialog h2 {
        padding-bottom: 1em;
    }
}

/* .st2{
                animation: maiss 1.5s 0s linear infinite;
        }
        .st3{
                animation: maiss 1.5s .5s linear infinite;
        } */

@keyframes maiss {
    0% {
        opacity: 1;
        r:0;
        stroke: ##CA1621;
    }
    100% {
        opacity: 0;
        r:2;
        stroke: ##CA1621;
    }
}


.padd{
    padding: 60px 95px 60px 95px;
    /*margin-left: 95px;*/
    position: relative;
}

/*.padd::before{
    content: "";
    position: absolute;
    z-index: 11;
    left: 0;
    top: 40px;
    bottom:-40px;
    width: 1px;
    background: #7a90b2;
}*/
.habou .wrap{
    width: auto;
}
.habou .padd{
    padding-bottom: 50px;
}
.global .padd{
    padding-bottom: 300px;
}


.copyright .qmtaxt{
    float: right;
}
.copyright .inSelect .dropbox{
    top: auto !important;bottom: 60px;
}

.jiquns{
    float: left;
}
.jiquns label{
    float: left;
    font-size: 14px;
    line-height: 42px;
    color: #fff;
}
.jiquns .qsksa{
    float: left;
    width: 240px;
    background: #fff;
    border: 1px solid #cbd5e5;
    position: relative;border-radius: 6px;
    cursor: pointer;
    margin-right: 22px;
}
.jiquns .qsksa h4{
    font-size: 14px;
    line-height: 36px;
    color: #cccccc;
    padding: 0 13px;
}
.jiquns .qsksa dl{
    position: absolute;
    left: 0;right: 0;
    bottom: 100%;z-index: 11;
    background: #fff;
    border: 1px solid #cbd5e5;
    display: none;
}
.jiquns .qsksa i{
    position: absolute;
    right: 0;top: 0;
    background: url(/images/qls1.png) no-repeat center;
    width: 40px;height: 40px;z-index: 11;
}
.jiquns .qsksa dd a{
    display: block;
    padding: 5px 13px;
    font-size:14px ;
    line-height: 22px;
    color: #333333;
}
.jiquns .qsksa dd a:hover{
    background-color: #d70c1f;
    color: #FFF;
}

.ohigh-wrapper .ohw-banner-list .banner-item .webbg{
    display: none;
}

.usbuanb button{
	border: none;background: none;
}
.usbuanb{
	position: absolute;
	right: -30px;top: -80px;
	width: 70px;
	height: 70px;
	cursor: pointer;z-index: 11;
}
.usbuanb:hover svg{
	transform:rotate(720deg);
	-ms-transform:rotate(720deg);  /* IE 9 */
	-moz-transform:rotate(720deg);     /* Firefox */
	-webkit-transform:rotate(720deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(720deg);
}
.usbuanb svg{
	width: 100%;
	height: 100%;
	fill: #fff;
	cursor: pointer;
	/*transition:all 0.3s;*/
	/*-ms-transition:all 0.3s;  !* IE 9 *!*/
	/*-moz-transition:all 0.3s;     !* Firefox *!*/
	/*-webkit-transition:all 0.3s; !* Safari 鍜� Chrome *!*/
	/*-o-transition:all 0.3s;*/
}
.fban520{
	height: 500px;
}





/* ���� */


.fawhole .habou .lts .list{
	margin-top: 20px !important;
}

.hnews .list li .more{
	width: auto;
	position: absolute;
	    z-index: 3;
	    bottom: 0;
	    left: -55px;
	    opacity: 0;
	    transition: all 0.3s;
	    width: auto;
	    right: 5%;
	    height: 212px;
	    background: url(/images/fr2.png) no-repeat center bottom/100% auto !important;
	clip-path: initial;opacity: 0;
}
.hnews .list li .more span,
.hnews .list li .more>div{
	display: none;
}
.hnews .list li:hover .more{
	opacity: 1;
}
.fbusiness .bmpg{
	padding-top: 70px;
	padding-bottom: 70px;
}

.fnews .padd{
	padding: 0 8% !important;
}
.fnews{
	padding: 95px 0 0;
}

.fawhole .fsmart .fimgs{
	padding-bottom: 55px;
}
.hnews .list{
	padding-bottom: 20px;
}

	

/*����*/
.slogan {
    padding-bottom: 49.4%;
    position: relative;
	color: #fff;
}

.coverbg {
    background-size: cover;
    background-position: center;
}

.ny_banner_text {text-align:center;background-color: rgba(216, 25, 22, 0.7); padding: 16px 35px; display: inline-block; margin: 0 auto; border-radius: 40px 0 40px 0; color: #fff; font-weight: bold; font-size: 48px; letter-spacing:6px; position: absolute; top: 36%; left: 50%;  transform: translate(-50%,-50%); -webkit-animation: banner_text 0.6s linear ; animation: banner_text 0.6s linear ; animation-iteration-count: 1;  opacity: 1;}


@-webkit-keyframes banner_text {
    0% {
        top: 60%; opacity: 0; 
    }

    100% {
        top: 36%; opacity: 1; 
    }
}


@keyframes banner_text {
    0% {
        top: 60%; opacity: 0; 
    }

    100% {
        top: 36%; opacity: 1; 
    }
}

#content {
  margin-top: -240px;
  position: relative;
  z-index: 1;
  padding-top: 112px;
  overflow: hidden;
}
#content:before {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  top: 40px;
  margin-left: -850px;
  margin-right: -850px;
  max-width: unset;
  height: 200px;
  background: #fff;
  z-index: -1;
  border-radius: 20px 20px 0 0;
}
#content .nav {
  display: flex;
  margin: 0 -50px;
  margin-bottom: 100px;
}
#content .nav a {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 25px;
  padding:5px 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  font-size: 24px;
  line-height: 35px;
  border-radius: 20px;
  position: relative;
  background: #fff;
  color: #999;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
}
#content .nav a .iconfont {
  margin-right: 19px;
  font-size: 26px;
}
#content .nav a:hover {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
}
#content .nav a.active {
  background: #d70c1e;
  color: #fff;
}
#content .nav a.active:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  border: 9px solid;
  border-color: #d70c1e transparent transparent transparent;
  margin-left: -9px;
}
#content .nav a span{
    display: block;
    margin: 10px 0;
}
.news .list {
    padding-bottom: 1rem;
}
/*.f-jhb, [f-jhb] {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", Helvetica, sans-serif;
    font-weight: 900;
}*/


.maxsize {
    max-width: 1400px;
	margin-left: auto;
    margin-right: auto;
}


.cl:after, .clear:after {
    content: '';
    display: block;
    clear: both;
}
.news .list .item .f20 { font-size:20px; font-weight: bold;}
.news .list .item .f18 { font-size:18px; font-weight: bold;}


#content .btitle .iconfont {
  position: absolute;
  bottom: 50px;
  right: 0;
  font-size: 36px;
  color: #666;
}
.news {
  border-bottom: 0px solid #dadada;
}
.news .list .item {
  float: left;
  width: 32.33%;
  margin: 0 1.5% 1.5% 0;
  border-radius: 30px;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);
}
.news .list .item:nth-child(3n) {
  float: right;
  margin: 0 0 1.5% 0;

}
.news .list .item a {
  display: block;
  position: relative;
  height: 0;
  padding: 0 3vw;
  padding-bottom: 60%;
  border-radius: 30px;
  background-color: #fff;
  margin-right: -1px;  	
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
}
.news .list .item a:after { 
	content: '';
	background-image: url(/images/arrow_r_gray01.png);
    position: absolute;
    background-size: 30px 30px;
	width: 30px; height: 30px;
	display: inline-block;
    bottom: 3vw;
    right: 3vw;  z-index: 99999;   
}
.news .list .item a > * {
  position: relative;
}
.news .list .item a .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  overflow: hidden;
}
.news .list .item a .bg.hasImg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.news .list .item a strong {
  color: #d70c1e;
  padding-top: 3vw;
  margin-bottom: 1vw;
  display: block;
}
.news .list .item a p {
  color: #595d69;
  /*line-height: 40px;*/
  /*height: 240px;*/
}
.news .list .item a p {
    line-height: 30px;
    height: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news .list .item a span {
  position: absolute;
  bottom: 3.2vw;
  left: 3vw;
}
.news .list .item a:hover {
  background-color: #d70c1e;
}
.news .list .item a:hover .bg {
  opacity: 1;
}
.news .list .item a:hover strong,
.news .list .item a:hover p,
.news .list .item a:hover span {
  color: #fff;
}
.news .list .item a:hover:after {
  background-image: url(/images/arrow_r_w.png);
}
.news .list .item.news_sort a {
  padding-top: 0;
}
.news .list .item.news_sort a .bg {
  position: relative;
  margin: 0 -0.63rem;
  opacity: 1;
  display: block;
}
@media screen and (min-width: 1366px) {
  .news .list .item.news_sort a .bg {
    margin: 0 -63px;
  }
}
.news .list .item.news_sort a .bg::before {
  content: '';
  display: block;
  margin-top: 59.77%;
}
.news .list .item.news_sort a strong {
  padding-top: .5rem;
}
.news .pager {
  margin-top: 100px;
  padding-bottom: 125px;
  text-align: center;
  position: relative;
  font-size: 16px; font-weight: bold;
}
.news .pager .btns .btn {
  position: absolute;
  line-height: 60px;
  padding: 0 82px;
  font-size: 18px;
	border-radius: 30px;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", Helvetica, sans-serif;
  font-weight: 900;
  background: #fff;
  box-shadow: 0 3px 22px rgba(192, 196, 204, 0.3);
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
}
.news .pager .btns .btn.prev {
  left: 0;
}
.news .pager .btns .btn.next {
  right: 0;
}
.news .pager .btns .btn:hover {
  background: #d70c1e;
  color: #fff;
}
.news .pager ul {
  display: inline-block;
  overflow: hidden;
  color: #999;
}
.news .pager ul li {
  float: left;
}
.news .pager ul li a {
  display: block;
  line-height: 60px;
  width: 50px;
  border-radius: 4px;	
  text-align: center;
  transition: all 0.35s ease-out;
  -webkit-transition: all 0.35s ease-out;
}
.news .pager ul li a.active {
  color: #d70c1e;
}
.news .pager ul li a:hover {
  background: #d70c1e;
  color: #fff;
}
.news-detail { padding: 0 0px !important;}
.news-detail__title { font-size:36px; font-weight: bold; text-align: center; color: #000; margin-bottom: 10px;}
.news-detail__date { font-size: 16px; text-align: left; border-bottom: 1px #e1e1e1 solid; color: #666; line-height: 40px; height: 40px; padding: 10px 0; margin-bottom: 10px;}
.back_btn {    
    background: #d70c1f;
    width: 146px;
	height: 40px; line-height: 40px; border-radius: 20px 0 20px 0;
    text-align: center;
    display: block;
    color: #fff; 
}
.back_btn a { color: #fff; transition: all 300ms ease;}
.back_btn span { display: inline-block; font-size: 16px;}
.back_btn i img { display: inline-block; vertical-align: middle; margin: -2px 0 0 20px; width: 20px; height: 20px;}
.back_btn a:hover { color: #fff; margin-left: 20px; }

.news-detail__content { font-size:20px; line-height: 40px; padding: 20px 0 80px 0;}
.news-detail__content img {max-width:100%;}

.news-detail__file:hover{ color:#408cd9; }

/*������*/
.product-section {
	padding-bottom: 80px;
	position: relative;
}

.product-wrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.product-features .product-body {
	margin: 0px 25px
}
.product-features .product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	background: url(/images/productBase-features-model.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}
/*li*/
.features-item {
	position: relative;
	float: left
}
.features-slide .features-item>* {
	text-align: center
}
.features-item h3 {
	font-size: 1.5vw;
	font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", Helvetica, sans-serif;
	line-height: 28px;
	margin-bottom: 50px;
	color: #333;
	opacity: 0.7;
	transition: all 0.1s
}
.features-item i {
	position: absolute;
	width: 75%;
	height: 33px;
	background: url(/images/productBase-features-timeline.png) no-repeat;
	background-size: contain;
	background-position: right center;
	left: -25%;
	margin-left: 10px;
	top: 35px;
	z-index: 3
}

.features-item .features-info {
	display: block;
	margin: 0 auto;
	padding: 20px 53px;
	transition: all 0.3s;
	border-radius: 2px
}
.features-item .features-info .features-info-i {
	font-size: 14px;
	color: #A0A2A8;
	line-height: 22px;
	margin-bottom: 10px
}
.features-item .features-info .features-info-s {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	overflow: hidden
}
.features-item.dark i {
	background: url(/images/productBase-features-timeline-dark.png) no-repeat;
	background-size: contain;
	background-position: right center
}
/*���������Ч*/
.features-item:hover h3 {
	font-size: 1.8vw;
	color: #8f0000;
	opacity: 0.9
}
.features-item:hover i {
	width: 75%;
	margin-left: 13px;
	background: url(/images/productBase-features-timeline-hover.png) no-repeat;
	background-size: contain;
	background-position: right center
}
.features-item.hover i {
	width: 75%;
	margin-left: 13px;
	background: url(/images/productBase-features-timeline-hover.png) no-repeat;
	background-size: contain;
	background-position: right center
}
.features-item.hover h3 {
	color: #8f0000; font-size: 1.8vw;
}

/*���Ұ�ť*/
.product-features .swiper-button-prev {
	width: 30px;
	height: 40%;
	left: -15px;
	top: 76%;
	background: none
}
.product-features .swiper-button-prev:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(/images/productBase-features-left2.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}
.product-features .swiper-button-prev.swiper-button-disabled:after {
    background: url(/images/productBase-features-left.png) no-repeat;
}
.product-features .swiper-button-next {
	width: 30px;
	height: 40%;
	right: -15px;
	top: 76%;
	background: none
}
.product-features .swiper-button-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(/images/productBase-features-right2.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}
.product-features .swiper-button-next.swiper-button-disabled:after {
    background: url(/images/productBase-features-right.png) no-repeat;
}
<!--��ʱ1780602168.7369��-->