@charset "UTF-8";
@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}

body {overflow-x: hidden;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1.6rem;
}
ul {padding:0px;margin:0px;list-style:none;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#003787; text-decoration:none;}

@media (min-width: 1200px) {
 
.container {max-width: 1600px; padding-left: 40px; padding-right: 40px; width:100%;}
    
}


/* ———————————————————————common—————————————————————— */
.ptb1{padding-top:1rem;padding-bottom:1rem}
.ptb2{padding-top:2rem;padding-bottom:2rem}
.ptb3{padding-top:3rem;padding-bottom:3rem}
.ptb4{padding-top:4rem;padding-bottom:4rem}
.ptb5{padding-top:5rem;padding-bottom:5rem}
.ptb6{padding-top:6rem;padding-bottom:6rem}
.ptb7{padding-top:7rem;padding-bottom:7rem}
.ptb9{padding-top:9rem;padding-bottom:9rem}
.mbt1{margin-top:1rem}
.mbt2{margin-top:2rem}
.mbt3{margin-top:3rem}
.mbb1{margin-bottom:1rem}
.mbb2{margin-bottom:2rem}
.mbb3{margin-bottom:3rem}
.mbb4{margin-bottom:4rem}
.pbt1{padding-top:1rem}
.pbt2{padding-top:2rem}
.pbt3{padding-top:3rem}
.pbt4{padding-top:4rem}
.pbt5{padding-top:5rem}
.pbt6{padding-top:6rem}
.pbb1{padding-bottom:1rem}
.pbb2{padding-bottom:2rem}
.pbb3{padding-bottom:3rem}
.pbb4{padding-bottom:4rem}
.pbb5{padding-bottom:5rem}
.pbb6{padding-bottom:6rem}
.fade.in {padding-top: 9%;}
.input-lg {font-size:16px;}

.fl {float: left;}
.fr {float: right;}
.img100 {max-width:100%;}
.over {overflow: hidden;}

/* ———————————————————————common—————————————————————— */


/* ———————————————————————header—————————————————————— */
.iheader {}

/* pc menu */
.iheader {position: relative; top: 0;left:0; right:0; z-index:100; transition:all 1s; background:transparent; box-shadow:none;}
.imenu .container {position: relative; z-index:99;}
.imenu .logo {float: left; margin: 15px 0; display:inline-block;}
.imenu .logo img {height: 65px;}
.imenu .pmul {float: left; margin: 30px 0 0 20px;}
.imenu .pmul li {float: left; padding: 0 0 0 60px;}
.imenu .pmul li a {display: inline-block; color: #333; font-size:18px; border-bottom:2px solid transparent;line-height: 35px;}
.imenu .pmul li a:hover, .imenu .pmul li .active {color: #ff5602; border-bottom-color:#036eb7;}
.hactive {position:fixed; z-index:9999; background: #fff; box-shadow:0 0px 10px 0 rgba(0,0,0,.1);}

.iheader .logo {padding:12px 0; display:inline-block; margin-right:6rem;}
.iheader .logo img {height: 65px;}
.iheader .navbar { box-shadow:none; border-bottom:none; margin-bottom:0; background:none; border:none; z-index:50;}
.iheader .navbar-nav { height:89px; /*float:right;*/ margin-left:20px;}
.iheader .navbar-nav > li {height:89px; line-height:96px;}
.iheader .navbar-nav > li > a {font-size:18px; display:inline-block; border-radius:5px; padding:8px 22px; }

/*.iheader .dropdown {position: unset;}*/
/*.iheader .dropdown-menu {min-width:100%; width:100%;}*/

.iheader .navbar-nav .open > a, .iheader .navbar-nav .open > a:hover {background:#fff!important; color:#00A14B; box-shadow:none;}
.iheader .navbar-nav > .active > a {background:#fff; color:#00A14B; box-shadow:none;}

.iheader .dropdown-menu>li {margin-bottom:1px; position:relative;}
.iheader .dropdown-menu>li>a {padding-top:8px; padding-bottom:8px;}
.iheader .dropdown-menu>li>a:hover, .iheader .dropdown-menu>.active>a {background:#00A14B; color:#fff;}

.iheader .dmenu {display:none; width:350px; position:absolute; padding:15px 5px; left:290px; top:0; background:#fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175); /*height: 460px;*/ overflow-y: auto;
}
.iheader .dmenu a {display:block; line-height:1.6; padding:5px 6px;}
.iheader .dmenu a:hover {background:#00A14B; color:#fff;}
.iheader .dropdown-menu>li:hover .dmenu {display:block;}

.icolink {padding:6px 0; margin-top:25px; display: flex;}
.icolink a {color:#00A14B; font-size: 22px; }

.enbtn {margin-left:15px; position:relative; z-index:100;}
.enbtn #toggle-btn {font-size:2rem;}
.enbtn #togmenu {display:none; position:absolute; top:30px; left:0; width:76px;}
.enbtn #togmenu a {display:block; background:#00A14B; color:#fff; text-align:center; font-size:1.8rem; border-radius:5px;}
.enbtn #togmenu a:hover {}


/* ———————————————————————header—————————————————————— */

.ibanner {text-align:center;}
.ibanner img {max-width:100%; width:100%;}



.ibtn a {display: inline-block; line-height: 44px; border-radius: 3px; padding: 0 0 0 20px; font-size: 14px; transition: all 0.4s; box-shadow: 0 2px 8px rgba(0,0,0,.2); color: #fff; margin: 0 10px;
    background-image: linear-gradient(90deg, #00A14B, #1a59a8);
}
.ibtn span {display: inline-block; width: 50px; line-height: 44px; border-radius: 3px; float: right;  text-align: center; color: #fff; font-size: 16px;
    background-image: linear-gradient(90deg, #1a59a8 #00A14B);
}
.ibtn a:hover {padding:0 10px 0 30px;}


/* ———————————————————————index iabout—————————————————————— */
.iabout {background: url(../img/fzbg.jpg) no-repeat center center / cover;}
.iabout .container {padding-bottom:11rem; position:relative;}
.iabout .i-title {margin-bottom:2.5rem;}
/*.iabout .aboutus {text-align:justify;}*/
.iabout .aboutus p {line-height: 1.8; font-size:16px;}

.aboutnum { width:1000%; left:30%; position:absolute; bottom:-7rem; height:140px;
    /*background-image: linear-gradient(90deg, #00A14B, #1a59a8);*/
    background:#fff;
}
.aboutnum ul {margin-bottom:0; padding-top:3.5rem; overflow:hidden;}
.aboutnum ul li {width:220px; text-align:center; float:left;}
.aboutnum ul li h3 {font-size:36px; color:#00A14B; margin-top:10px;}
/* ———————————————————————index iabout—————————————————————— */





/* ———————————————————————index instru—————————————————————— */
.instru .ogt {display:flex; align-items:center; margin-bottom:2.5rem;}
.instru .ogt a {display:inline-block; float:right; font-size:16px; margin-left:3rem; font-weight: 300;}

.insbox {position:relative;}
.insbox .item a {position:relative; display:block; overflow:hidden; padding-bottom:80px; 
    /*background: #00A14B;*/
    /*background-image: linear-gradient(180deg, #008CD1, #3770c9)!important; */
}
.insbox .item a:after {position:absolute; opacity: 1; content: '';transition: all 0.5s; z-index:1; top: 0;right: 0;bottom: 0;left: 0;
     /*background: linear-gradient(180deg, rgba(0,146,212,0) 60%, #00A14B 100%);*/
}
.insbox .item .thumb {}
.insbox .item .thumb img {max-width:100%; /*height:350px;*/ transition: all 0.4s;}
.insbox .item .text {position:absolute; z-index:10; text-align:center; left:15px; bottom:15px; right:15px; background:rgba(0,0,0,0.4); color:#fff; padding:1rem 0 1rem; transition: all 0.4s;}
.insbox .item .text h4 {margin-bottom: 15px;}
.insbox .item .text p {margin-bottom:0;}
.insbox .item:hover .thumb img {transform: scale( 1.1 );}
.insbox .item:hover a:after {opacity:0;}
.insbox .item:hover .text {background:rgba(0,0,0,0.5); bottom:20px;}


.insbox .insswiper {overflow:hidden;}
.insbox .swiper-button-next, .insbox .swiper-button-prev {background-color:#f0f0f0; width:60px; height:60px; border-radius:50%;}
.insbox .swiper-button-next:after, .insbox .swiper-button-prev:after {font-size:18px;}
.insbox .swiper-button-next {top:-65px;}
.insbox .swiper-button-prev {top:-65px; left:auto; right:80px;}
/* ———————————————————————index instru—————————————————————— */



/* ———————————————————————index adv—————————————————————— */
.advbox {background: url('../img/bg.jpg') no-repeat center bottom / cover;}
.ogt {font-size:3.2rem; font-weight:bold; text-align:center;}
/*.advbox .ogt {color:#00A14B;}*/

.valist {display:flex;}
.valist .item {margin-right:2%; margin-top:3rem; background:#fff; position:relative; width: 33%;}
.valist .item span {position:absolute; display:block; top:-1rem; right:1.5rem; font-size:9rem; color:#f7f7f7; z-index:1; font-weight:bold;}
.valist .item .text h3 {font-weight:bold;}
.valist .item .text {padding:8rem 4rem 4rem; position:relative; z-index:10;}
.valist .item:before {position:absolute; top:0; left:0; width:100%; height:40%; display:table; content: " "; background:rgba(0,161,75,.9); opacity: 0; z-index:5; transition: all 0.4s;}
.valist .item:hover:before {opacity:1; height:100%;}
.valist .item:hover .text {color:#fff;}
.valist .item:nth-child(3) {margin-right:0;}
/* ———————————————————————index adv—————————————————————— */


/* ———————————————————————index partners—————————————————————— */
.inpartners {}
/*.partbox {display:flex;}*/
.partbox .left {width:20%; margin-right:5%; display:flex; align-items: center; align-content: center; flex-wrap: wrap; 
/*text-align:justify;*/
    
}
.partbox .left h2 {margin-bottom: 4rem; font-weight: 700;}
/*.partbox .right {width: 75%;}*/
.partbox .right {text-align:center;}
.partbox .right img {max-width:100%; display:inline-block;}




/* ———————————————————————index news—————————————————————— 
.indexnews {padding-top: 5rem; padding-bottom: 5rem;}
.inewbox {margin-left:-30px;margin-right:-30px}
.index-news-list{display:flex;justify-content:space-between;width:100%;padding-top:50px}
.index-news-list li{width:calc(33.3% - 50px);background-color:#fff;margin-bottom:35px;box-shadow:0 0 32px 2px rgba(188,188,188,.42)}
.index-news-list li>em{display:block;width:100%;height:240px;overflow:hidden}
.index-news-list li>em img{width:100%;min-height:240px;transition:all .6s}
.index-news-list li>em:hover img{transform:scale(1.2);transition:all .6s}
.index-news-list li>h3{padding:0 20px;font-size:18px;margin-top:0;margin-bottom:0;line-height:68px;overflow:hidden;color:#3e3a39;font-weight:400}
.index-news-list li>h3 a{font-size:14px;color:#6c6c6c;float:right;transition:all .6s}
.index-news-list li>h3 a:hover{color:#0057a6}
.index-news-list li>ins{display:block;width:100%;height:2px;}
.index-news-list li>.txt{padding:10px 20px}
.index-news-list li>.txt p{display:flex;justify-content:space-between}
.index-news-list li>.txt a{width:calc(100% - 80px);font-size:16px;line-height:40px;color:#3e3a39;display:-webkit-box;-webkit-line-clamp:1;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.index-news-list li>.txt a::before{content:"";display:block;width:10px;height:10px;background-color:#3e3a39;margin:15px 10px 0 0;border:1px solid #c6c5c5;float:left}
.index-news-list li>.txt span{font-size:12px;color:#919191;line-height:40px}
.index-news-list li>.txt p:hover a{color:#0057a6}
.index-news-list li>.txt ins{display:none}
.index-news-list li>.txt p:nth-of-type(1){flex-wrap:wrap;border-bottom:2px solid #ededed}
.index-news-list li>.txt p:nth-of-type(1) a{width:100%}
.index-news-list li>.txt p:nth-of-type(1) span{width:100%;padding-left:20px}
.index-news-list li>.txt p:nth-of-type(1) ins{display:block;width:100%;height:42px;padding-left:20px;font-size:14px;color:#919191;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
*/

.newbox {display: flex; justify-content: space-between;}
.newbox .newthumb {width: 44%; height:515px; overflow:hidden;}
.newbox .newitem {width: 56%; padding-left: 3%;}

.newbox .thumb {display: none;}
.newbox .thumb img {width:100%; border-radius:10px;}
.newbox .thumb.active {display: block;}

.newitem li {margin-bottom: 12px;}
.newitem li a:after {position:absolute;content:"";width:10px;height:10px;background:#00A14B;transform:rotate(45deg);top:50%; left:-5px; margin-top:-5px;opacity: 0;}
.newitem li a {display: flex; justify-content: space-between; background-color: #f6f6f6; padding:15px 15px 15px 5px; border-radius:8px; position: relative;}
.newitem li .time {text-align: center; padding: 0 10px; width:14%;}
.newitem li .time h5 {font-size:25px; color:#999; margin-bottom: 0; margin-top: 5px;}
.newitem li .time p {font-size:12px; color:#999;}
.newitem li .text {width:86%;}
.newitem li .text h4 {font-size:20px; color:#333; font-weight: bold; margin-top:5px;}
.newitem li .text p {font-size:14px; color:#aaa;}
.newitem li p {margin-bottom: 0;}
.newitem li a:hover {background-color: #00A14B;}
.newitem li a:hover * {color:#fff;}
.newitem li:hover a:after, .newitem li.active a:after {opacity: 1;}
.newitem li.active a * {color:#fff;}
.newitem li.active a {background-color: #00A14B;}





/* ——————————————————————— footer —————————————————————— */
footer {
    /*background: url(../img/dot.png);*/
    /*background: #121728 url(../img/footbg.png) no-repeat center center / auto 100%;*/
    /*background:linear-gradient(180deg, #051747 0%, #000000 100%); */
    background: #00A14B;
    background-image: linear-gradient(90deg, #00A14B, #1a71a8)!important;
    color: #eee;
}
.footer {padding:7rem 0 0;}
.footer .qrcode {display:flex;}
.footer .qrcode .qitem {text-align:center;}
.footer .qrcode .qitem:nth-child(2) {margin:0 6%;}
.footer .qrcode img {margin-bottom:0.5rem; height:80px;}
.footer .qrcode p {color:#eee; font-size:14px; display:none;}
.footer .item {width:16%; float:left; padding-left:3%;}
.footer .item:nth-child(2) {width:30%;}
.footer .item h4 a {color: #eee;}
.footer .item div {}
.footer .item div a {display:block; color:#ddd; padding:5px 0; font-size: 1.6rem;}

.footer .fcon h4 {}
.footer .fcon h2 {margin-top: 2rem; font-size: 26px;}
.footer .fcon p {margin: 2rem 0 3rem;}
.footer .fcon p a {color: black; display: inline-block; background-color: #fff; border-radius: 3px; padding:10px 32px;}


.footcopy {padding: 4rem 0 3rem; text-align: center; color: #eee;
    /*background-color: #121728;*/
}
.footcopy p {margin-bottom:0; font-size: 1.6rem;}
.footcopy a {margin:0 5px; color:#eee;}


.backtop {position:fixed; bottom:30px; right:30px; z-index:1000;}
.backtop a {display: block; border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 161, 75, .85) !important;
}

/* ——————————————————————— Page Body —————————————————————— */

/* —————————————————— Page Common —————————————————— */
.pgthumb {position:relative;}
.pgthumb {background-repeat: no-repeat; background-size: cover; background-position: center center;}

.ptlocal {position:relative; padding:22rem 0;}
.ptlocal .breadcrumb>li+li:before {color:#fff;}
.ptlocal ol {background:none; margin-bottom:0; position:absolute; top:10px;}
.ptlocal ol a {color:#fff; font-weight:500;}


.pg-fix {position: absolute; z-index: 100; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.7);}
.pf-nav {display: flex; flex-wrap: wrap; }
.pf-nav li {text-align: center; /*width:15%;*/ border-right:1px solid #000;}
.pf-nav li a {display: block; line-height: 54px; font-size: 18px; padding:0 3rem; color: #fff;}
.pf-nav li a.active, .pf-nav li a:hover {color: #fff; 
    /*background-image: linear-gradient(90deg, #086eee, #1a59a8);*/
    background-image: linear-gradient(90deg, #00A14B, #333);
}

.pgtitle {font-size: 3rem; font-weight: 700;}

/* —————————————————— Page Common —————————————————— */


/* ———————————————————————About us—————————————————————— */
.pageAbout {}
.pageAbout .t {position:relative;}
.pageAbout .t .tt {font-size:9rem; color:#f7f7f7; font-weight:bold;}
.pageAbout .t .w {position:absolute; bottom:-5px; font-size:2.5rem; color:#333; font-weight:bold;}
.pageAbout .t .w span {color:#3770c9; }

.pageAbout .c {display:flex; align-items: center; padding:2rem 0;}
.pageAbout .c .c1 {font-weight:300; font-size:1.8rem; line-height:1.6; width:50%; /*text-align: justify;*/}
.pageAbout .c .c2 {width:50%; padding-left:5%;}
.pageAbout .c .c2 img {border-radius:10px; box-shadow:0 5px 25px rgba(0,0,0,.2)}


.gs_honor .container {}
.gs_honor .swiper_honor{padding:.4rem 0 8.1rem; overflow:hidden; position:relative;}
.gs_honor .swiper_honor li {width:20%; }
.gs_honor .swiper-slide-active .inner,.gs_honor .swiper-slide-next .inner,.gs_honor .swiper-slide-prev .inner{box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.1);z-index:5}
.gs_honor .inner{background:#f8f8f8;text-align:center;position:relative;transition:.6s;padding:0 0 1.2rem}
.gs_honor .inner::after{content:'';display:block;position:absolute;width:0;height:3px;background-color:#00A14B;left:0;bottom:0;transition:.6s}
.gs_honor .inner .imgbox{padding:3rem 2rem;display:block}
.gs_honor .swiper-slide-active .inner::after{width:100%}

.gs_honor .pnexts{width:11.24rem;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:22px;height:2.6rem}
.gs_honor .pnexts .swiper-button-prev{left:0}
.gs_honor .pnexts .swiper-button-next{right:0}
.gs_honor .pnext{width:4.48rem;height:4.48rem;border-radius:50%;z-index:555;background-color:#f8f8f9;font-size:14px;color:#333;font-weight:700}
.gs_honor .pnext::after{font-size:inherit}
.gs_honor .pnext:hover{background-color:#00A14B;color:#fff}


.coverbox{position:relative;display:block;overflow:hidden}
.coverbox .coverimg{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1;transition:transform .6s ease 0s}
.coverbox .coverimg.cover{background-size:cover}
.coverbox ._bg{width:100%;visibility:hidden;display:block}


.pageclient {}
.clientbox {text-align:center;}
.clientbox img {max-width:100%;}


.eqbox .item {margin-top:2rem;}
.eqbox .item a {display:block; position:relative;}
.eqbox .item .thumb {position:relative; display:block; overflow:hidden; background:#002a5f;}
.eqbox .item .thumb img {max-width:100%; /*height:350px;*/ transition: all 0.4s;}
.eqbox .item .thumb:after {position:absolute; opacity: 1; content: '';transition: all 0.5s; z-index:1; top: 0;right: 0;bottom: 0;left: 0; z-index: 10;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 30%, rgba(255, 255, 255, 0) 100%);
}
.eqbox .item:hover .thumb:after {opacity:0;}
.eqbox .item:hover .thumb img {transform: scale( 1.1 );}

.eqbox .item .thumb div {position:absolute; z-index:20; top:0; left:0; width:100%; height:100%;}
.eqbox .item .thumb div .tt {color:#fff; padding:0 2rem; text-align:center; display:flex; justify-content: space-around; align-content: center; flex-wrap: wrap; font-size:20px; font-weight:bold;}
.eqbox .item .text {padding:2rem 0 2.5rem; transition: all 0.4s;}
.eqbox .item .text h4 {margin-bottom: 15px; font-size:20px; height:25px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.eqbox .item .text div {height:76px; overflow:hidden;}
.eqbox .item .text div p {margin-bottom:0; }

/* ———————————————————————About us—————————————————————— */


/* ———————————————————————About Product—————————————————————— */
.pageMain {}
.pmbox {}

.pmbox .item {margin-top:2rem;}
.pmbox .item a {display:block; position:relative;}
.pmbox .item .thumb {position:relative; display:block; overflow:hidden; background:#002a5f;}
.pmbox .item .thumb img {max-width:100%; transition: all 0.4s;}
.pmbox .item .thumb:after {position:absolute; opacity: 1; content: '';transition: all 0.5s; z-index:1; top: 0;right: 0;bottom: 0;left: 0; z-index: 10;
    background: linear-gradient(0deg, rgba(0, 161, 75, 0.3) 30%, rgba(255, 255, 255, 0) 100%);
}
.pmbox .item:hover .thumb:after {opacity:0;}
.pmbox .item:hover .thumb img {transform: scale( 1.1 );}

.pmbox .item .thumb div {position:absolute; z-index:20; top:0; left:0; width:100%; height:100%;}
.pmbox .item .thumb div .tt {color:#fff; padding:0 2rem; text-align:center; display:flex; justify-content: space-around; align-content: center; flex-wrap: wrap; font-size:20px; font-weight:bold;}
.pmbox .item .text {padding:2rem 0 2.5rem; transition: all 0.4s;}
.pmbox .item .text h4 {margin-bottom: 15px; font-size:20px; height:25px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.pmbox .item .text div {height:76px; overflow:hidden;}
.pmbox .item .text div p {margin-bottom:0; }


/* ———————————————————————About Product—————————————————————— */


/* ———————————————————————About ProductShow—————————————————————— */
.pgshow {background:#f8f8f8;}
.pgshow .ptlocal {padding:0; margin:2.5rem auto 4rem;}
.pgshow .ptlocal a {color:#666;}
.pgshow .ptlocal ol {position:relative;}
.pgshow .ptlocal .breadcrumb>li+li:before {color:#666;}


.ps-box {}

.pbx-info {margin-bottom:5rem; display:flex; align-items: flex-start;}
.pbx-info .pbx-thumb {width: 50%; margin-right: 5%; position:relative;}
.pbx-info .pbx-thumb img {border-radius:10px; box-shadow:0 5px 25px rgba(0,0,0,.2)}
.pbx-info .pbx-text {flex:1;}

.pbx-info .pbx-thumb .thumbSwiper {padding:1rem 0;}
.pbx-info .pbx-thumb .thumbSwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.2; cursor: pointer;
    }

.pbx-info .pbx-thumb .thumbSwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

.pbx-info .pbx-thumb .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.pbx-desc {background:#fff;}
.pbx-desc .textbox {}
.pbx-desc .textbox img {border-radius:10px; max-width:70%!important; box-shadow:0 2px 20px rgba(0,0,0,.1); margin-bottom:3rem;}

/* ———————————————————————About ProductShow—————————————————————— */



/* ———————————————————————About News—————————————————————— */
.news-list .item{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;padding:2.5rem 0;overflow:hidden;animation:fadeInUp 1s ease-out;border-radius:5px;transition:all .5s;}
.news-list .pic{width:20%;overflow:hidden;border-radius:5px;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{position:relative;width:75%;transition:all 1s;}
.news-list .text h3{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:1.5rem;}
.news-list .text h3 a{color:#333;}
.news-list .text h3 a:hover{color:var(--vi-color);}
.news-list .text p{margin:0.75rem 0;line-height:1.75; color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list .text p a{color:#999;}
.news-list .text .btmBox{position:absolute;left:0;bottom:0;width:100%;line-height:1.75; color:#999;overflow:hidden;}
.news-list .text .btmBox li{float:left;}
.news-list .text .btmBox li.read{margin-right:2.5rem;overflow:hidden;}
.news-list .text .btmBox li.read a{display:inline-block;color:#999;}
.news-list .text .btmBox li.read a:after{display:inline-block;margin-left:1rem;font-family:"iconfont";content:"\e694";}
.news-list .text .btmBox li.read a:hover{color:var(--vi-color);}
.news-list .text .btmBox li.time{float:right;font-family:"DIN Medium";}
.news-list .text .btmBox li.tag{width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text .btmBox li.tag a{display:inline-block;padding:0 0.375rem;color:#999;}
.news-list .text .btmBox li.tag a:hover{color:var(--vi-color);}
.news-list .item:hover{box-shadow:0 0 2rem rgba(0,0,0,0.15);}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text{transform:translateX(2.5rem);}

@media(max-width:992px){

.news-list {background:#f6f6f6;overflow:hidden;}
.news-list .item{margin-top:1.25rem;padding:2.5rem 1.25rem;background:#fff;border-radius:0;}
.news-list .item:first-child{margin-top:0;}
.news-list .pic{width:40%;}
.news-list .text{width:54%;}
.news-list .text h3{font-size:1.75rem;white-space:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list .text p{display:none;}
.news-list .text .btmBox{font-size:1.5rem;}
.news-wrap .addMore{padding:1.25rem;}
.news-wrap .news-list .text .btmBox li.tag{display:none;}
.news-list .item:hover{box-shadow:unset;}
.news-list .item:hover .text{transform:translateX(0);}
}
/*--end news-wrap--*/


/* ———————————————————————About News—————————————————————— */

.newstext {padding:0 0 2rem;}
.newstext img {max-width:100%!important;}


/* ———————————————————————About Contact—————————————————————— */
.contact-inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:5rem;}
.contact-inner .text {position:relative;width:48%;}
.contact-inner .text .infos{overflow:hidden;}
.contact-inner .text .infos h2{margin-bottom:1.875rem;font-size:26px;color:#333;}
.contact-inner .text .infos p{font-size:16px; font-family:"DIN Medium";color:#666; margin-bottom:5px; word-wrap: break-word;}

.contact-inner .text .QRcode{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;}
.contact-inner .text .QRcode .item {float:left; margin-right:1.25rem;padding:0.5rem; text-align:center;border:#e5e5e5 solid 1px;border-radius:5px;}
.contact-inner .text .QRcode .item img {max-width:120px;}
.contact-inner .text .QRcode .item p {margin-bottom:0; font-size:16px;}

.contact-inner .pic {width:52%; animation:fadeInRight 1s;}
.contact-inner .pic img {display:block;max-width:100%;transition:all 1s; border-radius:5px; border-radius:10px; box-shadow:0 5px 25px rgba(0,0,0,.2)}


.contact-all {}
.contact-all .panel-body {font-size:1.6rem;}


/*--end contact--*/