@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    outline: none;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
    font-family: Butler;
    src: url(font/Butler-Regular-13.otf);
}
@font-face {
    font-family: sy;
    src: url(../font/sySong.woff);
}
@font-face {
    font-family: sy-r;
    src: url(../font/SOURCEHANSERIFCN-REGULAR.OTF);
}
html,
body {
    color: #333;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left;
    background: #ffffff;
}

html {
    overflow-x: hidden;
    /* max-width: 1920px; */
    margin: 0 auto;
}
.aline_y{position:relative;background-image:linear-gradient(#1053ab,#1053ab);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:.3s}
a:hover .aline_y{background-size:100% 1px;color: #1053ab}
.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1; transition: 0.5s }
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
li {
    list-style: none;
}
img{max-width: 100%;max-height: 100%;}
a {
    text-decoration: none;color: inherit;display: block;
}

img,
input {
    border: 0;
    outline: none;
}

.wap {
    display: none !important;
}

.top>img.wap {
    display: none;
}

body .clear {
    clear: both;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.px1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.px1500 {
    max-width: 1500px;
    margin: 0 auto;
}

.px1560 {
    max-width: 1560px;
    margin: 0 auto;
}

.px1400 {
    max-width: 1400px;
    margin: 0 auto;
}

.px1600 {
    max-width: 1600px;
    margin: 0 auto;
}

.icon img {
    transition: all 0.3s;
}

.icon:hover img {
    animation: icon-yh 0.6s linear;
}

@keyframes icon-yh {
    0% {
        transform: rotateZ(0);
    }

    10% {
        transform: rotateZ(10deg);
    }

    20% {
        transform: rotateZ(0);
    }

    30% {
        transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(0);
    }

    50% {
        transform: rotateZ(10deg);
    }

    60% {
        transform: rotateZ(0);
    }

    70% {
        transform: rotateZ(-10deg);
    }

    80% {
        transform: rotateZ(0);
    }

    90% {
        transform: rotateZ(10deg);
    }

    100% {
        transform: rotateZ(0);
    }
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.titline i {
    display: inline;
    font-style: normal;
    position: relative;
    background-image: linear-gradient(#c9151e, #c9151e);
    background-position: right bottom;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .8s;
}

a:hover .titline {
    color: #c9151e;
}
.navShow{overflow: hidden;}
a:hover .titline i {
    background-position: left bottom;
    background-size: 100% 1px;
    font-weight: inherit;
    color: inherit;
}

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

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

.flex-jcfe {
    display: flex;
    justify-content: flex-end;    flex-wrap: wrap;
}

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

.flex-alct {
    display: flex;
    align-items: center;    flex-wrap: wrap;
}

.flex-alend {
    display: flex;
    align-items: flex-end;    flex-wrap: wrap;
}

/* .flex */

.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
}

a:hover .pic img {
    transform: scale(1.05);
}

.wp{ width: 1440px; padding: 0; margin: 0 auto;max-width: 94%;}
.header{position:relative;}
.logo{position:absolute;left:45px;top:35px;}
.logo img{height:64px;}
.logo-phone{display:none;}
.banner img{width:100%;display:block;}

.main{background:url(../images/b-bg.jpg) no-repeat top center;background-size:cover; }
.main .wp{padding:60px 0;}
.gx-list-box{overflow:hidden;}
.gx-list{width:32.36%;float:left;margin-right:4.795%;}
.gx-list h3{font-size: 21px;font-family: sy;color:#fff;background:url(../images/title-bg.png) no-repeat;text-align:center;/* line-height:62px; */display: flex;align-items: center;height: 62px;justify-content: center;}
.gx-list-txt{padding: 18px 13px 30px;line-height: 32px;}
.gx-list-txt h4{font-size:18px;font-weight:bold;color:#cb130e;background: url(../images/xz.png) no-repeat left 8px;padding-left:20px;font-weight:bold;line-height: 28px;padding-bottom: 10px;margin-top: 17px;}
.gx-list-txt h4 a{color:#cb130e;font-weight:bold;}
.gx-list-txt p{font-size:16px;color:#333;background:url(../images/dian.png) no-repeat left 13px;padding-left:20px;}
.gx-list-txt p a{color:#333;}
.gx-list-txt p a:hover{color:#cb130e}
.gx-list3{width:25.69%;float:right;margin-right:0;}
.footer{background:url(../images/f-bg.jpg) no-repeat top center;padding:33px 15px;background-size:cover;}
.footer p{line-height:32px;color:#fff;font-size:16px;text-align:center;}
.footer p a{color:#fff;display: inline-block;}

@media(max-width: 1400px){
	.logo img{height:54px;}
	.logo{top:25px;}
}

@media(max-width: 1200px){
	.wp{ width: 100%; max-width: 94%;}
	
}
@media(max-width: 1024px){
	.wp{padding:0 15px;width: 100%;max-width: 95%;}
	.logo img{height:45px;}
	.logo{top:15px;}
	.gx-list-txt h4{font-size:17px;margin-top:10px;}
	.gx-list-txt p{font-size:15px;}
}


@media(max-width: 850px){
	.logo img.logo-pc{display:none;}
	.logo img.logo-phone{display:block;}
	.main .wp{padding:30px 0;}
	.logo img{height:43px;padding:8px 0 0 15px;}
	.gx-list-txt h4{font-size:16px;}
	.gx-list{width:100%;float:none;}
	.gx-list h3{background-size:cover;height:45px;font-size:18px;}
	.gx-list-txt{padding:18px 13px 20px;}
	.logo{position:fixed;top:0;right:0;left:0;height:50px;background:#c10005;}
	.banner{padding-top:50px;}
}


html{font-size: 100px!important;}

@media screen and (max-width:1940px){
	html{font-size: 100px!important;}
}

@media screen and (max-width:1600px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:1400px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:1024px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:480px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
	html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
	html{font-size: 70px!important;}
} 
@media screen and (max-width:350px){
	html{font-size: 65px!important;}
} 


@media screen and (max-width: 1199px) {
	.head_rgb{ display: none; }
	.m_header_box {display: block !important;height: .7rem;}
	#nav{display: none;}
  
  }