@charset "utf-8";
body{font-family:"Microsoft Yahei",Verdana, Geneva, sans-serif; font-size:12px; color:#000; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea{ margin:0; padding:0;}
fieldset,img{ border:0;}
img{ vertical-align:bottom;}
ul,ol,li{ list-style:none;}
.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.fix{zoom:1;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#F00; text-decoration:none;}
.clearfix{ width:0; height:0; line-height:0; font-size:0; overflow:hidden; clear:both;}
.box_1{ margin:20px 0 0;}
.box_1 .bhead{ height:30px; line-height:30px; padding:0 40px 0 0;}
.box_1 .bhead strong{ margin:0 10px 0 0; font-size:24px; font-weight:normal; float:left;}
.box_1 .bhead em{ display:block; height:18px; line-height:24px; overflow:hidden; margin:8px 0 0; padding:0 20px 0 0; float:left; background:#fe0000; color:#FFF; font-style:normal;}
.box_1 .bhead span{ float:right;}
.box_1 .bbody{ padding:10px 0;}
.box_2{ background:#f9f9f9;}
.box_2 .bhead{ height:40px; line-height:40px; padding:0 20px; background:#333;}
.box_2 .bhead strong{ margin:0 10px 0 0; font-size:16px; font-weight:normal; color:#FFF; float:left;}
.box_2 .bhead em{ display:block; height:18px; line-height:24px; overflow:hidden; margin:8px 0 0; padding:0 20px 0 0; float:left; background:#fe0000; color:#FFF; font-style:normal;}
.box_2 .bhead span{ float:right;}
.box_2 .bhead span a{ color:#FFF;}
table{width:100% !important;}
header{ margin:0 auto;}
.main{ margin:0 auto;}
.auto_width{ margin:0 auto;}
.slider .hd{ position:absolute; width:100%; height:100%;}
.slider .hd ul{ width:60px; height:12px; position:absolute; left:50%; bottom:20px; margin:0 0 0 -25px; z-index:999;}
.slider .hd ul li{ width:10px; height:10px; margin:1px 8px 1px 1px; border:1px solid #FFF; border-radius:100%; cursor:pointer; text-indent:-9999px; float:left;}
.slider .hd ul li.on{ width:12px; height:12px; margin:0 6px 0 0; background:#FFF;}
.slider .hd a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  height:100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  z-index:999;
  cursor:pointer;
}
.slider .hd a:hover{
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.slider .hd a.prev {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.slider .hd a.next {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.warning{ line-height:30px; text-align:center; background:#FF0; color:#F00;}
.service_title{ background:#EDEDED;}
.service_txt .service_t{}
.service_txt .service_t strong{ display:block; width:48px; height:40px; line-height:40px; text-align:center; background:#F08400; font-size:24px; font-weight:normal; color:#FFF; position:relative;}
.service_txt .service_t em{ display:block; width:12px; height:12px; line-height:12px; margin:0 0 0 -6px; color:#F08400; font-style:normal; font-size:12px; font-family:'宋体'; position:absolute; left:50%; bottom:-6px;}
.service_txt .service_t span{ display:block; line-height:36px; padding:0 0 0 20px; font-size:18px; color:#F08400;}
.pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

@media screen and (max-width: 949px) {
header{ height:60px; background:url(../images/bg.png) left top repeat-x;}
.logo{ width:240px; height:34px; margin:12px 0 0 10px; float:left; background:url(../images/logo_phone.png) no-repeat;}
.logo a{ display:block; height:34px; text-indent:-9999px;}
.language{ display:none;}
.nav{ width:60px; height:60px; float:right;}
.nav_btn{ display:block; height:60px; text-indent:-9999px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAMAAACE9bUqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMTQ3RTM2Njk2REQxMUU0QjlERENDODcxNTY3RkI5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMTQ3RTM2Nzk2REQxMUU0QjlERENDODcxNTY3RkI5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUxNDdFMzY0OTZERDExRTRCOUREQ0M4NzE1NjdGQjk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUxNDdFMzY1OTZERDExRTRCOUREQ0M4NzE1NjdGQjk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PZHw0wAAAAZQTFRFPz8/9PT0o78CpwAAAAJ0Uk5T/wDltzBKAAAAIElEQVR42mJgAAFGRkYG7IAOMoy4AFkyo/6hsgxAgAEA0yMAxMosEAUAAAAASUVORK5CYII=) center center no-repeat;}
nav{ display:none; width:100%; position:absolute; top:60px; left:0; background:#000; z-index:9999;}
.nav.open nav{ display:block;}
.nav.open .nav_btn{ background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAMAAACE9bUqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NTAxRTlCODk2REUxMUU0ODExODk4OUQ4RDM5Q0I4OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NTAxRTlCOTk2REUxMUU0ODExODk4OUQ4RDM5Q0I4OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MDFFOUI2OTZERTExRTQ4MTE4OTg5RDhEMzlDQjg5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1MDFFOUI3OTZERTExRTQ4MTE4OTg5RDhEMzlDQjg5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+woq2dgAAAAZQTFRF////9PT0LQ8azgAAAAJ0Uk5T/wDltzBKAAAAIElEQVR42mJgAAFGRkYG7IAOMoy4AFkyo/6hsgxAgAEA0yMAxMosEAUAAAAASUVORK5CYII=) center center no-repeat;}
nav ul{ padding:10px 0 0;}
nav ul li{ height:36px; text-align:center; margin:0 10px 10px;}
nav ul li a{ display:block; height:36px; line-height:36px; background:#333; font-size:16px; color:#FFF;}
.slider{ width:100%; height:140px; overflow:hidden; position:relative;}
.slider .hd a span{ display:block; width:13px; height:25px; position:absolute; top:55px; background:url(../images/arrow.png) no-repeat; background-size:25px 25px; text-indent:-9999px;}
.slider .hd a.prev span{ left:10px; background-position:left top;}
.slider .hd a.next span{ right:10px; background-position:right top;}
.slider .bd ul li{ width:100%; height:140px; background-position:center top; background-repeat:no-repeat; background-size:640px 140px !important;}

.news .bbody ul li{ padding:10px 0;}
.ml{ padding:10px;}
.news .bbody ul li strong{ font-size:14px; font-weight:normal;}
.news .bbody ul li em{ padding-left:20px; font-style:normal; font-size:10px; color:#999;}
.news .bbody ul li span{ display:block; line-height:1.6em; padding:10px 0 0; color:#999;}
.box_works{ height:100px; margin:20px 0 0;}
.box_works a{ display:block; height:100px; background:#f9f9f9 url(../images/bg_mr_box.png) left top no-repeat;}
.box_works a:hover{ background-color:#ffc600;}
.box_works a strong,.box_works a span{ display:block;}
.box_works a strong{ line-height:24px; padding:25px 0 0 100px; text-shadow:1px 1px 2px #FFF; font-size:24px; font-weight:normal;}
.box_works a span{ line-height:18px; padding:10px 0 0 150px; text-shadow:1px 1px 2px #FFF; font-size:14px;}
.box_works a:hover strong,.box_works a:hover span{ color:#000;}
.box_service{ height:100px; margin:20px 0 0;}
.box_service a{ display:block; height:100px; background:#f9f9f9 url(../images/bg_mr_box.png) left -120px no-repeat;}
.box_service a:hover{ background-color:#ffc600;}
.box_service a strong,.box_works a span{ display:block;}
.box_service a strong{ line-height:24px; padding:25px 0 0 100px; text-shadow:1px 1px 2px #FFF; font-size:24px; font-weight:normal;}
.box_service a span{ line-height:18px; padding:10px 0 0 150px; text-shadow:1px 1px 2px #FFF; font-size:14px;}
.box_service a:hover strong,.box_service a:hover span{ color:#000;}
.box_contact{ margin:20px 0 0; padding:20px 20px 60px; background:#f9f9f9 url(../images/bg_contact.png) right bottom no-repeat; font-size:14px;}
.product{ margin:40px 0 0; padding:0 0 50px;}
.product .bbody{}
.product .bbody ul li{ width:280px; margin:20px auto 0;}
.product .bbody ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; margin:10px 0 0; text-align:center;}
footer{ display:none;}
.banner{ height:120px; background:#ebebeb url(../images/banner.jpg) center top no-repeat;}
.page_title{ height:48px; line-height:48px; padding:60px 0 0 20px;}
.page_title strong{ font-size:24px; color:#FFF; text-shadow:1px 1px 2px #333; font-weight:normal;}
.page_title span{ padding:0 0 0 20px; font-size:20px; color:#FFF; text-shadow:1px 1px 2px #333; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.mr_i{ padding:10px;}
.urhere{ height:24px; line-height:24px; padding:0 10px; font-size:16px; background:#FDFDFD;}
.page_body{ margin:20px 0 0;}
.list_article{}
.list_article ul li{ padding:5px 0;}
.list_article ul li strong{ font-size:14px; font-weight:normal;}
.list_article ul li em{ padding-left:20px; font-style:normal; font-size:10px; color:#999;}
.list_article ul li span{ display:block; line-height:1.6em; padding:10px 0 0; color:#999;}
.single_content{ line-height:2em; padding:10px;}
.single_content img{ width:100% !important; height:auto !important;}
.recom_product{ display:none;}
.list_img{}
.list_img ul li{ width:280px; margin:0 auto 20px;}
.list_img ul li span{ display:block; height:24px; line-height:24px; margin:5px 0 0; font-size:16px; text-align:center;}
.article_article{ padding:0 20px;}
.article_article h1{ line-height:20px; padding:10px; text-align:center; font-size:18px;}
.article_info{ line-height:30px; text-align:center; color:#999;}
.article_body{ padding:30px 0; line-height:2em; color:#666;}
.article_body img{ width:80% !important; height:auto !important; margin:0 auto;}
.article_body p{ text-indent:2em; margin:0 0 10px;}
.service_title{ line-height:30px; padding:0 10px; font-size:14px;}
.service_1,.service_2,.service_3{ padding:20px 10px;}
.service_img{ width:140px; float:right;}
.service_img img{ width:100%;}
}

@media screen and (min-width: 950px) and (max-width: 1249px) {
header{ width:880px;}
.nav nav ul li a{ padding:0 19px; font-size:16px;}
.main{ width:880px;}
.ml{ width:580px;}
.news{}
.mr{ width:280px;}
.box_works a strong{ padding:25px 0 0 100px;}
.box_works a span{ padding:10px 0 0 150px;}
.box_service a strong{ padding:25px 0 0 100px;}
.box_service a span{ padding:10px 0 0 150px;}
.box_contact ul{ padding:20px 0 0 20px; font-size:12px;}
.auto_width{ width:880px;}
.ml_i{ width:280px;}
.recom_slider{ padding:20px 0;}
.recom_slider .bd{ width:240px; margin:0 auto;}
.recom_slider .hd a.prev{ left:3px;}
.recom_slider .hd a.next{ right:3px;}
.mr_i{ width:580px;}
.article_body{ font-size:14px;}
.list_img ul li:nth-child(2n){ margin-right:0;}
.article_body img{ width:80% !important; height:auto !important; margin:0 auto;}
.service_title{ font-size:14px;}
.service_1{ padding:20px 10px 0;}
.service_1 .service_txt{ width:280px; float:left;}
.service_1 .service_img{ width:180px; margin:20px 0 0; float:right;}
.service_1 .service_img img{ width:100%; height:auto;}
.service_2{ padding:20px 10px 0;}
.service_2 .service_txt{ width:280px; float:right;}
.service_2 .service_img{ width:180px; margin:20px 0 0; float:left;}
.service_2 .service_img img{ width:100%; height:auto;}
.service_3{ padding:20px 10px 0;}
.product{ width:900px;}
}

@media screen and (min-width: 1250px) {
header{ width:1180px;}
.nav nav ul li a{ padding:0 38px; font-size:16px;}
.main{ width:1180px;}
.ml{ width:800px;}
.news{}
.mr{ width:340px;}
.box_works a strong{ padding:25px 0 0 150px;}
.box_works a span{ padding:10px 0 0 200px;}
.box_service a strong{ padding:25px 0 0 150px;}
.box_service a span{ padding:10px 0 0 200px;}
.box_contact ul{ padding:30px 0 0 30px; font-size:12px;}
.auto_width{ width:1180px;}
.ml_i{ width:280px;}
.recom_slider{ padding:20px 0;}
.recom_slider .bd{ width:240px; margin:0 auto;}
.recom_slider .hd a.prev{ left:3px;}
.recom_slider .hd a.next{ right:3px;}
.mr_i{ width:880px;}
.article_body{ font-size:16px;}
.list_img ul li:nth-child(3n){ margin-right:0;}
.article_body img{ width:100% !important; height:auto !important; margin:0 auto;}
.service_title{ font-size:16px;}
.service_1{ padding:40px 20px 0;}
.service_1 .service_txt{ width:460px; float:left;}
.service_1 .service_img{ width:268px; float:right;}
.service_1 .service_img img{ width:100%; height:auto;}
.service_2{ padding:40px 20px 0;}
.service_2 .service_txt{ width:460px; float:right;}
.service_2 .service_img{ width:268px; float:left;}
.service_2 .service_img img{ width:100%; height:auto;}
.service_3{ padding:40px 20px 0;}
.product{ width:1200px;}
}
@media screen and (min-width: 950px) {
body{ background:#FFF url(../images/bg.png) left top repeat-x;}
header{ height:137px; background:url(../images/bg_tel.png) right top no-repeat;}
.logo{ width:595px; height:47px; margin:24px 0; background:url(../images/logo.png) no-repeat; float:left;}
.logo a{ display:block; width:334px; height:47px; text-indent:-9999px;}
.language{ width:150px; height:30px; line-height:30px; text-align:center; float:right;}
.language ul li{ display:inline; padding:0 10px;}
.nav{ width:100%; height:42px; clear:both;}
.nav_btn{ display:none;}
.nav nav ul li{ height:39px; float:left;}
.nav nav ul li a{ display:block; height:39px; line-height:39px; overflow:hidden; color:#FFF; float:left;}
.nav nav ul li a:hover{ background:#666; color:#FFF;}
.nav nav ul li.current a{ background:#ececec; color:#000;}

.slider{ width:100%; height:420px; overflow:hidden; position:relative;}
.slider .hd a span{ display:block; width:26px; height:51px; position:absolute; top:185px; background:url(../images/arrow.png) no-repeat; text-indent:-9999px;}
.slider .hd a.prev span{ left:20px; background-position:left top;}
.slider .hd a.next span{ right:20px; background-position:right top;}
.slider .bd ul li{ width:100%; height:420px; background-position:center top; background-repeat:no-repeat;}

.ml{ float:left;}
.news .bbody ul li{ padding:10px 0;}
.news .bbody ul li strong{ font-size:16px; font-weight:normal;}
.news .bbody ul li em{ padding-left:20px; font-style:normal; font-size:12px; color:#999;}
.news .bbody ul li span{ display:block; line-height:1.6em; padding:10px 0 0; color:#999;}
.mr{ float:right;}
.box_works{ height:100px; margin:20px 0 0;}
.box_works a{ display:block; height:100px; background:#f9f9f9 url(../images/bg_mr_box.png) left top no-repeat;}
.box_works a:hover{ background-color:#ffc600;}
.box_works a strong,.box_works a span{ display:block;}
.box_works a strong{ line-height:24px; text-shadow:1px 1px 2px #FFF; font-size:24px; font-weight:normal;}
.box_works a span{ line-height:18px; text-shadow:1px 1px 2px #FFF; font-size:14px;}
.box_works a:hover strong,.box_works a:hover span{ color:#000;}
.box_service{ height:100px; margin:20px 0 0;}
.box_service a{ display:block; height:100px; background:#f9f9f9 url(../images/bg_mr_box.png) left -120px no-repeat;}
.box_service a:hover{ background-color:#ffc600;}
.box_service a strong,.box_works a span{ display:block;}
.box_service a strong{ line-height:24px; text-shadow:1px 1px 2px #FFF; font-size:24px; font-weight:normal;}
.box_service a span{ line-height:18px; text-shadow:1px 1px 2px #FFF; font-size:14px;}
.box_service a:hover strong,.box_service a:hover span{ color:#000;}
.box_contact{ height:200px; margin:20px 0 0; background:#f9f9f9 url(../images/bg_contact.png) right bottom no-repeat;}
.box_contact ul{ line-height:2em;}

.product .bbody{ padding:20px 0 0;}
.product .bbody ul li{ width:280px; margin:0 20px 20px 0; padding:0 0 10px; background:#FFF; float:left;}
.product .bbody ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; margin:10px 0 0; text-align:center;}
.product .bbody ul li:hover{ box-shadow:1px 1px 10px #CCC;}
.product .bbody ul li:hover span a{ color:#F00;}
footer{ margin:40px 0 0; padding:40px 0; border-top:3px solid #3d3d3d; text-align:center;}

.banner{ height:200px; background:#ebebeb url(../images/banner.jpg) center top no-repeat;}
.auto_width{ position:relative;}
.page_title{ width:300px; height:48px; line-height:48px; position:absolute; top:100px; left:20px;}
.page_title strong{ font-size:36px; color:#FFF; text-shadow:1px 1px 2px #333; font-weight:normal;}
.page_title span{ padding:0 0 0 20px; font-size:24px; color:#FFF; text-shadow:1px 1px 2px #333; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}

.ml_i{ margin:-40px 0 0; background:#f9f9f9; box-shadow:1px 1px 2px #666; float:left; position:relative; z-index:9999;}
.recom_slider{ height:243px; overflow:hidden; position:relative;}
.recom_slider .hd a.prev,.recom_slider .hd a.next{ display:block; width:14px; height:29px; background:url(../images/arrow.png) no-repeat; text-indent:-9999px; position:absolute; top:100px;}
.recom_slider .hd a.prev{ background-position:left -11px;}
.recom_slider .hd a.next{ background-position:right -11px;}
.recom_slider .bd ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; margin:5px 0 0; text-align:center;}
.mr_i{ float:right;}
.urhere{ height:36px; line-height:36px; margin:20px 0 0; padding:0 20px; background:#FDFDFD;}
.page_body{ margin:20px 0 0;}
.single_content{ line-height:2em; padding:20px 40px;}
.list_article{ padding:0 10px;}
.list_article ul li{ padding:20px 0;}
.list_article ul li strong{ font-size:16px; font-weight:normal;}
.list_article ul li em{ padding-left:20px; font-style:normal; font-size:12px; color:#999;}
.list_article ul li span{ display:block; line-height:1.6em; padding:10px 0 0; color:#999;}
.article_article{ padding:0 20px;}
.article_article h1{ line-height:24px; padding:10px; text-align:center; font-size:20px;}
.article_info{ line-height:30px; text-align:center; color:#999;}
.article_body{ padding:30px 0; line-height:1.8em; color:#666;}
.article_body p{ text-indent:2em; margin:0 0 10px;}
.list_img{}
.list_img ul li{ width:280px; margin:0 20px 20px 0; padding:0 0 10px; float:left;}
.list_img ul li span{ display:block; height:18px; line-height:18px; overflow:hidden; margin:5px 0 0; text-align:center;}
.list_img ul li:hover{ box-shadow:1px 1px 10px #CCC;}
.list_img ul li:hover span a{ color:#F00;}
.service_title{ line-height:36px; padding:0 20px;}
.service_1 .service_txt{ float:left;}
.service_1 .service_img{ float:right;}
}