/* banner */
.banner{width: 100%;height:auto;overflow: hidden;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container img{width: 100%;height:100%;}
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner #banner_prev{position:absolute;background: url('../images/arrow-left-light.png') no-repeat center;top:50%;left: 5%;width: 50px;height: 50px;z-index: 3;cursor: pointer;}
.banner #banner_next{position:absolute;background: url('../images/arrow-right-light.png') no-repeat center;top:50%;right: 5%;width: 50px;height: 50px;z-index: 3;cursor: pointer;}
.banner .swiper-pagination{width:100%;height: auto;padding: 0;margin: 0;bottom: 38px;bottom: 4.5%;}
.banner .swiper-pagination span{width: 13px;height: 13px;background: #b4b5b4;padding: 0;border: solid 1px transparent;opacity: 1;border-radius: 50%;background: #747575;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{width: 30px;background: #136ab2;border-color:transparent;border-radius: 10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
/* .banner .swiper-pagination span{width: 16px;height: 16px;margin: 0 8px;border: 3px solid #fff;} */
.banner .vdo_wrap .vedio_itdc{padding: 0 2.3%;width: auto;top: 69%;left: 50%;transform: translateX(-50%);color: #fff;font-size: 20px;background: #07C26b;border-radius: 30px;}
 .banner .vdo_wrap .vedio_itdc p{display: inline-block;margin-right: 25px;padding: 8% 0;vertical-align: middle;}
 .banner .vdo_wrap .vedio_itdc i.more{display: inline-block;width: 30px;height: 24px;vertical-align: middle;background:url(../images/i_vdo.png)no-repeat center}
.banner .swiper-container .hide{
  opacity:0;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
  transition:opacity .5s;
}
@media only screen and (max-width:1420px){
	.banner .swiper-button-prev{left: 5%;}
	.banner .swiper-button-next{right: 5%;}
}
@media only screen and (max-width:750px){
	.banner .pcpt{display: none;}
	.banner .mbpt{display: block;}
}
@media only screen and (max-width:480px){
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.banner .swiper-pagination span{height: 8px;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active{width: 35px;}
}

.idx_title span{display: inline-block;position: relative;padding-left: 30px;font-size: 14px;color: #999;font-family: "puhui";}
.idx_title span::before{content: "";position: absolute;top: 50%;left: 0;width: 25px;height: 1px;background: #136ab2;}
.idx_title p{margin-top: 1%;color: #666;font-size: 22px;font-family: "puhui";}
@media only screen and (max-width:768px){
	.idx_title p{font-size: 18px;}
}
@media only screen and (max-width:480px){
	.idx_title{margin: 16% 0;}
}

/* home_profile */
.home_profile{margin: 5.3% 0 3.8%;}
.home_profile .layout{align-items: center;}
.home_profile .lf_part{width: 240px;}
.home_profile .lf_part .slogan{padding: 14% 4%;background: #136ab2;text-align: center;box-sizing: border-box;}
.home_profile .lf_part .slogan .text{color: #fff;}
.home_profile .lf_part .slogan .text p{font-size: 22px;}
.home_profile .lf_part .slogan .text em{display: inline-block;margin-top: 2%;font-size: 15px;line-height: 22px;}
.home_profile .lf_part .slogan_img .img{position: relative;padding-bottom: 100%;width: 100%;height: 0;overflow: hidden;}
.home_profile .lf_part .slogan_img .img img{position: absolute;width: auto;height: 100%;top: 0;max-width: initial;}
.home_profile .rt_part{width: calc(95.5% - 240px);width: -webkit-calc(95.5% - 240px);color: #333;}
.home_profile .rt_part p.con{margin: 0 0 5%;font-size: 18px;line-height: 33px;}
.home_profile .rt_part p.slogan{font-size: 18px; line-height:33px;}
.home_profile .rt_part p.slogan span{display: inline-block;font-size: 18px;font-family: arial;letter-spacing: 0;}
.home_profile .rt_part .bottom {position: relative;margin-top: 3%;}
.home_profile .rt_part .bottom ul{padding: 5px 0;width: 85%;}
.home_profile .rt_part .bottom ul li{text-align: center;}
.home_profile .rt_part .bottom ul li p{margin-top: 23px;font-size: 17px;color: #666;}
.home_profile .rt_part .bottom .more{position: absolute;padding: 21px 30px;top: 0;right: 0;background: #136ab2;}
.home_profile .rt_part .bottom .more span{display: block;font-size:16px;color: #fff;line-height: 24px;}
@media only screen and (max-width:990px){
	.home_profile .rt_part p.con{font-size: 16px;line-height: 28px;}
	.home_profile .rt_part p.slogan{font-size: 22px;}
}
@media only screen and (max-width:768px){
	.home_profile{margin: 40px 0;}
	.home_profile .lf_part{width: 200px;}
	.home_profile .lf_part .slogan .text p{font-size: 18px;}
	.home_profile .rt_part{width: calc(97% - 200px);width: -webkit-calc(97% - 200px);}
	.home_profile .rt_part .bottom ul li p{margin-top: 10px;font-size: 14px;}
	.home_profile .rt_part p.con{font-size: 14px;line-height: 24px;}
	.home_profile .rt_part p.slogan{font-size: 18px;}
	.home_profile .rt_part .bottom .center{text-align: left;}
	.home_profile .rt_part .bottom .more{position: initial;display: inline-block;margin-top: 10px;padding: 4px 30px;width: auto;}
	.home_profile .rt_part .bottom .more span{font-size: 14px;line-height: normal;}
}
@media only screen and (max-width:480px){
	.home_profile{margin: 8% 0 0;}
	.home_profile .lf_part{width: 100%;}
	.home_profile .lf_part .slogan_img{display: none;}
	.home_profile .rt_part{margin-top: 25px;width: 100%;}
	.home_profile .rt_part .title img{width: 220px;}
	.home_profile .rt_part p.slogan{font-size: 14px; line-height:25px;}
	.home_profile .rt_part p.slogan span{font-size: 14px;}
	.home_profile .rt_part .bottom ul{padding: 6% 0;width: 100%;}
	.home_profile .rt_part .bottom .center{text-align: center;}
	/* .home_profile .rt_part .bottom .more{margin-top: 6%;} */
	.home_profile .rt_part .bottom ul li{text-align: center; width:25%;}
}

/* home_product */
.home_product{margin-bottom: 4.8%;}
.home_product .class_list{margin-top: 1%;}
.home_product .class_list .wrap {display: flex;flex-wrap:wrap;justify-content: space-between;}
.home_product .class_list .wrap .part_big{width: 49.5%;box-sizing: border-box; position:relative;}
.home_product .class_list .wrap .part_big .img{position: relative;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden; border:1px solid #eee;}
.home_product .class_list .wrap .part_big .img img{position: absolute;left:50%;top: 50%;height: 80%;transform: translate(-50%,-50%);}
.home_product .class_list .wrap .part_big .img::after{content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;transform: translate(-50%,-50%);z-index: 2;}
.home_product .class_list .wrap .part_big:hover .img::after{animation: twinkle 0.6s 0s linear 1;}

@keyframes twinkle{
	0{width: 0;height: 0;;background: rgba(255,255,255,0);}
	50%{width: 80%;height: 80%;;background: rgba(255,255,255,0.3);}
	100%{width: 100%;height: 100%;;background: rgba(255,255,255,0);}
}
@-ms-keyframes twinkle{
	0{width: 0;height: 0;;background: rgba(255,255,255,0);}
	50%{width: 80%;height: 80%;;background: rgba(255,255,255,0.3);}
	100%{width: 100%;height: 100%;;background: rgba(255,255,255,0);}
}
@-moz-keyframes twinkle{
	0{width: 0;height: 0;;background: rgba(255,255,255,0);}
	50%{width: 80%;height: 80%;;background: rgba(255,255,255,0.3);}
	100%{width: 100%;height: 100%;;background: rgba(255,255,255,0);}
}
@-webkit-keyframes name{
	0{width: 0;height: 0;;background: rgba(255,255,255,0);}
	50%{width: 80%;height: 80%;;background: rgba(255,255,255,0.3);}
	100%{width: 100%;height: 100%;;background: rgba(255,255,255,0);}
}
.home_product .class_list .wrap .part_big .center{}
.home_product .class_list .wrap .part_big .tit{font-size: 18px;padding: 10px 0;/*background: rgba(48,118,178,0.68);*/color: #333;position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;}
.home_product .class_list .wrap .part_big:hover .tit{background:#3076b2; color:#fff;}
.home_product .class_list .wrap .part_big  a.more{display: inline-block;margin-top: 13px;padding: 7px 18px;font-size: 16px;background: #136ab2;}
/*.home_product .class_list .wrap .part_big  a.more:hover{background: #fff;color: #136ab2;transition: all .3s linear;}*/
.home_product .class_list .wrap .part_right{width: 100%;}
.home_product .class_list .wrap .part_right ul {padding:0 0 0 0 ;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;}
.home_product .class_list .wrap .part_right ul li{padding:0.4% 0;width: 24%;box-sizing: border-box;background: #fff; position:relative;}

.home_product .class_list .wrap .part_right ul li .img{position: relative;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden; border:1px solid #e7e7e7;}
.home_product .class_list .wrap .part_right ul li .img img{position: absolute;left:50%;top: 50%;width: 80%;transform: translate(-50%,-50%);}
.home_product .class_list .wrap .part_right ul li .img::after{content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;transform: translate(-50%,-50%);z-index: 2;}
.home_product .class_list .wrap .part_right ul li:hover .img::after{animation: twinkle 0.6s 0s linear 1;}
.home_product .class_list .wrap .part_right ul li .tit{padding: 10px 0;font-size: 18px;color: #333;text-align: center;box-sizing: border-box;/*background: rgba(48,118,178,0.68);*/white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;}
.home_product .class_list .wrap .part_right ul li:hover .tit{background:#3076b2; color:#fff;}
@media only screen and (max-width:990px){
	.home_product .class_list .wrap .part_right ul li .tit{font-size: 14px;}
	.home_product .class_list .wrap .part_big a.more{font-size: 14px;}
}
@media only screen and (max-width:768px){
	.home_product .class_list .wrap .part_right ul li .tit{padding: 7.5px 2%;}
	.home_product .class_list .wrap .part_right ul li{padding:0.4% 0;width: 50%;box-sizing: border-box;background: #fff; position:relative;}
}
@media only screen and (max-width:480px){
	.home_product{margin-bottom: 30px;}
	.home_product .class_list .wrap .part_big{width: 100%;}
	.home_product .class_list .wrap .part_big .tit{font-size: 16px;}
	.home_product .class_list .wrap .part_big a.more{padding: 4px 18px;}
	.home_product .class_list .wrap .part_big .center{padding: 5.2% 0 3.7%;}
	.home_product .class_list .wrap .part_right{margin-top: 10px;width: 100%;}
}

.home_function{padding: 5.9% 0 5%;background: url(../images/func_bg.jpg)no-repeat center/cover;}
.home_function ul li .img {overflow: hidden;}
.home_function ul li .img img{width: 100%;transition:all 0.3s linear;}
.home_function ul li .img:hover img{transform: scale(1.1);}
.home_function .first_row li{width: 32.75%;}
.home_function .first_row li .text{position: absolute;left: 6%;top: 7%;font-size: 16px;color: #fff;}
.home_function .first_row li .text .tit{ font-size:20px;}
.home_function .first_row li .text .con{margin-top: 10px;font-size: 14px;font-weight: normal;}
.home_function .sec_row {margin-top: 2%;}
.home_function .sec_row li{width: 49.5%;}
.home_function .sec_row li .text{position: absolute;left: 6%;top: 7%;font-size: 16px;color: #333;}
.home_function .sec_row li .text .tit{ font-size:20px;}
.home_function .sec_row li .text .con{margin-top: 10px;font-size: 14px;color: #666;}
@media only screen and (max-width:480px){
	.home_function{padding: 40px 0;}
	.home_function .first_row li{width: 100%;}
	.home_function .sec_row li{width: 50%; display:none;}
}

.home_news{margin: 3.5% 0 4.5%;}
.home_news .news_case{margin-top: 4.8%;}
.home_news .news_case .flx_w{justify-content: flex-start;}
.home_news .news_case .img img{width: 100%;}
.home_news .news_item{width: 50%;}
.home_news .news_item #news_prev,.home_news .news_item #news_next{position: absolute;top: 50%;width: 30px;height: 30px;transform: translateY(-50%);z-index: 3;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 25px;opacity: 0;transition: all .3s linear;}
.home_news .news_item #news_prev{left: 2%;background-image: url(../images/arrow-left-light.png);}
.home_news .news_item #news_next{right: 2%;background-image: url(../images/arrow-right-light.png);}
.home_news .news_item:hover #news_prev,.home_news .news_item:hover #news_next{opacity: 1;}
.home_news .news_item .text{position: absolute;left: 0;bottom: 0;padding: 5% 6%;width: 100%;z-index: 2;box-sizing: border-box;color: #fff;background: rgba(0,0,0,0.45);}
.home_news .news_item .text .tit{font-weight: bold;font-size: 18px;}
.home_news .case_item{width: 50%;}
.home_news .news_item .text .con{margin-top: 6%;font-size: 16px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.home_news .news_item .text .time{font-size: 16px;text-align: right;}
.home_news .news_item .text .time span{position: relative;display: inline-block;margin: 7% 0 3%;}
.home_news .news_item .text .time span:after{content: "";position: absolute;left: 0;bottom: -12px;width: 16px;height: 4px;background: #136ab2;}
.home_news .case_item .text{position: absolute;left: 0;bottom: 0;padding: 4.7% 2.5%;width: 100%;z-index: 2;box-sizing: border-box;color: #fff;background: rgba(0,0,0,0.45);}
.home_news .case_item .text .tit{width: calc(100% - 88px);width: -webkit-calc(100% - 88px);font-weight: normal;font-size: 15px;}
.home_news .case_item .text span.more{position: absolute;top: 50%;right: 2.5%;font-size: 15px;transform: translateY(-50%);}
.home_news .case_item .text span.more:hover{color: #136ab2;}
@media only screen and (max-width:990px){
	.home_news .news_item .text .tit{font-size: 16px;}
	.home_news .news_item .text .con{font-size: 14px;-webkit-line-clamp: 2;}
}
@media only screen and (max-width:768px){
	.home_news .news_item .text .time{display: none;}
}
@media only screen and (max-width:480px){
	.home_news .news_item{width: 100%;}
	.home_news .news_item #news_prev,.home_news .news_item #news_next{opacity: 1;}
	.home_news .news_item .text{padding: 5% 2.5%;}
	.home_news .news_item .text .tit{font-size: 15px;}
	.home_news .case_item{width: 100%;}
}


/*title*/
.title01{padding:50px 0 40px;text-align:center;  position: relative; }
.title01 h2{position:relative;width:100%;height:40px;background: url(../imgs/title.png) no-repeat center center;}
/* .title01 h2:after{position: absolute;content:'';left:50%;margin-left:-150px;top:50%;width:300px;height:1px;background: url(../imgs/tbg.png) no-repeat center center;} */
.title01 h2 span{font-size: 30px;filter: alpha(opacity=0); color: #000; font-weight: bold;}
.title01 p{margin-top:10px;color:#666;font-size:16px; text-transform: uppercase;display: inline-block;padding: 5px 60px; border: 1px solid #eee; position: relative; z-index:  99;}
.title01 p:after{ content: ""; display: inline-block; width: 120px; height: 1px; background: #eee; position: absolute; top: 15px; right: -120px;}
.title01 p:before{ content: ""; display: inline-block; width: 120px; height: 1px; background: #eee; position: absolute; top: 15px; left: -120px;}
.title01 i{/* content: ""; display: inline-block; width: 430px; height: 1px; background: #eee; position: relative; top: -35px; z-index:  88; */}
.title01 .tit-cpzx{background-position:center 0;}
.title01 .tit-jmys{background-position:center -40px;}
.title01 .tit-ppzl{background-position:center -80px;}
.title01 .tit-jmzc{background-position:center -120px;}
.title01 .tit-gywm{background-position:center -160px;}
.title01 .tit-xwzx{background-position:center -200px;}
.title01 .tit-qywh{background-position:center -240px;}
.title01 .tit-qyry{background-position:center -280px;}
.title01 .tit-fzlc{background-position:center -320px;}
.title01 .tit-zxly{background-position:center -360px;}
.title01 .tit-azlc{background-position:center -400px;}
.title01 .tit-fwzc{background-position:center -440px;}
.title01 .tit-ppys{background-position:center -480px;}
/* ±êÌâ - ÏìӦʽ */
@media (max-width:1240px) { 
	.title01{width: 100%;}
	.title01 h2{height: 40px;}
}
@media (max-width:1000px) { 
	.title01{ padding: 30px 0;}
	.title01 h2{height: 30px;}
  .title01 h2 span{ font-size: 24px}
	.title01 p{font-size: 14px}
}


/*xinwen*/
.xinwen{padding:1px 0 60px;}
.xinwen .lefts{width:45%}
.xinwen .lefts .pic{overflow: hidden;display: flex;align-items: center;}
.xinwen .lefts .pic img{width:100%;height:;vertical-align: middle;}
.xinwen .lefts .tit{height:30px;line-height:30px;margin:auto;margin-top:15px;}
.xinwen .lefts .tit a{font-size:18px;color:#333333;}
.xinwen .lefts .txt{margin:auto;margin-top:5px;height:50px;line-height:25px;color:#999999;font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; padding-right: 15px;}
.xinwen .lefts .rm{display: block;margin-left:0px;width:200px;height:38px;line-height:38px;color:#ffffff;font-size:14px;text-align:center;background:#136ab2}

.xinwen .rights{width:45%}
.xinwen .rights li{margin-bottom:20px;height:120px;width:100%;border-bottom:1px solid #dddddd;}
.xinwen .rights li:last-child{margin-bottom:0;border:;}
.xinwen .rights li .date{float: left;width:75px;height:75px;padding:15px 0;text-align:center;}
.xinwen .rights li .date dt{height:39px;line-height:30px;font-size:32px;font-weight:700;border-bottom:1px solid #ffffff;}
.xinwen .rights li .date dd{height:30px;line-height:30px;font-size:16px;}
.xinwen .rights li .con{float: right;width: calc(100% - 100px)}
.xinwen .rights li .tit{height:40px;line-height:40px; overflow:hidden;}
.xinwen .rights li .tit a{font-size:18px;color:#333333;}
.xinwen .rights li .tit a:hover{color:#663200;}
.xinwen .rights li .txt{margin-top:5px;height:50px;line-height:25px;color:#999999;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
@media (max-width:1240px) { 
	.xinwen .lefts{ width: 50%;}
	.xinwen .lefts .pic{ width: 100%; overflow: hidden;}
 
	
	.xinwen .rights {width: 46%;}
	.xinwen .rights li {position: relative;}
	.xinwen .rights li .date{position: absolute; top: 0;left: 0;}
	 
}
@media (max-width:1000px) { 
	.xinwen{ padding-bottom: 20px;}
	.xinwen .lefts{width: 100%; height: auto; margin-bottom: 30px;}
	.xinwen .lefts .pic { height: auto;}
	.xinwen .lefts .pic img{ width: 100%; height: auto;}
	.xinwen .lefts .rm{ margin-top: 15px; width: 100%; }
	.xinwen .lefts .tit a{ font-size: 17px;}
	.xinwen .lefts .txt { font-size: 14px;}
	
	.xinwen .rights{width: 100%;}
	.xinwen .rights li .date{}
	.xinwen .rights li .date dt{}
	.xinwen .rights li .date dd{}
	.xinwen .rights li .con{}
	.xinwen .rights li .tit a{ font-size: 16px; }
	.xinwen .rights li .txt { font-size: 14px;margin-top: 0; }
}
@media (max-width:480px) { 
	.xinwen .title01{ padding-bottom: 10px;padding-top: 35px;}
	.xinwen .rights li .con{width: calc(100% - 75px)}
	.xinwen .rights li .date dt{height:39px;line-height:30px;font-size:18px;font-weight:500;border-bottom:1px solid #ffffff;}
	.xinwen .rights li{margin-bottom:5px;height:110px;width:100%;border-bottom:1px solid #dddddd;}
	.xinwen .rights li .date dd {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
}