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

*{margin:0px; padding:0px;}
body {font-family:"微软雅黑",Tahoma,arial,Verdana; font-size:12px; color:#606060;}
.bg{ background:url(../images/bg.gif) repeat-y; background-position:center}
ul,li{list-style:none;}
.clear{ clear:both;}
a{ text-decoration:none; color:#606060;}

/*css top*/
.t{width:100%; background:#ecffaa; border-bottom:#E3E3E3 1px solid; height:30px;}
.tel{height:30px; font-size:12px; line-height:30px; width:1002px;  margin:0 auto;}
.tel b{font-weight:normal; float:left; width:600px; color:#606060; display:block}
.tel span{font-size:12px; height:30px; float:right; line-height:30px; padding:0 5px; text-align:right;}

.wrap{
	width:1002px;
	margin:0 auto;
	
	}

	

/* CSS head
--------------------------------------------------------*/
.header{width:1080px; height:80px; margin-top:20px; margin-left:auto; margin-right:auto/* background:#ff7701;*/}
.header h1{width:230px; float:left;  display:block;}
.header .menu{ height:70px; margin-top:5px; line-height:70px; font-size:16px; float:left; overflow:hidden; display:block}
.header .menu li{ float:left; overflow:hidden; width:85px; height:60px; text-align:center; display:block; margin-top:10px; line-height:60px;}
.header .menu .mline{ width:1px; height:60px;}
.header .menu li a:link{color:#945400; display:block;}
.header .menu li a:hover{display:block; color:rgb(69,127,5); background-color:rgb(234,234,234); background:url(../images/bg_memu.gif) no-repeat;}

.content{
	width:1002px;
	margin:0 auto;
	}

.banner{
	width:1200px;
	margin:0px auto;
	}
#focus {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 1200px;
}
#focus ul {
    height: 380px;
    position: absolute;
}
#focus ul li {
    background:#fff;
    float: left;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 1200px;
}
#focus ul li div {
    overflow: hidden;
    position: absolute;
}
#focus .btnBg {
    background:#fff;
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 1200px;
}
#focus .btn {
    bottom: 0;
    height: 10px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align:center;
    width: 1200px;
}
#focus .btn span {
    background:#FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    width: 25px;
}
#focus .btn span.on {
    background:#FFFFFF;
}
#focus .preNext {
	background:url(../images/sprite.png) no-repeat;
    cursor: pointer;
    height: 100px;
    position: absolute;
    top: 140px;
    width: 45px;
}
#focus .pre {
    left: 0;
}
#focus .next {
    background-position: right top;
    right: 0;
}


.option{
	width:1002px;
	float:left;
	padding:34px 0 5px 0;
	margin-left:-10px;
	}
.option .dl1{ background:url(../images/index_1.gif) no-repeat;}
.option .dl2{ background:url(../images/index_2.gif) no-repeat;}
.option .dl3{ background:url(../images/index_3.gif) no-repeat;}
.option .dl4{ background:url(../images/index_4.gif) no-repeat;}

.option dl{
	display:inline;
	float:left;
	width:240px;
	height:100px;
	padding-left:10px; 
	padding-top:10px;
	}
.option dl dd div{ width:160px; margin-left:10px; margin-top:10px}

.option dl dt a{
	color:#292929;
	font-size:18px;
	margin-left:10px;
	margin-top:20px;
	}
.option dl dd{
	width:230px;
	line-height:20px;
	}
	
	
	
.case{
	width:710px;
	padding:9px 0 10px 0;
	}
.case span{
	font-size:36px;
	color:#292929 ;
	}
.case h2 div{
	margin:0 0 0 12px;
	padding:8px 0 0 0;
	}
.case div p{
	line-height:12px;
	font-weight:normal;
	font-size:11px;
	color:#b2b2b2;
	}
.scroll{
	width:680px;
	margin:15px 0 0 10px;
	padding:0 0 2px 0;
	float:left;
	position:relative;
	}
.img-scroll{
	width:680px;
	height:360px;
	float:left;
	overflow:hidden;
	position:relative;
	}
.scroll .prev,.scroll .next { 
	position:absolute; 
	display:block; 
	float:left;
	width:16px;
	height:29px;
	background:url(../images/btm.gif) no-repeat;
	}
.scroll .prev {
	left:-30px;
	cursor:pointer;
	top:100px;
	background-position:left top;
	}
.scroll .next {
	right:-28px; 
	cursor:pointer; 
	top:115px; 
	background-position:right top;
	}	
	
/*.img-list{
	width:1002px;
	float:left;
	}*/
.img-scroll ul{
	width:9999px;
	}
.img-scroll ul.reimg_ul li{
	display:inline;
	float:left;
	margin:0 26px 0 0;
	width:150px;
	height:380px;
	position:relative;
	z-index:3;
	}
