@charset "utf-8";
html { font-family: Microsoft YaHei, arial, sans-serif; }
body { background: #fff; font-size: 16px; overflow-x: hidden; font-family: Arial, Helvetica, sans-serif; }
.width { max-width: 1280px; width: 86%; margin: 0 auto; }
.width1 { max-width: 1660px; width: 90%; margin: 0 auto; }
.ab-box .width { overflow: hidden; }
.ui-piclist-image {
transition: all .5s; position: relative; }
.img { width: 100%; overflow: hidden; position: relative; }
.pic img, .img img, .ui-piclist-image img { transition: all .5s;
}
a:hover .ui-piclist-image img, a:hover .pic img, a:hover .img img { transform: scale(1.1); }
.ui-piclist-image:hover img { transform: scale(1.1); }
.c-txt { position: absolute; top: 0; right: 0; padding: 20px; color: #fff; font-size: 1rem; z-index: 9; text-align: center!important; vertical-align: middle; display: table; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); }
.c-txt-m { vertical-align: middle; display: table-cell; }
.c-txt-m h3 { font-size: 1.6rem; }
.c-txt-m a.btn-a { color: #fff; background-color: transparent; border: 1px solid #fff; display: inline-block; padding: 0.3rem 1rem; margin-top: 0.5rem; }
.c-txt-m a.btn-a:hover { background-color: #FFF; color: #666; }
.bd { border: 0; }
.ui-mt-26 { margin-top: 26px; }
.ui-mb-26 { margin-bottom: 26px; }
.rel { position: relative; }
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h80 { clear: both; height: 80px; }
.h70 { clear: both; height: 70px; }
.h80 { clear: both; height: 80px; }
.h90 { clear: both; height: 90px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.myflex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.myflex1 { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.space-b { justify-content: space-between; -webkit-justify-content: space-between; }
.wbox { padding: 0px 15px; }
.w100 { width: 100%; }
.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.align-flex-end { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.dis { display: none; }
.clearfix { zoom: 1; clear: both; overflow: hidden; }
.img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; transition: all 0.5s; }
.text-center { text-align: center; }
.ui-text-hide-9 { -webkit-line-clamp: 9; }
.t_hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.t_hide2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.topbg { height: 46px; line-height: 46px; color: #FFF; font-size: 14px; width: 100%; }
.topbg a { color: #FFF; }
.topbg a:hover { color: #FFF; }
.topbg a i { color: #FFF; }
.headbg { height: 0px; }
.shadow { -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); }
.header .logo { }
.header .logo img { max-width: 100%; height: 43px; }
.header .sp_nav_box { display: none; }
.header .search { width: 3.6%; font-weight: bold; }
.header .search i { font-size: 28px; font-weight: bold; cursor: pointer; }
.header .width { overflow: visible; }
.none { display: none; }
.fix9 { z-index: 999; }
.mnav { width: 100%; }
.menuBox { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; min-width: 1280px; }
.menuBox var { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.menuBox .cont { position: absolute; left: 30px; right: 30px; top: 30px; overflow: hidden; background: #FFF url(../image/menuBox-bg.jpg) no-repeat 238px 410px; z-index: 200;  transition: height 1s .6s cubic-bezier(0.48, 0.18, 0.31, 1);
padding:30px; }
.menuBox.on .cont { height: 630px; transition: height 1s 0s cubic-bezier(0.48, 0.18, 0.31, 1); }
.menuBox .navTa dt { color: #454444; font-size: 16px; line-height: 1; margin-bottom: 14px; }
.menuBox .uio .dix { display: inline-block; color: #6ca962; font-size: 30px; height: 24px; line-height: 24px; font-family: Rajdhani_Bold; padding-left: 14px; background: url(../image/gpBox-up2.png) no-repeat 0 0; }
.menuBox .uio .dix.down { color: #c9082c; background: url(../image/gpBox-down2.png) no-repeat 0 1px; }
/* .menuBox .uio .dix {

} */
.menuBox .uio .ti { display: inline-block; color: #999999; font-size: 16px; line-height: 1; }
.menuBox .uio .ki { display: inline-block; color: #999999; font-size: 16px;/* line-height: 1; */
    /* font-family: Gilroy_Bold; */
}
.menuBox .uio { transform: translateY(20px);  transition: .6s .28s cubic-bezier(0.48, 0.18, 0.31, 1);
}
.menuBox.on .uio { transform: translateY(0); }
.menuBox .navTa dt { transform: translateY(20px);  transition: .6s .28s cubic-bezier(0.48, 0.18, 0.31, 1);
}
.menuBox.on .navTa dt { transform: translateY(0); }
.menuBox .navTa dd { transform: translateY(20px);  transition: .6s .32s cubic-bezier(0.48, 0.18, 0.31, 1);
}
.menuBox.on .navTa dd { transform: translateY(0); }
 .menuBox .navTa dt::after {
 content: "";
 display: block;
 width: 15px;
 border-top: 2px solid #c8c75b;
 margin-top: 15px;
}
.menuBox .navTa dd a { line-height: 1; margin-bottom: 12px; font-size: 16px; color: #a0a0a0;  transition: all .3s;
display:block; }
.menuBox .navTa dd a:hover { color: #007557; }
.menuBox .mLe { float: left; width:35%; padding: 136px 0 0 2.5vw; height: 543px; }
.menuBox .mLe .co { height: 353px; }
.menuBox .uio p { font-size: 16px; color: #999999; line-height: 1.3; }
.menuBox .mLe h3 { color: #007557; font-size: 20px; line-height: 1.5; font-family: Gilroy_Bold; }
.menuBox .mLe h4 { color: #575858; font-size: 1.35vw; line-height: 1; font-weight: 300; margin-bottom: 18px; }
.menuBox .mRi { float: right; width:60%; padding: 136px 3vw 0 0; position: relative; }
.navTa dl { float:left; padding:0 20px; }
 .menuBox .cont::before {
 content: "";
 position: absolute;
 top: 56px;
 left: 0;
 width: 100%;
 border-top: 1px solid #d9ded4;
}
 .menuBox .cont::after {
 padding-top: 30px;
 width: 100%;
 margin-bottom: 56px;
 border-bottom: 1px solid #d9ded4;
}
.menuBox .close { position: absolute; right: 20px; top: 20px; z-index: 600; cursor: pointer;  transition: all .4s;
}
.menuBox .close:hover { transform: rotate(90deg); }
.menu { display:inline-block; width: 30px; height: 23px; background: url(../images/head-ri.png) no-repeat right center; margin: 0px 30px 0 37px;  transition: all .3s;
transform: translateY(5px); }
.menu:hover { background: url(../images/head-ri-on.png) no-repeat right center; }
.menu .btn { width: 24px; height: 100%; float: right; cursor: pointer; }
.myfixed .menu { background: url(../images/head-ri-on.png) no-repeat right center; }
.cookiesTipsPop { display: none; position: fixed; left: 0; bottom: 0; width: 100%; height: 140px; background-color: rgba(232, 223, 203, .95); z-index: 800; }
.cookiesTipsPop .auto { position: relative; padding-top: 44px; }
.cookiesTipsPop .ax1 { position: absolute; right: 0; top: 46px; width: 140px; height: 45px; background-color: #62624d; border-radius: 200px;  transition: all .3s;
color: #e8dfcb; cursor: pointer; text-align: center; line-height: 45px; }
.cookiesTipsPop .ax1:hover { background-color: #017759; }
.cookiesTipsPop p { color: #232323; font-size: 16px; line-height: 26px; }
#teturn-top { display: none; position: fixed; right: 4%; bottom: 200px; cursor: pointer; z-index: 850; }
#teturn-top img { position: relative; top: 0;  transition: all .6s;
}
#teturn-top:hover img { top: -10px; }
#teturn-top { opacity: .5 !important;  transition: opacity .3s;
}
#teturn-top:hover { opacity: 1 !important; }
/**/



.banner-container { width: 100%; position: relative; overflow: hidden; }
.banner { width: 100%; }
.banner-picwords { width: 100%; }
.banner-pic { width: 100%; height: 100%; overflow: hidden; position: relative; }
.banner-pic::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.banner-pic a { width: 100%; height: 100%; overflow: hidden; display: block; position: relative; }
.banner-pic img { width: 100%; height: auto; object-fit: cover; }
.swiper-slide-active .banner-pic img { }
.banner-pic .banner-pc { display: block; }
.banner-prev, .banner-next { position: absolute; z-index: 4; top: 50%; width: 40px; height: 60px; margin-top: -30px; cursor: pointer; user-select: none; transition: all .3s ease-in-out;
}
.banner-prev { left: 15px; background: rgba(0, 0, 0, .3) url(../images/banL.png) no-repeat center center; }
.banner-next { right: 15px; background: rgba(0, 0, 0, .3) url(../images/banR.png) no-repeat center center; }
.banner .swiper-pagination { bottom: 40px; }
.banner .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.8; vertical-align: middle; position: relative; }
.banner .swiper-pagination-bullet:after { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; background: transparent; border: 2px solid #fff; border-radius: 100%; margin-top: -10px; margin-left: -10px; opacity: 0; transform: scale(0); transition: all .5s;
}
.banner .swiper-pagination-bullet-active { opacity: 1; }
.banner .swiper-pagination-bullet-active:after { opacity: 1; transform: scale(1); }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 26px; }
.text-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1200px; text-align: left; z-index: 6; color: #fff; }
.text1 { font-size: 22px; font-weight: bold; transform: translateY(10px); opacity: 0; transition: all .3s;
padding-bottom: 20px; font-weight: bold;/*text-shadow: #000 1px 1px 2px;*/ width: 500px; }
.text2 { font-size: 46px; transform: translateY(120px); opacity: 0; transition: all 1.2s; position: relative; font-weight: bold; line-height: 1.3;  /*text-shadow: #000 1px 1px 2px;*/ width: 500px; }
.text3 { font-size: 18px; padding: 10px 0 30px 0; transform: translateY(120px); opacity: 0; transition: all 1.5s; line-height: 1.8; /*text-shadow: #000 1px 1px 2px;*/ width: 600px; }
.abtn { font-size: 18px; padding: 12px; background-color: #007457; transform: translateY(10px); border-radius: 5px; opacity: 0; transition: all .3s;
width: 180px; text-align: center; }
.swiper-slide-active .text1 { transform: translateY(0); opacity: 1; }
.swiper-slide-active .text2 { transform: translateY(0); opacity: 1; }
.swiper-slide-active .text3 { transform: translateY(0); opacity: 1; }
.swiper-slide-active .abtn { opacity: 1; }
.abtn:hover { background-color: #fff; color: #000; }
.banner .swiper-pagination-horizontal { bottom: 20px; }
.iaboutbg { padding:135px 15px 50px 15px; background-image:url(../images/ibg.jpg); background-position:center top; }
.abl { float: left; width: 510px; position: relative; }
.bgImg img { margin-left: -54px; max-width: none; display:block; }
.abl .nyImg { position: absolute; right: -115px; bottom: 0; width: 368px; height: 246px; background: url(../images/bbg1.png) no-repeat 0 0; }
.abl .nyImg .pz { float: left; margin: 25px 0 0 28px; border: 3px solid #c4c4c4; width: 151px; height: 197px; }
.abl .po { float: left; width: 140px; margin-left: 27px; padding-top: 76px; }
.abl .t1 { color: #259a7c; font-size: 50px; line-height: 40px; margin-bottom: 5px; font-family: Gilroy_Bold; }
.abl .t2 { color: #abd1c7; font-size: 16px; line-height: 22px; }
.abr { width: 735px; position: absolute; left: 630px; padding-top: 35px; }
.abr .top { margin-bottom: 30px; }
.abr .top h1 { color: #232323; font-size: 32px; line-height: 1; margin-bottom: 10px; }
.abr .top h2 { color: #ddd7ac; font-size:86px; line-height: 66px; margin-bottom: 10px; font-family: Gilroy_Bold; letter-spacing: -1px; }
.abr .top h3 { color: #ddd7ac; font-size: 26px; line-height: 24px; margin-bottom: 6px; font-family: Gilroy_Bold; letter-spacing: -1px; }
.abr .bom { padding-left: 100px; }
.abr .bom .txt { margin-bottom: 36px; }
.abr .bom .txt p { color: #999999; font-size: 16px; }
.abr .hx .it { border-top: 2px solid #dddddd; padding: 14px 0; }
.abr .hx .it:first-child { border-top: 0; }
.abr .hx ul { overflow: hidden; }
.abr .hx ul li { float: left; padding-right: 27px; font-size: 16px; line-height: 27px; color: #7d7c7c; }
.abr .hx ul li span { color: #006953; font-size: 36px; line-height: 1; display: inline-block; font-family: Gilroy_Bold; transform: translateY(3px); }
.abr .more { width: 164px; height: 68px; background-color: #006953; border-radius: 4px; display:block; color: #a8bab5; font-size: 16px; margin-top: 20px;  transition: all .3s;
}
.abr .more .iks1 { padding: 22px 0 0 30px; }
.abr .more .iks2 { padding: 22px 0 0 30px; }
.abr .more .iks1 {
 transition: all .3s; opacity: 1; }
.abr .more .iks2 { position: absolute; left: 0; top: 100%;  transition: all .3s;
opacity: 0; z-index: 10; }
.abr .more:hover .iks1 { transform: translateY(-70px); opacity: 0; }
.abr .more:hover .iks2 { opacity: 1 !important; top: 0 !important; }
.more { overflow: hidden; position: relative; }
.more>* { position: relative; z-index: 10; }
.more .before { content: ""; width: 180%; height: 200%; /* background-color: #d02e2e; */
    background-color: rgba(0, 0, 0, .4); border-radius: 50%; position: absolute; left: 50%; top: 101%; transition: transform 0s; transform: translateY(0) translateX(-50%); z-index: 1; }
.more:hover .before { top: -50%; }
.abr .more:hover { /* padding-left: 40px; */
    color: #FFF; }
.abr .more .ic { display: inline-block; margin-right: 10px;  transition: all .3s;
}
.abr .hk { line-height: 1; font-size: 18px; color: #999999; padding-left: 10px; }
.abr .hk p { font-size: 14px; margin-top: 10px; }
.abr .hk p em { font-size: 14px; }
.abr .hk em { /* font-family: Gilroy_Bold; */
    font-size: 18px; }
.abr .hk span { display: inline-block; padding-left: 12px; font-family: Rajdhani_Bold; font-size: 30px; /* height: 24px; */
    line-height: 21px; transform: translateY(1px); color: #6ca962; background: url(../images/gpBox-up2.png) no-repeat 0 0; }
.abr .hk span.down { color: #c9082c; background: url(../images/gpBox-down2.png) no-repeat 0 0; }
.new2bg { padding:135px 0px 50px 0px; }
.newCont2 { height: 33vw; position: relative; }
.newCont2 .bg-box { width: 100%; height: 100%; position: relative; background-color: #414141 }
.newCont2 .bg-box .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: all 0.6s }
.newCont2 .bg-box .bg.on { opacity: 1 }
.ct-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 }
.ct-box .item { float: left; width: 33.33%; height: 100%; position: relative }
 .ct-box .item::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 100%;
 border-left: 1px solid rgba(255, 255, 255, .2)
}
 .ct-box .item:nth-child(1)::before {
 border-left: 0
}
.ct-box .pos { width: calc(100% + 2px); position: absolute; left: -1px; bottom: -57px; /* margin-bottom: -3vw; */
    z-index: 1 }
.ct-box .pos .top .outImg { /* height: 17.5vw; */
    height: 400px; background-color: #601d6d; background: transparent no-repeat right top; padding: 65px 34px 0;  transition: all .6s
}
.ct-box .pos .top .n { font-size: 108px; line-height: .75; font-family: Gilroy_Bold; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, .2); margin-bottom: 22px; }
.ct-box .item .pos .top { height: 286px; position: relative;  transition: all .6s;
overflow: hidden; }
.ct-box .item.on .pos .top { /* height: 15.625vw */
    height: 350px; }
.ct-box .pos .top h3 { color: rgba(255, 255, 255, .48); font-size: 34px; line-height: 1; margin-bottom: 10px; }
.ct-box .pos .top h4 { color: rgba(255, 255, 255, .2); font-size: 26px; margin-bottom: 17px; font-family: Gilroy_Bold;/* text-transform: uppercase */
}
.ct-box .pos .top p { color: rgba(255, 255, 255, .69); /* font-size: .54vw; */
    font-size: 16px; line-height: 24px;     /* padding-right: 4vw; */
    transition: all .3s;
opacity: 0; }
.ct-box .pos .bom { height: 57px;/* background-color: #ddd7ac; */
}
.ct-box .pos .bom-v { height: 0; overflow: hidden;  transition: all .3s
}
.ct-box .pos .bomMore { height: 56px; background-color: #ddd7ac; padding: 0 34px; }
.ct-box .pos .bomMore span { float: left; line-height: 56px; color: #FFF; font-size: 16px; line-height: 56px; font-family: Gilroy_Bold; }
.ct-box .pos .bomMore img { float: right; width: auto; margin-top: 20px !important; width: 27px !important; }
.ct-box .item.on .bom-v { height: 100% }
.ct-box .item .bom-v img { width: 100%; }
.ct-box .item.on .top p { /* height: 3.5vw */
    opacity: 1; }
.ct-box .item.on .top h3 { color: #fff; }
.ct-box .item .pos .top .inOutImg { position: absolute; left: 0; width: 100%; height: 100%; bottom: 0; }
.ct-box .item.on .pos .top .outImg { /* height: 17.5vw; */
    /* background: url(../images/index-cont2-li.jpg) no-repeat right top; */
    background: #005f4b; }
.i-news { height:150px; position: relative; z-index:9; }
.i-k5 { position: relative; }
.i-k5 .auto { position: absolute; left: 0; right: 0; top: 104px; z-index: 5; }
.i-k5 h4 { color: #ffffff; font-size: 32px; line-height: 1; margin-bottom: 10px; }
.i-k5 h5 { color: #ffffff; font-size: 40px; line-height: 46px; font-family: Gilroy_Bold; margin-bottom: 75px; }
.i-k5 h6 { color: #ffffff; font-size: 32px; line-height: 46px;/* font-weight: 300; */
}
.i-k5 .esg-box { overflow: hidden; position: relative; height: 607px; z-index:1; }
.i-k5 .esg-box .videoBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.i-k5 .esg-box .videoBg video { display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.i-k6 h4 { color: #232323; font-size: 32px; line-height: 1; margin-bottom: 10px; }
.i-k6 h5 { color: #007557; font-size: 40px; line-height: 46px; font-family: Gilroy_Bold; margin-bottom: 50px; }
.inews { padding-bottom:80px; }
.myvd { width:60%; padding-bottom:26%; background-repeat:no-repeat; background-position:center center; position:relative; border-radius:6px 0 0 6px; }
.playBtn { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.mytxt { width:40%; padding:40px; background:#fafafa; border-radius:0 10px 10px 0; }
.mytxt .txt { margin:20px 0; overflow:auto; max-height: 125px; color:#999; font-size:14px; }
.mytxt .sha span { color: #007557; font-size: 16px; line-height: 1; display: inline-block; margin-right: 20px; font-family: Rajdhani_Bold; vertical-align: top; font-weight:bold; }
.mytxt h2 { font-size:26px; font-weight:normal; }
.inews .swiper-pagination { text-align: right; padding-right:50px; }
.newsbg { padding:
50px 0 90px; background:
url(../images/news.jpg) no-repeat center top; background-size: auto; background-size: cover; }
.newslist .li { height: 140px; background-color: #fafafa; border-radius: 6px; overflow: hidden; position: relative;  transition: all .3s;
margin-bottom: 10px; padding: 44px 100px 0 30px; display:block; }
.newslist .li h3 { color: #3a4a48; font-size: 22px; line-height: 1.3; height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; font-weight:normal; }
.newslist .li .yun { display: flex; justify-content: flex-start; align-items: center; margin-top: 12px; color: #b6b7b7; }
.newslist .li .yun span { display: flex; justify-content: flex-start; align-items: center; margin-right: 18px; font-family: Rajdhani_Bold;  transition: all .3s;
}
.newslist .li .yun .ic { margin-right: 7px; }
.newslist .li .yun .share .ic { display: inline-block; margin-right: 7px; width: 16px; height: 10px; background: url(../images/news-ic2.png) no-repeat 0 0; transform: translateY(-2px); }
 .newslist .li::before {
 content: "";
 display: block;
 position: absolute;
 right: 40px;
 top: 50%;
 width: 27px;
 height: 16px;
 background: url(../images/news-ic4.png) no-repeat 0 0;
 opacity: 0;
 transition: all .3s;
 transform: translateX(-20px) translateY(-50%);
 z-index: 10;
}

/* .newslist .li:hover {
    background-color: #257568;
} */
.newslist .li::after {
 opacity: 0;
 width: 100%;
 height: 100%;
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 background: url(../images/list-vx.png) no-repeat center right;
 background-size: cover;
 transition: opacity .3s;
 z-index: 1;
}
 .newslist .li:hover::after {
 opacity: 1;
}
.newslist .li .ti, .newslist .li .yun { position: relative; z-index: 10; }
 .newslist .li:hover::before {
 opacity: 1;
 transform: translateX(0) translateY(-50%);
}
.newslist .li:hover h3 { color: #37352e; }
.newslist .li:hover .yun span { color: #57554e; }
.newslist .li:hover .yun .share .ic { background: url(../images/news-ic3.png) no-repeat 0 0; }
.data { color: #007557; font-size: 26px; line-height: 19px; font-family: Rajdhani_Bold; margin-bottom: 7px; }
/*ibox1 s */
.ibox1 { padding: 100px 12px 100px 12px; position: relative; z-index: 9; background: #eff2ff; }
.mytit { color: #242a56; font-size: 40px; width: 560px; text-align: center; margin: 0 auto; font-weight: bold; }
.mydesc { color: #393a56; font-size: 16px; padding: 15px 0 60px 0; width: 560px; text-align: center; margin: 0 auto; }
.ibox1 .ui-piclist-item .img { min-height: 45px; }
.ibox1 .ui-piclist-item { padding: 40px; border: 0; }
.ibox1 .ui-piclist-item h2 { color: #242a56; font-size: 22px; padding: 20px 0 15px 0; }
.ibox1 .ui-piclist-item p { color: #393a56; font-size: 16px; }
.ibg { padding: 100px 12px; }
.ipic1 a { position: relative; display: block; }
.ipic1 h2 { position: absolute; padding: 12px 30px; font-size: 16px; background: rgb(0, 0, 0, 0.6); text-align: center; left: 0px; bottom: 0px; width: 100%; z-index: 18; color: #FFF; }
.ipic1 { padding: 0; }
.ipic1 .ui-piclist-item { border: 0; margin-bottom: 0; }
a.imore { display: block; width: 180px; font-size: 18px; padding: 12px; background-color: #007457; color: #fff; border-radius: 5px; transition: all .3s;
text-align: center; margin: 60px auto 0 auto; }
a.imore:hover { background-color: #4d61d6; color: #fff; }
.ibox2 { padding: 100px 12px 100px 12px; position: relative; z-index: 9; background: #eff2ff; text-align: center; margin-top: 100px; }
.i-k6 { padding:130px 15px 80px 15px; }
.i-k6 h4 { color: #232323; font-size: 32px; line-height: 1; margin-bottom: 10px; }
.i-k6 h5 { color: #007557; font-size: 40px; line-height: 46px; font-family: Gilroy_Bold; margin-bottom: 50px; }
.i-k6 h2 { color: #413e3b; font-size: 20px; line-height: 24px; margin-bottom: 10px; height: 70px; font-weight: bold;  transition: all .3s;
}
.i-k6 .swiper-slide:hover h2 { color: #007557; }
.i-k6 .txt { height: 77px; }
.i-k6 p { color: #a1a1a1; font-size: 16px; }
.i-k6 .sha span { color: #007557; font-size: 16px; line-height: 1; display: inline-block; margin-right: 20px; font-family: Rajdhani_Bold; vertical-align: top; font-weight:bold; }
.ikhs { width: 100%; height: 280px; background-color: #fafafa; border-radius: 6px; }
.ikh .swiper { width: 100%; }
.ikhs a { display:block; padding: 60px 50px 0; }
.ikh .swiper-pagination { bottom: 20px; }
.ikh .swiper-pagination-bullet { width: 12px; height: 12px; position: relative; }
.n-prev, .n-next { position: absolute; z-index: 4; top: 50%; width: 40px; height: 40px; margin-top: -20px; cursor: pointer; user-select: none; transition: all .3s ease-in-out;
border-radius: 50%; }
.n-prev { left: 5px; background: rgba(0, 0, 0, .3) url(../images/banL.png) no-repeat center center; }
.n-next { right: 5px; background: rgba(0, 0, 0, .3) url(../images/banR.png) no-repeat center center; }
.cxTitle { margin: 50px 0; }
.cxTitle h2 { color: #232323; font-size: 32px; line-height: 1; margin-bottom: 9px; font-weight:normal; }
.cxTitle h3 { color: #006953; font-size: 40px; line-height: 40px; }
.cont h1 { margin-left: -41px; padding-left: 41px; position: relative; margin-bottom: 40px; color: #717373; font-size: 32px; line-height: 1; font-weight: bold; }
 .cont h1::before {
 content: "";
 border-left:
2px solid #007457;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
}
.cont { padding-left: 40px; padding-right: 30px; line-height:1.8; }
.cont p { margin-bottom:12px; color: #575757; font-size: 16px; }
.about1Cont2 .codePos { /* transform: translateY(-150px) !important; */
}
.autoBor { padding-bottom:90px; }
.about1Cont2 { padding: 30px 0 120px; background-color: #fbfaf6; }
.about1Cont2 .cardBox { float: left; width: 600px; padding-top: 78px; position: relative; }
.about1Cont2 .cardBox .dd { display: none; position: absolute; left: 0; top: 0; width: 100%; padding-top: 78px; }
.about1Cont2 .cardBox .dd .ti { padding-top: 45px; position: relative; margin-bottom: 44px; }
.about1Cont2 .cardBox .dd .ti h6 { position: absolute; left: 0; top: 0; color: #f3f1e9; font-size: 87px; line-height: 67px; text-transform: uppercase; z-index: 1; font-family: Gilroy_Bold; }
.about1Cont2 .cardBox .dd .ti>* { position: relative; z-index: 10; }
.about1Cont2 .cardBox .dd .ti .ic { /* margin-bottom: 4px; */
    height: 62px; }
.about1Cont2 .cardBox .dd .ti h4 { color: #007557; font-size: 20px; line-height: 1;/* font-weight: bold; */
}
.about1Cont2 .cardBox .dd .txt { margin-top: 75px; }
.about1Cont2 .cardBox .dd .txt h5 { color: #bda34e; font-size: 30px; line-height: 40px; margin-bottom: 8px; }
.about1Cont2 .cardBox .dd .txt h6 { color: #dfdbce; font-size: 28px; line-height: 26px; font-family: Gilroy_Bold; text-transform: uppercase; }
.about1Cont2 .cardBox .dd p { color: #727272; font-size: 16px; line-height: 26px; }
.about1Cont2 .card { float: right; width: 1200px; height: 591px; overflow: hidden; border-radius: 5px 0 0 5px; background-size: cover; margin-right: -640px; padding: 84px 0 0 40px; }
.about1Cont2 .vxTab dt { float: left; width: 90px; height: 100%; margin-right: 20px; display: flex; align-items: center; justify-content: flex-end; }
.about1Cont2 .vxTab dt img { float: right; }
.about1Cont2 .card .vxTab { width: 520px; }
.about1Cont2 .card .vxTab dl { height: 127px; margin-bottom: 20px; background: url(../images/about1Cont2-li-bg.png) no-repeat 0 0; background-size: cover; border-radius: 8px; overflow: hidden; display: flex; justify-content: flex-start; cursor: pointer;  transition: all .3s;
}
.about1Cont2 .card .vxTab dl.active { background: url(../images/about1Cont2-li-bg-ac.jpg) no-repeat center; background-size: cover; }
.about1Cont2 .card .vxTab dd { padding-top: 40px; }
.about1Cont2 .card .vxTab h5 { color: #FFF; font-size: 20px; line-height: 1; margin-bottom: 6px; }
.about1Cont2 .card .vxTab h6 { color: rgba(255, 255, 255, .7); font-size: 20px; line-height: 1; font-family: Gilroy_Bold; text-transform: uppercase; }
.container1 { display: flex; justify-content: center; align-items: center; background-color: #fff; flex-direction: column; }
.timeline { width: 100%; background-color: #fff; box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2); }
.timeline .swiper-container { height: 600px; width: 100%; position: relative; }
.timeline .swiper-wrapper { transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; }
.timeline .swiper-slide { position: relative; color: #fff; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.timeline .swiper-slide::after {
 content: "";
 position: absolute;
 z-index: 1;
 right: -115%;
 bottom: -10%;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.7);
 box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
 border-radius: 100%;
}
.timeline .swiper-slide-content { position: absolute; text-align: center; width: 80%; max-width: 310px; right: 50%; top: 13%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); font-size: 12px; z-index: 2; }
.timeline .swiper-slide .timeline-year { display: block; font-style: italic; font-size: 42px; margin-bottom: 50px; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); color: #d4a024; font-weight: 300; opacity: 0;  transition: .2s ease .4s;
}
.timeline .swiper-slide .timeline-title { font-weight: 800; font-size: 34px; margin: 0 0 30px; opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);  transition: .2s ease .5s;
}
.timeline .swiper-slide .timeline-text { line-height: 1.5; opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);  transition: .2s ease .6s;
}
.timeline .swiper-slide-active .timeline-year { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  transition: .4s ease 1.6s;
}
.timeline .swiper-slide-active .timeline-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  transition: .4s ease 1.7s;
}
.timeline .swiper-slide-active .timeline-text { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  transition: .4s ease 1.8s;
}
.timeline .swiper-pagination { right: 15% !important; height: 100%; display: none; flex-direction: column; justify-content: center; font-style: italic; font-weight: 300; font-size: 18px; z-index: 1; }
.timeline .swiper-pagination::before {
 content: "";
 position: absolute;
 left: -30px;
 top: 0;
 height: 100%;
 width: 1px;
 background-color: rgba(255, 255, 255, 0.2);
}
.timeline .swiper-pagination-bullet { width: auto; height: auto; text-align: center; opacity: 1; background: transparent; color: #d4a024; margin: 15px 0 !important; position: relative; }
.timeline .swiper-pagination-bullet::before {
 content: "";
 position: absolute;
 top: 8px;
 left: -32.5px;
 width: 6px;
 height: 6px;
 border-radius: 100%;
 background-color: #d4a024;
 -webkit-transform: scale(0);
 transform: scale(0);
 transition: .2s;
}
.timeline .swiper-pagination-bullet-active { color: #d4a024; }
.timeline .swiper-pagination-bullet-active::before {
 -webkit-transform: scale(1);
 transform: scale(1);
}
.timeline .swiper-button-next, .timeline .swiper-button-prev { background-size: 20px 20px; top: 15%; width: 20px; height: 20px; margin-top: 0; z-index: 2;  transition: .2s;
}
.timeline .swiper-button-prev { left: 8%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); }
.timeline .swiper-button-prev:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
.timeline .swiper-button-next { right: 8%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); }
.timeline .swiper-button-next:hover { -webkit-transform: translateX(3px); transform: translateX(3px); }
@media screen and (min-width: 768px) {
 .timeline .swiper-slide::after {
 right: -30%;
 bottom: -8%;
 width: 240px;
 height: 50%;
 box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
}
 .timeline .swiper-slide-content {
 right: 30%;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 310px;
 font-size: 11px;
 text-align: right;
}
 .timeline .swiper-slide .timeline-year {
 margin-bottom: 0;
 font-size: 32px;
}
 .timeline .swiper-slide .timeline-title {
 font-size: 46px;
 margin: 0;
}
 .timeline .swiper-pagination {
 display: flex;
}
 .timeline .swiper-button-prev {
 top: 15%;
 left: auto;
 right: 15%;
 -webkit-transform: rotate(90deg) translate(0, 10px);
 transform: rotate(90deg) translate(0, 10px);
}
 .timeline .swiper-button-prev:hover {
 -webkit-transform: rotate(90deg) translate(-3px, 10px);
 transform: rotate(90deg) translate(-3px, 10px);
}
 .timeline .swiper-button-next {
 top: auto;
 bottom: 15%;
 right: 15%;
 -webkit-transform: rotate(90deg) translate(0, 10px);
 transform: rotate(90deg) translate(0, 10px);
}
 .timeline .swiper-button-next:hover {
 -webkit-transform: rotate(90deg) translate(3px, 10px);
 transform: rotate(90deg) translate(3px, 10px);
}
}
@media screen and (min-width: 1024px) {
 .timeline .swiper-slide::after {
 right: -20%;
 bottom: -12%;
 width: 240px;
 height: 50%;
 box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
}
 .timeline .swiper-slide-content {
 right: 25%;
}
}
.ibox3 .kh { padding: 0 0 0px 0; }
.ibox3 .ikh { padding: 0 0 50px 0; }
.nyhzhb { padding: 100px 0 20px 0; }
.ibox3 { padding: 100px 12px 50px 12px; position: relative; z-index: 9; background-image: linear-gradient(to top, #eff2ff, #ffffff); }
.teams { padding-bottom: 80px; margin: 0 -1.5%; }
.teams .ui-piclist-item { background: none; border: 0; padding-bottom: 15px; width: 30.33%; margin: 1.5%; }
.teams h2 { color: #242a56; font-size: 20px; padding: 25px 0 5px 0; text-align: center; }
.teams p { color: #393a56; font-size: 16px; text-align: center; }
.footc { box-shadow: 0px 5px 40px -10px rgba(86, 104, 146, 0.33); padding: 30px; background: #fff; width: 1000px; margin: 0 auto; }
.txta { width: 628px; }
.txta h3 { font-size: 32px; color: #007457; padding-bottom: 10px; }
.txtb { width: 200px; }
.txtb a { width: 100%; display: inline-block; background: #007457; text-align: center; color: #ffffff; padding: 12px; border-radius: 5px; }
.txtb a:hover { color: #ffffff; background: #4d61d6; }
.customers { border-top: #efefef 1px solid; padding-top: 100px; }
.customers .img { width: 100%; height: 80px; line-height: 80px; text-align: center; padding: 0 15px; }
.customers .img img { max-height: 50px; }
.top-news { padding: 26px 0 0 0; }
.top-news .img { width: 37%; }
.top-news .text { width: 60%; }
.top-news h2 { font-weight: normal; font-size: 18px; padding-bottom: 8px; }
.top-news .text p { font-size: 14px; color: #999; }
.news1 { width: 31%; }
.news2 { width: 38%; padding: 0 3.5%; }
.news-list li:hover { border-bottom: #007457 1px solid; }
.news-list li:hover { color: #007457; }
.a70 { display: block; width: 70%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tl_tit { color: #333; text-transform: uppercase; }
.tit_bd { border-bottom: #ddd 1px solid; margin-bottom: 20px; }
.bd0 { border: 0; }
.h2_tit { font-size: 22px; padding: 0 0 10px 16px; position: relative; }
.h2_tit:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 5px; height: 12px; background-color: #007457; border-radius: 6px; }
.news-list li { border-bottom: #eee 1px solid; padding: 15px 5px 15px 15px; position: relative; overflow: hidden; }
.news-list li i { display: block; font-style: normal; width: 4px; height: 4px; border-radius: 100%; background: #999; position: absolute; left: 0px; top: 50%; margin-top: -2px; }
.news-list li a { width: 72%; }
.news-list li span { font-size: 14px; color: #999; }
.m-nav { display: none; }
.myleft { width: 20%; }
.l-nav { width: 100% }
.l-nav .catename { height: 80px; line-height: 80px; text-align: center; font-weight: 400; position: relative; background: #007457; overflow: hidden; width: 100%; }
.l-nav .catename p { font-size: 26px; color: #fff; position: relative; z-index: 9; }
.l-nav .ui-box-nav { padding: 0; }
.l-nav .ui-collapse-menu-title { margin-bottom: 0px; border: 0; padding: 0; background-color: #f3f3f3; }
.l-nav .ui-collapse-menu-title a.a1 { display: block; position: relative; padding-left: 35px; font-size: 16px; height: 50px; line-height: 50px; padding: 0 31px 0 35px; }
.ui-collapse-menu-title i { display: block; transition: all 0.4s ease; color: #999; cursor: pointer; text-align: center; min-width: 20px; margin-right: 20px; }
.l-nav .ui-collapse-menu-body { padding-left: 20px; }
.l-nav .ui-collapse-menu-title:hover a.a1 { color: #007457; font-weight: 600; }
.l-nav .ui-collapse-menu-title a.a1:before { content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background-color: #ddd; }
.l-nav .ui-collapse-menu-title:hover a.a1:before { display: block; background-color: #007457; }
.l-nav .ui-collapse-menu-title.active a.a1:before { display: block; background-color: #007457; }
.l-nav .ui-collapse-menu-title.active a.a1, .l-nav .ui-collapse-menu-title.active i, .l-nav .ui-collapse-menu-title.active a.a1 i { color: #007457; }
.l-nav .ui-collapse-menu-title a.a1 i { position: absolute; right: 20px; top: 2px; color: #999; min-width: 20px; margin-right: 0; }
.l-nav .ui-collapse-menu-title:hover a.a1 i { color: #007457; font-weight: normal; }
.l-nav .ui-collapse-menu-title:hover i { color: #007457; font-weight: normal; }
.mypro { width: 80%; padding-left: 3%; }
.mc1 { padding: 30px 0 0 0; }
.itit { padding: 3% 0 3% 0; text-align: center; }
.itit h2 { line-height: 40px; color: #222; font-size: 36px; margin-bottom: 30px; position: relative; }
.itit h2 { line-height: 40px; color: #222; font-size: 36px; margin-bottom: 30px; position: relative; }
.itit h2:after { content: ""; width: 100%; height: 1px; display: block; position: relative; top: 17px; left: 0; z-index: 1; }
.itit h2:before { content: ""; width: 2em; height: 3px; display: block; position: absolute; bottom: -18px; left: 50%; margin: 0 0 0 -1em; z-index: 9; }
.itit p { font-size: 18px; line-height: 40px; color: #999; font-family: Times New Roman; }
.ser-bg { padding: 100px 0px 100px 0px; }
.lma1 { width: 60%; }
.lma2 { width: 40%; }
.ih6 { font-size: 16px; font-weight: normal; line-height: 1.5; display: block; }
.ih2 { font-size: 48px; line-height: 1.4; font-weight: 700; display: block; }
.myprobox { margin: 45px 0px 0px 0px; }
.myprobox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.product-item {
 --margin-right: 28px;
 --margin-top: 24px;
 width: -webkit-calc((100% - (4 - 1) * var(--margin-right))/ 4);
 width: calc((100% - (4 - 1) * var(--margin-right))/ 4); margin-right: var(--margin-right); }
.product-item:nth-of-type(4n) {
margin-right: 0 !important;
}
 .product-item:not(:nth-of-type(-n+4)) {
 margin-top: var(--margin-top);
}
.row-img-wrap { overflow: hidden; width: 100%; }
.row-img { padding-bottom: 100%; -webkit-transition: all .5s ease;
transition: all .5s ease;
width: 100%; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }
.product-text { background-color: rgba(73, 128, 107, 0.05); padding: 16px 12px; text-align: center; font-size: 16px; }
a:hover .row-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
/* footer s */



.footer { background:#202122; padding: 80px 12px; margin-top: 0; color: #fff; }
.footer .fpd1 { padding-right: 2%; }
.footer .fpd2 { padding: 0px 4% 0px 8%; }
.footer .fpd3 { padding-left: 4%; }
.footer h2 { font-size: 24px; padding: 10px 0 20px 0; }
.footer h2.gsjc { font-size: 30px; }
.footer p { line-height: 1.8; }
.footer a { color: #fff; }
.footer a:hover { color: #fff; }
.abc { padding: 30px 0; line-height: 1.6; }
.flinks { }
.flinks a { display: inline-block; color: #fff; font-size: 18px; margin-right: 25px; }
.copyright { text-align: center; padding: 40px 12px; line-height: 1.8; background: #202122; color: #fff; }
.copyright a { color: #fff; }
.copyright a:hover { color: #fff; }
/* footer e */

.footnav, .footnav1 { display: none; min-height:1px; }
.banner_inner { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; position: relative; }
.banner_inner::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
z-index: 1;
}
.banner_inner .bct { width: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 6; color: #fff; }
.banner_inner .bct h2 { font-size: 48px; line-height: 1.6; /*text-shadow: #000 1px 1px 2px;*/ }
.banner_inner .bct h3 { font-size: 22px; padding: 15px 0;  /*text-shadow: #000 1px 1px 2px;*/ }
.banner_inner .bct p { font-size: 18px;/*text-shadow: #000 1px 1px 2px;*/ }
.position { font-size: 14px; line-height: 1.5; color: #666; }
.position a { color: #666; }
.position a:hover { color: #007457; }
.position .ui-bread ul li + li::before {
color: #666;
}
.ab1 { background: #eff2ff; padding: 90px 15px; position: relative; z-index: 9; }
.ab1 .width { position: relative; z-index: 7; margin-top: -200px; }
.ab1 .ui-piclist { overflow: visible; margin: 0 -1.255%; }
.ab1 .ui-piclist-item { border: 0; padding: 35px; background: #fff; box-shadow: 0px 0px 40px 0px rgba(36, 42, 86, 0.15); min-height: 325px; margin: 0 1.255% 1% 1.255%; width: 30.8% }
.ab1 .ui-piclist-item .h2 { font-size: 28px; color: #242a56; position: relative; padding: 25px 0 15px 0; }
.ab1 .ui-piclist-item .h2::before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 7px;
background-color: #007457;
}
.ab1 .ui-piclist-item .ab1c { font-size: 16px; color: #393a56; line-height: 1.8; }
.ab1 .ui-piclist-item .ab1c li { position: relative; padding-left: 20px; }
.ab1 .ui-piclist-item .ab1c li::before {
display: block;
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #007457;
}
.ab2 { background-image: linear-gradient(to top, #ffffff, #eff2ff); padding: 0px 15px 20px 15px; position: relative; z-index: 9; }
.ab2 .mytit { font-size: 46px; }
.ab2 .width { position: relative; z-index: 7; margin-top: 60px; }
.ab2 .ui-piclist { overflow: visible; margin: 0 -2%; }
.ab2 .ui-piclist-item { border: 0; margin: 0 2.5% 5% 2.5%; width: 28.33%; background: none; }
.ab2 .ui-piclist-item:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.ab2 .ui-piclist-item .h2 { font-size: 116px; color: rgba(36, 42, 86, 0.06); position: relative; line-height: normal; margin-bottom: -40px; }
.ab2 .ui-piclist-item .h3 { font-size: 22px; color: #242a56; position: relative; padding-bottom: 15px; }
.ab2 .ui-piclist-item .ab2c { font-size: 16px; color: #393a56; line-height: 1.8; }
.ab3 { background: #eff2ff; padding: 0px 50px 20px 15px; position: relative; z-index: 9; }
.ab3 .mytit { font-size: 46px; text-align: left; width: 100%; }
.ab3 .mydesc { text-align: left; width: 100%; padding: 15px 0 30px 0; }
.ab3bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.ab3bg::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(36, 42, 86, 0.7);
z-index: 1;
}
.ab3 .choose { padding: 80px; }
.ch-box { padding: 20px; background: #FFF; width: 100%; }
.ch-box .ui-card { border: 0; background: #fff; }
.ch-box .ui-card-header { background: #fff; padding: 15px 20px; display: flex; align-items: center; border-bottom: 0; }
.ch-box .ui-card-header .ui-card-header-title { font-size: 16px; font-weight: 500; margin: 0; border-left: 0; padding-left: 0px; flex: 1; }
.ch-box .active .ui-card-header-title { color: #007457; }
.ch-box .ui-card-header .ui-card-header-more { align-items: center; justify-content: flex-end; }
.ch-box .active .ui-card-header-more span.ui-icon-right { color: #007457; }
.ch-box .fa-minus-circle { display: none; }
.ch-box .active .fa-minus-circle { display: inline-block; color: #007457; }
.ch-box .active .fa-plus-circle { display: none; color: #007457; }
.ch-box .ui-card-body .ui-card-title { font-weight: bold; padding-bottom: 10px; }
.ch-box .ui-card-body .ui-card-text { word-break: normal; color: #393a56; }
.ab4 { padding: 100px 15px; background: #eff2ff; }
.ab4 .mytit { color: #242a56; font-size: 22px; width: 100%; text-align: left; margin-top: -20px; }
.ab4 .mydesc { color: #393a56; font-size: 14px; padding: 15px 0 0px 0; width: 100%; text-align: left; }
.ui_data { z-index: 1; position: relative; }
.ui_data_item { width: 20%; float: left; text-align: center; position: relative; }
.item1 { padding-right: 20px; }
.ui_data_item_head { position: relative; }
.ui_data_item_head .ui-rock { font-size: 45px; font-weight: bold; display: inline-block; color: #007457; }
.ui_data_item_head .num1 { font-size: 42px; font-weight: bold; display: inline-block; color: #007457; margin-right: 20px; }
.ui_data_item_head .num2 { font-size: 16px; font-weight: bold; color: #242a56; line-height: 1.2; width: 100px; display: inline-block; text-align: left; }
.ab5 { padding: 0px 15px 50px 15px; background: #eff2ff; }
.contactbg { padding: 100px 12px 50px 12px; position: relative; z-index: 9; background-image: linear-gradient(to top, #f7f7e5, #ffffff); }
.message { background: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1); padding: 30px; }
.message h2 { font-size: 24px; padding-bottom: 30px; color: #242a56; }
.form input, .formText { border: 1px solid #dedede; background-color: #fafafa; font-size: 14px; line-height: 18px; width: 100%; padding: 10px; text-align: left; margin: 0 auto; outline: medium; border-radius: 0; -webkit-appearance: none; box-sizing: border-box; transition: 0.4s; }
.formText { text-align: left; }
.form textarea { height: 100px; max-width: 100%; }
.form input:hover, .form textarea:hover { border-color: #999; }
.formBtn button:hover { background-color: #274b92; }
.form input:focus, .form textarea:focus { background-color: #fff; border: 1px solid #274b92; }
.form .mp { padding-bottom: 25px; }
.formBtn button { padding: 12px; width: 160px; background: #007457; color: #fff; border-radius: 5px; cursor: pointer; border: none; transition: 0.4s; }
.map { padding-top: 20px; }
.contact { padding: 30px 0 0 30px; }
.contact h2 { font-size: 24px; padding-bottom: 30px; color: #242a56; }
.contact h3 { font-size: 18px; padding-bottom: 15px; color: #242a56; }
.contact td { border: 0; }
.contact td span { color: #007457; }
.cfoot { padding-top: 100px; }
.container { padding: 54px 15px 20px 15px; }
.topnav { width: 100%; line-height: 70px; border-bottom: #ddd 1px solid; position: relative; z-index: 9; }
.m_nav { display: none; }
.m_nav h3 { display: inline-block; font-weight: normal; margin-right: 30px; padding: 0 10px; font-size: 16px; }
.m_nav h3.on>a { color: #007457; font-weight: 600; }
.m_menu h3 { display: inline-block; font-weight: normal; margin-right: 30px; padding: 0 10px; font-size: 16px; }
.m_menu h3 ul { position: absolute; border: 0; background-color: #fff; opacity: 0; transition: all .3s ease 0s;
visibility: hidden; transform: translate3d(0, 30px, 0); z-index: 20; padding: 0px; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1); border: #eee 1px solid; margin-left: -15px; }
.m_menu h3:hover ul { opacity: 1; transform: translate3d(0, 0px, 0); visibility: visible; margin-left: -15px; }
.m_menu h3 ul li { line-height: normal; }
.m_menu h3 ul li a { padding: 0px 15px; line-height: 50px; display: block; }
.m_menu h3.on>a { color: #007457; font-weight: 600; }
.m_menu h3 ul li a:hover { background: #007457; color: #FFF; }
.news-list ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.news-list ul li { margin-top: 24px; width: 46%; margin-right: 8%; }
.news-list ul li:nth-of-type(2n) {
margin-right: 0px;
}
.news-list li a .article-text { padding: 20px 0% 0% 0%; border-bottom: #707070 1px dashed; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.news-list li a .article-text .article-time { color: #333; font-size: 24px; font-weight: bold; line-height: 1.5; margin: 0px 0px 20px 0px; }
.news-list li a .article-text .text-title { color: #333; font-size: 18px; font-weight: bold; line-height: 1.5; margin-bottom: 12px; }
.news-list li a .text-desc { color: #666; font-size: 14px; line-height: 1.8; margin-bottom: 21px; }
.proshow { width: 100%; }
.proshow .col-left { width: 55%; border-right: 1px solid #f3f3f3; padding: 20px 10%; }
.proshow .col-left .big_pic { text-align: center; }
.proshow .col-left .big_pic img { max-width: 100%; }
.proshow .col-left .thumb_pic { margin: 30px 0 0 0; text-align: center; }
.proshow .col-left .thumb_pic ul { margin: 0 auto; }
.proshow .col-left .thumb_pic ul li { display: inline-block; margin-right: 5px; width: 60px; height: 60px; border: 1px solid #eaeaea; padding: 0px; cursor: pointer; position: relative; z-index: 1; }
.proshow .col-right { width: 45%; padding: 20px 3%; }
.mytable { display: table; height: 100%; width: 100%; }
.mytd { display: table-cell; vertical-align: middle; }
.mybtns { padding: 20px 0; }
.mybtns a { border-radius: 0; }
.proshow .col-right h1 { font-size: 32px; line-height: 1.5; font-weight: bold; }
.proshow .col-right .intro { font-size: 14px; color: #888; margin: 10px 0; }
.proshow .col-right .attribute { list-style: none; margin: 10px 0; }
.proshow .col-right .attribute li { font-size: 14px; line-height: 30px; }
.proshow .col-right .attribute li em { display: inline-block; width: 60px; font-style: normal; color: #999; font-size: 14px; }
.proshow .col-right .price { font-size: 14px; line-height: 30px; margin: 20px 0; }
.proshow .col-right .price span { font-size: 26px; color: #007457; }
.proshow .col-right .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; }
.proshow .col-right .tags { color: #999; margin: 15px 0; }
.proshow .col-right .tags a { margin: 0 10px 10px 0; }
.proshow_content { padding: 20px 0; }
.proshow .ui-carousel-item { max-height: 460px; overflow: hidden; }
.proshow_content a { color: #03C; }
.proshow_content a:hover { color: #f30; }
.proshow_content p { margin-bottom: 20px; line-height: 24px; }
.proshow_content p img { max-width: 100%; }
.proshow_content .extend { list-style: none; }
.proshow_content .extend li { font-size: 14px; line-height: 30px; }
.proshow_content .extend li em { display: inline-block; width: 120px; font-style: normal; color: #999; font-size: 14px; margin-right: 15px; }
.sub-desc { font-size: 14px; line-height: 1.8; padding: 12px 0px 18px 0px; margin: 0px 0px 24px 0px; color: #707070; border-bottom: #ccc 1px solid; }
.sub-other { color: #162130; font-size: 14px; line-height: 3; }
.sub-other span { color: #666; }
.sub-other a { padding: 3px 20px 3px 20px; font-size: 14px; line-height: 1.5; border-radius: 14px 14px 14px 14px; margin: 5px 16px 5px 0px; color: #666; background: #f3f3f3; }
.artlist { }
.artlist-item { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .06); padding: 30px 0; }
.artlist-item:first-child { padding-top: 10px; }
.artlist-item-image { width: 200px; margin-right: 30px; }
.artlist-item-image img { width: 100%; max-height: 140px; border-radius: 4px; }
.artlist-item-image svg { width: 100%; text-anchor: middle; border-radius: 4px; border: 1px solid #eaeaea; }
.artlist-item-body { flex: 1; overflow: hidden; }
.artlist-item-body .title { font-size: 18px; font-weight: normal; }
.artlist-item-body .date { font-size: 14px; padding: 5px 0; color: #333; }
.artlist-item-body .date i { font-size: 14px; color: #999; margin-right: 5px; }
.artlist-item-body:hover .date i { color: #007457; }
.artlist-item-body .desc { font-size: 14px; color: #999; line-height: 1.5; margin-top: 10px; }
.artlist-item-body .desc p { margin: 0; }
.artlist-item-body .tags { color: #999; margin-top: 15px; }
.artlist-item-body .tags a { margin: 0 6px; font-size: 14px; }
.artlist-item-date { width: 120px; padding: 40px 0 0 40px; font-size: 28px; color: #999; font-weight: 300; position: relative; }
.artlist-item-date:after { display: block; content: ""; width: 1px; height: 60px; background: #f3f3f3; left: 10px; top: 32px; position: absolute; }
.artlist-item-money { width: 200px; font-size: 18px; color: #F60; }
.artlist-item-money span { display: block; font-size: 16px; color: #333; line-height: 36px; font-weight: bold; }
.artlist-item-money:after { height: 80%; }
.artlist-item:hover .artlist-item-date { color: #007457; }
.artlist-item:hover .artlist-item-body .title { color: #007457; }
.artlist-item:hover .artlist-item-body .desc { color: #333; }
.newsDobox { padding: 50px 0 40px; background-color: #fafafa; width:35%; float:right; }
.newsDobox .ti { margin-bottom: 40px; padding-left: 30px; border-left: 3px solid #007557; padding-left: 30px; }
.newsDobox .ti h5 { color: #232323; font-size: 26px; line-height: 1; margin-bottom: 8px; }
.newsDobox .ti h6 { color: #007557; font-size: 20px; line-height: 18px; font-family: Gilroy_Bold; }
.newsDobox .li { margin-bottom: 13px; height: 88px; position: relative; padding-left:118px; display:block; }
.newsDobox .li .time { position:absolute; width: 103px; background-color: #f6f2ec; padding-top: 10px; height: 88px; text-align: center; left:0; }
.newsDobox .li .time em { display: block; color: #ea9824; font-size: 30px; line-height:40px; font-family: Rajdhani_Bold; }
.newsDobox .li .time span { display: block; color: #ea9824; font-size: 16px; line-height: 14px; font-family: Rajdhani_Bold; }
.newsDobox .li .dd { height: 95px; border-bottom: 1px solid #eeeeee; margin-right: 32px; padding-top: 20px; }
.newsDobox .li .dd p { color: #232323; font-size: 16px; }
.newsDobox .li:last-child { margin-bottom: 0; }
.newsDobox .li:last-child .dd { border-bottom: 0; }
.join { background-color: #f7f7e5; }
.join .item { margin-bottom: 10px; background-color: #FFF; border-radius: 5px; padding: 30px 220px 30px 60px; position: relative;  transition: all .3s;
}
.join .item:hover { background-color: #d7d3c6; }
.join .item:hover .pos .btn { background-color: #eeeeee; }
.join .item h5 { color: #3a4a48; font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom: 10px; }
.join .item .pix { color: #3a4a48; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.join .item ul li { display: inline-block; color: rgb(51, 51, 51, .7); margin-right: 40px; }
.join .item ul { margin-right: -44px; }
.join .item .pos { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
.join .item .pos .btn { float: right; /* display: inline-block; */
    padding: 0 30px; background-color: #dddacc; border-radius: 200px; color: #333333; font-size: 16px; line-height: 42px; height: 42px;  transition: all .3s;
}
.join .item .pos span { clear: both; display: block; color: #848484; font-size: 13px; line-height: 1.6; max-width: 157px; padding-top: 10px; }
.shaBor { box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, .07); }
.joinbg { background-color: #f7f7e5; padding:50px 0 110px; }
.joinbg .box { background-color: #FFF; border-radius: 5px; padding: 0 60px 40px; }
.joinbg .top { padding: 26px 0 24px; margin-bottom: 24px; border-bottom: 1px solid #d4d4d4; overflow: hidden; }
.joinbg .top ul { float: left; width: 700px; }
.joinbg .top li { display: inline-block; margin-right: 68px; color: #3a4a48; }
.joinbg .top .dx { float: right; color: #3a4a48; padding-left: 30px; background: url(../images/dx.png) no-repeat 0 4px; }
.joinbg .cont { border-bottom: 1px solid #d4d4d4; padding-bottom: 30px; }
.joinbg .cont h3 { color: #3a4a48; font-size: 20px; line-height: 1.3; margin-bottom: 10px; }
.joinbg .cont h4 { color: #3a4a48; font-size: 16px; line-height: 1.3; margin-bottom: 10px; }
.joinbg .cont h5 { color: #3a4a48; font-size: 18px; line-height: 1.3; margin-bottom: 10px; margin-top: 26px; }
.joinbg .cont p { color: #333333; font-size: 18px; line-height: 30px; margin-bottom: 8px; }
.joinbg .sxBtnW { text-align: center; }
.joinbg .sxBtn { display: inline-block; margin-top: 40px; color: #333333; font-size: 16px; line-height: 50px; height: 50px; padding: 0 30px; min-width: 160px; text-align: center; background-color: #dddacc; border-radius: 5px;  transition: all .3s;
}
.joinbg .sxBtn:hover { color: #FFF; background-color: #006436; }
.content { line-height:1.8; padding-bottom:20px; }
.artshow { word-break: break-all; width:62%; float:left; }
.artshow h1 { font-size: 24px; font-weight: bold; padding:10px 0 20px 0; border-bottom:3px solid #f0f0f0; margin-bottom: 26px; }
.artshow .info { line-height: 50px; margin-bottom: 20px; color: #666; text-align: center; }
.artshow .info span { color: #999; }
.artshow .info i { color: #ccc; margin-right: 5px; }
.artshow .other { margin: 15px 0; padding: 0px; font-size: 14px; }
.artshow .other ul { overflow: hidden; list-style: none; display: flex; flex-wrap: wrap; }
.artshow .other ul li { width: 25%; line-height: 30px; }
.artshow .other ul li span { color: #999; }
.artshow .content a { color: #03C; }
.artshow .content a:hover { color: #f30; }
.artshow .content p { margin-bottom: 20px; line-height: 24px; }
.artshow .content * { max-width: 100%; }
.artshow .action { display: flex; justify-content: center; margin: 30px 0 10px 0; }
.artshow .action a { display: block; cursor: pointer; margin: 0 15px; width: 70px; height: 70px; margin-bottom: 10px; line-height: 60px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); position: relative; }
.artshow .action a i { font-size: 30px; color: #999; }
.artshow .action a em { display: block; font-size: 12px; font-family: verdana; color: #999; position: absolute; bottom: -15px; left: 0; right: 0; }
.artshow .action a:hover { box-shadow: 0px 0px 30px rgba(0, 132, 255, 0.3) }
.artshow .tags { color: #999; margin: 15px 0; }
.artshow .tags a { margin: 0 10px 10px 0; }
.cont-url { font-size: 14px; line-height: 1.5; padding: 20px 0px 15px 0px; border-top: #ccc 1px solid; }
.contact1 .ui-col-4 { text-align: center; }
.contact1 .ui-col-4 div { padding: 20px 10px 30px 10px; border: #eee 1px solid; margin: 10px; }
.contact1 .ui-col-4 div i { font-size: 36px; width: 80px; display: inline-block; height: 80px; text-align: center; line-height: 80px; color: #FFF; background: #007457; border-radius: 100%; }
.contact1 .ui-col-4 div h3 { font-size: 16px; font-weight: normal; padding: 15px 0; }
.contact1 .ui-col-4 div p { font-size: 14px; line-height: 1.6; margin: 0; color: #888; }
.contact1 .ui-col-4 div p a { color: #888; }
.mybook { padding-top: 20px; }
.mybook .ui-row { padding-top: 30px; }
.mybook .ui-form-ip { border-radius: 0; padding: 20px; border: 1px solid #ddd; }
.mybook .ui-row .pr25 { padding-right: 25px; }
.mybook .ui-row .pl25 { padding-left: 25px; }
.mybook .fbtn { margin-top: 10px; }
/*Tags相关*/
.tags { }
.tags a { display: inline-block; padding: 3px 20px 3px 20px; margin: 5px 16px 5px 0px; color: #333; font-size: 14px; background: #f3f3f3; border-radius: 14px; }
/* public begin */
.piclist-title { padding: 6px 10px; font-size: 14px; }
.piclist-image img { transition: all 1s }
.piclist-image:hover img { transform: scale(1.2); }
.ui-box-title span { display: block; font-size: 14px; color: #eaeaea; font-weight: 300; text-transform: uppercase; line-height: 30px; }
.collapse-menu { margin: 15px 0; }
.collapse-menu-title a { transition: all 0.5s ease; }
.collapse-menu-title:hover a { padding-left: 10px; }
.collapse-menu-body li a { transition: all 0.5s ease; }
.collapse-menu-body li a:hover { padding-left: 10px; }
.collapse-menu-body li i { color: #999; }
.ui-box-h2 { height: 70px; line-height: 66px; border-bottom: 1px solid #eaeaea; position: relative; }
.ui-box-h2 h2 { font-size: 36px; }
.navbg .position { line-height: 50px; }
.navbg .position a { color: #999; }
.ui-box-body { padding: 25px 0px 0 0; word-break: break-all; min-height: 80px; }
.ui-box-body .col-10 { max-width: 760px; }
.ui-box-body img, .ui-box-body p img { max-width: 100%; }
.ui-box-body p { margin-bottom: 20px; line-height: 24px; }
.ui-box-body .content a { color: #03C; }
.ui-box-body .content a:hover { color: #f30; }
.pn { padding: 10px 0; position: relative; }
.back { position: absolute; font-size: 18px; top: 36px; right: 10px; }
.pn .pre { margin: 5px 0 10px 0; color: #666; }
.pn .next { margin: 0; color: #666; }
.pn a { color: #888; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
td, th { border: 1px solid #eaeaea; padding: 10px; }
.ui-sidebar { position: fixed; right: 19px; bottom: 10%; z-index: 998; }
.ui-sidebar ul { list-style: none; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0); border-radius: 0px; }
.ui-sidebar ul li { color: #333; margin-bottom: 10px; position: relative; z-index: 200; box-shadow: 0 0 8px rgba(102, 102, 102, .2); }
.ui-sidebar ul li a [class*=ui-icon-], .ui-sidebar ul li a .ui-icon-font {
font-size: 1.2rem;
}
.ui-sidebar ul li div { position: absolute; right: -100px; top: 2px; border: 1px solid #d9d9d9; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); background: #fff; font-size: 13px; color: #333; border-radius: 4px; padding: 0 10px; line-height: 40px; opacity: 0; min-width: 100px; transition: all .5s ease;
text-align: center; z-index: -1; width: 120px; }
.ui-sidebar ul li.weixin div { position: absolute; right: -100px; top: -36px; padding: 10px; width: 120px; }
.ui-sidebar ul li div:after { content: " "; position: absolute; width:.6rem;
height:.5rem;
border-left: 0; border-bottom: 0; background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; right:-.3rem;
top: 50%; transform: translateY(-50%) rotate(-225deg); }
.ui-sidebar ul li:hover div { opacity: 1; right: 65px; }
.ui-sidebar ul li:first-child, .ui-sidebar ul li:first-child a { border-radius: 4px; ; }
.ui-sidebar ul li:last-child, .ui-sidebar ul li:last-child a { border-radius: 4px; }
/*右侧浮动相关*/
.dis { display: none; }
/********toolbar*********/
.toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 100; width: 80px; }
.toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #49806b; margin-top: 2px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s;
}
.toolbar dd:first-child { margin-top: 0; }
.toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(../images/toolbar.png) no-repeat center 0; }
.toolbar dd.qq i { background-position-y: 0; }
.toolbar dd.tel i { background-position-y: -30px; }
.toolbar dd.code i { background-position-y: -60px; }
.toolbar dd.top i { background-position-y: -90px; }
.toolbar dd span { display: block; color: #fff; }
.toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #49806b; opacity: 0; transition: all .5s;
}
.toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; }
.toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; }
.toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #49806b; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; }
.toolbar dd.code .box { padding: 11px; position: absolute; top: 0; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #49806b; opacity: 0; transition: all .5s;
}
.toolbar dd.code .box img { width: 140px; height: 140px; }
.toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #49806b; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.toolbar dd:hover { background: #333; }
.toolbar dd.tel:hover .box { opacity: 1; right: 80px; }
.toolbar dd.code:hover .box { opacity: 1; right: 80px; }
.ui-tabs-nav li a { color: #76838F; padding: 15px 0px; font-size: 18px; }
.fnav { display: none; }
.fnav1 { height: 64px; display: none; }
.search-box { background-color: rgba(0, 0, 0, .8); position: fixed; z-index: -99; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; font-size: 16px; -webkit-transition: .3s;
transition: .3s;
-webkit-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1) }
.sblock { opacity: 1; z-index: 10000; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.search-close { width: 1000px; height: 160px; margin: 0 auto; padding: 100px 0 0 0; }
.search-close i { float: right; font-size: 40px; color: #fff; cursor: pointer; }
.search-close i:hover { animation: mymovex 0.5s 1; -webkit-animation: mymovex 0.5s 1; }
dl.se { overflow: hidden; }
dl.se dt { width: 500px; float: left; }
dl.se dt input { width: 100%; height: 56px; padding: 0 10px; border: 1px solid #fff; border-radius: 5px 0 0 5px; }
dl.se dd button { width: 100%; border: 0; color: #fff; height: 56px; border-radius: 0 5px 5px 0; }
dl.se dd { width: 100px; float: right; }
.search-con { width: 600px; margin: 0 auto; padding-top: 20px; }
.search-tips { line-height: 50px; padding-top: 30px; color: #FFF; }
.search-as { line-height: 34px; }
.search-as a { padding: 0 20px; border: 1px solid #fff; display: inline-block; margin-right: 10px; margin-bottom: 10px; white-space: nowrap; border-radius: 5px; color: #fff; }
.search-as a:hover { color: #007457; border: 1px solid #007457; }
.content p { margin-bottom: 20px; }
.ui-timeline { }
.ui-timeline-item { padding: 0 0 20px 40px; position: relative; }
.ui-timeline-item:last-child { padding-bottom: 0; }
.ui-timeline-item:before { content: " "; width: 1px; display: block; background: #eee; height: 100%; position: absolute; top: 5px; left: 5px; }
.ui-timeline-dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #007457; left: 0; top: 6px; background: #fff; }
.ui-timeline-title { font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 0; color: #666; }
.ui-timeline-text { color: #333; }
a:hover .ui-timeline-text { color: #007457; }
#statement .h2, #statement1 .h2 { padding-bottom: 25px; font-size: 26px; text-align: center; }
#statement .h2 span, #statement1 .h2 span { color: #007656; font-size: 22px; line-height: 1; }
#statement .box2, #statement1 .box2 { border-top:2px solid #ededed; padding-top: 25px; }
a.inline-close-btn { background: #007457; width: 200px; display: block; margin: auto; height: 53px; text-align: center; line-height: 53px; font-weight: 600; font-size: 15px; border-radius: 5px; color: #FFF; }
a.inline-close-btn:hover { color: #FFF; }
.inline-inner { padding:5px; }
.cnen { color:#FFF; position:relative; z-index:999; font-size:16px; display:inline-block; height:60px; margin-left:15px; }
.cnen i{ font-size:16px;color:#007457;}

.cnensub { position:absolute; background:#fff; padding:15px 0; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); border-radius:3px;  opacity: 0;  transition:all .3s ease 0s;visibility: hidden; transform: translate3d(0, 20px, 0); z-index: 99; top:50px; left: -30%; width:160%; }

.cnen:hover .cnensub { opacity: 1; transform: translate3d(0, 0px, 0); visibility: visible; }
.cnensub a{ display:block; list-style:40px; text-align:center; color:#333; }
.cnensub a:hover{ color:#007457; }