/*男性模板*/

@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
menu,figure{margin:0;padding:0}
body{font:normal 14px/1.5 "Microsoft YaHei", tahoma, Simsun,"Arial Unicode MS",Mingliu,Arial,Helvetica}
body,html{}
table{border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align:middle}
input,select{vertical-align:middle}
input,select,textarea{font-family:"Microsoft YaHei",arial,verdana,sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,menu{list-style:none}
a img{border:none}
img{vertical-align:top}
p{margin-bottom:1.2em}
fieldset{padding:0 1em 1em 1em;margin:1.6em 0;border:1px solid #ccc}
legend{padding-left:.8em;padding-right:.8em}
legend+*{margin-top:1em}
sub{font-size:smaller;line-height:0;vertical-align:sub}
sup{font-size:smaller;line-height:0;vertical-align:super}
a{color:#83766d;cursor:pointer;text-decoration:none!important;}
a:hover{color:#83766d;}
a:focus{}
i{font-style:normal;}



.header{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1000;
	min-height: 60px;
    background: #f8f8f8;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
    color: #666;
}
.header-container{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1000px;
}
.header-logo{
	padding: 0 10px;
    float: left;
    font-size: 1.8rem;
    height: 50px;
    line-height: 50px;
}
.header-logo img{
	max-height: 50px;
    vertical-align: middle;
    border: 0;
}
	
#one, #two, #three, #centent, #footer {
    text-align: center;
    margin: 0 auto;
}

.footer {
    padding: 20px 0;
    text-align: center;
    color: #888;
    height: auto;
    display: block;
    max-width: 650px;
    margin: 0 auto;
    overflow: hidden;
}
.ftnav{
	height: 45px;
    background: #fff;
    margin:0 auto;
	width:100%;
	max-width: 1000px;
	box-shadow: 0px -2px 8px #b9b9b9;
    border-top: 1px solid #ccc;

}

.ftnav li {
    height: 45px;
    padding: 2px 0 0 0;
    float: left;
    text-align: center;
    display: block;
    position: relative;
}
.ftnav li a {
    width: 100%;
    float: left;
    display: block;
    outline: none;
    text-decoration: none;
    color: #666;
}
.ftnav li a span {
    width: 58px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    display: block;
    position: relative;
    padding: 2px 0 0 0;
}
.ftnav li a p {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 90%;
    color: #333;
    text-align: center;
    margin: 0;
}

#position_background {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
    z-index: 10;
    background-color: #dedede;

	text-align: center;
}

.ptop {
    padding-top: 40px;
}
.clear {
    clear: both;
}

#one img, #two img, #three img, #centent img, #footer img {
    width: 100%;
    vertical-align: middle;
}

.one{ padding-top:60px; width: 100% ;}
.two{width: 100% ;height:100%;}
.one a{width: 100% ;}
.two a{width: 100% ;}

.container{
	padding-top: 60px;
	width: 100%;
	max-width: 1000px;
	margin:0 auto;

}
.containers{
	padding-top: 60px;
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
}
.mainwidths{
	border: 5px solid #00a0ea;
	margin-top:10px;
	min-height: 450px;
}

.alizi-detail-wrap{ 
	max-width:950px!important; 
    padding: 5px;
    text-align: center;
}

.alizi-query-wrap{ 
	max-width:950px!important; 
    padding:20px 5px;
    text-align: center;
    margin:0 auto;
}
.mainwidth{
	border: 5px solid #00a0ea;
	margin-top:10px;
}


.prott{
	background: #e9e9e9;
    border-radius: 4px 4px 0 0;
    padding: 11px 0;
    text-align: center;
}

.prott h2 {
    font-size: 30px;
    font-weight: 700;
    color: #7a7a7a;
    margin-bottom: 5px;
}
.query_form .query_text {
    float: left;
    border: 2px solid #DDD;
    width: 300px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    outline: none;
}

.query_form .query_button {
    float: left;
    color: #FFF;
    display: block;
    width: 120px;
    height: 40px;
    background-color: #FF9934;
    font-size: 16px;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s linear 0s;
}

.query_result li {
    margin-top: 15px;
    border: 1px solid #ccc;
}
.query_result tr th {
    padding: 5px;
    background: #f8f8f8;
    color: #555;
    text-align: left;
}
.query_result tr td {
    padding: 5px;
    text-align: left;
    line-height: 25px;
}
.query_result h2 {
    color: #3a1300;
    font-size: 16px;
}
.alizi-detail-wrap1 {
    max-width: 100%;
    border: 1px solid #eee;
    padding: 5px;
    text-align: left;
}
.article-content {
    padding: 20px;
    min-height: 450px;
    font-size: 16px;
}

@media only screen and (min-width: 641px){

	.header-collapse {
	    display: block !important;
	    height: auto !important;
	    padding: 0;
	    overflow: visible !important;
    	margin-top: 0;
	    padding: 0;
	    clear: none;
	}

	.header-nav{
		float: left;
	    margin-bottom: 0;
	    padding: 0;
	    list-style: none;
	}
	.header-nav > li {
    	float: left;
    	position: relative;
	    display: block;
	}
	.header-nav  > li > a {
	    position: relative;
	    line-height: 34px;
	    padding: 0 10px;
	    padding-top: 18px;
	    border-radius: 0;
	    display: block;
	    color: #666;
	    font-size: 1.2rem;
	}

	.header-nav > li > a:after {
	    position: absolute;
	    left: 50%;
	    margin-left: -7px;
	    bottom: -8px;
	    content: "";
	    display: inline-block;
	    width: 0;
	    height: 0;
	    vertical-align: middle;
	    border-bottom: 7px solid #f8f8f8;
	    border-right: 7px solid transparent;
	    border-left: 7px solid transparent;
	    border-top: 0 dotted;
	    -webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    transform: rotate(360deg);
	    opacity: 0;
	    -webkit-transition: opacity .1s;
	    transition: opacity .1s;
	}
	.header-nav > li > a:hover:after {
	    opacity: 1;
	    border-bottom-color: #666;
	}

	.header-nav > li > a:hover, .header-nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
	}

	.ul_nav_a{display: none !important;}
	.maincontent_nav{display: none !important;}
}


@media only screen and (max-width: 640px){
	.header-collapse{
		display: none !important;
	}
	.ul_nav_a{
	    display: block !important;
	    background: #00b9ff url(image/lb.png) 55px center no-repeat;
	    float: right;
	    font-size: 20px;
	    color: #fff;
	    cursor: pointer;
	    width: 70px;
	    margin: 10px 20px 10px 0px;
	    padding: 5px 10px;

	}
	.ul_nav_a:hover{
		color: #fff;
		text-decoration:none
	}

	.maincontent_nav {
	    position: fixed;
	    top: 60px;
	    left: 0px;
	    width: 100%;
	    background-color: #fff;
	    z-index: 999;
	    color: #000;
	    height: 50%;
	}
	.maincontent_nav li {
	    height: 50px;
	    line-height: 50px;
	    font-size: 20px;
	    padding-left: 5%;
	    cursor: pointer;
	    border-bottom: 1px dashed #d6d6d6;
	}
	.maincontent_nav li a {
	    display: block;
	    width: 100%;
	    color: #000;
	    text-decoration:none
	}
}