html, legend {
	color: #000
}
fieldset, hr, img {
	border: none
}
a, a:hover {
	text-decoration: none
}
ol, ul {
	list-style: none
}
#doc, .fd-locate {
	position: relative
}
#banner, body, html {
	/*background: #333;*/
	min-width: 1200px;
}
html {
	overflow-y: scroll;
	font-family: 'MICROSOFT YAHEI'
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: 'MICROSOFT YAHEI'
}

body, button, input, select, textarea {
	font: 12px/1.5 Tahoma, Arial, "\5b8b\4f53", sans-serif
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
address, cite, dfn, em, var {
	font-style: normal
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace
}
small {
	font-size: 12px
}
a {
	color: #666
}
abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help
}
q:after, q:before {
	content: ''
}
:focus {
	outline: 0
}
button, input, select, textarea {
	font-size: 100%
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	height: 1px
}
img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}
.fd-left {
	float: left
}
.fd-right {
	float: right
}
.fd-clear {
	clear: both
}
.fd-clr:after {
	display: block;
	clear: both;
	height: 0;
	content: "\0020"
}
.fd-hide {
	display: none
}
.fd-show {
	display: block
}
.fd-cny {
	font-family: Helvetica, Arial
}
.fd-gray {
	color: #666
}
.fd-bold {
	font-weight: 700
}
#content:after, #footer:after, #header:after, .layout:after {
	display: block;
	clear: both;
	height: 0;
	content: "\0020"
}
#doc, body, html {
	height: 100%
}
.layout .grid {
	float: left
}
.layout .grid-fixed {
	margin-right: 0 !important
}
#footer, .w952 {
	margin: 0 auto
}
.w952 {
	width: 952px;
	padding: 0 4px
}
a:hover {
	-webkit-transition: backgroundColor .2s linear;
	-moz-transition: backgroundColor .2s linear;
	-o-transition: backgroundColor .2s linear;
	transition: backgroundColor .2s linear;
	color: #ff7300
}
#doc {
	width: 100%
}
#sidebar {
	position: relative;
	z-index: 999;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear;
	background: #fff;
	box-shadow: 0 0 3px #ddd;
}
#sidebar .panel-off {
	display: none
}
#sidebar .panel-on {
	display: block;
	/*height: 100%;*/
	/*background: #222;*/
	/*opacity:0.7;*/
	width: 1300px;
	margin: 0 auto 0;
	height: 80px;
}
#sidebar.sidebar-fixed {
	position: relative !important;
	left: 0 !important;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear
}
#sidebar .logo {
	/*padding: 40px 0 40px*/
	float: left;
}
#sidebar .logo  img{
	height: 80px;
}
#sidebar .nav {
	position: relative;
	z-index: 10;
	/*background: #222;*/
	/*float: left;*/
	float: left;
	margin-right: 20px;
	/*margin-left: 40px;*/
}
#sidebar .nav li {
	line-height: 80px;
	color: #ddd;
	/*border-bottom: solid 1px #2b2b2a;*/
	float: left;
	/*margin: 0 20px;*/
	position: relative;
}
#sidebar .nav li a {
	display: block;
	/*padding: 0 0 0 32px;*/
	padding: 0 25px;
	font-size: 14px;
	color: #666666;
}
#sidebar .nav li a.focus, #sidebar .nav li:hover a {
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
	color: #fff;
	background: #D2001B
}
#sidebar .nav li .slide{
	position: absolute;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	top: 80px;
	display: none;
}
#sidebar .nav li .slide dd{
	
}
#sidebar .nav li .slide dd a{
	background: #fff;
	padding: 0;
	text-align: center;
	color: #666666;
	line-height: 60px;
}
#sidebar .nav li .slide dd a:hover{
	background: #D2001B;
	color: #fff;
}
#sidebar .copyright {
	/*position: absolute;*/
	/*bottom: 0;*/
	float: right;
	padding: 23px 0;
	height: 34px;
	/*border-top: solid 1px #2b2b2a;*/
}
#sidebar .copyright .share{
	float: right;
}
#sidebar .copyright .share a{
	float: left;
	margin: 0;
	margin-left: 10px;
	width: 34px;
	height: 34px;
	padding: 0;
	background: none;
	text-indent: 0;
}
#sidebar .copyright .share a.bds_tsina{
	background: url(../img/share1.png) no-repeat center center;
}
#sidebar .copyright .share a.bds_qzone{
	background: url(../img/share2.png) no-repeat center center;
}
#sidebar .copyright .share a.bds_weixin{
	background: url(../img/share3.png) no-repeat center center;
}
#sidebar .copyright .share a:hover{
	opacity: 0.7;
}
#sidebar .copyright .langage{
	float: right;
	margin-right: 25px;
	padding-left: 30px;
	font-size: 14px;
	color: #999999;
	line-height: 34px;
	background: url(../img/langage.png) no-repeat
	 left center;
}
#sidebar .copyright .langage:hover{
	opacity: 0.7;
}

