body,
input,
textarea {
    font-family: Microsoft Yahei, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    -webkit-text-size-adjust: none;
    background-color: #e8e8e8;
}

a {
    text-decoration: none;
    font-size: 12px;
    color: #333333;
    font-family: Microsoft Yahei;
    outline: none;
}

a:hover {
    color: #103578;
    text-decoration: none;
    outline: none;
}

img {
    border: 0px;
    max-width: 100%;
}

.img img {
    max-height: 100%;
}

h1,
h2,
h3,
h4 {
    margin: 0px;
}

.block {
    display: block;
}

.none {
    display: none;
}

.color1 {
    color: #ba1d2a;
}

.color2 {
    color: #808080;
}

.color3 {
    color: #ffffff;
}

.color4 {
    color: #b1b1b1;
}

.color5 {
    color: #575757;
}

.color6 {
    color: #989898;
}

.color7 {
    color: #cbcbcb;
}

.ft_6 {
    font-size: 6px;
}

.ft_9 {
    font-size: 9px;
}

.ft_11 {
    font-size: 11px;
}

.ft_12 {
    font-size: 12px;
}

.ft_13 {
    font-size: 13px;
}

.ft_14 {
    font-size: 14px;
}

.ft_15 {
    font-size: 15px;
}

.ft_16 {
    font-size: 16px;
}

.ft_17 {
    font-size: 17px;
}

.ft_18 {
    font-size: 18px;
}

.ft_20 {
    font-size: 20px;
}

.ft_22 {
    font-size: 22px;
}

.ft_24 {
    font-size: 24px;
}

.ft_25 {
    font-size: 25px;
}

.ft_26 {
    font-size: 26px;
}

.ft_28 {
    font-size: 28px;
}

.ft_30 {
    font-size: 30px;
}

.ft_32 {
    font-size: 32px;
}

.ft_36 {
    font-size: 36px;
}

.ft_40 {
    font-size: 40px;
}

.ft_42 {
    font-size: 42px;
}

.ft_50 {
    font-size: 50px;
}

.ft_100 {
    font-size: 100px;
}

.ft_ar {
    font-family: Arial, Helvetica, sans-serif;
}

.ft_ti {
    font-family: times new roman
}

.ft_si {
    font-family: simsun;
}

.ft_pe {
    font-family: Perpetua Titling MT;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.position-relative {
    position: relative;
}

.position-fixed {
    position: fixed;
}

.position-absolute {
    position: absolute;
}

.line {
    display: inline-block;
    vertical-align: middle;
}

.img label.line {
    height: 100%;
}

.img img {
    vertical-align: middle;
    max-height: 100%;
}

.normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.clear {
    width: 100%;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
}

.new_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    _display: inline;
    overflow: hidden;
    text-aligN: left;
}

.trans_3 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trans_5 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.trans_10 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.jiao {
    width: 0px;
    height: 0px;
    border-style: solid;
}

.bg1 {
    background-repeat: no-repeat;
    background-image: url(../images/icon.png);
    display: inline-block;
}

.max-window-width {
    max-width: 1660px;
    margin: 0 auto;
}

.navbar-collapse {
    background-color: #fff;
}

nav.navbar .navbar-right li:before {
    content: '';
}

nav.navbar {
    margin-bottom: 0px;
    border-color: #abaaab;
    background-color: #ffffff;
}

.homeOutline {
    padding: 50px 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d4d3d4;
}

.homeOutline .col-md-push-9>p {
    margin: 0px;
}

.homeOutline .col-md-push-9>p.ft_24 {
    line-height: 42px;
}

.homeOutline .col-md-push-9 ul li {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    height: 50px;
    margin-top: 10px;
}

.homeOutline .col-md-push-9 ul li span {
    display: none;
}

.homeOutline .col-md-push-9 ul li:hover span {
    display: block;
}