.img-scroll ul.reimg_ul li pre{ width:150px; height:30px; line-height:30px; text-align:center; overflow:hidden}
.img-scroll ul.reimg_ul li p{
	width:150px;
	height:150px;
	}	
.img-scroll ul.reimg_ul li span{
	display:block;
	float:left;
	height:23px;
	width:168px;
	text-align:center;
	line-height:23px;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	font-size:12px;
	font-weight:normal;
	background:#A5A5A5;
	color:#fff;
	position:absolute;
	overflow:hidden;s
	}	
		

.mixing{
	width:1002px;
	float:left;
	padding:3px 0 22px 0;
	
	}
.mixing h3{
	font-size:20px;
	color:#FF6600; ;
	}
.mix_left{
	display:inline;
	float:left;
	width:723px;
	}
.con_left{
	display:inline;
	float:left;
	width:278px;
	}
.con_right{
	display:inline;
	float:left;
	width:700px;
	min-height:770px;
	border:1px solid #D8D8D8
	}
.celebrity{
	width:523px;
	float:left;
	}
.celebrity h3{
	margin:0 0 18px 0;
	}
.talking{
	width:507px;
	float:left;
	}
.pic_bottom{
	background:url(../images/speak_bg1.jpg) no-repeat 0 0;
	}
.pic_bottom_bg{
	padding:10px 16px 8px 16px;	
	}
.pic_top{
	background:url(../images/speak_bg2.jpg) no-repeat 0 0;	
	padding:24px 15px 8px 16px;
	float:left;
	margin:10px 0 0 0;
	}
.talking p{
	display:inline;
	float:left;
	width:507px;
	overflow:hidden;
	line-height:20px;
	}	
.talking p.p2{
	padding:0 0 0 16px;
	width:490px;
	}
.talking p.p2 a{
	color:#9e9e9e;
	}
.talking div.p1{
	width:475px;
	height:50px;
	overflow:hidden;
	float:left;
	}	
.talking div.p1 span{
	display:block;
	width:475px;
	height:50px;
	color:#ffffff;
	}
.talking div.p1 a{
	display:block;
	width:475px;
	height:50px;
	}	
.talking div.p2{
	color:#b2b2b2;
	}
.talking p.align_right{
	margin:0;
	width:490px
	}
.talking div.p3{	
	width:475px;
	height:49px;
	}

.talking div.div2{
	width:490px;
	height:20px;
	line-height:20px;
	margin:28px 0 10px 0;
	float:left;
	overflow:hidden;
	}

.talking div.div2 a{
	display:block;
	width:490px;
	height:20px;
	}	

.talking div.div3{
	width:490px;
	height:20px;
	line-height:20px;
	float:left;
	overflow:hidden;
	}
.talking div.div3 p{
	padding:0;
	}
.talking div.div3 a{
	display:block;
	width:490px;
	height:20px;
	float:left;
	}

.link{
	width:523px;
	margin:38px 0 0 0;
	float:left;
	overflow:hidden;
	}
.link ul{
	width:540px;
	float:left;
	padding:12px 0 0 0;
	}
.link ul li{
	margin:0 25px 0 0;
	float:left;
	width:45px;
	}
.link ul li img{height:43px;width:45px; display:block}
	
.mix_right{
	display:inline;
	float:right;
	width:278px;
	border-left:1px #f4f4f4 solid;
	}
.message{
	width:455px;
	padding:0 0 0 23px;
	}
.message em, .message span{
	display:inline;
	float:left;
	}
.message span{
	width:360px;
	overflow:hidden;
	height:28px;
	}
.message em{
	float:right;
	color:#b2b2b2;
	}
.message ul{
	padding:14px 0 0 0;
	float:left;
	}
.message ul li{
	display:inline;
	float:left;
	vertical-align:baseline;
	/*padding:4px 0 4px 0;*/
	width:445px;
	border-bottom:1px #b2b2b2 dashed;
	line-height:28px;
	}
.message ul li.more{
	text-align:right;
	border-bottom:0 none;
	font-size:14px;
	}
.message ul li a:hover{
	text-decoration:underline;
	color:#FF6600;;
	}		
