/*iconfont 图标*/

.header_meta {
	width: 100%;
	height: 36px;
	overflow: hidden;
	background: #f2f2f2;
}

.header_meta_l {
	line-height: 36px;
	float: left;
	font-size: 12px;
	color: #696969;
}

.header_meta_r {
	float: right;
}

.header_meta_r a {
	float: left;
	font-size: 12px;
	line-height: 36px;
	display: inline-block;
	color: #696969;
	margin-left: 10px;
}

header {
	padding: 30px 0;
}

.logo {
	float: left;
	width: 30%;
}

.header_form {
	float: left;
}

.main_top_input {
	width: 440px;
	float: left;
	overflow: hidden;
	margin-top: 2px;
}

.main_top_select {
	float: left;
	background: #eaeaea;
	height: 40px;
	display: inline-block;
	width: 80px;
	outline: none;
	border: 2px solid black;
	border-right: 0;
	font-size: 14px;
	padding-left: 15px;
}

.top_from {
	float: left;
	width: 360px;
	position: relative;
}

.top_from input {
	height: 40px;
	width: 260px;
	float: left;
	border: none;
	outline: none;
	border-bottom: 2px solid;
	border-top: 2px solid;
	border-left: 2px solid;
	font-size: 14px;
	text-indent: 15px;
}

#sub {
	background: #007ac0;
	border: none;
	color: white;
	width: 100px;
	height: 40px;
	position: absolute;
	z-index: 14;
	font-size: 16px;
	text-indent: 0px;
}

.header_tel {
	float: right;
	padding-top: 5px;
}

nav {
	height: 50px;
	background: #007ac0;
}

nav ul li {
	float: left;
}

nav ul li a {
	display: block;
	padding: 0px 30px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: 400;
	transition: .5s;
}

nav ul li.active a,
nav ul li:hover a {
	background: #fe4300;
}
/*首页*/
.index_title{
	text-align: center;
	margin-bottom: 40px;
}
.index_title h5{
	font-size: 30px;
	font-weight: bold;
	color: #0079c8;
}
.index_title p{
	font-size: 14px;
	margin-top: 5px;
	color: #7b7b7b;
}

