/**
 * home.css 首页样式
 * Copyright (C) 2017 5 10
 */
html, body ,*{
	margin: 0;
	padding: 0;
}
dd, dl, li, ul {
    list-style: none;
}
.banner_title {
    position: absolute;
    top: 25%;
    left: 19%;
}
.banner_title span{
	font-size:45px;
	color:#fff;
}
.banner_title p{
    width: 500px;
    color: #fff;
    font-size: 20px;
    padding: 40px 0;
    line-height: 1.8em;
}
.home-notice{
	background-color:#fff;
	width:100%;
	height: 108px;
}
.details_btn:hover {
	background:#fff;
	color:#666;
}
.details_btn{
    display: inline-block;
    padding: 5px 24px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
}
/**
 * 活动推荐样式
 */
.action-img {
	float: left;
}

.service-action-ul{
	margin-bottom: 0px;
}
.service-action-ul li{
	width:25%;
	height:100px;
	float:left;
	list-style: none;
}
.title{
	font-size: 24px;
	font-weight: 500;
}
.service-action-box{
	border-right:1px solid #eee;
	transition: all .5s;
}
.frist_a .service-action-box{
	border-left:1px solid #eee;
}
.service-action-img{
	display: inline-block;
	width:40%;
    height:100px;
}
.service-action-text{
	width:60%;
	height:100px;
	text-align: left;
	display: inline-block;
	padding-right: 25px;
}
.service-action-title{
	padding-top: 15px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}
.service-action-box:hover .service-action-title{
    color: #0196ff;
}
.service-action-info{
	color: #726e6e;
	font-size: 14px;
}
.carousel-indicators{
	position: absolute;
    list-style: none;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    z-index: 2;
}
.el-carousel_button{
	display: block;
    opacity: .48;
    width: 60px;
    height: 3px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s;
}
.carousel-indicators li{
	display: inline-block;
    background-color: transparent;
    padding: 12px 10px;
    cursor: pointer;
}
.carousel-indicators li {
    width: auto;
    height: auto;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 0px solid #fff;
    border-radius: 0px;
    margin:0;
}

.carousel-indicators .active {
    width: auto;
    height: auto;
    padding: 12px 10px;
    display: inline-block;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    margin:0;
}
.carousel-indicators li.active button {
    opacity: 1;
}
/**
 * 产品样式
 */

.pro-box{
	background: #fff;
	height: 181px;
	margin: 10px 0;
}
.pro-intro{
	margin-bottom: 10px;
}
.pro-box .pro_img{
	display: inline-block;
    width: 30%;
    float: left;
    height: 181px;
    padding-top: 52px;
    border-right: 1px solid #f4f4f4;
    padding-left: 41px;
}
.pro-box .tab-caption{
	padding-left: 20px;
}

.tab-caption .caption{
	font-size:20px;
	padding-top: 10px;
	color: #000;
}
.tab-caption .info{
	height:45px;
	color:#706c6c;
	padding-right: 10px;
}
.pro-content{
	width:70%;
	height:100%;
	display: inline-block;
}
.product_area{
	width: 100%;
	background-color:#f5f5f5;
	padding:0px 0 100px 0;
}

