@charset "utf-8";
/* CSS Document */
/*首页头部广告*/
.top-recommend { position: relative; display: none !important;}
.top-recommend a { display: block; width: 100%; min-width: 1210px; height: 100px; margin: 0 auto;}
.top-recommend .btn-close { position: absolute; top: 20px; right: 20px; font-size: 21px; color: #fff; cursor: pointer; opacity: .8; filter: alpha(opacity=80);}
.top-recommend .arrow { position: absolute; top: 30px; left: 50%; display: none; width: 20px; height: 40px; margin-left: -635px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; background: #000; opacity: .2; filter: alpha(opacity=20);}
.top-recommend .icon-aright { right: 50%; left: auto; margin-left: auto; margin-right: -635px;}
.top-recommend .arrow:hover { opacity: .5; filter: alpha(opacity=50);}

/*焦点图*/
.focus-img { position: relative; z-index: 1; height: 500px; overflow: hidden;}
.focus-img .bd li { height: 500px;}
.focus-img .bd .link { display: block; height: 400px; color: #fff; cursor: pointer;}
.focus-img .bd h2 { padding-top: 90px; margin-bottom: 5px; font-size: 42px; font-weight: 500;}
.focus-img .bd p { margin-bottom: 20px; font-size: 16px; line-height: 36px;}
.focus-img .bd .btn { position: relative; display: block; width: 155px; height: 45px; font-size: 18px; line-height: 45px; color: #fff; overflow: hidden; border: none; border-radius: 4px;}
.focus-img .bd .btn:after { content: '\e7b5'; position: absolute; left: 130%; font-family: 'iconfont'; font-weight: bold; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.focus-img .bd .btn:hover:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 4px; opacity: .1; filter: alpha(opacity=10);}
.focus-img .bd .btn:hover:after { left: 80%;}
.focus-img .hd { position: absolute; bottom: 115px; left: 50%; margin-left: -170px;}
.focus-img .hd li { display: inline-block; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: .33; filter: alpha(opacity=33); transition: all .3s;}
.focus-img .hd li.selected { background: #ffae00; opacity: 1; filter: alpha(opacity=100);}

/*热门产品*/
.hot-product { position: relative; z-index: 2; margin-top: -100px; background: #666; background: rgba(0,0,0,.1);}
.hot-product a { position: relative; float: left; height: 50px; padding: 25px 0 25px 81px; line-height: 25px; cursor: pointer;}
.hot-product a:nth-child(1) { width: 196px;}
.hot-product a:nth-child(2) { width: 165px;}
.hot-product a:nth-child(3) { width: 205px;}
.hot-product a:nth-child(4) { width: 210px;}
.hot-product h3 { font-size: 18px; color: #fff;}
.hot-product p { font-size: 14px; color: #fff;}
.hot-product .iconfont { position: absolute; top: 20px; left: 10px; font-size: 55px; line-height: 1; color: #fff;}
.hot-product a:hover { background: rgba(255,255,255,.1);}

/*推荐产品*/
.recommend-product { padding: 70px 0;}
.recommend-product .item { position: relative; float: left; width: 320px; height: 740px; margin-left: 70px; text-align: center; overflow: hidden; border-radius: 6px; box-shadow: 12px 0 43px rgba(76,76,76,.14);}
.recommend-product .item h2 { height: 75px; padding-top: 15px; font-size: 20px; color: #fff;}
.recommend-product .item .icon { display: block; width: 68px; height: 68px; margin: -34px auto 20px; line-height: 68px; text-align: center; background: #fff; border-radius: 50%; box-shadow: 12px 0 43px rgba(76,76,76,.14);}
.recommend-product .item .icon .iconfont { font-size: 40px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.recommend-product .item h3 { padding-bottom: 15px; font-size: 18px;}
.recommend-product .item li { position: relative; width: 260px; padding-left: 12px; margin: 0 auto; font-size: 14px; line-height: 24px; color: #666; text-align: left;}
.recommend-product .item li i { position: absolute; top: 8px; left: 0; display: block; width: 6px; height: 6px; border-radius: 12px;}
.recommend-product .item .btn { position: absolute; left: 50%; bottom: 32px; width: 120px; height: 38px; padding: 0; margin-left: -60px; font-size: 14px; line-height: 38px; color: #fff; overflow: hidden; border: none; border-radius: 6px;}
.recommend-product .item1 h2, .recommend-product .item1 li i, .recommend-product .item1 .btn { background: #299cf8; background: linear-gradient(to right, #40cce7, #299cf8);}
.recommend-product .item2 h2, .recommend-product .item2 li i, .recommend-product .item2 .btn { background: #3cd3ad; background: linear-gradient(to right, #40cce7, #3cd3ad);}
.recommend-product .item3 h2, .recommend-product .item3 li i, .recommend-product .item3 .btn { background: #eb3349; background: linear-gradient(to right, #f45c43, #eb3349);}
.recommend-product .item1 .iconfont { color: #299cf8; background-image: linear-gradient(to right, #40cce7 100%, #299cf8 100%);}
.recommend-product .item2 .iconfont { color: #3cd3ad; background-image: linear-gradient(to right, #40cce7 100%, #3cd3ad 100%);}
.recommend-product .item3 .iconfont { color: #eb3349; background-image: linear-gradient(to right, #f45c43 100%, #eb3349 100%);}
.recommend-product .item1 h3 { color: #299df8;}
.recommend-product .item2 h3 { color: #3cd3ad;}
.recommend-product .item3 h3 { color: #eb3349;}

/*产品*/
.prodcut-wrap .tab { padding: 30px 0 45px; text-align: center;}
.prodcut-wrap .tab li { position: relative; display: inline-block; width: 150px; margin: 0 10px; font-size: 16px; line-height: 40px; color: #333; text-align: center; vertical-align: top; cursor: pointer; border-radius: 30px; transition: all .3s;}
.prodcut-wrap .tab li:after { content: ''; position: absolute; bottom: -8px; left: 50%; z-index: -1; display: block; margin-left: -8px; border: 8px solid transparent; border-top-color: #1069f5; opacity: 0; filter: alpha(opacity= 0); transition: all .3s;}
.prodcut-wrap .tab li.active { color: #fff; background: #1069f5;}
.prodcut-wrap .tab li.active:after { bottom: -16px; opacity: 1; filter: alpha(opacity= 100);}
.prodcut-wrap .product-list { height: 460px; padding-top: 20px;}
.prodcut-wrap .product-list .item { position: relative; float: left; width: 235px; padding-bottom: 30px; margin-top: 20px; overflow: hidden; border: 1px solid #eee; border-right: none; box-sizing: border-box; transition: width .3s ease-in, margin-top .3s ease-in;}
.prodcut-wrap .product-list .item:last-child { border-right: 1px solid #eee;}
.prodcut-wrap .product-list .product-title { height: 140px; padding: 20px 0 15px; text-align: center; overflow: hidden; background: #f5f6f7;}
.prodcut-wrap .product-list .product-title .iconfont { font-size: 66px; line-height: 1.1; color: #1069f5;}
.prodcut-wrap .product-list .product-title h3 { font-weight: bold; font-size: 19px; color: #333;}
.prodcut-wrap .product-list .product-title p { font-size: 14px; color: #666;}
.prodcut-wrap .product-list .product-content { margin: 20px 30px; padding: 35px 0 20px;}
.prodcut-wrap .product-list .product-content h3 { line-height: 32px; color: #666; text-align: center;}
.prodcut-wrap .product-list .product-content p { position: relative; display: none; margin-bottom: 15px; margin-left: 15px; font-size: 12px; line-height: 2; color: #333; white-space: nowrap;}
.prodcut-wrap .product-list .product-content p:after { content: ''; position: absolute; top: 8px; left: -15px; width: 6px; height: 6px; border-radius: 50%; background: #ccc;}
.prodcut-wrap .product-list .btn-wrap { position: relative; display: none; height: 40px; padding: 20px 0 0 45px; margin-bottom: 10px; overflow: hidden;}
.prodcut-wrap .product-list .btn { float: left; width: 130px; height: 38px; padding: 0; font-size: 14px; line-height: 38px; color: #1069f5; cursor: pointer; background: #fff; border-color: #1069f5; border-radius: 0; transition: all .3s;}
.prodcut-wrap .product-list .btn:nth-child(2) { margin-left: 20px;}
.prodcut-wrap .product-list .btn:hover { color: #fff !important; background: #1069f5;}
.prodcut-wrap .product-list .item.active { width: 380px; margin-top: 0; border: 1px solid #1069f5;}
.prodcut-wrap .product-list .item.active .product-title { background: #1069f5;}
.prodcut-wrap .product-list .item.active .product-title .iconfont, .prodcut-wrap .product-list .item.active .product-title h3, .prodcut-wrap .product-list .item.active .product-title p { color: #fff;}
.prodcut-wrap .product-list .item.active .product-content { padding: 20px 0 0;}
.prodcut-wrap .product-list .item.active .product-content h3 { display: none;}
.prodcut-wrap .product-list .item.active .product-content p { display: block;}
.prodcut-wrap .product-list .item.active .btn-wrap { display: block;}

/*智能生态闭环*/
.flow-chart .btn { display: block; width: 200px; height: 44px; padding: 0; margin: 70px auto 40px; font-size: 16px; line-height: 44px; color: #fff; cursor: pointer; background: #1069f5; border-color: #1069f5; border-radius: 0;}
.flow-chart .btn:hover { background: #107ef5;}

/*视频*/
.company-video-wrap { height: 460px; min-width: 1210px; background-image: url(../images/index/video-bg.jpg); background-repeat: no-repeat; background-position: center center;}
.company-video-wrap .company-video { padding: 85px 0;}
.company-video-wrap .company-video .title { font-size: 42px;}
.company-video-wrap .company-video .desc { font-size: 16px;}
.company-video-wrap .company-video-btn { display: block; width: 60px; height: 60px; margin: 0 auto; color: #fff; text-align: center; cursor: pointer;}
.company-video-wrap .company-video-btn .iconfont { font-size: 45px; line-height: 60px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
.company-video-wrap .company-video-btn .iconfont:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}

/*解决方案*/
.solution-wrap { background: url(../images/index/solution-bg.jpg) no-repeat center top;}
.solution { padding: 55px 0; background: url(../images/index/solution-bg.jpg) no-repeat center top;}
.solution[data-bg = 'bg1'] { background: url(../images/index/solution-bg1.jpg) no-repeat center top;}
.solution[data-bg = 'bg2'] { background: url(../images/index/solution-bg2.jpg) no-repeat center top;}
.solution[data-bg = 'bg3'] { background: url(../images/index/solution-bg3.jpg) no-repeat center top;}
.solution[data-bg = 'bg4'] { background: url(../images/index/solution-bg4.jpg) no-repeat center top;}
.solution[data-bg = 'bg5'] { background: url(../images/index/solution-bg5.jpg) no-repeat center top;}
.solution[data-bg = 'bg6'] { background: url(../images/index/solution-bg6.jpg) no-repeat center top;}
.solution[data-bg = 'bg7'] { background: url(../images/index/solution-bg7.jpg) no-repeat center top;}
.solution[data-bg = 'bg8'] { background: url(../images/index/solution-bg8.jpg) no-repeat center top;}
.solution-tab { width: 150px; padding: 0 35px 0 0; border-right: 2px solid #5c6069;}
.solution-tab li { margin-top: 20px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; border-radius: 0; transition: background .2s;}
.solution-tab li:first-child { margin-top: 10px;}
.solution-tab .active { background: #1069f5;}
.solution-tab li .iconfont { position: absolute; top: 15px; left: 10px; font-size: 35px; opacity: .7; filter: alpha(opacity=70);}
.solution-tab .active .iconfont { left: 25px; opacity: 1; filter: alpha(opacity=100);}
.solution-tab li h3 { font-size: 18px;}
.solution-tab li p { font-size: 14px; opacity: .7; filter: alpha(opacity=70);}
.solution-content { width: 850px; padding: 0;}
.solution-content .solution-title { margin-bottom: 10px; font-size: 26px; font-weight: normal; line-height: 48px; color: #fff; overflow: hidden;}
.solution-content .solution-title .btn { float: right; width: 100px; height: 35px; font-size: 14px; line-height: 36px; color: #fff; text-align: center; background: #1069f5; border: none; border-radius: 0;}
.solution-content .solution-desc { height: 90px; padding-top: 20px; font-size: 16px; line-height: 30px; color: #fff;}
.solution-content .solution-icon { padding-top: 30px; overflow: hidden;}
.solution-content .solution-icon li { float: left; width: 12.5%; color: #fff; text-align: center;}
.solution-content .solution-icon li .iconfont { display: block; font-size: 60px; line-height: 90px;}
.solution-content .solution-icon li span { display: block; font-size: 14px;}
.solution-content .solution-case { padding-top: 30px; margin-top: 45px; border-top: 1px dashed #eee; border-top: 1px dashed rgba(255,255,255,.2);}
.solution-content .solution-case li { float: left; width: 150px; height: 60px; margin-left: 25px; overflow: hidden; background: #fff; border-radius: 3px;}
.solution-content .solution-case li img { display: block; width: 120px; margin: -28px auto 0;}

/*客户案例*/
.case { padding-top: 40px; padding-bottom: 10px;}
.case .case-list { padding: 30px 0 40px;}
.case .case-list li { position: relative; float: left; width: 150px; height: 90px; margin: 0 16px; overflow: hidden;}
.case .case-list li img { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -69px;}
.case .btn { display: block; width: 144px; height: 38px; margin: 0 auto; font-size: 14px; line-height: 38px; color: #488aff; background: transparent; border: 1px solid #488aff; border-radius: 4px; transition: all .2s;}
.case .btn:hover { color: #fff; background: #488aff;}

/*招募城市合伙人*/
.city-partner { width: 100%; height: 480px; background: url(../images/index/city-partner-bg.jpg) no-repeat center top;}
.city-partner ul li { position: relative; float: left; width: 183px; height: 480px; color: #fff; text-align: center; cursor: pointer; overflow: hidden;}
.city-partner ul .item1 { background: url(../images/index/city-partner1.jpg) no-repeat center top;}
.city-partner ul .item2 { background: url(../images/index/city-partner2.jpg) no-repeat center top;}
.city-partner ul .item3 { background: url(../images/index/city-partner3.jpg) no-repeat center top;}
.city-partner ul .item4 { background: url(../images/index/city-partner4.jpg) no-repeat center top;}
.city-partner ul .item5 { background: url(../images/index/city-partner5.jpg) no-repeat center top;}
.city-partner ul .item6 { background: url(../images/index/city-partner6.jpg) no-repeat center top;}
.city-partner ul li .iconfont { display: block; margin-top: 175px; font-size: 70px; line-height: 1.1;}
.city-partner ul li h3 { font-size: 18px;}
.city-partner ul li .text { position: absolute; top: 480px; right: 0; left: 0; height: 480px; padding: 0 17px; color: #fff; background: #1069f5;}
.city-partner ul li .text h3 { padding: 120px 0 25px;}
.city-partner ul li .text p { font-size: 14px; line-height: 24px;}

/*商学院*/
.news { padding: 50px 0 0;}
.news2 { padding-top: 10px; padding-bottom: 60px;}
.news .news-item { float: left; width: 335px; margin-left: 47px; overflow: hidden;}
.news .news-item h2 { position: relative; padding-bottom: 5px; margin-bottom: 15px; font-size: 20px; color: #333;}
.news .news-item h2:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 30px; height: 2px; background: #1069f5;}
.news .news-item h2 a { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 30px;}
.news .news-item h2 a:hover { color: #1069f5;}
.news .news-item .img { position: relative; display: block; height: 190px; padding-bottom: 0; margin-bottom: 15px; overflow: hidden;}
.news .news-item .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.news .news-item .img:hover img { transform: scale(1.05);}
.news .news-item h3 { margin-bottom: 10px; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .news-item h3:hover { text-decoration: underline;}
.news .news-item p { display: -webkit-box; height: 40px; font-size: 12px; line-height: 20px; color: #999; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news .news-item .hot { display: block; padding: 15px; margin-bottom: 15px; background: #f5f5f5;}
.news .news-item .hot h3 { padding: 0;}
.news .news-item .hot h3:after { display: none;}
.news2 .news-item h3 { position: relative; padding-left: 10px;}
.news2 .news-item h3:after { content: ''; position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; background: #aaa; border-radius: 50%;}

/*qq群*/
.index-qq .title { padding-bottom: 35px; font-size: 20px;}
.index-qq li { float: left; width: 265px; padding: 15px 25px; margin: 0 44px; background: #f5f5f5;  border-radius: 6px;}
.index-qq li .iconfont { float: left; margin-right: 20px; font-size: 40px; color: #e8373d;}
.index-qq li h3 { padding-top: 10px;}
.index-qq li p span { font-size: 20px; color: #ce2a2f;}

/*数据*/
.number { position: relative; z-index: 9; padding: 10px 0 40px;}
.number ul li { position: relative; float: left; width: 20%; line-height: 1.3; text-align: center;}
.number ul li h4 { position: relative; font-size: 28px; font-weight: normal; color: #666;}
.number ul li h4 span { font-size: 34px;}
.number ul li p { padding: 15px; font-size: 14px; color: #858585;}

/*产品更新*/
.product-update { padding: 15px 0; overflow: hidden; background: #f5f5f7;}
.product-update .title { float: left; width: 70px; padding-bottom: 0; font-size: 12px; font-weight: normal; line-height: 22px; color: #666;}
.product-update ul { float: left; width: 1030px;}
.product-update li { position: relative; float: left; width: 210px; padding-left: 22px; margin-left: 25px;}
.product-update li .iconfont { position: absolute; left: 0; font-size: 14px; color: #ccc; vertical-align: middle;}
.product-update li span, .product-update li em { display: block;}

/*合作伙伴*/
.cooperative-partner { padding: 0 0 60px;}
.cooperative-partner li { float: left; width: 160px; height: 70px; margin: 0 0 30px 28px; background: url(../images/index/cooperative-partner.jpg) no-repeat;}
.cooperative-partner .partner1 { background-position: 0 0;}
.cooperative-partner .partner2 { background-position: -160px 0;}
.cooperative-partner .partner3 { background-position: -320px 0;}
.cooperative-partner .partner4 { background-position: -480px 0;}
.cooperative-partner .partner5 { background-position: -640px 0;}
.cooperative-partner .partner6 { background-position: -800px 0;}
.cooperative-partner .partner7 { background-position: -960px 0;}
.cooperative-partner .partner8 { background-position: 0 -70px;}
.cooperative-partner .partner9 { background-position: -160px -70px;}
.cooperative-partner .partner10 { background-position: -320px -70px;}
.cooperative-partner .partner11 { background-position: -480px -70px;}
.cooperative-partner .partner12 { background-position: -640px -70px;}
.cooperative-partner .partner13 { background-position: -800px -70px;}
.cooperative-partner .partner14 { background-position: -960px -70px;}
.cooperative-partner .partner15 { background-position: 0 -140px;}
.cooperative-partner .partner16 { background-position: -160px -140px;}
.cooperative-partner .partner17 { background-position: -320px -140px;}
.cooperative-partner .partner18 { background-position: -480px -140px;}