.homeOutline .col-md-push-9 i.block {
    width: 25px;
    height: 25px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    background: url(../images/ico1.png) no-repeat 6px 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.homeOutline .col-md-push-9 ul li:nth-child(2) i.block {
    background-position: -35px 5px;
}

.homeOutline .col-md-push-9 ul li:nth-child(3) i.block {
    background-position: -76px 5px;
}

.homeOutline .col-md-push-9 ul li:hover i.block {
    background-color: #a5a5a5;
    border-color: #a5a5a5;
    background-image: url(../images/ico2.png);
}

.homeOutline .col-md-pull-3 h2 {
    margin-bottom: 20px;
}

.homeOutline .col-md-pull-3 p.color2 {
    max-width: 520px;
    line-height: 24px;
}

.homeOutline .col-md-pull-3 a.line {
    border: 1px solid #c8c7c8;
    padding: 5px 10px;
    margin-top: 15px;
    color: #333
}

.homeOutline .col-md-pull-3 a.line i.line {
    border-width: 4px;
    border-color: transparent transparent transparent #7e797b;
    margin-left: 50px;
}

.homeOutline .col-md-pull-3 a.line:hover {
    background-color: #6b6b6b;
    color: #fff;
}

.homeOutline .col-md-pull-3 a.line:hover i.line {
    border-color: transparent transparent transparent #fff;
}

.row.text-center p {
    margin: 0px;
}

.row.text-center p.ft_11 {
    margin-top: 10px;
}

nav .qq {
    margin-top: 20px;
    margin-left: 30px;
}

nav .qq a {
    width: 17px;
    height: 17px;
    margin-right: 3px;
    background: url(../images/qq.png) no-repeat;
}

nav .qq a:nth-child(1) {
    background-position: 0px -17px;
}

nav .qq a:nth-child(1):hover {
    background-position: 0px 0px;
}

nav .qq a:nth-child(2) {
    background-position: -60px -17px;
}

nav .qq a:nth-child(2) div {
    width: 85px;
    height: 85px;
    margin-left: -68px;
    position: absolute;
    z-index: 20;
    margin-top: 20px;
    display: none;
}

nav .qq a:nth-child(2):hover {
    background-position: -60px 0px;
}

nav .qq a:nth-child(2):hover div {
    display: block;
}

nav ul.navbar-right>li:hover ul.dropdown-menu,
nav ul.menu>li:hover ul.dropdown-menu {
    display: block;
}

@media screen and (min-width:768px) {
    nav ul.menu .dropdown-menu {
        border: 0px;
        width: auto;
        height: 42px;
        line-height: 42px;
        background-color: #fff;
        text-align: center;
        border: 1px solid #abaaab;
        left: auto;
        border-radius: 0px;
        padding: 0;
    }

    nav ul.menu .dropdown-menu li {
        float: left;
    }

    nav ul.menu>li {
        position: inherit;
        height: 68px;
    }

    nav ul.menu .dropdown-menu>li>a {
        line-height: 40px;
        padding: 0px 20px;
    }
}

@media screen and (max-width:991px) {
    nav .qq {
        display: none;
    }
}

/*nav .qq a:nth-child(3){background-position:-40px  -17px;}*/
/*nav .qq a:nth-child(3):hover{background-position:-40px 0px;}*/
/*nav .qq a:nth-child(4){background-position:-60px  -17px;}*/
/*nav .qq a:nth-child(4):hover{background-position:-60px  0px;}*/
@media screen and (min-width:768px) {
    nav.navbar {
        height: 89px;
    }

    nav.navbar .navbar-right {
        line-height: 32px;
        margin-top: 10px;
    }

    nav.navbar .navbar-right li {
        margin-left: 10px;
    }

    nav.navbar .navbar-right li:before {
        content: '|';
    }

    nav.navbar .navbar-right li:first-child:before,
    nav.navbar .navbar-right li:nth-child(2):before {
        content: '';
    }

    nav.navbar .navbar-right a {
        line-height: 32px;
        padding: 0px;
        display: inline;
        margin-left: 10px;
    }

    nav.navbar .navbar-right li.active a,
    nav.navbar .navbar-right li.active a:hover {
        background: none;
    }

    nav.navbar div.container {
        margin-top: 15px;
    }

    nav.navbar .nav {
        padding-top: 5px;
    }

    nav.navbar ul.menu {
        float: none;
        text-align: center;
    }

    nav.navbar ul.menu>li {
        display: inline-block;
        float: none;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #103578;
        background: none;
    }
}

@media screen and (max-width:767px) {
    nav.navbar {
        padding: 10px 0;
    }

    .navbar-collapse {
        background: #fff;
        position: absolute;
        width: 100%;
        margin-top: 10px;
    }

    .navbar-collapse .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .homeOutline .text-right {
        text-align: center;
    }

    .homeOutline .col-md-pull-3 {
        text-align: center;
    }

    .homeOutline .col-md-pull-3 p.color2 {
        margin: 0 auto;
    }

    nav.navbar .navbar-brand {
        padding: 10px 15px;
    }
}

.homeScroll {
    padding: 50px 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,505050+50,505050+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 55%, #505050 55%, #505050 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #ffffff), color-stop(55%, #505050), color-stop(100%, #505050));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 55%, #505050 55%, #505050 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 55%, #505050 55%, #505050 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 55%, #505050 55%, #505050 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 55%, #505050 55%, #505050 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#505050', GradientType=0);
    /* IE6-9 */
}

.homeNews-wrap {
    padding-top: 16px;
    padding-bottom: 50px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 72%, #f9f9f9 55%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%, #ffffff), color-stop(55%, #f9f9f9), color-stop(100%, #f9f9f9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 72%, #f9f9f9 55%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 72%, #f9f9f9 55%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 72%, #f9f9f9 55%, #f9f9f9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 72%, #f9f9f9 55%, #f9f9f9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    /* IE6-9 */
}

.s_bor {
    width: 20px;
    height: 1px;
    background-color: #505050;
    margin: 15px 0;
}

.homeScroll h2.ft_50 {
    line-height: 68px;
}

.homeScroll .slider {
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.homeScroll .slider .box {
    margin: 0 15px;
    border: 10px solid #e6e6e6;
    background-color: #e6e6e6;
    text-align: left;
    padding-bottom: 15px;
}

.homeScroll .slider .slick-prev,
.homeScroll .slider .slick-next {
    margin: 30px 15px 30px 0;
    border: 0px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    outline: none;
    line-height: 50px;
    text-indent: 500px;
    background: url(../images/prev1.png) no-repeat;
}

.homeScroll .slider .slick-prev {
    background-position: left top;
}

.homeScroll .slider .slick-prev:hover {
    background-position: left bottom;
}

.homeScroll .slider .slick-next {
    background-position: right bottom;
}

.homeScroll .slider .slick-next:hover {
    background-position: right top;
}

.homeScroll .slider .box a.line {
    padding: 5px 10px;
    border: 1px solid #c8c7c8;
    margin-top: 20px;
}

.homeScroll .slider .box a.line i.line {
    border-width: 4px;
    border-color: transparent transparent transparent #7e797b;
    margin-left: 50px;
}

.homeScroll .slider .box a.line:hover {
    background-color: #6b6b6b;
    color: #ffffff;
}

.homeScroll .slider .box a.line:hover i.line {
    border-color: transparent transparent transparent #ffffff;
}

.homeScroll .slider p.ft_11 {
    margin-top: 20px;
    color: #bfbfbf;
    margin-bottom: 0px;
}





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

    .homeScroll .slider .slick-prev,
    .homeScroll .slider .slick-next {
        position: absolute;
        top: 63%;
        margin-top: -27px;
    }

    .homeScroll .slider .slick-prev {
        margin-left: -55px;
        left: 0px;
    }

    .homeScroll .slider .slick-next {
        margin-right: -55px;
        right: 0px;
    }
}

@media screen and (min-width:1200px) {
    .homeScroll .slider .slick-prev {
        margin-left: -64px;
        left: 0px;
    }

    .homeScroll .slider .slick-next {
        margin-right: -64px;
        right: 0px;
    }
}

@media screen and (max-width:767px) {

    .homeScroll .slider .slick-prev,
    .homeScroll .slider .slick-next {
        margin: 40px 10px 0 10px;
    }

    .homeScroll .slider .box div.img img {
        width: 100%;
    }
}

.homeNews {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.homeNews .row>div.text-left {
    margin-top: 30px;
    line-height: 22px;
}

.homeNews p {
    margin: 0px;
}

.homeNews .row>div.text-left>div {
    margin-top: 20px;
    cursor: pointer;
}

.homeNews .row>div.text-left>div div.img {
    margin-bottom: 10px;
}

.homeNews .row>div.text-left>div div.img i {
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
    width: 360px;
    height: 210px;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    /* ie7 ie8 */
    zoom: 1;
}

:root .homeNews .row>div.text-left>div div.img i {
    filter: none\9;
}

/*.homeNews .row > div.text-left > div div.img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.homeNews .row > div.text-left > div:hover div.img img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}*/

@media screen and (max-width:767px) {
    .homeNews .row>div.text-left>div div.img img {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .homeNews .row>div.text-left>div div.img i {
        display: none;
    }
}

footer>div {
    line-height: 22px;
    padding: 20px 0;
    border-top: 1px solid #d4d3d4;
    background-color: #ffffff;
    color: #707070;
}

footer div.color2 {
    border-color: #292929;
    background-color: #292929;
    line-height: 32px;
}

.product {
    background-color: #fff;
}

.product>.productList {
    padding: 65px;
}

.product>.productList:nth-child(2n) {
    background-color: #333;
    color: #fff;
}

.product>.productList:nth-child(2n-1) {
    background-color: #f0f0f0;
}

.quan-smail {
    margin-top: 10%;
    margin-bottom: 25px;
    display: inline-block;
}

.quan-smail div.position-absolute {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 12%;
}

.quan-smail div.position-absolute label.line {
    margin-right: -4px;
}

.quan-smail div.position-absolute .slider,
.quan-smail div.position-absolute .slider div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*.quan-smail div.position-absolute .slider img{border-radius:50%;}*/

.quan-big {
    max-width: 703px;
    margin: 0 auto;
}

.quan-big div.position-absolute {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.quan-big div.position-absolute div.box {
    margin: 17% 18.5%;
    line-height: 26px;
}

.quan-big div.position-absolute div.box h3.ft_100 {
    line-height: 120px;
    margin-top: 5%;
}

.quan-big>div.pull-right {
    margin-right: 15%;
}

.quan-big>div.pull-right p {
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
    line-height: 32px;
    margin-top: 10px;
    color: #908d8d;
}

.quan-big>div.pull-right .position-absolute {
    left: 0px;
    top: 220px;
}

.quan-big>div.pull-right .pull-right {
    width: 14px;
    height: 81px;
    background: url(../images/pbg4.png);
    margin-left: 15px;
}

.product a.more {
    width: 157px;
    height: 37px;
    line-height: 37px;
    background: url(../images/pbg1.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 10px 0 20px;
    margin-top: 10px;
}

.product a.more:hover {
    background-color: #6b6b6b;
    color: #ffffff !important;
}

.product .slick-slide img {
    display: inline;
}

.product>.productList:nth-child(2n) {}

.product>.productList:nth-child(2n) a.more {
    color: #808080;
    background-image: url(../images/pbg2.png);
}

.product>.productList:nth-child(2n) .con {
    color: #b8b8b8;
}

.product>.productList:nth-child(2n) .quan-big>div.pull-right .pull-right {
    background-image: url(../images/pbg3.png);
}

.product>.productList:nth-child(2n) .quan-big>div.pull-right .pull-right p {
    border-color: #bebebe;
    color: #908d8d;
}


.product .slider .slick-prev,
.product .slider .slick-next {
    overflow: hidden;
    width: 41px;
    height: 41px;
    border: 0px;
    outline: none;
    text-indent: 500px;
    background: url(../images/ico3.png) no-repeat;
    position: absolute;
    z-index: 30;
}

.product>.productList:nth-child(2n) .slider .slick-prev,
.product>.productList:nth-child(2n) .slider .slick-next {
    background-image: url(../images/next1.png);
}

.product .slider .slick-prev {
    background-position: left bottom;
}

.product .slider .slick-prev:hover {
    background-position: left top;
}

.product .slider .slick-next {
    background-position: right top;
    margin-right: -50px;
}

.product .slider .slick-next:hover {
    background-position: right bottom;
}


.product h3.block {
    display: inline-block;
    border-bottom: 6px solid #121c25;
}

.product>.productList:nth-child(2n) h3.block {
    border-color: #fff;
}

.product h3.block+strong {
    display: block;
    line-height: 42px;
    margin-top: 10px;
}

@media screen and (max-width:1920px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -160%;
        top: 47px;
    }
}

@media screen and (max-width:1680px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -134%;
        top: 59px;
    }
}

@media screen and (max-width:1600px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -125%;
        top: 57px;
    }
}

@media screen and (max-width:1440px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -120%;
        top: 74px;
    }
}

@media screen and (max-width:1280px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -116%;
        top: 70px;
    }
}

