body { min-width: 70%;background: rgba(146,58,55,0.8);}
.container{width:70%; padding-left:50px; padding-right: 50px;}
header {height:auto; position:fixed; width:100%; top:0; left:0; right:0; z-index:10;}
header .top{ text-align:right; font-size: 14px; line-height:40px; padding-right: 20px; height:0px; overflow-y:hidden; transition: height 0.2s linear; background:#923a37}
header .top:before{content:""; position:absolute; top:0; left:-40px; bottom:0; height:0px; background:#fff; width: calc(50% - 210px); transform:skewX(-30deg); transition: all 0.1s linear;}
header .top a{color:#fff;}
header .top .phone{margin-right: 30px; font-size: 1.1em; color:#fff;}
header .top .lang{margin-right: 30px;}
header .top .lang font{color:#fff; margin: 0 4px; vertical-align:1px;}
header .top .calendar{margin-right: 25px;}
header .top form{float:right;}
header .top form>*{float:left;}
header .top form input{height: 15px; line-height: 12px; border:none; background:#fff; border-radius: 5px; margin-top:12px; padding:0 8px; margin-right: 10px;}
header .top form input:focus{background:#9ec0ab;}
header .top form button{float:right; margin-top:12px; width:15px; height: 15px; border:none; background:url(../image/search.png) center center no-repeat; }
header .logo{}
header .logo img{height: 69px;float:left;}
header .nav{background:#944f4e; transition:all 0.2s linear; position:relative;}
header .nav ul.list{display:flex; align-items: stretch; justify-content:flex-end; align-content:flex-end; margin-bottom:0; padding-left: 0; list-style:none;}
header .nav ul.list>li{padding-left: 45px;padding-bottom:0; position:relative; text-align:center;}
header .nav ul.list>li:nth-child(1){margin-left:0; }
header .nav ul.list>li>a{display:inline-block; position:relative; line-height: 62px; padding-bottom: 0px; color:#fff; text-decoration:none; font-size: 16px;}
header .nav ul.list>li>a:after{transform: scaleX(0); content:""; position: absolute; bottom:0; left: 0; right:0; height: 4px; background:#fff; 
	transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1); transform-origin: right center;}
header .nav ul.list>li>a.sel:after{transform: scaleX(1); }
header .nav ul.list>li>a:hover:after{transform: scaleX(1); transform-origin: left center;}
/**子菜单中间的竖线**/
header .nav ul.list>li:after{content:'';  position:absolute;  top:76px; left:20px;width:1px; height:0; background:#cb524c; transition:all 0.2s linear;}
header .nav ul.list>li:nth-child(1):after{display:none;}
header .nav ul.list>li:nth-child(2):after{display:none;}
header .nav ul.list>li ul{ list-style:none; padding:0; margin:0; height:0; text-align:center;  overflow:hidden; transition: all 0.2s linear; }
header .nav ul.list>li ul li{margin:0; padding: 1px;}
header .nav ul.list>li ul li a{color:#fff; font-size: 12px; display:block; text-decoration:none;line-height: 16px; padding:7px 4px; transition: all 0.2s linear;}
header .nav ul.list>li ul li a:hover{background:#8f211e;}
header .nav ul.list>li ul li a.sel{background:#923a37;}
header .logo{content:""; position:absolute; top:-30px; left:-40px; bottom:0; height:97px; background:rgba(255,255,255,0.8); width: calc(50% - 280px); transform:skewX(-30deg); transition: all 0.1s linear;z-index: 99;}
header .logot {position:absolute; top:0;left:10%;padding-top: 8px;z-index: 100}
header .logot img {width: 275px;transition: all 0.1s linear;}
header:hover .nav{background: rgba(146,58,55,0.8);}
/*header .nav .container:before{ z-index:1; position: relative;content:""; display:inline-block;float:left; width:117px; height:58px; 
	background-image: url(../images/logo.png); background-size: 100% 100%; transition: all 0.2s linear; margin-top:2px;}*/
header:hover .top{height: 40px;}
header:hover .nav:before{width: calc(50% - 240px);}
header:hover .logo {top: 0;}
header:hover .logot img {width: 365px;}
header:hover .logot {left: 8%;}
header:hover .nav ul.list>li ul{padding-top: 5px; padding-bottom: 20px;}
header:hover .nav ul.list>li:after{height: calc(100% - 96px);}

/*header .logo{float:left;}
header .logo img{height:60px;}
header .nav{float:right;}
header .nav a{display:inline-block; position:relative; margin:0 20px; line-height: 62px; padding-bottom: 0px; color:#fff; text-decoration:none; font-size: 16px;}
header .nav a:after{transform: scaleX(0); content:""; position: absolute; bottom:12px; left: 0; right:0; height: 2px; background:#fff; border-radius:2px;
transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);
transform-origin: right center;}
header .nav a.sel:after{transform: scaleX(1); }
header .nav a:hover:after{transform: scaleX(1); transform-origin: left center;}
header .nav:after{content:""; clear:both;}
header .nav-sub{text-align:right;}
header .nav-sub ul{display:inline-block; list-style:none;}
*/
main{background:#f9f7f8; padding:30px 0; margin-top: 62px; transition: margin-top 0.2s linear;}
main.header-hover{margin-top:322px;}
main div.container{}
footer{color:#fff; background:#923a37; text-align: center; padding:1em 0;}
footer .container{display:flex; justify-content: center;}
footer .container div.qr { background:#fff;transition:all 0.2s ease-out; text-align:left; width: 56px; height: 56px; position:relative; z-index: 100;}
footer .container div.qr>*{transition:all 0.2s ease-out;}
footer .container div.qr p{color:#4a4a4a; font-size: 0px; height:0px; line-height: 0px; margin:0; background:#fff; text-align: center;}
footer .container div.qr img{height:56px; }
footer .container div.qr:hover{width:224px; margin-top:-24px;}
footer .container div.qr:hover p{color:#4a4a4a; font-size: 12px; height:24px; line-height:14px; }
footer .container div.qr:hover img{transform: translate(150%, -150%) scale(4);}
footer .container div.info{margin-left: 1em; text-align:left;}
footer .container div.info p{margin:0 auto;line-height: 2em; }

@media screen and (max-width: 1686px) {
	.container {
    width: 1200px;padding: 0;
}
	header .logot {left: 10%;}
	header .logo {
    width: calc(50% - 200px);
}
	header:hover .logot {left: 7%;}
	
	
}

@media screen and (max-width: 1441px) {

	header .logot {left: 6%;}
	header:hover .logot {left: 4%;}
	
}
@media screen and (max-width: 1366px) {

	header .logot {left: 6%;}
	header:hover .logot {left: 2%;}
	
}

@media screen and (max-width: 1286px) {
	header .logot {left: 5%;}
	header .logo {
    width: calc(50% - 180px);
}
	
	
}
/*@media screen and (max-width: 1024px) {
	header .nav{width:107px; margin-right: -50px;  }
	header .nav span{display:block; font-size:20px; font-weight:0; text-align:center; height:62px; line-height: 62px; color:#fff;}
	header .nav a{display:none; background:rgba(0, 56, 29, 0.8);}
	header .nav:hover a{display:block;}
}*/

@media screen and (min-width: 1080px) {
/*header .logo img{height: 80px;}
header .nav a{font-size: 1.3em;}*/
}
div.ui-dialog.no-title div.ui-dialog-titlebar{display:none;}