/**
 * 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: #464646}
table{ border-spacing:0; border-collapse:collapse;}
img {border: 0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;height: 100%; background-color:#ededed; 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:5% 2%;position:relative;z-index:9999;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#232943', endColorstr = '#181d30');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#232943', endColorstr = '#181d30')";
background-image: -moz-linear-gradient(top, #232943, #181d30);
background-image: -ms-linear-gradient(top, #232943, #181d30);
background-image: -o-linear-gradient(top, #232943, #181d30);
background-image: -webkit-gradient(linear, center top, center bottom, from(#232943), to(#181d30));
background-image: -webkit-linear-gradient(top, #232943, #181d30);
background-image: linear-gradient(top, #232943, #181d30);
}
#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 #fff;border-bottom:0;position:absolute; top:-1px;}
.nav li {border-bottom:1px solid #fff;padding:5px 10px; background-color:#1f253c}
.nav li a {display:block;color:#fff}
.nav li a:hover,.nav li a.sed {color:#4c8f96}

.bWrap a .im {text-align:center;}
.bWrap a .im img {width:100%;}
.bWrap a .desc {padding:5px;}
.hWrap {padding:2% 0 6% 2%;}
.hlist li {width:47.9%;float:left; height:180px; margin-bottom:2%;padding-right:2%;}
.hlist li h3 {color:#181d30; text-align:center}
.hlist li img {width:100%; height:150px; border:2px solid #5fb3bd}

.tH3 {color:#181d30;font-size:20px; padding-bottom:2%;}
.tH3 span {font-size:14px;}
.nWrap {padding:5% 2% 2%;margin:0 2%; background-color:#fff4ca}

.nlist {padding-bottom:3%; margin-top:3%; clear:both;}
.nlist li{border-bottom:1px dashed #281300;margin-bottom:10px;}

.iWrap {margin:5% 2% 2%; padding:2%; background-color:#519194;border:2px solid #5fb3bd; color:#fff}
.iWrap * {color:#fff !important;}
.iH3 { position:relative; background-color:#1d2339;color:#fff;padding:5px 25px;float:left; top:-20px;}
.iCon {height:20em;overflow:hidden;clear:both;}
.iA {float:left; background-color:#eabe07;margin:5% 0 3%; font-size:16px; padding:3%;color:#fff}

.inews {margin:5% 2% 2%; padding:2%; background-color:#fff;border:2px solid #5fb3bd; }

.ft .copy,.ft .link {background:#232943;padding:5% 3%;color:#fff;font-size:14px;}
.ft .copy a {color:#fff}
.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:#4C8F96;color:#fff;font-size:24px;padding:8% 2%;}
.pl-subMenu {background-color:#4C8F96}
.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%; }

.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 15px;
}

.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:  #4C8F96;
    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: 10px;
        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;
    }
}