.aui-btn-red{
    padding: 4px 8px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 1px;
    border: 1px solid #999;
    text-align: center;
    cursor: pointer;
    color: #706c6c;
    vertical-align: middle;
}
.aui-btn-red:hover{
    border: 1px solid #5bbae2;
    color: #5bbae2;
}
.subtitle {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #6a6767;
}
.solution_area {
    width: 100%;
    padding-bottom: 100px;
    background: #222933;
    background-size: 100%;
}
.solution_area .pro-title .title{
	color:#fff;
}
.pro-title{
	padding: 100px 0 50px 0;
}
/**
* 方案样式
*/
.solution-list ul li {
    float: left;
	width: 291px;
    position: relative;
    height: 528px;
}
.solution_area .pro-title .subtitle{
	color:#fff;
}
.solution-list ul li>p.solution-title {
    position: absolute;
	top: 245px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 2;
}
.solution-list ul .img_border{
	position: absolute;
    width: 25px;
    height: 3px;
    background: #0196ff;
    margin-left: 134px;
    top: 212px;
}
.solution-list ul li>p.solution-intro {
    text-indent: 26px;
    font-size: 12px;
    height: 150px;
    padding: 0 30px;
    overflow: hidden;
    position: absolute;
	z-index:-1;
    top: 282px;
    color: #fff;
    line-height: 2;
    opacity: 0;
}
#solutionList .active a:hover{
	background-color:#fff;
	color:#1096ff;
}
#solutionList .active .li-bgcolor{
	position: absolute;
    z-index: 1;
    left: -21px;
    width:340px;
    height: 528px;
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 40px rgba(0,0,0,.5);
    box-shadow: 0 5px 40px rgba(0,0,0,.5);
}
.solution-list ul li>i {
	position: absolute;
    top: 118px;
    width: 100%;
    height: 90px;
    z-index: 2;
}
.solution-list ul li>a {
    position: absolute;
    top: 452px;
    left: 50%;
    margin-left: -59px;
    width: 118px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    z-index:-1;
    opacity: 0;
}
.solution-list ul li .cloud-icon01{
    background: url(/static/img/bank.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon02{
    background: url(/static/img/12345.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon03{
    background: url(/static/img/hospital.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon04{
    background: url(/static/img/overseas.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon05{
    background: url(/static/img/common_traffic.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon06{
    background: url(/static/img/4s.png) no-repeat center;
    background-size: 30%;
}
.solution-list ul li .cloud-icon07{
    background: url(/static/img/setate.png) no-repeat center;
    background-size: 20%;
}
.solution-list ul li .cloud-icon08{
    background: url(/static/img/taxi.png) no-repeat center;
    background-size: 20%;
}

#solutionList .li_bg01 {
    background: url(/static/img/bank_background.png) no-repeat center;
}
#solutionList .li_bg02 {
    background: url(https://img.mixcom.cn/images/home/solution_bg08.png) no-repeat center;
}
#solutionList .li_bg03 {
    background: url(https://img.mixcom.cn/images/home/solution_bg06.png) no-repeat center;
}
#solutionList .li_bg04 {
    background: url(/static/img/overseas_background.png) no-repeat center;
}
#solutionList .li_bg05 {
    background: url(/static/img/traffic_background.png) no-repeat center;
}
#solutionList .li_bg06 {
    background: url(/static/img/4s_background.png) no-repeat center;
}
#solutionList .li_bg07 {
    background: url(https://img.mixcom.cn/images/home/solution_bg05.png) no-repeat center;
}
#solutionList .li_bg08 {
    background: url(https://img.mixcom.cn/images/home/solution_bg09.png) no-repeat center;
}

/* #solutionList .li_hover_bg01:hover{
	background: url(/static/img/bank_background_hover.png) no-repeat center;
} */
#solutionList .active .li_hover_bg01{
	background: url(/static/img/bank_background_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg02{
	background: url(https://img.mixcom.cn/images/home/solution_bg08_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg03{
	background: url(https://img.mixcom.cn/images/home/solution_bg06_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg04{
	background: url(/static/img/overseas_background_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg05{
	background: url(/static/img/traffic_background_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg06{
	background: url(/static/img/4s_background_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg07{
	background: url(https://img.mixcom.cn/images/home/solution_bg05_hover.png) no-repeat center;
}
#solutionList .active .li_hover_bg08{
	background: url(https://img.mixcom.cn/images/home/solution_bg09_hover.png) no-repeat center;
}
.arr-btn .arr-left {
    background: url(https://img.mixcom.cn/images/home/index-sprite.png) no-repeat 0 -1538px;
}
.arr-btn .arr-right {
    background: url(https://img.mixcom.cn/images/home/index-sprite.png) no-repeat 0 -1500px;
}
.arr-btn {
    position: absolute;
    width: 40px;
    height: 100%;
    z-index: 99;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.arr-btn-right {
    right:-60px;
}
.arr-btn-left {
    left:-35px;
}
.solution-box{
    position: relative;
    width: 100%;
    height: 100%;
}
.arr-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    width: 20px;
    height: 36px;
    z-index: 100;
}

.arr-btn-left i{
	margin-left: -24px;
}
#solutionList li.active .img_border {
	position: absolute;
    width: 25px;
    height: 3px;
    background: #fff;
    z-index:2;
    margin-left: 134px;
    top: 164px;
}
.solution-list ul .active>i {
    width: 100%;
    height: 64px;
}
.solution-list ul .active i {
	top: 80px;
}
.solution-list ul .active p.solution-title{
	top: 194px;
}
.solution-list ul .active p.solution-intro {
    top: 255px;
    opacity: 1;
    z-index: 2;
    filter: alpha(opacity=100);
}
.solution-list ul .active a {
    top: 410px;
    opacity: 1;
    z-index: 2;
    filter: alpha(opacity=100);
}

/**
* 评价样式
*/
.evaluate{
	background:#f5f5f5;
	padding: 0px 0 100px 0;
}
.evaluate .partner-main {
    margin-top: 30px;
    position: relative;
}
.owl-stage{
	width:100%;
	height:100%;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .active{
	display:block;
	z-index:1;
}
#section4Slider{
    height: 392px;
}

.evaluate .talk-box {
	float:left;
    background: #fff;
    padding: 20px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 10px rgba(10,10,10,.1);
    border-radius: 8px;
	width: 315px;
    margin: 0 32.5px;
    height: 350px;
}
.evaluate .talk-box-head {
    text-align: center;
    color: #2c2f33;
}
.evaluate .talk-box-head>div:nth-child(2) {
    margin-top: 20px;
}
.evaluate .evaluate-slider .sliderbox img {
    width: 70px;
    height: 70px;
    display: inline-block;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.evaluate .evaluate-main{
	width:100%;
	height:100%;
}
.evaluate .slider-navigation{
	position: relative;
	width:100%;
	height:100%;
}
.evaluate .slider-navigation .slider-prev {
	left: -10px;
    background: url(https://img.mixcom.cn/images/home/prev.png) no-repeat;
}
.evaluate .slider-navigation .slider-next {
    right: -10px;
    background: url(https://img.mixcom.cn/images/home/next.png) no-repeat;
}
.evaluate .slider-navigation span {
    position: absolute;
    z-index: 99;
    top: 146px;
    width: 34px;
    height: 62px;
    cursor: pointer;
}
.evaluate .talk-box-main {
    margin-top: 14px;
    font-size: 12px;
    color: #575e65;
    line-height: 24px;
    text-align: justify;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.sol_img{
	width:12%;
	margin-left:3%;
}
.evaluate-main-2{
	margin-right:1%;
}
.evaluate .btn-lgx.btn {
	width: 24%;
    font-size: 24px;
    line-height:36px;
    border-radius: 3px;
    color: #ffa500;
    border: 1px solid #ffa500;
}
.evaluate .btn-lgx.btn:hover{
	background: #ffa500;
	color: #fff;
}

/**
*  博客新闻
*/
.image_title{
	border: 1px solid #E5E5E5;
	margin-bottom: 30px;
}
.image_title span{
	display: block;
    font-size: 16px;
    margin: 20px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.image_title img{
	width:100%;
}
.other_news t{
	width:30%;
	color: #706c6c;
	float: left;
}
.other_news p{
	width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news a, .blog a{
	color:#333;
}
.pub_media_tab{
	margin-top:50px;
	width: 100%;
    height: 380px;
}
.swiper-slide{
	width: 380px;
	padding:0 10px;
}
.swiper-slide .voice_img {
    width: 80px;
    height: 80px;
    border: 5px solid #fff;
    border-radius: 80px;
    margin: 0 auto;
    overflow: hidden;
}
.voice_img img{
	width: 75px;
    height: 80px;
}

/**
*  客户案例
*/
.part-con .part-list li{
	float: left;
    width: 16%;
    text-align: center;
    background:#fff;
    border: 1px solid #efefef;
}
.part-con .part-list li span {
    width: 100%;
    height: 150px;
    display: inline-block;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all 1s;
    -o-transition: all .6s;
}

.part-con .part-list .product_logo1 span {
	background: url(https://img.mixcom.cn/images/home/tencent_hover.png) no-repeat center;
    background-size: 100% 87%;
}
.part-con .part-list .product_logo2 span {
	background: url('/static/images/home_case/baidu.png') no-repeat center;
    background-size: 85% 60%;
}
.part-con .part-list .product_logo3 span {
	background: url(https://img.mixcom.cn/images/home/wangyi_hover.png) no-repeat center;
    background-size: 100% 97%;
}
.part-con .part-list .product_logo4 span {
	background: url(https://img.mixcom.cn/images/home/momo_hover.png) no-repeat center;
    background-size: 100% 87%;
}
.part-con .part-list .product_logo5 span {
	background: url('/static/images/home_case/ximalaya.png') no-repeat center;
    background-size: 95% 70%;
}
.part-con .part-list .product_logo6 span {
	background: url(https://img.mixcom.cn/images/home/midea_hover.png) no-repeat center;
    background-size: 100% 85%;
}
.part-con .part-list .product_logo7 span {
	background: url('/static/images/home_case/geli.png') no-repeat center;
    background-size: 90% 80%;
}
.part-con .part-list .product_logo8 span {
	background: url('/static/images/home_case/lanyueliang.png') no-repeat center;
    background-size: 70% 50%;
}
.part-con .part-list .product_logo9 span {
	background: url('/static/images/home_case/zhodasheng.png') no-repeat center;
    background-size: 75% 50%;
}
.part-con .part-list .product_logo10 span {
	background: url(https://img.mixcom.cn/images/home/sanyi_hover.png) no-repeat center;
    background-size: 100% 90%;
}
.part-con .part-list .product_logo11 span {
	background: url('/static/images/home_case/58.png') no-repeat center;
    background-size: 70% 50%;
}
.part-con .part-list .product_logo12 span {
	background: url('/static/images/home_case/4399.png') no-repeat center;
    background-size: 90% 70%;
}
.part-con .part-list .product_logo13 span {
	background: url('/static/images/home_case/youzan.png') no-repeat center;
    background-size: 90% 55%;
}
.part-con .part-list .product_logo14 span {
	background: url('/static/images/home_case/lisheng.png') no-repeat center;
    background-size: 75% 55%;
}
.part-con .part-list .product_logo15 span {
	background: url('/static/images/home_case/szdt.png') no-repeat center;
    background-size: 80% 60%;
}
.part-con .part-list .product_logo16 span {
	background: url('/static/images/home_case/yunkang.png') no-repeat center;
    background-size: 70% 50%;
}
.part-con .part-list .product_logo17 span {
	background: url('/static/images/home_case/lvsho.png') no-repeat center;
    background-size: 90% 60%;
}
.part-con .part-list .product_logo18 span {
	background: url('/static/images/home_case/guoyao.png') no-repeat center;
    background-size: 85% 65%;
}
.part-con .part-list .product_logo19 span {
	background: url('/static/images/home_case/guangyao.png') no-repeat center;
    background-size: 85% 65%;
}
.part-con .part-list .product_logo20 span {
	background: url('/static/images/home_case/huada.png') no-repeat center;
    background-size: 90% 70%;
}
.part-con .part-list .product_logo21 span {
	background: url('/static/images/home_case/zhengto.png') no-repeat center;
    background-size: 80% 55%;
}
.part-con .part-list .product_logo22 span {
	background: url('/static/images/home_case/guangqi.png') no-repeat center;
    background-size: 80% 70%;
}
.part-con .part-list .product_logo23 span {
	background: url('/static/images/home_case/wankewuye.png') no-repeat center;
    background-size: 80% 80%;
}
.part-con .part-list .product_logo24 span {
	background: url('/static/images/home_case/yeqiao.png') no-repeat center;
    background-size: 80% 70%;
}
.part-con .part-list .product_logo25 span {
	background: url(https://img.mixcom.cn/images/home/zhaolian_hover.png) no-repeat center;
    background-size: 100% 75%;
}
@media only screen and (min-width: 769px) {
    .press_area{
        background: #fff;
        padding: 0px 0 20px 0;
    }
}
@media (min-width: 769px) {
    .press_area{
        background: #fff;
        padding: 0px 0 100px 0;
    }
}