/*-------------------------------------首页样式开始------------------------------------------------------------*/
/*---移动端------*/
/*.nav-btn::after{position: absolute;content: '';width: 100%;height: 100%;top:0;left:0;background: #f9bf15;animation: bbb 3s infinite;z-index: -1;}*/
.nav-btn-open span { width: 0 !important; }
.nav-btn-open span::before { top: 0 !important; transform: rotate(45deg); }
.nav-btn-open span::after { top: 0 !important; transform: rotate(-45deg);left:0;width: 40px!important; }
.search-btn { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 14px 20px; margin: 0; background: #f9bf15; line-height: 56px; font-size: 16px; color: #fff; text-align: center; cursor: pointer;font-weight: normal; }
.search-btn i { margin-left: 10px; }
.pub_search2 { width: 100%; margin: 0 auto; min-width: 175px; max-width: 248px; position: relative; display: inline-block; height: 40px; line-height: 40px; }
.pub_search2 input { background: #fff; vertical-align: top; box-sizing: border-box; width: 100%; height: 100%; line-height: 46px; padding: 0 50px 0 20px; border: 1px solid #DCDCDC;font-size: 16px; color: #505050;outline: none; transition: 0.4s; }
.pub_search2 input::-webkit-input-placeholder{font-size: 16px; color: #505050;}
.pub_search2 input:focus { box-shadow: 0 0 10px #999; }
.pub_search2 button { width: 35px; height:35px; outline: none; border: none; cursor: pointer; position: absolute;  top: 4px; right: 10px;background-color: transparent; }
.nav-btn { position: relative; cursor: pointer;display: none; transition: 0.6s;z-index: 100;width: 40px;height: 100%; }
.nav-btn span { position: absolute; top: 50%; left:0; display: block; width: 100%; height: 4px; margin-top: -1px; background: #f9bf15; transition: .2s ease; }
.nav-btn span::before { content: ''; position: absolute; top: -10px; left: 0; width: 40px; height: 4px; border-radius: 3px; background: #f9bf15; transition: transform .2s ease, top .2s ease; }
.nav-btn span::after { position: absolute; top: 10px; right: 0; width: 20px; height: 4px; content: ''; border-radius: 3px; background: #f9bf15; transition: transform .2s ease, top .2s ease; }
.mobile-nav-box { position: fixed; top: 60px; left: 0; z-index: 999999; width: 100%; height: 100%; background: #f5f5f5; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); display: none; }
.mobile-menu-nav { overflow-y: scroll; height: 100%; pointer-events: auto;padding: 0 35px;}
.mobile-second-nav{border-bottom: 1px solid #cecece;padding: 10px;display: none;}
.mobile-menu-nav ul li dl dd {border-bottom: 1px solid #f2f2f2;height: 40px; line-height: 40px; margin: 0; font-size: 16px; color: #747474; letter-spacing: 1px; cursor: pointer; transition: .3s;padding-left: 30px;position: relative; }
.mobile-menu-nav ul li dl dd::after{position: absolute;content: "";width: 5px;height: 5px;background: #747474;border-radius: 50%;left:10px;top:43%;}
.mobile-menu-nav ul li dl dd a {display: block;width: 100%;height: 100%;}
.mobile-menu-nav ul li .tit {border-bottom: 1px solid #cecece; position: relative; display: flex;justify-content: space-between;align-items: center; height: 56px; line-height: 56px; overflow: hidden; font-size: 16px; color: #383f47; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .5s;padding: 0 10px; }
.mobile-menu-nav ul li .tit span{display: block;line-height: 56px;}
.mobile-menu-nav ul li .tit b{display: block;width: 18px;height: 2px;background: #717171;position: relative;}
.mobile-menu-nav ul li .tit b::before{position: absolute;content: '';width: 2px;height: 16px;top:-7px;left:7.5px;background: #717171;}
.mobile-menu-nav ul li .tit a {display: block;width: 100%;height: 100%;}
.mobile-menu-nav ul li .tit:hover{color: #ffffff;background: #d93651;border-bottom: 1px solid #d93651;}
.mobile-menu-nav ul li .tit:hover b{background: #ffffff;}
.mobile-menu-nav ul li .tit:hover b::before{background: #ffffff;}
.mobile-menu-nav ul li .tit.active { color: #ffffff;background: #d93651;border-bottom: 1px solid #d93651; }
.mobile-menu-nav ul li .tit.active b{background: #ffffff;}
.mobile-menu-nav ul li .tit.active b::before{width: 0;}
.mobile-menu-nav ul li.li_act .tit{ color: #ffffff;background: #d93651;border-bottom: 1px solid #d93651;}
.mobile-menu-nav ul li.li_act .tit b::before{width: 0;}
.mobile-menu-nav ul li.li_act .tit b{background: #ffffff;}


/*---移动端-*/
.in-top {width: 100%;position: fixed;height: 120px;top:0;left:0;z-index: 999;}
.in-top .top-con {width: 100%;position: relative;}
.in-top .top-con .ht{background: #f5f5f5;width: 100%;}
.in-top .top-con .ht>p{font-size: 18px;color: #d93651;width: 100%;line-height: 35px;text-align: right;position: relative;}
.in-top .top-con .ht>p::before{position: absolute;content: '';background: url("../image/h-phone.png")no-repeat;width: 19px;height: 19px;top:7px;right: 127px;}
.in-top .top-con>section{background: #ffffff;}
.in-top .top-con>section>div{width: 100%;display: flex;justify-content:flex-end;align-items:center;height: 85px;position: relative;}
.in-top .top-con>section .top-nav{display: flex;}
.in-top .top-con>section .top-nav li{margin-right:33px;}
.in-top .top-con>section .top-nav li .h-word{position: absolute;top:100%;left:0;width: 100%;background:rgba(31%, 31%, 35%, .8);z-index: 999;padding: 4% 0;pointer-events: none;opacity: 0;transition: .5s;}
.h-word figure{width: 100%;display: flex;justify-content: space-between;}
.h-word .wo-left{width: 45%;padding-right: 8%;}
.h-word .wo-left span{font-size: 40px;color: #ffffff;text-transform: uppercase;}
.h-word .wo-left hr{width: 33px;height: 1px;color: #d93651;border: 1px solid #d93651;margin: 22px 0;}
.h-word .wo-left h5{font-size: 24px;color: #ffffff;font-weight: normal;}
.h-word .wo-left dl{display: flex;flex-wrap: wrap;margin-top: 45px;}
.h-word .wo-left dl dd{width: 33.33%;padding-left: 15px;position: relative;color: #c5c5c5;transition:.5s;margin-bottom: 22px;}
.h-word .wo-left dl dd::before{position: absolute;content: '';background: url("../image/nav-img1.png")no-repeat;width: 4px;height: 7px;top:7px;left:0;}
.h-word .wo-left dl dd:hover{color: #ffffff;}
.h-word .wo-right{width: 55%;height: auto;position: relative;padding: 13% 0;overflow: hidden;}
.h-word .wo-right img{position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;}
.in-top .top-con>section .top-nav li:hover .h-word{opacity: 1;pointer-events: auto;}
.in-top .top-con>section .top-nav li p{position: relative;line-height: 85px;}
.in-top .top-con>section .top-nav li p::after{position: absolute;content: '';background: url("../image/h-nav.png")no-repeat;width: 24px;height: 10px;bottom: 14px;left:33%;opacity: 0;transition: .5s;}
.in-top .top-con>section .top-nav li:nth-of-type(1) p::after{left: 12%;}
.in-top .top-con>section .top-nav li:hover p a{color: #f9bf15;}
.in-top .top-con>section .top-nav li:hover p::after{opacity: 1;}
.in-top .top-con>section .top-nav li.li_act p a{color: #f9bf15;}
.in-top .top-con>section .top-nav li.li_act p::after{opacity: 1;}
.in-top .top-con>section .top-nav li p a{color: #525252;font-size: 16px;transition: .5s;}
.in-top .top-con>section .top-search{color: #f9bf15;transition: .5s;cursor: pointer;}
.in-top .top-con>section .top-search:hover{transform: scale(1.1);}
.in-top .top-con .h-logo{position: absolute;top:-35px;left:0;height: 120px;overflow: hidden;}
.in-top .top-con .h-logo a{display: block;width: 100%;height: 100%;}
.top-con .top-bd{position: absolute;right: 0;top:85px;width: 234px;height: 65px;background: #f9bf15;padding: 15px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: none;}
.top-con .top-bd input{width: 100%;height: 100%;border: none;background: #ffffff;border-radius: 5px;outline: none;padding-left: 10px;}
.top-con .top-bd input::-webkit-input-placeholder{font-size: 16px;color: #b5b5b5;}
.top-con .top-bd button{position: absolute;border: none;outline: none;background: transparent;color: #f9bf15;font-size: 20px;top:30%;right: 20px;}
.in-banner .swiper-box1 .swiper-pagination-bullet {outline: none;background-color: #f9bf15;color: #fefefe;opacity: 1;}
.in-banner .swiper-box1 .swiper-pagination-bullet-active {background-color: #d93651;border: none;}
.in-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: 3.13rem!important;}
.in-banner{width: 100%;height: 100%;}
.in-banner .swiper-box1{width: 100%;height: 100%;position: relative;}
.in-banner .swiper-box1 ul li img {width: 100%;height: 100%;}
.in-banner .swiper-box1 .navigation-box1{width: 74%;position: absolute;display: flex;justify-content: space-between;align-items: center;top:40%;color: #ffffff;font-size: 60px;z-index: 55;left:13%;}
.in-banner .swiper-box1 .navigation-box1 i{cursor: pointer;transition: .5s;outline: none;}
.in-banner .swiper-box1 .navigation-box1 i:hover{color: #d93651;}
.in1{width: 100%;margin-top: 30px;position: relative;z-index: 55;}
.in1 .in-box1{width: 100%;background: #ffffff;}
.in1 .in-box1 .in1-nav{width: 100%;display: flex;border-bottom: 1px solid #dbdbdb;position: relative;margin-bottom: 50px;}
.in1 .in-box1 .in1-nav::before{position: absolute;width: 100%;height: 1px;background:#dbdbdb;bottom: 10px;left:0;content: ''; }
.in1 .in-box1 .in1-nav::after{position: absolute;width: 100%;height: 1px;background:#dbdbdb;bottom: 20px;left:0;content: ''; }
.in1 .in-box1 .in1-nav li {width: 20%;position: relative;}
.in1 .in-box1 .in1-nav li::before{position: absolute;content: '';width: 0;height: 1px;background:#f9bf15;bottom: 10px;left:50%;transition: .5s;}
.in1 .in-box1 .in1-nav li::after{position: absolute;content: '';width: 0;height: 2px;background:#f9bf15;bottom: 20px;left:50%;transition: .5s;}
.in1 .in-box1 .in1-nav li:hover::before{margin-left: -30%;width: 60%;}
.in1 .in-box1 .in1-nav li:hover::after{margin-left: -30%;width: 60%;}
.in1 .in-box1 .in1-nav li a {width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: row;padding:30px 0 50px 0;position: relative;}
.in1 .in-box1 .in1-nav li a::after{position: absolute;content: '';width: 0;height: 1px;background:#f9bf15;bottom: 0;left:50%;transition: .5s;}
.in1 .in-box1 .in1-nav li:hover a::after{margin-left: -30%;width: 60%;}
.in1 .in-box1 .in1-nav li a .in1-img{margin-right: 10px;overflow: hidden;}
.in1 .in-box1 .in1-nav li a .in1-img img {position: relative;}
.in1 .in-box1 .in1-nav li:hover a .in1-img img{left: -99px; filter: drop-shadow(99px 0px 0px #f9bf15);-webkit-filter:drop-shadow(99px 0px 0px #f9bf15);-filter:drop-shadow(99px 0px 0px #f9bf15);}
.in-box1 .in1-nav li a .in1-word h5 {font-size: 16px;color: #424242;font-weight: normal;}
.in-box1 .in1-nav li a .in1-word p {font-size: 12px;color: #959595;text-transform: uppercase;}



.in1-pro{padding-bottom: 70px;}
.in1-pro .p1-top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.in1-pro .p1-top article {padding-left: 30px;border-left: 2px solid #f9bf15;}
.in1-pro .p1-top article p{font-size: 60px;color: #e7e7e7;font-weight: bold;text-transform: uppercase;}
.in1-pro .p1-top article h1{color: #111111;font-size: 36px;font-weight: bold;}
.in1-pro .p1-top dl {display: flex;}
.in1-pro .p1-top dl dd{margin-left: 30px;}
.in1-pro .p1-top dl dd a {display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom: 20px;position: relative;overflow: hidden;}
.in1-pro .p1-top dl dd a::after{position: absolute;content: '';width: 0;height: 1px;background:#f9bf15;bottom: 0;left:50%;transition: .5s;}
.in1-pro .p1-top dl dd:hover a::after{width: 100%;margin-left: -50%;}
.in1-pro .p1-top dl dd a img {margin-bottom: 10px;height: 30px;position: relative;}
.in1-pro .p1-top dl dd a span {font-size: 16px;color: #424242;}
.in1-pro .p1-top dl dd:hover a span {color: #f9bf15;}
.in1-pro .p1-top dl dd:hover a img{left: -99px; filter: drop-shadow(99px 0px 0px #f9bf15);-webkit-filter:drop-shadow(99px 0px 0px #f9bf15);-filter:drop-shadow(99px 0px 0px #f9bf15);}
.in1-pro>ul li{float: left;width: 49%;position: relative;overflow: hidden;}
.in1-pro>ul li a {display: block;width: 100%;height: auto;position: relative;padding: 22% 0;overflow: hidden;}
.in1-pro>ul li a>img {position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit: cover;}
.in1-pro>ul li:nth-of-type(1){margin-right: 2%;}
.in1-pro>ul li:nth-of-type(2){margin-bottom: 2%;}
.in1-pro>ul li:nth-of-type(1) a {display: block;width: 100%;height: auto;position: relative;padding: 46% 0;overflow: hidden;}
.in1-pro>ul li:nth-of-type(1) a>img {position: absolute;width: 100%;height: 100%;top:0;left:0;object-fit: cover;}
.in1-pro>ul li a .pro-word{width:100%;height: 100%;position: absolute;top:0;left:0;background: rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;flex-direction: column;color: #ffffff;z-index: 55;opacity: 0;transition: .5s;}
.in1-pro>ul li a .pro-word span {max-width: 260px;display: block;text-align: center;font-size: 24px;}
.in1-pro>ul li a .pro-word h5 {font-size: 18px;margin-top: 10px;}
.in1-pro>ul li a .pro-word img {position: absolute;bottom: 8%;left:40%;}
.in1-pro>ul li:hover a .pro-word {opacity: 1;}
.in1-pro>ul li a .pro-word>div{position: absolute;top:10px;left:10px;bottom: 10px;right: 10px;}
.in1-pro>ul li a .pro-word>div::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    z-index: 1;
    box-sizing: border-box;
    border-top: 2px solid #92908f;
    border-right: 2px solid #92908f;
    transition: width .3s .3s linear, height .3s linear;
}

.in1-pro>ul li a .pro-word>div::after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    z-index: 1;
    box-sizing: border-box;
    border-bottom: 2px solid #92908f;
    border-left: 2px solid #92908f;
    transition: width .3s .3s linear, height .3s linear;
}

.in1-pro>ul li:hover a .pro-word>div::before{width: 100%;height: 100%;transition: width .3s .3s linear, height .3s linear;}
.in1-pro>ul li:hover a .pro-word>div::after{width: 100%;height: 100%;transition: width .3s .3s linear, height .3s linear;}