@charset "gb2312";
/* CSS Document */
@font-face {
	font-family: 'PoiretOne-Regular';
	src: url('../fonts/PoiretOne-Regular.ttf');
	font-style: normal;
	font-weight:bold;}
@font-face {
  font-family: "HATTEN";
  src: url('../fonts/HATTEN.TTF');
	   font-weight: normal;
	   font-style: normal;}
body{color:#333;font: 14px/22px "SourceHanSansCN","PoiretOne-Regular","arial";-webkit-text-size-adjust:none;min-width:1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea{font-family:'SourceHanSansCN';font-size:14px;color:#333;border-radius: 3px;}
ol,ul{list-style:none;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration:none;color:#333;}
a:hover{color:#2c7cfc;}
.clear{clear: both;}
.clearfix::before,
.clearfix::after{
    content:"";
    height:0;
    clear:both;
    visibility:hidden;
    display:block;
    line-height:0;}
em, i{font-style: normal;}
img{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	border: 0;}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;}
.contanier{max-width: 1200px;margin:0 auto;}
.f30{font-size: 30px !important;}
.f24{font-size: 24px !important;}
.f20{font-size: 20px !important;}
.f18{font-size: 18px !important;}
.f16{font-size: 16px !important;}
.f14{font-size: 14px !important;}
.f12{font-size: 12px !important;}
.fweight{font-weight: 800;}
.col999{color: #999 !important;}
.col333{color: #333 !important;}
.col666{color: #666 !important;}
.red{color: #d72324 !important;}
.org{color: #ff6333;}
.baise{color:#fff!important;}
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px !important;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt10{padding-top: 10px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.ml5{margin-left: 5px;}
.mt5{margin-top: 5px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
.pb20{padding-bottom:20px;}
.bgfff{background:#fff;}
.bor_bot{border-bottom: solid 1px #efefef !important;}
.bor_top{border-top: solid 1px #efefef !important;}
.bor_left{border-left: solid 1px #efefef !important;}
.bor_right{border-right: solid 1px #efefef !important;}
.mr0{margin-right:0px !important;}
.textcen{text-align: center;}
input::-webkit-input-placeholder{color:#999;font-size:12px;}
input::-moz-placeholder{color:#999;font-size:12px;}
input:-moz-placeholder{color:#999;font-size:12px;}
input:-ms-input-placeholder{color:#999;font-size:12px;}
.disblock{display:block;}
/* 单行文字超出隐藏 */
.wz_close01{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 多行文字超出隐藏 */
.wz_close02{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wz_close03{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/* 顶部 */
.header{background:#fff;width:100%;z-index: 999;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);position: fixed;}
.header .logo{padding:10px 0;}
.header .nav a{display:inline-block;float:left;height:100px;padding:0 20px;font-size:18px;line-height:100px;margin:0 5px;}
.header .nav a.menuon{background:#2c7cfc;color:#fff;}
/* banner */
#slider{width:100%;height:550px;margin:0 auto;position:relative;}
.slider_list li{position:absolute;display:none;width: 100%;}
.slider_list li:first-child{display:block;}
.slider_list li a{display: block;width: 100%;height: 550px;}
.slider_icon{position:absolute;z-index:1;left:50%;bottom:40px;font-size:0;padding:6px 15px;border-radius:20px;background-color:rgba(0,0,0,.5);height: 15px;}
.slider_icon i{display:inline-block;width:15px;height:15px;border-radius:50%;margin:0 5px;float: left;cursor: pointer;}
.btn{background:#ededed;}
.arrow{display:none;width:60px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;border-radius:50%;}
.prve{left:10px;}
.next{right:10px;}
.arrow span{display:block;width:60px;height:60px;}
.slider_left{background:url(../images/prev.png) no-repeat center;}
.slider_right{background:url(../images/next.png) no-repeat center;}
.arrow:hover{background:rgba(0,0,0,.5);}
#slider:hover .arrow{display:block;}
.btn_act{background:#2c7cfc;}
/* 底部 */
.footer{background:#252525;padding-top:80px;color:#c3c3c3;}
.footer a{color:#c3c3c3;}
.footer a:hover{color:#fff;}
.footer .foot01{padding-bottom:75px;}
.footer .foot02{border-top:solid 1px #2e2e2e;height:79px;line-height:79px;}
.foot01_nav{border-left:solid 1px #2e2e2e;border-right:solid 1px #2e2e2e;padding-left:50px;width:300px;margin-left:50px;}
.foot_tit{font-size:24px;font-weight:bold;line-height:36px;padding-bottom:20px;color:#fff;}
.foot01_nav p a{display:inline-block;width:150px;float:left;font-size:16px;padding-bottom:20px;}
.foot01_lx{border-right:solid 1px #2e2e2e;padding:0 50px;width:290px;}
.erweima{padding-left:50px;}
/*标题*/
.tit{width:100%;margin:0 auto;text-align:center;padding-top:60px;padding-bottom:40px;}
.tit h2{font-size:36px;font-weight:400;line-height:36px;padding-bottom:10px;}
.tit h2 span{display:block;width:30px;border-bottom:solid 2px #2c7cfc;padding-top:15px;margin:0 auto;}
/*产品与服务*/
.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:600px;}
.selected-solution>div{position:relative;width:1200px;margin:0 auto}
.selected-solution .swiper-container{height:600px;width:1200px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;}
.swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:480px;background:#f8f8f8;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:530px;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{height:200px;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px 30px 30px;font-size:14px;color:#666a75;letter-spacing:.51px;height:44px;}
.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 dl dd a{padding-right:10px;}
.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(../images/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(../images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{top:520px}
.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:#2c7cfc;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:-40px;top:40%;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:-40px;top:40%;width:14.5px;height:30px;margin-top:0;background-image:url(../images/marketplace-home-arrow_big.svg);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(../images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}
/*解决方案*/
.jiejuefangan{background:#f5f9fc;width:100%;padding-bottom:70px;}
.jiejuefangan ul li{float:left;width:23.5%;margin-right:2%;padding-bottom:40px;transition: all ease .5s;}
.jiejuefangan ul li:nth-child(4n){margin-right: 0;}
.jiejuefangan ul li .img{width: 100%;overflow: hidden;position: relative;}
.jiejuefangan ul li:hover .img img{transform:scale(1.1);}
.jiejuefangan ul li .img img{transition: all ease .5s;margin:0 auto;max-width:100%;}
.jiejuefangan ul li .tbox{padding:20px 20px 0 20px;}
/*查看更多*/
.more{margin:0 auto;text-align:center;}
.more a{display:block;margin:0 auto;text-align:center;width:160px;height:45px;box-shadow:0 10px 20px 0 rgba(93,36,108,.3);background:#2c7cfc;color:#fff;font-size:16px;line-height:45px;border-radius:45px;transition: all ease .5s;}
.more a:hover{box-shadow:0 10px 20px 0 rgba(93,36,108,.5);}
/*成功案例*/
.chenggonganli{padding-bottom:70px;}
.slide-item-body ul li {
    width: 370px;
    float: left;
    display: block;
    height: 200px;
    padding-top: 42px;
    margin-bottom: 30px;
    border: none;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: inherit;
    padding-top: 0;
    border-radius: 0;
    color: #000;
    z-index: 10002;
}

.slide-item-body ul li a {
    display: block;
    box-shadow: 0 5px 10px 1px rgba(49, 49, 49, 0.1);
}

.new-img img {
    width: 100%;
    height: 247px;
    border: none;
    display: block;
}

.slide-item {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    /* overflow: hidden; */
}

.new-body {
    padding: 20px 20px 40px 20px;
}

.new-body-title {
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    color: #616161;
    letter-spacing: 1px;
}

.new-body-text {
    padding-top: 20px;
    height: 92px;
    min-height: 50px;
    line-height: 22px;
    font-size: 14px;
    color: #919191;
    overflow: hidden;
}
.slide-item-body ul li {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 20px;
}

.slide-item-body ul {
    padding-top: 10px;
    overflow: visible;
}

.slide-item-body ul li:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 1002;
    position: relative;
    left: 0;
}
.hd a{top: 49%;z-index: 10;display:inline-block;cursor: pointer;width:45px;height:45px;position: absolute;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border:solid 4px #ededed;border-radius:50%;background-repeat: no-repeat;background-position: center;}
.hd a:hover{border:solid 4px #c1c1c1;}
.hd .next {right: auto;left: -60px;}

.next-bg {
    background-image: url("../images/btn-fl1.png");
}

.hd .next:hover {
    background-image: url("../images/btn-fl2.png");
}

.hd .prev {
    right: -60px;}

.prev-bg{background-image: url("../images/btn-fr1.png");}
.prev-bg:hover{background-image: url("../images/btn-fr2.png");}

.nybanner{width:100%;height:300px;}
.mianbaoxie{height:60px;border-bottom:1px solid #eaeaea;width:100%;background:#fff;line-height:60px;}
.mianbaoxie .homePage{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;width:60px;height:60px;display:block;background:url(../images/InpageAddress_icon01.png) no-repeat center;}
.mianbaoxie .mbx{display: block;font-size: 14px;color: #666666;background:url(../images/InpageAddress_icon02.png) no-repeat right center;padding-right: 14px;}
.mianbaoxie span{color:#2c7cfc;margin-left:16px;font-size: 16px;}
.mianbaoxie .fr a{display: block;font-size: 14px;color: #666666;font-weight: bold;height: 58px;line-height: 58px;float: left;margin-left: 26px;}
.mianbaoxie .fr a:hover,.mianbaoxie .fr a.leftmenuon{color: #2c7cfc;border-bottom: 2px solid #2c7cfc;}
.nymain{width: 100%;background: #f6f6f6;padding: 50px 0;}
.ny_dy{background:#fff;padding:30px 40px;min-height:500px;font-size:16px;line-height:30px;}
.ny_dy img{max-width:100%;display:block;}


.proleft{background:#fff;border-radius:5px;width:285px;}
.proright{width:895px;}
.pronav{width: 285px;height: 100%;transition: all .3s;}
.pronav a{display:block;overflow: hidden;line-height: 50px;max-height: 50px;color: #83868c;transition: all .3s;}
.pronav a span{padding-left:10px;}
.pronav ul li{padding-left:20px;}
.pronav ul li.nav-item{position: relative;border-bottom:solid 1px #efefef;}
.pronav ul li:last-child.nav-item{border-bottom: 0;}
.nav-item.nav-show,.nav-item.leftmenuon{border-bottom: none;}
.nav-item ul{display: none;background: rgba(239,239,239,.2);}
.nav-item.nav-show ul,.nav-item.leftmenuon ul{display: block;}
.nav-more{float:left;width:10px;height:50px;display:inline-block;transition: transform .3s;background:url(../images/jiantou01.png) no-repeat left center;}
.nav-show .shoys,.leftmenuon .shoys{color: #d72324;}
.nav-show .nav-more,.leftmenuon .nav-more{background:url(../images/projiantou02.png) no-repeat left center;}
.nav-show,.nav-item>a:hover,.leftmenuon,.nav-item>a:hover,{color: #d72324;}
.nav-show>a:before,.nav-item>a:hover:before,.leftmenuon>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #d72324;background: rgba(0, 0, 0,.1);}

.pro_fenl{background:#fff;border-radius:6px;}
.pro_fenl img{display:block;width:380px;height:200px;border-radius:6px;}
.pro_fenl h2{padding-top:20px;font-size:18px;font-weight:normal;}
.pro_fenl p{color:#999;padding-top:10px;}
.fenl_right{width:775px;}
ul.ny_prolist li{margin-right:20px;margin-bottom:20px;width:285px;border-radius:5px;float:left;background: #fff;padding-bottom:30px;}
ul.ny_prolist li:nth-child(3n) {
    margin-right: 0;
}
ul.ny_prolist li p{padding:15px 20px;font-size:16px;}
ul.ny_prolist li .image,ul.ny_caselist li .image{overflow: hidden;width:100%;text-align:center;}
ul.ny_prolist li .image a,ul.ny_caselist li .image a{-webkit-transition: .5s;transition: .5s;}
ul.ny_prolist li .image img,ul.ny_caselist li .image img{-webkit-transition: .5s;transition: .5s;border-radius: 4px 4px 0 0;max-width: 100%;margin:0 auto;}
.ny_sp{margin-left:20px;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;transition:opacity .15s linear}
ul.ny_prolist li:hover .ny_sp{transition:opacity .2s linear 50ms}
ul.ny_prolist li:hover img,ul.ny_caselist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
ul.ny_caselist li{width:386.6666px;background: #fff;border-radius:5px;float:left;padding-bottom:30px;margin-right:20px;margin-bottom:20px;}
ul.ny_caselist li:nth-child(3n) {
    margin-right: 0;
}
ul.ny_caselist li p{padding-left:20px;padding-right:20px;}
.ny_sp a span{display:inline-block;vertical-align:middle;color:#999;}
.ny_sp a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.ny_sp a:hover{color:#e6c16c}
.ny_sp a:hover span.arrow-f{transform:translate(4px,0);background:url(../images/marketplace-selected-arrow2.svg)}
.ui_page {
    line-height: 0;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
    clear: both;
}
.ui_page a, .ui_page span {
    background:#F6F6F6;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-right: 3px;
    min-width: 16px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.ui_page a:hover{background:#2c7cfc; border:#2c7cfc solid 1px; color:#FFF;}
.page_now, span.page_now, span.page_now:visited {
    color: #FFF;
    cursor: default;
     background: none repeat scroll 0 0 #2c7cfc;
    border: 0 none;
}
/* 网站地图 */
.map_nav{padding-bottom:20px;border-bottom:solid 1px #efefef;margin-bottom:30px;}
.map_nav h2,.map_nav h2 a{color:#2c7cfc;font-size:16px;font-weight:normal;}
.map_nav ul li{float:left;margin-right:15px;}
.map_nav ul li> ul li{display:block; clear:both;padding-left:10px;}
.map_nav ul li> ul li a{color:#999;}
.map_nav ul li a{font-size:14px;color:#666;}