@font-face {
  font-family: 'Regular';
  src: url('./SourceHanSansCN-Regular.otf');
}
@font-face {
  font-family: 'tszt';
  src: url('./GILROY-BOLD.TTF');
}


.tszt{font-family: 'tszt';}

*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#212121;font-size: 18px;font-family: 'Regular'; overflow-x:hidden;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}



.bold{ font-weight:bold;}

.hei10{ height:10px; line-height:10px; width:100%}
.hei20{ height:20px; line-height:20px; width:100%}
.hei30{ height:30px; line-height:30px; width:100%}
.hei40{ height:40px; line-height:40px; width:100%}
.hei50{ height:50px; line-height:50px; width:100%}
.hei60{ height:60px; line-height:60px; width:100%}
.hei70{ height:70px; line-height:70px; width:100%}
.hei80{ height:80px; line-height:80px; width:100%}
.hei90{ height:90px; line-height:90px; width:100%}
.hei100{ height:100px; line-height:100px; width:100%}
.no{ display:none;}

.between{display: flex;flex-direction: row;justify-content: space-between;}
.img_center{display:flex;justify-content:center;align-items:center;}

.f {display: flex;}

.fens{flex-flow: row wrap;align-content:space-between;}/*閸ㄥ倻娲块崚鍡樻殠*/

