@charset "utf-8";
/* CSS Document */
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#fff; /*-webkit-user-select: none; user-select: none;*/}
.m_center{width: 78.125vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;	}
img{width:auto; /*max-width: 100%;*/ border: 0; transition: all .5s ease 0s;}

/**/
.top{width: 100vw; height:100px; background:linear-gradient(180deg,rgba(189,123,45,.7), rgba(189,123,45,0)); position: fixed; top: 0; left: 0; padding: 0  10.9vw; z-index: 9999; transition: all .5s linear 0s; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-content: space-between; align-items: center;}
.logo{width:20vw; height:100px; float: left; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; overflow: hidden; transition: all .6s ease 0s; position: relative;}
.logo img{max-width:100%; height: auto; overflow: hidden; transition: all .5s ease 0s; overflow: hidden;}
.top-nav{width: auto; color: #fff; font-size: 16px; padding-right: 5.2vw;}
.top-nav a{ color: #fff; margin: 0 1.1vw;}
.top-nav a:hover,.top-nav a.nuw{font-weight: bold; text-decoration: overline;}

.top_sou{width:190px; height:26px; line-height: 1; position: absolute; right:calc(10.9vw + 46px); border-radius: 13px; overflow: hidden;}
.input-a{vertical-align: top; color: #fff; height: 26px; width:0%; font-size: 12px; background:none; border: none; border-radius: 13px; padding: 0; transition: all 1s; background: rgba(255,255,255,.5); position: absolute; right: 0; opacity: 0;}
.input-a::-webkit-input-placeholder{color: #fff;}
.input-a::-moz-input-placeholder{color: #fff;}
.input-a::-ms-input-placeholder{color: #fff;}
.but-a{vertical-align: top; width: 26px; height: 26px; font-size: 16px; background:rgba(255,255,255,.5); color: #bd7b2d; overflow: hidden; cursor: pointer; border: none; position: absolute; top: 0; right: 0; z-index: 2; border-radius: 100%; overflow: hidden;}
.top_sou:hover .input-a{ width: 100%; padding: 0 30px 0 10px; opacity: 1;}
/* mobile nav 触发样式 */
.c_nav{width:26px; height:26px; background:rgba(189,123,45,1); border-radius: 100%; overflow: hidden; position: absolute; top: 50%; right:10.9vw; z-index: 999; margin-top: -13px; cursor: pointer; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:center; transition: all .4s ease .4s;}
.c_nav span{display: block; width:15px; height: 1px; background: #fff; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease .2s;}
.c_nav span:nth-child(2){width:10px; margin-right: 5px;}
.c_nuw{border-radius: 100%; background:rgba(255,255,255,1); transition: all .4s ease 0s;}
.c_nuw span{background:rgba(189,123,45,1);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(0px,0px); transform-origin: center; width:19px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,0px); transform-origin: center; width:19px; margin: 0;}

.ban-inx{position: relative;}
.banner{position:relative; width:100vw; height:65vh;  overflow: hidden;}
.banner .swiper-container{ width:100%;height: 100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size:cover; position: relative;}
.banner .banner-pagination{position: absolute; z-index: 5; color:#fff; width:20px; height:74px; left:inherit; right:11.7vw; bottom:25px; font-size:18px; text-align: left; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.banner .banner-pagination span{line-height: 1;}
.banner .banner-pagination span:nth-child(1){}
.banner .banner-pagination span:nth-child(2){font-size: 28px;}
.banner .banner-pagination span:nth-child(-n + 9)::before{content: '0'; display: inline-block; vertical-align: baseline; line-height: 1; margin-right: 1px;}
.banner .banner-pagination-a{position: absolute; bottom: 25px; right:10.9vw; z-index: 999; padding-bottom: 5px;}
.banner .banner-pagination-a span{display: block; width:1px; height:14px; background: #fff; margin-top:6px; cursor: pointer;}
.banner .banner-pagination-a span.nuw{background:rgba(189,123,45,1);}
.ban-img{width: 28.2vw; height: 20.4vh; position: absolute; top:34.3vh; left: 10.9vw;}
.ban-img img{width: 28.2vw; height: 20.4vh; object-fit: contain;}

.in-gongg{ width:40vw; height: auto;color: #fff; position: absolute; bottom: 34px; left: 10.9vw; z-index: 5; padding: 0 0 8px 8px;}
.in-gongg-i{width: 24px; height: 24px; line-height: 24px;}
.in-gongg-i i{font-size: 20px;}
.in-gongg-ul{overflow: hidden; height: 24px;}
.in-gongg-ul .swiper-slide{height: 24px; line-height: 24px; overflow: hidden; font-weight: 400; font-size: 16px; color: #fff;}
.in-gongg::before{content:''; width: 1px; height: 40px; background: rgba(255,255,255,.5); position: absolute; left: 0; bottom:-4px;}
.in-gongg::after{content:''; width: 100%; height: 1px; background: rgba(255,255,255,.5); position: absolute; left:-4px; bottom:0px;}


.in-about{width: 78.125vw; height: auto; position: relative; margin: 4.2vw auto; overflow: hidden;}
.in-aboutimg,.in-aboutimg img{width:39.1vw; height:16vw; object-fit: cover; overflow: hidden;}
.in-abouttxt{width: calc(78.125vw - 39.1vw); height: 16vw; overflow: hidden; padding: 0 0 0 2.5vw;}
.in-about-h2{width: 100%; height: auto; line-height: 1; font-size: 18px; color: #999999; font-weight: bold; text-transform: uppercase; margin-top: .6vw;}
.in-about-h2 span{font-size: 14px;}
.in-about-h2 p{font-size: 26px; color: #bd7b2d; margin-top: 8px;}
.in-about-box{font-size: 16px; line-height: 26px; height: calc(26px * 5); color: #555555; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align: justify; margin: 3.1vw 0; text-indent: 2em;}
.in-about-boxa{display: flex; width: 100%; height: 60px; justify-content: space-between; align-items: flex-end; text-align: center;}
.in-about-boxa div{font-size: 16px; color: #bd7b2d; font-weight: bold; line-height: 1;}
.in-about-boxa div span{font-size: 36px; margin-right: 5px; font-weight: 600;}
.in-about-boxa div p{font-size: 16px; color: #555555; font-weight: 400; margin-top: 10px;}

.news_bg{background: #f2f2f2;  padding:3vw 0;}
.in_dangjiannews_box{width: calc((100% - 5vw) / 2); min-height: 200px; height:auto; margin-bottom: 40px;}
.in_dangjian_title{width: 100%; height: auto; line-height: 1; font-size:22px; color: #bd7b2d; font-weight: bold; text-transform: uppercase; margin-bottom: .6vw;}
.in_dangjian_title span{font-size: 14px;}
.in_dangjian_ul{font-size: 16px;}
.in_dangjian_ul div{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; overflow: hidden; font-size: 15px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.in_dangjian_ul div a{color: #555; transition: all 1s;}
.in_dangjian_ul div a i{font-size: 14px;}
.in_dangjian_ul div a span{float: right;}
.in_dangjian_ul div a:hover{color: #bd7b2d;}

.bga{width: 100%; height: 36.5vw; background: url(../images/bga.png) center center no-repeat; background-size: cover; background-attachment:fixed;}
.in-ywtx{width:78.125vw; height: 36.5vw; margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; padding: 6.5vw 0 9.6vw;}
.in-title{color: #fff; line-height: 1; overflow: hidden;}
.in-title div{font-size: 30px; color: #fff; font-weight: 600;}
.in-title div i{width: 20px; height: 20px; text-align: center; line-height: 20px; background: rgba(255,255,255,.5); color: #fff; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: bottom; margin-left: 5px; transition: all .6s;}
.in-title p{height: 23px; background: url(../images/icon1.png) left center no-repeat; font-size: 16px; font-weight: 500; padding-left: 32px; line-height: 23px; text-transform: uppercase; margin-top: 5px; color: #fff;}
.in-title:hover div i{background:rgba(189,123,45,1);}
.in-ywtxul{width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between;}
.in-ywtxli{width:13.5vw; height: 10.4vw; border: 3px solid #fff; padding: 1.4vw .8vw; line-height: 1; color: #fff; position: relative; overflow: hidden; transition: all 1s;}
.in-ywtxli i{font-size:3vw; color: #fff;}
.in-ywtxli:nth-child(1) i,.in-ywtxli:nth-child(4) i{font-size: 2.6vw;}
.in-ywtxli div{width: 100%; height: auto; position: absolute; bottom: 1.4vw; left: 0; padding: 0 .8vw; color: #fff; font-size: 16px; font-weight: bold; z-index: 4;}
.in-ywtxli div p{font-size: 10px !important; text-transform: uppercase; font-weight: 400; margin-top: 4px;}
.in-ywtxli:hover{ border-color: rgba(189,123,45,1);}

.in-ywtxul_a .in-ywtxli{width: 8vw; border: 3px solid #ccc; color: #777;}
.in-ywtxul_a .in-ywtxli i{color: #777;}
.in-ywtxul_a .in-ywtxli div{color: #777;}
.in-ywtxul_a .in-ywtxli:hover{ border-color: rgba(189,123,45,1); color: #fff !important;}
.in-ywtxul_a .in-ywtxli:hover i,.in-ywtxul_a .in-ywtxli:hover div{color: #fff !important;}

.bg_b{width: 100%; height: auto; padding:3.6vw 0; background: url(../images/bgb.png) left top/50% auto repeat-y #fff;}
.in-news{width:78.125vw; margin: 0 auto; overflow: hidden;}
.in-news .in-title{margin-left: 10px;}
.in-news .in-title div{color: rgba(189,123,45,1);}
.in-news .in-title div i{background:rgba(153,153,153,.5);}
.in-news .in-title p{background: url(../images/inon2.png) left center no-repeat; color: #999999;}
 
.in-news-left{width: 37vw; height:auto; float: left; overflow: hidden;}
.in-news-left-news{width: 100%; height: auto; margin-top:20px; overflow: hidden;}
.in-news-leftimg, .in-news-leftimg img{width: 37vw; height: 20.8vw; object-fit: cover; overflow: hidden;}
.in-news-lefttxt{line-height: 1; width: 100%; height: auto; position: relative; padding: 20px 10.4vw 0 0;}
.in-news-lefttxt h2{font-size: 18px; color: #555555; font-weight: bold;}
.in-news-lefttxt p{font-size: 14px; color: #777777; line-height: 26px; min-height: 58px;}
.in-news-lefttxt div{width: 10.4vw; height: 100%; position: absolute; right: 0; bottom: 0; text-align: right; padding: 40px 0 0 0; font-size: 1vw; font-weight: bold; color: #999999;}
.in-news-lefttxt div span{display: block; letter-spacing: 10px; font-size: 1.5vw; color: #555555; margin-bottom: 5px;}
.in-news-right{float: right; width: 37vw; overflow: hidden;}
.in-news-li{width: 100%; height: 6.5vw; margin-bottom: 1.8vw; overflow: hidden;}
.in-news-li a{display: flex;}
.in-news-lia, .in-news-lia img{width: 11.5vw; height: 6.5vw; object-fit: cover; overflow: hidden;}
.in-news-lib{width:21.9vw; height: 6.5vw; padding: 0 1.1vw 0 0.8vw; line-height: 1; overflow: hidden;}
.in-news-lib h2{width: 100%; font-size: 18px; color: #555555; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.in-news-lib p{font-size: 14px; line-height: 26px; color: #777777; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-align: justify; margin-top:0.8;}
.in-news-lic{width:5vw; height: 100%; text-align: right; padding: 1.8vw 0 0 0; font-size: 1vw; font-weight: bold; line-height: 1; color: #999999;}
.in-news-lic span{display: block; letter-spacing:5px; font-size: 1.5vw; color: #555555; margin-bottom: 5px;}
.in-news-li:last-child{margin-bottom: 0;}
 
.bgc{width: 100%; height: auto; background: #bd7b2d; padding:3.6vw 0; overflow: hidden;}
.in-links-a{width: 100%; height: auto; position: relative;}
.links-next,.links-prev{width: 42px; height: 42px; border: 1px solid #fff; line-height: 40px; text-align: center; color: #fff; font-size: 30px; position: absolute; top: calc(50% - 21px); right: 0; cursor: pointer; transition: all .6s;}
.links-next{right: 50px; transform:rotate(180deg);}
.links-next:hover,.links-prev:hover{ background: #fff; color: #bd7b2d;}
.in-links{width: 100%; height: auto; overflow: hidden; margin-top: 1.2vw;}
.in-links .swiper-slide{width: 12.5vw; height: 4.9vw; margin-right: 0.6vw; border: 3px solid #1945aa; display: flex; align-items: center; justify-content: center; overflow: hidden; padding:5px; font-size: 20px; color: #fff;}
.in-links .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
  
footer{width: 100%; height: auto; padding: 3.6vw 10.9vw; background: #222222; overflow: hidden; display: flex; justify-content: space-between;}  
.foot-left-top{font-size: 16px; line-height: 42px; color: #ffffff; font-weight: 300;}
.foot-left-top i{margin-right: 5px;}
.foot-left-bot{margin-top:25px; color: #888888; font-size: 14px;}
.foot-left-bot span,.foot-left-bot a{color: #888888;}
.foot-right{width: 130px; height: auto; line-height: 0;}
.foot-right p{height: 40px; line-height: 40px; text-align: center; background: #bd7b2d; color: #fff;}

.pg-banner{width: 100%; height:64.6vh; padding:52vh 10.9vw 0; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; line-height:1;}
.pg-banner h2{font-size: 24px;}
.pg-banner p{font-size:20px; text-transform: uppercase;}

 
.pg-nav{width: 100%; height: 70px; line-height: 70px; overflow: hidden; background: #f2f2f2; justify-content: center;}
.pg-nav a{ padding: 0 38px; font-size: 16px; line-height: 70px; transition: all 1s;}
.pg-nav a:hover, .pg-nav a.nuw{background: #bd7b2d; color: #fff;}
.pgnavtop-nuw{position: fixed; top: 100px; left:calc((10.9vw - 70px) / 2); z-index: 888; width: 70px; height: auto; transition: all 1s;}
.pgnavtop-nuw a{width: 100%; padding:15px; line-height: 1.5; text-align: center;}
 
.show-ywtxt{width: 1000px; height: auto; margin:3.6vw auto 0; padding: 0 0 110px; text-align: justify;}
.show-ywtxt-logo{ margin-bottom: 40px; font-size: 24px; color: #1945aa;}
.show-ywtxt-zn{font-size: 16px; line-height: 32px; color: #555; font-weight: 300; margin-bottom: 30px;}
.show-ywtxt-en{font-size: 14px; line-height: 24px; color: #999999; font-weight: 300;}


.contact_tit{margin-bottom: 1.3vw;}
.contact_tit h1{height: 1.7vw; line-height: 1.7vw; font-size: 1.2vw; color: #525252; font-weight: bold; overflow: hidden;}
.contact_tit div{height: 1.3vw; line-height: 1.3vw; font-size: 0.7vw; color: #999; overflow: hidden; text-transform: uppercase;}


.list-news{width: 78.125vw; height: auto; margin:40px auto 90px; justify-content: space-between;}
.list-news-li{width: 25vw; height:300px; border: 4px solid #f2f2f2; margin-bottom: 32px; overflow: hidden; position: relative;}
.list-news-li .iconfont{display: block; width: 30px; height: 30px; background: #dfdfdf; color: #fff; line-height: 30px; text-align: center; font-size: 20px; border-radius: 100%; position: absolute; top: 30px; right: 30px; z-index: 5; transition: all 1s ease 0s;}
.list-news-liimg{width: 100%; height: 100%; opacity:0; background: #fff; transition:all 1s ease 0s; overflow: hidden;}
.list-news-liimg img{width: 100%; height: 100%; object-fit:cover;}
.list-news-litxt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; padding: 80px 20px 20px; overflow: hidden; transition:all 1s ease 0s; }
.list-news-litxt h2{width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #555555; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.list-news-litxt p{width: 100%; line-height:28px; font-size:14px; color: #555555; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 26px 0; overflow: hidden; opacity: 1; transition:all 1s ease 0s;}
.list-news-litxt span{font-size: 14px; opacity: 1; transition:all 1s ease 0s;}
.list-news-li:hover{border-color: #fff; background: #bd7b2d;}
.list-news-li:hover .iconfont{background: #fff; color: #bd7b2d;}
.list-news-li:hover .list-news-liimg{opacity: 1;}
.list-news-li:hover .list-news-litxt{top:155px;}
.list-news-li:hover .list-news-litxt h2{color: #fff;}
.list-news-li:hover .list-news-litxt p,.list-news-li:hover .list-news-litxt span{opacity: 0;}

.show-news{padding: 3.6vw 0;}
.detal{margin: 2vw 0; transition: all 1s;}
.detal .fl{width: 25.3vw;}
.detal .fl .detal_tit{line-height: 2vw; font-size: 1.2vw; color: #363747; padding-bottom: 0.8vw; border-bottom: 1px solid #ccc;}
.detal .fl .fb{height: 3.1vw; line-height: 3.1vw; font-size: 0.8vw; color: #888; border-bottom: 1px solid #ccc;}
.detal .fl .fx{margin-top: 2.3vw;}
.detal .fl .fx i{color: #000; font-size: 24px; font-weight: bold;}
.detal .fr{width: 46.4vw; margin-top: 0.4vw;}
.detal .fr .img img{width: 100%; height: auto;}
.detal .fr p{line-height: 2vw;}

.container{width: 1000px;}
.mo_detal{margin: 2vw 0; transition: all 1s;}
.mo_detal .xq_fl{width: 100%;}
.mo_detal .xq_fl .detal_tit{line-height: 2; font-size:22px; text-align: center; color: #363747; padding-bottom:10px; border-bottom: 1px solid #ccc;}
.mo_detal .xq_fl  .fb{height: auto; line-height:24px; font-size: 16px; color: #888; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center;}
.detal_text{margin-top: 10px; font-size: 16px; color: #555; line-height: 2; text-align: justify;}
.detal_text img{max-width: 100% !important; /*width: 100%;*/ height: auto !important; margin: 10px auto;}

.ScCaes-bot{ width:100%; height:3.1vw; line-height:3.1vw; border-top: 1px solid #ccc; margin:3.8vw 0 0 0; font-size:16px; color:#888888;}
.ScCaes-bot a{ color:#888888;}
.ScCaes-bot a:nth-child(1){ background: url(../images/but-l.png) left center no-repeat; padding-left:1.9vw;}
.ScCaes-bot a:nth-child(2){ background: url(../images/but-r.png) right center no-repeat; padding-right:1.9vw;}

.show-about-a{width: 100%; height: auto; padding: 50px 0; overflow: hidden;}
.show-about-video{width: 46.4vw; height: 26vw; border-radius:0 2.6vw 2.6vw 0; overflow: hidden; position: relative; background: #bd7b2d; float: left;}
.show-about-video img,.show-about-video video{width:calc(100%); height: 100%; object-fit: cover;}
.show-about-video-h2{width:70px; height:26vw; background:#bd7b2d; color: #fff; padding:1vw 0; line-height: 1; display: flex; align-items: center; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}
.show-about-video-h2 i{ width: 2vw; height: 2vw; font-size: 2vw; color: #fff; margin-right: 10px;}
.show-about-video-h2 div{font-size:18px; font-weight: bold; color: #fff;}
.show-about-video-h2 div p{font-size: 12px; font-weight: 400; text-transform:uppercase; margin-top: 3px;}
.show-about-txt{width: calc(100% - 46.5vw); height: 26vw; float: right; padding: 0 10.9vw 0 3.2vw; overflow: hidden;}
.show-about-txta{margin-top: 1vw;}
.show-about-txtb{width: 100%; height:19vw; font-size: 16px; line-height: 2; color: #555555; overflow-y: auto; overflow-x: hidden; padding-right: 20px; margin: 2.1vw 0;}


.showa-bga{width: 100%; height: 36.5vw; background: url(../images/ig14.jpg) center center no-repeat; background-size: cover; background-attachment:fixed; overflow: hidden;}
.show-lic{width:78.125vw; height: 36.5vw; margin: 0 auto; position: relative; padding-top: 2.9vw; overflow: hidden;}
.show-lic-ul{width: 38vw; height: 27.1vw; position: absolute; bottom: 0; left: 0; z-index: 1; overflow: hidden;}
.show-lic-dx{width: 20px; height: 27.1vw; position: relative; overflow: hidden;}
.show-lic-dx span{display: block; width: 20px; height: 20px; background: #bd7b2d; border: 4px solid #fff; border-radius: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2;}
.show-lic-dx::after{content:' '; width: 4px; height: 100%; background: #bd7b2d; display: block; position: absolute; top: 0; left: calc(50% - 2px);}
.show-lic-box{width:calc(100% - 10px); height: 21.9vw; overflow-x: hidden; overflow-y: auto; position: absolute; top: 2.5vw; left: 10px; z-index: 3;-ms-overflow-style: none; overflow: -moz-scrollbars-none; font-size: 16px; line-height: 1.5; color: #ffffff; cursor:url(../images/mouse.png) 10 10, default;}
.show-lic-box::-webkit-scrollbar { width: 0 !important }
.show-lic-li{width: 100%; height: auto; padding: 0 0 2.5vw 0; display: flex; overflow: hidden; font-weight: 300;}
.show-lic-li-y{width:120px; min-width:120px; position: relative; font-size: 18px; line-height: 1; padding-left: 30px;}
.show-lic-li-y span{font-size: 12px; margin-left: 5px;}
.show-lic-li-y::before{content:' '; display: block; width: 20px; height: 4px; border-radius: 2px; background: #bd7b2d; position: absolute; left: 0; top:5px;}
.show-lic-li-c{flex: 1;}

.show-yex{width: 100%; height:auto; background:#bd7b2d; text-align: center; padding: 70px 0; overflow: hidden;}
.show-yex .contact_tit h1,.show-yex .contact_tit div,.show-yex .show-ywtxt-zn{color: #fff;}
.show-yex .show-ywtxt-zn{margin-top: 60px;}

.about-boximg{width: 78.125vw; height: auto; margin:40px auto 60px; justify-content: space-between;}
.about-boximg div{width:18.2vw; height:13vw; margin-bottom: 1.6vw; overflow: hidden; position: relative;}
.about-boximg div img{width: 100%; height: 100%; object-fit: cover;}


.list-team{width: 100%; overflow: hidden; padding: 50px 0;}
.list-team-li{width: 276px; height:368px; margin-right: 25px; margin-bottom: 25px; overflow: hidden; position: relative;}
.list-team-li img{width: 100%; height: 100%; object-fit: cover;}
.list-team-li div{width: 100%; height: auto; background: rgba(0,0,0,.7); line-height: 1; color: #fff; padding: 0 10px 10px; overflow: hidden; position:absolute; bottom:calc(-29px * 3); left: 0; transition: all 1s;}
.list-team-li div h2{ height:40px; line-height: 40px; background: url(../images/icon1.png) left center no-repeat; padding-left: 25px; overflow: hidden; text-overflow:ellipsis; font-size: 16px;}
.list-team-li div p{text-align: justify; font-size: 14px; line-height: 26px; height: calc(26px * 3); overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.list-team-li:hover div{bottom: 0; background:rgba(189,123,45,.6);}
.list-team-li:nth-child(5n){margin-right: 0;}

.mypage_newsul{width: 100%; height: auto; margin: 60px auto; overflow: hidden; position: relative; z-index: 99;}
.mypage_news-li{width: calc((100% - 90px) / 4); min-width: calc((100% - 90px) / 4); max-width: calc((100% - 90px) / 4); height: auto; margin:0 30px 30px 0; overflow: hidden;}
.mypage_news-liimg{width: 100%; height: 245px; object-fit: cover; overflow: hidden; transition: all .7s;}
.mypage_news-liimg img{width: 100%; height: 100%; object-fit: cover;}
.mypage_news-litxt{border-bottom: 1px solid rgba(204,204,204,.5); padding-bottom: 5px; position: relative; transition: all .7s;}
.mypage_news-litxt h2{width: 100%; height: 56px; line-height:65px; font-size: 18px; color: #222222; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative; z-index: 5;}
.mypage_news-litxt::before{content:''; display: block; width: 100%; height:0%; position: absolute; bottom: 0; left: 0; background: rgba(189,123,45,1); transition: all .7s;}
.mypage_news-li:nth-child(4n){margin-right: 0;}
.mypage_news-li:hover .mypage_news-liimg img{transform:scale(1.1)}
.mypage_news-li:hover .mypage_news-litxt{padding: 0 10px 5px;}
.mypage_news-li:hover .mypage_news-litxt::before{height: 100%;}
.mypage_news-li:hover .mypage_news-litxt h2{ color: #fff;}

/**/
.ptb60{padding: 60px 0;}
.page-left-li{width:100%; height: auto; border-bottom: 1px dashed #ccc; padding-bottom:35px; margin:0 auto 35px; overflow: hidden;}
.page-left-liimg{width: 420px; height: 260px; min-width: 450px; max-width: 450px; margin:0 180px; overflow: hidden;}
.page-left-liimg img{width: 100%; height: 100%; object-fit: cover; transition: all .7s;}
.page-left-litxt{flex: 1; line-height: 1; padding-top: 10px;}
.page-left-litxt h2{font-size:22px; color: #333333; line-height:30px; font-weight: 400; max-height: calc(30px * 2); overflow: hidden;}
.page-left-litxt div{font-size: 16px; line-height: 30px; max-height: calc(30px * 4); overflow: hidden; color: #666666; margin: 30px 0 40px; text-align: justify; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.page-left-litxt p{font-size: 16px; color: #999;}
.page-left-litxt p i{margin-left: 10px;}
.page-left-lirq{font-size: 22px; line-height: 1; text-align: right; padding-top: 15px;}
.page-left-lirq p{font-size: 16px; margin-top: 10px;}
.page-left-li:hover .page-left-litxt h2{color: rgba(189,123,45,1);}
.page-left-li:hover .page-left-liimg img{transform:scale(1.1);}


.page_list-team{width:100%; overflow: hidden; padding: 50px 0; margin: 0 auto;}
.page_list_team_li{ width:calc(50% - 17.5px); margin:0 25px 25px 0; overflow: hidden; padding-bottom: 25px; border-bottom: 1px dashed #ccc; align-items: center;}
.page_list_team_img{width: 270px; height: 200px; margin-right: 20px; background: #e2e2e2;}
.page_list_team_img img{width: 100%; height: 100%; object-fit: contain;}
.page_list_team_txt{flex: 1;}
.page_list_team_txt h2{line-height: 40px; font-size: 16px; color: #222;}
.page_list_team_txt div{text-align: justify; font-size: 14px; line-height: 26px; height: calc(26px * 5); overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.page_list_team_li:nth-child(2n){margin-right: 0;}

.show_list_team_img{width: 400px; height: auto;}
.show_list_team_img img{width: 100%; height: 100%; object-fit: cover;}
.show_list_team_txt h2{line-height: 40px; font-size:22px; color: #222; margin-top: 25px;}
.show_list_team_txt div{text-align: justify; font-size: 16px; line-height: 1.75; height:auto; overflow: hidden;}


.mt40{margin-top: 40px;}