@charset "utf-8";
/* CSS Document */
.publicBox{width:82%;margin:auto;position:relative;}
.icom-data{height: auto; overflow: hidden; width:100%;background:#17448e;display: flex;flex-direction: row;z-index: 1; padding-top:45px; padding-bottom:45px;}
.icom-data .item{width:25%;color:#fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center; float:left;}
.icom-data .item:nth-child(3){border-right:none;}
.icom-data .item i{font-size:36px;font-weight: 400}


.icom-data .item .shuzi{font-size:53px;font-weight: bold;line-height: 1;margin-top: 27px}
.icom-data .item .shuzi font{font-size:24px;}


.icom-data .item p{font-size:24px;margin-top: 27px; color:#fff;}

.bt_ch{ text-align: center; font-size: 48px; font-weight:bold; color: #000; margin-top: 51px;}
.bt_en{ text-align: center; color: #5d5d5d;  font-size: 24px;font-family: Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}

.about_president {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
	padding-top: 3%;
	padding-bottom: 10%; margin-top: 35px;
}

.mr-home-kv .mr-home-swiper .home-kv-summary .home-kv-title{ margin-top: 1.5625vw;}

.about_pre_se{ width:90%; margin: 0px auto;}

.about_tex{width: 80%; text-align: left;}
.about_tex p{ color: #fff;line-height: 45px;  font-size: 16px;text-align: left;}
.btn_style01{
  border:1px solid #fff;
  border-radius: 25px;
  overflow:hidden;
  line-height: 50px;
  padding:0 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 204px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  position:relative;
	margin-top: 58px;
}
.btn_style01:before{
  display:block;
  content: '';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height: 100%;
  background:none;;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style01:hover:before{
  height: 100%;
	background: #17448e;
	 width:100%;
	 border:1px solid #17448e;
}
.btn_style01 img{
  filter:grayscale(1) brightness(100);
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style01 span{
  position:relative;
  color: #fff;
  font-size:14px;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style01:hover span{
  color: #fff;
}
.btn_style01:hover img{
  filter:brightness(1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.font24{ font-size: 24px; color: #111111;}
.zt{ margin-left: 3%;}

.font30{ font-size: 30px; color: #111111;}


.indexabout{background:#f8f8f8;overflow:hidden; padding-bottom: 5.34%;}
.innerCulture{overflow:hidden;}
.innerCulture .list li{width:31.99999%;margin-right:2%;margin-top:4.5%;padding:4% 2% 2%;float:left;background:#FFF;cursor:pointer;position:relative; border-bottom: 5px solid #17448e;}
.innerCulture .list li:last-child{margin-right:0;}
.innerCulture .list li .imgs{height:32px;display:block;-webkit-transition: all 0.5s;transition: all 0.5s; margin-top: 9px;}
.innerCulture .list li h3{margin-top:8%;}
.innerCulture .list li p{height:100px;font-size:18px;color:#111111;line-height:28px;margin-top:6%;overflow:hidden;}
.innerCulture .list li:hover .imgs{
	-webkit-transform: rotatey(180deg);
	transform: rotatey(180deg);
}

.innerCulture .box{width:100%;margin-top:3%;padding:4%;text-align:center;background:#FFF;cursor:pointer;position:relative;}
.innerCulture .box img{margin:6px auto 0;display:block;}
.innerCulture .box p{font-size:15px;color:#666;line-height:28px;margin-top:2%;overflow:hidden;}




.btn_style02{
 
  overflow:hidden;
  line-height: 50px;
	
	padding-right:120px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 204px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  position:relative;
	
}
.btn_style02:before{
  display:block;
  content: '';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height: 100%;
  background:none;;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style02:hover:before{
 
}
.btn_style02 img{

  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style02 span{
  position:relative;
  color: #17448e;
  font-size:14px;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style02:hover span{

}
.btn_style02:hover img{
  filter:brightness(1);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cp_bt_ch{ font-size: 48px; color: #fff; font-weight: bold;}
.cp_bt_en{font-size: 24px; color: #fff; }
.cp_bt{ margin-top: 75px;}



.cpbj{ background: #17448e; overflow: hidden; padding-bottom: 87px;}
#cpxl .swiper-container { width: 100%; height: auto; margin: 3% 0 0;}
#cpxl .swiper-slide { background-size: cover; background-position: center; position: relative;}
#cpxl .gallery-top { height: auto; width: 100%; padding-top: 3% ; }
#cpxl .gallery-top .swiper-slide li{ margin-bottom: 5%; position: relative; overflow: hidden}
#cpxl .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition: 0.3s;}
#cpxl .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#cpxl .gallery-top .swiper-slide .content{ padding: 2% 0; line-height: 25px;}
#cpxl .gallery-top .swiper-slide .content p{ color: #000000; font-size: 16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cpxl .gallery-top .swiper-slide .content table{ color: #666666; font-size: 14px;}
#cpxl .gallery-top .swiper-slide .pic:hover{ filter: drop-shadow(-6px 5px 6px rgba(0,0,0,0.1));}
#cpxl .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}
#cpxl .gallery-top .swiper-slide .cphover{ position: absolute; left: 0; opacity: 0; bottom: -100%; width: 100%; height: auto; background: #c57e31; padding: 7%; color: #fff; transition: 0.4s;}
#cpxl .gallery-top .swiper-slide .cphover p{ font-size: 18px;}
#cpxl .gallery-top .swiper-slide .cphover dl{ text-align: center; margin: 3% 0 0;}
#cpxl .gallery-top .swiper-slide .cphover dl dt{ float: left; width: 47%; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid rgba(255,255,255,0.5); font-weight: normal; transition: 0.3s;}
#cpxl .gallery-top .swiper-slide .cphover dl dt a{ color: #fff;}
#cpxl .gallery-top .swiper-slide .cphover dl dt:last-of-type{ float: right;}
#cpxl .gallery-top .swiper-slide li:hover .cphover{ bottom: 0; opacity: 1;}
#cpxl .gallery-top .swiper-slide li .cphover dl dt:hover{ letter-spacing: 3px; background: #333; border: 1px solid #333;}
#cpxl .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%;  padding: 0; box-sizing: border-box;}
#cpxl .gallery-thumbs .swiper-slide { height: 45px; line-height: 45px; font-size: 16px; color: #666666; cursor: pointer; text-align: center;}
#cpxl .gallery-thumbs .swiper-slide .tit{ position: relative;}
#cpxl .gallery-thumbs .swiper-slide .tit:before{ position: absolute; left: 50%; bottom: -1px; content: ''; height: 3px; width: 0; background: #fff; transition: 0.3s;}
/*#cpxl .gallery-thumbs .swiper-slide .tit,#cpxl .gallery-thumbs .swiper-slide ul{ float: left; }*/
/*#cpxl .gallery-thumbs .swiper-slide ul{ width: 80%; padding-left: 3%; display: none;}*/
/*#cpxl .gallery-thumbs .swiper-slide ul li{ padding: 0 3%; float: left;}*/
/*#cpxl .gallery-thumbs .swiper-slide ul li a{ color: #666666;}*/
#cpxl .gallery-thumbs .swiper-slide .tit{ color: #fff; font-size: 16px;}
#cpxl .gallery-thumbs .swiper-slide-thumb-active .tit{ color: #fff; font-weight: bold;}
#cpxl .gallery-thumbs .swiper-slide-thumb-active .tit:before{ width: 30%; left: 35%;}
@media screen and (max-width:1200px){
    #cpxl .gallery-thumbs{ padding: 0;}
}
@media screen and (max-width:1000px){
    #cpxl .gallery-thumbs .swiper-slide .tit{ font-size: 16px;}
    #cpxl .gallery-thumbs .swiper-slide ul{ display: none;}
}
@media screen and (max-width:768px){
    #cpxl .gallery-top .swiper-slide p{ font-size: 12px;}
}

.category-overview__tab-content-grid--6 {
    grid-template-rows: auto 30px 30px 30px 30px 30px auto;
    -ms-grid-rows: auto 30px 30px 30px 30px 30px auto;
}
.category-overview__tab-content-grid {
    grid-template-columns: repeat(auto-fit,minmax(25%,1fr));
    -ms-grid-columns: auto auto auto auto;
    grid-gap: 20px;
    height: 500px;
}

.category-overview__tab-content-grid--6 {
    grid-template-columns: repeat(2,auto);
    -ms-grid-columns: auto auto;
    grid-template-rows: repeat(4,.5fr) .25fr;
    -ms-grid-rows: .5fr .5fr .5fr .5fr .25fr;
}

.category-overview__tab-content-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
}

.category-overview__tab-content--visible .category-overview__grid-item {
    animation: fadeIn .7s ease-out normal backwards;
}

.category-overview__tab-content-grid--6 .category-overview__grid-item--0 {
    grid-column: 1;
    grid-row: 1/8;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 7;
    margin: 0;
}

.category-overview__gradient {
    background: linear-gradient(180deg,rgba(0,0,0,0) 59.4%,rgba(36,43,62,.5) 100%,#d3d3d3 50%);
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}

.category-overview__grid-item .picture {
    width: 100%;
    height: 100%;
    position: relative;
}

.rtt{ margin-top: 26px;}
.box{ width: 24%; float: left; margin-right: 1%; }
.box:nth-last-of-type(1){ margin-right: 0px;}
.cp_bt_r{ margin-top: 100px;}




/* --company-- */
.incompany_profile{
    padding-top: 160px ;
	background:#FFF;
	position:relative;
}
.incompany_profile_left{
    width: 40%;
    float: left;
    position: relative;
    z-index: 10;
}

.incompany_profile_left .con{
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-top: 56px;
    overflow: auto;
}
.incompany_profile_left .con p{
	text-align:justify;
	text-indent:2em;
}
.incompany_profile_left .img{
	margin-top:4%;
    display:none;
}
.incompany_profile_left .img img{
	max-width:100%;
	display:block;
	margin:auto;
}

.incompany_profile_right{
	width:49.66%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/incompany_profile_img.jpg) no-repeat center;
	background-size:cover;
}
.bteern{ margin-top: 61px;} 
.intitle span{ color: #000; font-size: 32px;}
.con_pic ul li{ float: left; width: 49%; margin-right: 2%; margin-top: 52px;}
.con_pic ul li:nth-last-of-type(1){ margin-right: 0px;}
.con_pic ul li img{ max-width: 100%;}






/* --company-- */
.incompany_profile1{
    padding-top: 90px ;
	background:#FFF;
	position:relative;
}
.incompany_profile_left1{
    width: 40%;
    float: right;
    position: relative;
    z-index: 10;
	margin-bottom: 40px;
}

.incompany_profile_left1 .con{
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-top: 56px;
    overflow: auto;
}
.incompany_profile_left1 .con p{
	text-align:justify;
	text-indent:2em;
}
.incompany_profile_left1 .img{
	margin-top:4%;
    display:none;
}
.incompany_profile_left1 .img img{
	width:100%;
	display:block;
	margin:auto;
}

.incompany_profile_right1{
	width:50.33%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/pic6.jpg) no-repeat center;
	background-size:cover;
}

.youshi_top{ padding-top: 44px; }


.index_news{background: url(../images/pic7.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;}



#xinwen{ margin-top: 3%;}
#xinwen .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#xinwen .swiper-slide {
    text-align: left;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    background: #f5f5f5;
    padding-bottom: 17%;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#xinwen .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; transition:0.3s;}
#xinwen .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xinwen .swiper-slide .xw_con{ transition: 0.3s; background: #fff; width: 100%; padding: 5%; position: absolute; height: 45%; left: 0; bottom: 0; z-index: 1;}
#xinwen .swiper-slide .xw_con p{ text-align: left; width: 100%; color: #333333; font-size: 24px; height: 50px; line-height: 50px; transition:0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#xinwen .swiper-slide .xw_con span{ display: block; text-align: left; width: 100%; color: #999999; font-size: 14px;}
#xinwen .swiper-slide .xw_con .content{ color: #666666; font-size: 16px; padding: 3% 0;}
#xinwen .swiper-slide .xw_con .more{ float: left; color: #fff; background: #17448e; padding: 0 7%; margin-top: 2%; height: 40px; line-height: 40px; transition: 0.3s; opacity: 0;}
#xinwen .swiper-slide:hover img{ transform: scale(1.1);}
#xinwen .swiper-slide:hover .xw_con{ height: 100%; padding: 15% 8%;}
#xinwen .swiper-slide:hover .xw_con .content{ line-height: 35px;}
#xinwen .swiper-slide:hover .xw_con .more{ opacity: 1; margin-top: 5%;}
@media screen and (max-width:1440px){
    #xinwen .swiper-slide .xw_con p{ font-size: 18px; height: 40px; line-height: 40px;}
    #xinwen .swiper-slide .xw_con .content{ font-size: 14px; padding: 1% 0;}
}
@media screen and (max-width:991px){
    #xinwen .swiper-slide .xw_con p{ font-size: 16px; height: 30px; line-height: 30px;}
}
@media screen and (max-width:768px){
    #xinwen .swiper-slide .xw_con .content{ font-size: 12px; padding: 0; line-height: 25px;}

}




.btn_style03{
  border:1px solid #17448e;
  border-radius: 25px;
  overflow:hidden;
  line-height: 50px;
  padding:0 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 204px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  position:relative;
	 margin: 0px auto;  text-align: center;margin-top: 55px; margin-bottom: 74px;
}
.btn_style03:before{
  display:block;
  content: '';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height: 100%;
  background:none;;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style03:hover:before{
  height: 100%;
	background: #17448e;
	 width:100%;
	 border:1px solid #17448e;
}
.btn_style03 img{
 
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style03 span{
  position:relative;
  color: #17448e;
  font-size:14px;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.btn_style03:hover span{
  color: #fff;
}
.btn_style03:hover img{
  filter:grayscale(1) brightness(100);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



.footer {
    background: #17448e;
    overflow: hidden;
}
.footer .boxx {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4); height: auto; overflow: hidden;}
.footer .logo {
    width: 23%;
    height: 63px;
    overflow: hidden;
    float: left;
}

.start-center {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.footer .logo img {
    width: 100%;
    max-width: 460px;
    display: block;
}


.footer .tel {
    max-width: 70%;
    height: 76px;
    overflow: hidden;
    float: right;
}

.footer .tel li {
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    padding-left: 32px;
    margin-left: 20px;
    word-break: break-all;
    background-repeat: no-repeat;
    background-position: left center;
}

.center-center {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.bottom_tel{ width: 32%;}
.footer .bottom{padding:40px 0;position:relative;}
.footer .bottom .line{width:1px;height:100%;background:rgba(255,255,255,0.1);position:absolute;right:26%;top:0;}
.footer .nava{width:45.5%;float:left;overflow:hidden;border-left: 1px solid rgba(255,255,255,0.4);}
.footer .nava ul{width:20%;float:left;}
.footer .nava ul li{font-size:18px;text-align:center;position:relative;margin-bottom:20px;}
.footer .nava ul li:nth-of-type(1){font-size:18px;color:#FFF;margin-bottom:20px;}
.footer .nava ul li a{color:#fff;}
.footer .nava ul li a:hover{color:#FFF;}
.footer .erweima{width:22%;float:left;overflow:hidden;}
.footer .erweima li{max-width:36%;margin:0 4%;}
.footer .erweima img{width:100%;max-width:140px;margin:auto;display:block;}
.footer .erweima p{font-size:14px;line-height:24px;text-align:center;margin-top:10px;color:#fff;}

.footer .bottom_tel ul li:nth-of-type(1) {
	background-image: url(../images/tel.png); height: 50px;}

.footer .bottom_tel ul li:nth-of-type(2) {
	background-image: url(../images/phone.png); height: 80px;margin-top: 37px;}

.footer .bottom_tel ul li:nth-of-type(3) {
	background-image: url(../images/add.png); height: 50px; margin-top: 7px;}

.footer .bottom_tel ul li:nth-of-type(4) {
	background-image: url(../images/add1.png); height: 50px; margin-top: 40px;}
.footer .bottom_tel ul li:nth-of-type(5) {
	background-image: url(../images/add1.png); height: 50px; margin-top: 40px;}
.footer .bottom_tel ul li {
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    padding-left: 42px;
   
    word-break: break-all;
    background-repeat: no-repeat;
    background-position: left center;
}
.footer .bottom_tel ul li .bott_cont .bot_wor2{ font-size: 24px; font-weight: bold; margin-top: 10px;}

.copyright{font-size:14px;line-height:24px; background: #071c64; color:#fff;text-align:center;padding:20px 0;border-top: 1px solid rgba(255,255,255,0.4); overflow:hidden; margin-top: 97px;}
.copyright span{margin-left:20px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#FFF;}

.yf_num_bg{ background: #fff;}


.btn-primary-cta{ background: #17448e; border: 1px solid #17448e; border-radius: 20px;}