#sidebar .copyright .ctx {
	line-height: 24px;
	color: #4c4c4c;
	padding-bottom: 10px
}
#footer, #footer .cooper a, #footer .links li a {
	color: #7d7d7d;
}
#footer {
	/*width: 100%;*/
	/*max-width: 1480px;*/
	/*max-width: 1200px;*/
	background: #ededed;
	overflow: hidden;
	/*margin-left: 220px;*/
	color: #7d7d7d;
}
.footer-box{
	max-width: 1200px;
	margin: 0 auto 0;
	height: 97px;
	line-height: 97px;
}
#footer .links {
	float: left;
	margin-left: 40px
}
#footer .links li {
	float: left;
	line-height: 97px;
	color: #7d7d7d
}
#footer .links li a{
	color: #7d7d7d;
}
#footer .links li a:hover{
	color: #333;
}
#footer .cooper a:hover{
	color: #333;
}
#footer .links li.d {
	padding: 0 10px
}
#footer .cooper {
	float: right;
	line-height: 97px;
	margin-right: 40px
}
#in-content {
	/*margin-left: 220px*/
}
#in-content .panel-ctx-screen {
	width: 1054px;
	margin: 0 auto
}
#in-content .panel-ctx {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0 50px;
	color: #666;
	line-height: 30px;
	font-size: 16px
}
#in-content .panel-title {
	color: #000;
	padding-top: 75px;
	text-align: center
}
#in-content .panel-title .mt {
	line-height: 68px;
	font-size: 40px
}
#in-content .panel-title .line {
	width: 54px;
	height: 2px;
	margin: 0 auto;
	background: #000;
	overflow: hidden
}
#in-content .panel-title .sub {
	font-size: 24px;
	line-height: 72px
}
#in-content .content-ctx {
	/*background: #1c1c1c*/
}
#in-content .content-title{width:980px;height:56px;margin:-56px auto 0}
#in-content .content-title .title-l{width:100%;overflow:hidden;font-size:0}
#in-content .content-title .title-l li{position:relative;float:left;height:56px;line-height:56px;text-align:center;color:#fff;font-size:14px;background:#000;filter:alpha(opacity=90);background:rgba(0,0,0,.9)}
#in-content .content-title .title-l .item-3{width:33%}
#in-content .content-title .title-l .item-4{width:25%}
#in-content .content-title .title-l .item-6{width:50%}
#in-content .content-title .title-l .item-6 a{
	background: #313131;
	color: #999;
}
#in-content .content-title .title-l .item-6 a.selectd,#in-content .content-title .title-l .item-6 a:hover{
	background: #980c16
}
#in-content .content-title .title-l .item-5{width:20%}#in-content .content-title .title-l a{display:block;color: #999;}#in-content .content-title .title-l a.selectd,#in-content .content-title .title-l a:hover{color:#fff;background:#9c101a;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.infooter{margin-left:220px}

.banner-index{
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width:1200px;
    /*min-width: 1045px;*/
    /*height: 100%;*/
    height: 800px;
}
.banner-index ul{
	float: left;
}
.banner-index li{
	position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    min-width:1200px;
    background-size:cover !important;
    /*float: left;*/
}

