.flex_box{
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flex{
	
}
.online_banner{width: 100%;overflow: hidden; padding-bottom:40px;}
.online_banner img{width: 100%;}
.nav_comen{ box-shadow: 1px 1px 15px #e6e6e6; }
.high_content{ width: 100%; height: auto;  }
.content_center{ width: 79%; min-height: 40px; overflow: hidden; margin: auto; border-bottom: 1px solid #D9D9DA; padding-bottom: 20px;}

.content_center_top{
	width:100%; margin: auto; overflow: hidden;padding-top:10px;
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.content_center_top>div{

}
.content_left{ 
	height: auto; 
	-webkit-box-flex:0 0 165px;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 0 0 165px;     /* OLD - Firefox 19- */              
    -webkit-flex: 0 0 165px;      /* Chrome */  
    -ms-flex:0 0 165px;         /* IE 10 */  
    flex: 0 0 165px;             /* NEW, Spec - Opera 12.1, Firefox 20+ */	
}
.content_left h3{ display: block; float: left; font-size: 18px; color: #717071; }
.content_left a{
	display: block; 
	width: 58px; 
	height: 22px; 
	line-height: 22px; 
	text-align: center;
	float: left;
	margin-left: 28px; 
	font-size: 14px;
	-webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #878687;
}
.content_left .active{ 
	background-color: #e15513;
	color: #fff;
}
.content_left .active:hover{
	color: #e15513;
    background: #FFFFFF;
}




.content_right{ 
	overflow: hidden; 
	text-align: center;
	-webkit-box-flex: 1 ;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1;           /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.content_right span{ cursor: pointer; width: 80px; height: 22px; text-align: center; line-height: 22px; float: left; font-size: 14px; margin-bottom: 15px; color: #878687;}
.content_right a{ 
	width: 85px; height: 22px; 
	/*text-align: center; */
	line-height: 22px; 
	float: left; 
	font-size: 14px; 
	margin-bottom: 15px; 
	color: #878687;
	-webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    margin-right: 30px;
}
.content_right a:hover{ color: #e15513; }
.content_right .active{ background-color: #e15513; color: #fff; font-size: 14px;}
.content_right .active:hover{ color: #fff; }

.online_cont{ width: 79%; height: auto; margin: auto; margin-top: 30px;}
.online_cont ul{
	flex-wrap: wrap;
}
.online_cont ul li{ 
	 box-sizing: border-box;
	-webkit-box-flex: 0 0 23% !important;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 0 0 23% !important;    /* OLD - Firefox 19- */              
    -webkit-flex: 0 0 23% !important;     /* Chrome */  
    -ms-flex:0 0 23% !important;           /* IE 10 */  
    flex: 0 0 23% !important;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 0 1% 18px 1%;
    overflow: hidden;
    float: left;
    width:23% !important;
/*    margin-right:0.6%;*/
       -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box; 
}
.online_cont ul li>div{
	border: 1px solid #d9d9da;

}
/*.online_cont ul li:nth-child(4),.online_cont ul li:nth-child(8),.online_cont ul li:nth-child(12){
	margin-left: 0;
	margin-right: 0;
}*/
.online_cont ul li>div:hover{ border: 1px solid #b2b2b2; }
.online_cont ul li a{ display: block; width: 100%;  position: relative;}
.online_cont ul li a i{ display: block; padding: 2px 3px 2px 3px; font-size: 12px; font-style: normal; background: rgba(0, 0, 0, 0.6); color: #fff; position: absolute; right: 5px; bottom: 5px;}

.online_cont ul li a img{ width: 100%; height: 100%; display: block; }
.online_cont ul li span{ 
	width: 95%; margin: auto; padding: 15px 0;
}
.online_cont ul li span>div{
	-webkit-box-flex: 1 ;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1;           /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
   	overflow: hidden;
}
.online_cont ul li span>div:last-child{
	-webkit-box-flex:0 0 80px;  /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 0 0 80px;     /* OLD - Firefox 19- */              
    -webkit-flex:0 0 80px;    /* Chrome */  
    -ms-flex:0 0 80px;         /* IE 10 */  
    flex: 0 0 80px;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
    overflow: hidden;
}
.online_cont ul li span h3{ color: #524f4e; font-size: 14px; display: block; height: 22px; overflow: hidden;font-weight: 700;margin-bottom: 5px;}
.online_cont ul li span h3 a{ height: auto; }
.online_cont ul li span .price{
	color: red;
}
.online_cont ul li span>div>b{
	display: block;
	font-weight: 500;
	color: #878787; font-size: 12px; line-height: 22px;
}
.online_cont ul li span>div>b>a{
	color: #878787; 
}
.online_cont ul li span>div>b>a:hover{
	color: #e15513; 
}

.online_cont ul li span h3 a:hover{ color: #e15513 }
.online_cont ul li i{ font-style: normal; color: #878787; font-size: 12px; display: block; line-height: 22px;}
.online_cont ul li .ljxq{ display:inline; padding-left:18px; font-size: 12px; width: auto; margin: auto; height: 45px; line-height: 38px; color: #9a9a9a;}
.online_cont ul li .ljxq:hover{ color: #e15513; }



.dataTables_paginate{width: 100%;float: left;padding:40px 0;}
.pagination{ width: auto;display: table;margin:0 auto;}
.paginate_button { display: inline; font-size: 16px;color: #9d9d9e;border: 1px #9d9d9e solid;padding:3px 9px;margin-right: 10px;}
.paginate_button a { color: #9d9d9e; }
.pagination .active{ color: #fff!important;background-color: #e15513!important;border: 1px #e15513 solid!important;}
.pagination .active a { color:#fff; }







/*.center_tip{ width: 1417px; height: 30px; line-height: 30px; margin: auto; padding-top: 14px;position: relative;}
.center_tip span{ display: block; width: auto; float: right; color: #e06c36; font-size: 14px; cursor: pointer;}
.center_tip span:hover{ color: #cc4708 }
.center_tip span:hover i{background-color: #cc4708;}
.center_tip span i{
    display: inline-block;
    font-style: normal;
    color: #fff;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: #e06c36;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 12px;
    margin-right: 5px;
}


.tip_content{ 
    width: 160px; 
    height: auto; 
    border: 1px solid #595757; 
    line-height: 26px; 
    padding: 15px; 
    color: #676767; 
    border:1px solid #595757;
    position: absolute;
    bottom: -269px;
    right: 0;
    background-color: #fff;
    font-size: 14px;
	z-index:99;
}

@media screen and (max-width: 1480px) { 

.tip_content{ 
    width: 160px; 
    height: auto; 
    border: 1px solid #595757; 
    line-height: 26px; 
    padding: 15px; 
    color: #676767; 
    border:1px solid #595757;
    position: absolute;
    bottom: -357px;
    right: -51px;
    background-color: #fff;
    font-size: 14px;
}

}*/





/* 右侧浮动层 */
.right_talk{ width: 200px; height: 192px; position: fixed; bottom: 66px; right: 20px; overflow: hidden; z-index: 999;}
.right_talk ul{ width: 40px; height: auto; float: right;}
.right_talk ul li{ width: 40px; height: 40px; background-color: #c7c8c9; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.right_talk ul li img{ display: block; margin: auto; transform: translate(0, 10px); }
.right_talk ul .right_dh span{ 
    display: block; 
    width: 150px; 
    height: 38px; 
    line-height: 38px; 
    background-color: #fff; 
    position: absolute; 
    right: -112px; 
    /*bottom: 60px;*/
	bottom: 102px;
    border: 1px solid #c7c8c9;
    text-align: center;
    color: #686767;
    transition: 0.5s;
    z-index: -1;
    
}
.right_talk ul li:hover{background-color: #9a9a9a;}
.right_talk ul .right_dh:hover span{
    
    right: 40px; 
}

.right_talk ul .right_js span{ 
    display: block; 
    width: 150px; 
    height: 38px; 
    line-height: 38px; 
    background-color: #fff; 
    position: absolute; 
    right: -112px; 
    bottom: 152px;
    border: 1px solid #c7c8c9;
    text-align: center;
    color: #686767;
    transition: 0.5s;
    z-index: -1;
    
}
.right_talk ul li:hover{background-color: #9a9a9a;}
.right_talk ul .right_js:hover span{
    right: 40px; 
}






.right_talk ul .right_zixun span{ 
    width: 35px; 
    height: 40px; 
    display: block; 
    margin: auto; 
    text-align: center; 
    line-height: 15px; 
    font-size: 12px;
    transform: translate(0, 20px);
    -ms-transform:translate(0, 20px);   /* IE 9 */
    -moz-transform:translate(0, 20px);/* Firefox */
    -webkit-transform:translate(0, 20px); /* Safari 和 Chrome */
    -o-transform:translate(0, 20px);    /* Opera */


    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */

    color: #fff;
}
.right_talk ul .right_zixun img{transition: all 0.5s;}


.right_talk ul .right_zixun:hover span{transform: translate(0, -15px); transition: all 0.5s;}
.right_talk ul .right_zixun:hover img{ transform: translate(0, -20px); transition: all 0.5s;}


.right_talk ul .fanhui span{ 
    width: 35px; 
    height: 40px; 
    display: block; 
    margin: auto; 
    text-align: center; 
    line-height: 15px; 
    font-size: 12px;
    transform: translate(0, 20px);
    -ms-transform:translate(0, 20px);   /* IE 9 */
    -moz-transform:translate(0, 20px);/* Firefox */
    -webkit-transform:translate(0, 20px); /* Safari 和 Chrome */
    -o-transform:translate(0, 20px);    /* Opera */


    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */

    color: #fff;
}
.right_talk ul .fanhui img{
    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}


.right_talk ul .fanhui:hover span{
    transform: translate(0, -15px); 
    -ms-transform:translate(0, -15px);  /* IE 9 */
    -moz-transform:translate(0, -15px);/* Firefox */
    -webkit-transform:translate(0, -15px); /* Safari 和 Chrome */
    -o-transform:translate(0, -15px);   /* Opera */

    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}
.right_talk ul .fanhui:hover img{ 
    transform: translate(0, -20px); 
    -ms-transform:translate(0, -20px);  /* IE 9 */
    -moz-transform:translate(0, -20px);/* Firefox */
    -webkit-transform:translate(0, -20px); /* Safari 和 Chrome */
    -o-transform:translate(0, -20px);   /* Opera */
    

    transition: all 0.5s;
    -ms-transition: all 0.5s;   /* IE 9 */
    -moz-transition: all 0.5s;/* Firefox */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}

@media screen and (max-width:1400px){
	.online_cont ul li{ 
		-webkit-box-flex: 0 0 33.33333%;  /* OLD - iOS 6-, Safari 3.1-6 */  
	    -moz-box-flex: 0 0 33.33333%;     /* OLD - Firefox 19- */              
	    -webkit-flex: 0 0 33.33333%;   /* Chrome */  
	    -ms-flex: 0 0 33.33333%;          /* IE 10 */  
	    flex: 0 0 33.33333%;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	}
}
@media screen and (max-width:1150px){
	.online_cont ul li{ 
		-webkit-box-flex: 0 0 50%;  /* OLD - iOS 6-, Safari 3.1-6 */  
	    -moz-box-flex: 0 0 50%;    /* OLD - Firefox 19- */              
	    -webkit-flex: 0 0 50%;   /* Chrome */  
	    -ms-flex: 0 0 50%;         /* IE 10 */  
	    flex: 0 0 50%;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	}
}