@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
html {margin: 0px; padding: 0px;}
body {
	font-family:tahoma,arial,microsoft yahei,宋体;
	font-size:14px; 
	margin: 0px; padding: 0px;	
	margin-right: auto; margin-left: auto; 
	text-align:left; 
	color:#333;
	
}
ul, li{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	list-style:none;
}

img{ border:none}
a {
color: #333333;
text-decoration:none
}	
a:hover {
color:#024783;
text-decoration:none
}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
/* << GLOBAL */
#header{margin: 0 auto;
max-width: 640px;
overflow: hidden;
background-image: url(../static/top_bg.html);
background-repeat: repeat-x;}
#header .top{margin:0 auto;text-align:center;padding-top:10px; padding-bottom:10px; font-size:18px; font-weight:bold; color:#c43270}
.height10{height:10px; line-height:10px; clear:both;text-align:center}

#tab-1, #tab-4{background: #fafafa;}
#wrap{margin:0 auto;max-width:640px;min-height:100%;overflow:hidden;width:100%;height:100%}
#wrap .fwfm{margin:0 auto;padding:10px 15px 10px 15px;}
#wrap .title{FONT-SIZE: 13pt; color:#333333;font-size: 16px;}
#wrap .fwcode{
    background: none repeat scroll 0 center rgba(255,255, 255,0.8);
    border: 1px solid rgb(136, 136, 136);
    border-radius: 3px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    font-size: 16px;
    height: 40px;
    padding-left: 10px;
    margin-right:2%;
    width: 80%;
	float:left;
}
#wrap .fwcode:focus {border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
#wrap .btnquery{
    border: medium none;
	background-color:#333333;
    border-radius: 3px;
	color:#FFFFFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	padding:0 10px 0 10px;
	cursor:pointer;
    width: 30%;
	float:left;
}
#wrap .result{ margin:0 auto; text-align:left; line-height:22px; color:#FF0000;font-size: 16px;}
#wrap .checkcode{
    background: none repeat scroll 0 center rgba(255,255, 255,0.8);
    border: 1px solid rgb(136, 136, 136);
    border-radius: 3px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    font-size: 14px;
    height: 30px;
    padding-left: 10px;
    margin-right:10px;
}

#wrap .fwsm {margin:0 auto; text-align:left; line-height:22px}
#wrap .fwsm img{border: 0 none;height: auto;width: 100%;}

#footer{margin:0 auto;max-width:640px; overflow:hidden;background:#fafafa;}
#footer .txt{margin:0 auto;text-align:center;padding-top:15px; padding-bottom:15px; font-size:12px; }

#wrap .datu{margin:0 auto;max-height:640px}
#wrap .datu img{width:100%}

#imgBlockBox{width:100%;background-color:#fff;text-align:center;position:relative}
#imgBlockBox div.moveWrap{width:100%;margin:0 auto;position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#imgBlockBox ul.moveWrapBG{width:100%;height:auto;visibility:hidden;display:inline-block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0;overflow:hidden}
#imgBlockBox .slides li{width:100%;display:none;margin:0;padding:0;float:left;list-style:none;text-align:center}
#imgBlockBox .slides li div{width:100%}
#imgBlockBox div.slideMask{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-right:0!important}
#imgBlockBox div.moveWrap>ul.move{margin:0;padding:0;position:relative;left:0;top:0;list-style:none;width:20000px;-webkit-transition:all .6s ease-in-out;-webkit-transition-duration:400ms;-webkit-transition-property:-webkit-transform;margin:0;padding:0;display:none}
#imgBlockBox div.moveWrap>ul.move li{width:304px;height:125px}
#imgBlockBox div.moveWrap>ul.move li.slideUnit{margin:0;padding:0;float:left;list-style:none;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#imgBlockBox .slides li.slideUnit>div{padding:0;display:inline-block;vertical-align:middle;text-align:center;-webkit-box-sizing:border-box}

#imgBlockBox .flex-direction-nav{width:100%;height:30px;line-height:30px;background:#fff;text-align:center;-webkit-border-radius:0 0 5px 5px; display:none}
#imgBlockBox .flex-direction-nav .flex-prev,#imgBlockBox .flex-direction-nav .flex-next{width:25px;height:20px;position:absolute;bottom:5px;cursor:pointer;outline:0;background-size:25px 20px;background-repeat:no-repeat;text-indent:-999em}
#imgBlockBox .flex-direction-nav .flex-next{right:5px;background-image:url(../static/12.html)}
#imgBlockBox .flex-direction-nav .flex-prev{left:5px;background-image:url(../static/11.html)}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}
#nav{
margin:0 auto;
max-width:640px;
overflow:hidden;
background-color:#333333; 
font-size: 16px;

}
#nav li{
text-align:center;
height:35px;
line-height:35px;
float:left;
width:25%;
}
#nav li a{
display:block;
color:#ffffff;
text-decoration:none;
}
#nav li .lineleft{border-left: 1px solid #666666;}
#nav li .lineright{border-right: 1px solid #fff;}

.cler
{
	background-color:#666666; 
	border-bottom: 1px solid #fff;
}

.prolist li {
    float: left;
    margin: 2%;
    text-align: center;
    width: 46%;
    border-radius: 8px;
    overflow: hidden;
}

#overlay {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

.dnone {
    display: none;
}
.tipsbox {
    background-color: rgba(0, 0, 0, 0.5);
    left: -50%;
    margin-left: 50%;
    position: fixed;
    text-align: center;
    top: 10%;
    width: 100%;
    z-index: 99999;
}
.tips_icon img {
    vertical-align: middle;
    width: 100%;
}
#wrap .syis {
    background-color: #333333;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}

.top img{
    width: 40%;
}



.demo-wrapper{
	max-width:480px;
	background-size: cover;
	overflow:hidden;
	line-height: 1.8em;
}

.main,
.footer{   
    position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
}


.content{
	position:relative;
	padding:20px 2%;
}



.product-list a {
	color: inherit;
}
.product-list:before, 
.product-list:after {
	display: block;
	content: " ";
	width: 100%;
	overflow: hidden;
	clear: both;
}
.product-list .probox {
	width: 45%;
	margin-left: 3.33%;
	float: left;
	margin-bottom: 20px;
	border: 1px solid #F90
	border-radius: 5px;
	box-sizing: border-box;
	
}
.product-list .probox img {
	max-width: 100%;
}
.product-list .probox p {
	padding: 5px 8px;
	
	text-align: center;
	color: #fff;
	background-color:#F00;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}


#wrap .title{FONT-SIZE: 13pt; color:#333333;font-size: 16px;}
.title{
	padding: 5px 0;
	margin-bottom:10px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	font-family:"Microsoft YaHei";
	color: #0d0046;
}