.banner-index .btn{
	position: absolute;
    left: 50%;
    bottom: 25px;
    height: 12px;
    text-align: center;
}

.banner-index .btn span{
	display: inline-block;
    width: 10px;
    height: 10px;
    border:solid #fff 1px;
    -moz-border-radius: 10px;      /* Gecko browsers */-webkit-border-radius: 10px;   /* Webkit browsers */border-radius:10px;   /* W3C syntax */
    background: #fff;
    margin: 0 4px;
    cursor: pointer;
    vertical-align: top;
}

.banner-index .btn span.cur{
	border:solid #D2001B 1px;
	background: #D2001B;
}


.artist-info{
	margin-top:77px;
	font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
.artist-info .tp.f-cb{
    zoom: 1;
}
.artist-info .tp.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.artist-info .tp .tp-left{
	padding-left: 25px;
	width: 535px;
	text-align: left;
	padding-top: 38px;
	height: 377px;
	background: #b70814;
	float: left;
	display: inline-block;
}
.artist-info .tp .tp-right{
	width: 413px;
	height: 415px;
	float: left;
	display: inline-block;
}
.artist-info .tp .tp-left .add{
	background: url(../img/add_06.jpg) no-repeat;
	width: 31px;
	height: 31px;
	margin-bottom: 25px;
}
.artist-info .tp .tp-left .eng{
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 15px;
}
.artist-info .tp .tp-left .name{
	color: #fff;
	font-size: 46px;
	line-height: 1;
}
.artist-info .center{
	margin-top: 15px;
	margin-bottom: 20px;	
	padding: 37px 50px 70px 40px;
	width: 883px;
	background: #323232
}
.artist-info .center .f32{
	color: #fff;
	font-size: 32px;
	line-height: 23px;
	margin-bottom: 25px;
}
.artist-info .center table {
	width: 100%;
}
.artist-info .center table td{
	padding-bottom:14px;
	color: #c3c3c3;
	font-size: 17px;
	text-align: left;
}
.artist-info .center .info{
	color: #c3c3c3;
	font-size: 14px;
	/*text-align: left;*/
	line-height: 23px;	
}
.artist-info .bottom{
	margin-top: 15px;
	margin-bottom: 20px;	
	padding: 37px 50px 40px 40px;
	width: 883px;
	background: #323232;
}
.artist-info .bottom .f24{
	color: #fff;
	font-size: 24px;
	line-height: 23px;
	margin-bottom: 25px;
}
#in-content .panel-ctx .artist-info .bottom p{
	color: #b1b0b0;
	font-size: 14px;
	line-height: 23px;
}

.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
          animation: spinner 700ms infinite linear;
}

.loader.white {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.loader {
    /*background: url(../img/loadings.gif) no-repeat center center;*/
    /* position: absolute; */
}
.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}


.wbimg{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	display: none;
	z-index: 999;
}
.wbimg img{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -100px;
	margin-top: -100px;
}




.web_map{
	
}
.web_map .map_sub{
	width: 990px;
	margin: 0 auto;
}
.web_map .h{
	padding-top: 78px;
	text-transform: uppercase;
	/*font-size: 28px;
	color: #333;
	line-height: 34px;*/
	padding-bottom: 12px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 60px;
}
.web_map .dl{
	float: left;
	margin-right: 150px;
	width: 90px;
	margin-bottom: 40px;
}
.web_map .dl .dd{
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 14px;
	font-family: 'MICROSOFT YAHEI';
}
.web_map .dl .dt a{
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
	display: block;
	-webkit-transition: all .5s 0s linear;
	-o-transition: all .5s 0s linear;
	transition: all .5s 0s linear;
	font-family: 'MICROSOFT YAHEI';
}
.web_map .dl .dt a:hover{
	color: #D2001B;
	-webkit-transition: all .5s 0s linear;
	-o-transition: all .5s 0s linear;
	transition: all .5s 0s linear;
}