.fc{flex-direction:column}/*閸ㄥ倻娲块崚鍡樻殠*/
.jcfs {justify-content: flex-start;}/*娴犲氦顢戞＃鏍崳婵缍呯純顔肩磻婵甯撻崚锟�*/
.jcfe {justify-content: flex-end;}/*娴犲氦顢戠亸鍙ョ秴缂冾喖绱戞慨瀣笓閸掓ぜ鈧拷*/
.jcsa {justify-content: space-around;}/*閸у洤瀵戦幒鎺戝灙濮ｅ繋閲滈崗鍐閿涘本鐦℃稉顏勫帗缁辩姴鎳嗛崶鏉戝瀻闁板秶娴夐崥宀€娈戠粚娲？閵嗭拷*/
.jcsb {justify-content: space-between;}/*娑撱倓鏅剁仦鍛厬鐎靛綊缍堥棃鐘虹珶*/
.jcc{justify-content: center;}
.jcse {justify-content: space-evenly;}/*閸у洤瀵戦幒鎺戝灙濮ｅ繋閲滈崗鍐閿涘本鐦℃稉顏勫帗缁辩姳绠ｉ梻瀵告畱闂傛挳娈ч惄鍝ョ搼*/
.aic {align-items: center;}
.aib {align-items: baseline;}
.aifs{align-items: flex-start;}
.aife {align-items: flex-end;}
.tac {text-align: center;}
.taj{ text-align:justify;}
.tal {text-align: left;}
.tar{text-align: right;}
.w {flex-wrap: wrap;}
.p_r {position: relative;}
.p_a {position: absolute;}
.ellipsis {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.dclick{cursor:pointer; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;}
.left_center{display:flex;align-items:center;}
.right_center{display:flex;justify-content:flex-end;align-items:center;}
.center{display: flex;flex-direction: row;justify-content: space-between;justify-content: space-around;}
.ht_img{cursor: pointer; transition: all 0.6s;width:100%;display: block}
.ht_img:hover{transform: scale(1.06);}
.ht_img1{cursor: pointer; transition: all 0.6s;display: block}
.ht_img1:hover{transform: scale(1.06);}

.posre{ position:relative;}

.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font19{ font-size:19px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font23{ font-size:23px;}
.font24{ font-size:24px;}
.font25{ font-size:25px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font29{ font-size:29px;}
.font30{ font-size:30px;}
.font31{ font-size:31px;}
.font32{ font-size:32px;}
.font33{ font-size:33px;}
.font34{ font-size:34px;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font37{ font-size:37px;}
.font38{ font-size:38px;}
.font39{ font-size:39px;}
.font40{ font-size:40px;}
.font41{ font-size:41px;}
.font42{ font-size:42px;}
.font43{ font-size:43px;}
.font44{ font-size:44px;}
.font45{ font-size:45px !important;}
.font46{ font-size:46px;}
.font47{ font-size:47px;}
.font48{ font-size:48px;}
.font49{ font-size:49px;}
.font50{ font-size:50px;}
.font52{ font-size:52px;}

.font60{ font-size:60px;}
.font80{ font-size:80px;}

.cor000{ color:#000000;}
.corfff{ color:#ffffff;}

.cor333{ color:#333333;}
.cor444{ color:#444444;}
.cor555{ color:#555555;}
.cor666{ color:#666666;}
.cor777{ color:#777777;}
.cor888{ color:#888888;}
.cor999{ color:#999999;}

.cor92{ color:#929292;}

.cor4e{ color:#4E4E4E;}
.cor17{ color:#171717;}
.cor19{ color:#191919;}
.cor1c{ color:#1C1C1C;}
.cor1b{ color:#1B1B1B;}
.cor21{ color:#212121;}
.cor1e{ color:#1E1E1E;}
.cor1d{ color:#1D1D1D;}

.cor2a{ color:#2A2A2A;}
.cor12{ color:#121212;}
.cor63{color: #636363;}
.cor1f{ color:#1f1f1f;}
.cor82{ color:#828282;}
.cor28{color: #282828;}
.cor20{color: #202020;}
.cor8d{color: #8d8d8d;}
.cor2d{color: #2D2D2D;}

.cor{color: #82BE4D !important;}
.cor1{color: #BA4D60 !important;}
.cor2{color: #1ba73e !important;}
.cor3{color: #1b6af8 !important;}
.cor4{color: #fffdfd !important;}
.cor5{color: #faf1e8 !important;}
.cor6{color: #fc9aa0 !important;}
.ls8{ letter-spacing:8px;}
.ls3{ letter-spacing:3px;}

.title{padding:0 0 0 0;}
.title dt{ line-height:45px;}
.title dl{line-height:30px;}

.cor1a{color: #1A1A1A;}


.opacity05{opacity: 0.5;}
.opacity06{opacity: 0.6;}
.opacity07{opacity: 0.7;}
.op46{ opacity:0.46;}

/* 首页 */

.header{ width:100%;height:88px; background: #ffffff;}


.logo{ height:88px; width:250px;  }
.logo dl{ width:66px;}
.logo dl img{ width:66px;}

.logo dt{color: #323232; padding:0 0 0 18px;}


.navbj{ width:100%; height:88px; background:#ffffff;}

.nav{ height:88px; padding:0 0 0 0;}
.nav>ul{ width:650px;height:88px; margin:0 20px;  }
.nav>ul>li{ text-align:center;  }
.nav>ul>li>a{height:88px; line-height:88px; color:#656565; font-size:16px; display:block;}
.nav>ul>li>a:hover{  color:#82BE4D; }
.nav_on{color:#82BE4D !important;}

.phone{ height:88px; foncolor: #262626; padding:0 0 0 0;}

.phone p{ line-height:35px;}
.phone span{width:200px; box-shadow:0px 3px 10px rgba(0,0,0,0.1);  border-radius:30px; background:#ffffff; left:-50px; top:90px; height:0; overflow:hidden;}
.phone:hover span{ height:50px;}
.img360{-webkit-transition:-webkit-transform 2s}
.img360:hover{-webkit-transform: rotate(360deg);}


.header_{width: 100%;height: 109px;background:#ffffff;width: 100%; z-index:999;  position:absolute;position:  fixed ;top:0; left: 0;display: none; z-index:999;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); }
.header1_{width: 1200px;  display: flex;align-items: center;height: 109px;display:flex;justify-content:center;align-items:center;}
.header1_  .logo2{ width:340px;}
.header1_  .logo2 img{ width:100%;}
.header1_  .logo2 p{ padding:0 0 0 20px;}

.nav2>ul{align-items: center;height: 109px; line-height:109px; width:680px;}
.nav2>ul>li{align-items: center;height: 109px; line-height:109px;}
.nav2>ul>li>a{height:109px;line-height:109px; display:inline-block;font-size: 16px; color: #202020; text-align:center; }
.nav2>ul>span{ color:#B4B4B4; font-size:10px;}

.nav2>ul>li>a:hover{color:#82BE4D; }
.nav_on2{color:#82BE4D !important; }


/* 内容 */
/*首页*/
.sy_banner{width: 100%;height:835px; overflow:hidden;}
.sy_banner .swiper-slide a{ display: block;width: 100%;height: 835px;}
.sy_banner .swiper-button-prev{width: 30px;height: 30px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 30px;height: 30px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #333;}

.sy_banner .swiper-pagination{bottom: 50px; width:100%;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;opacity: 1; background:#000; width: 16px;height: 16px; margin:0 7px;}
.sy_banner .swiper-pagination-bullet-active{background:#82BE4D !important;}



.home1{ width:100%; padding:75px 0 100px 0;}
.home1_1{margin:35px auto 22px auto;background:url(../images/home1_1.jpg) no-repeat center center; height:491px; }
.home1_2{ margin:254px auto 0 auto;width: 1165px;height: 118px;background: #FFFFFF;border-radius: 6px;}
.home1_2 dt{color: #505050;line-height: 25px; margin-left:55px;}
.home1_2 a{color: #939393;line-height: 42px;}
.home1_2 dl{ margin-right:70px;}
.home1_2 dl span{font-size: 118px;font-family: Gilroy; line-height:100px; padding:20px 0 0 0;color: #181818;opacity: 0.2;}
.home1_2 dl p{color: #dedede;}
.home1_2 dl p b{ padding:20px 0 0 0;}
.home1_3{color: #282828;}
.home1_3 li{ width:286px; cursor:pointer;}
.home1_3 li dt{ width:286px; height:368px; overflow:hidden;}
.home1_3 li dl{width: 250px;height: 78px;background: #FFFFFF;border-radius: 6px; left:18px; bottom:19px;}
.home1_3_{ color:#ffffff; font-weight:bold;}
.home1_3_ dl{background: #82BE4D !important;}


.home2{ width:100%; background:url(../images/home2.jpg) no-repeat top center; padding:70px 0 80px 0; }
.home2_1{color: #5D5D5D;color: #7F7F7F;line-height: 31px; padding:600px 0 60px 0; }
.home2_2{height: 164px;background: #82BE4D;border-radius: 6px;}
.home2_2 li{ text-align:center;}
.home2_2 li p{}
.home2_2 li dt{}

.home2_2 b{width: 1px;height: 9px;background: #EAEAEA;}




.home3{ width:100%;}
.home3_1{ margin:0 auto; width:100%; background:url(../images/home3_1.jpg) no-repeat center center; height:717px;}
.home3_2{ border-bottom:#ffffff solid 1px; padding:245px 0 25px 0;}
.home3_2 dt{line-height: 32px;}
.home3_3{ padding:142px 0 0 0}
.home3_4{width: 610px;height: 168px;background: #82BE4D;border-radius: 6px;}
.home3_4 li{writing-mode: vertical-lr; width:120px; letter-spacing:5px; line-height:120px;}
.home3_4 b{width: 1px;height: 168px;background: #FFFFFF;opacity: 0.1;}
.home3_5{width:27px;height: 27px;border: 6px solid #FFFFFF;border-radius: 50%; left:326px; top:291px;}


.home4{ width:100%;background:url(../images/home4.jpg) no-repeat center center; height:1447px }
.home4_1{margin:60px auto 60px auto;height: 600px;background: #FFFFFF;border-radius: 6px;}
.home4_2{ border-bottom:#f2f2f2 solid 1px; height:116px;}
.home4_2 dt{width: 340px; margin-left:68px;}
.home4_2 span{width: 118px;color: #191919;}
.home4_2 dl{width: 340px; margin-right:97px;color: #5F5F5F;}
.home4_3{ padding:27px 0 0 0;}
.home4_4{width: 340px;height: 421px;background: #82BE4D;border-radius: 6px; margin-left:68px; text-align:center;}
.home4_4 li{ height:144px;line-height: 26px;}
.home4_4 b{width: 340px;height: 1px;background: #F2F2F2;opacity: 0.1;}
.home4_5{width: 118px;color: #181818;}
.home4_5 li{width: 118px; height:144px;}
.home4_5 li span{width: 118px;height: 118px;background: #EEEEEE;border-radius: 50%;}
.home4_5_ span{background: #82BE4D !important; color:#ffffff;}
.home4_6{width: 340px;height: 421px; margin-right:97px; text-align:center;color: #6C6C6C;}
.home4_6 li{ height:144px;line-height: 26px;}
.home4_6 b{width: 340px;height: 1px;background: #F2F2F2;}
.home4_7{ width:100%; overflow:hidden;}
.home4_7 .swiper {width: 100%;}
.home4_7   .swiper-slide { width:auto !important; padding:0 0 146px 0;}
.home4_8{width: 368px;height: 318px;background: #FFFFFF;border-radius: 6px;}
.home4_8 dt{ padding:60px 0 0 49px;line-height: 24px;}
.home4_8 dl{ width:100%; left:0; top:159px;}
.home4_7 .swiper-pagination-bullet {width: 8px;height: 8px;background: #F1F1F1;opacity: 0.5;}
.home4_7 .swiper-pagination-bullet-active {    opacity: 1;    background: #ffffff;}
.home4_7 .swiper-container-horizontal> .swiper-pagination-bullets  .swiper-pagination-bullet {margin: 0 3px !important;}



.home5{ background:url(../images/home5.jpg) no-repeat center center; height:824px; width:100%; overflow:hidden; }
.home5_1{margin:270px auto 0 auto;}
.home5_1 li{width: 272px;height: 92px;background: #FFFFFF;border-radius: 6px;}
.home5_1_{background: #82BE4D !important;color: #FFFFFF;}




.home6{width:100%; padding:90px 0; overflow:hidden;}
.home6_1{ margin:40px auto 0 auto;}

.home6_2{  }
.home6_2 .swiper-slide{width:1200px !important;height:549px; margin-bottom:80px;}
.home6_3{width: 1200px;height:549px;background: #D7D7D7; overflow:hidden;}
.home6_3 img{width: 1200px;}
.home6_4{width: 329px;height: 160px;background: #FFFFFF;border-radius: 6px;left:71px; top:329px;}
.home6_4 p{color: #292929; width:94px; padding:30px 0 0 37px;}
.home6_4 p span{color: #292929;line-height: 24px; padding:0 0 15px 0; display:block;}
.home6_4 dt{width: 150px; margin-right:48px;line-height: 20px; padding:35px 0 0 0;}


.home6_6 .swiper-scrollbar-drag{background: #82BE4D;border-radius: 3px;}
.home6_7{ width:1200px !important; margin:0 auto;left: 0;    right: 0;}
.home6_6 .swiper-scrollbar{ height:3px !important; background:#f6f6f6 !important;}
.home6_8{ width:100%; left:0; top:341px;}

.home6_10{ width:100%; right:0; top:0;}

.swiper-button-next{ right:341px; top:0;}
.swiper-button-prev{ left:auto; right:380px; top:0;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.swiper-button-next1{ right:0; top:-70px;}
.swiper-button-prev1{ right:50px; top:-70px;}


.home7{width:100%; overflow:hidden;}
.home7_1{ margin:45px auto 0 auto;}
.home7_2{  }
.home7_2 .swiper-slide{width:auto !important; margin-bottom:58px;}
.home7_3{width: 381px;height: 393px;background: #F8F8F8;border-radius: 6px;}
.home7_3 dt{ height:105px; padding:26px 0 0 0;}
.home7_3 dl{width: 246px;height: 179px; overflow:hidden; margin:0 auto;}
.home7_3 dl img{max-width: 246px;max-height: 179px;-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));}
.home7_2 .swiper-slide:hover .home7_3{ background: #82BE4D; color:#ffffff;}
.home7_2 .swiper-slide:hover .home7_3 dt{color:#ffffff;}


.home8{width:100%; padding:90px 0 73px 0;}

.home8_2{ margin:45px auto 0 auto; }
.home8_2 li{width: 445px;height: 538px;background: #FFFFFF;border-radius: 6px; margin-right:33px; overflow:hidden;}
.home8_2 li b{width: 445px;height: 314px;background: #F7F7F7;border-radius: 6px; overflow:hidden;}
.home8_2 li b img{ width: 100%;}
.home8_2 li dt p{ height:70px; line-height:70px; margin:12px 0 0 0; overflow:hidden;color: #1C1B1B;}
.home8_2 li dt span{ line-height:23px; height:46px; overflow:hidden; margin:0 auto 30px auto; display:block;color: #898989;}
.home8_2 li dt strong{width: 380px;height: 1px;background: #6D6D6D;opacity: 0.1;}
.home8_2 li dt label{ height:41px; line-height:41px; padding:24px 0 0 0;color: #7A7A7A;}
.home8_2 li dl{background:url(../images/home8_2.png) repeat-x center center; width:100%; height:0; overflow:hidden; left:0; bottom:0;}
.home8_2 li dl strong{width: 100%;height: 1px;background: #bbaa9a;opacity: 0.2; margin:24px auto 23px auto;}
.home8_2 li dl p{ width:380px; margin:0 auto; height:40px; line-height:40px; overflow:hidden;}
.home8_2 li dl span{ display:block; width:380px; margin:0 auto; height:28px; line-height:28px; overflow:hidden; opacity:0.5;}
.home8_2 li:hover b{height: 538px;}


.home8_2 li:hover dt{ height:0; overflow:hidden;}
.home8_2 li:hover dl{ height:240px;}

.home9{ padding:90px 0; width:100%;}
.home9_1{}
.home9_2{ width:895px;}
.home9_2 li{ width:285px; margin-bottom:17px;}
.home9_2 li dt{ width:285px; height:164px; overflow:hidden; background:#ccc; border-radius:10px;}
.home9_2 li dt img{ width:100%;}
.home9_2 li dl{color: #3E3E3E; height:98px;}
.home9_3{width: 285px;height: 443px;background: #82BE4D;border-radius: 6px;}
.home9_3 a{width: 285px;height: 221px;}
.home9_3 a:hover{ color:#ffffff;}
.home9_3 b{width: 285px;height: 1px;background: #FFFFFF;opacity: 0.2;}


.home10{width:100%; padding: 81px 0 85px 0;background: #F8F8F8;}

.home10_2{}
.home10_3{  margin:0 auto;}
.home10_4{}
.home10_4 li{ margin:0 0 21px 0;width: 588px;height: 68px;background: #FFFFFF;border-radius: 6px;}
.home10_4 li span{ padding:0 0 0 35px; color:#494949; font-size:16px;height: 68px; line-height:68px;}
.home10_4 .text1{width:430px;height: 68px; line-height:68px;background:none; border:0; outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular';}
.home10_5{}
.home10_5 .home10_51{ margin:0 0 23px 0;height: 185px;background: #ffffff;}
.home10_5 .home10_51 span{ padding:0 0 0 35px;  color:#494949; font-size:16px;height: 68px; line-height:68px;}
.home10_5 .text1{width:1045px;height:150px; border:0;background:none;outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular'; line-height:30px; padding:20px 0 0 0;border-radius: 6px;}

.home10_5 .text2{ width: 1200px;height: 57px;background: #82BE4D;border-radius: 6px;line-height:57px; outline:none; border:0; color:#ffffff; font-size:18px; display:block;border-radius: 6px;}




.bot1{background:#1d1d1d;width:100%; color:#ffffff; padding:8px 0 0 0; }
.bot2{ height:190px;}
.bot2 dl{ }
.bot2 b{width: 1px;height: 8px;background: #ffffff; margin:0 10px;}
.bot2 dt{ line-height:21px;}
.bot21{ opacity:0.3;}

.bot6{ width:730px;}
.bot6 li{}
.bot6 li p{ height:50px; line-height:50px;}
.bot6 li  a{color: #FFFFFF; font-size:16px;}
.bot6 li h3{line-height:40px;}
.bot6 li h3 a{color: #FFFFFF;line-height:40px; display:block;font-size:16px;}
.bot6 span{opacity: 0.1;font-size: 14px;height:50px; line-height:50px;}
.bot3{  height:99px; width:100%; border-top:#292929 solid 1px;}
.bot7{ border-right:#292929 solid 1px; }

.bot7 li{ height:99px;border-left:#292929 solid 1px;}
.bot7 li b{width: 32px;height: 32px;background: #FFFFFF;border-radius: 50%; margin-left:44px;}

.bot7 li p{ line-height:30px; padding:0 30px 0 15px;}
.bot7 li p span{opacity: 0.5;}
.bot7 li label{ }

.bot4{ width:150px; text-align:center; padding:30px 0 0 0; }
.bot4 b{width: 71px;height: 71px;background: #FFFFFF;  margin:0 auto;}
.bot4 b img{width: 71px;height: 71px;}
.bot4 p{line-height:30px; height:30px;opacity: 0.3;}

.bot5{ width:100%; background:#1d1d1d; margin:0 auto; height:42px; line-height:42px; color:#606060; font-size:14px; border-top:#292929 solid 1px;}
.bot5 a{ color:#606060; font-size:14px;}
.bot5 a:hover{ color:#606060; font-size:14px;}






.erjibanner{ width:100%; height:526px; background-repeat:no-repeat; background-position:center center;}
.erjibanner2{ width:100%; height:526px; background-repeat:no-repeat; background-position:center center;}
.about{ width:100%; height:85px; position:absolute; left:0; top:495px;}
.about_1{ height:85px; color:#ffffff; font-size:20px;  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);}
.about_1 a{ color:#ffffff;}
.about_1 a:hover{ color:#ffffff;}
.about_1 img{ margin-right:20px;}

.about1{color: #7E7E7E;line-height: 25px; padding:30px 0 20px 0;}
.about2{ height:490px; margin:0 auto 85px auto;}
.about3{}
.about3 li{height: 439px;}
.about3 li b{ width:100%;height: 439px; overflow:hidden;}
.about3 li b img{ width:100%;}
.about4{width: 356px;height: 102px;background: #82BE4D; right:0; bottom:0;}
.about4 b{width: 1px;height: 102px;background: #FFFFFF;opacity: 0.16; margin:0 86px;}


.about5{ width:100%; background:url(../images/about5.jpg) no-repeat bottom center; padding:70px 0 0 0;}

.about6{ padding:112px 0 0 0;}

.about7{ padding:0 0 160px 0;}
.about7 a{ height:104px;}
.about7 dt{color: #1D1C1C;}
.about7 dt img{ margin-right:5px;}
.about8{ margin:90px auto 0 auto; padding:0 0 74px 0;}
.about9{color: #141414;font-size: 24px; padding:0 0 75px 0; }
.about9 li{ width:376px; margin-right:36px;}
.about9 li .about10{width:376px;}
.about9 li .about10 dt{width: 274px;height: 373px;background: #F7F7F7;}
.about9 li .about10 dt p{line-height: 28px; height:56px; width:215px; padding:46px 0 0 29px;}
.about9 li .about10 dt b{width: 11px;height: 3px;background: #393939; margin:126px 0 0 40px;}
.about9 li .about10 dl{width: 246px;height: 179px; overflow:hidden; right:0; top:134px; background:#fff;}
.about9 li .about10 dl img{max-width: 246px;max-height: 179px;-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));filter: drop-shadow(10px 10px 10px rgba(0,0,0,.2));}
.about11{ left:-150px; top:167px;}
.about9 li:hover .about10 dt{ color:#ffffff; background: #82BE4D;}
.about9 li:hover .about10 b{background: #FFFFFF;}
.about13{}
.about13 li{width: 8px;height: 8px;background: #EDEDED;border-radius: 50%; line-height:999px; overflow:hidden; margin:0 3px;}
.about13 .on{background: #82BE4D;}

.youshi{ width:100%; height:477px; background:url(../images/youshi.jpg) no-repeat center center; margin:0 auto 0 auto;}
.youshi1{ padding:45px 0 0 0;}
.youshi1 li{width: 592px;height: 258px;background: #FFFFFF; padding:30px 0 0 0; position:relative; overflow:hidden; margin-right:17px;}
.youshi1 li p{ height:31px; border-left:#82BE4D solid 6px; padding:0 0 0 61px; margin:0 0 27px 0;}
.youshi1 li span{color: #2B2B2B;line-height: 29px;width: 443px; border-top:#DCDCDC solid 1px; display:block; margin:0 auto; padding:20px 0 0 0; font-size:20px;}
.youshi1 li label{opacity: 0.6; color:#e2e2e2; font-size:130px; height:100px; line-height:100px; position:absolute; right:-5px; bottom:-10px;}
.youshi1 li:hover{background: #82BE4D;}
.youshi1 li:hover p{ border-left:#ffffff solid 6px; color:#ffffff;}
.youshi1 li:hover span{color: #ffffff;border-top:#367580 solid 1px;}
.youshi1 li:hover label{}
.qywh{ padding:100px 0 0 0 !important;}
.qywh .swiper-slide{width:1200px !important;background: #f9f9f9;border-radius: 0px 0px 6px 6px;margin-bottom:50px; overflow:hidden; }
.qywh1{width: 1200px; padding:30px 0;  }
.qywh2{color: #232323;width: 200px;}
.qywh3{width: 915px;color: #595959;line-height: 29px;}
.qywh3  p{ padding:20px 0; letter-spacing:-1px;}
.qywh3 .biank{ border-bottom:#E7E7E7 solid 1px;}
.qywh3 span{color: #2A2A2A;}
.qy1{ width:100%;}
.qywh .swiper-button-prev{ left:1120px; top: 40px;}
.qywh .swiper-button-next{ left:1165px; top: 40px;}
.qywh .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '0' ;
}
.qywh .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after {
    content: '0' ;
}

.qy{ margin:0 auto; padding:20px 0 40px 0; left:; top:0; width:100%;}
.qy .box1thumbs{ color:#8C8C8C; }
.qy .swiper-slide{width: 200px !important;}
.qy .swiper-slide-thumb-active{ color: #1E1E1E; font-weight:bold;}


.ahome8{width:100%;background:url(../images/ahome8.jpg) no-repeat bottom center; height:750px; padding:50px 0 0 0;}
.ahome8_1{ margin:130px auto 0 auto; background:#ffffff; height:444px;border-radius: 6px;}
.ahome8_1  .swiper {width: 100%;height:444px;margin-left: auto;margin-right: auto; padding:0 0 70px 0;     }


.ahome8_1 .swiper-slide {text-align: center;font-size: 18px; background: #fff;border:#eaebec solid 1px;        height:148px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
         align-items: center;
		 
      }
.ahome8_1 .swiper-slide p{transition: all 0.6s; width:100%; height:100%; left:0; top:0;}	  
.ahome8_1 .swiper-slide img{-webkit-filter: grayscale(100%);/* Chrome, Safari, Opera */ filter: grayscale(100%);}
.ahome8_1 .swiper-slide:hover p{background: #FFFFFF;box-shadow: 0px 6px 46px 0px rgba(35,35,37,0.21);border-bottom:#82BE4D solid 3px;}
.ahome8_1 .swiper-slide:hover img{transform: scale(1.06);-webkit-filter: grayscale(0);/* Chrome, Safari, Opera */ filter: grayscale(0);}
.ahome8_2 .swiper-pagination{ }
.ahome8_2 .swiper-pagination .swiper-pagination-bullet{background: #E8E8E8 !important; opacity:1;}
.ahome8_2 .swiper-pagination .swiper-pagination-bullet-active{background: #82BE4D !important;}


.lxwm{ padding:0 0 355px 0;}
.lxwm1{ left:0; top:405px; width:100%; z-index:99;}
.lxwm2{box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1); background:#ffffff; height:400px;}
.lxwm3{width: 502px; margin-left:49px; padding:35px 0 0 0;}
.lxwm3 li{width: 500px;height: 44px;border: 1px solid #F0F0F0; margin-bottom:12px;}
.lxwm3 li span{ padding:0 0 0 27px;}
.lxwm3 li .text1{width:350px;height: 44px; border:0;background: #FFFFFF;outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular';}
.lxwm4 {width: 500px; margin:0 0 18px 0;height:125px;background: #FFFFFF;border: 1px solid #F0F0F0; }
.lxwm4  span{ padding:0 0 0 27px; height:44px; line-height:44px;}
.lxwm4 .text2{width:350px;height:110px; border:0;background:none;outline:none;color:#7C7C7C; font-size:16px;font-family: 'Regular'; line-height:30px; padding:7px 0 0 0;}
.lxwm3 .text3{width: 501px;height: 59px;background: #82BE4D; line-height:59px; outline:none; border:0; color:#ffffff; font-size:16px; font-family: 'Regular';display:block;}
.lxwm5{width: 601px;height: 400px;background: #82BE4D url(../images/lxwm5.png) no-repeat right center;}
.lxwm5 h3{ line-height:35px; margin:40px 0 0 60px; border-bottom:#a8d283 solid 1px;width: 433px; padding:30px 0 20px 0;}
.lxwm5 h3 span{ line-height:35px; display:block;}
.lxwm5 h2{padding:45px 0 0 60px;}
.lxwm5 h2 p{ padding:0 0 0 0;line-height:40px;}
.lxwm5 h2 p b{width: 3px;height: 1px;background: #FFFFFF; margin-right:8px;}


.about12{ height:574px; width:100%; margin:0 auto; background:#CCC;}


.about14{  background:url(../images/about14.png) no-repeat center center; height:484px; margin:80px auto 0 auto; overflow:hidden;}
.about14 li{width: 590px; height:300px;}

.about14 li p{}
.about14 li p span{ height:80px; line-height:40px; display:block;}
.about14 li p label{ line-height:28px; display:block; margin:20px 0 0 0;}
.about14 li:nth-child(2n){ text-align:right;}





.about15{ width:100%; height:1px; background:#e0e0e0;}
.about16{ height:600px;}
.about17{ padding:75px 0 120px 0;}
.about17 li{ height:66px;}
.about17 li img{ margin-right:27px;}
.about17 li span{ color:#1c4dd9; height:20px; line-height:20px; border-bottom:#1c4dd9 solid 2px;}

.about18{ padding:30px 0 60px 0;}


.map{width: 1200px;height:700px; margin:30px auto 50px auto;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.fenlei{ height:135px;}
.fenlei a{ color: #6B6B6B; font-size:20px; margin:0 20px;}
.fenlei a:hover{ color: #82BE4D;}
.fenlei_{ color: #82BE4D !important;}

.fenlei3{ border:#e0e0e0 solid 1px; border-top:0;}
.fenlei3 li{ height:58px; border-top:#e0e0e0 solid 1px; line-height:58px; text-align:center; color:#999999; font-size:16px;}
.fenlei3 li a{ color:#999999; font-size:16px;}
.fenlei3 li:hover a{ color:#ec3637; }

.fenlei3_ a{ color:#ec3637 !important; font-weight:bold;}
.pro{ width:960px;}
.pro1{ width:960px; border-bottom:#e0e0e0 solid 1px; height:60px; color:#1e1e1e;}
.pro1 b{ width:70px;}
.pro1 strong{ padding:0 20px 0 0;}
.pro1 strong a{ margin:0 2px;}
.pro2{width:958px; height:398px; border:#e0e0e0 solid 1px; background:#ffffff;}
.pro2 li{width:958px; height:398px;}
.pro2 li b{width:600px; height:398px; overflow:hidden;}
.pro2 li b img{max-width:600px; max-height:398px;}
.pro2 li p{ width:270px; margin-right:18px;}
.pro2 li p span{ display:block; height:60px; line-height:60px; padding:22px 0 0 0;}
.pro2 li p label{ display:block; line-height:26px; height:130px;}
.pro2 li p a{ width:130px; height:40px; background:#e81b21;  margin:100px 0 0 0;}

.chanpin{ margin:80px auto 20px auto;}
.chanpin p{color: #191919;line-height: 40px;}
.chanpin span{width: 752px;height: 1px;background: #E4E4E4;}
.achanpin1{}
.achanpin2{ width:220px;}
.achanpin2 li{ width:220px; padding:20px 0; line-height:25px; border-bottom:#E4E4E4 solid 1px;color: #252525; font-size:19px; background:url(../images/achanpin2.png) no-repeat right center;}
.achanpin2 li a{color: #252525;}

.achanpin2 li:hover{ color:#54b663;}
.achanpin2 li:hover a{color:#54b663;}
.achanpin2_{color:#54b663;}

.achanpin2_ a{ color:#54b663 !important;}



.chanpin1{ padding:20px 0 0 0;}
.chanpin2{ border-bottom:#ECECEC solid 1px; height:85px; line-height:85px; padding:24px 0 0 0;}
.chanpin2 li{ height:85px; line-height:85px;color: #262626; font-size:18px; margin-right:35px;}
.chanpin2 li a{color: #262626;}

.chanpin2 li:hover{color:#82BE4D;}
.chanpin2 li:hover a{color:#82BE4D;}
.chanpin2_{color:#82BE4D;}

.chanpin2_ a{ color:#82BE4D !important;}

.case{ }
.case li{width:385px; overflow:hidden; margin-bottom:50px; float:right; margin-right:22px; float:left;}
.case li b{width: 385px;height: 380px;border-radius: 6px; overflow:hidden;}
.case li b img{max-width: 385px;max-height: 380px;}
.case li h3{ width:385px;;}
.case li h3 span{line-height: 50px; height:50px; overflow:hidden; padding:25px 0 10px 0; display:block;}
.case li h3 p a{ margin:0 12px 0 0;width: 130px;height: 36px;border: 1px solid #82BE4D;border-radius: 18px}
.case li h3 .home5_31{background: #137087;}
.case li:nth-child(3n){ margin-right:0;}

.acase{}
.acase li{width:389px; overflow:hidden;background: #FFFFFF; margin-bottom:24px; margin-right:16px; float:left; border-radius:6px; overflow:hidden;}
.acase li b{width: 389px;height: 212px; overflow:hidden;}
.acase li b img{width: 389px;}
.acase li p{ width:320px; margin:40px auto 0 auto;color: #373737; height:30px; line-height:30px; overflow:hidden;}
.acase li span{ color: #373737; display:block; margin:0 auto 28px auto;width:320px;height:35px; line-height:35px; overflow:hidden;}
.acase li strong{width: 389px;height: 1px;background: #F0F0F0;}
.acase li label{ color: #444444;line-height: 26px; overflow:hidden; display:block;}
.acase li h2{ width:320px; margin:0 auto 0 auto;color: #717171; height:59px; line-height:59px;}
.acase li:nth-child(3n){ margin-right:0;}

.pagination{ width:100%; font-size:18px; color:#333333; text-align:center; margin:60px auto ;}
.pagination li{ width:35px; height:35px; text-align:center; line-height:35px; display:inline-block; margin:0 3px; background:#f5f5f5;}
.pagination li a{width:35px; height:35px; display:block; color:#333333;}
.pagination li a:hover{ color:#ffffff; background:#82BE4D;}

.lanmu{ line-height:45px; }
.lanmu h3{ text-align:center; }
.lanmu p{ color:#ffffff; opacity:0.6;text-align:center; }
.lanmu p a{ color:#ffffff;  }
.lanmu p a:hover{ color:#ffffff;  }

.news_11{ border-bottom:#ECECEC solid 1px; margin:50px auto 50px auto;}
.news_{background: #F9F9F9; padding:80px 0;}
.news{ padding:10px 0 30px 0;}
.news li{ width:377px; float:left;height: 473px; background:#ffffff; margin-right:34px; margin-bottom:39px; overflow:hidden;}
.news li b{ width:377px; height: 203px; overflow:hidden;}
.news li dt{ width:377px; padding:38px 0 0 0;}
.news li dt .news_2{ width:320px; height:52px; margin:0 auto 16px auto;line-height:26px; overflow:hidden;color: #2C2C2C; }
.news li dt .news_3{width:320px;color: #515151;line-height: 22px;height:66px; overflow:hidden; margin:0 auto;}
.news li dt .news_1{color: #444444;line-height: 26px; padding:31px 0 0 28px;}
.news li dt .news_4{width: 122px;height: 35px;background: #FFFFFF;border-radius: 18px; color:#82BE4D; margin:130px 0 0 29px;display:none;}

.news li:nth-child(3n){ margin-right:0;}
.news li:hover{background: #82BE4D;}
.news li:hover .news_1{ color:#ffffff;}
.news li:hover .news_2{ color:#ffffff;}
.news li:hover .news_3{ color:#ffffff; opacity:0.4;}
.news li:hover .news_4{display: flex;}

.news li:hover b{ height:0;}

.news2{ margin:0 auto 30px auto;}
.news1{ padding:0 0 0 0;height: 309px;background: #F9F9F9;}
.news1 li{ width:100%; height:309px;}
.news1 li b{ width:600px; height:309px; overflow:hidden;background:#ffffff;}
.news1 li b img{ width:600px;}

.news1 li h3{ width:555px;height:309px; padding:0 60px 0 0; } 
.news1 li h3 p{ color:#444444; border-bottom:#D9D9D9 solid 1px; height:45px; line-height:45px; padding:32px 0 0 0;}

.news1 li h3 .news1_1{ height:50px; line-height:50px; overflow:hidden; margin:20px 0 0 0; color:#2C2C2C;}
.news1 li h3 .news1_2{ line-height:22px;overflow:hidden;height:44px; color:#747474;}
.news1 li h3 a{color: #484848; height:50px; margin:10px 0 0 0;}


.news1_3{ padding:50px 0;} 
.news1_3 li{width: 43px;height: 4px;background: #DDDDDD; line-height:999px; overflow:hidden; margin:0 3px;}
.news1_3 .on{background: #82BE4D;}

.sxy{margin:40px auto 0 auto;width:100%;font-size: 14px;color:#666}
.sxy1{width:100%;height:30px;}
.sxy2{width:100%;height:30px;}
.sxy a{font-size: 14px;color:#666}

.con {padding: 50px 0 80px;min-height: 200px;}
.article_title{text-align: center;margin-bottom: 40px}
.article_title h2{font-size:24px;color:#333;}
.article_title p{font-size: 14px;color:#858585;margin-top: 12px;}
.article_body{ width:100%;word-wrap:break-word;font-size: 18px;line-height:35px;}
.article_body img{max-width:100%; display:block; margin:0 auto;}





.zsjm{ border:#E9E9E9 solid 1px; height:454px;border-radius:6px; overflow:hidden; }
.zsjm li{ width:400px; color:#161616;}
.zsjm li b{ width:400px; height:227px;}
.zsjm li h3{ width:400px; height:227px;}
.zsjm li h3 strong{ height:60px; margin:0 0 7px 0;}
.zsjm li h3 label{ height:35px;}
.zsjm li h3 span{ height:27px;}
.zsjm_{background: #82BE4D; color:#ffffff !important;}
.zsjm_ .zsjm_1{ display:none;}
.zsjm_ .zsjm_2{ display:block !important;}
.azsjm1{ padding:39px 0 0 0;}
.azsjm1 li{width: 9px;height: 9px;background: #EDEDED;border-radius: 50%; line-height:999px; overflow:hidden; margin:0 4px;}
.azsjm1 .on{background: #82BE4D;}


.zsjm1{ width:100%; height:730px; background:url(../images/zsjm1.jpg) no-repeat center center; margin:20px auto 0 auto; }
.zsjm2{height: 588px;background: #FFFFFF;border-radius: 6px;}
.zsjm3{width: 687px; padding:51px 0 0 468px;}
.zsjm3 li{width: 685px;height: 65px;background: #FFFFFF;border: 1px solid #E1E1E1;border-radius: 6px; margin-bottom:19px;}
.zsjm3 li span{color: #222222; font-size:20px; padding:0 0 0 30px;}
.zsjm3 li .text1{width:575px;height: 65px; border:0;background: #FFFFFF;outline:none;color:#7C7C7C; font-size:20px;font-family: 'Regular';}
.zsjm3 li:nth-child(4){ height:146px;}
.zsjm3 .text2{width: 686px;height: 66px;background: #82BE4D;border-radius: 6px; border:0;outline:none;color:#ffffff; font-size:20px;font-family: 'Regular';}
.zsjm4{ left:89px; bottom:0;}



.xf{width:70px;height: 306px;position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 100%;text-align: center;}
.xf>ul>li{width:69px;height: 69px;background: #000000; position: relative; margin-bottom:3px;}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul>li:last-child{background: #babbbc; }
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 230px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:5px;}
.xf>ul>li:hover{ background:#82BE4D;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover .xf0{display: none;}
.xf>ul>li:hover .xf0_{display: inline-block;}
.xf>ul>li:hover a>p{font-size: 14px;}


.sgbxz{ width:100%; background:url(../images/sgbxz.jpg) no-repeat center center; height:708px;}

.sgbxz1{ line-height:50px; }
.sgbxz1 h3{ text-align:center; }
.sgbxz1 p{ color:#ffffff; opacity:0.6;text-align:center; }
.sgbxz1 p a{ color:#ffffff;  }
.sgbxz1 p a:hover{ color:#ffffff;  }
.sgbxz1 h2{ margin:30px 0 0 0;}
.sgbxz1 h2 a{width: 215px;height: 66px;background: #82BE4D;box-shadow: 0px 24px 24px 0px rgba(20,46,51,0.3);border-radius: 33px; color:#ffffff;}
.sgbxz1 h2 a:hover{color:#ffffff;}
.czsc{ width:100%; background:url(../images/czsc.jpg) no-repeat center center; height:492px;}
.czsc1{ width:450px;}
.czsc1 p{ height:90px; line-height:90px; padding:76px 0 0 0;}
.czsc1 span{ display:block; line-height:29px;color: #2B2B2B; font-size:17px;}
.czsc1 b{width: 450px;height: 1px;background: #E2E2E2; display:block; margin:20px auto;}
.czsc2{ width:670px; padding:120px 0 0 0;}
.czsc2 b{width: 4px;height: 52px;background: #FFFFFF;}
.czsc2 h3{ margin:0 0 0 90px; line-height:30px;}
.czsc2 h3 span{ display:block;}
.czsc2 h3 label{display:block;opacity: 0.5;}
.czsc2 a{width: 144px;height: 40px;background: #FFFFFF;box-shadow: 0px 9px 24px 0px rgba(20,46,51,0.3);border-radius: 20px; margin-left:100px;color: #82BE4D;}
.czsc2 a:hover{color: #82BE4D}

.gnys{ width:100%; background:url(../images/gnys.jpg) no-repeat center center; height:941px;}
.gnys1{ padding:50px 0 0 0;}
.gnys1 li{width: 378px;background: #FFFFFF;border-radius: 6px; padding:45px 0 0 0; text-align:center; margin-bottom:31px; overflow:hidden;}
.gnys1 li b{ height:80px;}
.gnys1 li p{ height:40px; line-height:40px; padding:6px 0 0 0;}
.gnys1 li span{color: #646464;line-height: 24px; display:block; height:93px;}
.gnys1 li a{ width:100%; border-top:#F4F4F4 solid 1px; height:57px;color: #82BE4D;}
.gnys1 li:hover{box-shadow: 0px 16px 26px 0px rgba(0,0,0,0.08);}
.gnys1 li:hover a{ background:#82BE4D; color:#ffffff;}


.gwtj{ margin:30px auto; }
.gwtj1 li{width: 100%; margin-bottom:50px;background: #FFFFFF;height: 496px;}
.gwtj1 li dt{width: 870px;height: 496px;}
.gwtj1 li dl{ width:255px; margin:0 37.5px; background:url(../images/gwtj1.png) no-repeat; background-position:right 429px;color: #1E1E1E;}
.gwtj1 li dl p{line-height: 32px; font-size:26px; height:32px; padding:49px 0 0 0;}
.gwtj1 li dl span{line-height: 32px; height:32px;font-size:26px;}
.gwtj1 li:hover{ background: #82BE4D; color:#ffffff;}
.gwtj1 li:hover dl{ background:url(../images/gwtj1on.png) no-repeat; background-position:right 429px;color: #ffffff;}


.qiye1{ width:100%; background:#f7f7f7; padding:80px 0;}
.cpzx{}
.cpzx a{color: #4C4C4C;}
.cpzx a:hover{color: #4C4C4C;}

.qiye{ padding:45px 0 0 0;}
.qiye li{width: 387px;background: #FFFFFF; margin-bottom:24px; float:left; margin-right:19px; text-align:center;}
.qiye li b{width: 387px;height:258px; overflow:hidden;}
.qiye li b img{ max-width:100%; max-height:100%;}
.qiye li strong{ height:8px; margin:41px auto 0 auto;}
.qiye li p{color: #1F1F1F;line-height: 32px; font-size:26px; height:32px; width:70%; margin:17px auto 41px auto;}
.qiye li em{width: 100%;height: 1px;background: #EFEFEF;}
.qiye li a{ height:83px; line-height:83px;color: #757575;}

.qiye li:nth-child(3n){ margin-right:0;}

.xuan {
    position: fixed;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 280px;
    z-index: 99;
    flex-flow: column;
}

.xuan img {
    vertical-align: middle;
}

.xuan li {
    width: 58px;
    height: 58px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.06);
}


.xuan li:hover .kuang {
    display: flex;
}

.xuan .img {
    width: 22px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
}

.xuan li:nth-child(-n+3) a:hover .img img {
    width: 22px;
    height: 22px;
    filter: drop-shadow(22px 0 #fff);
    position: relative;
    left: -22px;

}

.xuan li a {
    width: 100%;
    height: 100%;
}

.xuan li:nth-child(-n+3) a:hover {
    border-radius: 50%;
    background: #82BE4D;
}

.xuan li .kuang {
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);
    width: 238px;
    height: 120px;
    right: 80px;
    border-radius: 15px;
}

.xuan li:nth-child(3) .kuang {
    width: 121px;
    height: 119px;
}

.xuan li:nth-child(1) .kuang {
    height: 80px;
}

.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -13px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    filter: drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));
}