.ind_text{padding-bottom:1%; padding-top:5%;text-align: center;}
.ind_text h4{font-size: 48px; color: rgba(0,0,0,1);line-height: 1;font-family: Microsoft JhengHei;
    font-weight: bold;}
.ind_text p {line-height: 1.5; font-size: 16px;color: rgba(64,64,64,1); margin:15px auto 0;
    -webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;
    overflow: hidden;width:40%;}

/**/
#indprobg{background:rgba(245,245,245,1);padding-bottom:50px;}
#indprobg .p_list ul{display: flex;flex-wrap: wrap;}
#indprobg .p_list li{flex-basis: calc(100% / 5);}
#indprobg .p_list li a{display:block; color:#fff;text-align: center;font-size: 16px;padding:10px 0;
    margin:8px 10px;border-radius:30px; border:1 solid rgba(179,0,0,0);
    background-color: rgba(0,117,204,1);transition: all 1s ease;
    -moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
#indprobg .p_list li a:hover{background:#e3434b;}

#indprobg .proswi{overflow: hidden;position: relative;padding:20px 0 50px;}
#indprobg .swipage{position: absolute; bottom:0px;left:50%;transform: translateX(-50%);}
#indprobg .swiper-pagination-bullet{margin:0 3px;}
#indprobg .itemw {width: 100%;}
#indprobg .proswi .swiper-slide {-align: center; font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center;}
#indprobg .pro_item{width:calc((100% / 4) - 20px);height:auto;overflow:hidden;padding:20px 20px 0 20px;float:left;
	background:#fff;border-radius:10px;position:relative;margin:10px 10px;}
#indprobg .pro_item:nth-child(4n){margin-right:0;}
#indprobg .pro_item a{display:block;}
#indprobg .pro_item .img{width:100%;border-radius:8px;overflow:hidden;}
#indprobg .pro_item .img img{width:100%;height:auto;vertical-align:top;transition: all 1s;object-fit:cover;}
#indprobg .pro_item:hover .img img{transform: scale(1.05);}
#indprobg .pro_item a.pro_name{padding-left:10px;width:100%;height:70px;font-size:16px;color:#666;text-align: left;
	line-height:70px;background:url(../images/jia01.png) right center no-repeat;overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}
#indprobg .pro_item:hover a.pro_name{color:#fff;background:url(../images/jia02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}
#indprobg .pro_item .back {left:-50%;bottom: -50%;background: #0075cc;z-index:-1;}

