@charset "utf-8";
* {
	margin: 0px auto;
	border: 0px;
	padding: 0px;
}
a {
	color: inherit;
	text-decoration: none;
}
li {
	list-style-type: none;
}
.clear {
	clear: both;
}
.blank5 {
	clear: both;
	height: 5px;
}
.blank10 {
	clear: both;
	height: 10px;
}
.blank20 {
	clear: both;
	height: 20px;
}
.blank30 {
	clear: both;
	height: 30px;
}
.blank40 {
	clear: both;
	height: 40px;
}
.blank50 {
	clear: both;
	height: 50px;
}
.blank70 {
	clear: both;
	height: 70px;
}
body {
	color: #333333;
	width:100%;
	font-family: "Arial", "SimSun", "Comic Sans MS", "MS PGothic", Helvetica, sans-serif;
	min-width:1200px;
	margin:0 auto;
	background-color:#FFFFFF;
}

/*top*/
.top{
	width:100%;
	height:60px; 
	line-height:60px;
	background-color:#333333;
}
.top .tbox{
	width:1200px; 
	margin:0 auto; 
}
.top .tbox .tbl{
	font-size:38px;
	color:#FFFFFF; 
	font-family:"Constantia", Arial;
	 float:left;
}
.top .tbox .tbr{
	margin-top:15px;
	 width:135px; 
	 height:30px; 
	 float:right;
	 border-radius:30px;
	 background-color:#FFFFFF;
	 overflow:hidden;
	 cursor:pointer;
}

