@charset "utf-8";
.headerweb {

	max-width: 1400px;

	margin: 0 auto;

	position: relative;

	padding: 0 15px;

}

.header-nav li {

	position: relative;

	border-bottom: 1px solid #898989; /*padding: 0 10px;*/

}

.header-nav li h3 {

	font-size: 16px;

	position: relative;

}

.header-nav li h3 a {

	display: block;

	padding: 10px 0;

}

.header-nav li.cur .phsearchicon:after {

	transform: rotate(135deg);

	-moz-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

	top: 13px;

}

.phsearchicon {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	height: 45px;

	width: 80%;

}

.logo {

	top: 0;

	padding: 20px 0;

	float: left;

}

.logo img {

	display: block;

	/*height: 22px;*/

}

.header-nav {

	/*position: fixed;*/

	top: 55px;

/*	width: 100%;*/
float: right;

	left: 0;

	height: 100%;

	background: #ffffff;

	padding: 0;

	display: none;

	overflow-y: scroll;

	padding-bottom: 190px;

}

.phsearchicon:after {

	content: "";

	position: absolute;

	top: 17px;

	right: 10px;

	width: 10px;

	height: 10px;

	border-right: 1px solid #bebebe;

	border-top: 1px solid #bebebe;

	border-left: 0;

	border-bottom: 0;

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}

.header-right {

	float: right;

	padding: 16px 0 0 0;

	font-size: 0;

}

.header-right .search-con {

	display: inline-block;

}

.header-right .search-inco {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/winco01.png) center center no-repeat;

	z-index: 4;

}

.header-right .searchbox {

	position: absolute;

	right: 0;

	top: 59px;

	width: 100%;

	display: none;

}

.header-right .searchbox .searchtext {

	width: 100%;

	height: 40px;

	padding: 10px 60px 10px 10px;

	border: 1px solid #ddd;

}

.headsearch {

	display: inline-block;

	margin-left: 5px;

}

.sub-nav {

	display: none;

	width: 100%;

	z-index: 3;

	padding: 10px 0;

}

.sub-item a {

	display: block;

	text-align: left;

	padding: 6px 0;

}

.sub-bg {

	display: none;

	position: absolute;

	left: 0;

	top: 100px;

	width: 100%;

	background: rgba(0, 0, 0, 0.4);

	height: 204px;

	z-index: 2;

}

.header-right .searchbox .searchbtn {

	position: absolute;

	right: 0;

	top: 0;

	background: #0066b2;

	width: 60px;

	height: 40px;

	color: #fff;

	cursor: pointer;

}

.mobnav-btn {

	display: inline-block;

	width: 35px;

	height: 30px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

	margin-left: 5px;

}

.mobnav-btn.g_close span {

	opacity: 0;

}

.mobnav-btn.g_close span:first-child {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	top: 17px;

	opacity: 1;

}

.mobnav-btn span:first-child {

	content: "";

	top: 6px;

	left: 0;

}

.mobnav-btn span:last-child {

	content: "";

	top: auto;

	bottom: 5px;

	left: 0;

}

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child, .mobnav-btn .mobnav-btn {

	left: 5px;

	position: absolute;

	background: #373737;

	-webkit-transition: all 0.5s ease;

	width: 27px;

	height: 2px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-o-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.mobnav-btn.g_close span:last-child {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	top: 17px;

	opacity: 1;

}

.mobnav-btn span {

	top: 50%;

	margin-top: -2px;

}

.pcnavmenubtn {

	display: none;

}

.headlanguage {

	font-size: 0;

	padding: 20px;

	display: none;

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	z-index: 10;

	text-align: center;

	background-color: #ffffff;

}

.headcompany {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	font-size: 0;

	position: relative;

	padding-left: 10px;

}

.headcompany .Currentlan {

	display: block;

	line-height: 30px;

	background: url(../images/wicon3.png) no-repeat 100% center;

	padding-right: 10px;

	color: #34364b;

	font-size: 12px;

}

.headcompany .company-choose {

	font-size: 14px;

	display: none;

	position: fixed;

	left: 0;

	right: 0;

	top: 62px;

	background-color: #ffffff;

	padding: 0 20px;

	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);

}

.headcompany .company-choose a {

	display: block;

	line-height: 30px;

}