.prbutton{position:relative;cursor:pointer;overflow:hidden;transition:all 0.3s cubic-bezier(0,0.22,0.3,1);z-index:0;}
.prbutton:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1;}
.prbutton .pro_name{color:#fff;font-size:1rem;z-index:10;text-transform:uppercase;letter-spacing:2px;}
.prbutton .prback{position:absolute;width:0;height:0;/*filter:url(#filter);border-radius:50%;*/z-index:5;transition:all 1.5s cubic-bezier(0.1,0.22,0.3,1);}
.prbutton.pro_item .prback {left: -50%;bottom:-50%;background: #0075cc;z-index:-1;}
.prbutton:hover .prback{width:800px;height:700px;}

/**/
.index-case-center {padding:0;overflow: hidden;background:#fff;}
.index-case-center .bottom5{position: relative;padding-left: 33.333333%;background: #fff;overflow: hidden;}
.index-case-center .bottom5 a:first-child {position: absolute;left: 0;top: 0;width: 33.333333%;margin-top:0.7%;margin-left:0; height: 100%;}
.index-case-center .bottom5 a:first-child .text {bottom:4.2%;}
.index-case-center .bottom5 a{position: relative;display: block;overflow: hidden;float: left;width:49%;margin:1% 0 0 1%;}
.index-case-center .bottom5 .text {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.index-case-center .bottom5 .text h4{font-size: 20px;font-weight: normal;margin:8px 0;text-transform: uppercase;opacity: .4;}
.index-case-center .bottom5 .text h3{font-size: 20px;margin: 0;}
.index-case-center .bottom5 .img {position: relative;overflow: hidden;}
.index-case-center .bottom5 a:hover .img img.img-center{transform: scale(1.1);}
.img-center {position: absolute; display: block; left: 0; top: 0; bottom: 0; right: 0;
    margin: auto; width: 100%; height: auto!important;
}
.img-block {display:block; width: 100%; height: auto;}

/*about*/
.ind_abbg2 {padding:5% 0; background:url(../images/ibg2.jpg)  center  50% no-repeat;}
.brandil *,.brandir * { display:block; overflow:hidden;}
.brandil { float:left; width:46%; position:relative;}
.brandimg { position: absolute; left:4%; top:0; z-index:3; width:96%; height:580px; overflow:hidden;}
.brandimg img { display:block;}
.brandimgbg { background:#e5e8ef;width:82%; height:580px;float:left; margin-top:4%;}
.brandir { float:left; width:54%; padding-left:4%;}
.ctitle {padding:40px 30px 20px 0px;color:#333;/* background:url(../images/kuang1.png) right top no-repeat; */float:left; }
.ctitle h4{font-size:40px; font-weight:bold;text-transform:uppercase;font-family:Arial;}
.ctitle h4 i{margin-left: 5px; background:#0075cc; height:1px; width:40px; display:inline-block;
 vertical-align: middle; opacity:1;}
.ctitle p{font-size:24px;line-height:30px;letter-spacing:10px;}
.brandirtxt {clear:both; font-size:16px; line-height:30px; color:#666;}
.brandirtxt .more { margin-top:30px;padding:6px 30px; background:#0075cc; 
	font-size:14px;color:#fff; float:left; clear:both;transition: 1s;} 
.brandirtxt .more:hover {background:#e3434b;border-radius: 50px;}

.info-wrap2{background: url(../images/info-bj.jpg) no-repeat center;
	padding: 49px 0 80px;background-attachment: fixed;}
.info-wrap2 li{float: left;width: 25%;text-align: center;line-height:35px;color: #fff;overflow: hidden;position: relative;}
.info-wrap2 li::after{position: absolute;top: 43%; transform: translateY(-50%);
  right: 0;content: ""; display: block;height:202px;width: 1px;
  border-left: 1px solid rgba(255, 255, 255, .2);}
.info-wrap2 li i{display: block; font-size: 40px;padding:40px 0 30px;}
.info-wrap2 li:hover i{ animation:swing; animation-duration:1s; cursor: pointer;}
.info-wrap2 li .txt1{ word-wrap:break-word;}
.info-wrap2 li .txt1 span{font-size: 48px;}
.info-wrap2 li .txt2{font-size: 14px; }

/*news*/
.indnews_Boxs{background:#fff;}
.indnews_Boxs .new_listBox {width:100%;margin:auto;padding:20px 0 80px;}
.indnews_Boxs .new_listBox .new_items {width:100%;border:1px #f1f1f1 solid; box-sizing:border-box;box-shadow:0px 0 15px 0px rgba(7,70,146,0.11);}
.indnews_Boxs .new_listBox .new_items>a {display:block;}
.imgBox {width:100%;box-sizing:border-box;overflow:hidden;}
.imgBox img {display:block;width:100%;transition: 0.5s;}
.descBox {padding:20px 25px;}
.descBox .new_tis {font-size:12px;line-height:26px;color:#0075cc;margin-bottom:28px;}
.descBox h4 {font-size:16px;font-weight:bold;color:#111111;margin-bottom:15px;height:20px;overflow:hidden;
	line-height:22px;text-overflow:ellipsis;white-space:pre;}
.descBox .new_des {font-size:14px;color:#333333;line-height:24px;margin-bottom:30px;
	overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.descBox .new_time {font-size:12px;color:#999999;}
.descBox .new_time i {transition: 0.5s;display:inline-block;float:right;font-size:12px;opacity:1 !important;}
.indnews_Boxs .new_listBox .new_items>a:hover .imgBox img {transform:scale(1.1);}
.indnews_Boxs .new_listBox .new_items1>a:hover .descBox {background-color:rgba(154,158,158,0.2);}
.indnews_Boxs .new_listBox .new_items1>a:hover .new_time i {transform:translateX(-20px);color: #0075cc;}

@media screen and (max-width:1199px){
	.ind_text h4{font-size:40px;}
	.brandirtxt{font-size: 14px;line-height: 26px;
	overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.descBox .new_tis{margin-bottom:18px;}
	.descBox .new_des{margin-bottom: 20px;}
}

@media screen and (max-width:991px){
	.ind_text h4{font-size:36px;}
	.ind_text p{width: 80%;}
	#indprobg .pro_item{padding: 10px 10px 0 10px;}
	.info-wrap2{padding:20px 0 40px;}
	.info-wrap2 li .txt1 span{font-size:40px;}

	.ind_abbg2 {background-position: center 97%; background-size: contain;}
	.brandil{ float: none; width:100%; }
	.ctitle{display:none; }
	.brandimg { position: relative;width:96%;margin:0 auto;left:0; padding:5%;height:auto; overflow:hidden;background:#e5e8ef; }
	.brandimg img { display:block; width:100%; height:auto;}
	.brandimgbg { display:none;}
	.brandir { float: none; width:96%; padding-left:0; padding-top:4%;margin:auto;}
	/*.ctitle { height:130px;padding:40px 0px 20px 0px;color:#e44509; background:url(../images/kuang1.png) right top no-repeat; float: none; }
	.ctitle p { font-size:18px;}
	.ctitle h4{font-size:30px; font-weight:bold;}*/
	.brandirtxt .more { margin-top:30px;float:left; clear:both;} 
}

@media screen and (max-width:768px){
	.ind_text h4{font-size:32px;}
	.ind_text p{width: 96%;margin: 15px auto 10px;}
	#indprobg .p_list li{flex-basis: calc(100% / 2);}
	#indprobg .pro_item{width:calc((100% / 2) - 20px);padding: 10px 10px 0 10px;}
	.brandimg { position: relative;width:100%;}
	.img-center { width:100%!important;height:100%!important;}
	.index-case-center {padding: 5% 0;width:96%;margin:0 auto;}
	.index-case-center .top {padding: 0px 0 20px 0;}
	.index-case-center .bottom5 a{margin: 1% 0 0 0;}
	.index-case-center .bottom5 a,.video-list-bottom a .img,.footer .content .center .left .subscribe .subscribe-input {width: 100%;}
	.index-case-center .bottom5 a:first-child {position: relative;width: 100%;}
	.index-case-center .bottom5 {padding-left:0;}
	.ind_abbg2{padding:0 0 5%;}

	.info-wrap2 li{width: 50%;line-height: 30px;padding-top: 20px;}
	.info-wrap2 li .txt1 span{font-size: 36px;}
	.info-wrap2 li i{padding:20px 0;}

	.indnews_Boxs .new_listBox{padding:0 0 50px;}
}