@media screen and (max-width:1024px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -100%;
        top: 62px;
    }
}

@media screen and (max-width:768px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: -111%;
        top: 16px;
    }

    .quan-big div.position-absolute div.box h3.ft_100 {
        line-height: 80px;
        font-size: 70px !important;
    }

    .product h3.block+strong {
        font-size: 18px !important;
        line-height: 30px;
    }
}

@media screen and (max-width:767px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: 50%;
        top: 132%;
    }
}

@media screen and (max-width:414px) {

    .product .slider .slick-prev,
    .product .slider .slick-next {
        right: 50%;
        top: 150%;
    }
}

@media screen and (max-width:991px) {
    .quan-big div.position-absolute div.box {
        margin: 8% 15%;
    }
}

@media screen and (max-width:767px) {
    .quan-smail {
        margin: 10px 40px;
    }

    .product>.productList {
        padding: 30px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 809px) {
    .quan-big div.position-absolute div.box {
        line-height: 20px;
    }

    .quan-big div.position-absolute div.box p {
        margin-bottom: 3px;
        line-height: 20px;
    }

    .quan-big div.position-absolute div.box {
        height: 320px;
        overflow: hidden
    }
}

@media screen and (min-width:810px) and (max-width: 1200px) {
    .quan-big div.position-absolute div.box {
        line-height: 20px;
    }

    .quan-big div.position-absolute div.box p {
        margin-bottom: 3px;
        line-height: 20px;
    }
}

.viewTitle {
    padding: 30px 0;
    background-color: #fff;
    border-bottom: 20px solid #616161;
}

.viewTitle h2 {
    line-height: 42px;
}

.viewTitle a.pull-right {
    border: 1px solid #b2b2b2;
    width: 128px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: -1px;
    margin-top: 20px;
}

.viewTitle a.pull-right:hover {
    border: 1px solid #4e4e4e;
    background-color: #4e4e4e;
    color: #fff;
}

.view {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1048px;
    line-height: 24px;
}

.view p.ft_15 {
    margin: 50px 0;
}


.about-one {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+48,3d3d3d+48,3d3d3d+48,3d3d3d+89,ffffff+89 */
    background: rgb(232, 232, 232);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(232, 232, 232, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 89%, rgba(255, 255, 255, 1) 89%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(232, 232, 232, 1)), color-stop(48%, rgba(61, 61, 61, 1)), color-stop(48%, rgba(61, 61, 61, 1)), color-stop(89%, rgba(61, 61, 61, 1)), color-stop(89%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232, 232, 232, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 89%, rgba(255, 255, 255, 1) 89%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232, 232, 232, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 89%, rgba(255, 255, 255, 1) 89%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(232, 232, 232, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 89%, rgba(255, 255, 255, 1) 89%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(232, 232, 232, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 48%, rgba(61, 61, 61, 1) 89%, rgba(255, 255, 255, 1) 89%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.about-one h2.ft_36 {
    color: #5a5a5a;
}

.about-1 {
    line-height: 18px;
}

.about-1>div:nth-child(1) {
    line-height: 14px;
    margin-top: 50px;
}

.about-1>div:nth-child(1) p.ft_50 {
    line-height: 62px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.about-1>div:nth-child(1) p.ft_12 {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media screen and (min-width:992px) {
    .about-1 {
        background: url(../images/about-2.png) no-repeat right bottom;
        background-size: 50%;
        margin-top: 50px;
    }

    .about-1 .col-md-pull-5 {
        height: 566px;
        background-color: #fff;
        padding: 0 45px;
    }

    .about-1 .col-md-pull-5 h2 {
        margin-top: 150px;
        line-height: 24px;
        line-height: 50px;
    }

    .about-1 .col-md-pull-5 p {
        max-width: 80%;
        margin-bottom: 17px;
    }
}

@media screen and (max-width:991px) {
    .about-1 {
        background-color: #fff;
        padding-bottom: 100px;
    }

    .about-1 .col-md-pull-5 h2 {
        margin-top: 100px;
        line-height: 50px;
    }

    .about-1 .col-md-pull-5 p {
        max-width: 80%;
        margin-bottom: 25px;
    }
}

.about-2 div.pull-right {
    margin-right: -15px;
    max-width: 80%;
}

.about-2 div.pull-right p {
    margin-top: 50px;
}

.about-2-right {
    background-color: #e8e8e8;
}

.about-3 .col-sm-10 {
    background-color: #f2f2f2;
}

.about-3 .col-sm-10 div.box {
    margin: 45px 65px;
    line-height: 22px;
    font-size: 15px;
    color: #1c1c1c;
}

.about-3 .col-sm-10 div.box p {
    font-size: 12px;
    color: #5a5a5a;
}

.about-3 .col-sm-10 div.box span.s_bor {
    margin: 5px 0 0;
    width: 13px;
}


@media screen and (min-width:992px) {
    .about-2-right {
        background-color: #fff;
        height: 566px;
    }

    .about-3 .col-sm-10 {
        margin-top: 100px;
        margin-bottom: 80px;
    }
}


.about-2-right .box {
    margin: 40px;
    line-height: 22px;
}

.about-2-right .box p.ft_30 {
    line-height: 42px;
    margin-bottom: 30px;
}

.about-2-right .box p.ft_11 {
    line-height: 20px;
    margin-top: 30px;
}

@media screen and (max-width:991px) {
    .about-2-right .box {
        margin: 0px;
        padding: 40px 0;
        line-height: 22px;
    }

    .about-3 .col-sm-10 div.box {
        margin: 45px 0;
    }
}

.about-two {
    background: #171717;
}

.about-bg {
    height: 100%;
    background: url(../images/about-bg1.jpg);
    background-size: 100%;
    width: 100%;
}

.animate1 {
    animation: animate1 linear 3s infinite;
    -moz-animation: animate1 linear 3s infinite;
    -webkit-animation: animate1 linear 3s infinite;
    -ms-animation: animate1 linear 3s infinite;
    -o-animation: animate1 linear 3s infinite;
}

@keyframes animate1 {
    0% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    100% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
}

@-moz-keyframes animate1 {
    0% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    100% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
}

@-webkit-keyframes animate1 {
    0% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    100% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
}

@-ms-keyframes animate1 {
    0% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    100% {
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
    }
}

.course-bor {
    width: 1px;
    height: 90px;
    margin: 0 auto;
}

.course-bor+h2 img {
    max-width: 60%;
    margin-top: 20px;
}

.courseb {
    overflow: hidden;
    margin: 10px 0;
}

@media screen and (max-width:767px) {
    .courseb img {
        width: 100%;
    }
}

.course-list>div.row>div {
    padding: 30px 40px;
    margin-right: -1px;
    line-height: 22px;
}

.course-list>div.row>div:nth-child(2n) {
    border-left: 1px solid #868686;
}

.course-list>div.row>div:nth-child(2n-1) {
    border-right: 1px solid #868686;
}

.course-list>div.row>div:last-child {
    padding-bottom: 100px;
}

@media screen and (min-width:768px) {
    .course-bor {
        background-color: #868686;
        height: 180px;
    }

    .course-list>div.row>div:nth-child(2n) {
        margin-top: 100px;
    }

    .course-list {
        width: 680px;
    }
}


.ulrLink {
    top: 240px;
}

.ulrLink ul {
    margin-top: 10px;
}

.ulrLink ul li {
    line-height: 24px;
    margin: 13px 0;
    color: #959595;
    cursor: pointer;
}

.ulrLink ul li:hover {
    color: #ffffff;
}

.cul-one .box {
    background-color: #fff;
    padding: 20px 40px;
    margin: 0 auto;
}

.cul-two {
    margin: 50px 0 30px 0;
}

.cul-one .box h2 {
    line-height: 60px;
    margin-top: 20px;
}

.cul-one .box p {
    margin: 0px;
}

.cul-one .box .s_bor {
    margin: 30px 0;
}

.cul-one .box h3 {
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    margin-top: 50px;
}

.culture-bg1 {
    background-color: #3d3d3d;
    padding: 100px 0;
}

.cul-about {
    margin: 30px 0;
    line-height: 24px;
}

.cul-about h2 {
    line-height: 42px;
}

.cul-about .s_bor {
    background-color: #fff;
}

.cul-about p.ft_20 {
    line-height: 32px;
    margin-top: 20px;
}

@media screen and (min-width:992px) {
    .ulrLink {
        margin-left: 140px;
    }
}

@media screen and (min-width:768px) {
    .cul-one .box {
        width: 310px;
        min-height: 520px;
        margin-top: 150px;
        margin-bottom: -55px;
    }
}

@media screen and (max-width:767px) {
    .cul-one .box {
        margin: 0 -15px;
    }

    .cul-one .box h2,
    .cul-one .box p.ft_9 {
        text-align: center;
    }
}

.culture-bg2 {
    background-color: #fff;
    padding: 50px 0;
    border-bottom: 1px solid #b4b4b4;
}

.culture-bg2 h2,
.culture-bg3 h2 {
    line-height: 54px;
}

.culture-bg2 p,
.culture-bg3 p {
    margin: 0px;
}

.culture-bg2 p.img {
    margin: 15px;
}

.culture-bg2 p.ft_20 {
    margin-top: 30px;
}

@media screen and (max-width:767px) {
    .culture-bg2 {
        background: none;
        border: 0px;
    }
}

.culture-bg3 {
    background-color: #fff;
    padding: 30px 0
}

.cul-title {
    max-width: 691px;
    margin: 30px auto;
}

.cul-title span {
    margin: 0 2.3%;
    width: 15%;
    background: url(../images/cul-bg1.jpg) no-repeat;
    background-size: 100%;
}

.cul-title div.clearfix {
    border-top: 1px solid #c9c9c9;
    top: 50%;
    width: 90%;
    left: 5%;
}

.culture-bg3 .col-xs-12 .box {
    max-width: 360px;
    margin: 15px auto;
}

.culture-bg3 .col-xs-12 .box p.ft_17 em {
    font-style: inherit;
}

.culture-bg3 .col-xs-12 .box>div {
    overflow: hidden;
    height: 48px;
    line-height: 24px;
    margin: 15px 0;
}

.research {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,3d3d3d+52,3d3d3d+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(61, 61, 61, 1) 46%, rgba(61, 61, 61, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(46%, rgba(255, 255, 255, 1)), color-stop(46%, rgba(61, 61, 61, 1)), color-stop(100%, rgba(61, 61, 61, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(61, 61, 61, 1) 46%, rgba(61, 61, 61, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(61, 61, 61, 1) 46%, rgba(61, 61, 61, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(61, 61, 61, 1) 46%, rgba(61, 61, 61, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(61, 61, 61, 1) 46%, rgba(61, 61, 61, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3d3d3d', GradientType=0);
    /* IE6-9 */
}

.research h2.ft_50 {
    line-height: 68px;
}

.research .slider {
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 83px;
    text-align: right;
}

.research .slider .box {
    margin: 0 15px;
    padding-top: 9px;
    border: 15px solid #f3f3f3;
    background-color: #f3f3f3;
    text-align: left;
}

.research .slider .slick-prev,
.research .slider .slick-next {
    margin: 30px 15px 30px 0;
    border: 0px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    outline: none;
    line-height: 50px;
    text-indent: 500px;
    background: url(../images/prev1.png) no-repeat;
}

.research .slider .slick-prev {
    background-position: left top;
}

.research .slider .slick-prev:hover {
    background-position: left bottom;
}

.research .slider .slick-next {
    background-position: right bottom;
}

.research .slider .slick-next:hover {
    background-position: right top;
}

.research .slider .box a.line {
    padding: 5px 10px;
    border: 1px solid #c8c7c8;
    margin-top: 20px;
}

.research .slider .box div.img {
    text-align: center;
}

.research .slider .box div.img img {
    -moz-box-shadow: 0px 5px 10px #b3b3b3;
    -webkit-box-shadow: 0px 5px 10px #b3b3b3;
    box-shadow: 0px 5px 10px #b3b3b3;
}

.research .slider .box div.img+div {
    overflow: hidden;
    height: 72px;
    line-height: 24px;
    margin: 30px 0;
}

.research .slider .box a.line i.line {
    border-width: 4px;
    border-color: transparent transparent transparent #7e797b;
    margin-left: 50px;
}

.research .slider .box a.line:hover {
    background-color: #c5bfbf;
    color: #ffffff;
}

.research .slider .box a.line:hover i.line {
    border-color: transparent transparent transparent #ffffff;
}

.research .slider p.ft_11 {
    margin-top: 20px;
    font-family: "寰蒋闆呴粦";
    color: #505050;
}


.research .s_bor {
    background-color: #4E4E4E;
    width: 16px;
}

.research h2.ft_24 {
    line-height: 36px;
}

.resContent {
    line-height: 24px;
    padding-bottom: 50px;
}

.resContent>div.text-right p.re-img {
    margin-top: 20px;
}

@media screen and (max-width:767px) {
    .research {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,3d3d3d+52,3d3d3d+100 */
        background: rgb(255, 255, 255);
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(61, 61, 61, 1) 30%, rgba(61, 61, 61, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(30%, rgba(61, 61, 61, 1)), color-stop(100%, rgba(61, 61, 61, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(61, 61, 61, 1) 30%, rgba(61, 61, 61, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(61, 61, 61, 1) 30%, rgba(61, 61, 61, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(61, 61, 61, 1) 30%, rgba(61, 61, 61, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(61, 61, 61, 1) 30%, rgba(61, 61, 61, 1) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3d3d3d', GradientType=0);
        /* IE6-9 */
    }

    .research .slider {
        text-align: center;
    }

    .resContent>div.text-right {
        text-align: left;
    }

    .resContent>div.text-right p.re-img {
        text-align: center;
    }
}

.honner {
    background: url(../images/re1.jpg);
    padding-top: 30px;
}

.honner>div>div>div {
    height: 570px;
}

.honner>div>div>div:nth-child(6n) {
    margin-bottom: 30px;
}

.honner>div>div>div div.box {
    max-width: 262px;
    margin: 30px auto;
    line-height: 24px;
}

.honner>div>div>div div.box img {
    -webkit-box-shadow: #aaa 0px 0px 10px;
    -moz-box-shadow: #aaa 0px 0px 10px;
    box-shadow: #aaa 0px 0px 10px;
}

.honner>div>div>div div.box p {
    margin: 0px;
}

.honner>div>div>div div.box .s_bor {
    width: 15px;
}

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

    .honner>div>div>div:nth-child(3n) div.box .s_bor,
    .honner>div>div>div:nth-child(3n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(3n-2) div.box .s_bor {
        background-color: #dddddd;
    }

    .honner>div>div>div:nth-child(6n) div.box .s_bor,
    .honner>div>div>div:nth-child(6n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(6n-2) div.box .s_bor {
        background-color: #3d3d3d;
    }

    .honner>div>div>div:nth-child(3n) div.box a.block,
    .honner>div>div>div:nth-child(3n-1) div.box a.block,
    .honner>div>div>div:nth-child(3n-2) div.box a.block {
        color: #dddddd;
    }

    .honner>div>div>div:nth-child(6n) div.box a.block,
    .honner>div>div>div:nth-child(6n-1) div.box a.block,
    .honner>div>div>div:nth-child(6n-2) div.box a.block {
        color: #3d3d3d;
    }
}

@media screen and (max-width:991px) {

    .honner>div>div>div:nth-child(2n) div.box .s_bor,
    .honner>div>div>div:nth-child(2n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(2n-2) div.box .s_bor {
        background-color: #dddddd;
    }

    .honner>div>div>div:nth-child(4n) div.box .s_bor,
    .honner>div>div>div:nth-child(4n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(4n-2) div.box .s_bor {
        background-color: #3d3d3d;
    }

    .honner>div>div>div:nth-child(2n) div.box a.block,
    .honner>div>div>div:nth-child(2n-1) div.box a.block,
    .honner>div>div>div:nth-child(2n-2) div.box a.block {
        color: #dddddd;
    }

    .honner>div>div>div:nth-child(4n) div.box a.block,
    .honner>div>div>div:nth-child(4n-1) div.box a.block,
    .honner>div>div>div:nth-child(4n-2) div.box a.block {
        color: #3d3d3d;
    }
}

@media screen and (max-width:768px) {
    .honner {
        background: #3d3d3d;
    }

    .honner>div>div>div {
        height: auto;
    }

    .honner>div>div>div div.box {
        max-width: none;
    }

    .honner>div>div>div div.box div.img img {
        width: 100%;
    }

    .honner>div>div>div:nth-child(2n) div.box .s_bor,
    .honner>div>div>div:nth-child(2n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(2n-2) div.box .s_bor {
        background-color: #dddddd;
    }

    .honner>div>div>div:nth-child(4n) div.box .s_bor,
    .honner>div>div>div:nth-child(4n-1) div.box .s_bor,
    .honner>div>div>div:nth-child(4n-2) div.box .s_bor {
        background-color: #dddddd;
    }

    .honner>div>div>div:nth-child(2n) div.box a.block,
    .honner>div>div>div:nth-child(2n-1) div.box a.block,
    .honner>div>div>div:nth-child(2n-2) div.box a.block {
        color: #dddddd;
    }

    .honner>div>div>div:nth-child(4n) div.box a.block,
    .honner>div>div>div:nth-child(4n-1) div.box a.block,
    .honner>div>div>div:nth-child(4n-2) div.box a.block {
        color: #dddddd;
    }
}

.subsidiary {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+30,f2f2f2+30,f2f2f2+30,ffffff+30,ffffff+30,ffffff+30,ffffff+100 */
    background: rgb(242, 242, 242);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(242, 242, 242, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(33%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(242, 242, 242, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */

}

.subsidiary .slider {
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.subsidiary .slider .box {
    margin: 0 15px;
    text-align: left;
}

.subsidiary .slider .box div.img {
    border: 1px solid #e8e8e8;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
}

.subsidiary .slider .slick-prev,
.subsidiary .slider .slick-next {
    overflow: hidden;
    width: 41px;
    height: 41px;
    border: 0px;
    outline: none;
    text-indent: 500px;
    background: url(../images/ico3.png) no-repeat;
    margin: 50px 10px;
}

.subsidiary .slider .slick-prev {
    background-position: left bottom;
}

.subsidiary .slider .slick-prev:hover {
    background-position: left top;
}

.subsidiary .slider .slick-next {
    background-position: right top;
}

.subsidiary .slider .slick-next:hover {
    background-position: right bottom;
}

.subsidiary .slider .box a.line {
    padding: 5px 10px;
    border: 1px solid #c8c7c8;
    margin-top: 20px;
}

.subsidiary .slider .box a.line i.line {
    border-width: 4px;
    border-color: transparent transparent transparent #7e797b;
    margin-left: 50px;
}

.subsidiary .slider .box a.line:hover {
    background-color: #c5bfbf;
    color: #ffffff;
}

.subsidiary .slider .box a.line:hover i.line {
    border-color: transparent transparent transparent #ffffff;
}

.subsidiary .slider .s_bor {
    width: 15px;
    margin: 10px 0;
}

@media screen and (min-width:768px) {
    .subsidiary .slider {
        padding-bottom: 100px;
    }

    .subsidiary .slider .slick-prev,
    .subsidiary .slider .slick-next {
        position: absolute;
        top: 50%;
        margin-top: -100px;
    }

    .subsidiary .slider .slick-prev {
        left: 0px;
        margin-left: -60px;
    }

    .subsidiary .slider .slick-next {
        right: 0px;
        margin-right: -60px;
    }

}

@media screen and (max-width:767px) {
    .subsidiary .slider .box div.img img {
        width: 100%;
    }
}

.sub-more {
    background-color: #e8e8e8;
    padding: 10px 0 50px;
}

.sub-more a {
    width: 190px;
    height: 40px;
    border: 1px solid #9e9ca8;
    line-height: 40px;
    margin: 0 auto;
}

.structure {
    padding: 50px 0;
    background-color: #fff;
}

.bg-color1 {
    background-color: #fff;
    padding: 0 15px;
}

.bg-color2 {
    background-color: #e8e8e8;
    padding: 0 15px;
}

.bg-color3 {
    background-color: #373737;
    padding: 0 15px;
}

.bg-color4 {
    background-color: #fdfdfd;
    padding: 0 15px;
}

.cus-h3 {
    line-height: 44px;
    margin-top: 82px;
    margin-bottom: 5px;
}

.cus-h3~p.text-center {
    line-height: 24px;
    margin: 20px auto;
    max-width: 690px;
}

.customerList>div.row>div>.box {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    max-width: 360px;
    height: 140px;
    padding: 45px 0;
    line-height: 24px;
    margin: 25px auto;
}

.customerList>div.row>div>.box strong.pull-left {
    width: 130px;
    line-height: 50px;
    text-align: center;
}

.customerList>div.row>div>.box strong.pull-left+div {
    overflow: hidden;
    padding-right: 25px;
    color: #474747;
}

@media screen and (min-width:992px) {
    .customerList {
        background: url(../images/contactbg.jpg) no-repeat center;
        padding: 16px 15px 78px;
    }

    .customerList>div.row>div>.box {
        width: 360px;
        float: right;
        margin: 35px 40px;
    }

    .customerList>div.row>div:nth-child(2n)>.box {
        float: left;
    }
}

.yewu {
    margin-top: 15px;
    margin-bottom: 70px;
}

.yewu>.row>div {
    margin-top: 49px;
    height: 170px;
    line-height: 24px;
}

.yewu>.row>div h3 {
    line-height: 20px;
}

.yewu>.row>div p {
    margin: 0px;
}

.yewu>.row>div p.ft_16 {
    font-size: 15px;
}

.yewu>.row>div .s_bor {
    margin: 10px 0;
    width: 15px;
}

.yewu>.row>div a.more {
    width: 130px;
    height: 32px;
    border: 2px solid #8d8d8d;
    line-height: 28px;
    display: block;
    text-align: center;
    margin-top: 25px;
}

.yewu>.row>div .bg-color3 {
    padding: 15px;
    color: #fff;
}

.yewu>.row>div .bg-color3 .s_bor {
    background-color: #fff;
}

.yewu>.row>div .bg-color3 p.ft_20 {
    margin-bottom: 6px;
    color: #f2f2f2;
}

@media screen and (max-width:767px) {
    .yewu>.row>div {
        height: auto;
    }
}

.meesage {
    margin: 30px auto;
    max-width: 800px;
}

.meesage ul>li {
    width: 100%;
    margin: 10px 0;
    line-height: 36px;
}

.meesage ul>li span.pull-left {
    width: 65px;
    text-align: right;
    margin-right: 10px;
}

.meesage ul>li span.pull-left+div {
    overflow: hidden;
}

.meesage ul>li span.pull-left+div label {
    width: 100%;
}

.meesage ul>li span.pull-left+div input {
    width: 92.4%;
    background: #fff;
    border: 0px;
    padding: 5px;
    height: 36px;
    line-height: 26px;
}

.meesage ul>li button {
    width: 120px;
    height: 42px;
    background: #103578;
    border;
    0px;
    cursor: pointer;
    border: 0px;
    border-radius: 5px;
}

.meesage ul>li button:hover {
    background-color: #3e7ae6;
}

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

    .meesage ul>li:nth-child(1),
    .meesage ul>li:nth-child(2),
    .meesage ul>li:nth-child(3),
    .meesage ul>li:nth-child(4),
    .meesage ul>li:nth-child(5),
    .meesage ul>li:nth-child(6) {
        width: 48%;
    }
}

.messlist {
    padding-bottom: 84px;
}

.messTit {
    line-height: 32px;
    margin-top: 42px;
    margin-bottom: 10px;
    color: #4d4c4c;
}

.messlist div.row {
    border-bottom: 1px dotted #969696;
    padding-top: 5px;
    padding-bottom: 5px;
}

.messlist div.row>div {
    padding-bottom: 28px;
    padding-top: 10px;
}

.messlist div.row>div input[type=radio],
.messlist div.row>div input[type=checkbox] {
    margin-right: 10px;
}

.messlist .textarea {
    max-width: 780px;
    margin: 0 auto;
}

.messlist .textarea textarea {
    width: 100%;
    border: 1px solid #bcbcbc;
    margin-left: -1px;
    height: 240px;
    background: none;
}

.messlist>button {
    width: 145px;
    height: 25px;
    margin: 0 10px;
    border: 0px;
}

.messlist>button[type=submit] {
    background: #6b6b6b;
    border: 1px solid #6b6b6b;
    margin-top: 50px;
}

.messlist>button[type=reset] {
    background: none;
    border: 1px solid #dddddd;
}


.contact>div.text-center {
    width: 490px;
    background-color: #373737;
    height: 90px;
    padding: 25px;
    line-height: 32px;
    margin: 0 auto;
}

.contact div.bg-color2 {
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 24px;
}

.contact div.bg-color2 h2 {
    line-height: 30px;
    font-size: 17px;
    color: #373737;
}

.contact div.bg-color2 .row>div:nth-child(3) {
    margin-right: 20%;
}

.contact div.bg-color2 span.s_bor {
    width: 15px;
}

.contact .contact-add {
    margin-top: 99px;
    margin-bottom: 105px;
}

.contact .contact-add>div {
    margin-top: 10px;
    line-height: 24px;
}

.contact .contact-add>div span.s_bor {
    width: 15px;
}

.contact .contact-add>div h3 {
    margin-bottom: 20px;
    color: #373737;
    font-weight: bold;
}

.contact .contact-add>div p {
    font-size: 15px;
    line-height: 35px;
    color: #373737;
}

@media screen and (min-width:1440px) {
    .contact {
        float: right;
    }

    .contact>div.text-center {
        float: left;
        margin-top: -30px;
    }

    .contact div.container {
        float: right;
    }
}

@media screen and (max-width:1439px) {
    .contact>div.text-center {
        max-width: 1170px;
        margin: 0 auto;
        width: auto;
    }
}

@media screen and (max-width:767px) {
    .map+.bg-color1 {
        padding: 0px;
    }

    .map+.bg-color1 .contact>div.text-center h2 {
        font-size: 18px;
    }

    .contact .contact-add {
        margin-top: 20px;
    }

    .contact .contact-add>div span.s_bor {
        display: none;
    }
}

@media screen and (min-width:993px) and (max-width:1013px) {
    .contact .contact-add>div {
        height: 254px;
    }
}

.invTit {
    max-width: 960px;
    margin: 20px auto 0px;
    font-family: "寰蒋闆呴粦";
    color: #333;
    font-weight: bold;
}

.invTit+ul {
    max-width: 960px;
    margin: 0px auto;
    padding-bottom: 20px;
}

.invTit+ul>li {
    line-height: 24px;
    border-bottom: 1px dashed #c1c1c1;
    padding: 10px 0;
}

.invTit+ul li p {
    margin: 0px;
    font-family: "寰蒋闆呴粦";
    color: #666;
    font-size: 14px;
}

.invTit+ul li>p.ft_20 {
    line-height: 32px;
    font-size: 18px;
}

.inv-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,e8e8e8+65,e8e8e8+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(232, 232, 232, 1) 38%, rgba(232, 232, 232, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(38%, rgba(255, 255, 255, 1)), color-stop(38%, rgba(232, 232, 232, 1)), color-stop(100%, rgba(232, 232, 232, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(232, 232, 232, 1) 38%, rgba(232, 232, 232, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(232, 232, 232, 1) 38%, rgba(232, 232, 232, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(232, 232, 232, 1) 38%, rgba(232, 232, 232, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(232, 232, 232, 1) 38%, rgba(232, 232, 232, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0);
    /* IE6-9 */


}

.inv-map {
    border: 10px solid #fff;
    margin-top: 106px;
}

.inv-map img {
    width: 100%;
}

.inv-contact {
    line-height: 24px;
    margin-top: 34px;
    margin-bottom: 98px;
}

.inv-contact p {
    margin: 0px;
    color: #515151;
}

.inv-contact p.ft_ar {
    color: #a8a8a8;
}

.inv-contact h2 {
    line-height: 30px;
    font-size: 25px;
    color: #515151;
}

.inv-contact h3.ft_30 {
    line-height: 32px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfcfcf;
    display: inline-block;
    margin-bottom: 15px;
    color: #767676;
}

.inv-contact .text-right p {
    color: #767676;
}

@media screen and (max-width:767px) {
    .invTit {
        padding: 0 15px;
    }

    .invTit+ul>li {
        padding: 10px 15px;
    }

    .inv-bg {
        background: #fff;
    }

    .inv-map {
        margin-top: 30px;
    }

    .inv-contact {
        background-color: #e8e8e8;
        margin: 0px -15px;
        padding: 30px 0;
    }

    .inv-contact div.text-right {
        text-align: left;
    }
}

.newslist {
    padding-top: 20px;
    padding-bottom: 50px;
}

.newslist>.row>div .box {
    background-color: #fefefe;
    border: 10px solid #fefefe;
    margin: 15px 0;
}

.newslist>.row>div div.img+div {
    overflow: hidden;
    margin: 36px 15px 5px 15px;
    line-height: 20px;
}

.newslist .box .img {
    position: relative;
}

.newslist .box .img a i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    zoom: 1;
}

:root .newslist .box .img a i {
    filter: none\9;
}

.newslist .box .img a:hover i {
    display: none;
}

@media screen and (min-width:768px) {
    .newslist>.row>div .box {
        height: 400px;
    }
}

.video {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,e8e8e8+50,3d3d3d+50,3d3d3d+100 */
    background: rgb(232, 232, 232);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232, 1) 50%, rgba(61, 61, 61, 1) 50%, rgba(61, 61, 61, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(232, 232, 232, 1)), color-stop(50%, rgba(232, 232, 232, 1)), color-stop(50%, rgba(61, 61, 61, 1)), color-stop(100%, rgba(61, 61, 61, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232, 1) 50%, rgba(61, 61, 61, 1) 50%, rgba(61, 61, 61, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232, 1) 50%, rgba(61, 61, 61, 1) 50%, rgba(61, 61, 61, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232, 1) 50%, rgba(61, 61, 61, 1) 50%, rgba(61, 61, 61, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(232, 232, 232, 1) 0%, rgba(232, 232, 232, 1) 50%, rgba(61, 61, 61, 1) 50%, rgba(61, 61, 61, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#3d3d3d', GradientType=0);
    /* IE6-9 */
}

.video .video-box {
    border: 10px solid #fff;
    margin: 50px auto;
    max-width: 830px;
}

.video .video-box img {
    width: 100%;
}

.join {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+30,3d3d3d+30,3d3d3d+80,ffffff+80,ffffff+100 */
    background: #f2f2f2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 33%, #3d3d3d 30%, #3d3d3d 83%, #ffffff 80%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(33%, #f2f2f2), color-stop(30%, #3d3d3d), color-stop(83%, #3d3d3d), color-stop(80%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 33%, #3d3d3d 30%, #3d3d3d 83%, #ffffff 80%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 33%, #3d3d3d 30%, #3d3d3d 83%, #ffffff 80%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 33%, #3d3d3d 30%, #3d3d3d 83%, #ffffff 80%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 33%, #3d3d3d 30%, #3d3d3d 83%, #ffffff 80%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.join-one {
    margin: 30px -15px 0;
}

.join-one div.text-right {
    margin: 50px 0;
    line-height: 24px;
}

.join-one div.text-right p {
    margin: 0px;
}

.join-one div.text-right h3.ft_36 {
    line-height: 46px;
}

.join-one div.text-right p.ft_20 {
    line-height: 32px;
}

.join-one+div.bg-color1 {
    margin-bottom: 50px;
    padding: 0px;
}

.join-one+div.bg-color1 p {
    margin: 0px;
}

.join-one+div.bg-color1 div.text-center {
    margin: 80px 0;
    line-height: 24px;
}

.join-one+div.bg-color1 div.text-center .s_bor {
    width: 13px;
}

@media screen and (max-width:1200px) {
    .join-one+div.bg-color1 div.text-center {
        margin: 50px 0;
    }
}

.form-one {
    line-height: 26px;
}

.form-one>div {
    border-top: 1px dotted #8d8d8d;
    padding-top: 40px;
    padding-bottom: 20px;
    min-height: 280px;
}

.form-one>div:nth-child(1) {
    border-right: 1px dotted #8d8d8d;
    margin-right: -1px;
}

.form-one>div:nth-child(1) div.pull-left {
    margin-left: -15px;
    max-width: 350px;
}

.form-one>div:nth-child(1) div.pull-left+div {
    overflow: hidden;
}

.form-one>div:nth-child(1) div.pull-left+div strong.block {
    margin-top: 20px;
}

.form-one>div:nth-child(2) {
    line-height: 32px;
}

.form-one>div p {
    margin: 0px;
    font-weight: bold;
}

.join-img {
    margin-top: 53px;
    margin-bottom: 50px;
}

.join-content {
    max-width: 870px;
    line-height: 24px;
    margin: 10px auto 66px;
}

@media screen and (max-width:991px) {
    .join {
        background: #fff;
    }

    .join-one+div.bg-color1 {
        margin-bottom: 0px;
    }

    .join>div.container:nth-child(2) {
        background-color: #3d3d3d;
        padding-top: 50px;
    }

    .join>div.container:nth-child(3) {
        background-color: #fff;
    }

    .join-one div.text-right {
        text-align: center;
    }

    .form-one>div,
    .form-one>div:nth-child(1) {
        border: 0px;
    }

    .form-one>div:nth-child(1) div.pull-left {
        margin-left: 0px;
    }

    .join-one div.text-right {
        margin-top: 0px;
    }

    .join-img {
        margin-top: 0px;
    }
}

@media screen and (max-width:767px) {
    .form-one>div:nth-child(1) div.pull-left {
        width: 100%;
        max-width: none;
        float: none !important;
    }

    .form-one>div:nth-child(1) div.pull-left+div {
        text-align: left;
    }
}

.joinlist>.row>div.text-center {
    margin: 50px;
}

.joinlist>.row>div.text-center a {
    border: 1px solid #b2b2b2;
    background-color: #fff;
    width: 128px;
    height: 26px;
    line-height: 26px;
}

.joinlist>.row>div.text-center a:hover,
.joinlist>.row>div.text-center a.on {
    border: 1px solid #3d3d3d;
    background-color: #3d3d3d;
    color: #fff;
}

.joinlist>.row>div.text-center~div div.box {
    margin: 35px;
    line-height: 22px;
}

@media screen and (min-width:768px) {
    .joinlist {
        padding-bottom: 100px;
    }

    .joinlist>.row>div.bg-color3 {
        color: #e9e9e9;
    }

    .joinlist>.row>div.bg-color3 span.s_bor {
        background-color: #f2f2f2;
    }

    .joinlist>.row>div.bg-color3 h3.ft_30 {
        color: #f2f2f2;
    }
}

@media screen and (max-width:767px) {
    .joinlist>.row>div.text-center~div:nth-child(2n) {
        background-color: #3d3d3d;
        color: #e9e9e9;
    }

    .joinlist>.row>div.text-center~div:nth-child(2n) span.s_bor {
        background-color: #f2f2f2;
    }

    .joinlist>.row>div.text-center~div:nth-child(2n) h3.ft_30 {
        color: #f2f2f2;
    }

    .joinlist>.row>div.text-center~div:nth-child(2n)+div {
        background-color: #fdfdfd;
    }

    .floatDiv {
        display: none;
    }
}

.quan-si {
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    background-color: #3d3d3d;
    margin: 50px auto -14px;
    position: relative;
}

.floatDiv {
    position: fixed;
    z-index: 9999;
    top: 40%;
    right: 0;
    width: 78px;
    height: 130px;
    background: url(../images/float.png) no-repeat;
}

.floatDiv a {
    display: block;
    width: 78px;
    height: 65px;
    outline: none;
}