@charset "utf-8";
/* CSS Document */
body{ font-size:12px; font-family:"微软雅黑"; margin:0 auto; padding:0px; width:100%;}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}
ul,li{list-style:none;margin: 0;}
a{ text-decoration:none; color:#666; }
h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

.lf{ float:left;}
.rg{ float:right;}
.m20{margin-bottom:20px;}
.head_top{ height:30px; width:1000px; line-height:30px; position:relative; margin:0 auto;}
.head_top_bg{ height:30px; widows:100%; background:#efefef;}
.head_bot_bg{ height:100px; widows:100%; background:url(../images/index_01.png) center no-repeat;}
.head_bot{  height:100px; width:1000px; position:relative; margin:0 auto; padding-right:10px; padding-top:20px;}
.logo{ float:left;}
.search{ float:right; margin-left:50px; }
.search .search_txt{ height:36px; width:200px; float:left; text-indent:10px;}
.search_top{height:40px;}
.search_bot{ margin-top:10px;}
.search_bot a{ color:#999; }
.search_bot a:hover{ color:#f00}
.search .search_btn{background:url(../images/search.jpg) 0px;height:40px;width:100px;float:left;border:none;}

.main{ width:1000px; line-height:30px; position:relative; margin:0 auto; margin-bottom:10px;}
.main_lf{ border:1px solid #e3e3e3; width:250px; margin-top:20px; float:left; height:400px;}
.product_cat{width:294px; height:270px; margin-top:30px; border:3px solid #ce0000; float:left; border-radius:5px; padding:10px;}
.cat_title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#666; font-weight:bold;}

.main_rg{ height:400px; width:740px; float:left;  border:1px solid #e3e3e3; margin-top:20px; }
.cb::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.more{display:block;background:#e6ebee;width:100%;height:35px;line-height:35px;color:#000; text-indent:10px;font-size:15px;font-weight:}
.pro_list{ width:1000px; line-height:30px; position:relative; margin:0 auto; }
.pro_list li{ width:320px; float:left; margin-top:20px; margin-right:10px; height:337px;}

.pro_describe{width:940px;}
.pro_describe img{max-width: 100%;}



.clear_50px{ height:50px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_20px{  clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_5px{ height:5px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_10px{ clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden; background: #ccc;}
.clear_15px{ height:15px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_30px{ height:30px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_155px{ height:155px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.main_bgbg{background:url(../images/index_22.png) center top no-repeat; width:100%; min-height:525px;}
.main_bgbg2{background:#ebe9ea; width:100%;}
.main_bg{width:1200px; margin:0px auto 0px; }
.main_width{ background:#fff;  z-index:99; float:left; width:1200px; margin-top:-20px;  box-shadow:1px 1px 5px #666; -moz-box-shadow:1px 1px 5px #666; -webkit-box-shadow:1px 1px 5px #666; position:relative;}

.page_banner{ width:100%;}
.page_banner img{width:100%;margin-top: -20px;}
.page_right{ float:right; width:960px; line-height:20px; margin-right: 20px;}
.page_left_box{ width:200px; float:left; margin-right:20px; overflow:hidden; z-index:999;}
.left_bg{width:200px; height:100px; line-height:100px; text-align:center; font-size:24px; font-weight:500; color:#fff; position:absolute;}
.about_color{background:url(../images/icon-20.png) no-repeat;}
.pro_color{background:url(../images/icon-35.png) no-repeat;}
.order_color{background:url(../images/icon-36.png) no-repeat;}
.new_color{background:url(../images/icon-37.png) no-repeat;}
.page_left{border: 1px solid #e8e8e8; width:198px; float:left; background:#005ece;}
.page_center_box{ width:330px; padding-right:20px; float:left; overflow:hidden;}
.page_right_box{ width:330px; padding-left:20px; float:left; overflow:hidden;}

.title_line {font-size:16px; text-indent: 10px; color: #fff; height: 40px; line-height: 40px; background: url(../images/biaoti2.jpg);}

.m_show_top_l{width:980px; position:relative; height:268px; margin-top:10px;}
.wy_wenzi{width:980px; height:40px; line-height:40px; background:rgba(0,0,0,0.8); color:#fff; position:absolute; bottom:0px; left:0px;text-align:center; font-size:14px;}

.m_show_menu { margin-top:10px;position:relative;height:48px; width:980px;}
.m_show_m_l {height:48px;line-height:48px;width:980px;text-align:center;position:absolute;left:0px;top:0px;color:#fff;font-size:24px;}
.type0{background:#eb4709;}
.type1{background:#005ece;}
.type2{background:#2ea7e0;}
.m_show_m_l h2{float:left;color:#fff;font-size:20px; font-weight:100; text-indent:20px;}
.m_show_m_l a{float:right;color:#fff;font-size:12px; padding-right:10px;}
.pro_box{width:980px; min-height:280px; margin:10px 0px 50px;}
.pro_box_left{width:240px; margin-right:10px; height:280px; float:left;}
.pro_box_right{width:960px;float:left;}
.pro_box_right ul{margin-left:70px; padding:0px;}
.pro_box_right ul li{width:230px; height:30px; line-height:30px; margin-right:20px; background:url(../images/jiantou.png) left center no-repeat; text-indent:15px; border-bottom:1px dashed #e8e8e8; float:left; overflow:hidden;}
.pro_box_right ul li:nth-child(3n){margin-right:0px;}

.solution{border-top:1px solid rgba(255,255,255,0.3);display:table;}
.solution ul{}
.solution ul li:nth-child(1){border-top:0px;}
.solution ul li{height:35px; line-height:35px;  float:left;width: 100%;text-align: left; background:url(../images/icon02.png) 10px center no-repeat;}
.solution ul li a{text-align:left; padding-left:20px;  line-height:23px; overflow:hidden; color:#fff;}
.solution li:hover{background:#fff url(../images/icon01.gif) 10px center no-repeat;;}
.solution li:hover a{color:#005ece}

.solution2{border-top:1px solid rgba(255,255,255,0.3);display:table; width:100%;}
.solution2 ul{}
.solution2 ul li:nth-child(1){border-top:0px;}
.solution2 ul li{height:35px; line-height:35px;  float:left;width: 100%;text-align: left; border-top:1px dashed rgba(255,255,255,0.2); }
.solution2 ul li a{text-align:left; padding-left:20px;  line-height:23px; overflow:hidden; color:#fff;}
.solution2 li:hover{background:#fff;}
.solution2 li:hover a{color:#005ece}

.solution .new {position:relative;font-family:arial;font-size:14px;color:#E42E00;top:-10px;}
.solution .level2 a{ background:none; }
.solution .current { color:#e70112;}

.search2{
    margin:10px auto;
	width: 160px;
	height: 22px;
	overflow: hidden;
	border:1px solid #ccc;
	z-index: 8;
	background: #fafafa;
}
.search2 .txt{
	float:left;
	padding-left: 10px;
	color: #999;
	border-style: none;
	border-width: 0px;
	height: 22px;
	line-height: 22px;
	width: 113px;
	font-size: 12px;
    background: none;
}
.search2 .btn{
	float: right;
    width: 24px;
	height: 22px;
	border-style: none;
	border-width: 0px;
	background: url(../images/arr_search.gif) 4px 3px no-repeat;
	cursor: pointer;
}

.order{width:200px; height:63px; margin:10px 0px; float:left;}

.newslist_cont {
    width: 960px;
    margin-top: 20px;
}
.newslist_cont ul {
    width: 960px;
    margin: 0 auto;
}
.newslist_cont li {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
}
.newslist_cont a{
    color: #666666;
    text-decoration: none;
    outline: none;
}
.news_date {
    width: 100px;
    height: 100px;
    font-size: 40px;
    color: #666;
    text-align: center;
    line-height: 50px;
    float: left;
    background: #EEE;
    transition: all 0.3s ease;
}
.news_date span {
    font-size: 20px;
}
.news_title {
    width: 800px;
    float: left;
    margin-left: 15px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}
.news_cont {
    width: 800px;
    margin-left: 15px;
    float: left;
    color: #aeaeae;
    line-height: 30px;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
}
.newslist_cont li:hover .news_date {
    background: #0072BD;
    color: #fff;
    transition: all 0.3s ease;
}
.page_right_topbg {
    width: 960px;
   
    line-height: 35px;
    text-align: left;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #e6e6e6;
}
.page_right_topbg h1 {
    float: left;
    font-weight: bold;
	font-size:18px;
}

.lv_tree_con {
    color: #666;
    height: 25px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 1px;

}
.lv_tree_con a {
    color: #666;
}
.lv_tree_con span {
    color: #666;
}
.lv_tree_con a:hover, .lv_tree_current {
    color: #666;
}
.m-form{margin-left:80px;}
.u-ipt{width:540px; height:30px; line-height:30px;}
.u-btn{width:200px; height:36px; line-height:36px; text-align:center; background:#666; border-radius:5px; border:1px solid #e8e8e8;color:#fff; margin-left: 160px; margin-top:10px;}
.u-tta{width:540px; height:100px;}

.pro_item_box { width:303px; padding-right:10px; float:left; overflow:hidden; margin-bottom:40px;min-height:210px;_height:210px; }
.pro_item_box h3 {background: url("../images/icon03.gif") no-repeat scroll left 6px transparent;border-bottom: 1px solid #D6D6D6;font-size: 14px; padding-bottom: 10px; text-indent: 15px; margin-bottom:5px;}
.pro_item_box img {width:140px;height:105px;border:1px solid #CCC; float:left;}
.pro_item_box .new img {width:auto;height:auto;float:none;border:none;margin-top:-12px;}
.pro_dl {margin-left:147px;}
.pro_dl dd{ text-indent:15px; background:url(../images/icon02.gif) 3px 10px no-repeat; line-height:23px; height:23px; overflow:hidden; }
.pro_dl dd:hover{background:url(../images/icon01.gif) 3px 10px no-repeat;}
.pro_dl dd:hover a{ color:#e70112;}
.pro_dl dd.select{background:url(../images/icon01.gif) 3px 10px no-repeat; }

.title_line a{margin-right:10px;}
.index_center_title{padding-bottom:10px; font-size:14px; font-weight:bold;}


.page_center_box2{ width:465px; padding-right:20px; float:left; overflow:hidden; line-height:22px;}
.page_right_box2{ width:455px; float:left; overflow:hidden; line-height:22px;}
.m-page { margin:20px auto; clear:both; overflow:hidden; width:100%; float:left;} 
.m-page a { float:left; background:#005ece; padding-left:10px; padding-right:10px; height:25px; line-height:25px; text-align:center; font-family:"Arial"; display:block; margin-right:4px; color:#fff; text-decoration:none; font-weight:bold;}
.m-page span { float:left; width:37px; height:39px; line-height:39px; text-align:center; font-family:"Lucida Console"; display:block; margin-right:4px; color:#fff;}
.m-page a:hover { background:#e70112; color:#fff;}
.m-page a.prePage,.m-page a.nextPage { font-family:"Tahoma";}
.m-page .dux-page{ margin: 0 auto;display: table;}
.m-page .hidden { display:none;}

/* 页面 */
.m-pg-lst {width: 480px; background-color:#fff;  margin-top:10px; float:left;text-align: center;}
.m-pg-lst:hover{background:#fafafa;}
.m-pg-lst .pic { float:left; width:90px;}
.m-pg-lst .pic img { width:100px; height:100px; border: 1px solid #fafafa;}
.m-pg-lst .info { float:left; width:360px; text-align: left; margin-left:20px; border-bottom:1px dashed #e8e8e8;} 
.m-pg-lst .info .tt { font-size:14px; line-height:30px; height:35px; font-weight:bold}
.m-pg-lst .down{border-bottom:1px dashed #e8e8e8; width:900px; float:left; height:30px; line-height:30px; background:url(../images/down.png) left center no-repeat; text-indent:20px;}
.m-pg-lst .info .dsc { font-size:12px; color:#999; line-height:18px;}
.m-pg-lst .info .time { color:#333; line-height:30px;}
.m-pg-lst .info .pro_more{width:60px; background:#fafafa; height:20px; line-height:20px; text-align:center; float:right;}
.m-pg-tt { font-size:20px; font-weight:bold; margin-top:10px; background-color:#fff; padding:20px 0px;} 
.m-pg-info { font-size:12px; padding: 0px 0px; color:#999; background-color:#fff; }
.m-pg-bd { font-size:14px; line-height:26px; color:#333;  padding:20px 0px; text-align:left;}
.m-pg-bd  img{width:95%;}
.m-pg-ln { padding:10px 0px; margin-top:10px;}
.m-pg-ln span { color:#666}
.m-pg-ln .last { float:left;}
.m-pg-ln .next { float:right;}
.m-pg-rlt {margin-top:10px; background-color:#fff; padding:10px 0px;}
.m-pg-rlt .tt { font-size:14px; line-height:30px; font-weight:bold}
.m-pg-rlt .tt a { color:#cd1a1c}
.m-pg-rlt .lst { padding-top:5px;}
.m-pg-rlt .lst li { line-height:25px; height:25px;}


.about_pic{width:100%; padding-top:15px; margin-top:15px; border-top:1px dashed #e8e8e8;}
.about_pic p{width:24%; padding:5px 0.5%; float:left;}
.about_pic p img{width:100%;}

/*.solution start*/
.solution_img{margin:20px 0px;}
.solution_img ul li{ margin:9px; border-right:1px #d6d6d6 solid;border-left:1px #d6d6d6 solid; border-top:none; overflow:hidden; position:relative; float:left; width:161px; padding:2px;}
.solution_img ul li.solution_img01{border-top:1px #d6d6d6 solid;}
.solution_img01,.solution_img01 img{ width:161px;}
.solution_img02,.solution_img02 img,.solution_img03,.solution_img03 img{ width:165px; height:101px;}

.solution_img ul li dl{ position:absolute; left:0px; line-height:30px; height:30px; bottom:0px;  width:165px; background:#e70112;opacity: .7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";}
.solution_img ul li dl dt{ font-size:14px; color:#fff;}
.solution_img ul li dl dd{ height:35px; overflow:hidden; color:#fff;}
.solution_img ul li.select{}
.solution_img ul li.select img{opacity: 1.0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.solution_img ul li.select dl{background:url(../images/case_dl.png) left top no-repeat;}

.solution_img ul li img{}
.about{ height:78px; overflow:hidden; padding:10px 0px;}


/*.solution end*/

.pro_title{width:960px; float:left; margin-top:20px;}
.pro_detail_img{width:300px; float:left; margin-right:20px;}
.pro_detail_img img{width:300px;}
.pro_detail_title{width:408px;padding-bottom:20px; float:left; text-align:left; line-height:30px;}
.pro_detail_title strong{font-size:20px; line-height:40px; height:40px;}



.new_list{ margin-bottom:50px; line-height:30px;}
.new_list ul li {
    background: url("../images/common/icon02.gif") no-repeat scroll 5px 13px transparent;
    border-bottom: 1px solid #DEDEDE;
	vertical-align:middle;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-indent: 15px;
}
.new_list ul li p {
    float: left;
    overflow: hidden;
    width: 845px;
}
.new_list ul li span {
    float: left;
    padding-left: 10px;
}
.new_list ul li.select {
    background: url("../images/common/icon01.gif") no-repeat scroll 5px 13px transparent;
}
.new_list ul li.select span {
    
}
.news_tit{ font-size:14px; font-weight:bold; padding-bottom:10px;}
.color_909090{ color:#909090;}


/*news end*/

/*about start*/
.about_center_box{width:390px; float:left;padding-right:20px; overflow:hidden}
.about_right_box{ width:280px; overflow:hidden; float:right; text-align:right;}
/*.about_right_box img{ display:none; width:278px; height:441px; border:1px #b8b8b8 solid;}*/

.map_box{width:280px; height:470px; overflow:hidden; line-height:30px;margin-bottom:2px;}
.map_box img{ float:left;border:1px solid #E0E0E0; }
.map_box a{ display:block; height:30px; line-height:30px; }



.message_text {
    border: 1px solid #AAB0B3;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    width: 330px;
}
.message_text2 {
    border: 1px solid #AAB0B3;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    width: 210px;
}
.message_textarea {
    border: 1px solid #AAB0B3;
    height: 100px;
    line-height: 22px;
    padding: 0 3px;
    width: 330px;
}

.message_submit {
    background: url("../images/submit_btn.jpg") no-repeat scroll left top transparent;
    border: medium none;
    display: inline;
    float: left;
    height: 22px;
    margin-right: 10px;
    width: 97px;
}

.message_reset{border:none; height:22px; padding:0px 15px; line-height:22px; color:#8f8f8f; float:left; background:none;}


.about_default{background:url(../images/about_bg.jpg) right center no-repeat; padding-right:330px;}
/*about end*/


#opendivOverlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#opendivLightbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0; width:507px;}
.alertMsn{background:#fff;width:506px;border:#FFF 1px solid;margin:0 auto;position:relative;min-height:504px;*+height:auto!important;*height:500px;}



.cor_909090{color:#909090}
.map_icon{background: url("../images/icon08.gif") no-repeat scroll left center transparent; height:20px; line-height:20px; text-indent:15px; float:left; color:#909090;}

/* banner*/
.banner{
	width:100%;
	height:476px;
	position: relative;
}




/*main*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
.case{width:740px;margin:30px auto;background:#fff; float:left;}
.case .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px; }
.case .title h2{ font-size: 18px;font-family: "microsoft yahei"; color:#e70112}
.case .title-list{ position: relative; top: 6px;}
.case .title-list li{ width: 106px; line-height: 20px; text-align: center; float: left; display: inline;}
.case .title-list li.on{ color: #e70112; font-weight: bold;}
.case .title-list p{position:absolute;top:24px;left:0px;width:106px;height:7px;border-top: 3px solid #e70112; overflow: hidden; text-align: center;}
.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #e70112 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ min-height: 268px; position: relative; overflow: hidden; display: none; margin-top: 20px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}

.pro_item_box2 {float:left;width:230px;height:190px;text-align:center;overflow:hidden;margin-right: 20px; }
.pro_item_box2:nth-child(1n+1){margin:20px 0px 0px 10px;}
.pro_item_box2:hover{ background:#fafafa; border-radius:5px; box-shadow:1px 1px 5px #666;}
.pro_item_box2 .faceurl{height:140px;margin: 10px;}
.pro_item_box2 .faceurl a{ width:210px; display:block;}
.pro_item_box2 .title{ height:30px; line-height:30px; width:210px; margin: 10px; overflow:hidden;}
.pro_item_box2 .title a{color:#333;}
.pro_item_box2 .title a:hover{color:red;}
.pro_item_box2 .faceurl img {width:100%; }


.photo-mask {
		position: fixed;
		z-index: 10;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.8);
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		display: none;
	}
	
	.photo-panel {
		position: absolute;
		display: none;
		clear: both;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 990;
	}
	
	.photo-panel .photo-div,
	.photo-panel .photo-bar {
		width: 100%;
	}
	
	.photo-panel .photo-div {
		width: 960px;
		height: 560px;
		z-index: 1111;
		margin: auto;
		position: relative;
	}
	
	.photo-panel .photo-close {
		background: url(../images/close.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-close:hover {
		background: url(../images/close_ch.png);
		width: 56px;
		height: 56px;
		position: absolute;
		margin-left: 664px;
	}
	
	.photo-panel .photo-bar-tip {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		padding: 10px;
	}
	
	.photo-panel .photo-bar-tip:hover {
		width: 700px;
		height: 44px;
		position: absolute;
		margin-top: -64px;
		background: #000;
		filter: alpha(opacity=20);
		-moz-opacity: 0.8;
		opacity: 0.8;
		color: #fff;
		padding: 10px;
	}
	
	.photo-panel .photo-img {
		width: 720px;
		float: left;
		height: 560px;
		background: #fff;
	}
	
	.photo-panel .photo-view-w {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.photo-panel .photo-view-h {
		width: 720px;
		height: 560px;
		text-align: center;
		vertical-align: middle;
	}
	
	.photo-panel .photo-view-w img {
		max-width: 700px;
		height: auto;
		vertical-align: middle;
		text-align: center;
		max-height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* 老的 Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	.photo-panel .photo-view-h img {
		max-width: 700px;
		height: 540px;
		margin: 10px;
		-moz-box-shadow: 5px 5px 5px #a6a6a6;
		/* 老的 Firefox */
		box-shadow: 5px 5px 5px #a6a6a6;
		-webkit-animation: swing 1s .2s ease both;
		-moz-animation: swing 1s .2s ease both;
	}
	
	@-webkit-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-webkit-transform-origin: top center
		}
		20% {
			-webkit-transform: rotate(15deg)
		}
		40% {
			-webkit-transform: rotate(-10deg)
		}
		60% {
			-webkit-transform: rotate(5deg)
		}
		80% {
			-webkit-transform: rotate(-5deg)
		}
		100% {
			-webkit-transform: rotate(0deg)
		}
	}
	
	@-moz-keyframes swing {
		20%,
		40%,
		60%,
		80%,
		100% {
			-moz-transform-origin: top center
		}
		20% {
			-moz-transform: rotate(15deg)
		}
		40% {
			-moz-transform: rotate(-10deg)
		}
		60% {
			-moz-transform: rotate(5deg)
		}
		80% {
			-moz-transform: rotate(-5deg)
		}
		100% {
			-moz-transform: rotate(0deg)
		}
	}
	
	.photo-panel .photo-left,
	.photo-panel .photo-right {
		width: 120px;
		float: left;
		margin-top: 220px;
	}
	
	.photo-panel .arrow-prv {
		background: url(../images/l.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-prv:hover {
		background: url(../images/l_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	.photo-panel .arrow-next {
		background: url(../images/r.png);
		width: 120px;
		height: 120px;
	}
	
	.photo-panel .arrow-next:hover {
		background: url(../images/r_ch.png);
		width: 120px;
		height: 120px;
		cursor: pointer;
	}
	
	.demo {
		width: 960px;
		margin-right: 40px;
		margin-top: 10px;
	}
	
	.demo li {
		width: 200px;
		overflow: hidden;
		height: 250px;
		float: left;
		margin:10px;
	}
	
	.demo li img {
		width: 172px;
		height:218px;
		border:1px solid #aeaeae;
		float:left;
		margin-left: 20px;
	}
	
	.demo li span{width:220px; height:30px; line-height:30px; text-align:center; float:left;}

.liyu {
		width: 960px;
		margin:0;
		padding: 0;
	}
.liyu ul{width: 960px;}	
	.liyu li {
		width: 230px;
		overflow: hidden;
		height: 170px;
		float: left;
		padding:20px;
		margin: 20px;
	}
	
	.liyu li img {
		width: 230px;
		height:130px;
		float:left;
		
	}
	
	.liyu li span{width:228px; height:30px; line-height:30px;border:1px solid #ccc;background: #fff; text-align:center; float:left;}
.liyu li span:hover{color: #005ece;}
.liyu li:hover{background:#fafafa; border-radius:5px; box-shadow:1px 1px 5px #666;}