@charset "utf-8";

/* wrapper */
.wrapper{position:relative;width:100%;min-height:100%;}
dl.record dd{display: inline-block;margin-right: 15px;color: #b1b1b1;font-size: 14px}
	dl.record dd:before{display: inline-block;margin-right:5px;width: 17px;height: 14px;content: "";background-position: left center;background-repeat: no-repeat;position: relative;top:2px}
	dl.record dd.time:before{background-image: url(../images/0time.png)}
	dl.record dd.seed:before{background-image: url(../images/0see.png)}
/* header */
.header{height: 86px;line-height: 80px;position:fixed; background-color: #fff;z-index:998; top:0; right:0; left:0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.header>*{vertical-align: middle;}
	.head-logo{ display:block;background-position:left center;background-repeat: no-repeat;height: 100%;width: 649px;background-size: 100%;background-image: url(../images/0header_logo3.png);background-size: 100%;margin-left: 20px;}
	.nav-toggle{position:fixed; z-index:999; top:10px; right:10px; display:none; width:30px; height:13px; padding-top:13px; touch-action:none;}
		.nav-toggle .icon{ position:relative; z-index:999;width:30px;height:4px;border-radius:2px;background-color:#fff; -webkit-box-shadow:0 0 1px rgba(0,0,0,.6); -moz-box-shadow:0 0 1px rgba(0,0,0,.6); box-shadow:0 0 1px rgba(0,0,0,.6);-webkit-transition-duration:.5s;transition-duration:.5s;transiting-timing-function:swing;}
		.nav-toggle .icon:after,.nav-toggle .icon:before{position:absolute;left:0;width:30px;height:4px;border-radius:2px;background-color:#fff; -webkit-box-shadow:0 0 1px rgba(0,0,0,.6); -moz-box-shadow:0 0 1px rgba(0,0,0,.6); box-shadow:0 0 1px rgba(0,0,0,.6);content:"";-webkit-transition-timing-function:swing;transition-timing-function:swing;-webkit-transition-duration:.5s;transition-duration:.5s;}
		.nav-toggle .icon:before{top:-9px;}
		.nav-toggle .icon:after{top:9px;}
		.nav-toggle.active .icon{ width:0;}
		.nav-toggle.active .icon:before{-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);}
		.nav-toggle.active .icon:after{-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);}
	.nav-weixin{height: 100%;line-height: 80px;padding:0 40px 0 30px;position: relative;margin-left: 25px}
	.nav-weixin:before{height:24px;width: 1px;background-color: #dedede;position:absolute;left: 0;top:0;bottom: 0;margin:auto;content: "";display: block;}
		.nav-weixin .icon{width: 24px;height: 19px;background-image: url(../images/0header_icon0.png);background-repeat: no-repeat;background-position: center;height: 100%}
		.nav-weixin .picture{position: absolute;top:100%;display: none;left: -8px}
		.nav-weixin:hover .picture{display: block;}
	.head-nav li{}
		.nav-logo{ display:none;}
		.head-nav li a{ position: relative;display:block; height:86px; line-height:86px; overflow:hidden; font-size:16px; font-weight:300;width: 108px;text-align: center;border-style: solid;border-width: 0 1px;border-color: transparent;}
		.head-nav li a:before{ position: relative; height:2px;width: 0;background-color: #1ec9ca;position:absolute;left: 0;left:0;bottom: 0;margin:auto;content: "";-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition:all .8s ease;-ms-transition:all .8s ease;transition:all .8s ease;}
.head-nav li.active a{border-color: #efefef}
.head-nav li.active a:before,.head-nav li:hover a:before{width: 100%}

.indexhead{height: 100px;background-color: transparent;top:15px}
.indexhead .head-logo{background-image: url(../images/0header_logo.png);width: 73px;margin-left: 40px}
	
	.indexhead .nav-weixin{padding-left: 20px;margin-left: 0}
	.indexhead .nav-weixin .icon{background-image: url(../images/0header_weixin.png);width:28px }
	.indexhead .nav-weixin:before{display: none}
	.indexhead .index-toggle{width: 33px;height: 19px;background-image: url(../images/0header_mue.png);background-repeat: no-repeat;background-position: center;height: 100%;cursor: pointer;}
	.index_nav{position: fixed;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(29, 30, 36, 0.9);height: 100%;width: 100%;z-index: 100;padding-top: 120px;display: none}
		.index_nav ul{}
		.index_nav li{text-align: center;margin-bottom: 70px;color: #fff;line-height: 150%}
		.index_nav li h3{color: #4a586f;font-size: 56px;line-height: 56px;}
			.index_nav li .pic{display: none}
			.index_nav li .pic a{color: #fff;font-size: 14px;display: inline-block;padding:0 12px;font-weight: 300px}
			.index_nav li .pic h4 a{font-size: 48px;line-height: 50px}
			.index_nav li .pic .line{height: 38px;width: 1px;background-color: rgba(255, 255, 255, 0.28);display:block;margin:15px auto;}
		.index_nav li:hover h3{display: none}
		.index_nav li:hover .pic{display:block;}
		.IndexcloseBtn{width: 25px;height: 25px;background: url(../images/0closeBtn.png) no-repeat center;position:fixed;top:40px;right: 40px;cursor: pointer;}
/* links */
.links-list{ width:100%; height:140px; overflow:hidden;}
	.links li{ height:140px;}
		.links li .tbc{ padding:0 58px;}

/* footer */
.footer{ font-weight:300; background-color:#fafbfc;line-height: 57px;text-align: center;color: #9e9e9e;font-size: 13px;}
	.footer a{ font-weight:300; color: #9e9e9e;font-size: 13px;}

	

.content{padding-top: 86px;}

/* 1366 */
@media (max-width:1366px){
	.header{ padding:0 0}
}

/* 1200 */
@media (max-width:1200px){
	.container{width:100% !important;}


}
@media (max-width:1050px){
	.head-logo{width: 320px;}
	.head-nav li a{width: 85px;font-size: 14px}
}
/* 900 */
@media (max-width:900px){
	html,body{height:100%;}
	.header,.indexhead{height:48px;line-height:48px;padding:0;position: fixed;width: 100%;top:0;left: 0;}
	/*.content{padding-top: 48px}*/
	.head-logo{width:35%;}
	.nav-toggle{ display:block;}
		.nav-weixin{display: none}
		.head-nav{ position:fixed; z-index:998; top:0; right:0; bottom:0; left:0; visibility:hidden; padding-top:100px; background-color:#1ec9ca; opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); transform:scale(.9); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
		.indexhead .head-nav{ display: block;}
		
	.head-nav.active{ visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
	.indexhead .head-nav.active{ visibility:visible; opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
		.nav-logo{ display:block; margin-bottom:20px;}
			.nav-logo img{ display:block; margin:0 auto;}
		.head-nav li{display: block;float: none;text-align: center;margin: 0;padding:0 10%}
		.head-nav li a{ position: relative;display:block; height:50px; line-height:50px; overflow:hidden; font-size:15px; font-weight:300; color:#fff;margin:0}
		.head-nav li a:before{ position: relative; height:1px;width: 100%;background-color:rgba(255, 255, 255, 0.2);display: block;bottom: 0}
		.head-nav li:first-child a:before{ display:none;bottom: 0}
		.head-nav li.active a:before{ position: relative;}
		.head-nav li.active a,.head-nav li:hover a{color: #fff;font-weight: 600}
		.head-nav li a{width: auto;display: block;border-width: 0;}


	.indexhead .head-logo{background-image: url(../images/0header_logo0.jpg);width: 73px;margin-left: 0px;width: 19%}
	.indexhead .index-toggle{display: none}

.content{padding-top:48px;}
.footer{ line-height:150%;padding:10px 0}
}

/* 375 */
@media (max-width:650px){

	dl.record dd{font-size: 12px}
	.head-logo{width:50%;}
	

}