.top{position: relative;top: 0;width: 100%;z-index: 9999}.top .pc_top{background: url(../images/nav_bg.jpg) no-repeat center center;height: 149px}.pc_top .pc_logo img{width: 763px;height: 84px;margin-top: 35px}.pc_top_you{margin-top: 55px;float: right;width: 20%}.pc_top_you .en{float: left;margin-right: 5%}.pc_top_you .en a{font-size: 18px;color: #FFF;display: block;margin-top: 5px}.hc-top-sou{float: left}.hc-top-sou .form{background: url(../images/index_serch.png) repeat;height: 35px;border-radius: 50px;float: right;width: 205px}.hc-top-sou input{width: 76%;height: 35px;color: #FFF;top: -5px;position: relative;line-height: 35px;padding-left: 15px}.hc-top-sou input,.hc-top-sou button{border: none;outline: none;background: transparent;filter: alpha(opacity=100);opacity: 1}.hc-top-sou button{height: 28px;width: 35px;position: relative;top: 6px;left: 10px;background: url(../images/index_serch1.png) no-repeat;cursor: pointer}.logo{display: none}.left{float: left}.right{float: right}.header{width: 100%;position: relative;top: 0;left: 0;z-index: 999}.header .left{width: 12%}.header .left .img2{display: none}.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 60px;height: 60px;display: block}.header .navbar_nav li{float: left;position: relative;display: block;padding: 0 0.8%;text-align: center}.header .navbar_nav li.active{border-bottom: 2px solid #c4021f}.header .navbar_nav li.active a,.header .navbar_nav li:hover.dropdown a{color: #c4021f}.header.on .navbar_nav li.active a{color: #c4021f}.header .navbar_nav li:after{content: "";width: 0;border-bottom: 2px solid #c4021f;position: absolute;bottom: -2px;left: 0;transition: all 0.5s ease 0s}.header .navbar_nav li:hover:after{width: 100%}.header .navbar_nav li a{text-decoration: none;height: 100%;width: 100%;font-size: 17px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #000;text-transform: capitalize}.header .navbar_nav li:hover a{color: #c4021f}.header .navbar_nav li.dropdown{display: inherit;position: relative}.header .navbar_nav li.dropdown .jt{width: 20px;height: 20px;background: url(i/top.png) no-repeat;background-size: 100% 100%;display: block}.header .navbar_nav li.dropdown .dropdown_menu{display: none;position: absolute;top: 60px;background: url(../images/nav_downbg.png) repeat;box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);width: 200px;left: 0}.header .navbar_nav li.dropdown .dropdown_menu a{font-size: 15px;color: #666;padding: 10px 10px;line-height: 24px;text-align: left;display: block;padding-left: 6%;margin-bottom: 2px}.header .navbar_nav li.dropdown:hover .dropdown_menu{display: block;background: rgb(255, 255, 255, 0.9);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s}.header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #666}.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff;background: #c4021f}.header.on{background: #fff;position: fixed;border-bottom: 1px solid #ccc}.header.on .nav{height: 45px;line-height: 45px}.header.on .navbar_nav li.dropdown .dropdown_menu{top: 45px}.header.on .pc_top{height: 70px}.header.on .pc_top .pc_logo img{width: 545px;height: 60px;margin-top: 10px}.header.on .pc_top_you{margin-top: 20px}.header.on .left .img1{display: none}.header.on .left .img2{display: block}.header.on .navbar_nav li a{color: #333}.header.on .navbar_nav li:hover a{color: #c4021f}#navToggle{display: none}.m_nav{position: fixed;top: 0px;width: 100%;height: 100%;background: url(../images/m_bg_ce.png) repeat;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%)}.m_nav.open{transform: translateX(0)}.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box}.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float: right;cursor: pointer}.m_nav .logo{width: 100%;margin: 0 auto}.m_nav .logo img{height: 50px;display: block;margin: 30px auto}.m_nav .ul{margin-top: 30px}.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0}.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}.m_nav.open .ul li span{background: url(../images/plus.png) no-repeat top right;height: 15px;width: 15px;display: block;float: right;margin-top: 1.5rem}.m_nav .ul li:nth-child(1){-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li:nth-child(2){-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li:nth-child(3){-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li:nth-child(4){-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li:nth-child(5){-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li:nth-child(6){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms}.m_nav .ul li a{display: inline-block;width: 90%;text-decoration: none;color: #333;font-size: 16px;line-height: 50px;text-transform: capitalize}.m_nav .ul li .dropdown_menu{display: none}.m_nav .ul li.dropdown.active .dropdown_menu{display: block}.m_nav .ul li .dropdown_menu a{display: block;line-height: 22px;padding: 10px 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5}.m_nav .ul li .dropdown_menu a:last-child{border: none}.slider{position: relative;overflow: hidden;width: 100%}.slideBox .hd{height: 20px;z-index: 1;overflow: hidden;position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);z-index: 1}.slideBox .hd ul{text-align: center;padding-top: 5px}.slideBox .hd ul li{cursor: pointer;float: left;margin-right: 5px;width: 10px;height: 10px;margin: 0 15px;border-radius: 50px;line-height: 14px;text-align: center;background: #fff;opacity: 0.6}.slideBox .hd ul .on{background: #fff;color: #fff;width: 60px;opacity: 1}.slideBox .bd{position: relative;z-index: 0}.slideBox .bd li img{width: 100%;vertical-align: top}.m_en a{margin: 2rem;font-size: 16px;display: block;padding-left: 5rem;color: #c4021f;padding: 0.5rem;background: #e7e7e7;border-radius: 5px;width: 40%;text-align: center}.dibu_foot{background: url(../images/index_bg3.png) no-repeat center center;height: 343px}.di_bg{background: #a80a21;overflow: hidden}.di_link{border-bottom: 1px solid #b93b4d;margin-top: 30px;overflow: hidden}.di_link_title{width: 10%;float: left;font-size: 28px;color: #FFF;text-transform: uppercase}.di_link ul{width: 90%;float: right}.di_link ul li{padding: 0 1%;float: left;line-height: 30px}.di_link ul li a{font-size: 17px;color: #FFF}.di_logo img{margin-top: 50px;margin-bottom: 65px;position: relative;left: -20px}.di_er{width: 40%;float: right}.di_er img{width: 130px;height: 130px;margin-top: 30px}.di_er_wenzi{float: right;width: 75%;margin-top: 50px}.di_er_wenzi p{font-size: 16px;color: #FFF;line-height: 30px;text-align: left;margin-bottom: 0}.di_banquan{background: #920616;width: 100%;height: 50px;line-height: 50px;color: #FFF;text-align: center;clear: both}.di_banquan a{color: #FFF}.di_banquan a:hover{color: #f5f5f5}.totop{position: fixed;right: 25px;bottom: 25px;display: block;width: 26px;height: 50px;background: url(../images/rocket.png) #fff no-repeat center 0;-webkit-transition: all 0.2s ease-in-out;padding: 20px;border-radius: 5px;opacity: 0.6}.totop:hover{background: url(../images/rocket.png) #c4021f no-repeat center -62px}@media only screen and (min-width:1360px){.nav ul li .f_a{font-size: 14px}.nav ul li .s_navbox .s_a a{font-size: 12px}.foot_top ul{margin-left: 60px}.nav ul li .s_navbox .s_a{width: 100%}}@media only screen and (max-width:768px){.pc_top,.pc_top .pc_logo img{display: none}.slideBox .bd li img{width: 130%;height: 52vw}.slideBox .hd{bottom: 15px}.slideBox .hd ul li{margin: 0 5px;width: 7px;height: 7px}.slideBox .hd ul .on{width: 30px}.m_en a{margin: 2rem;font-size: 16px;display: block;position: absolute;top: 0;background: #e7e7e7;padding: 0.5rem;border-radius: 5px;text-align: center}.dibu_foot{background-size: 100%;height: 5.6rem}.di_er{width: 95%;margin: 0 auto}.di_er_wenzi{width: 100%;margin: 1.5rem 0}.di_er_wenzi p{font-size: 15px;text-align: center;line-height: 2rem}.logo{display: block}.logo img{width: 100%;margin: 2% 0;height: auto}.m_nav .logo img{height: auto;width: 80%}.m_nav .top{height: 40px}.header .left{width: 80%;margin-left: -3%}.header{padding: 0.7rem 10px;background: #c4021f}.header #navToggle{height: 100%;padding: 0 15px;margin-right: -15px;display: inline-block;float: right}.header #navToggle span{position: relative;width: 25px;height: 1px;margin-top: 19px}.header #navToggle span:before,.header #navToggle span:after{content: '';position: relative;width: 100%;height: 1px;left: 0}.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #fff}.header #navToggle span:before{top: 8px}.header #navToggle span:after{bottom: 10px}.header #navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg)}.header #navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg)}.header #navToggle.open span{background: none}.header #navToggle.open span:before,.header #navToggle.open span:after{background: #4f4f4f}.header .nav{display: none}.banner img{height: 600px;object-fit: cover}.header.on{background: #c4021f;border-bottom: none}}@media only screen and (min-width:1025px) and (max-width:1399px){.head .navbox{width: 95%}.head .nav{width: 100%}.head .nav ul li{width: 7.65%;height: 60px;overflow: hidden}.head .nav ul li .f_a{font-size: 15px}.header .navbar_nav li{padding: 0 1%}.header .navbar_nav li a{font-size: 15px}}@media only screen and (min-width:768px) and (max-width:1024px){.pc_top,.pc_top .pc_logo img{display: none}.msgNum{display: none}.slider{margin-top: 0}.dibu_foot{background-size: 100%;height: 11.3rem}.di_er_wenzi{width: 60%;margin-top: 13%}.di_er_wenzi p{text-align: left}.di_link_title{width: 15%;font-size: 26px}.di_link ul{width: 85%}.di_link ul li{padding: 0 3%}.di_logo img{display: none}.di_er{width: 50%;margin-right: 20%;margin-bottom: 3rem}.logo{display: block}.logo img{width: 90%;margin: 3% 0;height: auto}.m_nav .logo img{height: auto;width: 60%}.header .left{width: 70%}.header{padding: 0.7rem 10px;background: #c4021f}.header #navToggle{height: 100%;padding: 0 15px;margin-right: -15px;display: inline-block;float: right;margin-top: 30px}.header #navToggle span{position: relative;width: 25px;height: 1px;margin-top: 19px}.header #navToggle span:before,.header #navToggle span:after{content: '';position: relative;width: 100%;height: 1px;left: 0}.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #fff}.header #navToggle span:before{top: 8px}.header #navToggle span:after{bottom: 10px}.header #navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg)}.header #navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg)}.header #navToggle.open span{background: none}.header #navToggle.open span:before,.header #navToggle.open span:after{background: #4f4f4f}.header .nav{display: none}.banner img{height: 600px;object-fit: cover}.header.on{background: #c4021f;border-bottom: none}}
