@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    list-style: none;
}

html {
    overflow-x: hidden
}

fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:link, :visited, ins {
    text-decoration: none;
}

:focus {
    outline: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
	color: #000;
}

body {
    line-height: 1.5;
    font-family: '微软雅黑', Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
	color: #666;
}

a{color: #666;}
ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */
blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

.clear_cs {
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    over-flow: hidden;
}
.mano-po{width:1436px;margin:auto;}
.typeinfo{width:50%;float:left;margin-top:30px;margin-bottom:30px;}
.typeinfo-2{float:left;width:40%;}
.typeinfo-2 img{max-width:100%;}
.div-11{width:58%;float:right;}
.typeinfo-1{width:90%;float:left;}
.typeinfo-1 a{font-size:30px; font-weight:bold;}
.typeinfo-3{width:90%;float:left; font-size:14px;margin-top:10px;}
.typeinfo-4{width:90%;float:left;margin-top:20px;}
.typeinfo-4 a{ color:#ef782c; font-size:14px;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px;}
.typeinfo-4 a:hover{border:solid 1px #ef782c; color:#fff; background-color:#ef782c;}

.demos div li{float:left;width:30.333%;margin-right:30px;margin-top:20px;padding:1%; font-size:14px;border:solid 1px #ccc;}
.demos div li h3{width:100%;float:left; text-align:center;display:none;}
.anlititle{width:100%;float:left;text-align:center;font-size:15px;}
.demo .bd .demos .anliimg{max-width:100%;float:left;margin-top:15px;margin-bottom:10px;}

.demos div li a{float:left; color:#ef782c;}

@media (max-width:1436px){
		.demos div li{width:29%;}
	.mano-po{width:90%;margin:auto;}}

@media (max-width:1000px){
		.demos div li{width:25%;}
}




@media (max-width:640px){
	.typeinfo{width:100%;}
.typeinfo-2{float:left;width:100%;}	
.div-11{width:100%;float:right;}
.typeinfo-2 img{width:100%;}	
	}