@charset "utf-8";
/* CSS Document */

#container {position: relative; margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%;background:url(/chn/image/main/allbg.gif) no-repeat top center; z-index:101;}
#body_wrap { position: relative; 	width: 980px; margin:auto; z-index:105; background:none; }
#foot_wrap { background:none !important;}
.main {}
.main .mainBox { position:relative; width:980px; height:445px; padding:0; margin:0 auto; overflow:hidden;}
#vis1 { position:absolute;top:-440px; left:0; overflow:hidden}
#vis1_1 { position:absolute;top:0; left:328px;width:568px;height:440px; background:url(/chn/image/main/vis1_.png) no-repeat;}
#vis1_1 .m1_1 { position:absolute;top:57px; left:25px;}
#vis1_1 .m1_2 { position:absolute;top:173px; left:36px;}
#vis1_1 .m1_3 { position:absolute;top:257px; left:36px;}
#vis1_1 .m1_4 { position:absolute;top:342px; left:36px;}
#vis1_1 .m1_5 { position:absolute;top:342px; left:196px;}

#vis2 { position:absolute;top:-440px; left:327px; overflow:hidden}
#vis2_1 { position:absolute;top:0; left:328px;width:568px;height:440px; background:url(/chn/image/main/vis2_.png) no-repeat;}
#vis2_1 .m2_1 { position:absolute;top:57px; left:25px;}
#vis2_1 .m2_2 { position:absolute;top:173px; left:35px;}
#vis2_1 .m2_3 { position:absolute;top:257px; left:35px;}
#vis2_1 .m2_4 { position:absolute;top:342px; left:36px;}

#vis3 { position:absolute;top:-440px; left:653px; overflow:hidden}
#vis3_1 { position:absolute;top:0; left:328px; width:568px;height:440px; background:url(/chn/image/main/vis3_.png) no-repeat;}
#vis3_1 .m3_1 { position:absolute;top:56px; left:31px;}
#vis3_1 .m3_2 { position:absolute;top:200px; left:31px;}
#vis3_1 .m3_3 { position:absolute;top:290px; left:31px;}

.mcontent {padding:20px 0 ;}

#vis1_1 li {float:left; padding:0 1px 0 0;}
#vis2_1 li {float:left; padding:0 1px 0 0;}
#vis3_1 li {float:left; padding:0 1px 0 0;}

/*#allmenu {display:block !important;}*/

.news { position: relative; float: left; width:363px;}
.news h2 {  padding:0; margin:0; }
.news ul li {
	padding:0; margin:0; 
	float: none;
	clear:both;
	font-size:11px;
}
.news ul {padding:10px 0; margin:0; 
	position: relative;
	width:285px;
}
.news ul li .title {
	display: block;
	width: 210px;
	float: left;
	padding: 0 10px 0 7px;
	background: url(/chn/image/main/newsbul.gif) no-repeat 0px 50%;
}
.news ul li span {
	float: left;
}
.news .more {
	display:none;
	position: absolute;
	right: 16px;
	top: 6px;
}
.news a{ color:#4e4f50; text-decoration:none;}
.news a:hover{color:#ff6600;}
.news a:active{color:#4e4f50;}
.news a:focus{color:#666666;}

.gnmd {float: left; padding:0 58px 0 0; background:url(/chn/image/main/gnmnd.gif) no-repeat 0 0; width:287px; height:100px; }
.gnmd a { display:block; width:280px;}

.together{float: left; padding:0 88px 0 0; }
/*
.juju{float: left; padding:13px 0 0 105px; margin-top:20px; position:relative; background:url(../image/main/bg_stock.gif) no-repeat 0 0; width:182px; height:37px; }
.juju h2 { position:absolute; top:8px; left:48px;}
.juju ul { overflow:hidden; ma}
.juju ul li { float:left; padding-left:17px;}
*/
.prCenter { float:left; position:relative; width:184px; height:50px; padding:13px 0 0 105px; margin-top:20px; background:url(/chn/image/main/bg_pr.gif) no-repeat 0 0;}
.prCenter .bro { position:absolute; top:3px; left:38px;}
.prCenter .pro { position:absolute; top:3px; left:180px;}

/* Flexible Slide-to-top Accordion Style*/

.st-accordion{
    width:269px; height:180px; overflow:hidden;
    position: relative; top:0;
    float: right;
}
.st-accordion ul li{
    height: 29px;
    border-bottom: 1px solid #e7e7e7;
    border-top:0px solid #fff;
    overflow: hidden;
    position: relative;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
	position: absolute; top:0;
  padding: 0px;
}
.st-content p{
    font-size:  16px;
    font-family:  Georgia, serif;
    font-style: italic;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
.st-content img{

}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:980px;
  height:580px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes .window .mGlobal { position:relative; width:980px; height:570px; background:url(../image/main/bg_m_global.jpg) no-repeat 0 0;}
#boxes .window .mGlobal h2 { position:absolute; top:37px; left:48px;}
#boxes .window .mGlobal .txt { position:absolute; top:231px; left:44px;}
#boxes .window .mGlobal .close { position:absolute; top:25px; right:27px;}
#boxes .window .mGlobal .m_pt01 { position:absolute; top:148px; left:496px;}
#boxes .window .mGlobal .m_pt02 { position:absolute; top:196px; left:462px;}
#boxes .window .mGlobal .m_pt03 { position:absolute; top:235px; left:575px;}
#boxes .window .mGlobal .m_pt04 { position:absolute; top:162px; left:648px;}
#boxes .window .mGlobal .m_pt05 { position:absolute; top:183px; left:648px;}
#boxes .window .mGlobal .mgList { overflow:hidden; position:absolute; bottom:44px; left:46px;}
#boxes .window .mGlobal .mgList li { float:left; padding-right:54px;}
#boxes .window .mGlobal .mgList li.end { padding-right:0;}
#boxes .window .mGlobal .mgList span { display:block;}
#boxes .window .mGlobal .mgList span.stitle { padding-bottom:8px;}
#boxes .window .mGlobal .mgList span.stxt { padding-bottom:22px}

#boxes #dialog {
  width:980px; 
  height:580px;
  padding:0;
  margin:0;
  background-color:#ffffff;
}