.product-carousel .title{padding-top:40px;padding-bottom:40px;}
.product-carousel .title h2.star{display: inline-block;margin-left:45px;}
.product-carousel .title h2.star:before{content:"";position:absolute;background-image:url(../images/more-ico.png);width:25px;height:24px;margin-left: -45px;background-position:100% 0;}
.product-carousel .title span{margin-left:10px;color:#757575;}
.product-carousel .title .more{position: relative;float:right;margin-right:28px;}
.product-carousel .title .more a{color:#33a1fa;}
.product-carousel .title .more i{font-style: normal;letter-spacing: 1px;}
.product-carousel .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.product-carousel .title:after{content:"";clear:both;}
.product-carousel .body{padding-bottom:35px;}
.product-carousel .body a{display: block;color:#ffffff;}
.product-carousel .body .slick-slide{position:relative;}
.product-carousel .body i.hot{left:15px;}
.product-carousel .body .slick-slide > a{margin-left: 15px;margin-right: 15px;}
.product-carousel .body a.bgimg{background-image: linear-gradient(0deg,#d3dbff 0%,#f0f2fd 100%);}
.product-carousel .body a.bgimg span{color:#3f51b5;text-align: center;display: block;padding-top:30px;font-weight: bold;font-size: 20px;}
.product-carousel .body a.bgimg p{color:#3f51b5;text-align: center;line-height:1;margin-top:15px;margin-bottom:0;}
.product-carousel .body .more{margin-left:15px;margin-right:15px;height: 40px;}
.product-carousel .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;transition:all .2s ease-in-out}
.product-carousel .body .more span:first-child{background-color:#3f51b5;}
.product-carousel .body .more span:last-child{background-color:#33a1fa;}
.product-carousel .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.product-carousel .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.product-carousel .body .more span:hover{padding-top:8px;padding-bottom:8px;}
.product-carousel .slick-arrow {position:absolute;content:'';border:0;width:24px;height:44px;cursor:pointer;z-index:9999; background-image:url(../images/arrow-large.png);font-size: 0;top:150px;background-color: transparent;}
.product-carousel .slick-prev {background-position:left bottom;left:30px;}
.product-carousel .slick-prev:hover {background-position:left top;}
.product-carousel .slick-next {background-position:right bottom;right:30px}
.product-carousel .slick-next:hover {background-position:right top;}

.application-index{background-color:#f0f2fd;}
.application-index .title{padding-top:40px;padding-bottom:40px;}
.application-index .title h2{display: inline-block;}
.application-index .title span{margin-left:10px;color:#757575;}
.application-index .body{padding-bottom:40px;}
.application-index .body .slide .index_bg{background-color: #33a1fa;width:115px;height:45px;position:absolute;bottom:0;right:0;border-top-left-radius:8px;}
.application-index .body .slide .slick-arrow {position:absolute;content:'';border:0;width:11px;height:20px;cursor:pointer;z-index:9999; background-image:url(../images/more-ico.png);font-size: 0;background-color: transparent;bottom: 10px;padding: 0;}
.application-index .body .slide .slick-prev {background-position:65% 25.5%;right: 85px;}
.application-index .body .slide .slick-prev:hover {background-position:65% 0;}
.application-index .body .slide .slick-next {background-position:73.5% 0;right:15px}
.application-index .body .slide .slick-next:hover {background-position:73.5% 25.5%;}
.application-index .body .slide .slick-dots{margin-top: -40px;}
.application-index .body .slide .slick-dots li{display:none;position:absolute;right:35px;}
.application-index .body .slide .index {color:#fff;font-size:20px;}
.application-index .body .slide .slick-dots li.slick-active{display:block;}
.application-index .body .slide-nav{border-bottom:1px solid #c5cae9;box-sizing: border-box;}
.application-index .body .slide-nav li{position: relative;width:50% !important; height:25%;border-right:1px solid #c5cae9; border-top:1px solid #c5cae9;float:left;box-sizing: border-box;transition:all 0s ease;}
.application-index .body .slide-nav li a{display:block;padding: 15px;}
.application-index .body .slide-nav li span{display: block;margin-left:80px;line-height: 3.3;color:#757575;}
.application-index .body .slide-nav li i{position: absolute;right: 30px;top: 0;bottom: 0;}
.application-index .body .slide-nav li i:before{content: '';position: absolute;left: 50%;top: 50%;width: 20px;margin-left: -10px;margin-top: -2px;border-top: 4px solid #33a1fa;}
.application-index .body .slide-nav li i:after{content: '';position: absolute;left: 50%;top: 50%;height: 20px;margin-left: -2px;
    margin-top: -10px;border-left: 4px solid #33a1fa;}
.application-index .body .slide-nav .slick-current i:before,.application-index .body .slide-nav li:hover i:before{border-top: 4px solid #ffffff;}
.application-index .body .slide-nav .slick-current i:after,.application-index .body .slide-nav li:hover i:after{border-left: 4px solid #ffffff;}
.application-index .body .slide-nav .slick-current ,.application-index .body .slide-nav li:hover{background-color:#3f51b5;}
.application-index .body .slide-nav .slick-current span,.application-index .body .slide-nav li:hover span{color:#ffffff;}
.application-index .body .slide-nav li span:before{position:absolute;content:"";background-image:url(../images/application-ico.png);width:60px;height:60px;background-size:auto;margin-left:-80px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;background-position-y: top;}
.application-index .body .slide-nav .slick-current span:before,.application-index .body .slide-nav li:hover span:before{background-position-y: bottom;}
.application-index .body .slide-nav li:first-child span:before{background-position-x: 85.5%;}
.application-index .body .slide-nav li:nth-child(2) span:before{background-position-x: 14.5%;}
.application-index .body .slide-nav li:nth-child(3) span:before{background-position-x: 29%;}
.application-index .body .slide-nav li:nth-child(4) span:before{background-position-x: 42.5%;}
.application-index .body .slide-nav li:nth-child(5) span:before{background-position-x: 57.5%;}
.application-index .body .slide-nav li:nth-child(6) span:before{background-position-x: 100%;}
.application-index .body .slide-nav li:nth-child(7) span:before{background-position-x: 71.5%;}
.application-index .body .slide-nav li:last-child span:before{background-position-x: 0%;}

.case-index .title{padding-top:40px;padding-bottom:40px;}
.case-index .title h2{display: inline-block;font-size: 22px;font-weight: bold;}
.case-index .title span{margin-left:10px;color:#757575;}
.case-index .title .more{position: relative;float:right;margin-right: 42px;}
.case-index .title .more a{color:#33a1fa;}
.case-index .title .more i{font-style: normal;letter-spacing: 1px;}
.case-index .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.case-index .title:after{content:"";clear:both;}
.case-index .body{margin-left:-15px;margin-right:-15px;padding-bottom:40px;}
.case-index .slide .img{display:block;padding-left:15px;padding-right:15px;}
.case-index .body .slick-initialized .slick-slide{padding-left:15px;padding-right:15px;}
.case-index .body .item > div{position:relative;}
.case-index .body .more{-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;bottom: 0;height: 2px;position: absolute;overflow: hidden;width: 100%;}
.case-index .body .more div{margin-left:15px;margin-right:15px;}
.case-index .body .more span{position:relative;text-align:center;width:50%;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:14px;vertical-align: top;}
.case-index .body .more span a{display: block;color:#ffffff;}
.case-index .body .more span:first-child{background-color:#3f51b5;}
.case-index .body .more span:last-child{background-color:#33a1fa;}
.case-index .body .more i{font-style: normal;letter-spacing: 1px;margin-left: -22px;}
.case-index .body .more span i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;background-position: 48.5% 0;}
.case-index .body .item:hover .more{height:36px;}
.case-index .body h4{line-height: 1.5;padding-left:15px;padding-right:15px;letter-spacing: 1px;font-size:16px;padding-top:15px;padding-bottom:35px;}
.case-index .body h4 a{color: #757575;}
.case-index .body .item:hover h4 a{color:#212121;}
.case-index .slick-dots{margin-top:-30px;}
.case-index .slick-dots li button{width: 30px;height: 8px;}
.case-index .slick-dots li button:before{width: 30px;height: 8px;border-radius: 2px;}


.video-photo{background-image:url(../images/video-book.jpg);background-size:100% 100%;width: 1416px;margin: 0 auto;/* background: #f0f0f0; */}
.video-photo .video a,.video-photo .album a{display:block;position:relative;text-align: center;}
.video-photo .video i,.video-photo .album i{padding: 70px;display:table;margin-left:auto;margin-right:auto;font-style: normal;color:#fff;margin-top: 165px;margin-bottom: 84px;}
.video-photo .video i:before,.video-photo .album i:before{content:'';position:absolute;background-image:url(../images/video-photo.png);width:62px;height:62px;margin-top:-70px;}
.video-photo .video i:before{background-position-y:top;}
.video-photo .album i:before{background-position-y:bottom;}

.news-index .title{padding-top:40px;padding-bottom:40px;}
.news-index .title h2{display: inline-block;}
.news-index .title span{margin-left:10px;color:#757575;}
.news-index .title .more{position: relative;float:right;margin-right:28px;}
.news-index .title .more a{color:#33a1fa;}
.news-index .title .more i{font-style: normal;letter-spacing: 1px;}
.news-index .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:20px;height:20px;background-position: 26.7% 0;;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.news-index .title:after{content:"";clear:both;}
.news-index .body{padding-bottom:70px;}
.news-index .body > .col-6:first-child{padding-right:15px;}
.news-index .body > .col-6:last-child{padding-left:15px;}
.news-index .body > .col-6 .top{background-color:#f0f2fd;}
.news-index .body > .col-6 .top .img{font-size:0;}
.news-index .body > .col-6 .top:hover h4{color:#33a1fa;}
.news-index .body > .col-6 .top h4{font-size:20px;color:#3f51b5;font-weight:600;line-height:1.5;padding-left:30px;padding-right:30px;letter-spacing: 1px;padding-top:15px;transition:all 300ms ease;}
.news-index .body > .col-6 .top p{display:none;padding-left:30px;padding-right:30px;margin-bottom: 10px;margin-top: 10px;}
@media only screen and (min-width:1200px) {.news-index .body > .col-6 .top p{display:block;}}
.news-index .body > .col-6 ul{border-left:1px solid #c5cae9;margin-left:12px;padding-top:10px;padding-bottom:10px;}
.news-index .body > .col-6 ul li{padding-left:30px;padding-right:30px;padding-top:20px;}
.news-index .body > .col-6 ul li h4{font-size:20px;color:#212121;line-height:1.8;position:relative;transition:all 300ms ease;}
.news-index .body > .col-6 ul li h4:before{content:'';position:absolute;height:24px;width:24px;background-color:#f0f2fd;border-radius:24px;left:-42px;top:6px;}
.news-index .body > .col-6 ul li h4:after{content:'';position:absolute;height:12px;width:12px;background-color:#c5cae9;border-radius:12px;left:-36px;top:12px;transition:all 300ms ease;}
.news-index .body > .col-6 ul li p{display:none;margin-top:0;margin-bottom:0;}
.news-index .body > .col-6 ul li:hover p{display:block;}
.news-index .body > .col-6 ul li:hover h4{color:#3f51b5;}
.news-index .body > .col-6 ul li:hover h4:after{background-color:#3f51b5;}



.bigvideo-main{
    width:100%;
    background: #f0f0f0;
}
.bigvideo{
    width:1416px;
    margin:0 auto;

}
.bigvideo-main .title {
    padding-top: 40px;
    padding-bottom: 40px;
}
.bigvideo-main .title h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}
h2 {
    font-weight: 700;
    font-size: 28px;
    color: #212121;
}
.bigvideo-main .title .more {
    position: relative;
    float: right;
    margin-right: 28px;
}
small {
    font-size: 16px;
}
.bigvideo-main .title .more i {
    font-style: normal;
    letter-spacing: 1px;
}
.bigvideo-main .title .more i:after {
    position: absolute;
    content: "";
    background-image: url(../images/more-ico.png);
    width: 20px;
    height: 20px;
    background-position: 26.7% 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 8px;
}


.title {
    width: 1300px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.title h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}

.title .more {
    position: relative;
    float: right;
    margin-right: 28px;
}
small {
    font-size: 16px;
}
.title .more i {
    font-style: normal;
    letter-spacing: 1px;
}
.title .more i:after {
    position: absolute;
    content: "";
    background-image: url(../images/more-ico.png);
    width: 20px;
    height: 20px;
    background-position: 26.7% 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 8px;
}


.page-padding, .page-box, .webmap {
    padding: 2rem 0 3rem;
    /*    overflow: hidden;*/
    width: 100%;
}
@media screen and (min-width: 1371px){
    .container {
        width: 80%;
    }
}







.index-about {
    vertical-align: middle;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
    overflow: hidden;
}
.container {
    width: 87%;
    margin: 0 auto;
    max-width: 1416px;
}
@media screen and (min-width: 769px){
    .index-about .nf-sm-6.fr {
        float: right;
    }
}
.index-about-txt {
    background: #e9f0f6;
    padding: 1.5rem;
}
.index-about-txt .tit, .boss-talk.container .tit strong {
    font-size: 1.8rem;
    font-weight: bold;
}
.index-about-txt p {
    color: #666;
    margin: 1rem 0;
}
.solution-txt .move, .index-about-txt .move, .about .txt .move, .honor-more .move, .about-us-box .txt .move {
    background: #33a1fa;
    width: 140px;
    color: #fff;
    display: block;
    padding: .5rem 0;
    text-align: center;
    font-size: 14px;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
}
@media screen and (min-width: 769px){
    .index-about .nf-sm-6.fl {
        float: left;
    }
}
@media screen and (min-width: 769px){
    .nf-sm-1, .nf-sm-2, .nf-sm-3, .nf-sm-4, .nf-sm-5, .nf-sm-6, .nf-sm-7, .nf-sm-8, .nf-sm-9, .nf-sm-10, .nf-sm-11, .nf-sm-12 {
        float: left;
    }
}
@media screen and (min-width: 769px){
    .nf-sm-6 {
        width: 50%;
    }
}
.index-about-data li {
    text-align: center;
    width: 33.3%;
    text-align: center;
    float: left;
    margin-top: 12%;
}
.index-about-data .round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: block;
    border: 1px solid #b3c1ce;
    text-align: center;
    line-height: 100px;
    font-size: 2.25rem;
    font-weight: bold;
    color: #576574;
    margin: 0 auto;
}
.index-about-data li p {
    color: #576574;
    font-size: 1rem;
    margin-top: 10px;
}
.index-about-data li p {
    color: #576574;
    font-size: 1rem;
    margin-top: 10px;
}

.index-about .bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: 0;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 2;
}
.index-about .bx-prev {
    background: url(../images/slide_arrow.png) no-repeat;
    right: 31px;
}

.index-about .bx-prev:hover {
    background-position: 0 -30px;
}

.index-about .bx-next {
    background: url(../images/slide_arrow.png) no-repeat;
    right: 0;
    background-position: -30px -30px;
}

.index-about .bx-next {
    background: url(../images/slide_arrow.png) no-repeat;
    right: 0;
    background-position: -30px -30px;
}

.index-about .bx-next:hover {
    background-position: -30px 0;
}
.index-about-data .round b {
    font-size: 1.5rem;
}
.index-about-data .round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: block;
    border: 1px solid #b3c1ce;
    text-align: center;
    line-height: 100px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #576574;
    margin: 0 auto;
}

/*关于我们*/
.index-about{vertical-align:middle;-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc; overflow:hidden}
.index-about-data li{ text-align:center; width:33.3%; text-align:center; float:left; margin-top:12%}
.index-about-data .round{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:100px; width:100px; display:block; border:1px solid #b3c1ce; text-align:center; line-height:100px; font-size:2.25rem; font-weight:bold; color:#576574; margin:0 auto}
.index-about-data .round b{ font-size:1.5rem}
.index-about-data li p{ color:#576574; font-size:1rem; margin-top:10px}
.index-about-txt{ background:#e9f0f6; padding:1.5rem}
.index-about-txt .tit,.boss-talk.container .tit strong{ font-size:1.8rem; font-weight:bold}
.index-about-txt p{ color:#666; margin:1rem 0}
.index-about .bx-wrapper .bx-controls-direction a{position:absolute;bottom:0;outline:0;width:30px;height:30px;text-indent:-9999px;z-index:2;}
.index-about .bx-prev{background:url(../images/slide_arrow.png) no-repeat; right:31px}
.index-about .bx-prev:hover{background-position:0 -30px }
.index-about .bx-next{background:url(../images/slide_arrow.png) no-repeat;right:0; background-position:-30px -30px}
.index-about .bx-next:hover{background-position: -30px 0}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    /*padding-top: 20px;*/
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
}

/*新闻样式*/

.media{width: 100%;}
.media h2{text-align: left;color: #212121;font-size: 28px;padding-top: 80px;padding-bottom: 10px;}
.media h2 span{font-size: 34px;color: #494949;position: relative;top: -4px;margin-left: 10px;}
.media_menu{height: 40px;box-sizing: border-box;color: #494949;font-size: 18px;margin: 0px auto;text-align: center;line-height: 36px;margin-bottom: 30px;}
.media_menu div{border-bottom: 1px solid #bdbdbd;float: left;width: 113px;height: 40px;box-sizing: border-box;cursor: pointer;}
.media_menu div.media_click{border-bottom: 4px solid #33a1fa;color: #33a1fa;font-weight: bold;}
.media_con{position: relative;}
/* .media_con{position: relative;} position: absolute;top: 0;left:0;*/
.media_list{width: 100%;height: 460px;display: none;}
.media_show{display: block;}
/* .media_show{opacity: 1;} */
.media_li{width: 306px;height: 395px;box-sizing: border-box;background: #ececec;margin-left: 18px !important;float: left;cursor: pointer;}
.media_li:nth-child(1){margin-left: 0px;}
.media_li .img{width: 100%;display: block;height: 270px;overflow: hidden;}
.media_li .img img{width: 100%;height: 270px;}
.media_li .txt{width: 100%;box-sizing: border-box;padding: 15px 18px;text-align: left;}
.txt h3{font-size: 16px;color: #010101;overflow:hidden;cursor: pointer;
    text-overflow:ellipsis;
    white-space:nowrap;}
.txt h4{font-size: 15px;color: #010101;padding-top: 5px;padding-bottom: 10px;}
.txt p{font-size: 14px;color: #666666;line-height: 15px;overflow: hidden;
    max-height:40px;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}
.interactive{margin-top: 20px;}
.zan_ico{background: url(../images/zan_ico1.png) no-repeat;margin-right: 5px;background-size: 16px 16px;width: 16px;height: 16px;display:inline-block;cursor: pointer;}
.zan_num,.see_num{font-size: 12px;color: #666666;position: relative;
    top: -2px;}
.see_ico{background: url(../images/see_ico1.png) no-repeat;margin-left: 30px;margin-right: 5px;
    background-size: 18px 16px;width: 18px;height: 16px;display: inline-block;}
.media_li:hover{background: #33a1fa;}
.media_li:hover .img img{transform:scale(1.1);}
.media_li:hover .txt h3,.media_li:hover .txt h4,.media_li:hover .zan_num,.media_li:hover .see_num{color: #FFFFFF;}
.media_li:hover .txt p{color: #c1d8ea;}
.media_li:hover .zan_ico{background: url(../images/zan_ico2.png) no-repeat;}
.media_li:hover .see_ico{background: url(../images/see_ico2.png) no-repeat;}
.media_li .zan_ico:hover{background: url(../images/zan_ico3.png) no-repeat;}
.media .more{
    width: 150px;
    height: 40px;position: absolute;bottom: 10px;left: 50%;
    line-height: 40px;    margin-left: -75px;
    color: #000000;
    font-size: 18px;
    box-sizing: border-box;border: 1px solid #000000;
    padding-left: 25px;display: block;
    background:url(../images/jt_h.png) no-repeat 110px 15px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 05s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.media .more:hover{
    color: #FFFFFF;border: 1px solid #33a1fa;
    background:#33a1fa url(../images/jt1.png) no-repeat 110px 15px;
}

.media .w1416{
    width:1300px;
    margin:0 auto;
}

/*合作伙伴 start*/

.partner-main{
    background:#f7f7f7;
    width:100%;

}

.partner-main div{
    width:1300px;
    margin:0 auto;
}

.partner{
    width:100%;
    height: 240px;
}

.partner li{
    float: left;
    margin-right: 5px;
    margin-bottom: 24px;
}

.partner li:nth-child(7n){
    margin-right: 0px;
}

/*友情链接 start*/
.friend-main{
    width:100%;
    height: 84px;

}
.friendlink{
    width:1300px;
    margin:0 auto;
}
.friendlink p{
    float: left;
    line-height: 84px;
    font-size: 14px;
    margin:0px 0px;
}
.friendlink li{
    float: left;
    line-height: 84px;
    margin-right: 15px;
    font-size: 14px;
}


/*底部 start*/

.footer-main{
    width:100%;
    height: 436px;
    background:#484848;
    padding-top: 48px;
}

.footer{
    width:1416px;
    margin:0 auto;
}





.footer p{
    font-size: 26px;
    font-weight: bold;
    color:#fff;


}

.footer button{
    width:180px;
    height: 40px;
    background:#ffaf3c;
    border-radius:6px;
    color:#fff;
    margin-bottom: 40px;
}
.footer .left{
    float: left;
    width: 440px;
    text-align: center;
}

.footer .left p{
    margin:5% 0%;
}
.footer .left li{
    float: left;
    margin-left: 58px;
    width: 130px;
}
.footer .left li:nth-child(1){
    margin-left: 75px;
}

.footer .left li p{
    font-size: 14px;
    text-align: center;
}

.footer .right li p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25%;
}

.footer .right li div{
    font-size: 14px;
    color:#fff;
    margin-bottom: 13px;
}
.footer .right li{
    float: left;
    margin-right:60px;
}

.footer .right li:last-child{
    margin-right:0px;
}
.footer .right{
    float: right;
}
.footer .bottom{
    float: left;
    margin-top: 50px;
    margin-left:0px;
    background: none;
}


.footer .bottom p{
    font-size: 14px;
    color:#fff;
    font-weight:normal;
}

.footer .bottom p a{
    color:#fff;
}

/*banner start*/
.swiper-container {
    /*width: 100%;*/
    height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}

html, body {
    position: relative;
    height: 100%;
}