/**
 * Mobile style - F
 * 2016-04-01
 */
body,div,p,h1,h2,h3,h4,h5,h6{margin:0;}
ul,dl,dd{margin:0; padding:0;}
ul li { list-style-type: none;}
html{ height:100%;}
a { text-decoration: none; color: #332109}
table{ border-spacing:0; border-collapse:collapse;}
img {border: 0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;height: 100%;position: relative;line-height:20px; word-wrap:break-word;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; }
.hide {display: none}

/*header*/
.hd {padding:2%;position:relative;z-index:9999}
#logo {float:left;width:60%;}
#logo img {width:100%;}
.nav-button {float:right;}
.nav-button img {float:right;height:100%;}
.nav {clear:both; background-color:#fff; right:2%; width:96%; border:1px solid #281300;border-bottom:0;position:absolute; top:-1px;}
.nav li {border-bottom:1px solid #281300;padding:5px 10px;}
.nav li a {display:block;}
.nav li a:hover,.nav li a.sed {color:#f0cf49}

.bWrap a .im {text-align:center;}
.bWrap a .im img {width:100%;}
.bWrap a .desc {padding:5px;}
.hWrap {padding:2% 0 2% 2%;}
.hlist li {width:47.9%;float:left; margin-bottom:2%;padding-right:2%;}
.hlist li img {width:100%;}

.tH3 {color:#332109;font-size:20px; padding-bottom:2%;}
.tH3 span {font-size:14px;}
.nWrap {padding:5% 2% 2%;margin:0 2%; background-color:#fff4ca}
.nlist {padding:3% 0; margin-top:3%; border-top:1px dotted #281300;}
.nlist li{border-bottom:1px dotted #281300;margin-bottom:10px;}

.iWrap {padding:5% 2% 2%;}
.iH3 {border-top:1px solid #332109;padding:5% 0;}
.iCon {height:20em;overflow:hidden;}
.iA {float:left; background-color:#eabe07;margin:5% 0 3%; font-size:16px; padding:3%;color:#fff}

.ft .copy,.ft .link {background:#6b4612;padding:5% 3%;color:#fff4ca;font-size:14px;}
.ft .copy a {color:#fff4ca}
.ft .link {background:#472d09;padding:2% 3%;}
.ft .link .lang {float:right; width:40%;padding:2% 0;}
.ft .link .lang a,.ft .link .lang span{float:right;color:#fff;font-size:12px;}
.ft .link .lang span {padding:0 10px;}

.subMenu {background-color:#eabe07;color:#fff;font-size:24px;padding:8% 2%;}
.pl-subMenu {background-color:#332109}
.subMenu ul{overflow:hidden;width: 100%;}
.subMenu li {padding-top:3%;font-size:20px;}
.subMenu li li {font-size:14px}
.subMenu li a {color:#fff}
.subMenu .sublist {padding-bottom:3%;}
.content {margin:5% 2%; padding-top:5%; border-top:1px solid #332109}

.sub-button,.sub-sub-button {
	float:right;
	margin-right:8px;
	width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg) translate(-50%, 0);
    transform: rotate(45deg) translate(-50%, 0);
}
.sed-click {border-width: 1px 0 0 1px;margin-top:10px;}

.pgn__magic-line {background-color:#332109}
.pgn a, .pgn span, .pgn strong {color:#332109}
.pl-title {color:#332109;font-size:16px;margin-bottom:3%}
.pl-im img{width:100%;}
.pl-desc {padding:2% 0;}

/*查询*/
.form-basic{
    box-sizing: border-box;
}

.form-basic .form-row{
    text-align: left;
    margin-bottom: 2%;
}

.form-basic .form-title-row{
    text-align: center;
    margin-bottom: 55px;
}

/* The form title */

.form-basic .form-row > label span{
    display: inline-block;
    box-sizing: border-box;
    color: #5F5F5F;
    width: 110px;
    text-align: right;
    vertical-align: top;
    padding: 12px 25px;
}

.form-basic input{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 240px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 12px;
    border: 1px solid #dbdbdb;
}

.form-basic input[type=radio],
.form-basic input[type=checkbox]{
    box-shadow: none;
    width: auto;
}

.form-basic input[type=checkbox]{
    margin-top: 13px;
}

.form-basic select{
    background-color: #ffffff;
    color:  #5f5f5f;
    box-sizing: border-box;
    max-width: 240px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 12px 8px;
    border: 1px solid #dbdbdb;
}

.form-basic textarea{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 240px;
    height: 80px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    font: normal 13px sans-serif;
    padding: 12px;
    border: 1px solid #dbdbdb;
    resize: vertical;
}

.form-basic .form-radio-buttons{
    display: inline-block;
    vertical-align: top;
}

.form-basic .form-radio-buttons > div{
    margin-top: 10px;
}

.form-basic .form-radio-buttons label span{
    margin-left: 8px;
    color: #5f5f5f;
    font-weight: normal;
}

.form-basic .form-radio-buttons input{
    width: auto;
}

.form-basic button,.submit-tip a{
    display: block;
    border-radius: 2px;
    background-color:  #e9be07;
    color: #fff;
    font-weight: bold;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 14px 22px;
    border: 0;
    margin: 40px 0 0 183px;
}

.form-basic .code img{ vertical-align:middle;}
.form-basic .code input {width:60px;}
.submit-tip {text-align:center;}
.submit-tip h3{
    display: inline-block;
    box-sizing: border-box;
    color:  #4c565e;
    font-size: 24px;
    padding: 0 10px 15px;
    border-bottom: 2px solid #e9be07;
    margin: 0;
}

.submit-tip p {padding:5% 10px;}

/*竖屏兼容*/
@media screen and (max-width: 320px) {
	.hlist li {width:98%;float:left;}
	.ft .link img {height:30px;}
	
	.form-basic{
        padding: 30px;
        max-width: 480px;
    }

    .form-basic .form-row{
        max-width: 300px;
		margin:10px 0;
        text-align: left;
    }

    .form-basic .form-row > label span{
        display: block;
        text-align: left;
        padding: 0 0 15px;
    }

    .form-basic select{
        width: 240px;
    }

    .form-basic input[type=checkbox]{
        margin-top:0;
    }

    .form-basic .form-radio-buttons > div{
        margin: 0 0 10px;
    }

    .form-basic button,.submit-tip a{
        margin: 0;
    }
}