﻿.h_h{height: 126px;}

.page-header{ position: fixed; top: 0; width: 100%;z-index: 9;background-color: #fff;transition: transform .3s, background-color .3s ease-in, opacity .3s .3s;  box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,.05);}
@media only screen and (min-width:1025px){
	.index_head.typea:not(.typeanot){background-color:transparent; border-bottom:none;}
	.index_head.typea:not(.typeanot) .nav li .tarA.act a,.index_head.typea:not(.typeanot) .nav li:hover .tarA a{ border-bottom: 4px solid #fff;}
	.index_head.typea:not(.typeanot) .all_lang .lanw{ background: #186595;}
	.index_head.typea:not(.typeanot) .logo img.w_logo{ display: block;}
	.index_head.typea:not(.typeanot) .logo img.b_logo{ display: none;}
	.index_head.typea:not(.typeanot) .page-nav .tarA:after{ background:#fff;}
}
.page-header.type-search .header-search{transform: translateY(0);opacity: 1;transition: opacity .3s, transform .3s}
.page-header.type-search .main{opacity: 1;transform: scaleY(1);transition-delay: 0s}
/*.page-header:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #333;opacity: .1;transition: opacity .3s}*/
.page-header .other{transition: opacity .3s, visibility .3s}

.page-header .language{margin-right: 16px}
.page-header .language .title{cursor: pointer;padding-right: 14px}
.page-header .language .title:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;z-index: 1;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, .6)}
.page-header .language .c-dropdown-menu{min-width: 90px;text-align: center}
.page-header .search,
.page-header .user{font-size: 16px;cursor: pointer}
.page-header .search:hover,
.page-header .user:hover{color: #004498}
.page-header .hr{width: 1px;height: 12px;background-color: #ccc;margin: 0 12px}
.page-header .shop{line-height: 16px;padding: 8px 16px;background-image: linear-gradient(#3f76fe, #2141c0);color: #fff;border-radius: 16px;margin-left: 48px}
.page-header .shop .iconfont{font-size: 16px;margin-right: 4px}
.page-header .shop .title:after{content: "";display: block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;margin-left: 4px}
.page-header .shop .logo{height: 24px;display: block;margin: 0 auto}
.page-header .shop .c-dropdown-menu-item{padding: 8px 20px}
.page-header-zw{height: 80px;display: none}
.page-header-zw.show,
.page-logo{display: block}
.page-logo{position: relative; margin-right: auto;}
.page-logo .img,
.page-logo .img-w{height: 60px!important;transition: opacity .3s}
.page-logo .img-w{position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;}
.page-logo .img-w{transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.page-nav{position: relative;z-index: 1;transition: opacity .3s, visibility .3s;}
.page-nav .item{margin-left: 70px;position: relative}
.page-nav .item:last-child{ margin-right: 0;}
.page-nav .item .tarA{ color: #333;}
.page-nav .item .tarA.act:after,.page-nav .item .tarA:hover:after{ width: 100%;}
.page-nav .item .tarA.act,.page-nav .item .tarA:hover{ color: #d9333a;}
.page-header .item:last-child:before{content: '';display: block;width: 20px;height:20px;background-size:100% 100%;position:absolute;left:-10px;top:50%;margin-top:-10px;}
.page-header.typea .item:last-child:before{background-size:100% 100%;}
.page-header .item:last-child:hover:before{background-size:100% 100%;}
.page-nav .tarA{ line-height: 60px; text-transform: uppercase;display: block;flex-wrap: wrap;align-items: center; font-family: arinb; text-align: center;position: relative;color: #fff;  font-size: 18px;text-align: center;}
.page-nav .tarA:after{ position: absolute; width: 0; height: 2px; content: ''; background: #d9333a; bottom: 0; left: 0; transition: 0.3s ease;}
.top_other .top_search{ margin-right: 25px; text-transform: uppercase; cursor: pointer;  font-size: 24px;}
.top_other .icon-sousuo{ font-size: 23px; font-weight: normal;}
.top_other .lang{ line-height: 34px; border-radius: 17px; padding: 0 30px; font-size: 24px; cursor: pointer;}
.top_other .lang img{margin-right: 10px;}
.top_other .lang i{ margin-left: 5px; font-size: 14px;}
.page-subnav{position: absolute;left: -50px;top: 60px; width: 180px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: center top;transition: transform .3s, opacity .3s, visibility .3s;background:#fff; padding: 10px; }
.page-header .page-nav .item:hover .page-subnav{transform: scaleY(1);opacity: 1; visibility: visible;}
.page-subnav a{ display:block;line-height:40px; border-bottom:1px dashed #e7e7e7;font-style:italic;}
.page-subnav .slink{display: block;font-size: 15px;padding: 8px 0;color: #666;background: #fff;position: relative;transition: background-color .4s, color .4s;text-align: left}
.page-subnav a:hover{ color:#b90000;}
.page-subnav .slink:first-of-type:before{opacity: 0}
.page-subnav .slink:hover{ color: #56ae73;}
.page-subnav .slink:hover a{ color: #fff;}
.page-subnav .slink .icon-youjiantou1{ float: right;}
.header-search{position: absolute;top: 0;left: 50%;width: 700px;margin-left: -350px;z-index: 1;opacity: 0;transform: translateY(-100%);transition: opacity .3s, transform .3s}
.header-search .form{padding: 25px 20px;background-color: #fff}
.header-search .submit{background: url(../img/icon-search.png) no-repeat 50%;border: none;outline: none;padding: 0;width: 24px;height: 50px;background-size: 22px;cursor: pointer}
.header-search .input{width: calc(100% - 48px);height: 50px;border: none;padding: 0 20px;font-size: 16px;outline: none;color: #333}
.header-search .main{position: absolute;left: 0;top: 100px;z-index: 0;padding: 20px 32px;width: 100%;background-color: #fff;border-top: 1px solid #eee;transform: scaleY(0);transform-origin: center top;opacity: 0;transition: opacity .3s, transform .3s}
.header-search .tit{font-size: 12px;color: #999;margin-bottom: 20px}
.header-search .item{margin-bottom: 12px}
.header-search .search-off{width: 24px;font-size: 24px;text-align: center;line-height: 1;cursor: pointer}
.header-search-bg{position: fixed;left: 0;bottom: 0;z-index: 8;background-color: #000;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;cursor: pointer}
.header-search-bg.show{opacity: .5;visibility: visible}
.all_lang{position: relative;}
.all_lang .lanw{cursor: pointer; width: 120px;flex-flow: row wrap;}
.all_lang .lanw img{ margin-right: 5px;}
.all_lang .icon-ico_arrowdown{margin-left: 5px;}
.all_lang .link{position: absolute;top: 40px;left: 0;background: #fff;padding: 10px 14px;z-index: 1;display: none;}
.all_lang .link a{font-size: 14px;color: #333;line-height: 25px;white-space:nowrap;text-overflow:ellipsis;}
.all_lang .link .gj{max-width: 18px;margin-right: 3px;}
.all_lang .link a:hover{color: #004098;}
.all_lang:hover .link{display: block;}
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;z-index: 100;display: none;top: 0;left: 0;background:rgba(00, 00, 00, 0.4)}
.reveal-modal{visibility: hidden;top: 0!important;left: 34%;position: absolute;z-index: 101;max-width: 600px;width: 100%;}
.reveal-modal .close-reveal-modal i{font-size: 30px;position: absolute;top: 65%;right: 10px;color: #333;cursor: pointer;}
.seahead .ent{width: 85%;padding: 0 3%;}
.seahead .sub{width: 15%; cursor: pointer; background: url(../images/search_03.png) no-repeat;}
.index_foot{ background: #f5f5f5;}
.index_foot h3{ line-height: 50px;}
.index_foot .c-flex{ align-items: flex-start; padding: 50px 0;}
.index_foot .copy{font-size: 14px;width: 100%;height: 60px;line-height: 60px;border-top: 1px solid #d9dae1;overflow: hidden;}
.index_foot .copy .fl,.index_foot .copy .fr{display: flex;}
.index_foot .box{font-size: 16px; width: 35%;}
.index_foot .box .follow{ margin-top: 30px;}
.index_foot .box p{ margin-top: 30px; line-height: 24px;}
.index_foot .foot_nav{ margin-left: auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.index_foot .foot_nav li{ margin-left: 100px;}
.index_foot .foot_nav li a{ display: block; line-height: 30px;}
.index_foot .foot_nav li.lx{max-width: 60%;}
.index_foot .foot_nav li.lx span{font-family:arinbi; color: #333; font-size: 20px; display: block; margin-bottom: 5px;}
.index_foot .foot_nav li.lx dt{width: 100%;margin-bottom: 15px; line-height: 24px;}
.index_foot .foot_nav li.lx dt:last-child{line-height: 30px;}
.index_foot .foot_nav li b{ font-family: arinbi; color: #333; display: block;margin-bottom: 20px; font-size: 24px; position: relative; padding-bottom: 15px;}
.index_foot .foot_nav li b:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 40px; height: 2px; background: #bf0008;}
.head-wap{display: none;}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden; box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}
.m_img .headlf{padding-top:5px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:40px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:20px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:18px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.showinq .feed dl{display: flex;flex-flow: row wrap;justify-content: space-between;}
.showinq .feed dt .box{float: left;margin-right: 40px;}
.showinq h2{text-transform: uppercase;}
.showinq table{margin: 20px 0 40px;width: 100%;}
.showinq td{border: solid 1px #ddd;padding-left: 20px;}
.showinq tr.bt td{height: 50px;line-height: 50px;background: #f2f2f2;font-size: 16px;color: #333;font-weight: bold;}
.showinq td img{max-width: 100px;display: block;margin: 0 auto;}
.showinq td.img{padding-left: 0;padding: 10px 0;width: 16.66%;}
.showinq td.wz{font-weight: bold;}
.showinq td.sc{cursor: pointer;}
.center4{max-width: 1200px;width: 100%;margin: 0 auto;}

@media (max-width: 1280px){
.page-nav .item{ margin-left: 50px;}
}
@media (max-width: 1024px){
	.head-wap{display: block;}
	.index_head{ display: none;}
	.index_foot .center.c-flex{ display: none;}
	.copy{ margin-bottom: 50px;}

}
