@charset "utf-8";

* {
    word-wrap: break-word
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
    margin: 0;
    padding: 0
}
ul, ol, dl {
    list-style-type: none
}

html, body {
    *position: static
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

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

input {
    background: none;
    outline: none;
    border: 0px;
}

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

input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none
}

body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
    font-size: 12px;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}
/*body{line-height:1.6}*/
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

dd {
    margin: 0;
    padding: 0;
}

a, area {
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

a {
    text-decoration: none;
    cursor: pointer
}
    /*a:hover{text-decoration:underline;outline:none}*/
    a:hover {
        text-decoration: none;
        outline: none
    }

    a.ie6:hover {
        zoom: 1
    }

    a:focus {
        outline: none
    }

    a:hover, a:active {
        outline: none
    }

:focus {
    outline: none
}

sub, sup {
    vertical-align: baseline
}
/*img*/
img {
    border: 0;
    vertical-align: middle
}

a img, img {
    -ms-interpolation-mode: bicubic
}

.img-responsive {
    max-width: 100%;
    height: auto
}
/*IE下a:hover 背景闪烁*/
html {
    overflow: -moz-scrollbars-vertical;
    zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))
}


/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
    display: block;
    margin: 0;
    padding: 0
}

time {
    display: inline
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    audio:not([controls]) {
        display: none
    }

legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

    legend small {
        font-size: 15px;
        color: #999
    }

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border-width: 0;
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }
/*表单*/
.input-text,
.textarea {
    box-sizing: border-box;
    border: solid 1px #ddd;
    width: 100%;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}

.textarea {
    height: 100px;
    resize: none;
    font-size: 14px;
    padding: 4px
}

.textarea-numberbar {
    position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 1;
    margin-bottom: 0
}

.textarea-length {
    font-style: normal
}

.select {
    border: solid 1px #ddd;
    padding-right: 14px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline-color: transparent;
    background: url(/img/arrow.png) no-repeat scroll right center transparent;
}

    .input-text:hover,
    .select:hover,
    .textarea:hover {
        border: solid 1px #3bb4f2
    }
