.jion{padding:0 0 90px;margin-top:-151px;}
.jion_left{width:32.142857%;float:left;position:relative;}
.jion_left .img{overflow:hidden;}
.jion_left img{width:100%;}
.jion_left:hover .img img,.jion_right:hover .img img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.jion_left .text{background:rgba(204,0,0,0.7);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccc0000,endColorstr=#cccc0000)\9;position:absolute;width:100%;height:100%;top:0;left:0;color:#fff;line-height:1.71;}
.jion_left .text .text01{padding:35px;}
.jion_left .text h2{padding-bottom:20px;font-size:28px;}
.jion_left .text h2 a{color:#fff;}
.jion_left .text p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;}
.jion_left .text a.more{border:1px solid #fff;color:#fff;padding:5px 8px;margin-top:30px;display:inline-block;overflow:hidden;}
.jion_left .text a:hover.more{color:#c00;background:#fff;}
.jion_right{width:66.071429%;float:right;position:relative;}
.jion_right .img{width:48.648649%;overflow:hidden;}
.jion_right .img img{width:100%;}
.jion_right .text{position:absolute;right:0;background:#fff;bottom:0;top:0;lefT:48.648649%;border:10px solid #e5e5e5;border-lefT:0;padding:28px 30px;line-height:1.71;}
.jion_right .text h2{font-size:28px;padding-bottom:20px;}
.jion_right .text a.more{border:1px solid #c00;color:#fff;padding:5px 8px;margin:30px 35px 0 0;display:inline-block;overflow:hidden;background:#c00;}
.jion_right .text p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;}
.jion2{background:url(../images/jion_img03.jpg) no-repeat center center;background-size:cover;padding:50px 0 35px;}
.jion2 .jion_01{background:rgba(0,0,0,0.7);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000)\9;margin:0 auto;max-width:1400px;padding:25px 0 60px;}
.jion2 .jion_01 h2 a{color:#fff;}
.jion2 .jion_01 h2{text-align:center;padding-bottom:55px;font-size:28px;}
.jion2 .jion_01 .item{float:left;width:33.33333%;}
.jion2 .jion_01 .item .text{padding-right:60px;line-height:1.71;}
.jion2 .jion_01 .item h3{color:#fff;font-size:17px;padding-lefT:60px;}
.jion2 .jion_01 .item a{color:#94908c;}
.jion2 .jion_01 .item p{padding-top:20px;border-left:1px solid #707070;padding-left:60px;}
.jion2 .jion_01 .item.no_border .text p{border:0px;}
.jion_02{padding:30px 0 120px;line-height:2.15;color:#333;}
.jion_02 img{max-width:100%;height:auto;}
.jion_03{padding-bottom:90px;}
.jion_03 li{width:50%;float:left;padding:10px 0;}
.jion_03 ul{margin:0 -10px;}
.jion_03 li a{display:block;line-height:2.15;margin:0 10px;position:relative;}
.jion_03 li a .text{background:#fff;padding:30px;border:10px solid #ededed;height:100%;}
.jion_03 li a h3{font-size:20px;color:#c00;padding-bottom:20px;}
.jion_03 li a:hover{border-color:#c00;color:#333;}
.jion_03 li .bor_top{position: absolute;z-index:1;height:10px;width:0;top:0;lefT:0;background:#c00;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.jion_03 li .bor_left{position: absolute;z-index:1;height:0;width:10px;top:0;lefT:0;background:#c00;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.jion_03 li .bor_right{position: absolute;z-index:1;height:0;width:10px;bottom:0;right:0;background:#c00;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.jion_03 li .bor_bottom{position: absolute;z-index:1;height: 10px;width:0;bottom:0;right:0;background:#c00;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.jion_03 li a:hover .bor_top,.jion_03 li a:hover .bor_bottom{width:100%;}
.jion_03 li a:hover .bor_left,.jion_03 li a:hover .bor_right{height:100%;}
.jion_title{font-size:30px;color:#c00;padding:20px 0 30px;}
.jion_content,.jion_contact{color:#555;line-height:2.1;}
.jion_content h3,.jion_contact h3{color:#333;font-size:16px;}
.color_c00{color:#c00;}
.jion_contact{padding-top:30px;}
.jion_but{padding:30px 0 50px;}
.jion_but a{display:inline-block;padding:8px 40px;font-size:18px;color:#fff;background:#c00;}
.jion_but a:hover{background:#e60819;}
.donghua .jion.fadein .jion_left{animation-name: fadeInLeft; animation: fadeInLeft 1s alternate; -moz-animation: fadeInLeft 1s alternate; -webkit-animation:fadeInLeft 1s alternate;}
.donghua .jion.fadein .jion_right{animation-name: fadeInRight; animation: fadeInRight 1s alternate; -moz-animation: fadeInRight 1s alternate; -webkit-animation:fadeInRight 1s alternate;}


@media screen and (max-width:1260px) {
.jion{padding:0 0 70px;margin-top:-111px;}
.jion_left .text .text01{padding:25px;}
.jion_left .text h2{padding-bottom:15px;}
.jion_left .text p{height:120px;}
.jion_left .text a.more{margin-top:20px;}

.jion_right .text{padding:18px 30px;border-width:7px;}
.jion_right .text h2{padding-bottom:15px;}
.jion_right .text a.more{margin:20px 0 0 0;}
.jion_right .text p{height:120px;}
.jion_03{padding-bottom:70px;}

}
@media screen and (max-width:1080px) {
.jion_left .text{line-height:1.5;}
.jion_left .text h2{font-size:26px;}
.jion_left .text p{height:105px;}
.jion_right .text{padding:20px 30px;line-height:1.5;border-width:5px;}
.jion_right .text h2{padding-bottom:15px;font-size:26px;}
.jion_right .text a.more{margin:20px 0 0 0;}
.jion_right .text p{height:105px;}
.jion2 .jion_01 h2{padding-bottom:45px;font-size:26px;}
.jion_title{font-size:28px;}
}

@media screen and (max-width:980px) {
.jion_left .text p{height:84px;}
.jion_right .text p{height:84px;}
.jion_left .text h2,.jion_right .text h2{font-size:21px;}
.jion2 .jion_01 .item{float:none;width:100%;}
.jion2 .jion_01 .item p{border:none;}
.jion2 .jion_01 .owl-controls{position:absolute;width:100%;bottom:-35px;}
.jion2 .jion_01 .owl-dots{text-align:center;}
.jion2 .jion_01 .owl-controls .owl-dot{display:inline-block;*display:inline;}
.jion2 .jion_01 .owl-controls .owl-dot span{width:12px;height:12px;background:#fff;display:inline-block; border-radius:50%;margin:0 5px; opacity:0.3;}
.jion2 .jion_01 .owl-controls .owl-dot.active span{opacity:1;}
.jion2 .jion_01 .item .text{padding-right:30px;}
.jion2 .jion_01 .item h3{padding-lefT:30px;}
.jion2 .jion_01 .item p{padding-left:30px;}
.jion2 .jion_01 h2{padding:15px 0 40px;font-size:21px;}
}



@media screen and (max-width:880px) {
.jion{padding:0 0 40px;margin-top:0;}
.jion_left{width:49%;position:relative;}
.jion_left .text .text01{padding:35px;}
.jion_left .text .text01 h2{padding-top:20px;}
.jion_right{width:49%;}
.jion_right .img{width:100%;}
.jion_right .text{border:5px solid #e5e5e5;lefT:30px;right:30px;top:30px;bottom:30px;}
.jion_03{padding:20px 0 40px;}
.jion_03 li a{line-height:1.71;}
.jion_03 li a .text{padding:20px;border:5px solid #ededed;}
.jion_03 li a h3{font-size:18px;}
.jion_03 li .bor_top{height:5px;}
.jion_03 li .bor_left{width:5px;}
.jion_03 li .bor_right{width:5px;}
.jion_03 li .bor_bottom{height:5px;}
.jion_content,.jion_contact{color:#555;line-height:1.8;}
.jion_title{font-size:24px;}

}
@media screen and (max-width:768px) {
.jion .warper{padding:0;}
.jion_left,.jion_right{width:100%;float:none;overflow:hidden;position:relative;}
.jion_right{margin-top:15px;}
.jion_right .text{lefT:50px;right:50px;top:50px;bottom:50px;}
.jion_left .img,.jion_right .img{position:absolute;width:100%;bottom:0px;}
.jion_left .text,.jion_right .text{position:relative;lefT:0;top:0;right:0;}
.jion_right .text{margin:50px;}
.jion_left .text .text01 h2{padding-top:0px;}
.jion2 .jion_01 h2{padding:10px 0 30px;}
}
@media screen and (max-width:640px) {

.jion_03 li{width:100%;float:none;padding:8px 0;}
.jion_03 ul{margin:0;}
.jion_03 li a{margin:0;}
}
@media screen and (max-width:480px) {
.jion_right .text{margin:30px;padding:20px;}
}
@media screen and (max-width:420px) {
.jion2 .jion_01 .item .text{padding:0 20px;}
.jion2 .jion_01 .item h3{padding-lefT:0px;}
.jion2 .jion_01 .item p{padding-left:0px;}
}
@media screen and (max-width:360px) {
.jion_right .img {height:100%;}
.jion_right .img img{height:100%;}
.jion_right .text{margin:20px;}
}