@charset "utf-8";body{font-size:14px;color:#333}
*{padding:0;margin:0;list-style:none}
a{text-decoration:none;color:inherit}
i{font-style:normal}
dl,ol,ul{list-style-type:none}
b{display:inline-block}
em{font-style:normal;font-family:arial}
.w1700{margin:0 auto;width:90%;max-width:1700px}
.odcontent{margin:0 auto;width:90%;max-width:1600px}
.w1500{margin:0 auto;width:90%;max-width:1440px}
.w1400{margin:0 auto;width:90%;max-width:1400px}
.w1300{margin:0 auto;width:90%;max-width:1300px}
.w1200{margin:0 auto;width:90%;max-width:1200px}
.w1000{margin:0 auto;width:90%;max-width:1000px}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border:none;outline:0;border-radius:0;-webkit-appearance:none}
button{border:none;padding:0}
.head_fixed{position:fixed;top:0;left:0;width:100%;height:auto;z-index:9999}
img{border:none;vertical-align:middle;max-width:100%}
:focus{outline:0;-webkit-tap-highlight-color:transparent}
a,div,li{-webkit-tap-highlight-color: transparent;}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:transparent!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px #f2f3f7 inset!important;-webkit-text-fill-color:#333}
.flex{display:flex;flex-wrap:wrap;}
.flx{display:flex;flex-wrap:nowrap;justify-content:space-between}
.flx_w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.cpthActive.animated{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%)!important}
.cpth{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition:1.2s cubic-bezier(.215,.61,.355,1) .3s}