/*得到焦点后*/
.input-text.focus,
.textarea.focus {
    border: solid 1px #0f9ae0 \9;
    border-color: rgba(82,168,236,0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}
/*不可点击*/
.input-text.disabled, .textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus {
    background-color: #ededed;
    cursor: default;
    border-color: #ddd;
    -webkit-box-shadow: inset 0 2px 2px #e8e7e7;
    -moz-box-shadow: inset 0 2px 2px #e8e7e7;
    box-shadow: inset 0 2px 2px #e8e7e7
}
/*只读状态*/
.input-text.disabled,
.textarea.disabled {
    background-color: #e6e6e6;
    cursor: default
}
/*阴影*/
.input-text.box-shadow,
.textarea.box-shadow {
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
/*行内元素*/
.input-text.inline {
    display: inline-block;
    width: auto
}

/*3.1.15 文字颜色
	Name:			style_color
	Example:		class="c-primary|c-sub|c-success|c-danger|c-warning|c-333|c-666|c-999|c-red|c-green|c-blue|c-white|c-black|c-orange"
	Explain:		主要颜色|次主色|强调色—成功|强调色—危险|强调色—警告色|强调色—错误色|次主色—浅黑|辅助色—灰色|标准色—红色|标准色—绿色|标准色—蓝色|标准色—白色|标准色—黑色|标准色—橙色
*/
/*全局默认链接颜色*/
/*body{background-color:#fff; color:#333}
.bg-fff{ background-color:#fff}*/
a {
    color: #333
}
/*a:hover,.active a{color:#06c}*/
select::-ms-expand {
    display: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input, button, select, textarea {
    outline: none
}

textarea {
    resize: none
}
/*清除默认样式*/
/*主要颜色*/
.c-primary, .c-primary a, a.c-primary {
    color: #5a98de
}

    .c-primary a:hover, a.c-primary:hover {
        color: #5a98de
    }
/*次主色*/
.c-secondary, .c-secondary a, a.c-secondary {
    color: #555
}

    .c-secondary a:hover, a.c-secondary:hover {
        color: #555
    }

/*强调色—成功*/
.c-success, .c-success a, a.c-success {
    color: #5eb95e
}

    .c-success a:hover, a.c-success:hover {
        color: #5eb95e
    }

/*强调色—危险*/
.c-danger, .c-danger a, a.c-danger {
    color: #dd514c
}

    .c-danger a:hover, a.c-danger:hover {
        color: #dd514c
    }

/*强调色—警告*/
.c-warning, .c-warning a, a.c-warning {
    color: #f37b1d
}

    .c-warning a:hover, a.c-warning:hover {
        color: #f37b1d
    }

/*强调色—错误*/
.c-error, .c-error a, a.c-error {
    color: #c00
}

    .c-error a:hover, a.c-error:hover {
        color: #c00
    }

/*辅助色—浅黑*/
.c-333, .c-333 a, a.c-333 {
    color: #333
}

    .c-333 a:hover, a.c-333:hover {
        color: #333
    }

/*辅助色—灰色*/
.c-666, .c-666 a, a.c-666 {
    color: #666
}

    .c-666 a:hover, a.c-666:hover {
        color: #666
    }

.c-999, .c-999 a, a.c-999 {
    color: #999
}

    .c-999 a:hover, a.c-999:hover {
        color: #999
    }

/*标准色—红色*/
.c-red, .c-red a, a.c-red {
    color: red
}

    .c-red a:hover, a.c-red:hover {
        color: red
    }
/*标准色—绿色*/
.c-green, .c-green a, a.c-green {
    color: green
}

.c-red a:hover, a.c-red:hover {
    color: #dc1818
}
/*标准色—蓝色*/
.c-blue, .c-blue a, a.c-blue {
    color: blue
}

    .c-blue a:hover, a.c-blue:hover {
        color: blue
    }
/*标准色—白色*/
.c-white, .c-white a, a.c-white {
    color: white
}

    .c-white a:hover, a.c-white:hover {
        color: white
    }
/*标准色—黑色*/
.c-black, .c-black a {
    color: black
}

    .c-black a:hover, a.c-black:hover {
        color: black
    }
/*标准色—橙色*/
.c-orange, .c-orange a, a.c-orange {
    color: orange
}

    .c-orange a:hover, a.c-orange:hover {
        color: orange
    }


/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5|mt-10..."
	Explain:		.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}
/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5|pt-10|……"
	Explain:		.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pd-5 {
    padding: 5px
}

.pd-10 {
    padding: 10px
}

.pd-15 {
    padding: 15px
}

.pd-20 {
    padding: 20px
}

.pd-25 {
    padding: 25px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

/*元素类型转换*/
.di-ib {
    display: inline-block;
}

.di-b {
    display: block;
}

.di-i {
    display: inline
}

/*尾部的公用样式*/
footer{background-color: #444;font-size: 14px;font-weight: 500;color: #fff;}
.fo-section{position: relative; width: 88%;padding-top: 34px;margin: auto;overflow: hidden;}
.fo-section > dt{float: left;width: 50%;}
.fo-section > dd{float: right;width: 50%;text-align: right;margin-bottom: 20px;}
.fo-flink{overflow: hidden;margin: 20px auto;}
.fo-flink > li{float: left;padding-right: 10px;}
.fo-flink > li > a {display: inline-block;padding-right:10px;color: #fff;}
.fo-heatray{color:#888888;line-height: 20px;}
.fo-msg{font-size:26px;height: 50px;letter-spacing: 2px;}
.fo-column{height: 123px; padding-bottom: 32px;}
.fo-column > dt{float: left;padding-top: 40px;padding-left: 50px;}
.fo-loginBar{float: left;padding-left: 20px;}
.fo-loginBar > a{display: inline-block;color:#fff;}
.fo-loginBar > span{display: inline-block;padding:0 10px;}
.fo-attention{float: left;padding-left: 20px;font-size: 16px;}
.fo-column > dd{float: right;}
.fo-arrows{margin-right:10px;}
.honor_box_big{padding: 30px 0 20px 0;background-color: #333333;}
.honor_box_big> p{ text-align: center;color:#959595; margin-bottom: 10px;width: 96%;margin: auto; margin-bottom: 5px;}
.honor_box {width: 890px;margin: auto;}
.honor_box > li{display: inline-block; font-size: 12px;color: #666; margin:4px 12px;}
.honor_box > li:nth-child(1){margin-left: 48px;}
.honor_box > li:nth-child(6){margin-left: 44px;}
/* .honor_box > .honor4{margin-left: 44px;} */
.honor_box_big > p > a{
	  text-align: center;
        color: #959595;
        text-decoration:underline
}
/*//开关按钮*/
.toggle-button-wrapper {
    height: 30px;
    position: relative;
}

.toggle-button {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 3;
    height: 30px;
    width: 80px;
}

.button-label {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 26px;
    background-color: #ccc;
    box-shadow: #ccc 0px 0px 0px 2px;
    border-radius: 26px;
    overflow: hidden;
}

.circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #fff;
}

.button-label .text {
    line-height: 26px;
    font-size: 14px;
    text-shadow: 0 0 2px #ddd;
}

.off {
    color: #fff;
    display: inline-block;
    text-indent: 34px;
}

.button-label .circle {
    left: 0;
    transition: all 0.3s;
}

.toggle-button:checked + label.button-label .circle {
    left: 54px;
}

.toggle-button:checked + label.button-label .on {
    display: inline-block;
}

.oggle-button:checked + label.button-label .off {
    display: none;
}
/*.toggle-button:checked + label.button-label{background-color: #51ccee;}*/
.toggle-button:checked + label.button-label {
    background-color: #5bb87f;
}
/*//勾选框*/
.checkbox-group {
}

.checkbox-inp {
    display: none;
    opacity: 0;
}

.checkbox-label {
    line-height: 18px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .checkbox-label:before {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 10px;
        border: 1px solid #666;
        border-radius: 3px;
        content: '';
        color: #fff;
        background-color: #f3f6f8;
        line-height: 20px;
        font-size: 16px;
        text-align: center
    }

.checkbox-inp:checked + .checkbox-label:before {
    content: '\2713';
    color: #fff;
    background-color: #31b968;
    border-color: #31b968;
    margin-top: 0;
    line-height: 23px;
}

.baiImg {
    width: 100%;
    height: 100%;
}

.p-t20 {
    padding-top: 20px;
}
/*表单的正确和错误的状态*/
.icon-start {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    font-weight: 900px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.cor-start {
    background-color: #33cb30;
    transform: rotate(7deg);
    -ms-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.err-start {
    background-color: #e92a39;
}




/*页码*/

.PageNum {
    margin-top: 20px;
    /*margin: 30px auto 0;*/
    padding: 30px 0 50px 0;
    text-align: center;
    overflow: hidden;
}

    .PageNum > a {
        display: inline-block;
        padding: 12px 16px;
        font-size: 14px;
        color: #444;
        border: 1px solid #c8c8c8;
        margin-right: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 6px;
    }

    .PageNum a:hover,
    .PageNum a.PageNumOn {
        color: #fff;
        background: #107de1;
        border-radius: 6px;
        border: 1px solid #107de1;
    }

/*关于我们小导航*/
.about_small_nav {
    position: absolute;
    width: 60%;
    bottom: 20px;
    left: 50%;
    margin-left: -30%;
}

    .about_small_nav > li {
        float: left;
        margin-right: 30px;
    }

        .about_small_nav > li > a {
            font-size: 14px;
            color: #fff;
        }

            .about_small_nav > li > a:hover {
                color: #fc2a2a;
            }

        .about_small_nav > li > .on {
            color: #fc2a2a;
           
        }




@media (min-width:770px) and (max-width:1200px ) { 
    .fo-section > dt{float: left;position: relative; position: absolute; width: 50%; margin-left: 25%;}
    .fo-section > dt > img{position: absolute; left: 50%;margin-left: -88px;}
    .fo-heatray {text-align: center;margin-top: 60px;}
    .honor_box_big > p{font-size: 13px;}
    .fo-heatray{font-size: 13px;}
    .about_small_nav {
        position: absolute;
        width:90%;
        bottom: 20px;
        left: 50%;
        margin-left: -45%;
    }
}
@media only screen and (max-width: 770px) {  
    .fo-section > dt{float: left;position: relative; position: absolute; width: 50%; margin-left: 25%;}
    .fo-section > dt > img{position: absolute; left: 50%;margin-left: -88px;}
    .fo-heatray {text-align: center;margin-top: 60px;}
    .fo-heatray{font-size: 13px;}
}