body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
table { font-size:inherit; font:100%; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend, input, button, textarea, select { *font-size:100%;
}
img { border:0; }
ul, li, ol { list-style-type:none; }
button { outline:0 none; }
.en { font-family:Arial }
.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.dis { display:block; }
.undis { display:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.pe { text-indent: 2em; }
.tm { vertical-align:middle }
a { text-decoration:none; color:#5b5858; outline:0 none }
a:hover { text-decoration:underline; color:#95260a; }
.f14 { font-size:14px }
.f14 a { font-size:14px }
.f12 { font-size:12px }
.f12 a { font-size:12px }
.f18 { font-size:22px; vertical-align: middle; }
.sred { color:#95260a; }
.username { color:#F00 }
.relative { position:relative; zoom:1 }
.red { color:#F00 }
.red a { color:#F00 }
.blue { color:#0075a9 }
.blue a, a.blue:hover { color:#0075a9 }
.hs { color:#e4e0e0 }
.hs3 { color:#a4a4a4 }
.hs4 { color:#a4a4a4; font-weight:normal; }
.hs6 { color:#666 }
.hs9 { color:#999 }
.aidco { }
.conco { color:#5b5858 }
.hide { display:none }
.mred { color:#f80000 }
.mred a { color:#f80000 }
.org { color:#F60 }
.org a { color:#F60 }
.green { color:#009944 }
.glass { color:#8f8927 }
.glass a { color:#8f8927 }
.martop15 { margin-top:15px }
.martop10 { margin-top:10px }
.unline { text-decoration:underline; }
.pagecurr { color:#F00; font-weight:bold }
.wrap { word-break: break-all; }
.block { display:block }
.ell { overflow: hidden; white-space: nowrap; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333; background: #FFF; }
.m_box { min-height:300px;_height: 300px;}
.container { width:800px; clear:both; position: relative; margin: 0px auto; }
.header { border-bottom: 1px solid #ccc; height: 85px; }
.header ul li { float: left; height: 43px; width: 43px; margin-right: 5px; }
.header ul { height: 50px; float: right; margin-right: -10px; padding-top: 30px; }
.ind_nav { height: 100px; margin: 0px auto; width: 325px; overflow: hidden; }
.ind_nav ul li { float: left; height: 52px; width: 52px; margin-right: 15px; background: url(../images/header_data/small_bg.jpg) no-repeat 0px 0px; position: relative; }
.ind_nav ul { height: 50px; width: 400px; display: block; }
.footer { background: url(../images/footer.jpg) no-repeat 0px 0px; height: 75px; border-top: 1px solid #333; }
.nav { height: 180px; position: relative; z-index: 20; }
.nav .nav_left .l_doit { background: url(../images/l_doit.jpg) no-repeat 0px 0px; height: 111px; width: 14px; float: left; }
.nav .nav_left .r_doit { background: url(../images/r_doit.jpg) no-repeat 0px 0px; float: left; height: 111px; width: 14px; }
.nav .nav_left .nav_mid{float: left; position: relative;}
.nav .nav_left ul { display: block; float: left; }
.nav .nav_left ul li { display: block; float: left; height: 111px; width: 30px; text-align: center; }
.nav .nav_left ul li a { display: block; float: left; height: 111px; width: 30px; position: relative; }
.nav .nav_left ul li a:hover { border:none; }
.nav_mid .posline{ font-size: 0px; height: 95px; width: 1px; position: absolute; left: 14px; top: 8px; background: #666; }
.nav .nav_left { float: left; padding-top: 18px; }
.nav_info { height: 77px; width: 77px; display: inline-block; position: relative; background: url(../images/header_data/logobeijing.png); overflow: hidden; }
.nav .nav_right { float: right; padding-top: 30px; }
.nav_info a.n_a { background: url(../images/logo1.png) no-repeat; display: block; height: 77px; width: 77px; }
.nav_info a.n_a:hover { background: url(../images/logo2.png) no-repeat; }


.ind_top { background: url(../images/wenzi_02.jpg) no-repeat center 0px; height: 255px; }
.ind_logo { margin: 0px auto; height: 325px; width: 325px; background: url(../images/header_data/bigbeijing.jpg) no-repeat 0px 0px; position: relative; }
/**/
.case_logo { background: url(../images/bz/biaozhibj.png) repeat 0px 0px; margin: 0px auto; width: 769px; }
.case_logo ul { padding-top: 73px; display: block;zoom:1; }
.case_logo ul li { float: left; height: 129px; width: 256px; overflow: hidden;}
.case_logo ul li a { margin: 0 auto; height: 110px; width: 144px; cursor:pointer; display: block; }
.case_logo ul li.mr{margin-left:128px;_margin-left:64px;}
.case_logo_box{ min-height:350px; _height: 350px; padding-bottom: 80px; }

.ind_logo img,.ind_nav li img { position: absolute; left: 0px; top: 0px; }
.ind_logo .img_1,.ind_nav li .img_1{ z-index:10}
.ind_logo .img_2,.ind_nav li .img_2{ z-index:5; }


.side_logo{ height: 77px; width: 77px; position: relative; }
.side_logo img{ position: absolute; left: 0px; top: 0px; }
.side_logo .img_1{ z-index:10}
.side_logo .img_2{ z-index:5; }
.side_logo .img_2{ }

.beian { color: #f4f4f4; padding-top: 100px; text-align: center; line-height: 30px; }

.ind_logo2 { margin: 0px auto; height: 325px; width: 325px; background: url(../images/header_data/big_qian1.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2{height: 50px; width: 400px; display: block;}
.ind_nav .ind_nav2 .sbox { float: left; height: 52px; width: 52px; margin-right: 15px; position: relative; }
.ind_nav .ind_nav2 .g_1{ background: url(../images/header_data/indexdh1.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_2{ background: url(../images/header_data/indexdh2.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_3{ background: url(../images/header_data/indexdh3.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_4{ background: url(../images/header_data/indexdh4.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_5{ background: url(../images/header_data/indexdh5.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_1 .g_ch-info2{ background: url(../images/header_data/indexdhjg1.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_2 .g_ch-info2{ background: url(../images/header_data/indexdhjg2.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_3 .g_ch-info2{ background: url(../images/header_data/indexdhjg3.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_4 .g_ch-info2{ background: url(../images/header_data/indexdhjg4.png) no-repeat 0px 0px; }
.ind_nav .ind_nav2 .g_5 .g_ch-info2{ background: url(../images/header_data/indexdhjg5.png) no-repeat 0px 0px; }
.g_ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4),
		inset 0 0 0 0 rgba(0,0,0,0.6),
		0 0px 0px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.g_ch-info {
	background-image:url(../images/header_data/big_qian2.png);
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; 

}


.g_ch-item:hover {
	box-shadow: 
		inset 0 0 0 165px rgba(0,0,0, 1),
		inset 0 0 0 0px rgba(0,0,0,0.8),
		0 0px 0px rgba(0,0,0,0.1);
}

.g_ch-item:hover .g_ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.g_ch-item2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0),
		inset 0 0 0 0 rgba(0,0,0,0),
		0 0px 0px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.g_ch-info2 {
	
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; 

}


.g_ch-item2:hover {
	box-shadow: 
		inset 0 0 0 26px rgba(0,0,0, 1),
		inset 0 0 0 0px rgba(0,0,0,0.8),
		0 0px 0px rgba(0,0,0,0.1);
}

.g_ch-item2:hover .g_ch-info2 {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.side_logo2 { height: 77px; width: 77px; position: relative; background: url(../images/header_data/logo1.png); }
.g_ch-item3 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4),
		inset 0 0 0 0 rgba(0,0,0,0.6),
		0 0px 0px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.g_ch-info3 { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; background: url(../images/header_data/logo2.png); }


.g_ch-item3:hover {
	box-shadow: 
		inset 0 0 0 40px rgba(0,0,0, 1),
		inset 0 0 0 0px rgba(0,0,0,0.8),
		0 0px 0px rgba(0,0,0,0.1);
}

.g_ch-item3:hover .g_ch-info3 {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

.photo_fx{ height:50px;}
.photo_fx a { display: block; float: left; height: 32px; width: 38px; margin-top:5px; margin-right:4px; }
.photo_fx a.fx_xl{ background: url(../images/fx/xl.gif) no-repeat 0px 0px; }
.photo_fx a.fx_rr{ background: url(../images/fx/rr.gif) no-repeat 0px 0px; }
.photo_fx a.fx_wx{ background: url(../images/fx/wx.gif) no-repeat 0px 0px; }
.photo_fx a.fx_xl:hover{ background: url(../images/fx/xl_on.gif) no-repeat 0px 0px; }
.photo_fx a.fx_rr:hover{ background: url(../images/fx/rr_on.gif) no-repeat 0px 0px; }
.photo_fx a.fx_wx:hover{ background: url(../images/fx/wx_on.gif) no-repeat 0px 0px; }

.sphoto_fx{ height:30px; float: left; padding-top:45px; padding-left: 15px; }
.sphoto_fx a { display: block; float: left; height: 25px; width: 25px; }
.sphoto_fx a.sfx_xl{ background: url(../images/fx/small_xl.gif) no-repeat 0px 0px;}
.sphoto_fx a.sfx_tb{ background: url(../images/fx/small_tb.gif) no-repeat 0px 0px; }
.sphoto_fx a.sfx_xl:hover{ background: url(../images/fx/small_xl_on.gif) no-repeat 0px 0px; }
.sphoto_fx a.sfx_tb:hover{ background: url(../images/fx/small_tb_on.gif) no-repeat 0px 0px; }


.back_top { font-size: 0px; position: relative; height: 1px; }
.back_top a { height: 80px; width: 37px; position: absolute; top: 0px; right: -57px; }


/*ch-item*/
.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px; }
.ch-info { position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.ch-info > div { display: block; position: absolute; cursor:pointer; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.ch-info .ch-info-front { background: url(../images/logo1.png) no-repeat 0px 0px; }
.ch-info .ch-info-back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); background: url(../images/logo2.png); opacity: 0; }
.ch-item:hover .ch-info-front { -webkit-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 100px, 0) rotate3d(1, 0, 0, -90deg); opacity: 0; }
.ch-item:hover .ch-info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); opacity: 1; }
/*case-list*/
.case { position: relative; height: 350px; }
.case .item { height: 218px; width: 218px; position: absolute; border: 1px solid #D3D3D3; background: #666; overflow: hidden; cursor:pointer; }
.case .item a span { height: 0; width: 0; overflow:hidden; position: absolute; z-index: 10; left: 30px; top: 30px; cursor:pointer;
 }
.case .item a:hover { border:none; }
.case .item a:hover span { height: 159px; width: 159px; }
.case .item { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474,M12=-0.7071067811865477,M21=0.7071067811865477,M22=0.7071067811865474,SizingMethod='auto expand');}
.case .item a .fangdawai { overflow: hidden; display: block; visibility:visible; float: left;  }
.case .item a .fangdanei {  overflow: hidden; display: block;  float: left;  }
/**/