.connext_domain{ border:1px solid #D8D8D8; width:250px; height:200px;}	
.connext_dm_title{ border-bottom:1px solid #D8D8D8; width:250px; height:30px; line-height:30px; background:url(../images/bg1.gif) repeat-x;}
.connext_dm_title img{ margin-left:10px;}	
.connext_dm_title span{ font-size:18px; font-weight:600}
.connext_dm_url{ width:213px; height:30px; background:url(../images/index_88.jpg); margin:0 auto; margin-top:10px;}
.connext_dm_url .input_dm{ width:86px; height:18px; border:0; margin-left:62px; margin-top:7px;}
.connext_dm_url .input_sel{ margin-left:15px; width:35px;}
.connext_dm_boxes{ width:213px; padding-top:5px; margin:0 auto;} 
.connext_dm_boxes ul li{ height:25px; line-height:25px; width:70px; float:left}
.connext_dm_boxes_newslist{ width:213px; padding-top:5px; margin:0 auto;} 
.connext_dm_boxes_newslist ul li{ height:20px; line-height:20px;}
.connext_img{ width:245px; height:109px; margin-left:5px; margin-top:10px; border:1px solid #D8D8D8}
.connext_contact{ width:700px; border:1px solid #D8D8D8}
.connext_contact_title{ width:700px; height:30px; line-height:30px; background:url(../images/bg1.gif) repeat-x; font-weight:500; font-size:17px; color:#000000;}
.connext_contact_title img{ margin-left:15px;}
.connext_contact_title span{ font-size:12px; color:#999; margin-left:30px;}
.connext_contact_title1{ width:700px; height:30px; line-height:30px; background:url(../images/bg1.gif) repeat-x; font-weight:500; font-size:17px; color:#000000; border:1px solid #D8D8D8}
.connext_contact_title1 img{ margin-left:15px;}
.connext_contact_title1 span{ font-size:12px; color:#959595; margin-left:30px;}
.connext_contact_con{ width:660px; padding-left:20px; padding-right:20px; margin-top:10px; height:110px;}
.message_1{ width:700px }
.message_12{ width:230px;border:1px solid #D8D8D8; float:left; margin-left:1px }
.connext_contact_title2{ width:230px; height:30px; line-height:30px; background:url(../images/bg1.gif) repeat-x; font-weight:500; font-size:17px; color:#000000;}
.connext_contact_title2 img{ margin-left:10px;}
.new_list{ width:210px; height:158px; padding-left:10px; padding-right:10px; margin-top:5px; font-size:13px;}
.con_news_lists{ width:680px; height:740px; margin-left:auto; margin-right:auto;}
.con_news_lists ul li{ height:25px; font-size:13px;}
.con_news_lists_show{width:680px; min-height:740px; margin-left:auto; margin-right:auto;}
.con_pic_lists_show{width:680px; min-height:740px; margin-left:auto; margin-right:auto; padding-left:20px; padding-top:20px;}
.company_list{float:left; width:200px; height:230px; margin-left:15px;}
.company_list_name{width:200px; height:30px; line-height:30px; text-align:center; margin-left:auto; margin-right:auto; overflow:hidden;}
.company_list img{ width:180px; height:180px;}
.company_list_name span{ font-size:13px; text-align:center}
		
		

/* CSS footer
--------------------------------------------------------*/
.footer{
	width:958px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding:0 0 35px 0;
	float:left;
	position:relative;
	border-top:1px #cecece solid;
	background:url(../images/foot_bg.jpg) repeat-x;
	padding-left:20px;
	}
.footer_left{
	display:inline;
	float:left;
	width:800px;
	padding:7px 0 0 0;
	}
.footer_left ul li{
	display:inline;
	float:left;
	line-height:22px;
	}
.footer_left ul li a{
	padding:0 8px 0 8px;
	background:url(footer_line.html) no-repeat left 5px;
	}
.footer_left ul li a:hover{
	text-decoration:underline;
	color:#f80c56;
	}
.footer_left ul li.none a{
	background:0 none;	
	padding-left:0px;
	}
.footer_left p{
	width:860px;
	display:inline;
	float:left;
	line-height:22px;
	}	
.footer_left p a:hover{
		
	}	
.footer_right{
	display:inline;
	float:right;
	margin:28px 0 0 0;
	}
.footer_right ul{
	display:inline;
	float:right;
	}
.footer_right ul li{
	display:inline;
	margin:0 0 0 6px;
	vertical-align:baseline;
	float:left;
	}
.footer_right ul li a{
	display:block;
	height:24px;
	width:24px;
	background:url(s_icon.png) no-repeat;
	}
.footer_right ul li a.a1{
	background-position:left top;
	}
.footer_right ul li a.a1:hover{
	background-position:left bottom;
	}
.footer_right ul li a.a2{
	background-position:-25px top;
	}
.footer_right ul li a.a2:hover{
	background-position:-25px bottom;
	}
.footer_right ul li a.a3{
	background-position:-50px top;
	}
.footer_right ul li a.a3:hover{
	background-position:-50px bottom;
	}
.footer_right ul li a.a4{
	background-position:right top;
	}
.footer_right ul li a.a4:hover{
	background-position:right bottom;
	}
.top{
	width:37px;
	height:32px;
	display:inline;
	float:left;
	bottom:0px;
	left:483px;
	position:absolute;
	background:#404040 url(../images/back_top.gif) no-repeat left top;
	}
.top a{
	display:block;
	width:37px;
	float:left;
	height:100%;
	}