/*电脑导航*/
#nav_btn_box{display:none;}
.xg .fxy_topBg1 img{display:none;}
.xg .MainMenu{width:100% !important; height:66px; background:#003039 !important;position:fixed;top:0px !important;transition:all 0.5s; }
.xg .MainMenu .fxy_topBg2{display:block; width:450px; float:left; padding-top:2px;}
.xg .MainMenu #links{z-index: 1;padding: 0;margin: 0; width:calc(100% - 450px); float:left; height:66px;}
.xg .MainMenu #links>li{ line-height:60px;}
.MainMenu{height: 66px;z-index: 1000;background-size: cover; width:100%; background:#003039; transition:all 0.5s;}
.MainMenu1{width:1500px; margin:0 auto;}
.MainMenu .fxy_topBg2{display:none;}
.MainMenu #links{position: relative;z-index: 1;padding: 0;margin: 0; width:1500px; margin:0 auto;}
.MainMenu #links>li{float: left;width: calc((100% - 0rem) / 6);margin: 0;position:relative;color: #fff;display:inline-block;height: 66px;line-height: 66px;transition:0.6s;text-align: center;}
.MainMenu #links>li a{display:block;position:relative;padding: 0;}
.MainMenu #links>li a h3{font-size: .17rem;font-weight: bold;}
.MainMenu #links>li a i{content:"";position:absolute;right: -1.25rem;}
.MainMenu #links>li a i svg{display:inline-block;width: 11px;height: 11px;fill:#282828;position: relative;top: 3px;}
.MainMenu #links>li:before{content:"";position:absolute;bottom: 3px;left: 50%;border-bottom: #fff 4px solid;transition:0.6s;border-left: transparent 4px solid;border-right: transparent 4px solid;margin-left: -4px;opacity: 0;visibility: hidden;display: none;}
.MainMenu #links>li>a:after{content:"";position:absolute;left: 50%;width: 30px;height: 1px;transition:0.6s;opacity: 1;bottom: 22px;margin-left: -15px;opacity: .5;}
.MainMenu #links>li.on:before, .MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li.on:after, .MainMenu #links>li:hover:after{opacity: 1;}
.MainMenu #links>li.on, .MainMenu #links>li:hover{color: #bfe9f3;}
.MainMenu #links .down{width:180px;position:absolute;top: 100%;left:50%;margin-top: 0;background-color:#fff;z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow: 0 5px 50px rgba(0,0,0,.3);visibility: hidden;}
.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:25px;left:0;right:0;background-color:transparent;}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #efefef}
.MainMenu #links .down a{display:block;position:relative;font-size: 15px;padding: 10px 0;color:#58595b;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;letter-spacing: 1px;line-height: 24px;}
.MainMenu #links .down a:before{content:"";position:absolute;top:7px;bottom:7px;left:-20px;width:4px;background: #006179;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.MainMenu #links .down a.active,.MainMenu #links .down a:hover{color: #006179;}
.MainMenu #links .down a.active:before,.MainMenu #links .down a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.MainMenu #links .down.active{ visibility:visible; pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }
/*logo*/
.fxy_topBg{ width:100%; height:220px; background:url(top_bg.jpg) no-repeat;}
.fxy_topBg1{ width:1500px; height:150px; margin:0 auto; padding-top:35px;}
.fxy_logo{ position:absolute; left:50px; top:30px; z-index:9999; width:13%}
.fxy_logo img{ width:100%;}
.xg .fxy_logo{position:fixed; left:40px; top:5px; z-index:9999; width:230px;}
/*手机导航*/
#nav_btn_box.on{ background:none;}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}
#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 23px;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 23px;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 23px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 23px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}
/*手机logo*/
.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
#m_header{position: relative;z-index: 99999;width:100%;height: 0;left:0;top:0;padding: 0px 15px;border: none;background: none; opacity:1}
#m_header #logo{height: 66px;float: left; display:none;}
#m_header #logo img{max-height:60%;max-height: 40px;}
.m_header_box{height: 0;}
/*手机导航名称*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {z-index: 99999;position: fixed;background:#006179;width: 31.8%;height:100vh;right: -105%;top: 0;display:none;padding: 0.5rem 0;overflow:hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 0.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a h3{line-height: 1rem;height: 1rem;color:#fff;padding:0;font-size:0.3rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background:url(phone_sj.png) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:""; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
/*手机导航点击背景*/
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 9999;background-color: rgba(0,0,0,0.4);display: none;}
@media(max-width: 1500px){
.MainMenu{height: 66px;z-index: 1000;background-size: cover; background:#003039; transition:all 0.5s;}
.MainMenu1{width:100%; margin:0 auto;}
.MainMenu #links{position: relative;z-index: 1;padding: 0;margin: 0; width:100%; margin:0 auto;}
.MainMenu #links>li{float: left;width: calc((100% - 0rem) / 6);margin: 0;position:relative;color: #fff;display:inline-block;height: 66px;line-height: 66px;transition:0.6s;text-align: center;}
.fxy_logo{ position:absolute; left:20px; top:35px; z-index:9999; width:16%}
.xg .fxy_logo{position:fixed; left:40px; top:13px; z-index:9999; width:14%;}
.fxy_topBg1{ width:100%; height:150px; margin:0 auto; padding-top:35px;}
}
@media(max-width: 1350px){
.MainMenu #links>li{float: left;width: calc((100% - 0rem) / 6);margin: 0;position:relative;color: #fff;display:inline-block;height: 66px;line-height: 66px;transition:0.6s;text-align: center;}	
}
@media(max-width: 1200px){
	#m_header #logo{display:block;height: 66px;float: left;}
	.m_header_box{ display:block;height: 66px;}
	#nav_btn_box{display:block; height:100%; z-index:999999999; float:right; margin-left:20px; position:static;}
	#m_header{position: relative;z-index: 99;width:100%;height: 66px;left:0;top:0;padding: 0px 15px;border: none;background: #003039;}
	#m_nav {width: 63%;}
	.header_box{ display:none;}
}