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


* {
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display: block
}
a {
	color:#333;
	text-decoration: none;
}
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body{padding:0; margin:0; font:normal 100% 微软雅黑; background:#1f1f1f}
*{padding:0; margin:0;}
ul,li,ol{list-style:none;}

img{width:100%; border:0;}
.clear{height:0; clear:both;}

#page {
	background:#fff;
	display: block;
	min-width: 320px;
	margin: 0 auto;
	max-width: 640px;
	width: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


header
{	text-align:center;
	background-image: linear-gradient(#b10304, #b10304);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;


	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 45px;
	padding: 0 50px;
}


header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
header a#menu
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 10px;
}
header a#home{
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 10px;
	color:#fff;
	background:url(../images/home142.png) center center no-repeat transparent;
	}

@-webkit-keyframes fa-spin{
	0%{
		right:2%
	}
	50%{
		right:5%;
	}

	100%{
		right:2%;
	}
}
@keyframes fa-spin{
	0%{
		right:2%
	}
	50%{
		right:5%;
	}

	100%{
		right:2%;
	}
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, footer {
	-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

.telphone {
	display: block;
	position: fixed;
	right: 2%;
	top: 20%;
	margin-top:-10px;
	z-index: 100;
	cursor: pointer;
	
	-webkit-animation-name:fa-spin;/*动画名称*/
	-webkit-animation-duration:1s;/*动画时间*/
	-webkit-animation-timing-function:linear;/*动画类型*/
	
	-moz-animation-name:fa-spin;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
}
.telphone img {
	width: 44px;
	height: 44px;	
}


.telnav {
	display: block;
	position: relative;
	width: 100%;
	-moz-perspective: 800px;/*将平面图形转换为具有透视的3D图形*/
	-moz-transform-style: preserve-3d;/*transform-style: flat,所有子元素在 2D 平面呈现 | preserve-3d,保留3D空间*/
	-webkit-perspective: 800px;
	-webkit-transform-style: preserve-3d;
 	-moz-backface-visibility:;/*定义当元素不面向屏幕时是否可见,如果在旋转元素不希望看到其背面时，该属性很有用*/
	-webkit-backface-visibility: hidden;/*visible背面是可见的,hidden背面是不可见的。*/
}
.telnav li {
	display: block;
	float: left;
	position: relative;
	font-size: 12px;
	color: #0780f9;
	background: #fff;
	width: 25%;
	-webkit-animation-name: wobble;/*动画名称，需要跟@keyframes定义的名称一致*/
	-webkit-animation-duration: 1s;/*表示动画持续的时间,如果没有设置duration的话，则表示为无穷大*/
	-webkit-animation-timing-function: linear;/*表示动画使用的时间曲线*/
	-webkit-animation-delay: 0;/*表示开始动画之前的延时*/
	-webkit-animation-iteration-count: 1;/*播放1数，infinite;播放无限次数*/
 	-webkit-animation-direction:;/*表示动画的方向*/
	-moz-animation-name: wobble;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
 	-moz-animation-direction:;
}
.telnav li span {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 2% 0% 18% 0%;
}


.telnav .icon {
	display: block;
	float: left;
	width: 100%;
	padding: 5% 0%;
}
.telnav .icon img {
	display: block;
	float: left;
	width: 60%;
	margin: 16% 20% 0% 20%;
}






.telnav2 {
	display: block;
	position: relative;
	width: 100%;
	-moz-perspective: 800px;/*将平面图形转换为具有透视的3D图形*/
	-moz-transform-style: preserve-3d;/*transform-style: flat,所有子元素在 2D 平面呈现 | preserve-3d,保留3D空间*/
	-webkit-perspective: 800px;
	-webkit-transform-style: preserve-3d;
 	-moz-backface-visibility:;/*定义当元素不面向屏幕时是否可见,如果在旋转元素不希望看到其背面时，该属性很有用*/
	-webkit-backface-visibility: hidden;/*visible背面是可见的,hidden背面是不可见的。*/
	border-top:5px solid #ddd;
}
.telnav2 h3{
	padding:10px 20px;
	}

.telnav2 li {
	display: block;
	float: left;
	position: relative;
	font-size: 12px;
	color: #0780f9;
	background: #fff;
	width: 32%;
	margin-right:1%;
	-webkit-animation-name: wobble;/*动画名称，需要跟@keyframes定义的名称一致*/
	-webkit-animation-duration: 1s;/*表示动画持续的时间,如果没有设置duration的话，则表示为无穷大*/
	-webkit-animation-timing-function: linear;/*表示动画使用的时间曲线*/
	-webkit-animation-delay: 0;/*表示开始动画之前的延时*/
	-webkit-animation-iteration-count: 1;/*播放1数，infinite;播放无限次数*/
 	-webkit-animation-direction:;/*表示动画的方向*/
	-moz-animation-name: wobble;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0;
	-moz-animation-iteration-count: 1;
 	-moz-animation-direction:;
}
.telnav2 li span {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 2% 0% 18% 0%;
}


.telnav2 .icon {
	display: block;
	float: left;
	width: 100%;
	
	padding: 5% 0%;
}
.telnav2 .icon img {
	display: block;
	float: left;
	width: 100%;
	height:100%;

}

@-webkit-keyframes wobble {
 0% {
 -webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 25% {
 -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 50% {
 -webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 75% {
 -webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 100% {
 -webkit-transform:rotateY(00deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
}
@-moz-keyframes wobble {
 0% {
 -moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 25% {
 -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 50% {
 -moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 75% {
 -moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
 100% {
 -moz-transform:rotateY(00deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);
}
}
.index-pic ul { padding:10px 0; background:#fff}
.index-pic ul li{ margin-bottom:10px;}
.index-pic ul li img{ border:1px solid #ccc; border-left:0; border-right:0; width:100%;}


footer { background: #3c3c3c; padding: 20px 0; text-align:center;}
footer p { margin: 0 0; }
footer p.strong { color: #313131; margin-bottom: 8px; height: auto; margin-top: 0; }
footer p.strong a { color: #ffffff; margin: 0 4px; font-size: 14px; }
footer p.copy { font-size: 10px; color: #FFF; }


.article {
    color: #000;
}
.article .text h3{background: none; color:#000;line-height: normal;padding-left:0;}
.article h1 {
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ccc;
    padding-left: 15px;
    margin: 25px 0 0;
}

.article .info p {
    margin: 5px 20px 10px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding-bottom: 10px;
}

.article .text {
    padding: 10px 20px 20px 20px;
    line-height: 1.6;
}


.listmain{}
.listmain ul{background:#fff;}
.listmain ul li{ border-bottom:1px solid #ddd; padding:10px 0;}
.listmain ul li img{ width:100%; border-radius: 5px 5px 0px 0px;}
.listmain ul li div.libox{ width:35%; float:left; }
.listmain ul li div.info{ width:60%; float:right; line-height:20px;}
.listmain ul li div.info h3{ margin:20px 0 10px 0;}
.listmain ul li div.info p{ color:#999;}
.listmain ul li div.info a{ color:#333}

#searcher{ padding:20px; background:#fff; border-bottom:1px solid #ddd;}
#searcher #dr_search_keyword{ 
float: left;
line-height: 18px;
height: 18px;
_height: auto;
overflow: hidden;
padding: 10px;
border: none;
width: 180px;
border:1px solid #ddd;
}
#searcher .button{
border:0;
background: #0461a6;
color: #fff;
width: 64px;
vertical-align: middle;
font-size: 14px;
padding-top:6px;
padding-bottom:6px;
cursor: pointer;
float: right;
	}

.catalog-choose { overflow: hidden; margin-bottom: 10px; }
.catalog-choose h3{ clear:both; height: 30px; line-height: 50px; overflow:hidden }
.catalog-choose li { float: left; width: 33.3%; }
.catalog-choose li a, .catalog-choose li span { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #545454; text-align: center; background: #dcdcdc; margin-top: 10px; }
.catalog-choose li span { color: #fff; background: #0461a6; }
.catalog-choose li:nth-child(3n+1) a, .catalog-choose li:nth-child(3n+1) span { margin-right: 7px; }
.catalog-choose li:nth-child(3n+2) a, .catalog-choose li:nth-child(3n+2) span { margin-left: 3px; margin-right: 3px; }
.catalog-choose li:nth-child(3n+3) a, .catalog-choose li:nth-child(3n+3) span { margin-left: 7px; }

.pro_canshu{border:1px solid #eee; padding:10px;}
.pro_canshu ul li{ height:30px; line-height:30px; border-bottom:1px solid #eee; font-family:Microsoft Yahei}
.pro_canshu em{ display:inline-block; font-weight:inherit; font-style:normal; background:#eee; color:#333; width:120px;height:30px; line-height:30px; padding-left:5px; margin-right:10px;}


/* tabbed_content */
.tabbed_content{background-color:none;max-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>960?"960px":"");}
.tabs{width:100%;height:45px;line-height:45px;position:relative;background:#F3F3F3;border-bottom:solid 1px #CCC;overflow:hidden;}
.tabs h2{padding-left:10px;float:left;}
.tabs .moving_bg{width:33.333333%;_width:23.33333%;height:43px;border-bottom:solid 2px #0461a6;background-color:#FFF;position:absolute;z-index:190;left:0;background-position:bottom left;background-repeat:no-repeat;font-weight:bold;overflow:hidden;}
.tabs .tab_item{display:block;float:left;width:33.3333%;color:#ffffff;text-align:center;z-index:200;position:relative;cursor:pointer;color:#000;font-weight:bold;overflow:hidden;}


.tabbed_content .slide_content{overflow:hidden;background-color:none;position:relative;width:100%;}
.tabslider{width:400%}

.tabslider ul{float:left;margin:0px;width:25%;text-align:left;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* padding和border被包含在定义的width和height之内 */background:none;}
.tabslider ul li p{color:#C5C5C5;padding:10px;border-bottom:solid 1px #ddd;}
.tabslider ul a{margin-bottom:10px;display:block;color:#000;text-decoration:none;}
.tabslider ul a:hover{color:#00;text-decoration:underline;}
.tabslider .hidden div{padding:10px 10px;_padding:10px 0;*padding:10px 0;font-size:16px;}
.tabslider ul li span,.tabslider .hidden div span{display:block;width:100%;color:#C5C5C5;text-align:right;font-size:0.875em;}
.tabslider ul li span em,.tabslider .hidden div em{float:left;font-style:normal;}
.tabslider ul li{padding:10px;border-bottom:solid 1px #EFEFEF;}


.main_case a{
	padding:12px 8px;
	color:#333;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px dashed #d4d4d4;
	display:block;
}
.main_case a.last{
	border-bottom:none;
}
.main_case dl dt{
	float:left;
	width:42%;
}
.main_case dl dt img{
	width:100%;
	padding:8px 0;
	vertical-align:middle;
}
.main_case dl dd{
	width:55%;
	padding-left:10px;
	overflow:hidden;
	float:left;
	padding-top:8px;
	line-height:19px;
	font-size: 100%;
}
.main_case dl dd p{
	color:#ccc;
	padding-top:10px;
	}
.main_case dl dd.mc_icon{
	float:left;
	width:5%;
	padding-left:4px;
}
.main_case dl dd.mc_icon i{
	line-height:55px;
}
/*主体结束*/
.topic {
margin-top:20px;
padding:5px;
border:1px solid #D2D4DC;
background:#F5F5F6;
}
.topic-slide {
height:32px;
overflow:hidden;
}
.topic ul {

}
.topic li {
height:32px;
padding-left:32px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:13px;
line-height:32px;
background:url(../images/dot.png) no-repeat 12px center;
}
.topic li .ui-link {
font-weight:normal;
}
.topic li a {
display:block;
height:100%;
}
.topic li a:link, .topic li a:visited {
color:#0780f9;
text-decoration:none;
}
.topic li a:hover, .topic li a:active {
color:#0780f9;
text-decoration:none;
}