/* Browser Resets

*********************************/



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus {

    outline: none;

}



.slides,

.flex-control-nav,

.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}





/* Icon Fonts

*********************************/





/* Font-face Icons */



@font-face {

    font-family: 'flexslider-icon';

    src: url('fonts/flexslider-icon.eot');

    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');

    font-weight: normal;

    font-style: normal;

}





/* FlexSlider Necessary Styles

*********************************/



.flexslider {

    margin: 0;

    padding: 0;

}



.flexslider .slides>li {

    display: none;

    -webkit-backface-visibility: hidden;

    position: relative

}





/* Hide the slides before the JS is loaded. Avoids image jumping */



.banner01 {

    position: absolute;

    left: 0;

    top: 10%;

    z-index: 10;

    width: 100%

}



.banner01 .banner01_left {

    width: 50%

}



.banner01 .origin01 {

    position: relative;

    margin-top: 10%;

    z-index: 3

}



.banner01 .origin02 {

    position: relative;

    margin-top: -30%;

    z-index: 2

}



.banner01 .origin03 {

    position: relative;

    margin-top: -30%;

    z-index: 1

}



.banner01 .banner01_right {

    float: right;

    width: 50%;

    padding: 10% 10% 0;

    *paddingt: 10% 0;

}



.banner01 .banner01_right span {

    font-size: 40px;

    font-weight: bold;

    color: #FFF;

    display: block;

    margin: 10% 0 0

}



.banner01 .banner01_right .span2 {

    font-size: 20px;

    margin: 5% 0 0

}



.flexslider .slides img {

    max-width: 100%;

    display: block;

    margin: 0 auto

}



.flex-pauseplay span {

    text-transform: capitalize;

}





/* Clearfix for the .slides element */



.slides:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



html[xmlns] .slides {

    display: block;

}



* html .slides {

    height: 1%;

}



.no-js .slides>li:first-child {

    display: block;

}





/* FlexSlider Default Theme

*********************************/



.pcbanner {

    display: block;

}



.phonebanner {

    display: none;

}



.flexslider {

    background: #fff;

    position: relative;

    overflow: hidden

}



.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}



.loading .flex-viewport {

    max-height: 300px;

}



.flexslider .slides {

    zoom: 1;

}



.carousel li {

    margin-right: 5px;

}





/* Direction Nav */



.flex-direction-nav {

    *height: 0;

}



.flex-direction-nav a {

    text-decoration: none;

    display: block;

    width: 40px;

    height: 40px;

    margin: -20px 0 0;

    position: absolute;

    top: 50%;

    z-index: 10;

    overflow: hidden;

    opacity: 0;

    cursor: pointer;

    color: rgba(0, 0, 0, 0.8);

    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

}



.flex-direction-nav .flex-prev {

    left: -50px;

}



.flex-direction-nav .flex-next {

    right: -50px;

    text-align: right;

}



.flexslider:hover .flex-prev {

    opacity: 0.7;

    left: 10px;

}



.flexslider:hover .flex-next {

    opacity: 0.7;

    right: 10px;

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

    opacity: 1;

}



.flex-direction-nav .flex-disabled {

    opacity: 0!important;

    filter: alpha(opacity=0);

    cursor: default;

}



.flex-direction-nav a:before {

    line-height: 1;

    display: inline-block;

}



.flex-direction-nav a.flex-next:before {}





/* Pause/Play */



.flex-pauseplay a {

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    bottom: 5px;

    left: 10px;

    opacity: 0.8;

    z-index: 10;

    overflow: hidden;

    cursor: pointer;

    color: #000;

}



.flex-pauseplay a:before {

    font-family: "flexslider-icon";

    font-size: 20px;

    display: inline-block;

    content: '\f004';

}



.flex-pauseplay a:hover {

    opacity: 1;

}



.flex-pauseplay a.flex-play:before {

    content: '\f003';

}





/* Control Nav */



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 15px;

    text-align: center;

}



