﻿.blank_29{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.29);}

.blank_18{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.18);}



.but{display: none;}

.but>div{width: 75px;height: 75px;border: 1px solid rgba(255,255,255,0.25);border-radius: 50%;background: transparent !important;margin-top: -37px;}

.but>div>i{width: 15px;height: 15px;background: #fff;border-radius: 50%;}

.but .swiper-button-prev{left: 0px;}

.but .swiper-button-next{right: 0px;}

.but .swiper-button-prev::before{content: ""; position: absolute; left:-2px; top:-2px; width:37.5px;height:75px; border: 2px solid #fff;border-radius: 100% 0 0 100%/50%;border-right: none;}
.but .swiper-button-next::before{content: ""; position: absolute; right:-2px; top:-2px; width:37.5px;height:75px; border: 2px solid #fff;border-radius: 0 100% 100% 0/50%;border-left: none;}





.banner .but>div{width: 60px;height: 60px;}

.banner .but .swiper-button-prev{left: 100px;/*display: none;*/}
.banner .but .swiper-button-next{right: 100px;}

.banner .but .swiper-button-prev::before{content: ""; position: absolute; left:-2px; top:-2px; width:30px;height:60px; border: 2px solid #fff;border-radius: 100% 0 0 100%/50%;border-right: none;}
.banner .but .swiper-button-next::before{content: ""; position: absolute; right:-2px; top:-2px; width:30px;height:60px; border: 2px solid #fff;border-radius: 0 100% 100% 0/50%;border-left: none;}

.banner .blank_29{display: none;}
.banner{position: relative;overflow: hidden;}

.banner video {

    position: absolute;

    width: 100%;height: 100%;

    left: 0px;

    top: 0;

    object-fit: cover;

}

.banner a{display: block;}

.banner_text{z-index: 3;color: #fff;width: 100%;}

.banner_text h3{margin-bottom: 10px;}

.banner_text p{line-height: 36px;max-height: 72px;overflow: hidden; font-weight: 100;}

.banner_p{margin-left: 200px;}

.banner_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/banner_bg.png) no-repeat center center;background-size: 100% 100%;z-index: 2;}



.pub_dot{position: absolute;left:30.4%;bottom: 10.9%;}

.pub_dot span{width: 18px;height: 18px;text-align: center;opacity: 1;background: none;position: relative;margin: 0 8px;}

.pub_dot span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";position: absolute;left: 3px;bottom: 0;width: 12px;height: 12px;background: #2262a9;border-radius: 50%;box-sizing:border-box;}

.pub_dot span.swiper-pagination-bullet-active:after{background:transparent;width: 100%;height: 100%;border: 2px solid #2262a9; left:0; top:3px;}



.banner_bg{

	opacity: 0;visibility:hidden;

	transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;

	-webkit-transform: translateY(50%); -moz-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);

}

.banner li.ani-slide .banner_bg{

	visibility: visible;opacity: 1;

	-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

}

.banner_text{

	margin-left: 60px;width: 80%;

	opacity: 0;visibility:hidden;

	transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;

	-webkit-transform: translateX(200px); -moz-transform: translateX(200px);-o-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);

}

.banner li.ani-slide .banner_text{

	visibility: visible;opacity: 1;

	-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);

}



.index_01_box .index_title{margin-bottom: 45px;}
.index_01_box{color: #000;padding: 8% 0;text-align: center;}
.index_01_box .intr_more{text-align: center;}
.index_01_box .intr_more a{background: #4980c2;color: #000;}
.index_01_box h1 a{color: #000;}
.index_01_p{width: 880px;max-width: 100%;margin: auto}
.index_01_box p{max-height:180px;overflow: hidden;text-indent: 2em;text-align: justify;text-justify: inter-ideograph;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient:vertical;}
.index_01 li{margin-bottom: 50px;}
.index_01 li:last-child{margin-bottom: 0;}
@media only screen and (max-width:1024px) {
.index_01_box p{max-height: 72px;}
}
@media only screen and (max-width:767px) {
.index_01_box{padding: 10px 0;}
.index_01_box .index_title{margin-bottom: 10px;}
.index_01_box .intr_more{padding-top: 20px;}
.index_01 li{margin-bottom: 20px;height: 220px;}

.index_01 li{height: auto;background: none !important;}
.index_01_box h1 a,.index_01_box{color: #000;}
.index_01_box p br{display: none;}
.index_01_box p{  -webkit-line-clamp:inherit;max-height: inherit;}
.index_01_box{padding: 0;padding-top: 20px;}
}

.index_02{background:#397ebb url(../images/index_bg2.jpg) no-repeat center center;background-size: cover;padding: 80px 0;overflow: hidden;color: #fff;}
.index_02{background: #f2f2f2;}
.index_02 li dd p{    color: #2262a9;}

.index_02 a{color: #fff;}

.index_02 ul{margin: 0 -25px;overflow: hidden;}

.index_02 li dl{margin: 0 25px 0 55px;/*padding-left: 30px;*/position: relative;}

.index_02 li{width: 25%;float: left;}

.index_02 dt{position: absolute; z-index: 10; left:0; bottom:0px; width:90%; padding:20px 5%; }

.index_02 dt p{line-height: 30px;height: 90px;overflow: hidden;}

.index_02 dt i{position: absolute;top:0;right: 0;line-height: 30px;}

.index_02 dt h1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index_02 dt h1 span{font-weight: 100;position: relative;padding-right: 40px;}

.index_02 li dd{position: relative;}

.index_02 li dd p{max-height: 100%; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

	position: absolute;left: -30px;bottom: 0;

	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  

    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }

/*.ie .index_02 li dd p,.ie10 .index_02 li dd p{ writing-mode: inherit;left: 0;width: 100%;text-align: center;bottom: 20px;padding: 0 20px;box-sizing:border-box;}
*/
.index_02 li dd .tran_scale{position: relative;z-index: 2;}

.index_02 li dd .tran_scale i{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/index_bg.png) no-repeat center center;background-size: cover;}

.index_02 li dd .tran_scale span{ display: none; position: absolute;left: 0; bottom: 26%; width: 100%;text-align: center;}



.index_03{position: relative;color: #fff;overflow: hidden;}

.index_03 video{

	 position: absolute;

    width: 100%;height: 100%;

    left: 0px;

    top: 0;

    object-fit: cover;

}

.index_v_box{width:600px}

.index_vtext{top:60%;width: 100%;}



.index_vtext p{line-height: 24px;}

.index_vtext h1,.index_vtext p{margin-left: 20px;}



.index_news{position: relative;}
.index_news .intr_more{padding-top:0; text-align: center;}
.index_news .intr_more a{ color:#fff!important; background: #2262a9;}
.index_news ul{margin:0 -1.5%;}
.index_news li{ float: left; width:30.33%; margin:0 1.5%;}
.index_news .but{display:none}





.index_04{background:#397ebb url(../images/index_bg4.jpg) no-repeat center center;background-size: cover;overflow: hidden;padding: 90px 0 70px 0;}

.index_tab{text-align: center;margin-bottom: 10px;font-weight: 100;}

.index_tab a{color: #b6b6b6;position: relative;padding: 0 25px;}

.index_tab a i{display: inline-block;width: 10px;height: 10px;background: #9b9b9b;border-radius: 50%;position: absolute;top:50%;right:-5px; margin-top: -5px;}

.index_tab a.on{color: #2262a9;}

.index_tab a:last-child i{display: none;}



.index_time{color: #9c9c9c;margin-bottom: 10px;}

.index_news{position: relative;}
.index_news{display: none;}
.index_news:first-child{display: block;} 

.news_line{border-bottom: 1px solid #dfdfdf;margin-bottom: 30px;

	padding-bottom: 20px;}

.index_news h3{

	

	line-height: 36px;

	height: 72px;

	overflow: hidden;

	  display: -webkit-box;

  

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.index_news p{color: #666666;line-height: 36px;height: 108px;

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.index_more{margin-top: 95px;}

.index_more a{color: #2262a9;}

.index_news dl{border: 1px solid #dfdfdf;padding: 40px 30px;margin: 0 1px;}

.index_news .swiper-pagination{width: 100%;text-align: center;position: static;display:none}

.index_news .swiper-container{padding: 60px 0;}

.index_05{position: relative;}

.bg01,.bg02{position: absolute;top:-4.67%;left: 0;width: 100%;height: 100%;background: url(../images/index_bg_01.png) no-repeat center center;background-size: 100% 100%;}

.bg02{background: url(../images/index_bg_02.png) no-repeat center center;background-size: 100% 100%;    z-index:2;}

.index_05 .index_insert{ overflow: hidden;  box-sizing: border-box;position: relative;    z-index: 3;    background-size: 100% 100% !important;}




.index_05,.index_05 a{color: #fff!important;}
.index_05 .txt{ padding:0 5%;}

.index_05 dl{margin-left: 100px;width: 360px;}

.index_05 dd p{line-height: 24px;max-height: 72px;overflow: hidden;}

.index_slider{position: relative;}



.index_slider .but .swiper-button-prev{left: 40px;}

.index_slider .but .swiper-button-next{right:40px;}



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

.banner .but>div{width: 52px;height: 52px;}
.banner .but .swiper-button-prev::before{ width:26px;height:52px;}
.banner .but .swiper-button-next::before{ width:26px;height:52px;}


.banner .but .swiper-button-next{right: 50px;}

.banner_text{top:35%;}


}



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

.banner_text p{font-size: 20px;line-height: 28px;max-height: 56px;}

.index_02 dt h1{margin-bottom: 10px;}

.index_02 dt p{line-height: 24px;height:72px;}

.index_news p{line-height: 24px;height: 72px;}

.index_slider{top:20%;}

.index_02 ul{margin: 0 -15px;}

.index_02 li dl{margin: 0 15px 0 45px;}

.index_vtext{top:50%;}

.index_tab{margin-bottom: 0;}

}



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

.index_news .swiper-container{padding: 40px 0;}

.index_02 dt h1 span{padding-right: 30px;}

.index_02 dt i{line-height: 26px;font-size: 20px;}



}
@media only screen and (max-width:1100px) {

.index_02 dt i{font-size: 20px;}


}



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

.index_02,.index_04{padding: 50px 0;}

.index_02{padding-bottom: 70px;}



.pub_dot span{width: 15px;height: 15px;}

.banner_p{margin-left: 0;width: 70%;}

.banner .pub_dot{bottom:8%;display: none;}

.banner .but>div,.but>div{width: 40px;height: 40px;margin-top: -20px;}

.banner .but>div i,.but>div i{width: 8px;height: 8px;}

.banner .but .swiper-button-prev::before,.but .swiper-button-prev::before{ width:20px;height:40px;}
.banner .but .swiper-button-next::before,.but .swiper-button-next::before{ width:20px;height:40px;}

.banner_bg{display: none;}

.banner .but .swiper-button-prev{display: block;left: 10px;}

.banner .but .swiper-button-next{right: 10px;}

.banner_text{margin-left: 20%;}

.banner_text p{font-size: 16px;}



.index_more{margin-top: 30px;}

.index_news h3{line-height:26px;height: 52px;}

.news_line{margin-bottom: 20px;}


.banner li .banner_text,.banner li.ani-slide .banner_text{

	transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);  left:0; top:50%;

}


.index_02 dt i{line-height: 16px;}



.index_02 dt h1 span{padding-right: 20px;}


.index_05 .txt{padding:0;}





}



.phoneimg{display: none;}

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

	.index_02, .index_04{padding:20px 0;}

	.index_04{padding:0px 0; padding-top:30px;}
	.index_04 .wrap{width: 100%;max-width: 100%;}

	.banner .but>div,.but>div{width: 30px;height: 30px;margin-top: -15px;}

.banner .but>div i,.but>div i{width: 8px;height: 8px;}

.banner .but .swiper-button-prev::before,.but .swiper-button-prev::before{ width:15px;height:30px;}
.banner .but .swiper-button-next::before,.but .swiper-button-next::before{ width:15px;height:30px;}

.banner_text h3{font-size: 18px;margin-bottom: 4px;}

.banner_text p{font-size: 14px;line-height: 24px;max-height: 48px;}



.banner_p{width: 100%;}




.index_02 li{float: none;width: 100%;margin-bottom: 30px;}

.index_02 li:last-child{margin-bottom: 0;}

.index_02 li dl,.index_02 ul{margin: 0;}


.index_02 li dd p{    writing-mode: inherit;

    writing-mode: inherit;

left:0;width: 100%;padding: 10px;box-sizing:border-box;

}

.index_02 dt p{height: auto;max-height: 72px;}



.index_news .swiper-container{padding: 0;}

.index_tab{margin-bottom: 20px;}

.index_news .swiper-pagination{display: none !important;}

.index_news .but>div{border: 1px solid #2262a9}

.index_news .but>div i{background: #2262a9}

.index_news dl{padding:0px 3%;border: 0;}
.index_news dl dt,.index_news dl dd{padding: 0 5%;}

.index_news{padding: 0 ;}
.index_news .intr_more{padding: 30px 0;padding-top: 20px; border-top:1px solid #f3f3f3;}

.news_line{margin-bottom: 15px;padding-bottom: 15px;display: none;}

.index_more{margin-top: 30px;}

.index_news .but .swiper-button-prev{left: -5px;}

.index_news .but .swiper-button-next{right: -5px;}

.index_news ul{margin:0;}

.index_news li{width:100%; margin:0 0 38px;}


.index_05 dl{    width: 100%;
    padding: 0 14%;
    box-sizing: border-box;}

.index_05 .index_insert{height: auto !important;background-size: cover !important;}

.index_05 dl{margin-left: 0;}

.index_slider{padding: 0;}

.index_slider .but .swiper-button-prev{left: 10px;}

.index_slider .but .swiper-button-next{right: 10px;}

.phoneimg{display: block;}

.index_03 video{display: none;}

.index_vtext h1, .index_vtext p{margin-left: 0;}
.index_vtext p{line-height: 16px;}

.index_title{margin-bottom: 10px;}


.index_news h3{height: auto;max-height: 52px;margin-bottom: 20px;}
.index_news p{height: auto;max-height: 72px;}
.blank_18{background: rgba(0,0,0,0.26);}
.index_v_box{width: auto;padding:0 5%;}
.index_05 .txt{max-width: 100%;}


}

@media only screen and (min-width:1025px) {

.index_news dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.index_more a:hover{opacity: 0.8;}

.index_news dl:hover{    box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);}

.index_news .intr_more a:hover{opacity: 0.8;}

.index_01_box h1 a:hover,.recommend_btn a:hover{color: #fff !important;opacity: 0.8;}
.index_01_box .intr_more a:hover{color: #fff !important;}

.index_02 a:hover{color: #fff !important;}
.index_02 dl:hover dd img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}




}






/*手机端首页改版*/
.phone_index01 {background: #f2f2f2;padding: 40px 0 30px 0;display: none;}
.phone_index01 li{margin-bottom: 10px;}
.phone_index01 li a{display: block;position: relative;}
.phone_index01 li img{width: 100%;}
.phone_index01 li em{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url(../images/phone_bg.png) no-repeat center center;background-size: cover;}
.phone_title{position: absolute;left: 0;bottom:10%;width: 100%;text-align: center;}
.phone_title .index_title{color: #fff;font-size: 18px;margin: 0;}
.phone_title .index_title i{margin-left: 4px;}


.pc_show{}
.phone_hide,.index_01 li.num_more{display: none;}
@media only screen and (max-width:767px) {
.phone_index01{display:block;}
.index_02{display: none;}

.phone_hide{display: block;}
.pc_show{display: none;}

.index_03{height: auto !important;}
.index_vtext{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    top:auto;
    bottom: 15%;
}


.banner .but{display: none !important;}
.banner .pub_dot{display: block;    width: 100%; left: 0;}
.banner_text{
    opacity: 1;
    visibility: visible;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -ms-transition: all 0s;
}
.banner_text h3{font-size: 24px;margin-bottom: 10px;}
.banner_text{width: 100%;box-sizing:border-box;margin: 0;padding: 0 4%;}
.banner_text .banner_p{box-sizing:border-box;padding: 0 5%}

.banner li .banner_text, .banner li.ani-slide .banner_text {
    transform: translate(0,0%);
    -webkit-transform: translate(0,0%);
    -ms-transform: translate(0,0%);
    -moz-transform: translate(0,0%);
    -o-transform: translate(0,0%);
    left: 0;
    top: 50%;
}
.pub_dot span:after{
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;
    background: #fff;
}
.pub_dot span.swiper-pagination-bullet-active:after{ left:50%; top:50%;border: 2px solid #fff;}
.banner .pub_dot{bottom: 15px;}
.banner li .banner_text, .banner li.ani-slide .banner_text{top:51.4%;}




.num_img{width: 80px;height: 30px;margin:auto;overflow:hidden;position: relative;}
.num_img img{position: absolute;left:50%;bottom: 0;margin-left: -18px;}


.jiabox{font-family: "Arial";}
.num_img b{display: block;width: 60px;height: 60px;margin: auto;border-radius: 50%;border: 1px solid #dadada;position: relative;}
.jiabox{color: #2262a9;position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.jia_01{font-size: 34px; height: 26px;line-height: 26px;position: absolute;left: 22px;bottom: -5px;}
.jia_02{font-size: 16px;position: absolute;right: 24px;bottom: 0;height: 26px;line-height: 26px;opacity: 0.4;}


.jiabox{
    -webkit-animation: move 1.3s ease-in-out 2.7s infinite alternate;
    animation: move 1.3s ease-in-out 2.7s infinite alternate;
}

@-webkit-keyframes move {
  0% {
    
    transform:scale(1,1);
  }

  100% {
    transform:scale(0.7,0.7);
  }
}

@keyframes move {
  0% {
    transform:scale(1,1);
  }

  100% {
    transform:scale(0.7,0.7);
  }
}






}




















































































































