@charset "utf-8";
.button{display:block;width: 280px;height: 50px; border-radius: 25px; line-height: 50px; background-color: #3296fa;font-size: 20px;color:#fff !important;text-align: center;position: relative;}
.button span{display: inline-block;}
.button i{display:block;position:absolute;top:14px;right:50px;width:27px;height:22px;background:url(../../images/index/right.png) no-repeat center center;}
.button:hover{background:#2180e0;}
.small_button{display:block;width: 120px;height: 40px; border-radius: 20px; line-height: 40px; background-color: #3296fa;font-size: 16px;color:#fff !important;text-align: center;position: relative;}
.small_button:hover{background:#2180e0;}
.module{padding-top: 60px;padding-bottom:60px;background-color: #fff;}
.module .title{width: 680px;height: 34px;line-height: 34px;margin: 0 auto;font-size: 30px;text-align: center;position: relative;}
.module .subtitle{font-size: 16px;margin: 30px auto 0;text-align: center;}
body {overflow-x:hidden;width:100%;}
.banner{position: relative;}
.banner_content{position: absolute;top:0;width:1200px;height:364px;left:50%;top:50%;margin-left:-600px;margin-top:-160px;}
.banner_content .content_left{width: 500px;padding-top: 20px;}
.banner_content .content_left .title{height:62px;line-height:62px;font-size: 44px;color:#fff;font-weight: bold;}
.banner_content .content_left .subtitle{margin-top: 30px;height: 125px;}
.banner_content .content_left .subtitle p{font-size: 26px;color:#fff;height:52px;line-height:52px;}
.banner_content .content_left .button{margin-top: 5px;}
.banner_content .content_right{width: 616px;}
.banner_content .content_right .logo_list{width: 616px;float:right;overflow: hidden;}
.banner_content .content_right .logo_list li{width: 140px;height: 54px;margin-left:14px;margin-top:20px;border-radius:3px;float: left;background:url(../../images/index/customer/01.png) no-repeat center center;background-size: 140px 54px;}

/*.service{padding-top: 60px;padding-bottom:60px;background-color: #fff;}*/
/*.service .title {width: 680px;height: 34px;line-height: 34px;margin: 0 auto;font-size: 30px;text-align: center;position: relative;}*/
/*.service .subtitle{font-size: 16px;margin: 30px auto 0;text-align: center;}*/
.service .service_items{width: 1200px;overflow: hidden;margin: 40px auto 0;}
.service .service_items .service_item{width: 500px;}
.service .service_items .service_item img{display: block;width:100px;margin: 0 auto;}
.service .service_items .service_item h2{text-align: center;font-size: 24px;margin:10px 0 21px 0;}

/*.industry_solution{padding-top: 60px;padding-bottom:60px;background-color: #fff;background: url(../../images/mini_program/industry_solution_bg.jpg) no-repeat center center;}*/
.industry_solution{background: url(../../images/mini_program/industry_solution_bg.jpg) no-repeat center center;}
.industry_solution .title {color: #fff;}
.industry_solution .subtitle{color: #fff;}
.industry_solution .content{width: 1200px;margin: 40px auto 0;}
.industry_solution .solution_tab_list{overflow: hidden;}
.industry_solution .solution_tab_list a{float: left; font-size: 18px; height: 30px; line-height: 30px; color:#fff; margin-right: 10px;border-bottom: 3px solid transparent;}
.industry_solution .solution_tab_list a.on{border-bottom: 3px solid #3296fa;}
.industry_solution .solution_detail{display: none;}
.industry_solution .solution_detail.on{display: block;}
.industry_solution .solution_detail h2{margin-top: 30px;font-size: 28px;color: #fff;}
.industry_solution .solution_detail p{margin-top: 10px;color:#fff;}
.industry_solution .solution_detail .small_button{margin-top: 40px;}
.industry_solution .solution_detail .logo_list{margin-top:40px; width: 1200px;overflow: hidden;}
.industry_solution .solution_detail .logo_list li{width: 140px;height: 54px;margin-right:14px;border-radius:3px;float: left;background:url(../../images/index/customer/01.png) no-repeat center center;background-size: 140px 54px;}

.progress .content{width: 1200px;margin: 60px auto 0;overflow: hidden;}
.progress .node{width: 135px;}
.progress .node i.icon_font{display: block;width:48px;height:48px;line-height:48px;margin: 0 auto;font-size: 48px;text-align:center;color: #3296fa;}
.progress .node h2{text-align: center;margin-top: 41px;font-size:16px;}

.progress .flow{padding: 37px 47px;overflow: hidden;}
.progress .flow_node{width: 40px;height: 40px;line-height: 40px;font-size:16px;color:#3296fa;border-radius:20px;border:1px solid #3296fa;text-align: center;}
.progress .horizontal_line{width: 489px;height: 1px;background-color: #3296fa;margin-top: 21px;}
.progress .vertical_line{width:1px;height:100px;background-color: #3296fa;margin-right: 21px;}

.pay {background: url(../../images/mini_program/pay_bg.jpg) no-repeat center center;}
.pay .title {color: #fff;}
.pay .content{width: 1200px;margin: 60px auto 0;overflow: hidden;}
.pay .node{width: 135px;}
.pay .node i.icon_font{display: block;width:48px;height:48px;line-height:48px;margin: 0 auto;font-size: 48px;text-align:center;color: #fff;}
.pay .node h2{text-align: center;margin-top: 41px;font-size:16px;color: #fff;}
.pay .flow{padding: 37px 43px;overflow: hidden;}
.pay .flow_node{width: 48px;height: 48px;line-height: 48px;font-size:18px;color:#3296fa;border-radius:24px;border:1px solid #3296fa;text-align: center;}
.pay .horizontal_line{width: 304px;height: 1px;background-color: #3296fa;margin-top: 24px;}
.pay .vertical_line{width:1px;height:100px;background-color: #3296fa;margin-right: 24px;}

.case{padding-bottom:30px;}
.case .title div{height:34px;line-height:34px;font-size: 20px;color: #333;}
.case .title div:first-child{position:absolute;left:0;top:0;}
.case .title div:last-child{position:absolute;right:0;top:0;}
.case .content{width: 1200px;margin: 50px auto 0;}
.case_list{width: 100%;margin-top:-58px;overflow: hidden;}
.case_list .single_case{float: left;margin:58px 0 0 58px;width: 254px;height: 398px;border:1px solid #f3f3f3;overflow: hidden;position: relative;}
.case_list .single_case .logo_img{display:block;margin: 30px auto 0;}
.case_list .single_case .logo_title{text-align: center;margin-top: 30px;font-size: 16px;}
.case_list .single_case .label_list{margin-top: 20px;margin-left: 20px;}
.case_list .single_case .label_list .label{margin-top: 20px;font-size: 16px;}
.case_list .single_case .case_img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: none;}
.case_list .single_case:hover .case_img{display: block;}
.case_list .single_case:hover{cursor: pointer;}
.case .small_button{width: 160px;margin: 40px auto 0;}

.faq {background-color: #F2F2F2;}
.faq .question_list{width: 1200px;margin: 60px auto 0;overflow: hidden;}
.faq .question_list li{background-color: #fff;padding:20px;margin-bottom: 20px;}
.faq .question_list .question{color: #3296fa;font-size: 20px;}
.faq .question_list .answer{font-size: 16px;margin-top: 10px;}
.faq .small_button{width: 160px; margin: 40px auto 0;}

.customer .logo_list{width: 1200px;border-left:2px solid #efefef;border-top:2px solid #efefef;margin: 60px auto 0;overflow: hidden;}
.customer .logo_list li{width: 198px;height: 98px;border-right:2px solid #efefef;border-bottom:2px solid #efefef;float: left;background:url(../../images/index/customer/01.png) no-repeat center center;}
.customer .button{width: 280px;margin: 60px auto 0;}

/*咨询弹窗*/
.nid_consult_wrapper{padding-top: 20px;}
.nid_consult_line{ height:35px; margin-bottom:20px; position:relative;}
.nid_consult_line.auto_height{height: auto;}
.nid_consult_line label{position:absolute;left:101px;top:0;display: block; width:100px; text-align:right; padding-right:5px; height: 35px; line-height:35px;font-size: 14px;color:#a9a9a9;}
.nid_consult_line label i{margin-right:5px;color:#eb4141;}
.nid_consult_line .text{ float:left;margin-left:101px;width:183px;height:35px;line-height: 35px;padding:0 10px 0 105px;font-size: 14px;color:#6f6f6f;}
.nid_consult_line textarea.text{width: 278px; height: 35px; line-height: 18px;padding: 10px;}
.nid_consult_wrapper .note{ position:absolute; top:-18px; left:101px; line-height:18px; color:#f88254;font-family:"宋体"; font-size:12px;}

#nid_consult_window{border-radius: 0;}
/*#nid_consult_window .pop_win_title{text-align: center;padding:0 20px;height:93px;line-height:93px;font-size: 16px;border-bottom: none;}*/
#nid_consult_window .pop_win_ctrl {height: 200px;border-top: none;padding: 13px 0 0 0;background-color: #fff;}
#nid_consult_window .btn_OK{margin-left:101px;width: 300px;height:35px;font-size: 14px;background-color:#3296fa;color: #fff;border: medium none;cursor: pointer;}
#nid_consult_window .prompt{height: 12px;line-height: 12px;color: #666;font-size: 12px;text-align: center;margin-top: 20px;}
#nid_consult_window .hotline{height: 20px;line-height: 20px;text-align: center;color:#666;font-size: 12px;margin-top: 10px;}
#nid_consult_window .hotline span{color:#3296fa;font-size: 14px;}

/*播放案例*/
#nid_player{border-radius: 0;position: relative;}
#nid_player .name{font-size: 16px;color:#363636;margin: 11px 0 11px 20px;}
#nid_player .info{height: 22px; line-height: 22px;margin-bottom: 10px;}
#nid_player .info span{display: inline-block;font-size: 14px;color:#6c6c6c;margin-left: 20px;vertical-align: middle;}
#nid_player .info img{display: inline-block;margin-left: 22px;vertical-align: middle;}
#nid_player .youku{height: 440px;}

/*评论轮播 */
.comment_bg{
    width: 1100px;
    margin: 0 auto;
    height: 100%;
}
.comment_logo{
    width: 576px;
    height: 520px;
    float: right;
    margin-top: 142px;
    /*margin-right: 21.3%;*/
    text-align: center;
}
.comment_say{
    height: 75px;
    width: 83%;
    color: #000000;
    line-height: 40px;
    text-align: center;
    margin-left: 4%;
    font-size: 21px;
}
.comment_content{
    height: 360px;
    width: 100%;
    margin-top: 45px;
    background: url(../../images/sem/comment_logo_bg.jpg) no-repeat center center;
    list-style-type:none;
}
.comment_content img{
    width: 205px;
    height: 71px;
    background: #00a0e9;
}
.comment_content  p{
    margin-top: 103px;
    line-height: 27px;
    color: #5c5c5c;
    font-size: 14px;
    width: 100%;
}
#comment_next{
    float: right;
    margin-right: 70px;
}
#comment_next a{
    background: url(../../images/sem/comment_next.jpg) no-repeat center center;
}
/*案例轮播*/
#nid_play_case{border-radius: 0;}
.play{
    height: 500px;
    width: 100%;
}
.play_header{
    height: 60px;
    width: 96%;
    margin-left: 20px;
}
.play_left{
    width: 80%;
    height: 100%;
    float: left;
}
.play_name{
    height: 17px;
    width: 30%;
    font-size: 17px;
    color:#363636;
    margin-top: 10px;
    clear: both;
}
.play_button{
    width: 40%;
    height: 12px;
    float: left;
    font-size: 12px;
    color: #5c5c5c;
    margin-top: 12px;
}
.play_button img{
    margin-left: 52px;
}
.play_wrong{
    float: right;
    margin-top: 10px;
}
.play_foot{
    height: 440px;
    width: 100%;
}

/* 图片自适应调整*/
/*@media screen and (min-width: 1101px) {*/
/*!*大于等于 1201*!*/
/*.banner_top{}*/
/*.banner_top .logo {width: 1920px}*/
/*}*/
@media screen and (max-width: 1000px) {
    /*小于等于1000的时候*/
    .case_list li{width:31%;}
    .case_cover img.cover{width: 100%}
    .select .step_desc{width:41%}
    .step_desc p{width:93.3% }
    .step .icon,.step .step_icon{height: 90%;width:50%;margin-top: 100px;}
    .case_slider{width:60%}
    .comment_bg{width:57.3%;}
    .main_wrapper{width:80%;}
    .comment_logo{width:52.3%;}
    .comment_say{font-size: 1.3em;width: 100%;}
    .case_info div.other img{width: 40%;}
    .progress{background-size:150% 100%;}
    .progress_donghua{background-size:150% 100%;}
    .media a{margin-left: 9.3%;}
    .customer{background-size: 150% 100%;}
    .case_cover .play{display: none;}
}


.player_wrapper{display: none;}
.player_header{height: 50px;width: 720px;background-color: #fff;position: relative; padding-top: 11px;border-radius: 5px 5px 0 0;}
.player_header .name{font-size: 16px;color: #363636; margin-left: 20px; }
.player_header .info img{display: inline-block;margin-left: 22px;vertical-align: middle;}