body {
	font-family: PingFang SC, Source Han Sans CN, Source Han Serif SC;
	letter-spacing: 1.2px;
	font-size:12px;
	/* background:#f9fbfd; */
}
ul{list-style:none;}
button{outline:none;}
.out_con_index{width:100%;margin:0 auto;max-width:1600px;position:relative;/* box-shadow:0px 15px 15px rgba(0,0,0,0.3); */background:#fff;}
.index_middle_title{height:150px;width:100%;position:relative;display:flex;justify-content:center;align-items:center;font-size:36px;color:#000;z-index:1;}
.index_middle_title img{height:35px;margin-right:10px;}

/* 轮播 */
.index_img_out{width:100%;position:relative;background:#fff;cursor: pointer;overflow:hidden;}
.item img{width:100%;margin:0 auto;}
.carousel-control{width:6%;text-decoration: none;outline:0;opacity:1;}
.carousel-control .glyphicon{color:rgba(239,126,57,1);font-size:2vw;position: absolute;top:40%;z-index: 5;display: inline-block;}
.carousel-control .glyphicon:hover{color:rgba(239,126,57,0.8);}
.carousel-indicators {
    position:relative;
    width:100%;
    /* max-width:1600px; */
    margin:0;
    padding:15px 10px;
    list-style: none;
    height:auto;
    left:0;
    bottom:0;
    background-color: #fff;
    display:flex;
    justify-content:center;
    align-items:center;
}
.carousel-indicators li{
    min-width:18%;
    height:auto;
    min-height:28px;
    margin: 0;
    background-color: #fff;
    border-radius:0px;
    text-indent:0px;
    padding:0px 5px;
    border-right:1px solid #979797;
    color:#000;
    font-size:16px;
}
.carousel-indicators li:last-child{border-right:0px solid #979797;  }
.carousel-indicators .active {min-width:18%; height:auto;margin: 0; background-color: #fff;}
.carousel-indicators li div{display:inline-block; position:relative;}
.carousel-indicators li.active div{border-bottom:3px solid #F2781B; color:#ED5B38;}
.banner_huo{position:absolute; right:-18px;top:50%;margin-top:-9px;height:18px;}

/* 新闻部分 */
.index_news{width:100%;position:relative;/* padding:0px 60px*/}
.index_news_title{width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
.index_news_title img{display:inline-block;height:30px;}
.index_news_time{width:100%;height:30px;line-height:30px;text-align:right;color:#979797;font-size:18px;border-bottom:1px dashed #979797;}
.index_news ul{padding:20px 0px;}
.index_news ul li{padding:5px 0px;}
.index_news ul li a{font-size:18px;text-decoration: underline;}


/* 登陆统计部分 */
.index_statistic{
	width:100%;position:relative;
    padding:0px 40px 40px 40px;    
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    background:#fff; /* url(../../images/emonline/index/statistic_bg.png) no-repeat left top / 100%; */   
}
.index_statistic_bg{position:absolute;width:100%;left:0px;top:30px;z-index:0;}
.index_statistic_bg img{width:100%;}
.index_statistic_in{width:49%;z-index:1;box-shadow:5px 5px 15px rgba(0,0,0,0.2);}
.table-responsive{background:rgba(255,255,255,0.95);border:1px solid #D4D4D4;}
.table-responsive table{}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:rgba(249,249,249,0.95);
}
.index_statistic_title_left{background:linear-gradient(to right,rgba(48,169,62,0.95), rgba(29,133,195,0.95));border-top-left-radius:4px;border-top-right-radius:4px;height:55px;line-height:55px;width:100%;text-align:center;color:#fff;}
.index_statistic_title_right{background:linear-gradient(to right,rgba(48,169,62,0.95), rgba(29,133,195,0.95));border-top-left-radius:4px;border-top-right-radius:4px;height:55px;line-height:55px;width:100%;text-align:center;color:#fff;}
.index_statistic_title_in{font-size:16px;}
.table-responsive td, .table-responsive th {text-align:center;}
.table-responsive img{border-radius:50%;height:23px;width:23px;margin-right:5px;}
.index_statistic_top{width:40px;height:23px;background:url(../../images/emonline/index/ring.png);background-repeat:no-repeat;background-position:center;background-size:100%;
color:#fff;text-align:center;line-height:32px;display:inline-block;}
.index_statistic_normal{width:40px;height:23px;text-align:center;line-height:23px;display:inline-block;}
.index_statistic_up{color:#BC1812;}
.index_statistic_down{color:#0A653C;}

/* 案例部分 */
.index_case{padding:0px 40px 0px 40px;width:100%;position:relative;}
.index_case_bj{height:40%;width:100%;position:absolute;left:0px;bottom:120px;background:linear-gradient(to right,#57BE6E,#1C84C2);}
.index_case_ul{width:100%;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.index_case_ul li{width:33%;display:flex;justify-content:center;padding:20px 20px 0px 20px;}

.index_case_ul li:hover{padding:0px 20px 40px 20px;position:absolute;width:100%;left:0%;min-height:750px;}
.index_case_ul li:hover>.index_case_con {
	width: 90%;
	height: 510px;
	-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
	cursor: pointer;
}
.index_case_ul li:hover>.index_case_con .index_case_info{
	height:240px;
	overflow-y:auto;
	-webkit-line-clamp:50;
}

.index_case_ul li:hover>.index_case_con>.index_case_img{width:65%;height:400px;
-webkit-transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);}/*  */
.index_case_ul li:hover>.index_case_con>.index_case_text{width:35%;opacity:0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;  
    animation-duration:1s;  
    -webkit-animation-fill-mode: forwards ;  
    animation-fill-mode: forwards ;
     -webkit-animation-delay:0.5s;
     animation-delay:0.5s;
}
@-webkit-keyframes fadeIn {
   0%{opacity: 0;}
   100%{opacity: 1;}
}
 
@keyframes fadeIn {
   0% {opacity: 0;}
   100% {opacity: 1;}
}
/* .index_case_ul_li_active{padding:0px 20px 20px 20px;position:absolute;width:96%;left:2%;height:530px;}
.index_case_ul_li_active>.index_case_con>.index_case_img{width:70%;height:400px;}
.index_case_ul_li_active>.index_case_con>.index_case_text{width:30%;} */

.index_case_con{box-shadow:5px 5px 15px rgba(0,0,0,0.5);padding:15px;width:100%;background:#fff;border:1px solid #979797;display:flex;align-items:center;flex-wrap:wrap;}
.index_case_img{height:200px;width:100%;overflow:hidden;padding:10px 10px 0px 10px;text-align:center;}
.index_case_img img{height:100%;}
.index_case_text{padding:0px;width:100%;}
.index_case_title{font-size:20px;color:#444;padding:0px 10px;text-align:center;height:40px;margin-top:35px;line-height:20px;display:flex;justify-content:center;align-items:center;}
.index_case_from{color:#0071A5;}
.index_case_model{color:#979797;padding:0px 10px;font-size:14px;text-align:center;display:flex;justify-content:center;align-items:center;height:36px;line-height:18px;}
/* .index_case_info{height:135px; overflow:hidden; text-overflow:ellipsis;text-align:center;
display: -webkit-box;padding:20px 10px 0px 10px;line-height:25px;font-size:14px;margin-bottom:15px;
-webkit-box-orient: vertical;} */
.index_case_info{height:120px; overflow:hidden; text-overflow:ellipsis;text-align:center;-webkit-line-clamp:4;
display: -webkit-box;padding:20px 10px 0px 10px;line-height:25px;font-size:14px;margin-bottom:15px;
-webkit-box-orient: vertical;}
.index_case_bottom{padding:10px;display:flex;justify-content:space-between;}
.index_case_time{color:#979797;min-width:50%;}
.index_case_from{color:#108795;}
.index_case_watch{display:flex;}
.index_case_watch div{margin-right:3px;}
.index_case_more{width:100%;text-align:center;height:120px;display:flex;align-items:center;justify-content:center;}
.index_case_more button{color:#fff;background:linear-gradient(to right,rgba(237,91,56,1),rgba(239,126,57,1));font-size:20px;padding:5px 30px;border-radius:4px;border:none;}
.index_case_more button:hover{background:linear-gradient(to right,rgba(237,91,56,0.8),rgba(239,126,57,0.8));}
.index_case_more button .glyphicon{margin-right:8px;}

/* 文档部分 */
.index_document{padding:0px 25px 0px 25px;width:100%;position:relative;}
.index_document .index_middle_title{height:150px;}
.index_document_bg{width:100%;background:url(../../images/emonline/index/document_bg.png) repeat;}
.index_document_title_out{width:100%;position:relative;height:130px;display:flex;justify-content:center;}
.index_document_title{height:70px;display:flex;justify-content:center;width:420px;background:#fff;
border-bottom-left-radius:70px;border-bottom-right-radius:70px;padding:8px 15px 0px 15px;}
.index_document_title_left{color:#1D85C3;font-size:16px;margin-right:15px;}
.index_document_point{height:10px;width:10px;display:inline-block;margin-right:5px;}
.index_document_title_left .index_document_point{background:#1D85C3;}
.index_document_title_right{color:#F35B1A;font-size:16px;}
.index_document_title_right .index_document_point{background:#F35B1A;}
.index_document_con{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0px 30px;}
.index_document_con ul{width:49%;padding-bottom:14px;}
.index_document_con ul li{width:100%;padding:10px 21px 15px 21px;margin-bottom:25px;height:90px;background:#fff url(../../images/emonline/index/wendang.png) no-repeat 98% 16% / 35px;}
.index_document_con ul.index_document_left li{border-left:8px solid #1D85C3;cursor: pointer;}
.index_document_con ul.index_document_right li{border-left:8px solid #F35B1A;cursor: pointer;}
.index_document_time{color:#979797;}
.index_document_text{padding:15px 0px 5px 0px;color:#000000;font-size:14px;}
.index_document_con ul li.index_document_more{padding:0;margin-bottom:25px;background:none;border:none;height:auto;}
.index_document_con ul li.index_document_more a{font-size:16px;float:right;display:inline-block;background:#fff;border-radius:4px;padding:8px 8px;}
.index_document_con ul li.index_document_more a .glyphicon{margin-right:8px;}
.index_document_left .index_document_more a{color:#1D85C3 !important;border:2px solid #1D85C3;}
.index_document_left .index_document_more a:hover{color:#fff !important;background:#1D85C3;}  
.index_document_right .index_document_more a{color:#F35B1A !important;border:2px solid #F35B1A;} 
.index_document_right .index_document_more a:hover{color:#fff !important;background:#F35B1A;}  

/* 仿真示例部分 */
.index_example{padding:0px 25px 30px 25px;background:#fff;width:100%;position:relative;}
.index_example .index_middle_title{padding-top:20px;}
.index_example_intro{width:100%;text-align:center;color:#000;margin:10px 0px 35px 0px;}
.index_example_intro div{min-height:25px;font-size:16px;}

.index_example_con{width:100%;position:relative;margin:5px 0px;}
.index_example_ul{border:1px solid #E6E6E6;width:200px;border-radius:2px;position:relative;box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;left:50%;margin-left:-600px;padding:10px 0px;}
.index_example_ul>li{height:45px;width:100%;padding-left:15px;}

.index_example_first{height:45px;width:100%;color:#000;background:#fff;font-size:14px;padding-left:5px;display:flex;align-items:center;position:relative;line-height:1.1;cursor:pointer;}
.index_example_first:hover{background:#1D85C3;color:#fff;}

.index_example_second{height:472px;width:180px;position:absolute;left:200px;top:-1px;background:#fff;border:1px solid #E6E6E6;display:none;padding:10px 0px;z-index:1;}
.index_example_second>li{height:45px;width:100%;padding-left:10px;}
.index_example_second_in{height:100%;width:100%;padding-left:5px;display:flex;align-items:center;color:#000;background:#fff;font-size:14px;position:relative;line-height:1;cursor:pointer;}
.index_example_second_in:hover{background:#1D85C3;color:#fff;}
.index_example_active{background:#1D85C3;color:#fff;}
.index_example_active img{display:block;}

.index_example_three{position:absolute;left:100%;top:0;height:45px;z-index:0;display:none;}

.index_example_img{height:407px;position:absolute;left:380px;top:0;width:820px;}
.index_example_img li{height:407px;width:100%;text-align:center;display:none;}
.index_example_img img{height:100%;}
.index_example_img_padding{padding-left:45px;}

.index_example_more{width:100%;display:flex;justify-content:center;align-items:center;margin-top:30px;}
.index_example_more button{font-size:18px;margin-right:8px;border-radius:4px;}
.index_example_more button.index_example_button_line{background:none;border:2px solid #ED5B38;color:#ED5B38;padding:5px 30px;}
.index_example_more button.index_example_button_line:hover{background:#ED5B38;color:#fff;}
.index_example_more button.index_example_button_orange{background:linear-gradient(to right,rgba(237,91,56,1),rgba(239,126,57,1));border:none;color:#fff;padding:7px 30px;}
.index_example_more button.index_example_button_orange:hover{background:#ED5B38;}


/* 合作伙伴部分 */
.index_partner{padding:0px 25px 30px 25px;background:#fff;width:100%;position:relative;}
.index_partner .index_middle_title{border-bottom:1px solid #979797;width:95%;margin:0 auto;}
.index_partner ul{width:100%;position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;}
.index_partner ul li {
    height: 50px;
    margin: 15px 15px;
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
    opacity: 0.8;
}
.index_partner ul li img{height:100%;}
.index_partner ul li:hover{
	 -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    -webkit-filter: grayscale(0);
	opacity:1;}
	
.mobileFooter{display:none;}
.emptyLogo{height:50px;width:175px;}

/*----------------首页供需对接墙入口样式-----------------*/
.index_supplyDemand{display:flex;}
.index_supplyDemand a{width:44%;margin-left:4%;position:relative;}
.index_supplyDemand a img{width:100%;}
.index_supplyDemand_color{background-color:rgba(0,0,0,0.8);position:absolute;left:0;top:0;width:100%;height:100%;
align-items:center;justify-content:center;flex-wrap:wrap;display:flex;opacity:0;}    
.index_supplyDemand_text{color:#fff;font-size:32px;}
.index_supplyDemand_line{height:2px;width:100%;background:#fff;}
.index_supplyDemand a:hover>.index_supplyDemand_color{
	opacity:0;
    -webkit-animation-name: jumpText;
    animation-name: jumpText;
    -webkit-animation-duration: 0.6s;  
    animation-duration:0.6s;  
    -webkit-animation-fill-mode: forwards ;  
    animation-fill-mode: forwards ;
}
@-webkit-keyframes jumpText {
   0%{opacity: 0;}
   100%{opacity: 1;}
}
 
@keyframes jumpText {
   0% {opacity: 0;}
   100% {opacity: 1;}
}


/*----------------浮动广告样式-----------------*/

.bottomOpen {
	background-color: #ed5725;
	width: 50%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 16;
	height: 146px;
}

.openDiv {
	/*background: -webkit-linear-gradient(to right, #0a7cc6 50%, #fff);
	background: -o-linear-gradient(to right, #0a7cc6 50%, #fff);
	background: -moz-linear-gradient(to right, #0a7cc6 50%, #fff);
	background: linear-gradient(to right, #0a7cc6 50%, #fff);*/
    background: -webkit-linear-gradient(to right,#fff,#10a383,#fff);
    background: -o-linear-gradient(to right,#fff,#10a383,#fff);
    background: -moz-linear-gradient(to right,#fff,#10a383,#fff);
    background: linear-gradient(to right,#fff,#10a383,#fff);
	width: 100%;
	height: 146px;
	display:flex;align-items:center;justify-content:center;
}

.openDiv>div{
	cursor:pointer;
	height:100%;
}

.openDiv>div img{
	height:100%;
}


.openDiv>div:hover{
    box-shadow: 0 25px 60px -20px rgba(0,0,0,.45);
    transform: translateY(-8px);
    transition: all .25s ease-in-out;
}

.openImgOut {
	width: 1212px;
	height: 157px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -606px;
}

.openImgOut img {
	width: 100%;
	height: 100%;
}

.openImgOut a {
	height: 45px;
	width: 130px;
	text-align: center;
	line-height: 45px;
	background-color: #ed5725;
	font-size: 18px;
	position: absolute;
	right: 50px;
	bottom: 15px;
}

.closeDiv {
	width: 300px;
	height: 146px;
	border: 4px solid rgba(255, 224, 178, 1);
	position: relative;
}

.closeDiv_up {
	width: 292px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	color: #fff;
	background-color: #ed5725;
	font-size: 22px;
}

.closeDiv_down {
	width: 292px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	background-color: #fff;
	padding: 15px 35px;
}

.closeBtn {
	position: absolute;
	height: 30px;
	width: 30px;
	right: 15px;
	top: 10px;
	color: #333;
	font-size: 20px;
	cursor:pointer;
}

.bottomImgMobile{
	display:none;
}

/*----------------浮动广告样式 end-----------------*/

/*----------------marquee -----------------*/

.ipoInfoDiv{
    width:100%;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 15px 0;
}

.ipoInfoLeftDiv{
    width: 8%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #567ddf;
    z-index: 2;
}

.ipoInfoRightDiv{
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #567ddf;
}

.ipoListMarquee{
    display: flex;
    justify-content: flex-start;
}

.ipoListDiv{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 40px;
}

.ipoListDiv > div{
    display: inline-block;
    height:100%;
    margin-left: 15px;
    padding: 0 10px;
}

.ipoListDiv > div > a{
    color: #567ddf !important;
    font-size: 16px;
}

.ipoListDiv > div > a > span:first-child{
    color: #aaa !important;
}

.ipoListDiv > div:hover{
    background-color: #355cb5;
    line-height: 40px;
}

.ipoListDiv > div:hover >a{
    color: #fff !important;
}

/*----------------marquee end-----------------*/

/*----------------客服二维码 -----------------*/
.mkswServiceCode {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 80px;
    right: 0;
    padding: 10px;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: #e6cbf9;
    border-radius: 8px;
    z-index: 19;
}

.mkswServiceCode > img{
    width:80px;
    height:80px;
    margin: 0 0 5px 0;
}

.mkswServiceCode > p{
    margin: 0 auto;
    word-wrap: break-word;
    word-break: break-all;
    width: 80px;
}

/*----------------客服二维码 end-----------------*/


	
/* 移动端样式 */
@media (max-width: 768px){
   .index_middle_title{height:70px;font-size:20px;}
   .carousel-indicators {padding:10px 0px;flex-wrap:wrap;}
   .carousel-indicators li{width:50%;min-height:40px;display:flex;justify-content:center;align-items:center;font-size:12px;border-right: 1px solid #fff;transform: scale(0.9);}
   .carousel-indicators .active{width:50%;}
   .carousel-control .glyphicon{top:22%;font-size:5.3vw;}
   .index_statistic{padding:15px;}
   .index_statistic_in{width:100%;margin-bottom:18px;}
   .index_statistic_bg{display:none;}
   .table-responsive {margin-bottom: 0px;}
/*    .index_img_out{display:flex;justify-content:center;}
   .item img{width:auto;margin:0 auto;height:200px;position:relative;} */
   .index_example_intro div{font-size:12px;}
   .index_case{padding:0px 15px 15px 15px;background:#fff;}
   .index_case_ul{padding-bottom:0px;}
   .index_case_ul li{width:100%;margin-bottom:10px;padding:5px;}
   .index_case_ul li>.index_case_con>.index_case_img{width:100%;height:auto;}
   .index_case_ul li>.index_case_con>.index_case_img>img{width:100%;height:auto;}
   .index_case_ul li:hover{padding:5px;position:relative;width:100%;left:0%;min-height:0;}
   .index_case_ul li:hover>.index_case_con {width: 100%;height: auto;}
   .index_case_ul li:hover>.index_case_con>.index_case_img{width:100%;height:auto;}
   .index_case_ul li:hover>.index_case_con>.index_case_text{width:100%;}
   
   .index_document{padding:0px 15px 30px 15px;}
   .index_document_title{height:50px;width:auto;background:#fff;
   border-bottom-left-radius:70px;border-bottom-right-radius:70px;}
   .index_document_con ul{width:100%;}

   .index_case_info{height:240px;overflow-y:auto;-webkit-line-clamp:50;}
   .index_case_bg{display:none;}
   .index_partner ul li{height:35px;}
   .index_example{padding: 0px 15px 30px 15px;}
   .index_partner{padding: 0px 15px 30px 15px;}
   
   .index_example_con{height:860px;margin:30px 0px;}
   .index_example_ul{width:56%;border-radius:2px;position:relative;box-shadow:rgba(0,0,0,0.1) 0px 0px 10px;left:0%;margin-left:0px;}
   .index_example_first{width:100%;}
   .index_example_second{width:66%;position:absolute;left:100%;}
   .index_example_img{height:370px;left:0px;top:472px;width:178%;padding-top:20px;}
   .index_example_img li{height:350px;}
   .index_example_img img{width:100%;height:auto;}
   .index_example_img_padding{padding-left:0;}
   
   .spacial_img{width:100%;height:auto;}
   .index_news{padding:0px 15px;}
   
   .mobileFooter{display:block;}  
   .pcFooter{display:none;}
   
   	.openImgOut{width:90%;height:50px;margin-left:0;left:5px;bottom:6px;}
	.bottomOpen{height:60px;}
	.bottomImgPc{display:none;}
	.bottomImgMobile{display:inline-block;}
	.openDiv{height:60px;}
	.closeBtn{right:0px;height:25px;width:25px;top:5px;}
	.openImgOut a{   
		height:30px;
	    width:90px;
	    text-align: center;
	    line-height:30px;
	    background-color: #ed5725;
	    font-size:12px;
	    position: absolute;
	    right:0px;
	    bottom:-40px;
	    border:1px solid #fff;
    }
    .index_document_title_out{height:80px;}
    .emptyLogo{height:35px;width:122px;}
    .index_example_more button.index_example_button_line{padding:5px 15px;}
    .index_example_more button.index_example_button_orange{padding:7px 17px;}
    .index_example_introMore{display:none;}
    .index_document .index_middle_title{height:80px;}
    .index_example .index_middle_title{font-size:16px;}
    .index_middle_title img{height:25px;margin-right:5px;}
    
   .mkswServiceCode{display: none;}
}