/*
* **********************************************************************
* 本项目样式
* ***********************************************************************
 */

 /*
* 手机导航
* mob-leftNav_3
 */
/*add*/
div.menu  ul,
div.menu  ul li{
    margin: 0;
    padding: 0;
}
.logo-mob {
    position: absolute;
    right: 15px;
    top: -2px;
}

.logo-mob img {
    max-height: 32px;
    margin-top: 12px;
}

.menu-content{
    color: #3c91d1;
    font-size: 14px !important;
    line-height: 2;
    font-family: 'Arial';
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
}
/*//add*/
div.burger {
    height: 30px;
    width: 40px;
    position: absolute;
    top: 8px;
    left: 20px;
    cursor: pointer;
    z-index: 1001;
}
div.x,
div.y,
div.z {
    position: absolute; margin: auto;
    top: -10px; bottom: 0px;
    background: #153185;
    border-radius:2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
div.x, div.y, div.z { height: 3px; width: 26px; }
div.y{top: 8px;}
div.z{top: 27px;}
div.collapse-mob{
    top: 10px;
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out;
}


div.rotate30{
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -ms-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}
div.rotate150{
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -ms-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

div.rotate45{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    background: #f2f2f3;
    z-index: 1001;
}
div.rotate135{
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    background: #f2f2f3;
    z-index: 1001;
}

div.menu-bg {
    width: 0%;
    height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    background: #33383e;
    opacity: 0;
    -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu-bg.animate {
    opacity: 0.98;
    -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    z-index: 1000;
    width: 100%;
}

div.menu {
    /*height: 568px;*/
    width: 100%;
}

.menu-splitL, .menu-splitR {
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 0px;
    width: 0%;
}
div.menu.animate .menu-splitL,
div.menu.animate .menu-splitR{
    z-index: 1001;
    width: 100%;
}

div.menu ul li {
    list-style: none;
    width: 100%;
    margin-top: 24px;
    text-align: left;
    font-size: 40px;
    -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu ul li a {
    color: #f2f2f3;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
}

div.menu li.animate {
    font-size: 40px;
    opacity: 1;
    -webkit-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 600ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

.menu-splitL li:nth-of-type(1){	margin-left:100%; transition-delay: 0.12s;}
.menu-splitL li.animate:nth-of-type(1){	margin-left:23px;	transition-delay: 0.4s;	}

.menu-splitL li:nth-of-type(2){	margin-left:100%;	transition-delay: 0.09s;}
.menu-splitL li.animate:nth-of-type(2){	margin-left:23px;	transition-delay: 0.55s;}

.menu-splitL li:nth-of-type(3){	margin-left:100%;	transition-delay: 0.046s;}
.menu-splitL li.animate:nth-of-type(3){	margin-left:23px;	transition-delay: 0.4s;}

.menu-splitL li:nth-of-type(4){	margin-left:100%; transition-delay: 0.03s;}
.menu-splitL li.animate:nth-of-type(4){	margin-left:23px;	transition-delay: 0.6s;}

.menu-splitL li:nth-of-type(5){	margin-left:100%;	transition-delay: 0.0s;	}
.menu-splitL li.animate:nth-of-type(5){	margin-left:23px;	transition-delay: 0.4s;	}

.menu-splitL li:nth-of-type(6){	margin-left:100%;	transition-delay: 0.046s;	}
.menu-splitL li.animate:nth-of-type(6){	margin-left:23px;	transition-delay: 0.65s;	}

.menu-splitL li:nth-of-type(7){	margin-left:100%;	transition-delay: 0.09s;	}
.menu-splitL li.animate:nth-of-type(7){	margin-left:23px;	transition-delay: 0.4s;	}

.menu-splitL li:nth-of-type(8){	margin-left:-80%;	transition-delay: 0s;	}
.menu-splitL li.animate:nth-of-type(8){	margin-left:23px;	transition-delay: 0.2s;	}


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

/*nav*/
.nav>li>a {
    position: relative;
    display: block;
}
.navbar-default {
    background-color: #ffffff;
    border-color: rgba(231, 231, 231, 0);
    /*background: none;*/
    border-bottom: 1px solid #f2f2f3;
}

@media (min-width: 768px){
    .navbar-nav>li>a {
        padding: 10px 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width: 768px){
    .navbar-nav>li>a {
        padding: 10px 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.navbar-nav>li>a {
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a {
    color: #0b162b;
}
.navbar-brand>img {
    max-height: 55px;
}
@media (min-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
}
.navbar-default .navbar-nav>li>a:hover {
    font-weight: 600;
    color: #012b7d;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    font-weight: 600;
    color: #012b7d;
    background: none;
}
.dropdown-menu {
    top: 100%;
    min-width: 98px;
    text-align: center;
    background-color: #012b7d;
    border: 1px solid rgb(1, 43, 125);

    -webkit-animation:fadeInDown-this 0.5s .2s ease both;
    -moz-animation:fadeInDown-this 0.5s .2s ease both;
}
@media (max-width: 768px){
    .dropdown-menu {
        margin-right: -10px;
    }
}
.dropdown-menu>li>a {
    padding: 6px 15px;
    color: rgb(255, 255, 255);
    border-top: 1px dotted  rgba(255, 255, 255, 0.13);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color:#0b162b ;
    background-color: #ffffff;
    font-weight: 600;
}

@-webkit-keyframes fadeInDown-this{
    0%{opacity:0;
        -webkit-transform:translateY(-10px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown-this{
    0%{opacity:0;
        -moz-transform:translateY(-10px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}

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


/*cmp-banner*/
.cmp-banner {
    background: #dddddd;
    background-size: cover;
}
@media (max-width: 767px){
    .cmp-banner{ background: #dddddd; }
    .cmp-banner .container{ padding: 0}
}



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


/*about-and-video*/
.about-and-video{ padding: 90px 0; background: url("../image/about-bg.png"); background-size: contain;  background-attachment:fixed;}
.about-and-video .about-index-content,
.about-and-video .about-index-content p{ line-height: 2; font-size: 16px; margin-bottom: 30px;}
.ntkj-title1{font-size: 32px; letter-spacing: 3px; margin-bottom: 30px; text-align: center; font-weight: 600}


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


/*news--index*/
.news--index{padding: 60px 0; padding-top: 90px;
    background: url("../image/news-bg.jpg") bottom;
    background-size: cover;
    background-attachment:fixed;
}
.ntkj-title2{font-size: 32px; letter-spacing: 3px; margin-bottom: 60px; text-align: center; color: #FFFFFF; font-weight: 600}
.more-a{text-align: center; margin-top: 90px; }
.more-a .iconfont{ font-size: 60px; color: #FFFFFF; }
.more-a a:hover .iconfont{ font-size: 60px; color: #dcbe3b; }
/*new-list-c*/
.news-list-c { }

@media (max-width: 768px) {
    .news-list-c {margin-top: 30px; }
}
.news-list-c .list-group {
    margin-bottom: 0px;
    padding-left: 0;
}
.news-list-c .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;

    border-top: 1px dotted rgba(255, 255, 255, 0.1);
}
.news-list-c .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.news-list-c .list-group-item {
    position: relative;
    display: block;
    padding: 14px 0px;
    margin-bottom: 0px;
    background:none;
    border: 0px solid #FFFFFF;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);

    overflow:hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

}
.news-list-c a.list-group-item,
.news-list-c button.list-group-item {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 1px;
}
.news-list-c a.list-group-item:hover,
.news-list-c button.list-group-item:hover,
.news-list-c a.list-group-item:focus,
.news-list-c button.list-group-item:focus {
    text-decoration: none;
    color: #DDC764;
    background: none;
}
.news-list-c .list-group-item > .badge {
    float: right;
    display: inline-block;
    min-width: 10px;
    padding: 5px 3px 3px 3px;
    margin-left: 16px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background: none;
    border-radius: 0px;

    font-weight: 200;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
}

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


/*new-list-c-n*/
.news-list-c-n {padding: 90px 0 }

@media (max-width: 768px) {
    .news-list-c-n {margin-top: 30px; }
}
.news-list-c-n .list-group {
    margin-bottom: 0px;
    padding-left: 0;
}
.news-list-c-n .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;

    border-top: 1px dotted rgba(0, 0, 0, 0.10);
}
.news-list-c-n .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.news-list-c-n .list-group-item {
    position: relative;
    display: block;
    padding: 14px 0px;
    margin-bottom: 0px;
    background:none;
    border: 0px solid #FFFFFF;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.10);

    overflow:hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

}
.news-list-c-n a.list-group-item,
.news-list-c-n button.list-group-item {
    color: #010d24;
    font-size: 16px;
    letter-spacing: 1px;
}
.news-list-c-n a.list-group-item:hover,
.news-list-c-n button.list-group-item:hover,
.news-list-c-n a.list-group-item:focus,
.news-list-c-n button.list-group-item:focus {
    text-decoration: none;
    color: #DDC764;
    background: none;
}
.news-list-c-n .list-group-item > .badge {
    float: right;
    display: inline-block;
    min-width: 10px;
    padding: 5px 3px 3px 3px;
    margin-left: 16px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background: none;
    border-radius: 0px;

    font-weight: 200;
    color: #010d24;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
}



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

.contact--index{
    background: #f2f2f3 url("../image/about-bg.png");
    background-size: cover;
    padding: 90px 0 60px 0;
    color: rgb(101, 106, 115);
}
.contact--index-message,
.contact--index-message p{
    line-height: 2;
    letter-spacing: 1px;
}
@media (max-width: 768px){
    .contact--index .thumbnail>img,
    .contact--index .thumbnail a>img {
        margin-left: 0;
        margin-right: auto;
    }
}

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

.foot-box{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,3864bc+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #3864bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#3864bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #012b7d 0%,#3864bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#3864bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 10px 0;
    color: rgb(213, 219, 228);
    font-size: 12px;
}
@media (min-width: 768px) {
    .foot-box-right{text-align: right}
}

.ntkj-title3 {
    color: rgb(101, 106, 115);
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600;

}
@media (max-width: 768px) {
    .ntkj-title3{margin-top: 60px; }
}
/*new-list-c*/
.news-list-cg { }
.news-list-cg .list-group {
    margin-bottom: 0px;
    padding-left: 0;
}
.news-list-cg .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-top: 0;
}
.news-list-cg .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.news-list-cg .list-group-item {
    position: relative;
    display: block;
    padding: 7px 0px;
    margin-bottom: 0px;
    background:none;
    border: 0px solid #dddddd;
    border-bottom: 1px dotted rgba(24, 24, 24, 0.23);

    overflow:hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

}
.news-list-cg a.list-group-item,
.news-list-cg button.list-group-item {
    color: rgb(101, 106, 115);
}
.news-list-cg a.list-group-item:hover,
.news-list-cg button.list-group-item:hover,
.news-list-cg a.list-group-item:focus,
.news-list-cg button.list-group-item:focus {
    text-decoration: none;
    color: #bc7b00;
    background: none;
}

.ntwx img{ padding-bottom: 30px; padding-right: 30px;}


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


.idea-aim-tactic .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.idea-aim-tactic{
    padding: 2px 0 30px 0;
    border-bottom: 3px solid #f2f2f3;
}
@media (min-width: 992px) {
    .idea-aim-tactic{
        padding: 60px 0 30px 0;
        border-bottom: 3px solid #f2f2f3;
    }
}
a.idea-box{
    min-height: 275px;
    text-align: center;
    display: block;
    padding:30px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,3864bc+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #3864bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#3864bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #012b7d 0%,#3864bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#3864bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a.aim-box{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,4f31c0+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3864bc 0%, #4f31c0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #3864bc 0%,#4f31c0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #3864bc 0%,#4f31c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3864bc', endColorstr='#4f31c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a.tactic-box{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,2eb9af+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #4f31c0 0%, #279e94 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #4f31c0 0%,#279e94 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #4f31c0 0%, #279e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f31c0', endColorstr='#279e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
a.pro-box{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,2eb9af+100 */
    background: #279e94; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #279e94 0%, #012b7d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #279e94 0%,#012b7d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #279e94 0%,#012b7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#279e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.pro-box .iconfont,
.idea-box .iconfont,
.aim-box .iconfont,
.tactic-box .iconfont{ font-size: 80px; color: #FFFFFF; line-height: 1.5; }

.pro-box .title,
.idea-box .title,
.aim-box .title,
.tactic-box .title{ font-size: 24px; color: #FFFFFF;  letter-spacing: 1px;  line-height: 1; margin-right: -1px;}

.pro-box .content,
.idea-box .content,
.aim-box .content,
.tactic-box .content{ font-size: 14px; color: #FFFFFF;  letter-spacing:1px; line-height: 2; margin-top: 15px;}

.more-b{text-align: center;  background: #FFFFFF; width: 100px; margin: 0 auto; margin-top: 30px;  margin-bottom: -75px;  }
.more-b .iconfont{ font-size: 60px; color: #c0c0c1; display: block;}
.more-b a:hover .iconfont{
    font-size: 60px;
    color: #dcbe3b;
}

a.idea-box:hover{
    min-height: 275px;
    text-align: center;
    display: block;
    padding:30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,2eb9af+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #4f31c0 0%, #279e94 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #4f31c0 0%,#279e94 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #4f31c0 0%, #279e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f31c0', endColorstr='#279e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
a.aim-box:hover{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,2eb9af+100 */
    background: #279e94; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #279e94 0%, #012b7d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #279e94 0%,#012b7d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #279e94 0%,#012b7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#279e94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
a.tactic-box:hover{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,3864bc+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #3864bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#3864bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #012b7d 0%,#3864bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#3864bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
a.pro-box:hover{
    min-height: 275px;
    text-align: center;
    padding:30px;
    display: block;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,4f31c0+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3864bc 0%, #4f31c0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #3864bc 0%,#4f31c0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, #3864bc 0%,#4f31c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3864bc', endColorstr='#4f31c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
/* **************************************************************************** */

/* ---  新闻内容页  ----*/

.news-content{}
.news-content p,
.news-content .content-p{ font-size: 16px; line-height: 2; }
.news-content .fu-title{ color: #999999;  text-align: center; margin-top: 8px; }
.news-content h2{ text-align: center;color: #333333; font-size: 32px; }
.news-content img,
.news-content .content-p img ,
.news-content p img {
    max-width: 100%!important;
    height: auto!important;
    margin: 10px auto;
    display: block;
}
.news-content .only-content-title{ font-size: 32px; text-align: center; margin-bottom: 32px;}
@media (max-width: 767px) {
    .news-content .fu-title{ color: #999999;  text-align: left; margin-top: 16px; font-size: 12px; }
    .news-content h2{ text-align: left; font-size: 22px; }
}


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


.idea1-aim1-tactic1{
    padding: 60px 0;
}
a.idea1-box,
a.aim1-box,
a.tactic1-box{
    display: block;
}

.idea1-box{
    min-height: 300px;
    text-align: center;
    padding-top: 30px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,3864bc+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #3864bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#3864bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #012b7d 0%,#3864bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#3864bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.aim1-box{
    min-height: 300px;
    text-align: center;
    padding-top: 30px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,4f31c0+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #4f31c0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#4f31c0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #012b7d 0%,#4f31c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#4f31c0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tactic1-box{
    min-height: 300px;
    text-align: center;
    padding-top: 30px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012b7d+0,2eb9af+100 */
    background: #012b7d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #012b7d 0%, #2eb9af 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #012b7d 0%,#2eb9af 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #012b7d 0%,#2eb9af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012b7d', endColorstr='#2eb9af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.idea1-box .iconfont,
.aim1-box .iconfont,
.tactic1-box .iconfont{ font-size: 80px; color: #FFFFFF; line-height: 1.5; }

.idea1-box .title,
.aim1-box .title,
.tactic1-box .title{ font-size: 28px; color: #FFFFFF;  letter-spacing: 4px;  line-height: 1; margin-right: -4px;}

.idea1-box .content,
.aim1-box .content,
.tactic1-box .content{ font-size: 16px; color: #FFFFFF;  letter-spacing:2px; line-height: 4;}


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



/* ---  联系  ----*/
.contact-content{}
.contact-content p{ font-size: 16px; line-height: 1.8; }
/*lm-title-c*/
.contact-content .lm-title-c {
    padding-left: 20px;
    border-left: 5px solid #666666;
    margin-bottom: 16px;
    margin-top: 60px;
}
.contact-content .lm-title-c .wenzi {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
.contact-content .lm-title-c .wenzi-r{ display: inline-block; float: right; }


/* ************************************************************************** */
.news--list{/*background: #eeeeee url("../image/about-bg.png")*/}
/*news--list-list*/

.news--list-list{
    background: #FFFFFF;
    margin: 16px auto;
    padding: 20px;
    text-align: left;
}
@media (min-width: 992px) {
    .news--list-list{
        margin-top: 60px;
        margin-bottom: 60px;
        background: #FFFFFF;
        margin: 60px auto;
        padding: 60px;
        text-align: center;
    }
}

.news--list-list .add-time { margin: 30px 0; font-family: "Tahoma" , "Microsoft YaHei" ; font-weight: 600; color: #999999}
.news--list-list .news-info { line-height: 2;  font-size: 15px}
.news--list-list hr { border-top: 1px solid #dddddd; margin-top: 60px; margin-bottom: 60px;}
.news--list-list h2 a {
    font-size: 28px;
    color: #0b162b;
    font-weight: 600;
    box-shadow: inset 0 -3px 0 rgb(199, 241, 255);
    line-height: 1.8;
    padding: 3px 0;
}

.news--list-list h2 a:hover {
    background: rgb(199, 241, 255);
}
@media (min-width: 992px) {
    .news--list-date{
        padding-left: 10%;
        padding-right: 10%;
    }
}

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

.pro-center-class {text-align: center; padding-top: 30px; position: relative}
.pro-center-class .title{ font-size: 28px; color: #FFFFFF;  letter-spacing: 1px;  line-height: 2; }
.pro-center-class .content,
.pro-center-class .iconfont{ font-size: 60px; color: #FFFFFF;  letter-spacing:1px; line-height: 1; }

@media (min-width: 768px) {
    .pro-center-class {text-align: center; padding-top: 60px;}
    .pro-center-class .title{ font-size: 58px; color: #FFFFFF;  letter-spacing: 2px;  line-height: 2; }
    .pro-center-class .content,
    .pro-center-class .content .iconfont{ font-size: 78px; color: #FFFFFF;  letter-spacing:1px; line-height: 1.1; }
}



.product-center{ padding: 60px 0;}
/*pro-a-san*/
.pro-a-san {
    position: relative;
    zoom: 1;
    overflow: hidden;
    border: 1px solid #f2f2f3;
}
.pro-a-san .imght{   overflow: hidden;}
.pro-a-san .imght img,
.pro-a-san .imght a img{width: 100%; margin-right: auto; margin-left: auto;  }
/*min-height 只是为保证图片比例不对时页面不变形，但图片会变形，当然在程序裁图情况下，此样式可有可无*/
@media (min-width: 768px) {
    .pro-a-san .imght{ max-height: 274px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 274px;}
    .pro-a-san .imght img{ min-height: 274px;}
}
@media (min-width: 1024px) {
    .pro-a-san .imght{ max-height: 232px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 232px;}
    .pro-a-san .imght img{ min-height: 232px;}
}
@media (min-width: 1280px) {
    .pro-a-san .imght{ max-height: 286px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 286px;}
    .pro-a-san .imght img{ min-height: 286px;}
}
@media (min-width: 1366px) {
    .pro-a-san .imght{ max-height: 281px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 286px;}
    .pro-a-san .imght img{ min-height: 286px;}
}
@media (min-width: 1440px) {
    .pro-a-san .imght{ max-height: 296px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 296px;}
    .pro-a-san .imght img{ min-height: 296px;}
}
@media (min-width: 1600px) {
    .pro-a-san .imght{ max-height: 335px; overflow: hidden;}
    .pro-a-san .imght a img{ min-height: 335px;}
    .pro-a-san .imght  img{ min-height: 335px;}
}

.pro-a-san a  img{
    transform:  scaleX(1) scaleY(1);
    transform-origin:  50% 50% 0px;
}
.pro-a-san a:hover  img{
    transform:  scaleX(1.05) scaleY(1.05);
    transform-origin:  50% 50% 0px;
}

.pro-a-san a:hover  img,
.pro-a-san a  img{
    -webkit-transition-property:all;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0s;
    -webkit-transition-timing-function:ease;
}
.proa-san-piczhubiaoti {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin: 10px 0 30px 0;
    text-align: center;
}
@media (max-width: 767px) {
    .pro-a-san .imght{ height: auto; overflow: hidden;}
    .pro-a-san .imght img,
    .pro-a-san .imght a img{width: 100%; margin-right: auto; margin-left: auto; min-height: 1px}
}


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

/*cmp-banner-erji*/
.cmp-banner-erji {
    background-size: cover;
    min-height: 180px;
    position: relative;
}
@media (min-width: 768px) {
    .cmp-banner-erji {
        background-size: cover;
        min-height: 320px;
    }
}
/* ************************************************************************** */

.customers{ }
/**/
.brand-zhanshi {
    padding: 10px 10px 10px 10px;
    /*background: #FFFFFF;*/
    margin-bottom: 30px;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .brand-zhanshi {
        padding: 60px 60px 60px 60px;
        /*background: #FFFFFF;*/
        margin-bottom: 60px;
        margin-top: 60px;
    }
}

/*pro-a-er*/
.pro-a-er {
    position: relative;
    zoom: 1;

    background: #FFFFFF;
    padding: 15px;

    border: 1px solid #f1f1f1;
    border-bottom: none;
}
.pro-a-er .imght{ height: 120px; overflow: hidden; text-align: center;  }
.pro-a-er .imght img,
.pro-a-er .imght a img{max-width: 100%; max-height: 120px;margin-right: auto; margin-left: auto; padding-top: 30px;  /*min-height: 187px;*/    }
/*min-height 只是为保证图片比例不对时页面不变形，但图片会变形，当然在程序裁图情况下，此样式可有可无*/
.pro-a-er a  img{
    transform:  scaleX(1) scaleY(1);
    transform-origin:  50% 50% 0px;
}
.pro-a-er a:hover  img{
    transform:  scaleX(1.05) scaleY(1.05);
    transform-origin:  50% 50% 0px;
}
.pro-a-er a:hover  img,
.pro-a-er a  img{
    -webkit-transition-property:all;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0s;
    -webkit-transition-timing-function:ease;
}
.proa-er-piczhubiaoti {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    margin: 0px 0 30px 0;
    text-align: center;
    line-height: 1.6;
    height: 100px;
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 15px 5px;
    border-bottom: 3px solid #dadada;
    border-top: 2px dashed #FFFFFF;
}
@media (max-width: 1199px) {
    .pro-a-er .imght{ max-height: 150px; overflow: hidden;}
    .pro-a-er .imght img,
    .pro-a-er .imght a img{width: 100%; margin-right: auto; margin-left: auto; min-height: 150px}
}
@media (max-width: 1024px) {
    .pro-a-er .imght{ height: auto; overflow: hidden;}
    .pro-a-er .imght img,
    .pro-a-er .imght a img{width: auto; margin-right: auto; margin-left: auto; min-height: 1px}
}
@media (max-width: 767px) {
    .pro-a-er .imght{ height: auto; overflow: hidden;}
    .pro-a-er .imght img,
    .pro-a-er .imght a img{width: auto; margin-right: auto; margin-left: auto; min-height: 1px}
}
@media (max-width: 413px) {
    .pro-a-er .imght{ height: auto; overflow: hidden;}
}
@media (max-width: 374px) {
    .pro-a-er .imght{ height: auto; overflow: hidden;}
}


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

/*pro-a-si*/
.pro-a-si {
    position: relative;
    zoom: 1;

    background: #FFFFFF;
    padding: 5px;

    border: 1px solid #f1f1f1;
    border-bottom: none;
}
.pro-a-si .imght{ height: 286px; overflow: hidden; text-align: center;  }
.pro-a-si .imght img,
.pro-a-si .imght a img{max-width: 100%; max-height: 286px;margin-right: auto; margin-left: auto;   min-height: 286px;    }
/*min-height 只是为保证图片比例不对时页面不变形，但图片会变形，当然在程序裁图情况下，此样式可有可无*/
.pro-a-si a  img{
    transform:  scaleX(1) scaleY(1);
    transform-origin:  50% 50% 0px;
}
.pro-a-si a:hover  img{
    transform:  scaleX(1.05) scaleY(1.05);
    transform-origin:  50% 50% 0px;
}
.pro-a-si a:hover  img,
.pro-a-si a  img{
    -webkit-transition-property:all;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0s;
    -webkit-transition-timing-function:ease;
}
.proa-si-piczhubiaoti {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    margin: 0px 0 30px 0;
    text-align: center;
    line-height: 1.6;
    height: 100px;
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 15px 5px;
    border-bottom: 3px solid #dadada;
    border-top: 2px dashed #FFFFFF;
}
@media (min-width: 768px) {
    .pro-a-si .imght{ max-height: 240px; overflow: hidden;}
    .pro-a-si .imght a img{ min-height: 240px;}
    .pro-a-si .imght img{ min-height: 240px;}
}
@media (min-width: 1024px) {
    .pro-a-si .imght{ max-height: 180px; overflow: hidden;}
    .pro-a-si .imght a img{ min-height: 180px;}
    .pro-a-si .imght img{ min-height: 180px;}
}
@media (min-width: 1280px) {
    .pro-a-si .imght{ max-height: 228px; overflow: hidden;}
    .pro-a-si .imght a img{ min-height: 228px;}
    .pro-a-si .imght img{ min-height: 228px;}
}
@media (min-width: 1366px) {
    .pro-a-si .imght{ max-height: 221px; overflow: hidden;}
    .pro-a-si .imght a img{ min-height: 221px;}
    .pro-a-si .imght img{ min-height: 221px;}
}

@media (min-width: 1600px) {
    .pro-a-si .imght{ max-height: 232px; overflow: hidden;}
    .pro-a-si .imght a img{ min-height: 232px;}
    .pro-a-si .imght  img{ min-height: 232px;}
}
@media (max-width: 767px) {
    .pro-a-si .imght{ height: auto; overflow: hidden;}
    .pro-a-si .imght img,
    .pro-a-si .imght a img{width: 100%; margin-right: auto; margin-left: auto; min-height: 1px}
}


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

.lanmu-two{
    text-align: center;
    padding-top: 30px;
}
@media (min-width: 768px) {
    .lanmu-two{
        text-align: center;
        padding-top: 45px;
    }
}
.lanmu-two a{
    margin-left: 7.5px;
    margin-right: 7.5px;
}
@media (max-width: 768px) {
    .lanmu-two .btn-lg{
        padding: 5px 10px;
        font-size: 14px;
    }
    .lanmu-two a{
        margin-left: 3px;
        margin-right: 3px;
        margin-top: 15px;
    }
}


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


/**/
.pro--client-content{ margin-top: 20px; margin-bottom: 20px; background: #FFFFFF; padding: 20px 20px 0;}
@media (min-width: 992px) {
    .pro--client-content{ margin-top: 60px; margin-bottom: 60px; background: #FFFFFF; padding: 60px 60px 0;}
    .pro--client-content .thumbnail img,
    .pro--client-content img {
        width: auto;
        max-width: 100% !important;
    }
}
/*web--leftnav*/
.web--leftnav{ min-width: 190px;}
.web--leftnav ul{ list-style: none}
.web--leftnav ul li{
    background: rgb(1, 43, 125);
    color : rgb(255, 255, 255);
    font-weight: 300;
    padding: 10px 20px;
    margin-bottom: 3px;
}
.web--leftnav ul li a:hover{
    color: #d1cf62;
}
.web--leftnav ul li.active a{
    color: #d1cf62;
    font-weight: 600;
}
@media (max-width: 768px) {
    .web--leftnav{display: none}
}
/* ---  产品内容页  ----*/

.pro-content{ margin-bottom: 60px;}
.pro-content p,
.pro-content .content-p{ font-size: 16px; line-height: 2; }
.pro-content h2{color: #333333; font-size: 32px; }
.pro-content img,
.pro-content .content-p img ,
.pro-content p img {
    max-width: 100%;
    height: auto!important;
    margin: 10px auto;
}
@media (max-width: 767px) {
    .pro-content h2{ text-align: left; font-size: 20px; }
}
/* ************************************************************************** */


.cmp-culture{
    padding: 90px 0;
}
.cmp-culture-content,
.cmp-culture-content p{
font-size: 16px;
    line-height: 2;
}
.cmp-culture-dsz{

}

.content-kuai-right{max-width: 60%; margin-bottom: 20px;}
@media only screen and (min-width: 768px){
    .content-kuai-right {
        float: right;
        width: 30%;
        padding: 10px;
        margin-right: 0;
        margin-left: 15px;
        margin-bottom: 0px;
    }
}
.dszqm{text-align: right}
.dszqm img{max-width: 120px;}
/* ************************************************************************** */


/*动画*/
/*常用载入动画*/
#fadeIn-Up{
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
}
#fadeIn-Up1{
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;
}
#fadeIn-Up2{
    -webkit-animation:fadeInUp 1s .6s ease both;
    -moz-animation:fadeInUp 1s .6s ease both;
}
#fadeIn-Up3{
    -webkit-animation:fadeInUp 1s .8s ease both;
    -moz-animation:fadeInUp 1s .8s ease both;
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0;
        -moz-transform:translateY(20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}


/*重置修改animate*/
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.pulse-out {
    -webkit-animation-name: pulse-out;
    animation-name: pulse-out;
}
@keyframes pulse-out {
    from {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}