.layout{max-width:1440px; margin:0 auto;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix{zoom:1;}
.clearfix:after{content:"";clear:both;height:0;visibility:hidden;display:block;}
@font-face {
    font-family:'AMGDT';
    src: url('../fonts/ostrich-regular-webfont.eot');
    src: url('../fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('../fonts/hyziti.woff') format('woff'),*/
        url('../fonts/hyylti.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{height:66px; position:fixed; _position:absolute; left:0; top:0; z-index:3000;}
.header.header-hover{-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header .layout{max-width:1119px;}
.header .logo{float:left; padding:12px 16px; background-color:#ff9900;}
.header .logo a{display:block; width:117px; height:36px; font-size:0; background-image:url(../images/logo.png); background-position:center center; background-size:contain; background-repeat:no-repeat;}
.nav{float:right; position:relative; z-index:1;}
.nav ul li{float:left; position:relative; text-align:center; height:66px; margin-right:40px;}
.nav ul li>a{font-size:16px; color:#545454; display:block; line-height:66px;}
.nav ul li:hover>a,.nav ul li.on>a{color:#ff9900;}
.nav ul li .nav-body{width:160px; position:absolute; left:50%; top:66px; z-index:20; margin-left:-80px; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07); display:none; text-align:center;}
.nav ul li .nav-body a{color:#666; font-size:14px; display:block; padding:10px 5px; border-bottom:1px solid #ebebeb; background-color:#fff; word-wrap:break-word;}
.nav ul li .nav-body a:hover{color:#ff9900; background-color:#f6f6f6;}
.nav > i{display:block; position:absolute; bottom:0; left:0; z-index:1; width:auto; height:1px; background-color:#ff9900; -webkit-transition: all .5s; transition: all .5s;}
.btn-m-list{width:55px; height:66px; background-color:#fff; cursor:pointer; float:left; position:relative; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); overflow:hidden;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:36px; height:3px; background:url(../images/burger.png) no-repeat; display:block; position:absolute; z-index:5; top:30px; left:50%; margin:0px 0px 0px -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:20px;}
.btn-m-list .burger-3{top:41px;}
.btn-m-list.on .burger-1{top:31px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); background:#ff9900;}
.btn-m-list.on .burger-2{top:31px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; background:#ff9900;}
.btn-m-list.on .burger-3{top:31px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); background:#ff9900;}
.btn-m-list .btns1{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:50; font-size:0;}
.btn-m-list .btns2{display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:50; font-size:0;}
.ny-header{width:100%; background-color:#fff;}
.ny-header .logo{background-color:#fff;}
.ny-header .btn-m-list{display:none;}
.ny-header .logo a{background-image:url(../images/logo_h.png);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:1000;}
.mob-nav{width:204px; /*height:100%;*/ position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; z-index:2000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease; background-color:rgba(255,153,0,0.96); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#96ff9900, endColorstr=#96ff9900);}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab{margin-top:150px; padding-bottom:70px;}
.mob-nav .subtab>li{position:relative; transform: translateX(10rem); transition: 0.5s; margin-top:30px;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:0px 10px; font-size:16px; color:#fff; text-align:center;}
.mob-nav .subtab li:hover .tlink,.mob-nav .subtab li.on .tlink{color:#333;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none; padding:20px 0px 0px 0px; border-bottom:1px solid #333;}
.mob-nav .subtab li .submenu a{display:block; padding:10px 10px; font-size:14px; color:#333; border-top:1px solid #333; text-align:center;}

/*banner*/
.banner{width:100%; height:100vh; height:920px\0; background-color:#000; position:relative; z-index:1;}
.banner .bannerbox{width:50%; height:100%; position:absolute; top:0; z-index:5; background-size:cover; background-repeat:no-repeat; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.banner .bannerbox:hover{width:100%; z-index:10;}
.banner .bannerleft{left:0; background-image:url(../images/banner1.jpg); background-position:left top;}
.banner .bannerright{right:0; background-image:url(../images/banner2.jpg); background-position:right top;}
.banner .btns{width:100%; text-align:center; position:absolute; left:0; right:0; bottom:25px; z-index:1;}
.banner .btns span{display:block; width:120px; height:45px; line-height:45px; border:2px solid #fff; margin:0 auto; font-size:26px; font-weight:bold; color:#fff;}
.banner .btns p{font-size:14.5px; color:#fff;}
.banner .links{display:block; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; opacity:0; -webkit-transition: all 0.8s ease-in; transition: all 0.8s ease-in; background-size:cover;}
.banner .bannerright .links{/*background-attachment:fixed;*/ background-position:right top;}
/*.banner .bannerleft:hover .links{background-image:url(../images/banner1_num.png); background-position:left bottom; opacity:1;}
.banner .bannerright:hover .links{background-image:url(../images/banner2_num.png); opacity:1;}*/
.banner .BgBtns{width:10%; height:100%; position:absolute; top:0; z-index:20;}
.banner .BtnsLeft{left:0;}
.banner .BtnsRight{right:0;}
/*.banner .bannerleft.on .links{background-image:url(../images/banner1_num.png); background-position:left bottom; opacity:1;}
.banner .bannerright.on .links{background-image:url(../images/banner2_num.png); opacity:1;}
.banner .bannerleft.on,.banner .bannerright.on{width:100%; z-index:10;}*/
.banner .banTit{position:absolute; left:0; top:15%; right:0; text-align:center; font-size:50px; color:#fff; z-index:30;line-height:45px;letter-spacing: 10px;padding-left:9px}
.banner .banTit span{display:block; font-size:29px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;}

/*index*/
.contain{width:100%; padding-top:66px;}
.section01{width:100%; background-color:#fff; padding:90px 0px 139px 0px;}
.indextitle .tn{float:left; font-size:16px; color:#b0b0b0;}
.indextitle .t2{font-size:26px; color:#ff9900;}
.indextitle .t1{font-size:16px; color:#595959; /*font-family:times;*/ font-family:Arial, Helvetica, sans-serif;}
.indextitle .more{width:120px; height:33px; line-height:33px; text-align:center; border:1px solid #e5e5e5; float:right; font-size:14px; color:#ff9900;}
.indextitle .more em{font-family:Simsun; margin-left:5px;}
.indextitle .more:hover{background-color:#ff9900; border-color:#ff9900; color:#fff;}
.indexnews{width:100%; position:relative; margin-top:30px;}
.indexnews .box{max-width:460px;}
.indexnews .swiper-container{max-height:425px;}
.indexnews .swiper-button-prev,.indexnews .swiper-button-next,.indexnews .indexmore{width:44px; height:44px; background-size:auto; background-repeat:no-repeat; overflow:hidden; border:1px solid #dedede; border-radius:50%;}
.indexnews .swiper-button-prev{background-image:url(../images/arrowbtn1.png); left:-70px;}
.indexnews .swiper-button-prev:hover{background-image:url(../images/arrowbtn1_h.png);}
.indexnews .swiper-button-next{background-image:url(../images/arrowbtn2.png); right:-70px;}
.indexnews .swiper-button-next:hover{background-image:url(../images/arrowbtn2_h.png);}
.indexnews .swiper-button-prev:hover,.indexnews .swiper-button-next:hover{background-color:#ff9900; border-color:#ff9900;}
.indexnews .box .pic{display:block; width:100%; padding-top:59%; position:relative; overflow:hidden;}
.indexnews .box .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.indexnews .box:hover .pic img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.indexnews .box .tmain{padding-top:35px;}
.indexnews .box .tit{font-size:16px; color:#333; height:56px; overflow:hidden; line-height:28px;}
.indexnews .box:hover .tit{color:#ff9900;}
.indexnews .box .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:5px;}

/*about*/
.nybanner{width:100%; height:280px; background-image:url(../images/banner3.jpg); background-position:center center; background-repeat:no-repeat;}
.menu_ul{text-align:center; padding-top:110px;}
.menu_ul li{display:inline-block; _display:inline; margin:0px 20px;}
.menu_ul li a{font-size:22px; color:#fff;}
.menu_ul li:hover a,.menu_ul li.on a{color:#ff9900;}
.menu_ul li .line{display:block; width:100%; height:3px; background-color:#fff; position:relative; margin-top:5px;}
.menu_ul li .line:before{content:""; display:block; width:50%; height:3px; background-color:#ff9900; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.menu_ul li:hover .line:before{width:100%;}
.nybanner .abouttitle{display:none;}
.aboutwarp{width:100%; background-color:#f7f7f7; padding:70px 0px 130px 0px;}
.historybox{width:100%; min-height:940px; padding-top:70px; padding-bottom:60px; background-color:#f7f7f7; background-image:url(../images/historybox.jpg); background-position:bottom center; background-repeat:no-repeat;}
.abouttitle{text-align:center; font-size:22px; color:#b0b0b0;}
.abouttitle .t1{font-size:26px; color:#ff9900;}
.abouttitle .t2{color:#595959; /*font-family:times;*/ font-family:Arial, Helvetica, sans-serif;}
.about-video{width:100%; height:auto; position:relative; overflow:hidden; cursor:pointer; margin-top:40px;  background-size:cover; background-repeat:no-repeat;}
.about-video img{width:100%; height:auto; display:block;}
.about-video .btns{position:absolute; left:50%; top:50%; z-index:5; width:64px; height:64px; margin:-32px 0px 0px -32px; text-align:center;}
.about-video .btns i{width:64px; height:64px; background:url(../images/video_btn.png) no-repeat; display:block; background-size:cover;}
.about-video .btns span{font-size:14px; color:#fff; border-bottom:1px solid #fff;}
.vmask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:4000;}
.indexvideo{width:700px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; z-index:5000; margin-left:-350px; margin-top:-197px; display:none;}
.indexvideo .vclose{display:block; width:38px; height:38px; position:absolute; right:0; top:-45px; font-size:0; cursor:pointer; background:url(../images/vclose.png) no-repeat;}
.indexvideo video{width:100%; height:100%; display:block;}
.abculture{width:100%; margin-top:60px;}
.abculture ul li{overflow:hidden;}
.abculture ul li .box{width:50%; height:360px; display:table; text-align:left; background-color:#fff; float:left;}
.abculture ul li .box .text{display:table-cell; vertical-align:middle; padding:10px;}
.abculture ul li h2{font-size:18px; color:#404040; max-width:600px; margin:0 auto;}
.abculture ul li .line{display:inline-block; width:30px; height:2px; background-color:#ff9900; margin:10px 50px;}
.abculture ul li p{font-size:14px; color:#737373; max-width:600px; margin:0 auto; word-wrap:break-word;}
.abculture ul li .pic{width:50%; height:360px; background-size:cover; background-repeat:no-repeat; float:left;}
.abculture ul li:nth-child(2n) .pic,.abculture ul li.on .pic{float:right;}
.historylist{width:100%; margin-top:170px;}
.historylist ul li{width:50%; float:left; text-align:right; position:relative; min-height:95px;}
.historylist ul li .box{margin-right:50px; float:right;}
.historylist ul li h2{font-size:16px; font-weight:bold; color:#676767; max-width:445px;}
.historylist ul li p{font-size:14px; color:#8c8c8c; max-width:445px;}
.historylist ul li .raw{display:block; width:27px; height:27px; background:url(../images/raw.png) no-repeat; position:absolute; right:0px; bottom:0;}
.historylist ul li.item1{width:52%;}
.historylist ul li.item1 .raw{bottom:-10px;}
.historylist ul li.item2{width:37%; float:right; text-align:left; margin-top:46px;}
.historylist ul li.item2 .box{margin-right:0; margin-left:50px; float:left;}
.historylist ul li.item2 .raw{right:auto; left:0px; top:16px; /*background:url(../images/raw_h.png) no-repeat;*/}
.historylist ul li.item3{width:39%; margin-top:40px;}
.historylist ul li.item3 .raw{/*background:url(../images/raw_h.png) no-repeat;*/}
.historylist ul li.item4{width:50.5%; float:right; text-align:left; margin-top:46px;}
.historylist ul li.item4 .box{margin-right:0; margin-left:50px; float:left;}
.historylist ul li.item4 .raw{right:auto; left:6px; top:11px;}
.historylist ul li.item5{width:36%; margin-top:120px;}
.historylist ul li.item5 .raw{bottom:15px;}
.historylist ul li.item6{width:47.5%; float:right; text-align:left; margin-top:70px;}
.historylist ul li.item6 .box{margin-right:0; margin-left:50px; float:left; word-wrap:break-word;}
.historylist ul li.item6 .raw{right:auto; left:-16px; top:6px; /*background:url(../images/raw_h.png) no-repeat;*/}
.historylist ul li.item7{width:48%; margin-top:80px;}
.historylist ul li.item7 .raw{bottom:47px; /*background:url(../images/raw_h.png) no-repeat;*/}
.historylist ul li.item8{width:47.5%; float:right; text-align:left; margin-top:70px;}
.historylist ul li.item8 .box{margin-right:0; margin-left:230px; float:left; word-wrap:break-word;}
.historylist ul li.item8 .raw{right:auto; left:160px; top:0; /*background:url(../images/raw_h.png) no-repeat;*/}
.historylist ul li:hover .raw{background:url(../images/raw_h.png) no-repeat;}
.historylist ul li:hover h2,.historylist ul li:hover p{color:#ff9900;}
.joinbgwarp{background-image:url(../images/joinbg.png); background-position:center bottom; background-repeat:no-repeat;}
.joinlist ul li{width:31%; float:left; margin-top:50px; margin-right:3.5%; margin-right:2.3%\0;}
.joinlist ul li:nth-child(3n),.joinlist ul li.mr0{margin-right:0;}
.joinlist ul li .box{background-color:#fff; padding:30px; border-radius:10px; min-height:240px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.joinlist ul li:hover .box{-webkit-box-shadow: 0px 5px 5px rgba(255,153,0,0.07); box-shadow: 0px 5px 5px rgba(255,153,0,0.07);}
.joinlist ul li .h2{font-size:22px; color:#333;}
.joinlist ul li:hover .h2,.joinlist ul li:hover .more{color:#ff9900; border-color:#ff9900;}
.joinlist ul li .tips{font-size:12px; color:#8c8c8c; margin-top:8px;}
.joinlist ul li .tips span{background:url(../images/join_tips.png) left center no-repeat; padding-left:17px; margin-right:20px;}
.joinlist ul li .pcont{font-size:14px; color:#999; margin-top:8px; height:42px; overflow:hidden; word-wrap:break-word;}
.joinlist ul li .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:50px;}
.joinwarp{width:800px; padding:50px 40px; border-radius:10px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); left:30%\0; top:10%\0; z-index:5000; display:none;}
.joinwarp .jclose{display:block; width:35px; height:35px; position:absolute; right:-50px; top:30px; font-size:0; cursor:pointer; background:url(../images/jclose.png) no-repeat;}
.joinwarp .tit{border-bottom:1px solid #e5e5e5; padding-bottom:5px;}
.joinwarp .tit .h2{float:left; font-size:24px; color:#333;}
.joinwarp .tit .tips{font-size:12px; color:#8c8c8c; margin-top:8px; float:right;}
.joinwarp .tit .tips span{background:url(../images/join_tips.png) left center no-repeat; padding-left:17px; margin-right:20px;}
.joinwarp .tmain{margin:30px 0px; font-size:14px; color:#737373; max-height:450px; overflow:auto; word-wrap:break-word;}
.joinwarp .joupbtns{border-top:1px solid #e5e5e5; padding-top:30px;}
.joinwarp .joupbtns .upbtn{display:inline-block; min-width:160px; height:45px; line-height:45px; margin-right:10px; text-align:center; color:#fff; background-color:#ff9900; position:relative; z-index:1; vertical-align:middle; border-radius:5px;}
.joinwarp .joupbtns .upbtn span{position:relative; z-index:1; display:block; padding:0px 10px;}
.joinwarp .joupbtns .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.joinwarp .joupbtns .upbtn:hover{background-color:#333;}

/*news*/
.newshotwrap{background-color:#fff; padding-left:280px; position:relative;}
.newshotwrap .newstitle{width:280px; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#ff9900;}
.newshotwrap .newstitle .tb{display:table; width:100%; height:100%;}
.newshotwrap .newstitle .td{display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
.newshotwrap .newstitle h2{font-size:26px; color:#fff;}
.newshotwrap .newstitle p{font-size:20px; color: rgba(255, 255, 255, 0.5); color:#fff\0;}
.newshotbar{padding:38px; position:relative; z-index:10;}
.newshotbar .swiper-container{max-height:324px;}
.newshotbar .swiper-button-prev,.newshotbar .swiper-button-next{width:40px; height:36px; background-color:#fff; top:auto; margin-top:0; bottom:0;}
.newshotbar .swiper-button-prev{background-image:url(../images/arrowbtn1.png); left:-40px;}
.newshotbar .swiper-button-next{background-image:url(../images/arrowbtn2_h.png); left:0px; right:auto; background-color:#ff9900;}
.newshotbar .pic{width:37.9%; float:right; overflow:hidden;}
.newshotbar .pic img{width:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.newshotbar .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newshotwrap .tmain{width:56%; float:left; word-wrap:break-word;}
.newshotwrap .time{display:block; font-size:18px; color:#999;}
.newshotwrap .tit{font-size:16px; color:#333; margin-top:5px;}
.newshotwrap .tmain:hover .tit,.newshotwrap .tmain:hover .more{color:#ff9900; border-color:#ff9900;}
.newshotwrap .pcont{font-size:14px; color:#999; overflow:hidden; margin-top:20px;}
.newshotwrap .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}
.newslist ul li{background-color:#fff; padding:35px; margin-top:30px;}
.newslist ul li .box{padding-left:320px; padding-right:230px; height:180px; position:relative;}
.newslist ul li .pic{width:270px; height:180px; position:absolute; left:0; top:0; overflow:hidden;}
.newslist ul li .pic img{width:100%; max-height:100%; display:block; -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newslist ul li .pic:hover img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
.newslist ul li .tmain h2{font-size:16px; color:#333; margin-top:10px;}
.newslist ul li .tmain:hover h2{color:#ff9900;}
.newslist ul li .tmain .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:25px; word-wrap:break-word;}
.newslist ul li .more{width:53px; height:34px; line-height:34px; text-align:center; border:1px solid #b2b2b2; display:block; font-family:Simsun; color:#808080; margin-top:20px;}
.newslist ul li:hover .more{color:#ff9900; border-color:#ff9900;}
.newslist ul li .day{width:189px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #efefef; text-align:center;}
.newslist ul li .day .dat{font-family:'AMGDT'; font-size:50px; color:#666; line-height:1; padding-top:55px;}
.newslist ul li .day .yer{font-size:14px; color:#999;}
.newswarp .newsright{float:left; width:72.4%;}
.newswarp .newsleft{float:right; width:25.5%;}
.newsdetail{background-color:#fff; padding:45px;}
.newsdetail h1{font-size:28px; color:#333; font-weight:bold; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:14px; color:#8c8c8c; margin-top:5px;}
.newsdetail .newstext{padding:30px 0px 0px 0px; word-wrap:break-word;}
.newsmore ul li{margin-bottom:20px;}
.newsmore ul li a{background-color:#fff; display:block; padding:30px 20px 20px 20px; word-wrap:break-word;}
.newsmore ul li span{font-size:18px; font-weight:bold; color:#333;}
.newsmore ul li h2{font-size:16px; color:#4c4c4c; margin:10px 0px; height:48px; overflow:hidden; word-wrap:break-word;}
.newsmore ul li:hover h2{color:#ff9900;}
.newsmore ul li p{font-size:14px; color:#808080;}
.newsshare{background-color:#fff; display:block; padding:30px 20px 20px 20px; margin-bottom:20px; word-wrap:break-word;}
.newsshare .h2{font-size:18px; font-weight:bold; color:#333;}
.newsshare .bdsharebuttonbox{width:100%; margin:10px 0px;}
.newsshare .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:30px; height:30px; background-position:center center; background-size:contain;}
.newsshare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsshare .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsshare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.newsshare .returnbtns{display:block; background-color:#ff9900; font-size:18px; color:#fff; height:42px; line-height:42px; text-align:center;}
.newsshare .returnbtns:hover{background-color:#333;}
.newsshare .wordlist li{margin-top:10px;}
.newsshare .wordlist li h2{font-size:14px; color:#333; margin-bottom:5px;}
.newsshare .wordlist li .btns{font-size:14px; color:#ff9900; display:inline-block; padding-right:24px; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.newsshare .wordlist ul li:hover .btns{color:#ff9900; background:url(../images/downloadbtns_h.png) right center no-repeat;}
.page{text-align:center; margin-top:40px;}
.page a{display:inline-block; font-size:14px; color:#666; background-color:#fff; border:1px solid #e5e5e5; padding:5px 13px;}
.page a:hover{background-color:#ff9900; border-color:#ff9900; color:#fff;}
.page a.on{background-color:#ff9900; border-color:#ff9900; color:#fff;}

/*contact*/
.continfo{margin-top:45px; padding-bottom:10px;}
.continfo .contleft{float:left; width:32.7%; background-color:#fff;}
.continfo .contleft ul{margin:10px 50px;}
.continfo .contleft ul li{padding:25px 0px; border-bottom:1px solid #ebebeb;}
.continfo .contleft ul li:last-child{border-bottom:none;}
.continfo .contleft ul li .box{padding-left:40px; position:relative; word-break:break-all; word-wrap:break-word;}
.continfo .contleft ul li .img{position:absolute; left:0; top:0; max-width:28px;}
.continfo .contleft ul li h2{font-size:16px; color:#333;}
.continfo .contleft ul li p{font-size:14px; color:#999;}
.continfo .contright{float:right; width:66.1%; margin-top:15px;}
.continfo .contright .map img{width:100%; display:block;}
.contform ul li{width:100%; margin-top:30px; float:left;}
.contform ul li.t1,.contform ul li.t2,.contform ul li.t3{width:32%; margin-right:2%;}
.contform ul li.t3{margin-right:0;}
.contform ul li .context,.contform ul li .conteat{width:100%; height:46px; line-height:46px; border:1px solid #fff; padding:0px 10px; font-size:14px; color:#333; box-sizing:border-box; -webkit-tbox-sizing:border-box;}
.contform ul li .context:focus,.contform ul li .conteat:focus{border-color:#ff9900;}
.contform ul li .conteat{height:140px; padding:10px;}
.contform ul li .submit{width:140px; height:46px; background-color:#696969; font-size:14px; color:#fff; border:none; cursor:pointer; margin:0px 10px;}
.contform ul li .submit:hover,.contform ul li .submit.on{background-color:#ff9900;}

/*myTop*/
.myTop{position:fixed; _position:absolute; right:0px; top:50%; margin-top:-99px; z-index:500;}
.myTop ul li{width:50px; margin-top:1px; background-color:#242424; cursor:pointer; position:relative;}
.myTop ul li .icon{display:block; width:50px; height:50px; margin:0 auto; background-repeat:no-repeat; background-position:center center;}
.myTop ul li.myPhone .icon{background:url(../images/myPhone.png) no-repeat;}
.myTop ul li.myQQ .icon{background:url(../images/myQQ.png) no-repeat;}
.myTop ul li.myMess .icon{background:url(../images/myMess.png) no-repeat;}
.myTop ul li.myShare .icon{background:url(../images/myShare.png) no-repeat;}
.myTop ul li.myShare .bdsharebuttonbox a{display:block; width:50px; height:50px; padding:0px; margin:0px; font-size:0; background-repeat:no-repeat; background-position:center center;background:url(../images/myShare.png) no-repeat;}
.bdshare_popup_box{display:none !important;}
.myTop ul li.GoTop .icon{background:url(../images/GoTop.png) no-repeat;}
.myTop ul li .Wtewm{position:absolute; right:50px; bottom:0px; z-index:100; display:none; width:120px; height:112px; padding:1px;}
.myTop ul li:hover .Wtewm{display:block;}
.myTop ul li .call{width:185px; line-height:18px; padding:16px 15px; font-size:16px; text-align:left; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq{width:154px; line-height:18px; padding:16px 0px; font-size:16px; text-align:center; background-color:#ff9900; color:#fff; position:absolute; right:50px; top:0px; z-index:100; display:none;}
.myTop ul li .qq a{color:#fff;}
.myTop ul li:hover .call,.myTop ul li:hover .qq{display:block;}
.myTop ul li:hover{background-color:#ff9900;}

/*footer*/
.footer{width:100%; background-color:#262421; padding-top:70px; padding-bottom:60px;}
.footer .footleft{width:45%; float:left; word-break:break-all; word-wrap:break-word;}
.footer .ftnav a{font-size:15px; color:#dedede; margin-right:14px; padding-right:14px; position:relative;}
.footer .ftnav a:after{content:""; display:block; position:absolute; right:0; top:5px; width:1px; height:7px; background-color:#757473;}
.footer .ftnav a:hover{color:#ff9900;}
.footer .copy{font-size:12px; color:#999; line-height:20px; max-width:440px; padding-top:20px; word-break:break-all; word-wrap:break-word;}
.footer .bdsharebuttonbox{margin-top:25px;}
.footer .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:27px; height:27px; background-image:url(../images/share.png); background-position:center center; background-repeat:no-repeat;}
.footer .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.footer .footcont{width:29%; float:left; margin-left:2%; word-break:break-all; word-wrap:break-word;}
.footer .footcont .sn{font-size:15px; color:#dedede;}
.footer .footcont h2{font-size:22px; font-weight:bold; color:#ff9900; line-height:1.3; margin-top:20px;}
.footer .footcont p{font-size:12px; color:#999; margin-top:5px;}
.footer .footewm{width:6%; float:right; text-align:center; margin-left:1%; word-break:break-all; word-wrap:break-word;}
.footer .footewm p{font-size:12px; color:#999; margin-top:3px;}
.fukuang{height:100%;}
.fukuang img{height:30%;position: fixed;_position: absolute;right: 0px;bottom: 0px;z-index: 500;}


/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
	
	.abculture ul li .line{margin:10px 0px;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top:55px;}
	.header{width:100%; height:55px; background-color:#fff;}
    .header .logo{position:absolute; left:0; top:0; padding:12px 23px 11px 23px;}
    .header .logo a{width:103px; height:32px;}
	.mob-nav{width:60%;}
    .nav{display:none;}
	.btn-m-list{width:65px; height:55px; background:none;}
	.btn-m-list .btns1{display:none;}
	.btn-m-list .btns2{display:block;}
	.btn-m-list .burger{top:16px;}
	.btn-m-list .burger-2{top:27px;}
	.btn-m-list .burger-3{top:38px;}
	.btn-m-list.on .burger-1,.btn-m-list.on .burger-2,.btn-m-list.on .burger-3{top:27px;}
	.btn-m-list,.ny-header .btn-m-list{display:block; position:absolute; right:0; top:0; z-index:10;}
	.footer .footleft{width:40%;}
	.footer .ftnav a{font-size:12px; margin-right:10px; padding-right:13px;}
	.footer .footcont{width:31%; margin-left:3%;}
	.footer .footcont h2{font-size:14px;line-height:1.5;}
	.footer .footewm{width:12%; margin-left:1%;}
	.section01,.aboutwarp{padding:60px 0px 50px 0px;}
	.indexnews .swiper-button-prev{left:0;}
	.indexnews .swiper-button-next{right:0;}
	
	.menu_ul{padding-top:140px;}
	.menu_ul li{margin:0px 10px;}
	.menu_ul li a{font-size:14px;}
	.historybox{background-position:-470px center;}
	.historybox .layout{width:auto;}
	.historylist ul li.item1{width:50%;}
	.historylist ul li.item2{width:41%;}
	.historylist ul li.item2 .raw{top:57px;}
	.historylist ul li.item3{/*width:35%;*/}
	.historylist ul li.item3 .raw{bottom:auto; top:8px;}
	.historylist ul li.item4{width:52.5%;}
	.historylist ul li.item5{width:28%;}
	.historylist ul li.item6{width:52.5%;}
	.historylist ul li.item7{width:40%; margin-top:40px;}
	.historylist ul li.item8{width:54.5%;}
	.historylist ul li h2{font-size:14px;}
	.historylist ul li p{font-size:12px;}
	
	.continfo .contleft{width:44.7%;}
	.continfo .contleft ul{margin:5px 20px;}
	.continfo .contleft ul li{padding:15px 0px;}
	.continfo .contright{width:53%;}
	.joinlist ul li .box{padding:20px;}
	.joinwarp{width:70%; padding:40px 20px;}
	.abculture ul li .line{margin:10px 0px;}
	
	.newshotwrap{padding-left:200px;}
	.newshotwrap .newstitle{width:200px;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:18px;}
	.newshotbar{padding:30px 30px 40px 30px;}
	.newslist ul li{padding:30px;}
	.newslist ul li .box{height:140px; padding-left:225px; padding-right:105px;}
	.newslist ul li .pic{width:210px; height:140px;}
	.newslist ul li .tmain .pcont{margin-top:5px;}
	.newslist ul li .day{width:99px;}
	.newslist ul li .day .dat{font-size:46px; padding-top:40px;}
	.newsdetail{padding:30px;}
	.newsdetail h1{font-size:20px;}
	.contactbox .continfo{padding-top:4%;}
	.banner .BgBtns{display:none;}
}
@media screen and (max-width:768px){
	.historybox {background-position:-616px center;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%; } 
	
    .contain{padding-top:55px;}
	.header{width:100%; height:55px; background-color:#fff;}
    .header .logo{position:absolute; left:0; top:0; padding:12px 23px 11px 23px;}
    .header .logo a{width:103px; height:32px;}
	.mob-nav{width:60%;}
	.mob-nav .subtab{margin-top:95px;}
    .nav{display:none;}
	.btn-m-list .btns1{display:none;}
	.btn-m-list .btns2{display:block;}
	.btn-m-list{width:65px; height:55px; background:none;}
	.btn-m-list .burger{top:16px;}
	.btn-m-list .burger-2{top:27px;}
	.btn-m-list .burger-3{top:38px;}
	.btn-m-list.on .burger-1,.btn-m-list.on .burger-2,.btn-m-list.on .burger-3{top:27px;}
	.btn-m-list,.ny-header .btn-m-list{display:block; position:absolute; right:0; top:0; z-index:10;}
	.mob-nav .subtab>li{margin-top:20px;}
	.footer{padding:30px 0px;}
	.footer .footleft{float:none; width:100%;}
	.footer .ftnav{display:none;}
	.footer .footcont{float:none; width:100%; margin-left:0; margin-top:20px;}
	.footer .footcont h2{font-size:18px;}
	.footer .footewm{float:none; width:auto; margin:0px 10px 0px 0px; padding-top:20px; display:inline-block;}
	.footer .footewm img{max-width:65px; margin:0 auto;}
	.banner .btns span{font-size:16px; width:110px; height:35px; line-height:35px;}
	.banner .btns p{font-size:12px;}
	.section01{padding:30px 0px 60px 0px;}
	.indextitle .t2{font-size:20px;}
	.indextitle .tn,.indextitle .t1{font-size:14px; line-height:28px;}
	.indextitle .more{width:90px; font-size:12px; margin-top:0; height:26px; line-height:26px;}
	.indexnews{margin-top:20px;}
	.indexnews .swiper-button-prev{left:0;}
	.indexnews .swiper-button-next{right:0;}
	.indexnews .box .tmain{padding-top:20px;}
	.indexnews .box .tit{font-size:14px; line-height:20px; height:40px;}
	.indexnews .box .pcont{margin-top:10px; font-size:12px; height:52px;}
	
	.menu_ul{padding-top:135px; display:none;}
	.menu_ul li{margin:0px 5px;}
	.menu_ul li a{font-size:12px;}
	.menu_ul li .line,.menu_ul li .line:before{height:1px;}
	.nybanner .abouttitle{display:block; padding-top:130px; color:#fff;}
	.nybanner .abouttitle .t2{color:#fff;}
	.abouttitle{font-size:14px;}
	.abouttitle .t1{font-size:20px;}
	.aboutwarp{padding:30px 0px 60px 0px;}
	.abculture{margin-top:20px;}
	.historybox{padding-top:30px; min-height:inherit; background-position:left bottom;}
	.historylist{margin-top:20px;}
	.historylist ul li,.historylist ul li.item1,.historylist ul li.item2,.historylist ul li.item3,.historylist ul li.item4,.historylist ul li.item5,.historylist ul li.item6,.historylist ul li.item7,.historylist ul li.item8{width:100%; text-align:left; margin-top:20px;}
	.historylist ul li .box,.historylist ul li.item8 .box{margin-right:0; margin-left:50px; float:none;}
	.historylist ul li .raw,.historylist ul li.item8 .raw{right:auto; left:0; bottom:auto; top:7px;}
	.continfo{margin-top:20px;}
	.continfo .contleft,.continfo .contright{width:100%;}
	.continfo .contleft ul{margin:5px 20px;}
	.continfo .contleft ul li{padding:15px 0px;}
	.contform ul li,.contform ul li.t1,.contform ul li.t2,.contform ul li.t3{width:100%; margin-top:15px; margin-right:0;}
	.abculture ul li{margin-bottom:20px;}
	.abculture ul li .box{width:auto; height:auto; float:none;}
	.abculture ul li .pic{width:100%; float:none;}
	.abculture ul li .box .text{padding:20px;}
	.abculture ul li .line{margin:10px 0px;}
	.abculture ul li h2{font-size:14px;}
	.abculture ul li p{font-size:12px;}
	.about-video{background-position:center center;}
	.indexvideo{width:98%; margin:0px; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
	.joinlist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.joinlist ul li:nth-child(3n),.joinlist ul li.mr0{margin-right:2%;}
	.joinlist ul li:nth-child(2n){margin-right:0;}
	.joinlist ul li .box{padding:20px 10px; min-height:200px;}
	.joinlist ul li .h2{font-size:14px;}
	.joinlist ul li .pcont{height:54px; font-size:12px;}
	.joinlist ul li .more{margin-top:20px;}
	.joinwarp{width:80%; padding:30px 20px;}
	.joinwarp .tmain{max-height:180px; margin:20px 0px;}
	.joinwarp .tit .h2,.joinwarp .tit .tips{float:none; text-align:left;}
	.joinwarp .jclose{right:0; top:-45px;}
	.joinwarp .joupbtns{padding-top:20px;}
	
	.newshotwrap{padding-left:0;}
	.newshotwrap .newstitle{width:100%; height:auto; padding:0px; position:static; left:auto; top:auto;}
	.newshotwrap .newstitle h2,.newshotwrap .newstitle p{font-size:14px;}
	.newshotbar{padding:20px;}
	.newshotbar .pic{width:100%; float:none;}
	.newshotwrap .tmain{width:100%; float:none; padding-top:20px; padding-bottom:25px;}
	.newshotwrap .time,.newshotwrap .pcont{font-size:12px;}
	.newshotwrap .pcont,.newshotwrap .more{margin-top:5px;}
	.newshotwrap .tit{font-size:16px;}
	.newshotbar .swiper-button-prev{left:0;}
	.newshotbar .swiper-button-next{left:40px;}
	.newslist ul li{margin-top:20px; padding:10px;}
	.newslist ul li .box{height:auto; padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{width:100%; height:auto; position:static; left:auto; top:auto;}
	.newslist ul li .pic img{position:relative;}
	.newslist ul li .tmain .icon{margin-top:20px;}
	.newslist ul li .day{width:100%; position:static; right:auto; top:auto; border-left:none; border-top:1px solid #efefef; padding-top:10px; margin-top:20px;}
	.newslist ul li .day .dat,.newslist ul li .day .yer{padding-top:0px; display:inline-block;}
	.newslist ul li .day .dat{font-size:20px;}
	.newswarp .newsleft,.newswarp .newsright{width:100%; float:none;}
	.newsdetail{padding:20px;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.newsmore ul li{width:49%; float:left; margin-right:2%; margin-top:20px;}
	.newsmore ul li:nth-child(2){margin-right:0;}
	.newsmore ul li a,.newsshare{padding:20px;}
	.banner .BgBtns{display:none;}
	.banner{height:auto; margin-top:55px;}
	.banner .bannerbox{width:100%; height:300px; position:relative; left:auto; right:auto; top:auto;}
	.banner .banTit{top:40px; font-size:18px; line-height:25px; letter-spacing:0px;}
	.banner .banTit>span{font-size:16px;}
}


/*****news 2023*****/
body{--style-color: #ff9900;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nlayout{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.header{height: 60px;}
.contain{padding-top: 60px;}
.btn-m-list{height: 60px;}
.mob-nav{width: 240px;}
@media(min-width:768px){
  .nlayout{width: 750px; max-width: 750px;}
}
@media(min-width:992px){
  .nlayout{width: 970px; max-width: 970px;}
}
@media(min-width:1200px){
  .nlayout{width: 1140px; max-width: 1140px;}
  .header{height: 66px;}
  .contain{padding-top: 66px;}
}
@media(min-width:1440px){
  .nlayout,.wide-14,.wide-16{width: 1200px; max-width: 1200px;}
}
@media(min-width:1640px){
  .wide-16{width: 1550px; max-width: 1550px;}
}
.nlogo{
  float: left;
  margin-top: 10px;
}
.nlogo a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlogo img{
  max-width: 117px;
  max-height: 100%;
}
.nlogo .slogan{
  margin-left: 10px;
  padding-left: 12px;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  position: relative;
}
.nlogo .slogan::after{
  content: '';
  width: 2px;
  height: 100%;
  background-color: #595757;
  position: absolute;
  top: 0;
  left: 0;
}
.nlogo .slogan span:first-child{
  font-size: 15px;
}
@media(min-width:1200px){
  .nlogo{margin-top: 13px;}
  .nlogo img{max-width: 117px;}
}
@media(max-width:640px){
  .nlogo{margin-top: 15px;}
  .nlogo .slogan{display: none;}
}

.footer{
  background-color: var(--style-color);
  padding-top: 22px;
  padding-bottom: 22px;
  font-size: 14px;
  color: #fff;
}
.footer-row{
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.footer-row .foot-left,
.footer-row .foot-right{
  padding-left: 15px;
  padding-right: 15px;
}
.footer-row .foot-left{
  width: 100%;
  display: flex;
}
.footer-row .foot-right{
  flex-shrink: 0;
}
.foot-nav ul{
  display: flex;
  flex-wrap: wrap;
}
.foot-nav ul li{
  margin-right: 16px;
  font-size: 16px;
  color: #fff;
}
.foot-nav ul li a{
  color: #fff;
  transition-property: background-color,color;
  transition-duration: .3s;
}
.foot-nav ul li a:hover{
  opacity: .8;
}
.foot-copy{
  font-size: 16px;
  color: #fff;
}
.foot-copy a{
  color: #fff;
}
.foot-qr ul{
  width: 274px;
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.foot-qr ul li{
  width: 33.333%;
  padding-left: 10px;
  padding-right: 10px;
}
@media(min-width:1200px){
  .foot-nav ul li{font-size: 16px; margin-right: 10px;}
  .foot-copy{font-size: 14px;}
}
@media(min-width:1440px){
  .foot-nav ul li{font-size: 16px;}
}
@media(min-width:1640px){
  .foot-nav ul li{font-size: 18px; margin-right: 24px;}
  .foot-nav ul li:last-child{margin-right: 0;}
  .foot-copy{margin-left: 50px; font-size: 16px;}
}
@media(max-width:1199px){
  .footer-row .foot-left{display: block;}
}
@media(max-width:640px){
  .footer-row{display: block;}
  .footer-row .foot-right{margin-top: 15px;}
}

.honor-group{
  min-height: auto;
  background-position: center bottom;
  padding-bottom: 140px;
}
.honor-list{
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding-bottom: 60px;
}
.honor-list::after{
  content: '';
  width: 1px;
  height: 100%;
  background-color: #818181;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  display: none;
}
.honor-list>ul>li{
  margin-top: 20px;
}
.honor-list .item-group{
  position: relative;
}
.honor-list .date{
  width: 70px;
  height: 30px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--style-color);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 8px;
}
.honor-list .info-desc{
  background-color: #fff;
  font-size: 16px;
  color: #333;
  padding: 25px;
}
.honor-list .info-desc p{
  margin-top: 15px;
}
@media(min-width:768px){
  .honor-list{
    padding-top: 130px;
    margin-top: 50px;
  }
  .honor-list::after{
    display: block;
  }
  .honor-list>ul>li{
    margin-top: -80px;
  }
  .honor-list .date{
    position: absolute;
    top: 24px;
  }
  .honor-list .date::before{
    content: '';
    width: 47px;
    height: 1px;
    background-color: var(--style-color);
    position: absolute;
    top: 15px;
  }
  .honor-list .date::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--style-color);
    position: absolute;
    top: 10px;
  }
  .honor-list>ul>li:nth-child(odd){
    padding-right: 50%;
  }
  .honor-list>ul>li:nth-child(odd) .item-group{
    padding-right: 80px;
  }
  .honor-list>ul>li:nth-child(odd) .date{
    right: -36px;
  }
  .honor-list>ul>li:nth-child(odd) .date::before{
    left: -47px;
  }
  .honor-list>ul>li:nth-child(odd) .date::after{
    left: -53px;
  }
  .honor-list>ul>li:nth-child(even){
    padding-left: 50%;
  }
  .honor-list>ul>li:nth-child(even) .item-group{
    padding-left: 80px;
  }
  .honor-list>ul>li:nth-child(even) .date{
    left: -36px;
  }
  .honor-list>ul>li:nth-child(even) .date::before{
    right: -47px;
  }
  .honor-list>ul>li:nth-child(even) .date::after{
    right: -53px;
  }
}

.tecbanner{
  display: flex;
  align-items: center;
  justify-content: center;
}
.tecbanner .abouttitle{
  display: block;
  padding-top: 0;
}
.tecbanner .abouttitle,
.tecbanner .abouttitle .t2{
  color: var(--style-color);
}
.technology-group{
  background-position: center bottom;
  background-repeat: no-repeat;
}
.tec-desc{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: 2;
  color: #333;
}
.technology-group .abculture ul li .box{
  background-color: #fbfaf6;
}
@media(min-width:1200px){
  .technology-group{
    padding-bottom: 260px;
  }
}
/*****news 2023*****/