@font-face {
 font-family:fontDin1;
 src: url(../fonts/din-medium_woff.txt),url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; background-color: #fff;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #3bc3e6;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1400{width:1400px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.title{ text-align:center; font-size:40px; color:#333333;}
.title b i{ color:#3bc3e6;}
.title span{ display:block; font-size:18px; color:#888; margin:10px 0 20px 0;}
.title em i{ display:inline-block; width:6px; height:24px; background:#3bc3e6; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.title em i+i{ margin-left:11px;}
.title em i:nth-child(2){ height:32px; background:#cfe113;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.title em i:nth-child(3){ background:#3bc3e6;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}

@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}
.hovermaincolor a:hover{ color:#3bc3e6;}
/*抬头*/
.header{ height:102px; background:#3bc3e6; padding:0 20px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; } 
.hleft,.hright,.nav>ul,.hbtn{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hlogobg{ height:102px;}
.hlogo{ width:155px; height:148px; background:url(../images/20210927092319_1915518285.png) no-repeat center; position:relative; z-index:99; text-align:center; border-radius:0 0 70px 70px; padding-top:12px;} 
.hmean{ font-size:20px; color:#fff; font-weight:lighter; margin-left:20px;}
.hmean b{ display:block; font-size:24px; color:#ffff00; line-height:40px;}
.hmean b i{ display:inline-block; vertical-align:sub; font-size:40px; color:#ffff00; font-family:fontDin2;}
.hmean span{ padding:0 10px;}
.hmean span:first-child{ padding-left:0;}
.hmean span:last-child{ padding-right:0;}
.nav ul li{ position:relative; margin-right:54px;}
.nav ul li>a{ display:block; font-size:16px; color:#ffffff; line-height:102px; position:relative;}
.nav ul li>a i{ display:block; position:absolute; height:3px; background:#ffff00; width:0; transition:all .3s ease; left:0; bottom:0;} 
.nav ul li>a i:after{ content:''; display:block; position:absolute; width:0; height:0; bottom:100%; left:0; right:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #ffff00; transform:rotateY(90deg); opacity:0; transition:all .3s ease;}
.nav ul li.cur>a i,.nav ul li:hover>a i{ width:100%;}
.nav ul li.cur>a i:after,.nav ul li:hover>a i:after{ opacity:1; transform:rotate(0);}
.nav ul li.cur>a,.nav ul li:hover>a{color:#ffff00; font-weight:bold;}
.nav>ul>li .dropmenu{width:200%;position:absolute;top:100%;left:-50%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li .dropmenu td table{ display:none;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 14px;display:block;line-height:52px;text-align:center;color:#fff;background:rgba(0,0,0,.8);transition:600ms ease; margin-top:1px;}
.nav>ul>li .dropmenu a:hover{background:#3bc3e6;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block;}
.hseaicon{ height:102px; width:50px; background:url(../images/20210927085917_1923392294.png) no-repeat center 28px; text-align:center; font-size:14px; color:#c6fc8d; line-height:145px;}
.hbtn{ height:102px; border-left:1px solid #88d438; border-right:1px solid #88d438; padding:0 20px;}
.hsearch{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; position:relative;}
.hsearch:hover .iser_box{transform: rotateX(0deg);}
.hsearch:hover .hseaicon span{ background-color:#3bc3e6;}
.htel:hover .htelicon span{ background-color:#3bc3e6;}
.iser_box{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:515px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.hbtn .hmap{ display:block; width:50px; height:102px; line-height:145px; background:url(../images/20210927085918_1514293020.png) no-repeat center 28px; font-size:14px; color:#c6fc8d; text-align:center;}
.htel{ font-size:28px; color:#feffff; font-family:fontDin1; line-height:32px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; padding-left:20px;}
.htel i{ font-size:15px; color:#fff; font-weight:300; }
@media screen and (max-width:1693px){
	.nav ul li{ margin-right:30px;}
	.hmean b{font-size:21px;}
	.hmean{font-size:17px;}
	}
@media screen and (max-width:1670px){
	.nav ul li{ margin-right:30px;}
	.hmean b{font-size:21px;}
	.hmean{font-size:17px;}
	}
@media screen and (max-width:1550px){
	.nav ul li{ margin-right:20px;}
	.nav ul li>a{ font-size:14px;}
	.hmean b{font-size:21px;}
	.hmean{font-size:17px;}
	}
@media screen and (max-width:1450px){
	.nav ul li{ margin-right:10px;}
    .htel{ font-size:20px;}
	.hmean b{font-size:21px;}
	.hmean{font-size:17px;}
	}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1400px; height:450px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:450px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:220px; left: 0; margin-left: 0; height: 415px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20210927085918_1112337403.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20210927085918_1112337403.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #3bc3e6;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*产品中心*/
.product{padding-bottom:50px;background: #fff;padding-top: 60px;}
.product .title span{margin: 5px 0 5px 0;}
.protab{ margin:25px 0 0 0; position:relative; z-index:9;}
.protab li{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;  border-bottom:1px solid #e6e6e6;}
.protab li:first-child{ border-top:1px solid #e6e6e6;}
.protab_t{ width:145px; line-height: 66px;padding-left: 20px;} 
.protab_t>a{ font-size:18px; color:#222222;font-weight: bold;}
.protab_c,.protab_c a{ font-size:14px; color:#888;    line-height: 30px;} 
.protab_c {width: 1220px;padding: 15px 0;}
.protab_c a{ padding:0 20px 0 0px;}
.protabone span{ display:inline-block; position:relative;}
.protab li:nth-child(1).on .protab_c span.on>a,.protab_c a.on,.protab_t>a.on,.protab li:nth-child(2).on .protab_t>a{ color:#3bc3e6;}
.protab li:nth-child(2).on{ background:#3bc3e6;}
.proleft{ width:624px;}
.proleftpic{ overflow:hidden;}
.proleftpic img{ width:624px; height:624px; transition:all .6s ease;}
.proleftname{ height:133px; background:#e4e4e4; padding:0 40px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; font-size:26px; color:#717171; transition:all .3s ease;}
.proleft:hover .proleftname{ color:#3bc3e6;}
.proleft:hover .proleftname i{ background-position-x:0;}
.proleft:hover .proleftpic img{ transform:scale(1.04);} 
.protab_rr a{content: "";display: block;width: 29px;height:29px;background: url(../images/20210927141330_175032823.png)no-repeat;}
.protab_rr a:hover{ background-position-y:-29px;}

.product_bg_c ul{ position:relative;margin-top:30px;}
.proshow tr{ display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:flex-start;}
.proshow tr+tr{ margin-top:20px;}
.proshow td{ width:336px;padding:20px !important; box-sizing:border-box;background: #f5f5f5;border: 1px solid #e6e6e6;}
.proshow td>a{ border:1px solid #eee;}
.proshow td>a img{ width:100%; height:auto;}
.proshow td a,.proshow td span{ display:block; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span{ height:50px; text-align:left; transition:all .3s ease; padding:20px 0;}
.proshow td span a{ display:initial; color:#666; font-size:16px; font-weight:lighter; text-align:left; transition:all .3s ease; margin-left:10px;}
.proshow td span .promore{ display:inline-block; float:right; width:74px; height:28px; color:#fff; font-size:14px; font-weight:lighter; text-align:center; line-height:30px; background:#787878; transition:all .3s ease; margin-right:10px;}
.proshow td:hover span a{ color:#fff;}
.proshow td:hover{ background:#3bc3e6;}
.proshow td:hover span .promore{ color:#3bc3e6; background:#fff;}

/*专业打造高品质蜂窝纸板*/
.trait{ height:1205px; background:url(../images/20210927144023_11163795.png) no-repeat center; padding-top:133px;}
.tratitl{ text-align:center; font-size:18px; color:#ddf9e7;}
.tratitl strong{ font-size:40px; color:#e1f415;}
.tratitl span{ display:block; margin:10px 0 35px 0;}
.tracon{ padding-top:80px; position:relative; height:630px;}
.tracon .tralist{ position:absolute;}
.tracon .tralist:nth-child(1){ left:560px;}
.tracon .tralist:nth-child(2){ left:205px; top:225px;}
.tracon .tralist:nth-child(3){ right:195px; top:225px;}
.tracon .tralist:nth-child(4){ left:95px; top:500px;}
.tracon .tralist:nth-child(5){ right:95px; top:500px;}
.tralist{ text-align:center; line-height:28px; font-size:16px; color:#666;}
.tralist strong{ display:block; font-size:24px; color:#3bc3e6; margin:0 0 10px 0;}
.tralist p:nth-child(1){ height:80px;animation: downUp 1s infinite alternate;}
.traittitle{ text-align:center; font-size:40px; color:#ffff00;}
.traittitle b i{ color:#3bc3e6;}
.traittitle span{ display:block; font-size:18px; color:#fff; margin:10px 0 20px 0;}
.traittitle em i{ display:inline-block; width:6px; height:24px; background:#fff; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.traittitle em i+i{ margin-left:11px;}
.traittitle em i:nth-child(2){ height:32px; background:#fff;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.traittitle em i:nth-child(3){ background:#fff;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}

/*图片上下浮动动画*/
@keyframes downUp {
  from {
    transform:translateY(-10px);
  }
  to {
    transform:translateY(10px);
  }
}
.tradv{ padding-top:170px;}
.trat{ font-size:21px; color:#fff; font-weight:lighter;}
.trat strong{ display:block; font-size:31px; color:#fff; margin:0 0 10px 0;}
.traconcat span{ display:block;  padding-left:35px; background:url(../images/20210927144023_2107620641.png) no-repeat left 14px; font-size:16px; color:#fff; margin:0 0 10px 0;}
.traconcat strong{ font-family:Arial, Helvetica, sans-serif; font-size:30px;}
.traconcat{text-align:right;}
.traconcat a{ display:inline-block; width:190px; text-align:center; line-height:38px; background:#cfe113; font-size:16px; color:#fff; transition:all .3s ease; margin-right:60px;}

/*应用案例*/
.case_list{width: 470px;}
.case_list li{width: 230px;height: 185px;background: #f5f5f5;margin-bottom: 10px;float: left;text-align: center;cursor: pointer;transition: 0.3s ease all;}
.case_list li:nth-child(4){margin-left: 10px;}
.case_list li:nth-child(2){margin-left: 10px;}
.case_list li:nth-child(6){margin-left: 10px;}
.case_list li i{width: 62px;height: 62px;background: url(../images/20210927151009_1978377514.png)no-repeat center;display: inline-block;margin-top: 28px;transition: 0.3s ease all;}
.case_list li p{font-size: 20px;font-weight: 500;color: #484848;line-height: 40px;transition: 0.3s ease all;margin-top: 8px;}
.case_list li d{font-size: 12px;color: #aaaaaa;transition: 0.3s ease all;    text-transform: uppercase;}
#case_box{width:922px;}
.case_box{position: relative;height: 575px;}
.case .tempWrap{float: right;}
.case_list li.on{background: #3bc3e6;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.case_list li.on i{background:url(../images/20210927151119_768902853.png)no-repeat center;}
.case_list li.on p{color:#fff;}
.case_list li.on d{color: #fff;}
.fwc a:hover{background:#ffa200;}
.case_appli{display: inline-block;margin-top: 30px;}
.case_appli .tempWrap {width:1300px !important;}
.case_appli table tr {display:block;height:107px;}
.case_appli table tr td {border:1px solid #dddddd;display:inline-block;padding-left: 0 !important;position:relative;overflow:hidden;}
.case_appli table tr td+td {margin-left:4px;}
.case_appli table tr td  img {    margin-bottom: 0px !important;}
.case_appli table tr td:hover div a {display: block;position: absolute;bottom:0;width: 200px;height: 100%;
 color: #fff !important;-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;justify-content: center;align-items: center;    z-index: 5;}
.case_appli table tr td div a {display: block;position: absolute;width: 200px;height: 28px;line-height: 28px;color: #fff !important;-webkit-transition: all 0.5s;transition: all 0.5s;}
.case_appli table tr td:before, .case_appli table tr td:after {position: absolute;top: 50%;
content: ''; width: 20px;height: 20px;background: rgb(10 99 190 / 30%);border-radius: 50%;
z-index: 1;}
.case_appli table tr td:before {left: -20px;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.case_appli table tr td:after { right: -20px;-webkit-transform: translate(50%, -50%);
 transform: translate(50%, -50%);}
.case_appli table tr td:hover:before {-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;}
.case_appli table tr td:hover:after {-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;}
@-webkit-keyframes criss-cross-left {
  0% {left: -20px;}
  50% { left: 50%; width: 20px;height: 20px;}
  100% {left: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%;width: 20px;height: 20px;}
  100% {left: 50%;width: 375px;height: 375px;}
}
@-webkit-keyframes criss-cross-right {
  0% {right: -20px;}
  50% { right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 375px; height: 375px;}
}
@keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 375px;height: 375px;}
}
/*选择凯大包装四大优势*/
.adv{ height:911px; background:url(../images/20210927163346_1675395394.jpg) no-repeat center; padding:60px 0 0 0;}
.advtitle{ text-align:center; font-size:40px; color:#fff;}
.advtitle b i{ color:#3bc3e6;}
.advtitle span{ display:block; font-size:18px; color:#fff; margin:10px 0 20px 0;}
.advtitle em i{ display:inline-block; width:6px; height:24px; background:#fff; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.advtitle em i+i{ margin-left:11px;}
.advtitle em i:nth-child(2){ height:32px; background:#fff;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.advtitle em i:nth-child(3){ background:#fff;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
.advcenter{ padding:20px 0 0 0;}
.advtab{ font-size:0; margin:0 0 25px 0;}
.advtab li{ display:inline-block; box-sizing:border-box; width:25%; height:116px; background:#3bc3e6; color:#fff; font-size:14px; padding:27px 0 0 108px; transition:all .3s ease; position:relative; cursor:pointer;}
.advtab li em{ text-transform:uppercase;}
.advtab li.on{ background:#cfe113; color:#fff;}
.advtab li.on strong{ color:#fff;}
.advtab li strong{ display:block; font-size:30px; color:#fff;}
.advtab li+li{ border-left:1px solid #8fdc3e;}
.advtab li span{ position:absolute; width:45px; height:45px; background:url(../images/20210927210258_1676797452.png) no-repeat top left; top:38px; left:44px; transition:all .5s ease;}
.advtab li:nth-child(2) span{ background-position-x:-59px;}
.advtab li:nth-child(3) span{ background-position-x:-115px;}
.advtab li:nth-child(4) span{ background-position-x:-189px;}
.advtab li.on span{ background-position-y:-66px;}
.advcen{ width:610px; padding:20px 0 0 0;}
.advnum{ font-size:66px; color:#3bc3e6; font-family:impact;}
.advnum:after{ content:''; display:block; width:2px; height:26px; background:#d0d5d9; margin:0 0 15px 10px;}
.advtitl{ font-size:14px; color:#b9c2bc; padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #e9efeb;}
.advtitl strong{ display:block; font-size:32px; color:#3bc3e6; margin:0 0 5px 0;}
.advwa p{ font-size:16px; color:#a2aaa5; line-height:40px; padding-left:30px; background:url(../images/20210927153859_1757963742.png) no-repeat left 15px;}

/*简介*/
.about{ height:670px; background:url(../images/20210927172901_428555450.png) no-repeat center;}
.about .w1300{display: -webkit-flex;display: flex;justify-content:flex-end;flex-wrap: nowrap;align-items:flex-start;}
.abcon{ width:676px; margin-top:150px; float:right; padding:0 35px; margin-left: 80px;}
.ab_t{ font-size:26px; color:#333333;}
.ab_t b{ display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#333333; margin-bottom:20px;}
.ab_t b i{color:#3bc3e6;}
.abwa{ font-size:15px; color:#666666; line-height:35px; text-indent:2em; margin:20px 0 20px 0;}
.ab_btn a{ display:block; transition:all .3s ease; width:144px; line-height:50px; text-align:center; background:#3bc3e6; color:#fff; font-size:18px;}
.ab_btn a:hover{ background:rgba(228,0,0,.8); color:#fff; box-shadow:0 0 5px #eee;}
/*企业形象*/
.qyxx{overflow:hidden; margin:40px 0 60px 0; padding:0 2%;}
.qyxx table,.qyxx tbody,.qyxx tr{ display:block; width:100%; overflow:hidden;}
.qyxx td{ display:inline-block; width:396px; padding:0 !important; margin-right:30px;}
.qyxx td a{ display:block; position:relative; overflow:hidden;}
.qyxx td a img{ width:100%; height:auto; transition:all .6s ease;}
.qyxx td:hover a img{ transform:scale(1.1);}
.qyxx td br{ display:none;}
.qyxx td div{ padding:0 !important;}
.qyxx td div a{ background:#f2f3f4; line-height:72px; font-size:16px; color:#333333; transition:all .3s ease;}
.qyxx td:hover div a{color:#fff; background:#3bc3e6;}

/*新闻动态*/
.news_bj{ background:#f8f8f8;}
.news{ padding:60px 0;}
.news .title t{ display:block; margin:5px 0 10px 0;}
.news_tab{margin:40px 0; text-align:center;}
.news_tab li{ display:inline-block; vertical-align:top; background: #fff; box-shadow: 0px 0px 20px #eee; width: 171px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100; display:block;}
.news_tab li.on{color:#fff; background:#3bc3e6;box-shadow: 0px 0px 10px #7ed460;width: 171px; height: 42px; line-height: 42px;}
.news_tab li.on a{color:#fff;}
.news_list{height:501px;width: 100%;overflow: hidden;}
.news_list .news_div{height:500px;}
.news_list .news_div_item{width: 23.65%;float: left;display: inline-block;position: relative;height:495px;transition:0.5s; padding: 20px; background:#fff;}
.news_list .news_div_item+.news_div_item{margin-left:1.79%;}
.news_list .news_div_item_date{position: absolute;top:240px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before{position:absolute;content:'';background:url(../images/20210927173438_665510407.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content{position: absolute;top:280px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -160px;left: 0;width: 175px;height: 33px; border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; background:#eee; font-weight: 100;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -150px;font-size: 43px;background:url(../images/20210927173438_66247224.png) no-repeat center;width: 18px;height: 14px;left: 130px;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #aaa;font-weight: 100;line-height: 28px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic{ border:1px solid #eee;}
.news_list .news_div_item_pic img{width:100%; height:190px;}
.news_list .news_div_item:hover .news_div_item_a{color: #3bc3e6;transition:0.3s; }
.news_list .news_div_item:hover .news_div_item_a::before{background: #3bc3e6;transition:0.5s;padding-left:40px;  color: #fff;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;transition:0.5s; background:url(../images/20210927173438_341581315.png) no-repeat center;}

/*友情*/
.links{ color:#fff; background:#3bc3e6;}
.links .w1400{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; height:85px;}
.links .w1400>p{ font-size:16px; color:#fff; font-weight:bold; padding-left:35px; background:url(../images/20210927175134_1733319783.png) no-repeat left center; line-height:26px;}
.links .w1400>p span{ font-size:18px; padding:0 20px 0 5px;}

/*版权*/
.copyright{ background:#202020; position:relative; padding-top:70px;}
.crcon{border-bottom:1px solid #313131;}
.crcon .w1400,.kslj{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.kslj p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj a{ display:block; font-size:14px; color:#898989; line-height:35px;}
.kslj a:hover{ color:#fff;}
.kslj li{ height:260px; padding:0 35px; border-left:1px dashed #333333;}
.kslj li:last-child{ border-right:1px dashed #333333;}
.crcode{ width:246px; height:358px; background:url(../images/20210927175134_1489477115.png) no-repeat center; margin-bottom:1px; text-align:center;}

.end{ border-top:1px solid #000000;}
.end,.end a{ line-height:128px; font-size:15px; color:#898989;}
.end a:hover{ color:#fff;}
.crcodecon{ margin:60px 0 20px 0; font-size:18px; color:#fff;}
.crcodecon img{ width:160px; height:160px; display:block; margin:15px auto 0 auto;}
.crcodetab span{ display:inline-block; border-radius:50%; width:38px; height:38px; background:#4a4a4a url(../images/20210927175134_1461271260.png) no-repeat center; cursor:pointer;}
.crcodetab span:nth-child(2){ background-image:url(../images/20210927175134_1777100744.png);}
.crcodetab span:nth-child(3){ background-image:url(../images/20210927175134_2015252559.png);}
.crcodetab span.on{ background-color:#3bc3e6;}
.crcodetab span+span{ margin-left:17px;}