.top .tbox .cnbox{ margin: 15px 5px 0 25px; height: 30px; float: right; color: #fff; line-height: 30px;}
.top .tbox .cnbox a{color: #fff;font-size: 14px;}
.top .tbox .cnbox a:hover{ background-color: #1c6ebd;color: white; }
.top .tbox .cnbox .tbr_cn_right{background: url(../images/china.jpg) right no-repeat;padding-right: 30px;color: #fff;}

.top .tbox .tbr .kbox{ width:70px; margin-left:15px; float:left; height:30px;}
.top .tbox .tbr .kbox input{ border:none;}
.top .tbox .tbr .kbox .keyb{ width:70px; height:30px; font-size:16px; line-height:30px; font-family:Arial; color:#666666; overflow:hidden; *margin-top:-38px;}
.top .tbox .tbr .sbox{ width:45px; float:right; margin-right:0; height:30px; text-align:center; background:url(../images/ss.jpg) no-repeat; cursor:pointer;}

.top .tbox .tbrer{ 
	animation: mymoves 0.5s 0s forwards;
    -moz-animation: mymoves 0.5s 0s forwards;
    -webkit-animation: mymoves 0.5s 0s forwards;
    -o-animation: mymoves 0.5s 0s forwards;
	width:310px;
}

.top .tbox .tbrer .kbox .keyb{width:250px; overflow:hidden;}

@keyframes mymoves
{
0% {width: 135px;}
100% {width: 310px;}
}

/*meau*/
.meau{ width:1200px; margin:20px auto; height:35px; line-height:35px;}
.meau li{ font-size:18px; color:#000000; height:35px;  float:left; margin-right:105px;}
.meau li:last-of-type{ margin-right:0;}
.meau li a{ color:#333333;}
.meau li.act{border-bottom:3px #108be8 solid;}
.meau li.end{margin-right:0;}
.meau li:hover{border-bottom:3px #108be8 solid;}

/*ban*/
.ban{ width:1200px; height:280px; background:url(../images/b1.jpg) no-repeat; margin:0 auto;  overflow:hidden;}
.ban .br{ width:280px; height:280px; position:relative; top:0; left:461px; background: url(../images/bbg.png) no-repeat;}
.ban .br .com{ font-size:24px; color:#FFFFFF; padding-top:35px; padding-left:30px;}
.ban .br .comls{ width:220px; height:auto; margin-left:30px;}
.ban .br .comls li{ width:220px; height:36px; margin-top:10px; cursor:pointer;}
.ban .br .comls li .lcdes{ width:180px; height:36px; line-height:36px; color:#ffffff; font-size:16px; margin-left:40px; text-align:center;}
.ban .br .comls li.lfc{ background:url(../images/c1.jpg) no-repeat;}
.ban .br .comls li.lfc:hover{ background:url(../images/ch1.jpg) no-repeat;}

.ban .br .comls li.lic{ background:url(../images/c2.jpg) no-repeat;}
.ban .br .comls li.lic:hover{ background:url(../images/ch2.jpg) no-repeat;}

.ban .br .comls li.lec{ background:url(../images/c3.jpg) no-repeat;}
.ban .br .comls li.lec:hover{ background:url(../images/ch3.jpg) no-repeat;}

.ban .br .comls li.ltc{ background:url(../images/c4.jpg) no-repeat;}
.ban .br .comls li.ltc:hover{ background:url(../images/ch4.jpg) no-repeat;}

/*footer*/
.fixed-bottom {position: fixed;bottom: 0;width:100%;}
.bot{ width:100%; height:150px; background-color:#212121;}
.bot .bbox{ width:1200px; height:150px; margin:0 auto;}
.bot .bbox .blink{ width:960px; margin:0 auto; height:40px; padding-top:15px;}
.bot .bbox .blink li{ width:218px; height:34px;  margin:0 5px; float:left; cursor:pointer;}
.bot .bbox .blink li .lpic{ width:38px; height:34px; float:left; border:1px solid #7a7a7a; border-right:none; }
.bot .bbox .blink li .ldes{ float:left; width:176px; text-align:center; font-size:16px; color:#999999; line-height:34px; border:1px solid #7a7a7a;}
.bot .bbox .blink li .ltel{ background:url(../images/l1.jpg) no-repeat;}
.bot .bbox .blink li .lmail{ background:url(../images/l2.jpg) no-repeat;}
.bot .bbox .blink li .lface{ background:url(../images/l3.jpg) no-repeat;}
.bot .bbox .blink li .linlk{ background:url(../images/l4.jpg) no-repeat;}
.bot .bbox .blink li:hover .lpic{border:1px solid #ffffff; border-right:none; }
.bot .bbox .blink li:hover .ldes{ border:1px solid #108be8; background-color:#108be8; color:#ffffff;}
.bot .bbox .blink li:hover .ltel{ background:url(../images/h1.jpg) no-repeat;}
.bot .bbox .blink li:hover .lmail{ background:url(../images/h2.jpg) no-repeat;}
.bot .bbox .blink li:hover .lface{ background:url(../images/h3.jpg) no-repeat;}
.bot .bbox .blink li:hover .linlk{ background:url(../images/h4.jpg) no-repeat;}
.bot .bbox .bmap{ text-align:center; margin-top:20px;}
.bot .bbox .bmap a{ color:#999999; font-size:14px;}
.bot .bbox .bmap a:hover{ color:#FFFFFF;}
.bot .bbox .bmap span{ margin:0 10px; color:#999999;}
.bot .bbox .cr{ color:#999999; font-size:14px; text-align:center; margin-top:20px;}


/*left window*/
.lwindow{ width:48px; height:240px; position:fixed; left:0; top:40%;}
.lwindow li{ height:48px; margin-top:0; width:48px; margin-left:0;}
.lwindow li:hover{width:218px;}
.lwindow li img{ text-align:left; cursor:pointer; float:left; z-index:1;}
.lwindow li .lytel{ width:0;height:48px; line-height:48px; float:left; background-color:#212121; color:#ffffff; font-size:18px; text-align:center; overflow:hidden;}
.lwindow li .slows{animation: mymovets 0.5s 0s forwards;
    -moz-animation: mymovets 0.5s 0s forwards;
    -webkit-animation: mymovets 0.5s 0s forwards;
    -o-animation: mymovets 0.5s 0s forwards;
	width:170px; opacity:1;
}

@keyframes mymovets
{
	0% { width: 0; opacity:0;}
	100% {width: 170px; opacity:1;}
}


/*share*/
.shabox{ width:100%; height:100%; background-color: rgba(0,0,0,0.9); position:fixed; top:0; display:none; text-align:center;}
.shabox .sclose{ width:60px; height:60px; position:relative; top:50px; right:-44%; cursor:pointer; background:url(../images/share_c.png) no-repeat;}
.shabox .sclose:hover{ background:url(../images/share_ch.png) no-repeat;}
.shabox .show{ width:616px; height:530px; margin: 0 auto; margin-top:80px; background-position:center;}
.shabox .show .stit{ text-align:center; font-size:60px; color:#ffffff;}
.shabox .show .ssbox{ width:616px; margin-top:70px;}
.shabox .show .ssbox li{ width:140px; height:140px;  float:left; margin:0 7px; margin-top:20px; position:relative; cursor:pointer;}
.shabox .show .ssbox li:hover{ top:-15px;}

@media \0screen\,screen\9 {/*IE6、7、8 */
.shabox{
    background-color:#000000;
    filter:Alpha(opacity=90);
    *zoom:1; 
}