@import url("reset.css");
/* butn */


.wrap, .footer, .nav,#banner{ clear:both; margin:0 auto;}
.wrap{ max-width:100%; position:relative; margin:0 auto;width: auto;}
.wrap ul{position: relative;text-align: center;display: flex;justify-content: center;justify-content: -webkit-center;}
#demo2{ display:none;}
@media (max-width:820px) {
/*#demo1{ display:none;}*/
/*#demo2{ display:block;}*/
.wrap{ padding:0 10px;}
.nav .wrap{ padding:0;}
.clearfix2{ display:none;}
}

.header{padding:0px 0;}
.logo{ float:left; padding-left:10px;}
.headrt{ float:right; min-width:360px; font-size:0.875em; padding-top:6px;}
.headrt .txt{ float:right; text-align:right; line-height:24px;}
.headrt .txt s{ display:inline-block; background:url(../images/dot_g.png) no-repeat center; width:30px; height:5px; vertical-align:middle;}
.headrt .t_weixin{ float:right; background:#a0a0a0 url(../images/icon/t_weixin.png) no-repeat center; display:inline-block; border-radius:50%; width: 48px; height:48px; text-indent:-9999px; margin-left:20px;}
.headrt .t_weixin:hover{ background:#2378c8 url(../images/icon/t_weixin.png) no-repeat center;}

.nav{ width: 100%; float: left;}
.nav li{ float:left; width: 14.28%; text-align: center; position: relative;}
.nav li:last-child { background: none;}
.nav li>a { display: block; line-height: 50px; font-size: 16px; color: #666; margin-top: -1px; /*border-top: 1px rgba(255,255,255,0) solid;*/ font-weight: 500; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.nav li>a:hover {font-weight: 700; /* border-top: 1px #0baf4d solid;*/ color: #0c4da2; transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s;}
.nav li.hover>a { border-top: 1px #0baf4d solid; font-weight:700; color: #0c4da2; transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s;}

.nav li>a:before {opacity: 0; transition: all 1s ease; -moz-transition: all all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; top: -2px; position: absolute; content:""; width: 0; height: 2px; right: 0%; background-color: #0baf4d;}
.nav li>a:hover::before {opacity: 1; width: 100%; left: 0%}

.menu { display:none}
.nav li dl{ display:none;}
.nav li:hover dl{ display: block; position: absolute; top: 50px; z-index: 999; width: 100%; text-align: center; opacity: 0.9; background: #fff; filter: alpha(opacity=90);}
.nav li:hover dl dd a{ display:block; background: rgba(255,255,255,0.8); border-bottom: #eee solid 1px; line-height: 35px; font-size: 15px; color: #666;}
.nav li:hover dl dd a:hover{ background:rgba(240,240,240,1); color: #0c4da2;}

.nav li:hover dl dd{    position: relative;}
.nav li:hover dl dd:hover dl{ display: block; position: absolute; top: 0px; left:135px; z-index: 999; width: 100%; text-align: center; opacity: 0.9; background: #fff; filter: alpha(opacity=90); }
.nav li:hover dl dd dl{ display: none; position: absolute; top: 0px; left:135px; z-index: 999; width: 100%; text-align: center; opacity: 0.9; background: #fff; filter: alpha(opacity=90);}
.nav li:hover dl dd dl dd a{ display:block; background: rgba(255,255,255,0.8); line-height: 36px; font-size: 14px; color: #666;}
.nav li:hover dl dd dl dd a:hover{ background:rgba(240,240,240,1); color: #0c4da2;}

@media (max-width:820px) {
.headrt { display:none;}
#nav{display: none;}
.nav li{ float:none; background:none; width:auto; text-align:left; border-bottom:1px #e7e7e7 solid;}
.nav li.hover>a{ border-bottom:none;}
.nav li dl{ display: block;}
.nav li:hover dl{ display: block; position: inherit; top: auto; width: auto; text-align: left; opacity: 1.0;filter: alpha(opacity=100);}
.nav li dl dd { border-top:1px #eee dashed;}
.nav li dl dd a{ display:block; background:#fafafa; line-height:30px;}
.nav a{ padding: 0 20px;}
.nav li>a{ border-bottom: none;}
.nav li>a:hover{ background:#2378c8; color:#fff;}

.menu {background: url(../images/icon/menu.png) no-repeat center; display: inline-block; width:40px; height:40px; text-indent:-9999px; margin:5px 0px;}
.menu:hover {background:rgba(0,0,0,0.1) url(../images/icon/menu.png) no-repeat center;}
}

/*导航问题 :解决点击出现闪现的问题*/

@media (min-width: 820px){
#menu{
	display: none;
}

}

iframe #shinonome .bpx-player-video-wrap video{autoplay:false}