/* side_kf */
.side_kf{position:fixed;right: 1%;top:80%;width: 50px;height: 50px;z-index:99;opacity:0;transition:all .4s;transform:translateY(-50%);}
.side_kf ul li{color:#fff;position:relative;z-index:1;margin-bottom: 6px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background: #ffcf34;border-radius: 50%;}
.side_kf #top{display:block;position:relative;height: 50px;text-align:center;}
.side_kf #top i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight: bold;}
@media only screen and (max-width:1080px){
.side_kf{width:44px}
.side_kf #top{height: 44px;}
}
@media only screen and (max-width:520px){
.side_kf{width:40px;top: 88%;}
.side_kf #top{height: 40px;background-size: 25px;}
.side_kf #top i{font-size: 12px;}
}


/* header */
.header{width:100%;position:fixed;top:0;left:0;z-index:100;-webkit-transition: all 0.5s;background: #4C4C4C;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.header .odcontent{justify-content: space-between;}
.header .head_sc{background-color: #424242;padding: 4px 0;width: 25%;margin: 0 auto;margin-right: 0;position: relative;transition: all 0.5s;}
.header .head_sc::after{content: "";border-style: solid;border-width: 0px 40px 35px 0px;border-color: transparent rgb(66, 66, 66) transparent transparent;position: absolute;top: 0;left: -40px;}
.header .head_sc .flex{align-items: center;justify-content: space-between;margin: 0 30px;}
.header .head_sc .toplan{position: relative;z-index: 99;}
.header .head_sc .toplan .img{color: #fff;font-size: 16px;display: flex;align-items: center;}
.header .head_sc .toplan img{width: 20px;transition: .5s all;margin-left: 5px;}
.header .head_sc .toplan .global-link{display:none;position:absolute;top:100%;left:50%;width:40px;margin-left:-20px;padding-top:10px;}
.header .head_sc .toplan .global-link .global-link-warp{box-sizing:border-box;-webkit-animation:heightChange 0.2s linear;animation:heightChange 0.2s linear;transform-origin:top;text-align:center;border-radius:40px;padding:10px 10px;font-size:13px;line-height:26px;background:rgba(0,0,0,0.8);}
.header .head_sc .toplan .global-link .global-link-warp a{color:#fff;display:block;opacity:0;-webkit-animation:fadeIn 0.3s linear 0.2s forwards;animation:fadeIn 0.3s linear 0.2s forwards}
.header .head_sc .toplan .global-link .global-link-warp a:hover{color:#ffcf34;text-decoration:none}
.header .head_sc .toplan:hover .global-link{display:block}
.header .head_sc .dtd{background-color: #ffcf34;color: #fff;font-size: 14px;display: flex;align-items: center;padding: 4px 10px;border-radius: 4px;}
.header .head_sc .zc{border: 1px solid #fff;font-size: 14px;color: #fff;border-radius: 4px;padding: 4px 10px;display: flex;align-items: center;}
.header .lt_part{width: 45%;display: flex;align-items: center;}
.header .lt_part .h_logo{width: 20%;margin-right: 20px;padding: 10px 0 10px;margin-top:-2rem}
.header .lt_part .h_logo img{
    max-height: 90px;
}
.header .lt_part a{display:flex;align-items: center;}
.header .lt_part .search{width: 70%;background: #fff;height: 35px;line-height: 35px;border: 2px solid #ffcf34;}
.header .lt_part .search form{display: flex;background-color: #fff;justify-content: space-between;}
.header .lt_part .search .input{width:90%;overflow:hidden}
.header .lt_part .search .input input{text-indent:16px;width:100%}
.header .lt_part .search button{background:#ffcf34;width:10%}
.header .lt_part .search button img{width:22px}
.header .rt_part{width: 40%;display: flex;align-items: center;} 
.header .rt_part .head_nav{width: 100%;display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.header .rt_part .head_nav ul.nav_list{transition: all 0.5s;justify-content: space-between;border-radius: 30px;width: 100%;height: 100%;}
.header .rt_part .head_nav ul.nav_list li{height:100%;}
.header .rt_part .head_nav ul.nav_list li:nth-child(3){position: initial;}
.header .rt_part .head_nav ul.nav_list li.cur:nth-child(1){border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.header .rt_part .head_nav ul.nav_list li.cur:nth-last-child(1){border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.header .rt_part .head_nav ul.nav_list li.cur,.header .rt_part .head_nav ul.nav_list li:hover{}
.header .rt_part .head_nav ul.nav_list li h3{display:block;height:100%;width:100%;font-size: 16px;font-weight: normal;text-align: right;}
.header .rt_part .head_nav ul.nav_list li h3 a{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content: flex-end;color: #fff;}
.header .rt_part .head_nav ul.nav_list li h3 a span{position: relative;}
.header .rt_part .head_nav ul.nav_list li h3 a span:after{/* content:''; */position:absolute;left:50%;bottom: -15px;height: 2px;width:0;background: #ffcf34;transition:All 0.5s ease;}
/* .header .rt_part .head_nav ul.nav_list li:hover h3, .header .rt_part .head_nav ul.nav_list li.cur h3{font-weight: bold;} */
.header .rt_part .head_nav ul.nav_list li:hover h3 a span:after, .header .rt_part .head_nav ul.nav_list li.cur h3 a span:after{ width: 100%; left: 0; }
.header .rt_part .head_nav ul.nav_list li a i{width: 10px;height: 10px;background: url(../images/icon-v.png) no-repeat center center;background-size: 100%;display: inline-block;transition: all .5s;margin-left: 5px;}
.header .rt_part .head_nav ul.nav_list li:hover a i{transform: rotate(180deg);}
.header .rt_part .head_nav .p_subnav{display:none;position:absolute;top: 100%;left: 0;width: 100%;box-shadow: 1px 10px 10px rgba(0,0,0,.1);z-index: 999;background: #fff;}
.header .rt_part .head_nav .p_subnav .nav_rd{width: 20%;background: #fff;overflow: auto;height: 85vh;overflow-y: scroll;}
.header .rt_part .head_nav .p_subnav .nav_rd::-webkit-scrollbar{width:.2rem;height:.2rem}
.header .rt_part .head_nav .p_subnav .nav_rd::-webkit-scrollbar-track{background-color:#eee}
.header .rt_part .head_nav .p_subnav .nav_rd::-webkit-scrollbar-thumb{border-radius:4px;background-color:#FFCF34}
.header .rt_part .head_nav .p_subnav .nav_rd a{color: #333;font-size:16px;font-weight: bold;display: flex;align-items: center;padding:0 60px;margin-bottom: 12px;height: 50px;transition: .5s;position: relative;}
.header .rt_part .head_nav .p_subnav .nav_rd a:before{position: absolute;content: "";background: url(../images/menu-icon-pro-s.png);right: 11px;top: 21px;height: 20px;width: 20px;background-size: 20px;}
.header .rt_part .head_nav .p_subnav .nav_rd a.active:before{background: url(../images/menu-icon-pro-s2.png);background-size: 20px;}
.header .rt_part .head_nav .p_subnav .nav_rd a:nth-last-child(1){margin-bottom: 0;}
.header .rt_part .head_nav .p_subnav .nav_rd a.active{color: #ffcf34;background: #F7F8FA;}
.header .rt_part .head_nav .p_subnav .nav_rd a:hover{padding-left:65px;}
.header .rt_part .head_nav .p_subnav .nav_hd{width: 80%;background: #F7F8FA;overflow: hidden;}
.header .rt_part .head_nav .p_subnav .nav_hd .hd_cont{padding: 25px;height:600px;overflow-y: auto;}
.header .rt_part .head_nav .p_subnav .nav_hd .td{margin-bottom: 20px;}
.header .rt_part .head_nav .p_subnav .nav_hd .td a{font-size: 16px;color: #272e3b;font-weight: bold;text-transform: uppercase;}
.header .rt_part .head_nav .p_subnav .nav_hd .item{width:23.5%;margin-bottom: 2%;margin-right: 2%;}
.header .rt_part .head_nav .p_subnav .nav_hd .item:nth-child(4n+4){margin-right:0;}
.header .rt_part .head_nav .p_subnav .nav_hd li{margin-bottom:15px;transition: 0.3s;width: auto;height: auto;}
.header .rt_part .head_nav .p_subnav .nav_hd li:hover{transform: translateX(5px);}
.header .rt_part .head_nav .p_subnav .nav_hd li:hover a{color: #000;}
.header .rt_part .head_nav .p_subnav .nav_hd li a{font-size: 14px;color: #272e3b;}
.header .rt_part .h_other{display: flex;align-items: center;}
.header .rt_part .head_btn .menuBtn{width:24px;height: 18px;}
.header .rt_part .head_btn .bar1,.header .rt_part .head_btn .bar2,.header .rt_part .head_btn .bar3{width: 20px;height: 2px;background-color: #ffcf34;margin: 5px 0;transition:.4s;}
.header .rt_part .head_btn .bar1{margin-top:0}
.header .rt_part .head_btn.change .bar1{transform:rotate(45deg) translate(6px,5px)}
.header .rt_part .head_btn.change .bar2{opacity:0}
.header .rt_part .head_btn.change .bar3{transform:rotate(-45deg) translate(6px,-5px)}
.header .rt_part .h_other .head_btn{display:none}
@keyframes heightChange{0%{transform:scale(1,0)}
100%{transform:scale(1)}
}
@-webkit-keyframes heightChange{0%{transform:scale(1,0)}
100%{transform:scale(1)}
}
@keyframes fadeIn{from{opacity:0;transform:translate3d(0%,10px,0)}
to{opacity:1;transform:none}
}



/* 下滑 */
.scro .header{transform: translateY(-37px);}


/* 手机端 */
.moble_nav{padding-top:130px;padding-bottom:50px;height:100%;width:100%;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:98;display:none}
.moble_nav nav{padding:0 20px;height:100%}
.moble_nav ul{overflow-y:auto;border-top:1px solid rgba(100,100,100,.3)}
.moble_nav ul li span{display:block;border-bottom:1px solid rgba(100,100,100,.3);overflow:hidden}
.moble_nav ul li span.icon{background:url(../images/icon_next1.png) no-repeat right center;background-size:20px;padding-right:50%}
.moble_nav ul li span.icon.cur{background-image:url(../images/icon_next.png);}
.moble_nav ul li span a{padding:18px 0;display:block;font-size:18px;font-weight:700;color:#fff}
.moble_nav ul li .subnav{padding:6px 0 10px;display:none}
.moble_nav ul li .subnav .item{display:block;padding:10px 0;font-size:16px;padding-left:10px;color:#eee}
.moble_nav ul li .subnav2{padding: 10px 0 0px;display:none;}
.moble_nav ul li i{display:block;overflow:hidden}
.moble_nav ul li i{background:url(../images/icon_next1.png) no-repeat right center;background-size:18px;padding-right:50%}
.moble_nav ul li i.cur{background-image:url(../images/icon_next.png);}
.moble_nav ul li .subnav2 a{padding: 6px 0;font-size: 15px;padding-left: 15px;color: #ffffff;display: block;}
.moble_nav ul li:nth-last-child(1) i{background-size: 0;}
.moble_nav .m_search{width: 100%;background: #fff;height: 35px;line-height: 35px;border: 2px solid #ffcf34;margin-top: 25px;}
.moble_nav .m_search form{display: flex;background-color: #fff;justify-content: space-between;}
.moble_nav .m_search .input{width:90%;overflow:hidden}
.moble_nav .m_search .input input{text-indent:16px;width:100%}
.moble_nav .m_search button{background:#ffcf34;width: 20%;}
.moble_nav .m_search button img{width: 20px;}
@media (max-width:1440px){
.header .head_sc{width: 35%;}
.header .rt_part .head_nav ul.nav_list{width: 80%;}
.header .rt_part .head_nav .p_subnav .nav_rd a{padding: 0 40px;}
.header .rt_part .head_nav .p_subnav .nav_rd a:hover{padding-left: 30px;}
}
@media (max-width:1280px){
.header .lt_part .h_logo{width: 25%;}
.header .rt_part .head_nav .p_subnav .nav_rd a{padding: 0 25px;}
}
@media (max-width:1080px){
.header .head_sc{width: 50%;}
.header .lt_part{width: 60%;}
.header .lt_part .h_logo{width: auto;}
/*.header .lt_part .h_logo a img{width: 130px;}*/
.header .rt_part .head_nav{width: 80%;}
.header .rt_part .head_nav ul.nav_list{display:none}
.header .rt_part .h_other .head_btn{display:block}
}
@media (max-width:768px){
.header .head_sc{width: 75%;}
.header .lt_part .search{display: none;}
}
 
@media (max-width:520px){
.header .head_sc{width: 100%;}
.header .head_sc .flex{justify-content: flex-end;margin: 0;}
.header .head_sc .toplan .img{font-size: 14px;}
.header .head_sc .toplan img{width: 16px;}
.header .head_sc .dtd{font-size: 12px;padding: 4px 8px;margin: 0 15px;}
.header .head_sc .zc{font-size: 12px;padding: 4px 8px;}
.header .lt_part .h_logo{padding: 8px 0;margin-top:0}
/*.header .lt_part .h_logo a img{width: 95px;}*/
.header .lt_part .h_logo a img{max-height: 3rem;}
.header .rt_part .head_btn .bar1, .header .rt_part .head_btn .bar2, .header .rt_part .head_btn .bar3{background-color: #ffcf34;}
.moble_nav{padding-top: 100px;}
.moble_nav ul li span a{font-size:16px}
}


/* foot */
.foot .f_top{padding: 25px 0;background-color: #555555;position: relative;}
.foot .f_top ul{width: 58%;margin: 0 auto;}
.foot .f_top li{text-align: center;}
.foot .f_top li img{width: 100px;}
.foot .f_top li p{font-size: 15px;font-weight: bold;color: #ffffffab;margin-top: 5px;}
.foot .f_bottom{padding: 20px 0;background-color: #424242;}
.foot .f_bottom .f_t{text-align: center;}
.foot .f_bottom .f_t span{color: #ffffffab;font-size: 14px;}
.foot .f_bottom .f_t a{color: #ffffffab;font-size: 14px;}
.foot .f_bottom .f_t a:hover{color:#fff;}
.foot .f_bottom .f_b{justify-content: center;margin-top: 10px;}
.foot .f_bottom .f_b li{transition: 0.3s;background: #ffcf34;border-radius: 50%;margin: 0 6px;}
.foot .f_bottom .f_b li img{width: 30px;}
.foot .f_bottom .f_b li:hover{transform: translateY(-3px)}
@-webkit-keyframes fadein{0%{-webkit-transform:scale(1);opacity:.5}
100%{-webkit-transform:scale(1.58);opacity:0}
}
@media only screen and (max-width:768px){
.foot .f_top{padding: 20px 0;}
.foot .f_top ul{width: 68%;}
.foot .f_top li img{width: 88px;}
.foot .f_top li p{font-size: 14px;}
}
@media only screen and (max-width:520px){
.foot .f_top{padding: 15px 0;}
.foot .f_top ul{width: 90%;}
.foot .f_top li img{width: 70px;}
.foot .f_top li p{font-size: 12px;}
.foot .f_bottom{padding: 10px 0;}
.foot .f_bottom .f_t span{font-size: 12px;}
.foot .f_bottom .f_t a{font-size: 12px;}
.foot .f_bottom .f_b li{margin: 4px 4px;}
.foot .f_bottom .f_b li img{width: 24px;}
}