@keyframes sjnav{
	0% {
	    width: 2px;
	}
	25% {
	    width: 15px;
	}
	50% {
	    width: 30px;
	}
	75% {
	    width: 15px;
	}
	100% {
	    width: 2px;
	}
}
.pcheader{width: 100%;position: fixed;left: 0;top: 0;z-index: 999;background:none;}
.pcheader .wrapper,.proheader .wrapper{width:auto; padding:0 3%}
.pcheader .logo{width:180px; height: 60px; background:url(../images/logo2a.png) no-repeat left center; background-size: 100%; display: block;}

.menudown-l{width:calc(100% - 700px)}
.menudown-l h3{font-size: 30px; line-height: 1; color: #333;}
.menudown-l p{color:#666; line-height: 1.8; padding:25px 0;}
.menudown-m{text-align: center;}
.menudown-m dd a:hover{color: #fff; background: #000;}
.menudown-m dd a{font-size: 14px; line-height: 40px; padding:0 15px; background: #cc2643; color:#fff; display: block;}
.menudown-p{width: 100%; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.menudown-p dl h4{font-weight: bold; font-size:16px; padding:0 0 10px; line-height: 1.5; color:#cc2643}
.menudown-p dl{width:13%;}
.menudown-p dd{width:100%; line-height: 46px; border-bottom: 1px solid #ddd; position: relative;}
.menudown-p dd::after{position:absolute; right:0; top:0; content:'/'; display: block; color:#ccc;-o-transition: all 0.5s ease; -webkit-transition: all .5s ease; transition: all 0.5s ease;}
.menudown-p dd:hover:after{right:10px;color: #cc2643;content:'>';}
.menudown-p dd a{color:#333; display: block; font-size: 15px;}
.menudown-p dd a:hover{color: #000000;}
.menudown-r{max-width: 550px;}
@media(max-width:1480px){
	.menudown-p dl{width:18.5%;}
}
.pcmenu{height:90px; width:auto;}
.pcmenu .iconfont{display: inline-block; font-size: 18px;color: #cc2643; margin-right:5px; vertical-align: bottom;}
.pcmenu>ul{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pcmenu>ul>li{height: 100%; line-height: 90px; position: relative;}
.pcmenu>ul>li>a{display: block; font-size: 16px; font-weight:bold; padding: 0 25px; color:#fff; transition: all .5s;}
.pcmenu>ul>li:hover>a{color: #cc2643 !important;}
.pcmenu>ul>li::after{content: ''; display: none; height: 4px; width: 0; background: #cc2643; position: absolute; top: 76px; transition: all .3s; margin-left: 50px;}
.pcmenu>ul>li:hover::after{margin-left: 20px; width: 60px;}
.pcmenu li .son{position: fixed; z-index: 9999; top: 90px; background:#f0f4f9; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); width: 100%; left: 0; box-sizing: border-box; padding: 40px 0; display: none;}
.pcmenu li .son1{width: 160px;position: absolute; top: 90px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); display: none;}
.pcmenu li .sub .wrap{transition: all .25s; width:auto; padding:0 3%; box-sizing: border-box; position: relative; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;justify-content: space-between;}
.pcheader .phone{ font-size:24px; font-family: 'Bebas'; position: relative; line-height: 90px; padding:0 30px 0 60px; color:#fff;}
.pcheader .phone .iconfont{position:absolute; left:30px; top:33px; text-align: center; color:#fff; line-height: 24px; font-size:18px;}
.pcheader .search {position: relative; background: #fff;}
.pcheader .search .search-icon {cursor: pointer;background: inherit;position: relative;}
.pcheader .search .search-icon i {cursor: pointer;background: inherit;z-index: -1; font-size:26px; padding:0 30px}
.pcheader .search .search-icon i.c-icon {position: absolute;left: 0;top: 0px;}
.pcheader .search.active .search-icon i.c-icon{z-index: 1 !important;font-size:26px;}
.pcheader .search.active span{color: #cc2643;}
.pcheader .search span{font-size: 14px;cursor: pointer;}
.search-box {width: 100%; position: fixed; z-index: 9999; right: 0; top: 90px; background: #f0f4f9; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); padding: 40px 50px 50px;display: none;}
.search-box form {width: 70%;margin: 0 auto;display: flex;align-items: center;border-bottom: 1px solid #dbdbdb;}
.search-box form input {line-height: 60px; width: calc(100% - 45px);background: #f0f4f9;}
.search-box form button {display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; cursor: pointer; font-size: 24px; font-weight:bold; color:#333; background: none;}
.search-box .iconfont {font-size: 22px; font-weight:bold; color:#333;}
@media(max-width:1480px){
	.menudown-l{width:calc(100% - 480px)}
	.menudown-r{max-width: 415px;}
	.pcmenu>ul>li>a{font-size: 16px; padding: 0 15px;}
}

/*移动端头部*/
.mobnav-btn { display: none; width: 28px; height: 36px; overflow: hidden; cursor: pointer; z-index: 99990; position: fixed;top:10px; right:3%;}
.mobnav-btn span { top: 50%; margin-top: 0; width: 28px;}
.mobnav-btn span:first-child { content: ""; top: 9px;}
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 6px;}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { position: absolute; background: #cc2643; -webkit-transition: all 0.5s ease; width: 28px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.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.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;}
.nav-mob { position: fixed; top: 55px; z-index: 99999; background: #f5f5f5; box-shadow: inset 0 0 5px rgba(0,0,0,.1); left: 0; width: 100%; height: 100%; overflow-y: auto; display: none;}
.nav-mob ul{padding:10px 0}
.nav-mob ul li { border-bottom: 1px solid #e2e2e2;}
.arrorright-btn { position: absolute; width: 60px; right: 3%; top: 0; height: 45px; cursor: pointer;}
.arrorright-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 4px; margin-top:-6px; border-left: 2px solid #aaa; border-top: 2px solid #bbb; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav-mob ul li.cur .arrorright-btn:after {border-left: 2px solid #1f53be; border-top: 2px solid #1f53be; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.arrorrighta-btn { position: absolute; width: 60px; right: 0; top: 0; height: 43px;}
.arrorrighta-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-4px; border-left: 2px solid #aaa; border-top: 2px solid #bbb; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.nav-mob ul li h4 { position: relative;}
.nav-mob ul li h4 a { padding: 10px 15px; line-height: 26px; display: block; color: #222; font-size: 14px;}
.nav-mob ul li.cur h4 a { color: #1f53be;}
.nav-mob ul li.cur h4{background:#eaeaea;}
.subnavmb{padding:6px 0 6px;}
.subnavmb a { display: block; padding: 0px 20px; font-size: 14px; line-height: 26px;}
.subnavmb a i { margin-right: 8px; display:inline-block; width: 5px; height: 5px; border: #888 1px solid; border-radius: 4px; vertical-align: middle;}

.language-box { position: relative; height: 90px; z-index: 999;}
.language-box .langbtn {font-weight: bold; color: #fff; display: inline-block; display: flex; cursor: pointer; font-size: 16px; line-height: 90px; padding-left:25px}
.language-box .langbtn:before{content: '';position: absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px;background: url(../images/lang2.png) no-repeat center/cover;}
.language-box .language-tab { display: none; position: absolute; top: 90px; right: -10px; line-height:30px; z-index: 9999; width: 120px; background: #cc2643;}
.language-box .language-tab dd {text-align: center;}
.language-box .language-tab dd a{display: block; line-height: 35px; color: #fff;}
.language-box .language-tab dd:hover {background: #000;}

.pcheader .phone a,.pcheader .language-box .langbtn a{color:#fff;}

.pcheader:hover,.pcheader.active{background: #fff;}
.pcheader:hover .pcmenu>ul>li>a,.pcheader.active .pcmenu>ul>li>a{color:#333;}
.pcheader:hover .phone .iconfont,.pcheader.active .phone .iconfont{color:#333;}
.pcheader:hover .language-box .langbtn,.pcheader.active .language-box .langbtn{color: #333;}
.pcheader:hover .phone,.pcheader.active .phone{color:#333;}
.pcheader:hover .phone a,.pcheader:hover .language-box .langbtn a,.pcheader.active .phone a,.pcheader.active .language-box .langbtn a{color:#333;}
.pcheader:hover .language-box .langbtn:before,.pcheader.active .language-box .langbtn:before{background: url(../images/lang.png) no-repeat center/cover;}
.pcheader:hover .logo,.pcheader.active .logo{background:url(../images/logo2.png) no-repeat left center; background-size: 100%;}

.proheader{width: 100%;position: fixed;left: 0;top: 0;z-index: 999;background:#cc2643;}
.proheader .logo{width:180px; height: 60px; background:url(../images/logo2a.png) no-repeat left center; background-size: 100%; display: block;}
.proheader .phone a,.proheader .language-box .langbtn a{color:#fff;}
.proheader .phone{ font-size:24px; font-family: 'Bebas'; position: relative; line-height: 90px; padding:0 30px 0 60px; color:#fff;}
.proheader .phone .iconfont{position:absolute; left:30px; top:33px; text-align: center; color:#fff; line-height: 24px; font-size:18px;}
.proheader .pcmenu>ul>li:hover>a{color: #ffff00 !important;}
.proheader .menudown-m dd a:hover{background: #cc2643;}
.proheader .menudown-m dd a{background: #000;}
.proheader .language-box .language-tab {background: #000;}
.proheader .language-box .language-tab dd:hover {background: #cc2643;}

@media(max-width:1024px){
	.pcheader .logo,.proheader .logo{width:120px; height: 40px; margin-top: 5px; background:url(../images/logo2.png) no-repeat left center; background-size: 100%;}
	.pcheader .phone,.pcmenu,.proheader .phone{display: none;}
	.proheader{background:#fff;}
	.mobnav-btn { display: block;}
	.pcheader,.proheader{min-height: 55px;}
	.pcheader .search{position:fixed; top:10px; height:36px; line-height: 36px; overflow:hidden; right:60px; background: #cc2643;}
	.pcheader .search .search-icon {color: #fff;}
	.pcheader .search .search-icon i {font-size:20px; padding:0 6px 0 6px; color: #fff;}
	.pcheader .search.active .search-icon i.c-icon{font-size:20px;color: #fff;}
	
	.search-box {top: 55px; background: #f0f4f9; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); padding:10px 0 15px;}
	.search-box form {width: 90%;}
	.search-box form input {line-height: 40px; width: calc(100% - 45px);background: #f0f4f9;}
	.search-box form button {width: 40px; height: 40px; font-size: 20px;}
	.search-box .iconfont {font-size: 20px;}
	.language-box{position:fixed; right:calc(3% + 45px); top:0; height: 55px;}
	.language-box .langbtn {font-weight: normal; font-size: 14px; line-height: 55px;color:#333;}
	.language-box .langbtn a{color:#333;}
	.language-box .langbtn:before{background: url(../images/lang.png) no-repeat center/cover;}
	.language-box .language-tab { top: 55px; right:-20px; line-height:28px; width: 90px;}
}