.flex-control-nav li {

    margin: 0 3px;

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.flex-control-paging li a {

    width: 34px;

    height: 4px;

    display: block;

    background: #FFF;

    cursor: pointer;

    line-height: 0;

    font-size: 0;

    overflow: hidden;

    border-radius: 20px

}



.flex-control-paging li a:hover {

    background: #0d4985;

}



.flex-control-paging li a.flex-active {

    background: #0d4985;

    cursor: default;

}



.flex-control-thumbs {

    margin: 5px 0 0;

    position: static;

    overflow: hidden;

}



.flex-control-thumbs li {

    width: 25%;

    float: left;

    margin: 0;

}



.flex-control-thumbs img {

    width: 100%;

    display: block;

    opacity: .7;

    cursor: pointer;

}



.flex-control-thumbs img:hover {

    opacity: 1;

}



.flex-control-thumbs .flex-active {

    opacity: 1;

    cursor: default;

}



.flex-direction-nav .flex-prev {

    font-size: 0;

    opacity: 1;

    left: 10px;

    /* background: url(../img/arrowLeft.png) no-repeat; */

    background-size: 100% 100%;

}



.flex-direction-nav .flex-next {

    font-size: 0;

    opacity: 1;

    right: 10px;

    /* background: url(../img/arrowRight.png) no-repeat; */

    background-size: 100% 100%;

}



@media (max-width: 768px) {

    .pcbanner {

        display: none;

    }

    .phonebanner {

        display: block;

    }

}



a,

a:hover {

    text-decoration: none

}



ul,

li {

    list-style: none

}





/* 大于1200 */



@media (min-width: 1200px) {

    .container {

        width: 1170px;

    }

}





/* 小于1200 */



@media (max-width: 1200px) {

    .container {

        width: 100%;

    }

}



.header {

    transform: rotate(0deg) scale(1) translate(0%, 0%);

    transition: all 0.4s ease 0s;

    width: 100%;

    *width: auto;

    z-index: 1000;

    position: relative;
    position: fixed;
    left: 0;
    top: 0;
    background: #FFF;box-shadow: 0 0.1rem 0.1rem rgb(0 0 0 / 10%);

}



.navbar-header {

    float: left;

    width: 20%;

}



.header .info {

    width: 80%;

    float: right;

}



input:focus,

input {

    outline: none;

}



.header .search {

    margin: 25px 0;

    width: 236px;

    height: 41px;

    background: url(../img/search.png) no-repeat;

    float: right;

}



.header .search input.text {

    width: 190px;

    height: 41px;

    line-height: 41px;

    float: left;

    background: none;

    border: none;

    text-indent: 20px;

}



.header .search input.Sechbtn {

    width: 46px;

    height: 41px;

    background: none;

    float: left;

    border: none;

}



.navbar>.container-fluid .navbar-brand {

    margin: 0;

    padding: 0;

    float: left;

    height: auto;

}



.navbar-brand img {

    margin: 20px 0;

    max-width: 100%;

}



.navbar-collapse {

    float: right;

    width: 70%;

}



.navbar-collapse>.nav {

    width: 100%;

    float: right;

}



.navbar-collapse>.nav>li {

    float: left;

    width: 15%;

    text-align: center;

}



.navbar-collapse>.nav>li>a {

    font-size: 14px;

    color: #333333;

    line-height: 94px;

    display: block;

    padding: 0;

}



.navbar-collapse>.nav>li.active>a {

    color: #FFF;

    background: #0d4985;

}



.navbar-collapse>.nav>li:hover>a {

    color: #FFF;

    background: #0d4985;

}



.navbar-collapse>.nav>li.dropdown.open>a {

    color: #FFF;

    background: #0d4985;

}



.nav li:hover {

    background: none;

    border-bottom: none;

}



.navbar-default {

    margin-bottom: 0;

    background: none;

    border: none;

    transform: rotate(0deg) scale(1) translate(0%, 0%);

    transition: all 0.4s ease 0s;

}



.footer {

    background: #0d4985;

    color: #bfbfbf;

}



.foooterTop {

    height: 45px;

    overflow: hidden;

}



.foooterTop ul {

    margin: 0;

    padding: 0;

}



.foooterTop ul li {

    padding: 0 20px;

    float: left;

    line-height: 45px;

}



.foooterTop ul li a {

    color: #FFF;

    font-size: 14px;

}



.foooterTop .up {

    margin: 15px 5%;

    float: right;

    cursor: pointer;

}



.footer .footerBottom {

    text-align: center;

    font-size: 14px;

    line-height: 36px;

    color: #bfbfbf;

    background: #000308;

}



.footer .footerBottom a {

    color: #bfbfbf;

}



.footer2 {

    display: none;

}



@media(max-width:1047px) {

    .navbar-header {

        width: 16%;

    }

    .header .info {

        width: 84%;

    }

}



@media(max-width:1000px) {

    .header .info .search {

        display: none;

    }

    .header .info .navbar-collapse {

        width: 90%;

    }

}



@media(max-width:767px) {

    .container-fluid {

        padding: 0;

    }

    .navbar-header {

        width: 100%;

        padding: 0 3%;

        margin: 0;

    }

    .container-fluid>.navbar-collapse,

    .container-fluid>.navbar-header,

    .container>.navbar-collapse,

    .container>.navbar-header {

        margin: 0;

    }

    .navbar-header .navbar-brand img {

        height: 45px;

        margin: 10px 0;

    }

    .navbar-toggle {

        margin-top: 20px;

        margin-right: 0;

    }

    .foooterTop .WX {

        padding-top: 2%;

        text-align: center;

    }

    .foooterTop .WX h2 {

        text-align: center;

        line-height: 20px;

    }

    .nav {

        max-height: 340px;

    }

    .navbar-default .navbar-nav>li {

        width: 100%;

        text-align: left;

    }

    .header .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        color: #FFF;

        text-align: left;

        text-indent: 0

    }

    .header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,

    .header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

        color: #fff;

        background-color: transparent

    }

    .navbar-brand {

        padding: 0;

        width: 40%;

    }

    .navbar-nav {

        margin-bottom: 10px;

        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;

        float: left;

        width: 100%;

    }

    .navbar-default .navbar-nav>li>a {

        line-height: 45px;

        color: #fff;

    }

    .nav li:hover {

        background: none;

        border-bottom-style: solid;

        border-bottom-color: rgb(133, 133, 133);

        border-bottom-width: 1px;

        transform: rotate(0deg) scale(1) translate(0%, 0%);

        border-bottom: none;

        -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);

        -o-transform: rotate(0deg) scale(1) translate(0%, 0%);

        -moz-transform: rotate(0deg) scale(1) translate(0%, 0%);

        -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);

        transition: All 0.1s ease;

        -ms-transition: All 0.1s ease;

        -o-transition: All 0.1s ease;

        -moz-transition: All 0.1s ease;

        -webkit-transition: All 0.1s ease;

    }

    .navbar-collapse {

        padding-right: 0;

        padding-left: 0;

        -webkit-overflow-scrolling: touch;

        float: none;

        background: rgba(0, 0, 0, .8);

        margin: 0;

        width: 100%;

    }

    .header .info {

        width: 100%;

    }

    .header .info .navbar-collapse {

        width: 100%;

    }

    .navbar-collapse>.container>.nav>li {

        width: 100%;

    }

    .navbar-collapse>.nav>li:hover>a {

        background: none;

        color: #FFF;

    }

    .navbar-collapse>.nav>li.active>a,

    .navbar-collapse>.nav>li.dropdown.open>a {

        background: none;

        color: #FFF;

    }

    .navbar-collapse>.nav>li.active>a:hover {

        background: none;

        color: #FFF;

    }

    .navbar-collapse>.nav {

        margin: 0;

        padding-left: 5%;

    }

    .header .container {

        padding: 0;

    }

    .footer {

        display: none;

    }

    .footer2 {

        position: fixed;

        width: 100%;

        left: 0;

        bottom: 0;

        display: block;

        background: #0d4985;

    }

    .footer2 ul {

        margin: 0;

        padding: 0;

    }

    .footer2 ul li {

        width: 25%;

        float: left;

        text-align: center;

    }

    .footer2 ul li a {

        color: #fff;

        font-size: 14px;

    }

    .footer2 ul li a img {

        width: 35px;

        display: block;

        margin: 5px auto 0;

    }

}



.pcbanner,

.phonebanner {

    position: relative;

}



.pcbanner .Name,

.phonebanner .Name {

    position: absolute;

    left: 0;

    top: 30%;

    z-index: 50;

    color: #FFF;

    font-size: 30px;

}

.content{
    margin-top: 60px;
}