.index_sec1{
	padding: 40px 0;
}
.in_sec1_main_l{
	width: 790px;
}
.in_sec1_main_r{
	width: 380px;
}
.in_sec1_main_l ul li{
	width: 380;
	margin-right: 15px;
	height: 195px;
	padding-top: 77px;
	text-align: center;
	float: left;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.in_sec1_main_l ul li:nth-of-type(1){background-image: url(../images/index_cour_img1.jpg);margin-bottom: 15px;}
.in_sec1_main_l ul li:nth-of-type(2){background-image: url(../images/index_cour_img2.jpg);margin-bottom: 15px;}
.in_sec1_main_l ul li:nth-of-type(3){background-image: url(../images/index_cour_img3.jpg);}
.in_sec1_main_l ul li:nth-of-type(4){background-image: url(../images/index_cour_img4.jpg);}

.in_sec1_main_l ul li h5{
	font-size: 22px;
	color: #000000;
	font-weight: bold;
}
.in_sec1_main_l ul li p{
	font-size: 14px;
	color: #656565;
	margin-top: 10px;
}
.in_sec1_list{
	display: none;
	background: #0079c8;
	height: 404px;
	padding: 40px;
}
.in_sec1_list.active{
	display: block;
}
.in_sec1_list h5{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
}
.in_sec1_list p{
	font-size: 16px;
	color: #fff;
}
.in_sec1_list samp{
	display: block;
	margin: 25px 0;
	width: 30px;
	height: 2px;
	background: #fff;
}
.in_sec1_list font{
	font-size: 16px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-bottom: 25px;
}
.in_sec1_list ul{
	margin-top: 25px;
	text-align: center;
}
.in_sec1_list ul li{
	width: 80px;
	height: 80px;
    display: inline-block;
	border: 2px solid #e4e5e5;
	border-radius:3px ;
	text-align: center;
	padding-top: 15px;
}
.in_sec1_list ul li:nth-of-type(2){
	margin: 0 25px;
}
.in_sec1_list ul li b{
	font-size: 16px;
	display: block;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}
.in_sec1_list ul li span{
	font-size: 14px;
	display: block;
	color: #fff;
}
.index_sec2{
	padding: 40px 0;
	border-bottom: 40px solid #f5f5f5
}
.in_sec2_main_l{
	width: 380px;
	margin-right: 20px;
}
.in_sec2_main_l h5{
	background: #0079c8;
	padding: 20px 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.in_sec2_main_r{
	width: 770px;
	border: 1px solid #0079C8;
	padding: 21px 25px;
}
.in_sec2_main_r ul li{
	display: block;
	margin-bottom: 25px;
}
.in_sec2_main_r ul li:last-of-type{
	margin-bottom: 0;
}
.in_sec2_main_r ul li .img{
	float: left;
	width: 20%;
}
.in_sec2_main_r ul li .info{
	width: 75%;
	margin-left: 5%;
	float: left;
}
.in_sec2_main_r ul li .info h5{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #575757;
	transition: .5s;
}
.in_sec2_main_r ul li:hover .info h5{
	color: #0079C8;
}
.in_sec2_main_r ul li .info p{
	font-size: 14px;
	color: #9a9a9a;
	line-height: 20px;
	height:40px;
	margin: 3px 0;
	overflow: hidden;
}
.in_sec2_main_r ul li .info font{
	font-size: 14px;
	color: #9A9A9A;
}
.index_sec3{
	padding: 40px 0;
}
.in_sec3_main{
	position: relative;
	height: 460px;
}
.in_sec3_main ul{
	position: absolute;
	height: 220px;
	text-align: center;
	width: 100%;
	left: 0;
}
.in_sec3_main ul li{
	display: inline-block;
	margin: 0 9px;
	width: 210px;
	height: 210px;
	text-align: center;
	padding-top: 90px;
	transition: .5s;
	background: url(../images/index_clas_bg.png) no-repeat center;
	background-size: contain !important; 
}
.in_sec3_main ul li h5{
	font-size: 22px;
	color: #0079C8;
	font-weight: bold;
	line-height: 1;
	transition: .5s;
}
.in_sec3_main ul li p{
	font-size: 14px;
	color: #00416c;
	line-height: 1;
	transition: .5s;
	margin-top: 10px;
}
.in_sec3_main ul.active li{
	background: url(../images/index_clas_active_bg.png) no-repeat center;
}
.in_sec3_main ul.active li h5,
.in_sec3_main ul.active li p{
	color: #fff;
}
.p2{
	top: 121px;
}
.p3{
	top: 242px;
}
.index_sec4{
	padding: 60px 0;
	background: #0079C8;
}
.in_sec4_l{
	width: 640px;
	border: 1px solid #fff;
	padding: 21.5px 20px;
}
.in_sec4_l .info{
    padding-top: 15px;
    width: 220px;
}
.in_sec4_l .info font{
	display: block;
	font-size: 18px;
	color: #fff;
}
.in_sec4_l .info h5{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0;
}
.in_sec4_l .info p{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
.in_sec4_l .img{
	width: 338px;
}
.in_sec4_r{
	width: 520px;
}
.index_sec5{
	padding: 40px 0;
}
.in_sec5_l{
	width: 770px;
}
.in_sec5_l_title{
	padding: 5px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #cdcdcd;
}
.in_sec5_l_title span{
	display: block;
	float: left;
	padding-left: 20px;
	border-left: 5px solid #0079C8;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
}
.in_sec5_l_title span img{
	margin-right: 14px;
	margin-top: 4px;
}
.in_sec5_l_title a{
	display: block;
	float: right;
	background: #0079C8;
	width: 70px;
	height: 25px;
	margin-top: 1.5px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.in_sec5_l_img{
	margin-bottom: 20px;
}
.in_sec5_l_img .img{
	width: 39%;
	border: 1px solid #0079C8;
}
.in_sec5_l_img .info{
	width: 56%;
}
.in_sec5_l_img .info h5 a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 25px 0 15px;
}
.in_sec5_l_img .info p{
	font-size: 14px;
	color: #616060;
	line-height: 25px;
	height: 100px;
	overflow: hidden;
}
.in_sec5_list ul li{
	width: 45%;
	float: left;
	margin-top: 10px;
}
.in_sec5_list ul li:nth-child(odd){
	margin-right: 10%;
}
.in_sec5_list ul li a{
	width: 70%;
	float: left;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #555555;
	transition: .5s;
}
.in_sec5_list ul li font{
	width: 30%;
	float: right;
	text-align: right;
	display: block;
	font-size: 14px;
	color: #555555;	
}
.in_sec5_list ul li:hover a{
	color: #0079C8;
}
.in_sec5_r{
	width: 380px;
	border: 1px solid #cdcdcd;
}
.in_sec5_r_title{
	padding: 5px 15px;
	border-bottom: 1px solid #cdcdcd;
}
.in_sec5_r_title span{
	float: left;
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}
.in_sec5_r_title span font{
	display: inline-block;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 28px;
	margin-left: 8px;
}
.in_sec5_r_title a{
	display: block;
	float: right;
	width: 70px;
	height: 25px;
	margin-top: 1.5px;
	line-height: 25px;
	background: #0079C8;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.in_sec5_r_list{
	padding: 10px 15px 0;
}
.in_sec5_r_list ul li{
	margin-bottom: 18px;
}
.in_sec5_r_list ul li .img{
	width: 42%;
}
.in_sec5_r_list ul li .info{
	width: 55%;
}
.in_sec5_r_list ul li .info h5 a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 5px 0;
}
.in_sec5_r_list ul li .info p{
	font-size: 14px;
	color: #616060;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
}
.index_sec6{
	padding: 40px 0;
}
.in_sec6_main{
	position: relative;
}
.in_sec6_btn{
	position: absolute;
	width: 35px;
	height: 40px;
	text-align: center;
	background: #d2d2d2;
	transition: .5s;
	top: 50%;
	margin-top: -40px;
}
.in_sec6_btn i{
	font-size: 24px;
	color: #fff;
	line-height: 40px;
}
.in_sec6_btn:hover{
	background: #0079C8;
}
.in_sec6_prev{
	left: -5%;
}
.in_sec6_next{
	right: -5%;
}
.in_sec6_box{
	overflow: hidden;
}
.in_sec6_box ul{
	position: relative;
	width: 200%;
}
.in_sec6_box ul li{
	width: 11.5%;
	margin: 0 0.5%;
	float: left;
}
.in_sec6_box ul li .info{
	padding: 15px;
	border: 1px solid #f0f0f0;
}
.in_sec6_box ul li .info h5{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
	transition: .5s;
}
.in_sec6_box ul li .info p{
	font-size: 13px;
	color: #616060;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
.in_sec6_box ul li:hover .info h5{
	color: #0079C8;
}
.index_fen{
	text-align: center;
}
.index_sec7{
	padding: 40px 0;
}
.in_sec7_list{
	width: 380px;
	margin-right: 15px;
	float: left;
}
.in_sec7_l_title{
	padding: 5px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #cdcdcd;
}
.in_sec7_l_title span{
	display: block;
	float: left;
	padding-left: 20px;
	border-left: 5px solid #0079C8;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
}
.in_sec7_l_title span img{
	margin-right: 14px;
	margin-top: 4px;
}
.in_sec7_l_title a{
	display: block;
	float: right;
	background: #0079C8;
	width: 70px;
	height: 25px;
	margin-top: 1.5px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.in_sec7_list .img{
	margin-bottom: 10px;
	border: 1px solid #0079C8;
}
.in_sec7_list .info ul li{
	margin-top: 10px;
}
.in_sec7_list .info ul li a{
	width: 70%;
	float: left;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color: #555555;
	transition: .5s;
}
.in_sec7_list .info ul li font{
	width: 30%;
	float: right;
	text-align: right;
	display: block;
	font-size: 14px;
	color: #555555;	
}
.in_sec7_list .info ul li:hover a{
	color: #0079C8;
}
.in_sec7_r{
	width: 380px;
	float: left;
	border: 1px solid #cdcdcd;
}
.in_sec7_r_title{
	padding: 5px 15px;
	border-bottom: 1px solid #cdcdcd;
}
.in_sec7_r_title span{
	float: left;
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}
.in_sec7_r_title span font{
	display: inline-block;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 28px;
	margin-left: 8px;
}
.in_sec7_r_title a{
	display: block;
	float: right;
	width: 70px;
	height: 25px;
	margin-top: 1.5px;
	line-height: 25px;
	background: #0079C8;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.in_sec7_r_list{
	padding: 15px 10px 0;
}
.in_sec7_r_list ul li{
	margin-bottom: 20px;
}
.in_sec7_r_list ul li h5 a{
	display: block;
	padding-left: 30px;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	transition: .5s;
	margin-bottom: 10px;
	background: url(../images/wen.jpg) no-repeat left top;
}
.in_sec7_r_list ul li p{
	padding-left: 30px;
	background: url(../images/da.jpg) no-repeat left top;
	font-size: 14px;
	color: #616060;
	line-height: 20px;
}
.in_sec7_r_list ul li:hover h5 a{
	color: #0079C8;
}
footer{
	padding: 40px 0;
	background: #0079C8;
}
.footer_info{
	width: 80%;
}
.footer_info p{
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
}
.footer_info a,
.footer_info span,
.footer_info font{
	font-size: 14px;
	color: #fff;
}
.footer_info p a font{
	margin: 0 10px;
}
.footer_info p a:last-of-type font{
	display: none;
}
.footer_info p.links{
	margin-bottom: 0;
}
.footer_info p.links a{
	margin-right: 10px;
}
.footer_img{
	width: 20%;
	text-align: right;
}
.footer_img img{
	width:125px;
}
/*内页*/
.nei_banner {
	text-align: center;
}

.main {
	padding: 0 0 30px;
}

.pos {
	display: block;
    padding: 16px;
    margin-bottom: 20px;
    background: #f1f1f1;
    color:#606060;
    font-size: 16px;
}
.pos p{
    display: inline-block;
    color:#606060;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pos>span{
    float: right;
    color:#5f5f5f;
    font-size: 12px;
    padding-left:25px;
    line-height: 20px;
    background: url(../images/pos_img.png) no-repeat left;
    background-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:80%;
}
.pos>span a{
    color:#5f5f5f;	
}
.main .left{
	width: 18%;
    float: left;
}
.main .right{
	width: 82%;
    float: left;
    padding-left: 30px;
}
.main_category{
	border: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 15px;
}
.main_category h5{
	text-align: center;
    background: url(../images/jiao.png) top right #0079C8 no-repeat;
    overflow: hidden;
    padding: 15px 0px;
    width: 100%;
	font-size: 22px;
    color: #fff;
}
.main_category ul{
    margin-top: 5px;
}
.main_category ul li{
	background: #f1f1f1;
    margin: 2.5px 0;
    transition: .5s;
}
.main_category ul li a{
	font-size: 13px;
    display: block;
    padding: 0 15px;
    color: #333;
    line-height: 36px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    transition: .5s;
    white-space: nowrap;
}
.main_category ul li:hover{
	background: #0079C8;
}
.main_category ul li:hover a{
	color: #fff;
}
.main_news{
	background: #f1f1f1;
}
.main_news ul{
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}
.main_news h5{
	text-align: center;
    height: 60px;
    line-height: 60px;
    background: #0079C8;
    color: #fff;
    font-size: 20px;
    border-radius: 5px 5px 0 0;
}
.main_news ul li a{
	display: block;
	position: relative;
	font-size: 13px;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
    padding: 12px 30px;
	border-bottom: 1px solid #d3d3d3;
	transition: .5s;
}
.main_news ul li a::before{
	position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    top: 12px;
    left: 8px;
    border-radius: 50%;
	background: #aeaeae;
	color: #fff;
	font-size: 12px;
	transition: .5s;
}
.main_news ul li:nth-child(1) a::before{content: "1";}
.main_news ul li:nth-child(2) a::before{content: "2";}
.main_news ul li:nth-child(3) a::before{content: "3";}
.main_news ul li:nth-child(4) a::before{content: "4";}
.main_news ul li:nth-child(5) a::before{content: "5";}
.main_news ul li:hover a{
	color: #fff;
	background: #0079C8;
}
.main_news ul li:hover a::before{
	background: #fff;
	color: #0079C8;
	border-radius: 5px;
}

.product ul li{
	width: 30%;
	float: left;
	margin-bottom: 1.5%;
}
.product ul li:nth-child(3n+2){
	margin: 0 5% 1.5%;
}
.product ul li .info{
	padding: 10px;
	border: 1px solid #d3d3d3;
	border-top: 0;
}
.product ul li .info h5{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	transition: .5s;
}
.product ul li:hover .info h5{
	color: #0079C8;
}
.product ul li .info p{
    font-size: 13px;
    color: #616060;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.news ul li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #edebec;
}
.news_date{
	width: 16%;
	float: left;
    border-right: 3px solid #e3e1e2;
    padding: 10px 0;
    text-align: center;
}
.news_date h5{
    font-size: 45px;
    transition: 0.5s;
    margin-bottom: 10px;
    color: #949494;
}
.news_date p{
	font-size: 14px;
    color: #949494;
    transition: 0.5s;
}
.news_info{
    width: 54%;
    float: left;
    margin: 25px 5% 0;
}
.news_info h5{
	font-size: 17px;
	margin-bottom: 10px;
    transition: 0.5s;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    overflow: hidden;
    color: #555;
}
.news_info p{
	height: 50px;
    overflow: hidden;
    color: #949494;
    font-size: 14px;
    line-height: 25px;
    transition: 0.5s;
}
.news_img{
	width: 20%;
    float: right;
    overflow: hidden;
}
.news_img img{
	transition: .8s;
}
.news ul li:hover .news_date h5{
	color: #0079C8;
}
.news ul li .news_info h5:hover{
	color: #0079C8;    
	margin-left: 5px;
}
.news ul li .news_info p:hover{
	margin-left: 5px;	
}
.news ul li .news_img:hover img{
	transform: scale(1.1);
}
.page{
    padding: 15px;
    background: #f1f1f1;
}
.contact{
	padding: 15px;
    background: #f1f1f1;
    line-height: 1.46;	
}
.contact h5{
	font-size: 20px;
	color: #0079C8;
	font-weight: bold;
}
.contact p{
	font-size: 14px;
	color: #666;
	margin-top: 15px;
}
.contact_map{
	border: 5px solid #0079C8;
	display: inline-block;
	margin-top: 25px;
}
.case ul li{
	width: 32.33%;
	margin-bottom: 1.5%;
	float: left;
	text-align: center;
}
.case ul li:nth-child(3n+2){
	margin: 0 1.5% 1.5%;
}
.case ul li h5{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	padding: 10px 0;
	color: #333;
	transition: .5s;
}
.case ul li:hover h5{
	color: #0079C8;
}
.article_title{
	text-align: center;
	padding: 15px 0;
	font-size: 20px;
	color: #333;
}
.article_date{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D3D3D3;
	text-align: center;
}
.article_date span{
	display: inline-block;
	margin: 0 10px;
	font-size: 15px;
	color: #797979;
}
.conten_content *{
	line-height: 1.68;
}
.conten_content a{
	color: #0079C8;
}
.conten_page {
	display: block;
	margin-top: 10px;
	text-align: left;
	border-top: 1px solid #8c8c8c;
	padding-top: 10px;
}

.conten_page p {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #8c8c8c;
}

.conten_page p a {
	font-size: 14px;
	color: #8c8c8c;
}

.conten_article_other,
.conten_case_other {
	display: block;
}

.conten_article_other h5,
.conten_case_other h5
{
	font-size: 16px;
	font-weight: 300;
	color: #666;
    padding: 10px 0;
    margin-bottom: 10px;
	border-bottom: 1px solid #8C8C8C;
}
.conten_article_other ul li{
	display: block;
	width: 48%;
	float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
	transition: .5s;
	border-bottom: 1px solid #DCDCDC;
}
.conten_article_other ul li:nth-child(odd){
	margin-right: 4%;
}
.conten_article_other ul li a{
	display: block;
	width: 80%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	transition: .5s;
	color: #8c8c8c;
}
.conten_article_other ul li:hover{
	border-bottom: 1px solid #0079C8;
}
.conten_article_other ul li:hover a{
	color: #0079C8;
}
.conten_article_other ul li font{
	font-size: 12px;
	color: #8c8c8c;
	display: block;
	width: 20%;
	float: right;
	text-align: right;
}
.conten_case_other ul li {
	display: block;
	width: 24%;
	margin-right: 1.3333%;
	float: left;
	margin-bottom: 10px;
}
.conten_case_other ul li:last-of-type{
	margin-right: 0;
}
.conten_case_other ul li p {
	display: block;
	overflow: hidden;
	border: 1px solid #d3d3d3;
	transition: .5s;
}

.conten_case_other ul li p img {
	width: 100%;
	transition: .6s;
}

.conten_case_other ul li span {
	display: block;
}

.conten_case_other ul li span a {
	padding: 5px 0;
	font-size: 14px;
	display: block;
	transition: .6s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	color: #8C8C8C;
}

.conten_case_other ul li:hover p img {
	transform: scale(1.08);
}
.conten_case_other ul li:hover p{
	border: 1px solid #0079C8;
}

.conten_case_other ul li:hover span a {
	background: #0079C8;
	color: #fff;
}
.content_tag{
	padding-left: 30px;
	background: url(../images/icon_tag.png) no-repeat left 5px;
}
.content_tag span{
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.content_tag a{
	margin-left: 10px;
	color: #797979;
	line-height: 30px;
	font-size: 14px;
	transition: .3s;
}
.content_tag a:hover{
	color: #0079C8;
}
.product_img{
	width: 28%;
    margin: 1%;
    text-align: center;
    margin-top: 0;
    padding: 10px;
    border: 1px solid #e3e3e3;
    float: left;
}
.product_p{
	width: 70%;
	float: left;
	padding-left: 30px;
}
.product_p  .product_li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 14px;
    color: #393939;
}
.product_li font{
	color: #0079C8;
}
.product_name{
	font-size: 14px;
    color: #393939;
    display: inline-block;	
}
.content_tag{
	padding-left: 30px;
	background: url(../images/icon_tag.png) no-repeat left 5px;
}
.content_tag span{
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.content_tag a{
	margin-left: 10px;
	color: #797979;
	line-height: 30px;
	font-size: 14px;
	transition: .3s;
}
.content_tag a:hover{
	color: #0079C8;
}
.product_content_title{
	margin-top: 25px;
	line-height: 48px;
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
    background: url(../images/jiao.png) top right #0079C8 no-repeat;
	color: #fff;
	margin-bottom: 15px;
}
.product_content *{
	line-height: 1.68;
	padding: 0 15px;
}
.product_content a{
	color: #0079C8;
}
.bdsharebuttonbox{
	margin-top: 15px;
}
.product_content .bdshare-button-style1-16 a,.product_content .bdshare-button-style1-16 .bds_more{
	padding-left: 5px !important;
}
.other_product {
	display: block;
	margin-top: 10px;
}

.other_product h5 {
	display: block;
	padding: 10px 0;
	font-size: 18px;
	margin-bottom: 10px;
    font-weight: bold;
    color: #0079C8;
	border-bottom: 1px solid #0079C8;
	margin-bottom: 10px;
}

.info_product_conten .infp_product_con {
	padding: 0 10px;
	color: #8C8C8C;
}

.other_product ul li {
	display: block;
	width: 24%;
	margin-right: 1%;
	float: left;
	margin-bottom: 10px;
}

.other_product ul li p {
	display: block;
	overflow: hidden;
	border: 1px solid #d3d3d3;
	transition: .5s;
}

.other_product ul li p img {
	width: 100%;
	transition: .6s;
}

.other_product ul li span {
	display: block;
}

.other_product ul li span a {
	padding: 5px 0;
	font-size: 14px;
	display: block;
	transition: .6s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	color: #8C8C8C;
}

.other_product ul li:hover p img {
	transform: scale(1.08);
}
.other_product ul li:hover p{
	border: 1px solid #0079C8;
}

.other_product ul li:hover span a {
	background: #0079C8;
	color: #fff;
}