.headcompany .company-choose a:hover {

	color: #0066b2;

}

.headlanguage .langbtn {

	background: url(../images/wicon2.png) no-repeat center center;

	display: block;

	width: 30px;

	height: 30px;

	margin: 0 auto;

	-webkit-transition: all ease .5s;

	-o-transition: all ease .5s;

	-moz-transition: all ease .5s;

	transition: all ease .5s;

}

@media (max-width: 375px) {

.logo img {

/*	height: 19px;*/

}

}

 @media (min-width: 1024px) {

header {

	background: #ffffff;
    position: fixed;
    height: 102px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;

}

.headerweb {

	max-width: 1440px;

	margin: 0 auto;

	position: static;

	height: 100%;

}

header > .headerweb {

/*	max-width: 100%;

	padding: 0 2%;*/

}

.header-nav {

	position: static;

	background: none;

	padding: 0 0 0 220px;

	overflow-y: visible;

}

.header-nav a {

	color: #34364b;

}

.header-nav li {

	border-bottom: none;

	float: left;

	padding: 0;

	position: static;

}

.logo {

	padding: 32px 0 0 0;

}

.logo img {

	display: block;

/*	height: 30px;*/

}

.header-nav li h3 {

	font-size: 16px;

}

.header-nav li h3 a {

	display: block;

	padding: 38px 0;

}

/*.header-nav li h3 a:after {

	content: "";

	height: 3px;

	position: absolute;

	bottom: 0;

	left: 51%;

	right: 51%;

	z-index: -1;

	background-color: #0066b2;

	-o-transition-property: left, right;

	-moz-transition-property: left, right;

	transition-property: left, right;

	-webkit-transition-property: left, right;

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-duration: 0.3s;

	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	-webkit-transition-timing-function: ease-out;

}*/

.header-nav li:hover h3 a, .header-nav li.cur h3 a {

	font-weight: bold;

	color: #0066b2;

}

.header-nav li:hover h3 a:after, .header-nav li.cur h3 a:after {

	left: 0;

	right: 0;

	z-index: 1;

}

/*.header-nav li.cur .sub-nav { background: rgba(0, 0, 0, 0.2); }*/





.header-right .search-inco {

	display: block;

	width: 35px;

	height: 100px;

	z-index: 4;

}

.header-right .searchbox {

	position: absolute;

	right: -30px;

	top: 100px;

	width: 260px;

	display: none;

}

.header-right .searchbox .searchtext {

	width: 100%;

	height: 40px;

	padding: 10px 60px 10px 10px;

	border: 1px solid #ddd;

}

.header-right .searchbox .searchbtn {

	position: absolute;

	right: 0;

	top: 0;

	width: 60px;

	height: 40px;

	color: #fff;

	cursor: pointer;

}

.header-right {

	float: none;

	padding: 0;

	position: absolute;

	top: 0;

	right: 75px;

	padding-right: 71px;

	height: 100px;

}

.header-right .search-con {

	position: relative;

}

.sub-nav {

	display: none;

}

.headsearch {

	height: 100px;

	border-left: 1px solid #eaeaea;

	padding: 0 20px;

	margin: 0;

}

.mobnav-btn, .phsearchicon {

	display: none !important;

}

.headlanguage {

	font-size: 16px;

	height: 100px;

	top: 0;

	border-left: 1px solid #eaeaea;

	position: fixed;

	right: 75px;

	padding: 0 20px;

	text-align: left;

	display: block;

	width: auto;

	background: none;

	left: auto;

}

.headcompany .Currentlan {

	height: 100px;

	line-height: 100px;

	font-size: 16px;

}

.headcompany .company-choose {

	top: 100px;

	position: absolute;

	width: 250px;

	position: absolute;

	z-index: 3;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.headlanguage .langbtn {

	height: 100px;

}

.headcompany {

	position: relative;

	height: 100px;

	top: 0;

	border-left: 1px solid #eaeaea;

	padding: 0 27px;

}

.pcnavmenubtn {

	border-left: 1px solid #eaeaea;

	display: block;

	position: fixed;

	right: 0;

	top: 0;

	width: 75px;

	height: 100px;

	cursor: pointer;

}

.pcnavmenubtn .pcnav-btn {

	width: 19px;

	height: 30px;

	position: absolute;

	z-index: 3;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	display: block;

}

.pcnavmenubtn .pcnav-btn span {

	top: 50%;

	margin-top: -2px;

}

.pcnavmenubtn .pcnav-btn span, .pcnavmenubtn .pcnav-btn span:first-child, .pcnavmenubtn .pcnav-btn span:last-child {

	left: 0;

	position: absolute;

	background: #373737;

	-webkit-transition: all 0.5s ease;

	width: 19px;

	height: 3px;

	-o-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.pcnavmenubtn .pcnav-btn.g_close span {

	opacity: 0;

}

.pcnavmenubtn .pcnav-btn span:first-child {

	content: "";

	top: 8px;

	left: 0;

}

.pcnavmenubtn .pcnav-btn span:last-child {

	content: "";

	top: auto;

	bottom: 7px;

	left: 0;

}

.pcnavmenubtn .pcnav-btn.g_close span:first-child {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	top: 17px;

	opacity: 1;

}

.pcnavmenubtn .pcnav-btn.g_close span:last-child {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	top: 17px;

	opacity: 1;

}

}

 @media (min-width: 1280px) {

.header-nav {

	display: block;

}

.header-nav li {

	padding: 0 1.1%;/*padding: 0 1.3%;*/

}

.header-right {

	padding-right: 51px;

}

.headsearch, .headcompany, .headlanguage {

	padding: 0 5px;

}

}

 @media (min-width: 1366px) {

.logo {

	padding: 20px 0;

}

.header-nav li {

	padding: 0 3%;

}

.headsearch, .headcompany, .headlanguage {

	padding: 0 10px;

}

}

 @media (min-width: 1400px) {

.headsearch, .headcompany, .headlanguage {

	padding: 0 15px;

}

.header-right {

	padding-right: 61px;

}

.header-nav {

	padding-left: 0; width: 64%;

}

}

 @media (min-width: 1680px) {

.headsearch {

	padding: 0 32px;

}

.header-nav {

	/*padding-left: 14%; */

	padding-left: 4%;
	width: 62%;

}

.header-nav li {

	padding: 0 1.5%;

}

.header-right {

	padding-right: 50px;

	right: 50px;

}

.headcompany {

	width: 135px;

	padding: 0 27px;

}

.logo img {

	/*height: 34px;*/

}

.headlanguage {

	right: 100px;

	width: 100px;

}

.pcnavmenubtn {

	width: 100px;

}

}

 @media (min-width: 1800px) {

.header-nav li {

	padding: 0 3%;

}

}

.headsideNav {

	display: none;

}

 @media (min-width: 1024px) {

.headsideNav {

	position: fixed;

	top: 0;

	right: -320px;

	z-index: 999;

	background: #f9f9f9;

	height: 100%;

	width: 320px;

	display: block;

	overflow-y: auto;

	padding: 50px 30px;

	-webkit-transition: all ease .5s;

	-o-transition: all ease .5s;

	-moz-transition: all ease .5s;

	transition: all ease .5s;

	text-align: center;

}

.headsideNav .logo {

	float: none;

	display: block;

	-webkit-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

	-o-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

	-moz-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

	transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	-o-transform: translateY(100%);

	transform: translateY(100%);

	opacity: 0;

}

.headsideNav .logo img {

	height: 34px;

}

.headsideNav .slide-colse {

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/slide-close.png) no-repeat center center;

	position: absolute;

	top: 30px;

	right: 30px;

}

.headsideNav .slide-nav {

	padding: 40px 0 0 0;

	font-size: 18px;

	-webkit-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

	-o-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

	-moz-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

	transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s;

	opacity: 0;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	-o-transform: translateY(100%);

	transform: translateY(100%);

}

.headsideNav .slide-nav li {

	padding-bottom: 25px;

}

.headsideNav .slide-nav li h3 a {

	color: #8B8784;

}

.headsideNav .sub-item {

	font-size: 16px;

}

.headsideNav .sub-item a {

	color: #cac4bd;

	text-align: center;

}

.headsideNav li h3 {

	position: relative;

}

.headsideNav.cur {

	right: 0;

}

.headsideNav.cur .logo, .headsideNav.cur .slide-nav {

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

}

.headsideNav .phsearchicon {

	left: 0;

	top: 0;

	right: 0;

	width: 100%;

	height: 28px;

	display: block !important;

	z-index: 2;

}

.headsideNav .phsearchicon:after {

	display: none;

}

.exit-off-canvas {

	position: fixed;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	cursor: pointer;

	z-index: 999;

	background: #000;

	opacity: 0.5;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	-moz-transition: all .4s ease;

	transition: all .4s ease;

}

}

.childMenu {

	position: absolute;

	top: 100px;

	left: 0;

	width: 100%;

	height: 0px;

	background: #fff;

	background: rgba(0, 0, 0, 0.31);

	font-size: 14px;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	color: #88868e;

	overflow: hidden;

	line-height: 55px;

}

.childMenu.active {

	height: 55px;

	overflow: visible;

}

.childMenu .sub-item a {

	display: inline-block;

	vertical-align: top;

 *display: inline;

 *zoom: 1;

	text-align: center;

	padding: 0 20px 0 0;

	color: #ffffff;

}

.childMenu .sub-item a:hover {

	color: #0066b2;

}

.childMenu .sub-nav {

	display: block;

	padding: 0;

	width: 100%;

	z-index: 3;

}

 @charset "UTF-8";

.full-inside-subnav .channel-title::after {

	_font-size: 0;

	_line-height: 0;

	_overflow: hidden;

	width: 0;

	height: 0;

}

/*2018.11.19*/

/*.header-nav li { padding: 0; }*/



.header-nav li h3 {

	padding: 0 10px;
	margin: 0;

}

.header-nav .sub-item.cur .three-btn:after {

	border-top: 7px solid #b3b3b3;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

}

.header-nav .sub-item h4 {

	position: relative;

	border-bottom: 1px solid #d9d9d9;

	padding: 0 15px;
 font-size: 15px;
}

.header-nav .sub-item:last-child h4 {

	border-bottom: 0;

}

.header-nav .sub-nav {

	background-color: #f2f2f2;

	padding: 0;
	z-index: 999;

}

.header-nav .three-nav {

	display: none;

	background-color: #fafafa;

	padding: 0 20px;

}

.header-nav .three-btn {

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

	height: 36px;

	width: 80%;

}

.header-nav .three-btn:after {

	content: '';

	display: block;

	width: 0;

	height: 0;

	border-top: 6px solid transparent;

	border-left: 7px solid #b3b3b3;

	border-bottom: 6px solid transparent;

	position: absolute;

	right: 13px;

	top: 50%;

	margin-top: -4px;

}
 @media (max-width: 960px) {
.logo{padding:0}
     
     
 }

 @media (min-width: 1024px) {

header {

	border-bottom: 1px solid #e0e0e0;

	box-shadow: none;

}

.header-nav li {

	position: relative;

}

.header-nav li h3 {

	padding: 0;

}

.header-nav .sub-nav {

	top: 100px;

	background-color: #FFFFFF;

	position: absolute;

	width: 210px;

	left: 50%;

	transform: translateX(-50%);

	display: none;

	text-align: center;

	border: 1px solid #e0e0e0;

	border-top: 0;

}

.header-nav li .sub-item a {

	text-align: center;

}

/*.header-nav li:nth-child(2) .sub-item a {

        text-align: left;

    }*/



.header-nav .sub-item {

	position: relative;

	padding: 0 17px;

}

.header-nav .sub-item:hover h4 a {

	color: #0066b2;

}

.header-nav .sub-item:hover h4 .three-btn:after {

	border-left-color: #0066b2;

}

.header-nav .sub-item h4 {

	border-bottom: 1px solid #e0e0e0;

	padding: 0;

}

.header-nav .sub-item h4 a {

	padding: 0;

	white-space: nowrap;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	line-height: 42px;

}

.header-nav .three-nav {

	position: absolute;

	top: 0;

	left: 208px;

	width: 160px;

	background-color: #FFFFFF;

	text-align: center;

	color: #666666;

	border: 1px solid #e0e0e0;

}

.header-nav .three-nav a {

	text-align: center;

}

.header-nav .three-nav a:hover {

	color: #0066b2;

}

.header-nav .three-btn {

	height: 43px;

}

.header-nav .three-btn:after {

	margin-top: -8px;

}

}