* {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none

}



a:hover {

    text-decoration: none

}



p {

    font-size: 14px;

}



ul,

li {

    list-style: none

}



.fl {

    float: left

}



.fr {

    float: right

}



.clear {

    clear: both

}



input {

    outline: none

}



.container {

    width: 1270px;

    margin: 0 auto;

}



.container::before,

.container::after {

    display: none;

}



body,

html {

    background: #fff;

}



body {

    font-family: "微软雅黑";

    box-sizing: border-box;

}



.lan{ display:none !important;}

/*导航*/

.top{

    width: 100%;

    height: 46px;

    display: inline-block;

}



.navbar-default{

    background: none;

    border: none;

}



.navbar-brand {

    width: 140px;

    display: block;

    padding: 0;

}



.navbar-brand>img {

    width: 100%;

    display: block;

}



.navbox{

    width: 100%;

    height: auto;

    display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;

}



.navbar-nav>li>a{

    padding: 6px 24px;

	color:#333 !important

}

.navbar-nav>li.hover a{color: #da251c !important }



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

    color: #da251c !important;

}



/* .language {

    margin-top: 10px;

} */



.language>a {

    display: inline-block;

    position: relative;

}



.language>a>img {

    display: inline-block;

    padding-top: 5px;

    width: 30px;

}



.language>a>span {

    font-size: 12px;

    position: absolute;

    left: 0;

    top: 5px;

    background: #da251c;

    width: 30px;

    height: 18px;

    opacity: 0;

    color: #fff;

    transition: .5s;

    line-height: 18px;

    text-align: center;

}



.language>a:hover>span {

    opacity: 1;

}



.pic{ width: 92%; height: auto; margin: 0 4%;}

.mobilepro{ display: none;}

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

    body,html{ overflow-x: hidden;}

    .container {width:100%;}

    .top-left {width:100%;text-align:center;}

    .top-header {display:block;background:#F2963F}

    .navbar-toggle{ padding: 10px; margin: 0 20px;}

    .navbox{ display: inline-block; margin: 10px 0 0;}

    .search table td{ float: left; margin: 0 0 10px; width: 100%;}

    .pcpro{ display: none;}

    .mobilepro a p{ font-size: 16px; color: #333; line-height: 46px;}

    .mobilepro{ display: block;}

	.col-md-4{ width:50%;}

    .about-left{ width:100% !important;}

    .about-right{ width:100% !important;}

    .synews ul li{ width: 49% !important;}

    .foot-logo{ display: none;}

    .foot-n{ display: none;}

    .foot a{ width: 100%; display: inline-block;}

	.language{ display:none;}

	.lan{ display:block !important;}



}



@media all and (max-width:480px){

	.col-md-4{ width:100%;}

	}



/* banner */



.focus {

    width: 100%;

    position: relative;

    overflow: hidden;

    background-color: #fff;

    margin-right: auto;

    margin-left: auto;

    z-index: 0

}



.focus .hd {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 99;

    text-align: center;

}



.focus .hd ul {

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: inline-block;

    height: 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    font-size: 0;

    vertical-align: top;

}



.focus .hd ul li {

    display: inline-block;

    width: 30px;

    height: 5px;

    background-color: rgba(255, 0, 0, 0.5);

    vertical-align: top;

    overflow: hidden;

    margin-right: .08rem;

    margin-left: .08rem;

}



.focus .hd ul .on {

    background-color: #FFFFFF;

}



.focus .bd {

    position: relative;

    z-index: 0;

    margin-top: -16px;

    margin-bottom: -5px;

}



.focus .bd li img {

    width: 100%;

}



.focus .bd li a {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    /* 取消链接高亮 */

}



.focus .bd li {

    position: relative;

}



.focus .bd li img {

    padding-top: .98rem;

}



.focus .bd li .one {

    width: 100%;

    position: absolute;

    top: 1.6rem;

    text-align: center;

    color: #fff;

}



.focus .bd li .one>h2 {

    font-size: .45rem;

    font-weight: bold;

}



.focus .bd li .one>p {

    font-size: .1rem;

}



.prev {

    position: absolute;

    top: 50%;

    left: 10%;

    display: inline-block;

    font-size: 30px;

    color: #f2963f;

}



.next {

    position: absolute;

    top: 50%;

    right: 10%;

    font-size: 30px;

    color: #f2963f;

}



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

    .focus {

        margin-top: 45px;

    }



    .focus .hd {

        position: absolute;

        bottom: 0 !important;

        height: 10px !important;

    }



    .focus .hd ul {

        bottom: 0 !important;

    }



    .prev,

    .next {

        display: none !important;

    }

}





/* search */

.search {

    width: 100%;

    display: inline-block;

    background-color: #f7f7fc;

    padding: 30px 50px;

}



.search table {

    border-collapse: collapse;

    font-size: 14px;

    color: #000;

}



.search table td {

    position: relative;

}



