@charset "utf-8";
.clear{ clear:both; overflow:hidden; content:"";}
/*.l{ float:left}
.r{ float:right;}*/

a:hover{ text-decoration:none;}

footer{ margin:0; padding:0; display: block;}

main{width: 94%;max-width: 1400px;margin: 0 auto;display: block;*zoom: 1;}

footer{padding-top: 2.5rem;padding-bottom: 2.5rem;background:#2d343f;}

footer .f_top{border-bottom: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;}

footer .f_logo{clear: left;margin-right: 0;width: 19.235100000000003%;}

footer .f_logo .box{width: 100%;max-width: 200px;margin: 20px 0;}

footer .f_logo img{width: 100%;}

footer .f_nav{width: 100%;}

footer .f_nav ul{font-size: 14px;color: #333;margin: 20px 0; padding-inline-start: 0px;}

footer .f_nav li{display: inline-block;margin-right: 2%;line-height: 24px;}

footer .f_nav li a{display: block;font-size: 20px;color: #fff;}

footer .f_bottom{margin-top: 40px;display: flex;flex-wrap: wrap;}

footer .f_fl{width: 58.452200000000005%;}

footer .f_fl .box{padding-right: 5%;}

footer .f_fl .lianxi{max-width: 650px;color: #fff;font-size: 16px;line-height: 1.8;margin-bottom: 25px;}

footer .f_fl .lianxi a{color: #fff;}

footer .f_fl .search{display: inline-block;border: 1px solid #aaa;box-sizing: border-box;}

footer .f_fl .search .p_searchBox{width: auto;height: auto;display: inline-block;vertical-align: middle;overflow: visible;padding: 0;margin: 0;border-width: 1px;border-style: none;border-color: rgba(228,228,228,0);background-color: transparent;position: relative;}

footer .f_fl .search .p_searchBox .p_input{width: 220px;display: inline-block;height: 40px;vertical-align: middle;color: inherit;position: relative;font-size: 14px;}

footer .f_fl .search .p_searchBox .p_input .last{display: none;}

footer .f_fl .search .p_searchBox .p_input .forward{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);height: auto;font-size: 15px;}

footer .f_fl .search .p_searchBox .p_input .forward:before{color: #a9a9a9;}

footer .f_fl .search .p_searchBox .p_input .InputText{color:#fff;background-color:#ffffff00;display: inline-block;height: 100%;width: inherit;line-height: inherit;padding-left: 25px;padding-right: 5px;box-sizing: border-box; border:0;}

footer .f_fl .search .p_searchBox .p_input .InputText::-webkit-input-placeholder{color:#cecece;font-size:14px}

footer .f_fl .search .sbtn{height: 36px;background-color: #ec7729;border-radius: 3px;margin: 3px;width: auto;display: inline-block;vertical-align: middle;font-size: 14px;color: rgba(255,255,255,1);border-width: 1px;border-style: solid;border-color: rgba(255,255,255,0);text-align: center;position: inherit;padding: 0 20px;cursor: pointer;font-family: inherit;font-weight: inherit;text-decoration: none;background-size: 100% 100%;}

footer .f_fr{width: 38.547799999999995%;margin-left: 3%;margin-right: 0px;}

footer .f_fr h3{color: #fff;font-size: 24px;text-align: right;margin-bottom: 20px;}

footer .f_fr .foot_share{display:block;text-align:right;margin-bottom: 30px;}

footer .f_fr .foot_share a{display:inline-block;position:relative;padding:0px 20px;}

footer .f_fr .foot_share a:first-of-type{padding-left:0px;}

footer .f_fr .foot_share a:last-of-type{padding-right:0px;}

footer .f_fr .foot_share a:not(:last-of-type):before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#666;}

footer .f_fr .foot_share span{display:inline-block;vertical-align:middle;width:100px;height:100px;}

footer .f_fr .foot_share span img{height:100%;width:100%;display:block;filter:brightness(0.6);transition:all .5s ease;}

footer .f_fr .foot_share span:hover img{filter:brightness(1);}

footer .f_fr .copyright{color: #fff;font-size: 14px;line-height: 2;text-align: right;}

footer .f_fr .copyright a{color: #fff;}

@media only screen and (max-width: 1200px){



footer .f_nav li a{font-size: 16px;}}

@media only screen and (max-width: 1024px){

footer{padding: 0;}

footer .f_nav{display: none;}

footer .f_fl,footer .f_fr{width: 100%;margin: 0;margin-bottom: 2rem;}

footer .f_fr h3,footer .f_fr .foot_share,footer .f_fr .copyright{text-align: left;}}

@media only screen and (max-width: 768px){

footer .f_logo{width: auto;}

footer .f_fl{margin: 0;}

footer .f_fl .box{padding-bottom: 5px;}

footer .f_fl .lianxi{font-size: 14px;}

footer .f_fl .search{display: none;}

footer .f_fr h3{font-size: 18px;}}



/*头部*/

#needHeaderBac{background: #fff;}

#needHeaderBac .header_logo .logo1{display: inline-block;}

#needHeaderBac .header_logo .logo2{display: none;}

#needHeaderBac .header_mail a{color: #ec7729;}

#needHeaderBac #tNav .tNav .navName{color: #333;}

.pc_header{width: 100%;position: fixed;top: 0;z-index: 999;height: 90px;background: rgba(0,0,0,.2);border-bottom: 1px solid rgba(255,255,255,0);transition: all .5s ease;/* Firefox 4*//* Safari 和 Chrome*//* Opera*/box-sizing: border-box;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}

/*.pc_header:hover{ background:#fff;}*/

.pc_header .box{max-width: 90%;display: flex;align-items: center;margin: auto; height:90px;}

.pc_header .header_logo{width: 15%;height: 100%;z-index: 20;display: flex;align-items: center;overflow: visible;}

.pc_header .header_logo a{display: block;}

.pc_header .header_logo .logo1{display: none;max-width: 100%;}

.pc_header .header_logo .logo2{display: inline-block;max-width: 100%;}

.pc_header .header_mail{width: 18%;display: flex;justify-content: flex-end;align-items: center;}

.pc_header .header_mail a{margin: 0 5px;height: 36px;font-size: 20px;font-family: arial;color: #fff;width: auto;display: flex;justify-content: center;align-items: center;}

.pc_header .header_mail a i{display: flex;justify-content: center;align-items: center;margin-right: 5px;font-size: inherit;}

.pc_header .header_lang{width: 10%;position: relative;}

.pc_header .header_lang .lang{position: relative;width: 100px;float: right;}

.pc_header .header_lang span{display: block;width: 100px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;background: #f4f4f4;color: #666;cursor: pointer;}

.pc_header .header_lang ul{position: absolute;width: 100%;padding: 4px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translate3d(0, 10px, 0);transition: all .5s ease;}

.pc_header .header_lang ul li a{display: block;color: #595959;font-size: 13px;line-height: 30px;padding-left: 30px;background: url(../images/cn.png) center left no-repeat;background-size: 20px;}

.pc_header .header_lang ul li a.en{background-image: url(../images/en.png);}

.pc_header .header_lang .lang:hover ul{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}

@media only screen and (max-width: 1366px) and (min-width: 1025px){

.pc_header .box{max-width:96%;}

.pc_header .header_mail a{font-size: 18px;}}

@media only screen and (max-width: 1024px){

.pc_header{width:100%;max-width:100%;height:70px;line-height:70px;background:rgba(255,255,255,1);border-bottom:1px solid rgba(27,36,43,0);}

.pc_header .box{max-width: 100%;justify-content: space-between;}

.pc_header .header_logo{width: 21.34%;}

.pc_header .header_logo .logo1{display: inline-block;transform: scale(.9);}

.pc_header .header_logo .logo2{display: none;}}

@media only screen and (max-width: 768px){

.pc_header .header_logo{width: 55%;}

.pc_header .box{ height:70px;}

}

#tNav{width: 65%;display: flex;justify-content: flex-end;padding-right: 2%;box-sizing: border-box;}

@media only screen and (min-width: 1025px){

#tNav .navLi.tplink8{display:none;}

#tNav .tNavBox{width:100%;height:auto;overflow:visible;background: none;}

#tNav .navBtn{display:none;}

#tNav .navSliBtn{display:none;}

#tNav .iconJt{display:none;}

#tNav .navUl{width: 100%;display: flex;justify-content: flex-end;padding-right: 2%;}

#tNav .navLi{padding: 0;min-width: 9%;display: inline-block;font-size: 1rem;margin: 0 1vw;position:relative;}

#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 1;}

#tNav .tNavH{position:relative;}

#tNav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color: #ec7729;opacity: 0;transition:all .5s ease;}

#tNav .tNav{width:100%;margin:0 auto;overflow: visible;}

#tNav .tNav .navName{position:relative;display:block;padding:0;line-height:90px;font-size:18px;color:#fff;text-align:center;transition:all .5s ease;}

#tNav .tNav.active .navName:hover{color:#ec7729;}

#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}

#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #ec7729;font-weight:bold;display:none;}

#tNav .navLi:hover .navName{transform: translateY(0%);}

#tNav .slidBox{position: absolute;left: -50%;right: 0;width: 200%;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;padding: 5px 0px;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: rgb(236 119 41 / 78%);box-shadow: 0 2px 5px rgba(0,0,0,0.075);border-top: none;}

#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}

#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}

#tNav .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}

#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.1);transition: all .5s ease;-webkit-transition: all .5s ease;}

#tNav .navSli:hover:before{width: 100%;background: rgba(255,255,255,.4);}

#tNav .navSlink{display:block;color:#fff;height: 36px;line-height: 36px;}

#tNav .oneName{font-size:26px;padding-bottom: 15px;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#tNav .tNavSummry{line-height: 24px;width:100%;height: auto;overflow:hidden;color: #666666;font-size: 14px;max-width: 420px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}

#tNav .tNavMore{display:block;position: relative;height: auto;padding-top: 25px;border-top: 1px dashed #cccccc;margin-top: 20px;cursor:pointer;}

#tNav .txt{color:#000;transition:all .5s ease;}

#tNav .leanMore{margin-left:2rem;transition:all .5s ease;}

#tNav .tNavMore:hover .txt{color:#21478b;margin-left:10px;}

#tNav .tNavMore:hover .leanMore{color:#21478b;}

#tNav .navSimg{position:relative;width:100%;height:160px;overflow:hidden;}

#tNav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height: 100%;transition: all .5s ease;}

#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}

#tNav .navSli:hover .navSlink{color: #fff;}

#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}}

@media only screen and (max-width: 1366px) and (min-width: 1025px){

#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}

#tNav .tNav .navName{font-size: 16px;}}

@media only screen and (max-width: 1024px){

#tNav{width: 45%;padding: 0;}

#tNav .leftBox,.pc_header .header_mail,.header_lang{display:none;}

#tNav .navSimg{display:none;}

#tNav .tNavBox{position:relative;height:70px;background:none;}

#tNav .navBtn{position: absolute;top: 1.3rem;right: 1rem;background: #ec7729;width: 40px;height: 40px;padding: 10px;line-height: 73px;box-sizing: border-box;}

#tNav .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}

#tNav .navBtnImg{display: block;width: 90%;height: 70%;}

#tNav .tNav{position:fixed;top: 70px;left:0;right:0;height: 0;overflow: hidden;z-index:999;background: rgba(37,49,58,1);transition:all .5s ease;}

#tNav .tNavHeight{height: 100%;}

#tNav .slidBox{display:none;}

#tNav .navUl{background: rgba(37,49,58,1);overflow:hidden;}

#tNav .navLi{border-bottom: 1px solid #394b58;position: relative;}

#tNav .tNavH{position: relative;height: 46px;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}

#tNav .tNavHBac{background-color: #ec7729;}

#tNav .navName,#needHeaderBac #tNav .tNav .navName{display: block;width: 100%;height: 100%;color:#fff;}

#tNav .iconJt{position:absolute;top: 0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}

#tNav .iconJtRotate{transform: rotate(-180deg);}

#tNav .navSliBtn{height:40px;width:100%;text-align:center;}

#tNav .hs{height: 100%;}

#tNav .navSbox{padding-bottom:30px;}

#tNav .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}

#tNav .navSlink{display:block;width:100%;height:100%;color: #fff;}

#tNav .navLi.tplink8{border-bottom:none;}

#tNav .navLi.tplink8 .slidBox{display:block !important;}

#tNav .navLi.tplink8 .tNavH{display:none;}

#tNav .navLi.tplink8 .navSbox{padding-top:30px;display: flex;flex-direction: row;justify-content: center;}

#tNav .navLi.tplink8 .navSli{padding-left: 0;border: 1px solid rgba(255,255,255,.2);width: 38px;text-align: center;margin: 0 2vw;}}













@media only screen and (min-width: 1279px) and (max-width: 1455px)  {









}








@media only screen and (min-width: 767px) and (max-width: 1279px)  {












}








@media only screen and (min-width: 320px) and (max-width: 767px)  {






 }