
/*+++++hj_go_2258+++++*/

/*+++++hj_end_2258+++++*/


/*+++++hj_go_2259+++++*/

/*+++++hj_end_2259+++++*/


/*+++++hj_go_2282+++++*/

/*+++++hj_end_2282+++++*/


/*+++++hj_go_2299+++++*/
template_hj_2299 {

	overflow-x: hidden;

	color: #000;

	font-size: 14px;

	font-family: microsoft yahei, "宋体";

}

template_hj_2299 a {

	text-decoration: none;

	color: #666;

}

template_hj_2299 .hj_mk_2299_template_hj_2299 * {

	position: relative;

	margin: 0;

	list-style: none;

	padding: 0;

	box-sizing: border-box

}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

template_hj_2299 .hj_mk_2299_clearfix {

	zoom: 1

}

template_hj_2299 .hj_mk_2299_clearfix:before, template_hj_2299 .hj_mk_2299_clearfix:after {

	display: table;

	line-height: 0;

	content: ""

}

template_hj_2299 .hj_mk_2299_clearfix:after {

	clear: both

}

template_hj_2299 .hj_mk_2299_marginauto {

	margin: 0 auto;

}
template_hj_2299 .hj_mk_2299_content .hj_mk_2299_container{width:1200px;margin:0 auto;}
template_hj_2299 .hj_mk_2299_case-box2{

    width: 100%;

}

template_hj_2299 .hj_mk_2299_case-box2 ul{

    margin: 0 -7.5px;

}

template_hj_2299 .hj_mk_2299_case-box2 li{

    width: 33.333%;

    -ms-flex: 0 0 33.333%;

    flex: 0 0 33.333%;

 

}

template_hj_2299 .hj_mk_2299_case-box2 li .hj_mk_2299_case-main{

    margin: 20px 10px;

    position: relative;

}

template_hj_2299 .hj_mk_2299_case_pic {

    position: relative;

    width: 100%;  height: 192px;

    overflow: hidden;

}

template_hj_2299 .hj_mk_2299_case_pic a {

    position: absolute;

    width: 97%;

    height: 100%;

    background: rgba(0,157,209,.9);

   

    top: 0;

    left: 0;

    transition-duration: .4s;

    -moz-transition-duration: .4s;

    -webkit-transition-duration: .4s;

    -o-transition-duration: .4s;

    -webkit-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(0);

    -moz-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(0);

    -o-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(0);

    -ms-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(0);

    transform: translateX(0%) translateZ(0) rotateY(0deg) scale(0);

}

template_hj_2299 .hj_mk_2299_case_pic .hj_mk_2299_case-box {

    width: 80%;

    height: 80%;

   justify-content: center;
    align-items: center;
    display: flex;

   margin: 6% 8%;

    text-align: center;

}

template_hj_2299 .hj_mk_2299_case_pic .hj_mk_2299_case-box h3 {

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

     padding: 30px 0 20px 0;

}

template_hj_2299 .hj_mk_2299_case_pic .hj_mk_2299_case-box span {

  color: #009dd1;
    transition: color .30s linear;
    display: block;
    position: relative;
    z-index: 9;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    background: #fff none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
    height: 52px;
   
    line-height: 52px;
    visibility: hidden;
    width: 215px;
  

}
template_hj_2299 .hj_mk_2299_case-box2 li:hover .hj_mk_2299_case-box span{
    animation: bounceIn 1.50s linear;
    visibility: visible;
}
template_hj_2299 .hj_mk_2299_case-box2 li:hover .hj_mk_2299_case_pic a {

    -webkit-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(1);

    -moz-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(1);

    -o-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(1);

    -ms-transform: translateX(0%) translateZ(0) rotateY(0deg) scale(1);

    transform: translateX(0%) translateZ(0) rotateY(0deg) scale(1);

}

template_hj_2299 .hj_mk_2299_case-main .hj_mk_2299_time4 {

   border: 1px solid #f1f1f1;

    font-size: 16px;

   
    text-align: left;
    padding: 20px;
    position: relative;

}
template_hj_2299 .hj_mk_2299_case-main .hj_mk_2299_time4::before {
    background: #009dd1;
    background: ;
    content: '';
    height: 100%;
    right: 0px;
    bottom: 0px;
    position: absolute;
    transition: all .30s linear;
    width: 10px;
}
template_hj_2299 .hj_mk_2299_case-main .hj_mk_2299_time4::after {
    background: #009dd1;
    background: ;
    content: '';
    height: 0%;
    left: 0px;
    bottom: 0px;
    position: absolute;
    transition: all .30s linear;
    width: 10px;
}
.hj_mk_2299_case-box2 li:hover .hj_mk_2299_case-main .hj_mk_2299_time4::after {
    height: 100%;
}
template_hj_2299 .hj_mk_2299_case-main .hj_mk_2299_time4 .hj_mk_2299_title{display: inline-block;font-weight: 700;
    font-size: 18px;color: #000000;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;box-sizing: border-box;margin-bottom: 10px;}
template_hj_2299 .hj_mk_2299_case-main .hj_mk_2299_time4 .des{color: #999999;
   
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
template_hj_2299 .hj_mk_2299_case-box2 li:hover h2 {

    background: #cf070a;

}

template_hj_2299 .hj_mk_2299_case-box2 li:hover h2 a {

    color: #fff;

}

template_hj_2299 .hj_mk_2299_jjbq-box {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

template_hj_2299 .fenyeyemadiv {

	display: table;

	margin: 10px auto;

}

template_hj_2299 .hj_mk_2299_pages {

	margin: 40px auto;

}

template_hj_2299 .hj_mk_2299_hjtwlist {

	width: 100%;

	height: 200px;

	padding: 0;

	margin: 0 auto;

	vertical-align: top;

	clear: both;

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: center;

	/*border: 1px solid #ddd;*/

}

template_hj_2299 .hj_mk_2299_hjtwlisttu {

	max-width: 100%;

	max-height: 100%;

	transition: transform 300ms ease-out;

	-moz-transition: -moz-transform 300ms ease-out; /* Firefox 4 */

	-webkit-transition: -webkit-transform 300ms ease-out; /* Safari and Chrome */

	-o-transition: -o-transform 300ms ease-out; /* Opera */

}

template_hj_2299 .hj_mk_2299_hjtwlisttu:hover {

	transform: scale(1.2, 1.2);

	-moz-transform: scale(1.2, 1.2); /* Firefox 4 */

	-webkit-transform: scale(1.2, 1.2); /* Safari and Chrome */

	-o-transform: scale(1.2, 1.2); /* Opera */

}


/*+++++hj_end_2299+++++*/


/*+++++hj_go_2260+++++*/

/*+++++hj_end_2260+++++*/

