/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Arial; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#80511d;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px;}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black;}
::-webkit-scrollbar-track-piece{ background:#FFF;}
::-webkit-scrollbar-thumb:vertical{ background-color:#80511d; border-radius:5px;}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#80511d;}
::-webkit-scrollbar-corner:vertical{ background-color:#80511d;}
::-webkit-scrollbar-resizer:vertical{ background-color:#80511d;}
.m{ width:95%; max-width:1600px; margin:0 auto; position:relative;}
.m2{ width:95%; max-width:1400px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}
.top{ background:#101a36; color:#fff; line-height:40px; height:40px;}
.top p{}
.top p span.sp1{ margin-right:20px;}
.top a{ display:inline-block; margin-left:10px; color:#fff;}
.top a img{ display:block; margin-top:10px;}
.top_nav{ padding:20px 0; /*position:sticky; background:#fff; top:0; z-index:999; */;}
.top_nav .logo{ float:left;}
.top_nav .top_navu{ float:right;}
.top_nav .top_navu>li{ float:left; margin-right:60px; position:relative;}
.top_nav .top_navu>li>a{ display:inline-block; line-height:65px; font-size:18px; position:relative;}
.top_nav .top_navu>li>a:after{ content:""; position:absolute; width:0; height:2px; bottom:0; left:0; background:#80511d; transition:0.2s;}
.top_nav .top_navu>li:hover>a:after{ width:100%;}
.top_nav .top_navu>li ul{ position:absolute; left:50%; top:120%; z-index:9; background:#80511d; padding:20px 5px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:120%; transform:translateX(-50%);}
.top_nav .top_navu>li:hover ul{ opacity:1; visibility:visible; top:100%;}
.top_nav .top_navu>li ul li{ line-height:2; text-align:center;}
.top_nav .top_navu>li ul li a{ display:inline-block; padding:0 20px; color:#fff;}
.top_nav .top_navu>li ul li a:hover{ color:#ffce98;}

/*banner*/
.bannerslide {position:relative;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: calc(850 / 1920 * 100vw); background-size:cover;}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 50px !important; padding-left:40px; width: 100%; z-index: 9; ;}
.swiper-pagination-bullet { height: 3px; width: 50px; display: inline-block; border-radius: 3px; background: #fff; opacity: .6; -webkit-transition: all 1s;}
.swiper-pagination-bullet:focus{ outline:none;}
.swiper-pagination-bullet-active { background: #80511d; opacity: 1;}

.ind_ab{ padding:100px 0; background:#f2f1e9; display:flex;}
.ind_ab .ia_l{ width:47.5%; max-width:800px; padding:100px calc(100 / 1920 * 100%) 150px 0; margin-left:auto;}
.pt{ font-size:60px; font-weight:lighter; color:#000; position:relative;}
.pt:after{ content:""; height:12px; width:12px; background:#80511d; display:inline-block; margin-left:10px; margin-bottom:-10px;}
.ind_ab .ia_l .p1{ font-size:16px; line-height:2; margin:60px 0;}
.ind_ab .ia_l a{ display:inline-block; font-size:20px; font-weight:lighter; color:#80511d; padding-bottom:10px; border-bottom:1px solid #80511d;}
.ind_ab .ia_l a:hover{ padding:0 10px 10px;}
.ind_ab .ia_r{ width:50%; position:relative;}
.ind_ab .ia_r img{ width:100%; height:100%; object-fit:cover;}
.ind_ab .ia_r ul{ position:absolute; width:150px; height:100%; top:0; left:0; background:rgba(52,27,0,0.65); color:#fff;}
.ind_ab .ia_r ul li{ height:25%; display: flex; align-items: center; justify-content: center; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}
.ind_ab .ia_r ul li .p1{ font-size:18px;}
.ind_ab .ia_r ul li .p1 span{ font-size:40px; font-weight:bold;}
.ind_ab .ia_r ul li .p2{ font-size:16px; color:#bfbfbf; margin-top:10px;}

.ind_br{ padding:0 0 100px 0; background:#f2f1e9;}
.ind_br .ibm{ margin-top:60px; display:flex;}
.ind_br .ibm .ibm_l{ width:calc(730 / 1600 * 100%);}
.ind_br .ibm .ibm_r{ width:50%; margin-left:auto; align-items: center; display: flex;}
.ind_br .ibm .ibm_r2{ display:flex; flex-wrap:wrap; justify-content: space-between;}
.ind_br .ibm .ibm_r .item{ text-align:center;}
.ind_br .ibm .ibm_r .item p{ font-size:20px; color:#535353; margin-top:20px;}
.ind_br .ibm .ibm_r .item:nth-child(-n+2){ width: 48%; position: relative; padding: 20px 40px;}
.ind_br .ibm .ibm_r .item:nth-child(n+3){ width:calc(100% / 3); margin-top:70px;}
.ind_br .ibm .ibm_r .item:nth-child(-n+2) a{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); text-align:center; font-size:30px; font-weight:bold; color:#fff; display:flex; align-items:center; justify-content:center; transition:0.2s; opacity:0;}
.ind_br .ibm .ibm_r .item:nth-child(-n+2) a:hover{ opacity:1;}

.ind_news{ background:#f2f1e9;}
.ind_news .inm{ padding:0 0 100px 0; display:flex; background:url(../images/inbg.png) no-repeat left bottom;}
.ind_news .inm .inm_l{ display:flex; align-items: center;}
.ind_news .inm .inm_l ul{ display:block;}
.ind_news .inm .inm_l ul li{ margin:40px 0;}
.ind_news .inm .inm_l ul li a{ display:inline-block; width:160px; line-height:50px; background:#4c4c4c; color:#fff; text-align:center; font-size:18px;}
.ind_news .inm .inm_l ul li a:hover{ background:#80511d;}
.ind_news .inm .inm_r{ width:calc(1240 / 1600 * 100%); margin-left:auto; overflow:hidden;}
.ind_news .inm .inm_r .inm_i{ overflow:hidden;}
.ind_news .inm .inm_r .inm_i img{ display:block; transition:1s; height:250px; width:100%; object-fit: cover;}
.ind_news .inm .inm_r .swiper-slide:hover img{ transform:scale(1.1,1.1);}
.ind_news .inm .inm_r .p1{ font-size:20px; color:#1a1a1a; margin:20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ind_news .inm .inm_r .p2{ font-size:16px; color:#808080;}
.ind_news .inm .inm_np{ margin-top:70px; position:relative;}
.ind_news .inm .inm_np:after{ content:""; width:calc(100% - 120px); height:1px; position:absolute; right:0; top:50%; background:#cccccc;}
.ind_news .inm .inm_np div{ width:40px; height:40px; font-size:20px; background:#4c4c4c; display:inline-block; margin-right:10px; color:#fff; text-align:center; cursor:pointer; transition:0.2s;}
.ind_news .inm .inm_np div:hover{ background:#80511d;}
.ind_news .inm .inm_np div span:before{ line-height:40px;}

.bottom{ padding:80px 0; background:#f5f5f5;}
.bottom2{ display:flex; justify-content: space-between; padding:0 80px;}
.bottom ul p{ font-size:18px; font-weight:bold; color:#1a1a1a;}
.bottom ul li{ margin:20px 0;}
.bottom ul li a{ font-size:16px; color:#7f7f7f;}

.foot{ background:#101a36; color:#ccc; line-height:45px; font-size:15px; letter-spacing:1px;}
.foot a{ color:#ccc;}

.banner_n{ height:400px; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../images/cta-bg.jpg) no-repeat center center; background-size:cover; display:flex; align-items: center; justify-content:center; background-attachment:fixed !important;}
.banner_n .m{ text-align:center; z-index:1; width:auto;}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.p1{ font-size: 60px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: "Montserrat", sans-serif; margin-bottom:10px;}
.banner_n ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.banner_n ul li{ color:#fff; font-size:18px; letter-spacing:5px; line-height:1.5; font-weight:bold; font-family: "Montserrat", sans-serif;}
.banner_n ul li:not(:last-child){ margin-right:10px;}
.banner_n ul li a{ color:#fff;}
.banner_pro{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_pro.jpg) no-repeat center center;}
.banner_n .ppb{ position:absolute; font-size:250px; font-family: "Rajdhani", sans-serif; font-weight:bold; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);}
.banner_n .ppbs{ font-size:200px;}
.banner_n .ppbs2{ font-size:150px;}
.banner_re{ background:url(../images/banner_re.jpg) no-repeat center center;}
.banner_news{ background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(../images/banner_news.jpg) no-repeat center center;}
.banner_bra{ background:linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/banner_bra.jpg) no-repeat center center;}
.banner_join{ background:linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/banner_join.jpg) no-repeat center center;}
.banner_con{ background: none; position:relative;}
.banner_con .map{ position:absolute; width:100%; height:100%; top:0; left:0;}
.banner_con .m,.banner_con .ppb{ transition:0.2s;}
.banner_con:hover .m,.banner_con:hover .ppb{ opacity:0; visibility:hidden;}
.banner_con:hover .m{ margin-top:-100px;}
.banner_con:hover .ppb{ margin-top:100px;}

.about{ padding:100px 0;}
.ab1{ display:flex;}
.ab1l{ width:600px; object-fit: cover;}
.ab1l2{ background:#f5f5f5; display:flex; align-items: center; color:#80511d; justify-content: center; text-align:center; padding:80px 0;}
.ab1l2 p{ font-size:20px; font-weight:bold;}
.ab1l2 p span{ font-size:60px;}
.ab1l2 img{ width:30%; margin-bottom:10px;}
.abr{ padding:60px; width:calc(100% - 600px); background:#f5f5f5; display:flex; align-items: center;}
.abr .p1{ text-transform:capitalize; color:#80511d; font-size:18px; margin-bottom:20px;}
.abr .p2{ font-size:16px; line-height:1.8; margin-bottom:10px;}
.abr .p2 strong{ color:#80511d;}
.abr .p2 span.sp1{ font-size:20px; color:#80511d; font-weight:bold;}
.abr .p2 span.fas{ width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 100%; background-color: #f2dfca; color: #80511d; font-size:12px; margin-right:10px;}
.about2{ padding:80px 0; background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/cta-bg.jpg) no-repeat center center; background-attachment:fixed;}
.about2 ul{ display:flex; justify-content: space-between;}
.about2 ul li{ width:20%; padding:30px 0; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.2);}
.about2 ul li .p1{ font-size:18px;}
.about2 ul li .p1 span{ font-size:40px; font-weight:bold;}
.about2 ul li .p2{ font-size:16px; margin-top:10px;}

.brandm{ display:flex; justify-content:space-between;}
.brandm .ib_i{ width:48%; position:relative;}
.brandm .ib_i a{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); text-align:center; font-size:36px; font-weight:bold; color:#fff; display:flex; align-items:center; justify-content:center; transition:0.2s; opacity:0;}
.brandm .ib_i a:hover{ opacity:1;}
.brandm .ib_i a:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #fff; transition:0.2s;}
.brandm .ib_i a:hover:before{ top:50px; bottom:50px; left:50px; right:50px;}
.brandm .ib_i a span{;}
.brandm .ib_i img{ display:block; max-width:100%;}

.honor .imgbox{ display:flex; flex-wrap:wrap;}
.honor .imgbox a{ width:23.5%; display:block; margin-right:2%; margin-bottom:2%; text-align:center; position:relative;}
.honor .imgbox a:nth-child(4n){ margin-right:0;}
.honor .imgbox a img{ border:1px solid #efe2d3; width:100%; object-fit: cover;}
.honor .imgbox a p{ padding:10px 0; background:#f1f1f1;}
.honor .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; ;}
.honor .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); ;}
.honor .imgbox a .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; ;}
.honor .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); ;}
.honor .imgbox a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; ;}
.honor .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100);}

.social .imgbox a{ width:32%;}
.social .imgbox a:nth-child(4n){ margin-right:2%;}
.social .imgbox a:nth-child(3n){ margin-right:0;}
.social .imgbox a img{ height:240px;}
.lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}

.honor_ul{ margin-bottom:50px; text-align:center;}
.honor_ul li{ border:1px solid #ccc; box-sizing:border-box; font-size:16px; position:relative; display:inline-block; width:25%; text-align:center; margin:0 20px;}
.honor_ul li.on:after{ content:""; position:absolute; display: block; position: absolute; bottom: -16px; left: calc(50% - 24px); width: 0; height: 0; border-width: 18px 24px 0; border-style: solid; border-color: #101a36 transparent transparent;}
.honor_ul li a{ display:inline-block; line-height:4; width:100%;}
.honor_ul li.on a{ background:#101a36; color:#fff;}

.responsibility li{ padding:40px; transition:0.2s;}
.responsibility1{ display:flex; justify-content: space-between;}
.responsibility1 img{ width:20%; height:200px; object-fit: cover;}
.responsibility1 .responsibility1l{ width:60%; display:flex; align-items: center;}
.responsibility1 .responsibility1l .p1{ font-size:20px; font-weight:bold;}
.responsibility1 .responsibility1l .p2{ margin:20px 0; line-height:1.6;}
.responsibility1 .responsibility1l .p3{ display:inline-block; padding:10px 20px; background:#80511d; color:#fff;}
.responsibility .responsibilityt{ width:10%; display:flex; align-items: center; justify-content: center; background:#f9f9f9;}
.responsibility .responsibilityt>div{ position:relative;}
.responsibility .responsibilityt .p1{ font-size:60px; color:#80511d; font-weight:bold; line-height:1.2;}
.responsibility .responsibilityt .p2{ position:absolute; bottom:7px; right:0; background:#f9f9f9;}
.responsibility li:hover{ box-shadow:0 0 10px #ccc;}
.responsibilityitem{ background:#fef7f1;}
.responsibilityitem .m2{ padding:80px; max-width:1200px; background:#fff;}

.ny_content{ font-size:16px; line-height:1.8;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 1em 0;}
.u_np{ margin-top:40px; text-align:center;}
.u_np li{ display:inline-block; margin:0 10px;}
.u_np li a{ display:inline-block; padding:20px 30px; background:#8f8f8f; color:#fff;}
.u_np li a:hover{ background:#80511d;}

.newslist ul{ display:flex; flex-wrap:wrap; justify-content:start;}
.newslist ul li{ width:32%; margin-bottom:2%; margin-right:2%;}
.newslist ul li:nth-child(3n){ margin-right:0;}
.newslist ul .inm_i{ overflow:hidden;}
.newslist ul .inm_i img{ display:block; transition:1s; width:100%; height:240px; object-fit: cover;}
.newslist ul li:hover img{ transform:scale(1.1,1.1);}
.newslist ul .p1{ font-size:20px; color:#1a1a1a; margin:20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist ul .p2{ font-size:16px; color:#808080;}

.joinuslist ul li{ padding: 40px; background: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); border-radius: 4px; position: relative; cursor:pointer; transition:0.2s; margin-bottom:50px;}
.joinuslist ul li:hover{ box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2);}
.joinuslist ul li:after{ content: ""; display: block; top: 0; left:40px; position: absolute; width:120px; height: 3px; background: #80511d;}
.joinuslist ul li .tit{ display:flex; justify-content:space-between;}
.joinuslist ul li .tit .pl{ font-size:18px; font-weight:bold; color:#000;}
.joinuslist ul li .tit .dr{ font-size:16px; color:#333;}
.joinuslist ul li .tit .dr .fas{ margin-left:20px; color:#80511d; transition:0.2s;}
.joinuslist ul li .tit .dr .ro90{ transform:rotate(90deg);}
.joinuslist ul li .txt{ line-height:2; display:flex; justify-content:space-between; margin-top:30px; transition:0.2s;}
.joinuslist ul li .updown{ display:none;}
.joinuslist ul li .txt .dl .p1{ font-size:16px;}
.joinuslist ul li .txt .dr{ display:flex; align-items:flex-end;}
.joinuslist ul li .txt .dr a{ display:inline-block; background: #80511d; color:#fff; padding:10px 20px; border-radius: 4px; border:1px solid #80511d;}
.joinuslist ul li .txt .dr a:hover{ background: #fff; color:#80511d;}

.contact{ display:flex; justify-content:space-between;}
.contact .contact_l{ width:40%; display:flex; align-items:center; justify-content:center; background:#f6f6f6;}
.contact .contact_l>div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:80%;}
.contact .contact_l .item{ padding:40px 20px; border:1px solid rgba(0,0,0,.1); background:#fff; text-align:center; width:48%; margin-bottom:4%;}
.contact .contact_l .item:nth-last-child(-n+2){ margin-bottom:0;}
.contact .contact_l .item .fas{ font-size:40px; color:#80511d;}
.contact .contact_l .item .p1{ color:#111; font-size:16px; margin:10px 0; font-weight:bold;}
.contact .contact_l .item .p2{ color:#999; line-height:1.8;}
.contact .contact_r{ width:55%; padding:50px; background:#fff; box-shadow:0 0 10px #ccc;}
.contact .contact_r .p1{ font-size:36px; font-weight:bold; color:#80511d;}
.contact .contact_r .p2{ margin:10px 0;}
.contact .contact_r form{ margin-top:30px;}
.contact .contact_r form input{ width:49%; margin-bottom:2%; height:50px; line-height:50px; border-radius:3px; padding-left:20px; box-sizing:border-box; background:#f7f7f7; float:left; border:none; font-size:16px;}
.contact .contact_r form input:nth-child(1){ margin-right:2%;}
.contact .contact_r form input:nth-child(3){ width:100%;}
.contact .contact_r form textarea{ width: 100%; border:none; height: 160px; border-radius: 3px; padding-left: 20px; padding-top:20px; background:#f7f7f7; margin-bottom:30px; font-size:16px;}
.contact .contact_r form div input{ background:#80511d; color:#FFF; padding:10px 20px; border-radius:3px; float:left; height:auto; width:auto; line-height:inherit; cursor:pointer;}

.culture{ background:#fff url(../images/cbg.png) no-repeat center center; padding:150px 0; text-align:center;}
.culture .p1{ font-size:28px; font-weight:bold; color:#80511d;}
.culture .p2{ font-size:20px; color:#000; font-weight:bold; margin:20px 0 30px;}
.culture .p3{ font-size:16px; line-height:3;}
.culture2{ background:url(../images/cbg2.jpg) no-repeat center center; background-size:cover; padding:80px 0; color:#fff;}
.culture2 .p1,.culture2 .p2{ color:#fff;}
.culture3{ padding:100px 0;}
.culture3 .dt{ font-size:26px; font-weight:bold; color:#80511d; text-align:center; margin-bottom:30px;}
.culture3 .dt:after{ content:""; width:50px; height:2px; background:#111; display:block; margin:10px auto;}
.culture4{ display:flex; justify-content:space-between; color:#fff;}
.culture4 .item{ width:24.5%; text-align:center; padding:100px 20px; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../images/cbg3.jpg) no-repeat center  bottom; background-attachment:fixed;}
.culture4 .item span{ display:inline-block; font-size:60px; margin-bottom:20px;}
.culture4 .item .p1{ font-size:18px; font-weight:bold;}
.culture4 .item .p2{ margin-top:20px; line-height:1.6;}
.culture5{ background:url(../images/cbg5.jpg) no-repeat center center; background-size:cover; padding:80px 0 400px; display: flex; align-items:center; justify-content:center;}
.culture-circle {margin:70px 0; width:700px; height:700px; display:flex; align-items:center; justify-content:center; position:relative;}
.culture-content {width:700px; height:700px; display:flex; align-items:center; justify-content:center; padding:100px;}
.culture-circle .circle-content-item {position:absolute; z-index:1; cursor:pointer;}
.circle-content-item .content-title { font-size: 28px; font-weight: bold; color: #80511d; white-space:nowrap; margin-bottom:20px; line-height:2; transition:ease all .3s;}
.circle-content-item .content-info {line-height:1.8; font-size:15px; color:#3d3d3d; font-weight:300; transition:ease all .55s; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
.circle-content-item .content-info .p1{ font-size: 20px; color: #101a36; font-weight: bold; margin:0 0 20px 0;}
.span-icon {position:absolute; width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:ease all .15s; top:4px; border-radius:50%; background-color:#101a36; cursor:pointer;}
.circle-content-item.on .span-icon:before {content:''; font-family:icon; speak:never; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; display:inline-block; color:#fff; font-size:30px;}
.circle-content-item.on .span-icon {}
.circle-content-item .span-icon:after {content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; border-radius:100%; background-color:rgb(11,77,101,30%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); animation-name:radiate; animation-duration:1.5s; animation-iteration-count:infinite;}
@keyframes radiate {0% {opacity:1; width:100%; height:100%;}
50% {opacity:.7;}
100% {opacity:0; width:200%; height:200%;}
}
.culture-list {margin-top:70px; padding-left:100px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.culture-list .span-icon {top:15px; left:0;}
.culture-list .circle-content-item {margin-bottom:50px; padding-left:50px; cursor:pointer;}
.culture-list .circle-content-item.on .span-icon {top:4px;}
.culture-content-infos {color:#80511d; line-height:2; font-size:14px; font-weight:200; text-align:center; width:250px; height:250px; background:#fff; border-radius: 50%; display:flex; align-items:center; justify-content:center; z-index:2;}
.culture-content-infos span {font-size:48px; display:inline-block; line-height:1;}
.culture-content-infos h4 {font-size:30px; font-weight:500;}
.culture-circle:before {content:''; position:absolute; width:85%; height:85%; border-radius:50%; opacity:.3; border:1px solid #0b4d65;}
.culture-circle:after {content:''; position:absolute; width:100%; height:100%; border-radius:50%; opacity:.1; border:1px solid #0b4d65;}
.culture-content-main {width:100%; height:100%; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #0b4d65; background:linear-gradient(59deg,#101a36 0,rgb(16,26,54,0.8) 100%); box-shadow:0 0 31px 7px rgba(0,0,0,.35);}
.culture-circle .circle-content-item:nth-child(1) {right:85%; top:5%; width:63%;}
.culture-circle .circle-content-item:nth-child(1) .span-icon {right:0;}
.culture-circle .circle-content-item:nth-child(1) .content-title{ padding-right:100px;}
.culture-circle .circle-content-item:nth-child(1) .content-info{ padding-top:20px; background:url(../images/culture02.png) no-repeat top right; padding-right:100px; white-space:nowrap;}
.culture-circle .circle-content-item:nth-child(2) {left:85%; top:5%; width:60%;}
.culture-circle .circle-content-item:nth-child(2) .span-icon {left:0;}
.culture-circle .circle-content-item:nth-child(2) .content-title{ padding-left:100px;}
.culture-circle .circle-content-item:nth-child(2) .content-info{ padding-top:20px; background:url(../images/culture03.png) no-repeat top left; padding-left:100px;}
.culture-circle .circle-content-item:nth-child(3) {left:50%; top:91%; padding-right:0; width:1000px; transform: translateX(-50%);}
.culture-circle .circle-content-item:nth-child(3) .content-title{ padding-top:60px; padding-bottom:20px; text-align:center; border-bottom:1px solid #f9b441;}
.culture-circle .circle-content-item:nth-child(3) .content-info{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.culture-circle .circle-content-item:nth-child(3) .content-info>div{ width:45%; margin-bottom:20px;}
.culture-circle .circle-content-item:nth-child(3) .p1{ text-align:center;}
.culture-circle .circle-content-item:nth-child(3) .span-icon {left:50%; transform: translateX(-50%);}
.sector {
    width: 500px; 
	height: 500px; 
    position: absolute; 
    clip: rect(0 500px 500px 250px); 
    overflow: hidden; 
	z-index:1; 
	cursor:pointer; 
}
.sector::after {
    content: ''; 
    width: 100%; 
	height: 100%; 
    background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/yjbg.png) no-repeat top right; 
    position: absolute; 
	left:0; 
    clip: rect(0 250px 500px 0); 
    transform: rotate(120deg); 
    border-radius: 50%; 
	transition:2s; 
}
.sector2{ transform: rotate(120deg);}
.sector2::after {
    background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/jzgbg.png) no-repeat top right; 
}
.sector3{ transform: rotate(240deg);}
.sector3::after {
    background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/smbg.png) no-repeat top right; 
}
.sector div{ position:absolute; color:#fff; text-align:center; top:133px; right:60px; z-index:3;}
.sector2 div{ transform: rotate(240deg);}
.sector3 div{ transform: rotate(120deg);}
.sector div p{ font-size:20px; font-weight:bold;}
.sector div span{ font-size:16px; font-style:italic;}
.culture-content-main .txt{ position:absolute; left:700px; top:-30px; width:550px;}
.culture-content-main .txt2{ position:absolute; left:700px; top:220px; width:550px;}
.culture-content-main .txt3{ position:absolute; left:700px; top:470px; width:550px;}
.culture-content-main .txt .p1{ font-size: 28px; font-weight: bold; color: #80511d; white-space: nowrap; margin-bottom: 20px; padding-left:100px;}
.culture-content-main .txt .p2{ font-size: 20px; color: #101a36; font-weight: bold; margin:0 0 20px 0;}
.culture-content-main .txt .p3{ font-size:15px; line-height:1.8; color:#3d3d3d; font-weight: 300;}
.culture-content-main .txt div{ padding-top:20px; background:url(../images/culture03.png) no-repeat top left; padding-left:100px;}

.history2{ background:url(../images/historybg.jpg) no-repeat; background-position:center 250px; padding:100px 0;}
.history2 .historyp1{ font-size: 40px; font-weight: 100; text-align:center; margin-bottom:20px; color: #101a36; text-transform: uppercase; font-family: Montserrat-ExtraLight;}
.history2 .historyp2{ font-size:30px; font-weight:bold; text-align:center; color: #80511d; margin-bottom:50px;}
.historyul li{ font-size:16px; margin-bottom:20px; transition:0.2s; color:#333;}
.historyul li span{ font-size:30px; font-weight:bold; display:inline-block; margin-left:20px; margin-right:20px; color:#101a36; position:relative;}
/*.historyul li span:after{ content:""; position:absolute; width:20px; height:20px; background:#80511d; border-radius:50%; right:120%; top:7px;}
.historyul li span:before{ content:""; position:absolute; width:20px; height:20px; border:5px solid rgba(16,26,54,0.2); border-radius:50%; box-sizing:content-box; right:calc(120% - 5px); top:2px;}*/
.historyul li:nth-child(-n + 7){ text-align:right;}
/*.historyul li:nth-child(-n + 7) span:after{ right:auto; left:120%;}
.historyul li:nth-child(-n + 7):before{ right:auto; left:calc(120% - 5px);}*/
.historyul li:hover{ margin-left:20px; margin-right:0;}
.historyul li:nth-child(-n + 7):hover{ margin-right:20px;}
.historyul li:nth-child(1){ padding-right:100px;}
.historyul li:nth-child(2){ padding-right:200px;}
.historyul li:nth-child(3){ padding-right:300px;}
.historyul li:nth-child(4){ padding-right:400px;}
.historyul li:nth-child(5){ padding-right:500px;}
.historyul li:nth-child(6){ padding-right:600px;}
.historyul li:nth-child(7){ padding-right:700px;}
.historyul li:nth-child(8){ padding-left:500px;}
.historyul li:nth-child(9){ padding-left:400px;}
.historyul li:nth-child(10){ padding-left:300px;}
.historyul li:nth-child(11){ padding-left:200px;}
.historyul li:nth-child(12){ padding-left:100px;}
.historyul li:nth-child(13){ padding-left:0;}


.joinuslist ul li .tit .dr br{ display:none;}
.a_m{ float: right; display: none; margin-top:13px;}

@media (max-width: 1120px) {
.top a,.top p span{ display:none;}
.top p span.sp1{ display:inline-block;}
.top_nav{ padding:20px 0 !important;}
.top_nav .logo{ display:block;}
.top_nav .top_navu{ float:none; display: flex; flex-wrap: wrap; display:none;}
.top_nav .top_navu>li{ float:none; width: calc(100% / 3); margin-right: 0; text-align: center;}
.top_nav .top_navu>li>a{ font-size:16px; line-height:40px;}
.a_m{ display:block;}
.paginationw{ bottom:15px !important;}
.ind_ab{ padding:50px 0; flex-wrap:wrap;}
.ind_ab .ia_l{ width:100%; padding:20px;}
.pt{ font-size:30px;}
.ind_ab .ia_l .p1{ margin:20px 0; font-size:14px;}
.ind_ab .ia_r{ width:100%;}
.ind_ab .ia_r ul li .p1 span{ font-size:24px;}
.ind_br .ibm{ margin-top:20px; flex-wrap:wrap;}
.ind_br .ibm .ibm_l{ width:100%;}
.ind_br .ibm .ibm_r{ width:100%;}
.ind_br .ibm .ibm_r .item:nth-child(-n+2){ padding:20px;}
.ind_br .ibm .ibm_r .item p{ font-size:14px;}
.ind_br .ibm .ibm_r .item:nth-child(n+3){ margin-top:20px;}
.ind_br .ibm .ibm_r .item:nth-child(n+3) img{ width:60%;}
.ind_news .inm{ margin-top:20px; flex-wrap:wrap; padding-bottom:50px;}
.ind_news .inm .inm_l{ width:100%; display:block;}
.ind_news .inm .inm_l ul{ display:flex; justify-content: space-between;}
.ind_news .inm .inm_l ul li{ margin:30px 0; width:48%;}
.ind_news .inm .inm_l ul li a{ line-height:40px; font-size:14px;}
.ind_news .inm .inm_r{ width:100%;}
.ind_news .inm .inm_np{ margin-top:50px;}
.bottom{ display:none;}
.foot .fr{ float:left;}
.banner_n{ height:250px; background-attachment: inherit !important;}
.banner_n .ppb{ font-size:70px; display:none;}
.banner_n .ppbs2{ font-size:32px;}
.banner_n p.p1{ font-size:40px;}
.banner_n ul li{ font-size:14px;}
.banner_con .m{ display:none;}
.banner_con iframe{ height:100%;}
.about{ padding:50px 0;}
.ab1{ flex-wrap:wrap;}
.ab1l{ width:100%;}
.abr{ width:100%; padding:20px;}
.abr .p2{ font-size:14px;}
.about2{ padding:50px 0;}
.about2 ul{ flex-wrap:wrap;}
.about2 ul li{ width:48%; padding:15px 0; margin-bottom:15px;}
.about2 ul li .p1{ font-size:16px;}
.about2 ul li .p1 span{ font-size:20px;}
.about2 ul li .p2{ font-size:14px;}
.about{ padding:50px 0;}
.ab1l2{ padding:30px 0;}
.ab1l2 p{ font-size:14px;}
.ab1l2 p span{ font-size:40px;}
.history2{ padding:50px 0;}
.history2 .historyp1{ font-size:24px;}
.history2 .historyp2{ font-size:24px; margin-bottom:20px;}
.historyul li:nth-child(-n + 7){ text-align:left;}
.historyul li{ padding-right:0 !important; padding-left: 0 !important; font-size:14px;}
.historyul li span{ font-size:24px; margin-left:0; display:block;}
.culture5{ padding:50px 20px;}
.culture-content{ display:none;}
.culture-circle{ margin:0; height:auto; width:100%;}
.culture-circle:before{ display:none;}
.culture-content-items{ width:100%;}
.culture-circle .circle-content-item{ position:relative;}
.culture-circle .circle-content-item:nth-child(1){ top:auto; right:auto; width:100%;}
.culture-circle .circle-content-item:nth-child(2){ top:auto; left:auto; width:100%;}
.culture-circle .circle-content-item:nth-child(1) .content-title{ padding-right:0;}
.culture-circle .circle-content-item:nth-child(2) .content-title{ padding-left:0;}
.culture-circle .circle-content-item:nth-child(3){ width:100%; left:auto; top:auto; padding-right:0; transform:none;}
.culture-circle .circle-content-item:nth-child(1) .content-info{ padding-right:0; white-space:inherit; background:none;}
.culture-circle .circle-content-item:nth-child(2) .content-info{ padding-left:0; background:none;}
.circle-content-item .content-title{ font-size:24px; margin-bottom:0;}
.circle-content-item .content-info .p1{ font-size:16px; margin-bottom:10px;}
.culture-circle .circle-content-item:nth-child(3) .content-title{ padding-top:30px; border-bottom:none; text-align:left;}
.culture-circle .circle-content-item:nth-child(3) .content-info>div{ width:100%;}
.culture-circle .circle-content-item:nth-child(3) .p1{ text-align:left;}
.n{ padding:50px 0;}
.honor_ul li{ width:40%; margin:0 2%; font-size:14px;}
.honor_ul li a{ line-height:3;}
.honor .imgbox a{ width:49%;}
.honor .imgbox a:nth-child(3n){ margin-right:2%;}
.honor .imgbox a:nth-child(2n){ margin-right:0;}
.responsibility li{ padding:10px;}
.responsibility1{ flex-wrap:wrap;}
.responsibility1 img{ width:100%;}
.responsibility1 .responsibility1l{ width:70%; padding:20px 0;}
.responsibility1 .responsibility1l .p1{ font-size:16px;}
.responsibility .responsibilityt{ width:30%;}
.responsibility .responsibilityt .p1{ font-size:40px; text-align:center;}
.responsibility .responsibilityt .p2{ position:relative; bottom:0;}
.responsibilityitem .m2{ padding:20px 10px;}
.npt{ font-size:18px;}
.social .imgbox a img{ height:120px;}
.newslist ul li{ width:49%;}
.newslist ul li:nth-child(3n){ margin-right:2%;}
.newslist ul li:nth-child(2n){ margin-right:0;}
.newslist ul .inm_i img{ height:130px;}
.newslist ul .p1{ font-size:14px; margin:15px 0;}
.newslist ul .p2{ font-size:12px;}
.brandm{ flex-wrap:wrap;}
.brandm .ib_i{ width:100%; margin-bottom:20px;}
.joinuslist ul li{ padding:20px; margin-bottom:20px;}
.joinuslist ul li .tit{ flex-wrap:wrap;}
.joinuslist ul li .tit .pl{ width:100%; margin-bottom:10px;}
.joinuslist ul li .tit .dr{ width:100%;}
.joinuslist ul li .tit .dr .fas{ margin-left:0;}
.joinuslist ul li .tit .dr br{ display:block;}
.contact{ flex-wrap:wrap;}
.contact .contact_l{ width:100%; padding: 5% 0;}
.contact .contact_l>div{ width:90%;}
.contact .contact_l .item{ padding:20px 10px;}
.contact .contact_r{ width:100%; padding:5%;}
.contact .contact_r .p1{ font-size:22px;}
}