.fl {
            float: left;
        }
        
        .fr {
            float: right;
        }
        /* banner样式 */
        
        .banner-item {
            position: relative;
        }
        
        .banner-item .wz {
            position: absolute;
            top: 33.3%;
            left: 9%;
        }
        
        .banner-item .wz h3 {
            font: 700 70px/1 "Microsoft YaHei";
            color: #fff;
            -webkit-animation: 2s myfirst5 alternate;
            animation: 2s myfirst5 alternate;
        }
        
        .banner-item .wz p {
            font: 500 18px/2 "Microsoft YaHei";
            color: #fff;
            padding-top: 3vw;
            width: 90%;
            -webkit-animation: 2s myfirst6 alternate;
            animation: 2s myfirst6 alternate;
        }
        
        @-webkit-keyframes myfirst5 {
            0% {
                left: -50%;
                opacity: 0
            }
            50% {
                left: 9%;
                opacity: 1
            }
        }
        
        @keyframes myfirst5 {
            0% {
                left: -50%;
                opacity: 0
            }
            50% {
                left: 9%;
                opacity: 1
            }
        }
        
        @-webkit-keyframes myfirst6 {
            0% {
                left: 50%;
                opacity: 0
            }
            100% {
                left: 9%;
                opacity: 1
            }
        }
        
        @keyframes myfirst6 {
            0% {
                left: 50%;
                opacity: 0
            }
            100% {
                left: 9%;
                opacity: 1
            }
        }
        
        .banner-item .wz span {
            margin-top: 30px;
            display: block;
            width: 50px;
            height: 50px;
            background: url(../images/bjt.png)center no-repeat;
            -webkit-animation: 2s myfirst7 alternate;
            animation: 2s myfirst7 alternate;
            animation-iteration-count: infinite;
        }
        
        @-webkit-keyframes myfirst7 {
            0% {
                top: 50%;
                margin-top: 60px;
                opacity: 0
            }
            100% {
                top: 60%;
                opacity: 1
            }
        }
        
        @keyframes myfirst7 {
            0% {
                top: 50%;
                margin-top: 60px;
                opacity: 0
            }
            100% {
                top: 60%;
                opacity: 1
            }
        }
        /* 产品样式 */
        
        .xpro {
            background: #f9f9f9;
            padding: 70px 0 78px 0;
        }
        
        .x-title h3 {
            text-align: center;
        }
        
        .x-title p {
            text-align: center;
            padding: 25px 0 50px 0;
        }
        /* 切换样式 */
        
        .prolist .owl-carousel .owl-nav.disabled {
            display: block;
        }
        
        .prolist .owl-carousel .owl-nav button.owl-next,
        .prolist .owl-carousel .owl-nav button.owl-prev {
            background: none;
            color: #063a74;
        }
        
        .prolist {
            padding: 0 0 50px 0;
        }
        
        .prolist ul {
            width: 968px;
            margin: 0 auto;
            padding-top: 16px;
        }
        
        .prolist li {
            float: left;
            width: 100%;
            text-align: center;
        }
        
        .prolist li a {
            font: 400 16px/18px "Microsoft YaHei";
            color: #333;
        }
        
        .prolist li:hover a {
            color: #063a74;
            font: 600 16px/18px "Microsoft YaHei";
        }
        
        .proimg li {
            float: left;
            width: 24%;
            overflow: hidden;
            margin-right: 1%;
            position: relative;
        }
        
        .proimg li:last-child {
            margin-right: 0px;
        }
        
        .proimg li .img {
            display: block;
        }
        
        .proimg li img {
            max-width: 100%;
            -webkit-transition: all .8s ease;
            transition: all .8s ease;
        }
        
        .proimg li:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        
        .qhcase {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 6vh;
            background: rgba(246, 246, 246, .66);
            width: 100%;
            padding-left: 2vh;
            transition: all .8s;
        }
        
        .qhcase a {
            font: 500 18px/6vh "Microsoft YaHei";
            color: #333;
            transition: all .8s;
        }
        
        .proimg li:hover .qhcase {
            background: #063a74;
        }
        
        .proimg li:hover .qhcase a {
            color: #fff;
        }
        /* 新闻样式 */
        
        .newsList li {
            height: auto;
            overflow: hidden;
            width: calc((100% - 94px)/4);
            display: inline-block;
            vertical-align: top;
            position: relative;
            margin: 10px
        }
        
        .newsList a:link,
        .newsList a:visited {
            color: #686868
        }
        
        .newsList {
            padding-bottom: 61px;
        }
        
        .newsList .bodr {
            border: 1px solid #dfdfdf;
            height: 375px;
            position: relative;
            overflow: hidden;
            margin: 0 5px;
            background: #fff
        }
        
        .newsList .txts {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            padding: 0 45px;
            transition: 400ms;
            -webkit-transition: 400ms
        }
        
        .newsList .txts .sy {
            margin-bottom: 25px;
            margin-top: 50px;
            font-size: 14px;
            background: #063a74;
            width: 90px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #fff;
            border-radius: 30px;
            font-weight: bold
        }
        
        .newsList .txts .nowti {
            font-size: 18px;
            color: #464646;
            line-height: 1.5;
            overflow: hidden;
            height: 60px
        }
        
        .newsList .txts .tx {
            line-height: 30px;
            height: 60px;
            overflow: hidden;
            font-size: 14px;
            margin-top: 10px
        }
        
        .newsList .txts .date {
            position: absolute;
            left: 45px;
            bottom: 40px;
            font-size: 14px
        }
        
        .newsList .pic {
            height: 100%;
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            opacity: 0;
            display: none\9;
            transition: 600ms;
            -webkit-transition: 600ms;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-color: #fff;
            position: relative
        }
        
        .newsList .pic img {
            height: 100%;
            display: block;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            position: absolute
        }
        
        .newsList .pic .cover {
            background: rgba(0, 0, 0, .3);
            opacity: 0;
            display: none\9
        }
        
        .newsList li:hover .pic {
            transform: scale(1);
            -webkit-transform: scale(1);
            opacity: 1;
            display: block\9
        }
        
        .newsList li:hover .pic .cover {
            opacity: 1;
            display: block\9
        }
        
        .newsList li:hover .bg {
            background: red
        }
        
        .newsList li:hover a,
        .newsList li:hover .txts .nowti {
            color: #fff
        }
        
        .newsList li:hover .txts {
            top: 38%;
            background: rgba(0, 0, 0, 0.5)
        }
        
        .ixmore {
            display: block;
            width: 34px;
            height: 34px;
            border: 2px solid #fff;
            position: absolute;
            right: 45px;
            top: 40px;
            transform: translateX(-30px);
            -webkit-transform: translateX(-30px);
            opacity: 0;
            display: none\9;
            transition: 400ms 100ms;
            -webkit-transition: 400ms 100ms
        }
        
        .ixmore .ico {
            background-image: url(http://dfs.yun300.cn/group1/M00/00/B5/CgI9Fli2P1uEcxEdAAAAAJ3vNCE205.png)
        }
        
        .newsList li:hover .ixmore {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            opacity: 1;
            display: block\9
        }
        
        .bodr .ico {
            width: 100%;
            height: 100%;
            display: block;
            background-repeat: no-repeat;
            background-position: center center;
            transition: 300ms;
            -webkit-transition: 300ms;
            position: relative
        }
        
        @media(max-width:1600px) {
            .newsList .bodr {
                height: 300px;
            }
            .newsList .txts {
                padding: 0px 20px;
            }
            .newsList .txts .nowti {
                font-size: 16px;
                height: 38px;
            }
            .newsList .txts .date {
                left: 24px;
                bottom: 16px;
            }
        }
        
        @media(max-width:1360px) {
            .newsList .bodr {
                height: 280px;
            }
            .newsList .txts .nowti {
                height: 20px;
            }
        }
        
        @media(max-width:992px) {
            .newsList li {
                width: calc((100% - 53px)/2);
            }
        }
        /* casestyle */
        
        .x-case {
            padding: 70px 0 0 0;
        }
        
        .lcase {
            width: 100%;
        }
        
        .lcase .IndexmainCon {
            overflow: hidden;
            background: #fff;
        }
        
        .lcase .mainCon {
            width: 1200px;
            margin: 30px auto 0;
        }
        
        .lcase .mainCon .conBox {
            position: relative;
            height: 590px;
            width: 100%;
        }
        
        .lcase .mainCon .conBox ul {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .lcase .mainCon .conBox li img {
            display: block;
            width: 1050px;
            height: 530px;
        }
        
        .lcase .mainCon .conBox li {
            width: 1050px;
            height: 530px;
            float: left;
            margin-left: 75px;
        }
        
        .lcase .mainCon .conBox li h3 {
            text-align: center;
            color: #333;
            font: 500 24px/1 "Microsoft YaHei";
            padding-top: 35px
        }
        
        .lcase .btnList {
            width: 100%;
            text-align: center;
            margin-top: 58px;
            position: relative;
        }
        
        .lcase .btnList::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ededed;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 1px;
            z-index: -1;
        }
        
        .lcase .btnList span {
            display: inline-block;
            *display: inline-block;
            width: 40px;
            height: 36px;
            text-align: center;
            margin: 0 10px;
            cursor: pointer;
            font: 500 18px/1 "Microsoft YaHei";
        }
        
        .lcase .btnList span.cur {
            color: #063a74;
            border-bottom: 3px solid #063a74;
        }
        /* 产品案例 */
        
        .boxx {
            padding: 0 5%;
        }
        
        .apply {
            margin-top: 13px;
            padding-top: 50px;
            padding-bottom: 32px;
        }
        
        .apply .tit h2 {
            color: #063a74;
            font: 500 19px/1 "Microsoft YaHei";
        }
        
        @media (max-width: 1199px) {
            .apply .tit {
                padding-top: 0px;
            }
        }
        
        .apply .col-md-4 {
            padding-left: 0;
        }
        
        .app-list {
            margin-top: 78px;
            padding-bottom: 30px;
        }
        
        .app-list li {
            margin-bottom: 16px;
        }
        
        .app-list li img {
            max-width: 100%;
            height: auto;
        }
        
        .app-list li a {
            display: block;
            position: relative;
        }
        
        .app-list li a h3 {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, .4);
            text-align: center;
            display: none;
        }
        
        .app-list li a h3:before {
            content: ".";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            visibility: hidden;
        }
        
        .app-list li a h3 span {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            font: 400 18px/46px "Microsoft Yahei";
            padding-top: 40px;
            background: url(../images/more3.png) no-repeat 50% 0;
        }
        
        .app-list .col-md-4 {
            padding-left: 0;
        }
        
        .sort2 li a {
            color: #666;
            font: 400 18px/50px "Microsoft Yahei";
        }
        
        .sort2 li a:hover {
            color: #063a74;
        }
        
        @media (max-width: 1360px) {
            .sort2 li a {
                font: 400 14px/38px "Microsoft Yahei";
            }
        }
        
        @media (max-width: 962px) {
            .sort2 li {
                width: 25%;
                float: left;
            }
        }
        
        @media (max-width: 767px) {
            .apply .tit {
                padding-top: 0;
            }
            .app-list {
                margin-top: 30px;
            }
        }
        /*瀑布流*/
        
        .container-fluid {
            position: static !important;
        }
        
        .box {
            margin-bottom: 20px;
            float: left;
            width: 29%;
            position: relative;
            overflow: hidden;
        }
        
        .box img {
            max-width: 100%
        }
        
        .box .img2 {
            display: none;
        }
        
        .box:hover .img1 {
            display: none;
        }
        
        .box:hover .img2 {
            display: block;
        }
        
        @media (max-width: 1550px) {
            .box {
                width: 28%;
            }
        }
        
        .box h3 {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 40px;
            background-color: rgba(255, 255, 255, .8);
            text-align: center;
            vertical-align: middle;
        }
        
        .box h3 a {
            color: #666;
        }
        
        .box h3.on {
            background-color: rgba(6, 58, 116, .72);
        }
        
        .box h3.on a {
            color: #fff;
        }
        
        .box h3:before {
            content: ".";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            visibility: hidden;
        }
        
        .box h3 a {
            display: inline-block;
            font: 400 16px/46px "Microsoft Yahei";
            vertical-align: middle;
        }
        
        .case {
            background: #f4f4f4;
            margin-top: 75px;
        }
        
        .case .tit {
            padding: 150px 7% 180px 50px;
            background: url(../images/aboutbg.jpg) no-repeat;
        }
        
        .case .tit h2 {
            color: #333;
            font: 400 16px/26px "Microsoft Yahei";
        }
        
        .case .tit h2 p {
            color: #810110;
            font: 600 34px/30px "Microsoft Yahei";
            text-transform: uppercase;
            background: url(../images/line3.jpg) no-repeat 0 100%;
            padding-bottom: 25px;
        }
        
        .case .tit h2 p span {
            color: #333;
        }
        
        .case .tit .content {
            color: #999;
            font: 400 12px/24px "Microsoft Yahei";
            padding-top: 45px;
        }
        
        .case .line .red {
            left: 12px;
        }
        
        .case .more {
            margin-top: 45px;
            display: inline-block;
        }
        
        .case-cate a {
            padding-right: 18px;
            display: inline-block;
            color: #666;
            font: 400 14px/30px "Microsoft Yahei";
        }
        
        @media (max-width: 991px) {
            .case .tit {
                background: none;
            }
        }
        
        .seas {
            position: relative;
            overflow: hidden;
        }
        
        .seas img {
            max-width: 100%;
            height: auto;
        }
        
        .seas h3 {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 100%;
            background-color: rgba(6, 58, 116, .72);
            text-align: center;
            vertical-align: middle;
        }
        
        .seas h3 a {
            color: #fff;
        }
        
        .seas h3:before {
            content: ".";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            visibility: hidden;
        }
        
        .seas h3 a {
            display: inline-block;
            font: 400 16px/46px "Microsoft Yahei";
            vertical-align: middle;
        }
        
        .overseas p a {
            display: block;
            width: 192px;
            background: #063a74;
            color: #fff;
            font: 400 15px/54px "Microsoft Yahei";
            margin: 76px auto 0;
            padding-left: 4.5vh;
        }
        
        .sort2 {
            padding-top: 15px;
        }
        /* 数字样式 */
        
        .box-about {
            width: 62.5%;
            margin: 0 auto;
        }
        
        .box-about .item {
            text-align: center;
            color: #063a74;
        }
        
        .box-about .item h3 {
            font: 600 48px/1 "Microsoft Yahei";
            margin: 76px auto 0;
            display: inline-block;
        }
        
        @media (max-width: 1560px) {
            .box-about {
                width: 88.5%;
            }
            .box-about .item {
                margin-top: 0;
            }
            .box-about .item h3 {
                font-size: 32px;
            }
        }
        
        @media (max-width: 991px) {
            .box-about .item h3 {
                margin: 24px auto 0;
                font-size: 24px;
            }
        }
        
        @media (max-width: 767px) {
            .box-about .item h3 {
                font-size: 40px;
            }
        }
        
        .box-about .item span {
            font-size: 48px;
            display: inline-block;
        }
        
        .box-about .item p {
            font-size: 16px;
            line-height: 1.6;
            margin: 0;
            color: #666;
            padding-top: 20px;
        }
        
        @media (max-width: 1560px) {
            .box-about .item p {
                font-size: 16px;
            }
        }
        
        @media (max-width: 767px) {
            .box-about .item p {
                font-size: 13px;
            }
        }
        /* 关于我们 */
        
        .x-about {
            position: relative;
            margin: 143px 0 70px 0;
        }
        
        .about-r {
            width: 57.9%;
            overflow: hidden;
        }
        
        .about-r img {
            max-width: 100%;
            transition: all .8s;
        }
        
        .about-r:hover img {
            transform: scale(1.1);
        }
        
        .x-about::before {
            position: absolute;
            content: '';
            width: 3px;
            height: 100px;
            background: #063a74;
            right: 9.2%;
            top: -80px;
        }
        
        .about-f {
            position: absolute;
            left: 21%;
            bottom: 13.9%;
            font: 500 26px/1 "Microsoft YaHei";
            color: #666;
        }
        
        .about-f p {
            padding: 1em 0 0 3em;
        }
        
        .about-f::after {
            position: absolute;
            content: '';
            width: 100px;
            height: 3px;
            background: #063a74;
            bottom: -58px;
            left: -31px;
        }
        
        .about-wz {
            position: absolute;
            top: -14%;
            width: 50%;
            height: 75%;
            padding: 4% 3% 0 19%;
            background: rgba(6, 58, 116, .67);
            color: #fff;
        }
        
        .about-wz h3 {
            font: 500 42px/1 "Microsoft YaHei";
            padding-bottom: 25px;
        }
        
        .about-wz .more {
            display: block;
            width: 192px;
            font: 500 14px/48px "Microsoft YaHei";
            background: #063a74;
            color: #fff;
            padding-left: 4em;
            margin-top: 58px;
        }
        
        @media(max-width:1650px) {
            .about-wz .more {
                margin-top: 30px;
            }
        }
        
        @media(max-width:1560px) {
            .about-wz {
                padding: 3% 3% 0 13%;
            }
            .about-wzc {
                max-height: 92px;
                overflow: hidden;
            }
            .about-wz .more {
                margin-top: 20px;
            }
        }
        
        @media(max-width:1360px) {
            .about-wz {
                padding: 3% 3% 0 13%;
            }
            .about-wz h3 {
                font: 500 30px/1 "Microsoft YaHei";
            }
            .about-wz .more {
                margin-top: 20px;
                padding-left: 1.5em;
                width: 134px;
            }
            .about-f {
                left: 12%;
            }
            .x-about {
                margin: 108px 0 70px 0;
            }
        }
        
        @media(max-width:992px) {
            .about-wzc {
                display: none;
            }
            .about-f {
                font: 500 14px/1 "Microsoft YaHei";
            }
            .about-f::after {
                bottom: -20px;
            }
        }
        /* adrr-style */
        
        .f-adrr {
            background: #063a74;
            padding: 28px 0;
        }
        
        .f-adrr .tb {
            width: 83.333%;
        }
        
        .f-adrr .tb li {
            list-style-type: none;
            width: 25%;
            float: left;
            color: #fff;
            padding-left: 58px;
            height: 44px;
            font: 500 14px/1 "Microsoft YaHei";
            line-height: 44px;
            transition: all .8s;
        }
        
        .f-adrr .tb li:nth-child(1) {
            background: url(../images/ad1.png) center left no-repeat;
        }
        
        .f-adrr .tb li:nth-child(2) {
            background: url(../images/ad2.png) center left no-repeat;
        }
        
        .f-adrr .tb li:nth-child(3) {
            background: url(../images/ad3.png) center left no-repeat;
        }
        
        .f-adrr .tb li:nth-child(4) {
            background: url(../images/ad4.png) center left no-repeat;
        }
        
        .f-adrr .tb li:hover:nth-child(1) {
            background: url(../images/ad1-1.png) center left no-repeat;
        }
        
        .f-adrr .tb li:hover:nth-child(2) {
            background: url(../images/ad2-1.png) center left no-repeat;
        }
        
        .f-adrr .tb li:hover:nth-child(3) {
            background: url(../images/ad3-1.png) center left no-repeat;
        }
        
        .f-adrr .tb li:hover:nth-child(4) {
            background: url(../images/ad4-1.png) center left no-repeat;
        }
        
        @media(max-width:1360px) {
            .f-adrr .tb {
                width: 100%;
            }
            .f-adrr .tb li {
                width: 50%;
                margin: 2% 0;
            }
        }
        
        .link {
            padding-top: 70px;
        }
        
        .link,
        .link a {
            color: #fff;
            font: 14px;
            padding-left: 1em;
        }