.search table td i {

    position: absolute;

    left: 65px;

    top: 10px;

    color: #fff;

    font-size: 16px;

}



#searchk {

    width: 236px;

}



.y_textc {

    width: 133px;

    height: 34px;

    margin: 0 auto;

    line-height: 34px;

    border: 1px solid #dfdfdf;

    margin-left: 5px;

    font-size: 16px;

    background-color: #fff;

}



.y_textd {

    width: 110px;

    height: 37px;

    background-color: #013181;

    color: #FFF;

    text-align: left;

    border: none;

    line-height: 25px;

    font-size: 14px;

    padding-left: 30px;

}



/* 产品 */



.selected-solution {

    /* background-color: #f7f7fc; */

    padding: 10px 0 50px;

}



.selected-solution .title>h3{

   font-size: 24px;

   font-weight: bold;

   color: #cb1d14;

}

.selected-solution>div {

    position: relative;



    margin: 0 auto

}





.selected-solution .layer-title {

    color: #393b40;

    padding: 50px 0 30px;

    text-align: center;

    font-size: 30px;

    letter-spacing: 1.09px

}



.selected-solution .solution-cardlist {

   

    margin: 20px auto 0

}





.selected-solution .solution-cardlist .col-sm-4 {

    padding: 0 15px;

    top: 0;

    transition: all .15s linear;

    box-sizing: border-box

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card {

    

    background: #fff;

    border-radius: 3px;

    text-align: left;

    overflow: hidden;

    transition: all .15s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover {

    position: relative;

    top: 0;

    transition: all .25s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover .solution-card {

 

    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);

    transition: all .2s linear

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card img {

  

    transition: all .2s linear

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card h3 {

    margin: 20px 30px;

    font-size: 16px;

    color: #252b3a;

    letter-spacing: .65px;

    text-align: left

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card p {

    margin: 0 30px;

    padding-bottom: 30px;

    font-size: 14px;

    color: #666a75;

    letter-spacing: .51px

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl {

    margin: 0 30px;

    overflow: visible

}



.cf:after,

.cf:before {

    content: " ";

    display: table;

    line-height: 0

}



.cf:after {

    clear: both

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt {

    margin-bottom: 10px;

    font-size: 14px;

    color: #252b3a;

    letter-spacing: .51px;

    line-height: 19px;

    position: relative

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before {

    position: absolute;

    display: inline-block;

    left: -8px;

    top: 7px;

    content: '';

    vertical-align: middle;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #252b3a

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd {

    float: left;

    width: 50%;

    margin-bottom: 6px;

    font-size: 12px;

    color: #a0a2a8;

    letter-spacing: .44px;

    line-height: 20px

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span {

    margin: 20px 30px 0;

    font-size: 14px;

    display: inline-block;

    color: #666a75;

    letter-spacing: .51px;

    line-height: 22px;

    opacity: 0;

    transition: opacity .15s linear

}



.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span {

    opacity: 1;

    transition: opacity .2s linear 50ms

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span {

    display: inline-block;

    vertical-align: middle

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f {

    width: 13px;

    height: 13px;

    background: url(../img/marketplace-selected-arrow0.svg);

    display: inline-block;

    vertical-align: middle;

    margin-left: 5px;

    position: relative;

    transition: .3s ease-out

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover {

    color: #e6c16c

}



.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f {

    transform: translate(4px, 0);

    background: url(../img/marketplace-selected-arrow2.svg)

}



.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination {

    bottom: 15px

}



.solution-pagination .swiper-pagination-bullet {

    width: 24px;

    height: 4px;

    border-radius: 100px;

    overflow: hidden;

    background: #dfe1f1;

    border: none;

    cursor: pointer;

    content: '';

    display: inline-block;

    box-sizing: border-box;

    opacity: 1;

    vertical-align: middle

}



.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #f66f6a;

    box-sizing: border-box

}



.swiper-container-solution .swiper-button-prev {

    left: auto;

    right: 290px;

    top: -20px;

    width: 50px;

    height: 36px;

    margin-top: 1;

    background-image: url(../img/marketplace-home-arrow_big_hover.jpg);

    background-size: cover;

    transition: background-image .15s

}



.swiper-container-solution .swiper-button-next {

    right: 230px;

    top: -20px;

    width: 50px;

    height: 36px;

    margin-top: 1;

    background-image: url(../img/marketplace-home-arrow_big_hover.jpg);

    transform: rotate(180deg);

    background-size: cover;

    transition: background-image .15s;

   

}



.swiper-container-solution .swiper-button-next:hover,

.swiper-container-solution .swiper-button-prev:hover {

    background-image: url(../img/marketplace-home-arrow_big.jpg);

    transition: background-image .2s

}



.about {

    width: 100%;

    height: auto;

    display: inline-block;

    padding: 30px 0;

    background:#f7f7fc;

    margin-top: 5px;

}



.about-left img {

    width: 100%;

    display: block;

}



.ab-con {

    width: 100%;

    background: rgba(255, 255, 255, 1);

    display: inline-block;

    padding: 34px 40px;

}



.ab-con>h3 {

    color: #da251c;

}



.ab-con>span {

    font-size: 15px;

    display: block;

    padding: 15px 0 5px;

}



.ab-con>small {

    font-size: 14px;

    text-indent: 2em;

    line-height: 30px;

    text-align: justify;

}



.ab-con>a {

    display: block;

    width: 100px;

    padding: 8px 0;

    background: #f2f2f2;

    border-radius: 5px;

    text-align: center;

    font-size: 14px;

    color: #666;

    margin-top: 20px;

}



.ab-con>a:hover{ color:#fff; background:#da251c}





.about-right>img {

    width: 100%;

    display: block;

}



.video {

    position: absolute;

    left: 0;

    width: 100%;

    top: 0;

    text-align: center;

    padding: 120px 0;

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

}



.about-ser {

    background: #726c6c;

    margin-top: 20px;

}



.about-ser>p {

    font-size: 14px;

    color: #fff;

    padding: 38px 10px;

}



/* 产品 */





/* 新闻 */

.news {

    padding: 20px 0;

}



.news ul {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

}



.news ul>li {

    width: 30%;

    padding: 25px 15px;

    border: 1px solid #ededed;

    transition: all .4s ease-out;

    -webkit-transition: all .4s ease-out;

}



.news ul>li:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, .3);

}



.news-date>img {

    display: block;

    width: 100%;

}



.news ul>li h5 {

    color: #333;

    font-weight: bold;

    margin: 10px 0;

}



.news-con>p {

    color: #666;

    margin-bottom: 10px;

}



.news-con>span {

    color: #fff;

    background: rgba(0, 0, 0, 1);

    padding: 5px 20px;

    border-radius: 5px;

}











.foot-down {

    background: #222;

    padding: 20px 0;

}



.foot-down>div {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: space-between;

}



.foot-logo {

    width: 20%;

    border-right: 1px solid #fff;

}



.foot-logo>p {

    margin: 0 auto;

}



.foot-logo>p>a {

    background: #fff;

    color: #333;

    display: block;

    padding: 10px;

    font-size: 16px;

    width: 70%;

    margin: 30px auto 0;

    text-align: center;

    letter-spacing: 2px;

}



.foot-tel {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: center;

}



.foot-tel>a {

    display: inline-block;

    margin: 0 15px;

}



.foot-tel>a>i {

    color: #fff;

    font-size: 30px;

}



.foot-nav {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    justify-content: center;

    width: 78%;

}



.foot-n {

    width: 18%;

}



.foot-n>h3 {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 15px;

}



.foot-n>ul>li>a {

    color: #fff;

    font-size: 14px;

    line-height: 27px;

    padding-left: 5px;

}



.foot-n>ul>li>i {

    font-size: 15px;

    color: #fff;

}



.foot-c>h3 {

    margin-bottom: 15px;

    color: #fff;

}



.foot-c>ul>li {

    color: #fff;

    font-size: 14px;

    line-height: 27px;

}











.foot {

    background: #222;

    color: #fff;

    text-align: center;

    padding: 10px 0;

    border-top: 1px solid #fff;

}



.foot a {

    color: #fff;

    font-size: 14px;

}



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

    .footer ul>li {

        width: 100%;

    }



    .foot-pro,

    .foot-ewm {

        display: none;

    }

}



/* sy-news */

.synews {

    width: 100%;

    height: auto;

    padding: 50px 0 30px;

}

.synews .sytitle{

    margin-bottom: 30px;

}

.synews .sytitle h3{

    font-size: 24px;

    font-weight: bold;

    color: #cb1d14;

}



.synzi {

    padding: 0 30px 0;

}



.synzi .time {

    font-size: 16px;

    color: #333;

    position: relative;

    margin: 15px 0 0;

    text-align: center;

}

.synews ul li a:hover .synzi .time {

    color: #cb1d14;

}



.synzi .time::before {

    content: "";

    width: 36px;

    height: 2px;

    background: #333;

    position: absolute;

    bottom: -14px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.synzi:hover .time::before {

    background: #cb1d14;

}



.synzi h3 {

    font-size: 18px;

    color: #777;

    line-height: 32px;

    margin: 0 0 24px;

}



.synzi span {

    font-size: 15px;

    color: #555;

}



.synews ul {

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

}



.synews ul li {

    width: 24%;

    transition: all 0.3s ease 0s;

    margin-bottom: 15px;

}



.synews ul li:hover {

    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

    transform: translate(0, -10px);

}

.synews ul li a{

    width: 100%;

    height: auto;

    padding: 0 0 36px;

    display: inline-block;

}



.synews ul li a img{

    width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

}



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

	.container {

    width: 100% !important;

  

  }

	}