@charset "utf-8";
body{ margin:0px; font-size:14px; color:#666666; font-family: "SourceHanSansCN-Regular";}
@font-face { font-family: 'SourceHanSansCN-Regular'; src: url('../fonts/sourcehansanscn-regular.ttf');}
*{padding:0px;margin:0px; outline: none; box-sizing: border-box;}
body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { list-style:none;}
button {overflow:visible}
img{border:none;}
a{color:#666666;text-decoration:none;}
a:hover{color:#e8a800;text-decoration:none;}
li{	list-style:none;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1200px; margin:0 auto;}
/* @font-face { font-family: '1'; src: url('../fonts/1.ttf');} */

/* 两头/上下对齐 */
.lt{ display: flex;flex-flow: wrap;justify-content: space-between;}
.sx{ display: flex;flex-flow: column;justify-content: space-between;}

/* 左对齐 */
.box ul:after { display:block; content:""; width: 30%; height:0px;}

/* 一行两行三行隐藏 */
.yh{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lh{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sh{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/* 图片隐藏/上下居中 */
.tp{ object-fit: cover;}
.jz{ display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}

.t_p { overflow: hidden; position: relative;}
.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.header{}
.header .an{position:absolute;top: 35px;right:15px;height:18px;width:30px;display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute; transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.navbar{width: 100%;max-width: 1600px;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;border: none;}
.navbar-header{padding-top: 53px;padding-bottom: 26px;margin-left: 5px;margin-right: auto;}
.navbar-header img{ height: 99px;}
.menu{width: 60%;margin-top: 70px;}
.menu .nav i{font-size:14px;line-height: 40px;text-align:right;position:absolute;width:50%;height: 40px;right:15px;top:50%;display:none;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);z-index: 9;}
.menu .nav ul li{ width: 115px; margin-left: 1.875%; padding-top: 26px; padding-bottom: 27px; line-height: 30px; text-align:center; float:left; position:relative;}
.menu .nav ul li a.o_lm{ background: #fff; width: 100%; font-size: 20px;color: #373737; display:block; text-decoration: none;}
.menu .nav ul li:hover{ background: url(../images/m_bg.png) no-repeat top center;}
.menu .nav ul li:hover a.o_lm{color: #e8a800; font-weight: bold;}
.menu .nav ul li.on{ background: url(../images/m_bg.png) no-repeat top center;}
.menu .nav ul li.on a.o_lm{color: #e8a800;font-weight: bold;}
.menu .nav .y_j{position:relative;}
.menu .nav .e_j{width:100%;position:absolute;left: 0;display:none;z-index:9999;}
.menu .nav .e_j a{background: rgba(232,168,0,0.8);display:block;font-size: 14px;color:#fff;line-height: 25px;padding: 10px 0;text-decoration: none;}
.menu .nav .e_j a:hover{background-color: #e8a800;}
.menu .nav ul li:hover .e_j{display:block;}

.t_r{ max-width: 350px; margin-left: 5%;}
.t_r1{background: url(../images/q.png) no-repeat left center;margin-top: 99px;width: 91px;height: 23px;line-height: 23px;}
.t_r1 select{width: 50px;border: none;font-family: 'SourceHanSansCN Normal';font-size: 16px;color: #474747;outline: 0;-webkit-transition: background-color .3s ease-out,border-color .3s ease-out;transition: background-color .3s ease-out,border-color .3s ease-out;margin-left: 21px;appearance: none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/xjt.png) no-repeat scroll right 0px center;text-align: center;}
@font-face { font-family: 'SourceHanSansCN Normal'; src: url('../fonts/SourceHanSansCN Normal.ttf');}
.t_r2{width: 258px;margin-top: 30px;}
.t_r21{ width: 100%; text-align: center;}
.t_r21 ul li{ display: inline-block; margin-left: 12px;}
.t_r21 ul li img{ height: 39px;}
/*二维码*/
.e_m{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}
.e_m .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0;}
.e_m .n_r{width:200px; padding:10px 10px 5px 10px; background-color:#fff; border:1px solid #e7e7e7; position:absolute; top:50%; left:50%; margin-left:-101px; margin-top:-106px;}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{text-align:center; font-size:14px; margin-top:10px; padding:0;}
.ss{width: 100%;margin-top: 16px;background: none;padding: 0 20px;border: 1px solid #d7d7d7;border-radius: 45px;}
.ss form {width: 100%;}
.ss form .txt{float:left;width: 75%;height: 45px;line-height: 45px;font-size: 14px;color: #a0a0a0;box-sizing:border-box;font-family: 'SourceHanSansCN Normal';border: none;}
.ss form .input-button { width: 25%; box-sizing:border-box; overflow:hidden; background: #fff; float: left;}
.ss form .input-button > input {width: 100%;height: 45px;color:#005ead;background: url(../images/ss.png) no-repeat right center;border: none;line-height: 45px;text-indent: -999px;}

.x{ width: 100%; border-bottom: 2px solid #774101;}

.s_t{ text-align: center;}
.s_t img{ max-width: 100%;}

.ban{ background: url(../images/b_bg.jpg) no-repeat top center; padding-top: 72px; padding-bottom: 156px; overflow: hidden; text-align: center; position: relative;}
.ban .swiper-container{ width: 92%; max-width: 1760px; margin: auto; padding-top: 4%;}
.ban .swiper-wrapper{ width: calc(100% - 286px);}
.ban .swiper-container-horizontal>.swiper-pagination-bullets{bottom: auto;top: 95px;}
.ban .swiper-slide{ background: none; overflow: hidden;}
.ban .swiper-pagination{position: static;width: initial;display: inline-block;}
.ban1{ width: 100%;height: 100%; transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transition: all 5s;-o-transition: all 5s;-ms-transition: all 5s;-moz-transition: all 5s;-webkit-transition: all 5s;}
.ban1 img{ max-width: 100%;}
.qie{width: 100%;position: absolute;top: 0;left: 0;text-align: center;}
.qie0{width: auto;margin: auto;height: 41px;}
.ban .swiper-slide-active .ban1{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.ban .swiper-button-prev,.ban .swiper-button-next{background: none;display: inline-block;opacity: 1;width: 37px;height: 41px;margin-top: 0;text-align: center;z-index: 1;cursor: pointer;position: static;border-radius: 100px;}
.ban .swiper-button-prev img, .ban .swiper-button-next img{ max-width: 100%;}
.ban .swiper-button-prev{left:0;}
.ban .swiper-button-next{ right:0;}
.ban .swiper-pagination-bullet{position: relative;background: #774101;float: left;height: 3px;width: 90px;margin: 0 9px!important;opacity: 1;border-radius: 0;text-align:left;cursor:pointer;-webkit-transition:width 0.5s ease-in-out;-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out;}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none;}
.ban .swiper-pagination-bullet:before{content:"";position: absolute;left: 0;top: 0;width: 90px;height: 3px;display:inline-block;vertical-align:middle;}
.ban .swiper-pagination-bullet:after{content:"";position: absolute;left: 0;top: 0;width:0px;height: 3px;background: #e8a800;margin-left: 0px;vertical-align:middle;-webkit-transition:width 0s;transition:width 0s;display:inline-block;}
.ban .swiper-pagination-bullet-active{width: 90px;}
.ban .swiper-pagination-bullet-active:after{width: 90px;display:inline-block;-webkit-transition:width 2s linear 0.5s;transition:width 2s linear 0.5s;}
.ban .swiper-pagination-bullet-active:before{ display: none;}
.ban0{ width: 100%;position: absolute; height: 100%;top: 72px; left:0; z-index:9}
.ban00{ width: 94%; max-width: 1790px; margin: auto; position:relative}
.ban_zy{ position: absolute; width: 8%; top: 0; left: 0;}
.ban_zy img{ max-width: 100%;}
.ban_yy{ position: absolute; width: 8%; top: 0; right: 0;}
.ban_yy img{ max-width: 100%;}

.s1{ padding: 70px 0;}
.s11{ width: 50.625%; max-width: 810px; margin-top: 30px;}
.s111 ul li{ width: 145px; display: inline-block; margin-right: 10px; line-height: 36px; border: 1px solid #d0d0d0; border-radius: 36px; text-align: center;}
.s111 ul li a{ display: block; width: 100%; font-size: 18px; color: #000000;}
.s111 ul li.on{ background: #e8a800; border: 1px solid #e8a800;}
.s111 ul li.on a{ color: #fff;}
.s111 ul li:hover{ background: #e8a800; border: 1px solid #e8a800;}
.s111 ul li:hover a{ color: #fff;}
.s112 a{ display: block; line-height: 36px; font-size: 16px; color: #000000;}
.s11m{ margin-top: 40px;}
.s11m ul{ display: none;}
.s11m ul.on{ display: block;}
.s11m ul li{ border-top: 1px solid #ebebeb; padding: 22px 28px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.s11m ul li:hover{ border: 1px solid rgba(0,0,0,0); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.s11m ul li:first-child{ border: none;}
.s11m1{ width: 25.6%; max-width: 193px;}
.s11m1 img{ height: 125px; object-fit: cover;}
.s11m2{ width: 71.7%; max-width: 540px;}
.s11m2 h3{ margin: 10px 0; line-height: 35px;}
.s11m2 h3 a{ display: block; font-size: 18px; color: #303030; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.s11m2 p{ line-height: 30px; font-size: 16px; color: #6f6f6f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.s11m2 p a{ font-size: 16px; color: #e8a800; font-weight: bold;}
.s12{ background: #f6f6f6; width: 46.875%; max-width: 750px; padding: 38px 28px;}
.s12t{ margin-left: 9px;}
.s12t h2{ background: url(../images/b.png) no-repeat left center; line-height: 25px; padding-left: 31px; font-size: 24px; color: #303030; font-weight: bold;}
.s12m{ margin-top: 36px;}
.s12m video{ width: 100%; height: 436px; object-fit: cover;}

.s2 ul{ padding: 30px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.s2 ul li{ width: 25%; height: 60px; border-left: 1px solid #e3e3e3; text-align: center;}
.s2 ul li:first-child{ border: none;}
.s21{ display: inline-block;}
.s21 .hv{ display: none;}
.s21 img{ max-width: 47px;}
.s22{ margin-left: 6px;}
.s22 h3{ line-height: 28px; font-family: 'SourceHanSansCN Normal'; font-size: 18px; color: #222222; font-weight: bold;}
.s22 p{ line-height: 15px; font-size: 11px; color: #8a8a8a; text-transform: uppercase;}
.s2 ul li:hover .zc{ display: none;}
.s2 ul li:hover .hv{ display: block;}
.s2 ul li:hover .s22 h3{ color: #e8a800;}

.s3{ margin-top: 72px; margin-bottom: 70px; text-align: center;}
.s3 img{ max-width: 100%;}

.s4{ width: 100%; max-width: 1844px; margin: auto; height: 100%; position: relative;}
.s4m{width: 100%;position: absolute;top: 10.1%;left: 0;z-index: 9;}
.s4m0{margin-left: 15.75%;margin-right: 1.875%;position: relative;}
.tp_qh1{ position: relative;}
.tp_qh1 .prev,.tp_qh1 .next{ width: 30px; height: 48px;}
.tp_qh1 .prev{background: url(../images/l.png) no-repeat left center;position: absolute;top: 0;left: 50%;margin-left: -160px;z-index: 9;}
.tp_qh1 .next{background: url(../images/r.png) no-repeat left center;position: absolute;top: 0;right: 50%;margin-right: -160px;z-index: 9;}
.tp_qh1 .prev img,.tp_qh1 .next img{ max-width: 100%;}
.n5b{width: 41%;max-width: 540px;float: right;}
.w_z1{width: 240px;margin: auto;text-align: center;}
.w_z1 h1{ line-height: 48px; font-family: 'SourceHanSansCN-Medium'; font-size: 48px; color: #774101;}
@font-face { font-family: 'SourceHanSansCN-Medium'; src: url('../fonts/SourceHanSansCN-Medium.ttf');}
.w_z2{margin-top: 33.8%;width: 100%;max-width: 540px;height: 100%;position: relative;text-align: center;}
.w_z22{width: 100%;height: 100%;/* position: absolute; */top: 0;left: 0;}
.w_z22 img{ max-width: 100%; height: 231px; object-fit: cover;}
.w_z21{ width: 37.3%; height: auto; position: absolute;top: 80px;right: 24.5px;text-align: center;z-index: -1;}
.w_z21 img{ max-width: 100%;}
.w_z21 a.more{ display: block; background: #e8a800; width: 185px; margin: auto; text-align: center; margin-top: 35px; line-height: 36px; font-size:18px; color:#fff; border-radius: 36px; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.w_z21 a.more:hover{ box-shadow:inset 185px 0 0 0 #7a4f3b; -webkit-box-shadow:inset 185px 0 0 0 #7a4f3b; -moz-box-shadow:inset 185px 0 0 0 #7a4f3b; -ms-box-shadow:inset 185px 0 0 0 #7a4f3b;-o-box-shadow:inset 185px 0 0 0 #7a4f3b;}
.n5b .hd{ position: absolute; top: 0; left: 0;}
.n5b .hd ul li{ width: 181px; height: 181px; border-radius: 100%; background-size: 100%; position: relative; text-align: center; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.n5b .hd ul li::after{ position: absolute; content: ''; display: block; width: 151px; height: 151px; top: 15px; left: 15px; border-radius: 100%;}
.n5b .hd ul li:nth-of-type(1){background: url(../images/y1.png) no-repeat left center;}
.n5b .hd ul li:nth-of-type(1)::after{ background: #774101;}
.n5b .hd ul li:nth-of-type(2){background: url(../images/y2.png) no-repeat left center;margin-left: 121.5%;margin-top: -35px;}
.n5b .hd ul li:nth-of-type(2)::after{ background: #0e4272;}
.n5b .hd ul li:nth-of-type(3){background: url(../images/y3.png) no-repeat left center;margin-left: 226.5%;margin-top: 20px;}
.n5b .hd ul li:nth-of-type(3)::after{ background: #b81f00;}
.n5b .hd ul li a{ display: block; max-width: 86px; line-height: 50px; font-family: 'SourceHanSansCN Normal'; font-size: 40px; color: #fff; z-index: 9;}
.s4_bg1{ width: 100%; height: 100%; position: relative;}
.s4_bg1 img{ max-width: 100%;}
.s4_bg2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.s4_bg2 img{ max-width: 100%;}
.s4_bg3{ width: 43.4%; max-width: 799px; position: absolute; bottom: 6.1%; left: 3px;}
.s4_bg3 img{ max-width: 100%;}

.s5{ margin: 72px 0;}
.s5m{ background: #f6f6f6; padding: 15px 0; padding-left: 33px; padding-right: 43px;}
.s51{ background: url(../images/gj.png) no-repeat left center; width: 63%; padding: 10px 0; padding-left: 33px; line-height: 25px;}
.s51 span{ display: inline-block; font-family: 'SourceHanSansCN Normal'; font-size: 16px; color: #7a4f3b; margin-right: 15px;}
.s51 a{ display: inline-block; font-size: 16px; color: #222222; margin-right: 15px;}
.s52{width: 32.6%;background: none;}
.s52 form {width: 100%;}
.s52 form .txt{background: url(../images/fd.png) no-repeat left 12px center;float:left;width: 80.3%;height: 45px;line-height: 45px;padding-left: 45px;font-size: 14px;color: #a4a4a4;box-sizing:border-box;font-family: 'SourceHanSansCN Normal';border: 1px solid #dadada;border-right: none;}
.s52 form .txt::-webkit-input-placeholder{ color:#a4a4a4;}
.s52 form .txt::-moz-placeholder{ color:#a4a4a4;}
.s52 form .txt::-moz-placeholder{ color:#a4a4a4;}
.s52 form .txt::-ms-input-placeholder{ color:#a4a4a4;}
.s52 form .input-button {width: 19.7%;box-sizing:border-box;overflow:hidden;background: none;float: left;}
.s52 form .input-button > input {width: 100%;height: 45px;font-family: 'SourceHanSansCN Normal';font-size: 16px;color: #fff;background: #7a4f3b;border: none;line-height: 45px;}

.s6{ margin-bottom: 72px;}
.s6t{ background: url(../images/c_bg.jpg) no-repeat top center; height: 194px; padding-top: 66px; text-align: center;}
.s6t h1{ line-height: 52px; font-size: 42px; color: #222222; font-weight: bold;}
.s6t h2{ line-height: 35px; font-size: 18px; color: #c4c4c4; text-transform: uppercase;}
.s6m{ margin: 36px 0; text-align: center;}
.s6m ul li{display: inline-block;margin-left: 15px;height: 48px;line-height: 48px; position: relative;}
.s6m ul li a{display: block;overflow: hidden;}
.s6m ul li img{float: left;margin-right: 12px;max-height: 48px;}
.s6m ul li p{float: left;font-size: 18px;color: #0e0e0e;}
.s6m ul li:nth-of-type(even){ padding-left: 60px;}
.s6m ul li:nth-of-type(even)::before{ position: absolute; display: block; content: ''; background: url(../images/x.png); left: 0; top: 50%; width: 44px; height: 1px;}
.s6m ul li:nth-of-type(odd){ padding-left: 60px;}
.s6m ul li:nth-of-type(odd)::before{ position: absolute; display: block; content: ''; background: url(../images/x.png); left: 0; top: 50%; width: 44px; height: 1px;}
.s6m ul li:first-child{ padding-left:0;}
.s6m ul li:first-child::before{ display:none;}
.s6m ul li.on p{ color: #e8a800;}
.s6m ul li:hover p{ color: #e8a800;}
.s60{ position: relative; display: none;}
.s60.on{ display: block;}
.s60 .swiper-container{ padding-bottom: 10px;}
.s60 .swiper-slide{ -webkit-transition: all .2s linear; transition: all .2s linear;}
.s61{ width: 100%; height: 100%; position: relative;}
.s611{ width: 100%; height: 100%; position: relative;}
.s611 img{ max-width: 100%;}
.s612{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.s612 img{ max-width: 100%;}
.s62{ border: 1px solid #e7e7e5; padding: 28px 30px;}
.s621{ width: 72%; max-width: 325px; text-align: left;}
.s621 h3{ line-height: 30px; margin-bottom: 8px; font-size: 20px; color: #272727; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.s621 p{ font-size: 16px; color: #4b4b4b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.s622{ width: 27%; max-width: 120px; margin-top: 12px;}
.s622 .more{ background: #e8e8e8; width: 120px; text-align: center; line-height: 36px; font-size:16px; color:#000000; border-radius: 36px; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.s60 .swiper-slide:hover{ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1); box-shadow: 0 0 8px rgba(0, 0, 0, .1);}
.s60 .swiper-slide:hover .more{ color: #fff; box-shadow:inset 120px 0 0 0 #e8a800; -webkit-box-shadow:inset 120px 0 0 0 #e8a800; -moz-box-shadow:inset 120px 0 0 0 #e8a800; -ms-box-shadow:inset 120px 0 0 0 #e8a800;-o-box-shadow:inset 120px 0 0 0 #e8a800;}
.s60 .swiper-button-prev,.s60 .swiper-button-next{ position: absolute; background: none; width: 34px; height: 77px; top: 50%; margin-top: -38.5px;}
.s60 .swiper-button-prev img,.s60 .swiper-button-next img{ max-width: 100%;}
.s60 .swiper-button-prev{ left: -70px;}
.s60 .swiper-button-next{ right: -70px;}
.s6mm a.more{ display: block; background: url(../images/jt.png) no-repeat left 144px center #e8a800; width: 225px; margin: auto; margin-top: 48px; padding-left: 56px; line-height: 36px; font-size:18px; color:#fff; border-radius: 36px; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.s6mm a.more:hover{ box-shadow:inset 225px 0 0 0 #7a4f3b; -webkit-box-shadow:inset 225px 0 0 0 #7a4f3b; -moz-box-shadow:inset 225px 0 0 0 #7a4f3b; -ms-box-shadow:inset 225px 0 0 0 #7a4f3b;-o-box-shadow:inset 225px 0 0 0 #7a4f3b;}

.footer{ background: url(../images/f_bg.jpg) no-repeat top center; height: 435px; padding-top: 70px;}
.f1{ width: 31.25%;}
.f1t h2{ background: url(../images/tel.png) no-repeat left center; line-height: 40px; margin-bottom: 10px; padding-left: 45px; font-family: 'SourceHanSansCN Normal'; font-size: 25px; color: #fff;}
.f1t h1{ line-height: 52px; font-size: 52px; color: #f6ae01; font-weight: bold;}
.f1m{ margin-top: 40px; width: 155px;}
.f1m img{ max-width: 100%;}
.f2{ width: 62.5%; margin-top: 10px;}
.f2t{ margin-left: auto; text-align: right;}
.f2t a{ margin-left: 7.8%; display: inline-block; font-family: 'SourceHanSansCN-Medium'; font-size: 20px; color: #111111;}
.f2t a:hover{ color: #e8a800;}
.f2m{ width: 64.5%; margin-left: auto; margin-right: 10%; margin-top: 77px;}
.f2m1 img{ height: 183px;}
.f2m2{ margin-top: 36px;}
.f2m2 p{ line-height: 36px; padding-left: 25px; font-size: 18px; color: #131313;}
.f2m2 p:nth-of-type(1){ background: url(../images/f1.png) no-repeat left center;}
.f2m2 p:nth-of-type(2){ background: url(../images/f2.png) no-repeat left center;}
.f2m2 p:nth-of-type(3){ background: url(../images/f3.png) no-repeat left center;}

/* 走进年青保 */
.walk{ margin-bottom: 82px; position: relative;}
.walk1 ul li{width: 10.3125%;max-width: 200px;height: 985px;position: relative; -webkit-transition: all .2s linear; transition: all .2s linear;}
.w1{ width: 100%; height: 100%; position: relative;}
.w1 img{max-width: 100%;height: 100%;object-fit: cover;}
.w2{position: absolute;background: url(../images/z1.png) no-repeat;width: 86px;height: 332px;bottom: 70px;left: 50%;margin-left: -43px;z-index: 9;}
.w201{ height: 44px;}
.w2 img{ max-height: 100%;}
.walk1 ul li .xs{ display: none;}
.w202{ margin-top: 15px;}
.w202 p{ font-family: 'SourceHanSansCN Normal'; font-size: 26px; color: #fff; writing-mode: vertical-lr; letter-spacing: 2px;}
.w3{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 1;}
.walk1 ul li.cur{width: 58.75%;max-width: 1128px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.walk1 ul li.cur .zc{ display: none;}
.walk1 ul li.cur .xs{ display: block;}
.walk1 ul li.cur .w2{background: url(../images/z2.png) no-repeat;left: 99px;}
.walk1 ul li.cur .w3{ display: none;}

.walk2{ position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
.wk{ margin-top: 80px; line-height: 68px;}
.wk strong{ font-size: 48px; color: #fff;}
.wk span{ font-family: 'SourceHanSansCN Normal'; font-size: 30px; color: #fff; margin-left: 10px;}

/* 公司概况 */
.ab_ban{ background: #a99d85; padding-top: 104px; padding-bottom: 115px; position: relative; overflow: hidden;}
.ab_b{ width: 36.5625%; float: right; position: relative; z-index: 1;}
.ab_b h2{ line-height: 48px; font-size: 36px; color: #fff; font-weight: bold;}
.ab_b h2::after{display: block;content: '';background: #fff;width: 52px;height: 5px;margin-top: 20px;}
.ab_b img{max-width: 100%; margin: 62px auto; display: block;}
.ab_b p{ line-height: 45px; font-size: 20px; color: #fff; text-indent: 2em;}
.ab_ban1{position: absolute;width: 59%;left: 0;top: 46px;}
.ab_ban1 img{ max-width: 100%;}
.ab_ban2{ position: absolute; width: 31.5%; right: -10.2%; top: 12px;}
.ab_ban2 img{ max-width: 100%;}

.ab{ padding-top: 90px; padding-bottom: 95px;}
.ab1 h1{ line-height: 50px; text-align: center; font-size: 32px; color: #774101; font-weight: bold;}
.ab2{ margin-top: 50px;}
.ab2 ul{ text-align: center;}
.ab2 ul li{ display: inline-block; background: url(../images/k.png) no-repeat center; width: 225px; margin: 0 17px; line-height: 58px;}
.ab2 ul li a{ display: block; width: 100%; font-size: 25px; color: #774101; font-weight: bold;}
.ab2 ul li.on{ background: url(../images/kk.png) no-repeat center;}
.ab2 ul li.on a{ color: #fff;}
.ab2 ul li:hover{ background: url(../images/kk.png) no-repeat center;}
.ab2 ul li:hover a{ color: #fff;}
.ab3{ margin-top: 78px;}
.ab3 ul li{ width: 31.25%;}
.ab31{ width: 100%; position: relative;}
.ab31t{ width: 100%; height: 100%; position: relative;}
.ab31t img{ max-width: 100%;}
.b_f{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; text-align: center; display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}
.b_f img{ max-width: 80px;}
#video1{width: 100%;height: 100%;position:absolute;top: 0;left: 0;margin-left: 0;margin-top: 0;object-fit:fill;}
.video,.object{width:100%;height:100%;position: absolute;overflow:hidden;top: 0;left: 0;z-index: -1;}
.ab32{ padding: 25px 0; padding-right: 36px; padding-left: 40px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ab32 h3{ line-height: 30px; text-align: center; margin-bottom: 8px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ab32 h3 a{ font-family: 'SourceHanSansCN-Medium'; font-size: 19px; color: #3a3a3a; font-weight: bold;}
.ab32 p{ line-height: 25px; font-family: 'SourceHanSansCN Normal'; font-size: 16px; color: #3a3a3a;}

/* 公司历程 */
.nban{ width: 100%; height: 100%; position: relative;}
.nban1{ width: 100%; height: 100%; position: relative; text-align: center;}
.nban1 img{ max-width: 100%;}
.nban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.nban20{ margin-top: 80px; margin-left: 85px;}
.nban20 h1{ line-height: 85px; margin-bottom: 25px; font-size: 80px; color: #af916e; font-weight: bold;}
.nban20 p{ line-height: 45px; font-size: 24px; color: #dec396;}

.hs{ margin-top: 97px; margin-bottom: 150px; overflow: hidden;}
.hs1{ text-align: center;}
.hs1 img{ height: 115px;}
.hs1 h2{ margin-top: 20px; margin-bottom: 85px; line-height: 35px; font-family: 'SourceHanSerifCN Medium'; font-size: 18px; color: #774101; opacity: 0.68; text-transform: uppercase;}

/* 动态资讯 */
.nban3{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.nban30{ margin-top: 60px; line-height: 56px;}
.nban30 strong{ font-size: 36px; color: #fff;}
.nban30 span{ font-family: 'SourceHanSansCN Normal'; font-size: 24px; color: #fff;}

.list_news{ margin-top: 85px; margin-bottom: 108px;}
.l_n1{ text-align: center;}
.l_n1 ul li{display: inline-block;width: 236px;margin: 0 16px;line-height: 60px;border-radius: 60px;border: 1px solid #aaaaaa;}
.l_n1 ul li a{ display: block; font-family: 'SourceHanSansCN-Medium'; font-size: 28px; color: #333333;}
.l_n1 ul li.cur{ background: #e8a800; border: 1px solid #e8a800;}
.l_n1 ul li.cur a{ color: #fff;}
.l_n1 ul li:hover{ background: #e8a800; border: 1px solid #e8a800;}
.l_n1 ul li:hover a{ color: #fff;}

.l_n2{ margin-top: 70px; margin-bottom: 92px; border-top: 1px solid #dcdcdc;}
.l_n2 ul li{ padding: 52px 54px; border-bottom: 1px solid #dcdcdc; -webkit-transition: all .2s linear; transition: all .2s linear;}
.l_n2 ul li:nth-of-type(even){ background: #f8f8f8;}
.l_n21{ width: 24.4%; max-width: 376px;}
.l_n21 img{ height: 255px; object-fit: cover;}
.l_n22{ width: 53%; margin-left: 2.9%;}
.l_n22 h3{ margin: 10px 0; line-height: 40px;}
.l_n22 h3 a{display: block; font-size: 22px; color: #303030; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.l_n22 p{ line-height: 35px; font-family: 'SourceHanSansCN-Light'; font-size: 18px; color: #484848; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
@font-face { font-family: 'SourceHanSansCN-Light'; src: url('../fonts/SourceHanSansCN-Light.ttf');}
.l_n22 a.more{display: block;width: 132px;margin-top: 35px;line-height: 40px;border: 1px solid #e8a800;text-align: center;font-size:16px;color:#e8a800;border-radius: 40px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.l_n23{ width: 125px; margin-top: 45px; text-align: center;}
.l_n23 strong{ display: block; line-height: 88px; margin-bottom: 18px; font-size: 94px; color: #d1d1d1;}
.l_n23 p{ line-height: 40px; font-family: 'Arial'; font-size: 38px; color: #b8b8b8;}
.l_n2 ul li:hover{ background: #f8f8f8; padding: 52px 60px;}
.l_n2 ul li:nth-of-type(even):hover{ background: #fff; padding: 52px 60px;}
.l_n2 ul li:hover .l_n22 a.more{color: #fff;box-shadow:inset 132px 0 0 0 #e8a800;-webkit-box-shadow:inset 132px 0 0 0 #e8a800;-moz-box-shadow:inset 132px 0 0 0 #e8a800;-ms-box-shadow:inset 132px 0 0 0 #e8a800;-o-box-shadow:inset 132px 0 0 0 #e8a800;}

/* 分页 */
.page {text-align: center;}
.page li {display: inline-block;line-height: 38px;border: 1px solid #cdcdcd;text-align: center;color: #333333;padding: 0 22px;margin: 0 4px;}
.page li a{ font-size: 16px; color: #262626;}
.page li.active {display: inline-block;padding: 0 22px;line-height: 40px;background: #7a4f3b;color: #fff;text-align: center;margin: 0 4px;}
.page li.active a{ color:#fff;}
.page strong{ margin: 0 4px;}

/* 动态资讯详情页 */
.show_news{ margin-top: 76px; margin-bottom: 72px;}
.s_n11 h1{ line-height: 40px; text-align: center; font-size: 28px; color: #2b2b2b; font-weight: bold;}
.s_n12{ max-width: 1077px; margin: auto; margin-top: 30px; margin-bottom: 70px; padding: 20px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; text-align: center;}
.s_n12 p{ line-height: 24px; font-size: 16px; color: #7b7b7b;}
.s_n12 span{ margin: 0 18px;}
.s_n13{ padding-bottom: 110px; border-bottom: 1px solid #e5e5e5;}
.s_n13 p{ line-height: 40px; margin-bottom: 30px; font-size: 18px; color: #373737;}
.s_n13 img{ max-width: 100%; width: auto!important; height: auto!important;}
.s_n13 .n0{ width: 47%!important;}
.s_n13 .n1{ float: right;}
.s_n131{ width: 47%;}
.s_n131 .n0{ width: 100%!important;}
.s_n132{ width: 48.6%; height: 100%; position: relative;}
.s_n1321{ width: 100%; height: 100%; position: relative; opacity: 0.43;}
.s_n1322{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.show_news2{ margin-top: 20px;}
.show_news2 p{ line-height: 35px; font-family: 'SourceHanSansCN-Light'; font-size: 16px; color: #545454;}
.show_news2 p a{ font-family: 'SourceHanSansCN-Light'; font-size: 16px; color: #545454;}

/* 产品中心 */
.nban4{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.nban40{ margin-top: 80px; line-height: 60px;}
.nban40 strong{ font-size: 47px; color: #fff;}
.nban40 span{ font-family: 'SourceHanSansCN Normal'; font-size: 30px; color: #fff;}

.nban42{ background: rgba(255,255,255,0.63); max-width: 244px; margin-top: 6px; padding: 22px 24px; padding-bottom: 27px;}
.nban42 ul li{line-height: 54px;border-bottom: 1px dashed #aea47e;}
.nban42 ul li a{display: block;overflow: hidden;display: -webkit-box;display: -webkit-flex;-webkit-align-items: center;}
.nban42 ul li img{max-width: 31px;float: left;margin: 0 8px;}
.nban42 ul li p{float: left;font-size: 24px;color: #774101;}
.nban42 ul li:last-child{ border-bottom: none;}

.list_pro{ margin-top: -80px; margin-bottom: 216px; position: relative;}
.l_pro { position: relative;}
.l_pro .swiper-container{ max-width: 1330px; margin: auto;}
.l_pro .swiper-slide{ background: none; width: 28.9%;}
.l_p{ border: 3px solid #813803;}
.l_p img{ height: 258px; object-fit: cover;}
.l_pro .swiper-button-prev,.l_pro .swiper-button-next{ background: none; width: 59px; height: 59px; position: absolute; top: 50%; margin-top: -29.5px;}
.l_pro .swiper-button-prev{ left: 0;}
.l_pro .swiper-button-next{ right: 0;}
.l_pro .swiper-button-prev img,.l_pro .swiper-button-next img{ max-width: 100%;}

/* 产品中心详情页 */
.show_pro{ margin-top: 96px; margin-bottom: 102px;}
.s_p1{ width: 70%;}
.s_p11{ width: 53.6%; max-width: 600px;}
.s_p12{ width: 40.2%; max-width: 450px; margin-right: 15px; display: flex;flex-flow: column;justify-content: space-between;}
.s_p12t h1{ margin-top: 15px; margin-bottom: 30px; line-height: 35px; font-family: 'SourceHanSansCN-Medium'; font-size: 24px; color: #774101;}
.s_p12t h1::after{ display: block; content: ''; width: 205px; margin-top: 18px; border: 1px dashed #999999;}
.s_p12t p{ line-height: 30px; font-size: 18px; color: #4e4e4e;}
.s_p12m{ background: #f5f6f8; width: 91.2%; max-width: 410px; padding: 20px;}
.s_p12m p{ overflow: hidden; line-height: 25px;}
.s_p12m p span{ display: block; float: left; font-family: 'SourceHanSansCN-Medium'; font-size: 18px; color: #4e4e4e;}
.s_p12m p strong{ display: block; float: left; font-size: 27px; color: #e00f0f; margin-left: 20px;}
.s_p12m a.more{display: block; background: #f5ad00; width: 125px; margin-top: 10px;line-height: 28px; text-align: center; font-size:18px; color:#fff; border-radius: 28px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.s_p12m a.more:hover{color: #fff;box-shadow:inset 125px 0 0 0 #774101;-webkit-box-shadow:inset 125px 0 0 0 #774101;-moz-box-shadow:inset 125px 0 0 0 #774101;-ms-box-shadow:inset 125px 0 0 0 #774101;-o-box-shadow:inset 125px 0 0 0 #774101;}
.s_p1m{ margin-top: 85px;}
.s_p1m1{ border-bottom: 1px solid #774101;}
.s_p1m1 h1{ background: url(../images/fk.png) no-repeat; background-size: 100%; width: 181px; height: 59px; line-height: 50px; text-align: center; font-family: 'SourceHanSansCN Normal'; font-size: 24px; color: #fff;}
.s_p1m2{ margin-top: 60px;}
.s_p1m2 p{ margin-bottom: 20px; line-height: 35px; font-size: 18px; color: #4e4e4e;}
.s_p1m2 img{ max-width: 100%; width: auto!important; height: auto!important;}

.s_p2{ width: 22.9375%;}
.s_p21{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.s_p21t{ background: #774101; padding: 20px 0; text-align: center;}
.s_p21t h1{ line-height: 48px; font-size: 36px; color: #fff; font-weight: bold;}
.s_p21m{ padding: 30px 48px; padding-bottom: 60px;}
.s_p21m ul li{height: 63px;border-bottom: 1px dashed #d8d8d8;display: -webkit-box;display: -webkit-flex;-webkit-align-items: center;}
.s_p21m ul li a{ display: block; overflow: hidden;display: -webkit-box;display: -webkit-flex;-webkit-align-items: center;}
.s_p21m ul li img{ width: 17px; float: left; margin-left: 45px; margin-right: 20px;}
.s_p21m ul li .xs{ display: none;}
.s_p21m ul li p{float: left;font-size: 22px;color: #333333;}
.s_p21m ul li.cur .zc{ display: none;}
.s_p21m ul li.cur .xs{ display: block;}
.s_p21m ul li.cur p{ color: #774101;}

.s_p22{ margin: 45px 0; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.s_p22t{ background: #f0f0f0; padding: 15px 0; text-align: center;}
.s_p22t h1{ line-height: 40px; font-family: 'SourceHanSansCN-Medium'; font-size: 27px; color: #333333;}
.s_p22m{ padding: 16px 43px; padding-bottom: 50px;}
.s_p22m ul li{ margin-top: 32px; overflow: hidden;}
.s_p22m ul li p{ float: left; background: #774101; width: 22px; line-height: 22px; text-align: center; font-family: 'SourceHanSansCN Normal'; font-size: 14px; color: #fff;}
.s_p22m ul li:nth-last-child(-n + 2) p{ background: #ababab;}
.s_p22m ul li a{ display: block; float: left; width: calc(100% - 35px); font-family: 'SourceHanSansCN Normal'; font-size: 16px; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.s_p23{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.s_p23t{ background: #774101; padding: 15px 0; text-align: center;}
.s_p23t h1{ line-height: 38px; font-family: 'SourceHanSansCN-Medium'; font-size: 27px; color: #fff; font-weight: bold;}
.s_p23m{ padding: 25px 28px; padding-bottom: 48px;}
.s_p23m p{ border-bottom: 1px dashed #d8d8d8; padding: 10px 0; line-height: 30px; font-size: 16px; color: #313131;}

/* 科技研发 */
.nban5{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.nban50{ margin-top: 80px; line-height: 70px;}
.nban50 strong{ font-size: 47px; color: #fff;}
.nban50 span{ font-family: 'SourceHanSansCN Normal'; font-size: 30px; color: #fff; margin-left: 10px;}

.re{ margin-top: 80px; margin-bottom: 122px;}
.re10{ background: #f6f6f6;}
.re11{ width: 24.75%;}
.re12{ background: url(../images/r1.png) no-repeat right bottom; width: calc(100% - 24.75%); padding: 35px 40px;}
.re12 p{ margin-top: 20px; line-height: 42px; font-size: 18px; color: #252525; text-indent: 2em;}

.re2{ margin-top: 95px; margin-bottom: 122px;}
.re21{ background: url(../images/r2.png) no-repeat bottom left; width: 46.9375%; padding-top: 56px;}
.re21 p{ max-width: 726px; line-height: 42px; margin-top: 25px; font-size: 18px; color: #252525; text-indent: 2em;}
.re22{ width: 52.1875%; margin-right: 5px;}
.re221{ width: 57.5%; max-width: 480px;}
.re222{ width: 41.7%; max-width: 348px;}
.re22 img{ max-width: 100%;}

.re3{ background: url(../images/r3.jpg) no-repeat top center; height: 1566px; padding-top: 66px;}
.re3t h1{ background: url(../images/r3.png) no-repeat; width: 422px; margin: auto; height: 84px; padding-top: 20px; padding-left: 70px; margin-bottom: 35px; line-height: 58px; font-size: 32px; color: #fff; font-weight: bold;}
.re3t p{ margin-top: 25px; line-height: 40px; font-size: 18px; color: #252525; text-indent: 2em;}
.re3m{ padding-top: 35px;}
.re3m ul li{ width: 24.3125%; height: 100%; margin-top: 16px; position: relative;}
.re3m2{ position: absolute; background: rgba(0,0,0,0.47); width: 100%; bottom: 0; left: 0; z-index: 9; padding: 10px 0;}
.re3m2 h3{ line-height: 30px; padding: 0 5px; font-size: 18px; color: #fff; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.re3b ul li{ width: 15.9375%; height: 100%; margin-top: 16px; position: relative;}
.re3b2{ position: absolute; background: rgba(0,0,0,0.47); width: 100%; bottom: 0; left: 0; z-index: 9; padding: 10px 0;}
.re3b2 h3{ line-height: 30px; padding: 0 5px; font-size: 18px; color: #fff; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.re4{ margin-top: 66px; margin-bottom: 98px;}
.re4t h1{ background: url(../images/r3.png) no-repeat; width: 422px; margin: auto; height: 84px; padding-top: 20px; padding-left: 70px; margin-bottom: 35px; line-height: 58px; font-size: 32px; color: #fff; font-weight: bold;}
.re4m{ padding-top: 53px;}
.re4m1{ width: 52.5%;}
.re4m1 ul li{ width: 60.9%; max-width: 511px; margin-top: 7px;}
.re4m1 ul li:nth-of-type(2){ width: 38.3%; max-width: 321px;}
.re4m1 ul li:nth-of-type(3){ width: 38.3%; max-width: 321px;}
.re4m1 ul li img{ max-width: 100%;}
.re4m2{ width: 45.625%; padding-top: 18px;}
.re4m2 p{ line-height: 42px; margin-top: 25px; font-size: 18px; color: #252525; text-indent: 2em;}

.re5{ background: url(../images/r5.png) no-repeat top center; height: 981px; padding-top: 62px;}
.re5t h1{ background: url(../images/r3.png) no-repeat; width: 422px; margin: auto; height: 84px; margin-bottom: 45px; padding-top: 20px; padding-left: 60px; margin-bottom: 35px; line-height: 58px; font-size: 32px; color: #fff; font-weight: bold;}
.re5t p{ line-height: 35px; font-size: 18px; color: #252525; text-align: center;}
.re5m{ margin-top: 52px; padding-right: 10px;}
.re5m ul li{ width: 26.75%; display: flex; align-items: flex-end; margin-bottom: 6px;}
.re5m ul li:nth-of-type(1){ margin-bottom: 0; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.re5m ul li:nth-of-type(2){ width: 21.1875%;}
.re5m ul li:nth-of-type(3){ width: 25.375%; margin: 0 10px;}
.re5m ul li:nth-of-type(4){ width: 21%;}
.re5m ul li img{ max-width: 100%;}

/* 加入我们 */
.join{ padding-top: 102px; padding-bottom: 80px;}
.jn ul li{ width: 50%; margin-bottom: 96px; padding: 6px 0; padding-left: 5.625%;}
.jn ul li:nth-of-type(odd){ border-right: 1px dashed #cab59c; padding-right: 5.625%;}
.jn1 h1{ background: url(../images/j.png) no-repeat; background-size: 100%; width: 325px; margin: auto; line-height: 65px; font-size: 26px; color: #fff; font-weight: bold; text-align: center;}
.jn2{ padding-top: 13px;}
.jn2 h1{ margin-top: 43px; margin-bottom: 13px; line-height: 30px; border-left: 5px solid #f5ad00; padding-left: 20px; font-size: 24px; color: #373737; font-weight: bold;}
.jn2 p{ padding-top: 15px; line-height: 30px; font-size: 18px; color: #373737;}

/* 招商合作 */
.merchants{ padding-top: 80px; padding-bottom: 140px;}
.m0{ max-width: 1550px; margin: auto; text-align: center;}
.m0 p{ line-height: 52px; font-family: 'SourceHanSansCN-Medium'; font-size: 24px; color: #774101;}
.m0 img{ height: 44px; margin-top: 38px;}
.m1{ margin-top: 40px;}
.mt{ width: 100%; height: 100%; max-width: 1598px; margin: auto; position: relative;}
.mt1{ width: 100%; height: 100%; position: relative;}
.mt1 img{ max-width: 100%;}
.mt2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.mt2m{ max-width: 500px; width: 100%; margin: auto;}

.m12 .mt2m{ max-width: 635px; width: 100%; margin: auto;}

.m13 .mt2m{ max-width: 515px; width: 100%; margin: auto;}
.mt21{ width: 107px;}
.mt21 img{ max-width: 100%;}
.mt22{width: 358px;overflow: hidden;margin-left: auto;}

.m12 .mt22{width: 490px;overflow: hidden;margin-left: auto;}
.m13 .mt22{width: 370px;overflow: hidden;margin-left: auto;}
.mt22 img{ width: 76px; float: left;}
.mt22 h1{float: left;width: calc(100% - 152px);line-height: 91px;font-size: 60px;color: #fff;text-align: center;}


.si{ background: url(../images/si.png); width: 292px; padding-left: 20.5%;}

.wu{ background: url(../images/wu.png); width: 313px; padding-left: 19.2%;}

.liu{ background: url(../images/liu.png) no-repeat; width: 342px; padding-left: 17.5%;}

.qi{ background: url(../images/qi.png); width: 373px; padding-left: 16.1%;}

.ba{ background: url(../images/ba.png); width: 377px; padding-left: 13.3%;}



.mm1{ margin-top: 50px;}

.mm1 ul{ overflow: hidden;}

.mm1 ul li{ width: 24.125%; float: left; margin-left: 1.16666%; margin-top: 10px;}

.mm1 ul li:nth-of-type(1){ margin-left: 0;}

.mm1 ul li:nth-of-type(4n+1){ margin-left: 0;}

.mm1 ul li h1{ line-height: 62px; font-size: 30px; color: #fff; font-weight: bold;}

.mm2{ padding-top: 12px;}

.mm2 ul{ overflow: hidden;}

.mm2 ul li{ width: 24.125%; float: left; margin-left: 1.16666%; margin-top: 18px; position: relative;}

.mm2 ul li:nth-of-type(1){ margin-left: 0;}

.mm2 ul li:nth-of-type(4n+1){ margin-left: 0;}

.mm2 ul li img{ max-width: 100%; max-height: 100%; object-fit: cover;}

.mm21{ width: 100%; height: 100%; position: relative;}
.mm22{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; -webkit-transition: all .2s linear; transition: all .2s linear;}

.mm2 ul li:hover .mm22{ -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.m2{ margin-top: 100px;}
.m3{ margin-top: 92px;}

.m4{ margin-top: 88px;}

.m5{ margin-top: 80px;}





@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}
@keyframes headerFix {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}