/**
 * Layout
 * ------------------------------ */
.header{position:relative;height:120px;border-bottom:1px solid #e2e4e7;background-color:#fff;z-index:100;}
.header .wrap{position:relative;height:120px;}
.header .logo{position:absolute;top:50%;left:0;overflow:hidden;width:240px;height:60px;margin-top:-30px;background:url(../img/logo.png?version=2020) no-repeat;text-indent:100%;white-space:nowrap;}
.header .logo a{position:absolute;top:0;bottom:0;left:0;right:0;}

.header .nav{position:absolute;top:50%;right:0;height:36px;margin-top:-18px;font-size:14px;line-height:36px;}
.header .nav a{float:left;padding:0 1.5em;border-radius:18px;background-color:#fff;
transition-property:background-color, color;
transition-duration:0.2s;
}
.header .nav a + a{margin-left:10px;}
.header .nav a:hover{background-color:#f3f3f3;color:#0f82e3;}
.header .nav a.n{background-color:#0f82e3;color:#fff;}


.header.fixed .wrap{position:fixed;top:0;left:0;right:0;width:auto;height:50px;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.4);}
.header.fixed .logo{left:20px;width:120px;height:30px;margin-top:-15px;background-image:url(../img/logo-mini.png?version=2020);}
.header.fixed .nav{right:20px;height:30px;margin-top:-15px;line-height:30px;}
.header.fixed .nav a{padding:0 1em;}


.footer{margin-top:50px;background-color:#1d3961;color:#809bc1;}
.footer a{color:#809bc1;}
.footer a:hover{color:#ddd;}
.footer h5{margin-bottom:20px;color:#fff;font-size:18px;}
.footer .main{position:relative;height:140px;padding:40px;}
.footer .logo{position:absolute;top:50%;left:0;overflow:hidden;width:240px;height:60px;margin-top:-30px;background:url(../img/footer-logo.png?version=2020) no-repeat;text-indent:100%;white-space:nowrap;}

.footer .contact{position:absolute;top:40px;left:360px;}
.footer .contact dl{margin-top:20px;}
.footer .contact dt{display:inline-block;}
.footer .contact dd{display:inline-block;}

.footer .follow{position:absolute;top:40px;right:100px;}
.footer .follow .wechat{position:relative;padding-left:120px;font-size:0;}
.footer .follow .wechat:before{content:'';position:absolute;top:0;left:0;width:26px;height:21px;background:url(../img/footer.png?version=20190108) no-repeat;}
.footer .follow .wechat:after{content:'微信公众号';position:absolute;top:0;left:32px;font-size:14px;}
.footer .follow .wechat img + img{margin-left:20px;}

.footer .tool{overflow:hidden;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);}
.footer .copyright{float:left;color:#809bc1;}
.footer .nav{float:right;color:#809bc1;}
.footer .nav a + a{display:inline-block;position:relative;margin-left:30px;}
.footer .nav a + a:before{content:'';position:absolute;top:20%;bottom:20%;left:-15px;width:1px;background-color:rgba(255,255,255,0.1);}


.page_title{overflow:hidden;padding:20px 0;}
.page_title h2{float:left;position:relative;padding-left:13px;font-size:20px;line-height:30px;}
.page_title h2:before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:3px;border-radius:2px;background-color:#0f82e3;}
.page_title dl{float:left;margin-left:20px;font-size:0;line-height:30px;}
.page_title dl a{color:#0f82e3;}
.page_title dt,
.page_title dd{display:inline-block;font-size:14px;}
.page_title dd:before{content:'/';display:inline-block;margin:0 5px;}


/**
 * 首页
 * ------------------------------ */
body.home .footer{margin-top:0;}

.home_slide .item{padding-top:37.5%;}
.home_slide .btns{bottom:20px;}
.home_slide .btns i{float:left;width:64px;height:5px;background-color:rgba(255,255,255,0.5);cursor:pointer;
-webkit-transition:background-color 0.2s ease-in-out;
transition:background-color 0.2s ease-in-out;
}
.home_slide .btns i + i{margin-left:5px;}
.home_slide .btns i.n{background-color:rgba(255,255,255,1);}

.home_main{}
.home_main section{position:relative;padding:50px 0;}

.home_title{padding-bottom:30px;}
.home_title h2{overflow:hidden;height:78px;margin:0 auto;background:url(../img/home/title.png?version=20190528) no-repeat;text-indent:100%;white-space:nowrap;}
.home_title .intro{margin-top:20px;color:#999;font-size:16px;text-align:center;}



section.home_innovate{padding-bottom:0;}
.home_innovate .home_title h2{width:294px;}
.home_innovate .main{position:relative;padding:30px 30px 50px 43%;background-color:#0f82e3;}
.home_innovate .main:before{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:url(../img/home/about-pic.jpg?version=20190108) no-repeat center;background-size:cover;}
.home_innovate .main h3{color:#6bbafc;font-size:22px;text-transform:uppercase;}
.home_innovate .main .intro{margin-top:30px;color:#fff;font-size:16px;}
.home_innovate .main ul{overflow:hidden;margin-top:50px;color:#FFF;font-size:16px;text-align:center;}
.home_innovate .main li{position:relative;float:left;width:11%;padding-top:90px;}
/*.home_innovate .main li + li{margin-left:2%;}*/
.home_innovate .main li:before{content:'';position:absolute;top:0;left:50%;width:60px;height:60px;margin-left:-30px;border:2px solid #6bbafc;border-radius:50%;}
.home_innovate .main li:after{content:'';position:absolute;top:40px;left:50%;background:url(../img/home/about-server.png?version=20190108) no-repeat;}
.home_innovate .main li.cygh:after{width:36px;height:40px;margin:-27px 0 0 -18px;background-position:0 0;}
.home_innovate .main li.jskf:after{width:40px;height:40px;margin:-27px 0 0 -20px;background-position:-40px 0;}
.home_innovate .main li.zsyy:after{width:39px;height:40px;margin:-25px 0 0 -15px;background-position:-80px 0;}
.home_innovate .main li.jrtz:after{width:38px;height:40px;margin:-27px 0 0 -13px;background-position:-120px 0;}
.home_innovate .main li.qyfw:after{width:40px;height:40px;margin:-27px 0 0 -15px;background-position:-160px 0;}
.home_innovate .main li.zhyq:after{width:38px;height:38px;margin:-27px 0 0 -14px;background-position:-200px 0;}
.home_innovate .main li.sypt:after{width:40px;height:40px;margin:-22px 0 -14px -14px;background-position:-240px 0;}
.home_innovate .main li.dqfw:after{width:40px;height:40px;margin:-27px 0 0 -15px;background-position:-280px 0;}
.home_innovate .main li.wygl:after{width:40px;height:38px;margin:-27px 0 0 -16px;background-position:-320px 0;}


.home_follow .home_title h2{width:292px;background-position:0 -100px;}

.home_follow .slide{float:left;width:560px;height:420px;}
.home_follow .slide ul{height:380px;}
.home_follow .slide .item{width:560px;height:380px;padding:0;}
.home_follow .slide .title{overflow:hidden;position:absolute;bottom:0;left:0;right:0;padding:10px 20px;background-color:rgba(0,0,0,0.8);color:#fff;font-size:20px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;}
.home_follow .slide .title a{color:#fff;}
.home_follow .slide .title a:hover{text-decoration:underline;}
.home_follow .slide .btns{bottom:0;}
.home_follow .slide .btns i{width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;}
.home_follow .slide .btns i + i{margin-left:10px;}
.home_follow .slide .btns i.n{background-color:#0f82e3;}

.home_follow .news{float:right;width: 600px;height:420px;}
.home_follow .news ul{position:relative;padding-left:90px;}
.home_follow .news ul:before{content:'';position:absolute;top:0;bottom:0;left:90px;width:1px;background-color:#d8d8d8;}
.home_follow .news li{position:relative;height:44px;padding:10px 15px;}
.home_follow .news li + li:before{content:'';position:absolute;top:0;left:0;right:0;border-top:1px dashed #d8d8d8;}
.home_follow .news h3{overflow:hidden;height:44px;font-size:16px;line-height:22px;}
.home_follow .news .intro{display:none;overflow:hidden;max-height:40px;margin-top:10px;color:#aaa;line-height:20px;}
.home_follow .news .date{position:absolute;top:50%;left:-85px;width:60px;height:40px;margin-top:-30px;padding:10px 0;border-radius:50%;background-color:#fff;font-size:16px;line-height:20px;text-align:center;pointer-events:none;
-webkit-transition:background-color 0.2s ease-in-out;
transition:background-color 0.2s ease-in-out;
}
.home_follow .news .date em{display:block;font-size:12px;}
.home_follow .news .go{position:absolute;top:0;bottom:0;left:0;right:0;}

.home_follow .news .more{float:right;position:relative;height:28px;margin-top:5px;padding:0 20px 0 15px;border:1px solid currentColor;border-radius:15px;color:#0f82e3;line-height: 28px;}
.home_follow .news .more:after{content:'';position:absolute;top:50%;right:12px;width:3px;height:3px;margin-top:-2px;border-top:1px solid currentColor;border-right:1px solid currentColor;
transform:rotate(45deg);
}

.home_follow .news h3 a:hover{color:#0f82e3;}
.home_follow .news li:hover h3,
.home_follow .news li:hover h3 a{color:#0f82e3;}
.home_follow .news li:hover .date{background-color:#0f82e3;color:#fff;}


.home_major{background:#f4f5f9 }
.home_major .home_title h2{width:323px;background-position:0 -200px;}
.home_major .wrap{height:550px;}
/* 
.home_major .wrap dl{position:absolute;top:12%;width:25%;padding-left:40px;}
.home_major .wrap dl:before{content:'';position:absolute;top:20px;left:20px;background:url(../img/home/sprites.png?version=20190108) no-repeat;}
.home_major .wrap dt{font-weight:bold;font-size:18px;line-height:40px;}

.home_major .wrap dl:nth-child(1),
.home_major .wrap dl:nth-child(2),
.home_major .wrap dl:nth-child(3){left:0;}
.home_major .wrap dl:nth-child(4),
.home_major .wrap dl:nth-child(5),
.home_major .wrap dl:nth-child(6){right:0;}
.home_major .wrap dl:nth-child(2),
.home_major .wrap dl:nth-child(4){top:40%;}
.home_major .wrap dl:nth-child(3),
.home_major .wrap dl:nth-child(6){top:68%}
.home_major .wrap .zyyytd:before{width:29px;height:23px;margin-top:-12px;margin-left:-15px;background-position:0px -100px;}
.home_major .wrap .yzsfw:before{width:17px;height:28px;margin-top:-14px;margin-left:-9px;background-position:-40px -100px;}
.home_major .wrap .sgzshy:before{width:22px;height:26px;margin-top:-13px;margin-left:-11px;background-position:-80px -100px;}
.home_major .wrap .zycsgw:before{width:23px;height:27px;margin-top:-14px;margin-left:-12px;background-position:-120px -100px;}
.home_major .wrap .hlsjzc:before{width:23px;height:27px;margin-top:-14px;margin-left:-12px;background-position:-160px -100px;}
.home_major .wrap .yzzyzh:before{width:31px;height:30px;margin-top:-15px;margin-left:-16px;background-position:-200px -100px;} 
*/

.home_major .wrap dl{float: left; width: 200px; height: 100px;}    




.home_intimate .home_title h2{width:384px;background-position:0 -300px;}
.home_intimate .wrap{height:550px;}
.home_intimate .wrap dl{overflow:hidden;position:absolute;top:0%;width:240px;height:220px;background:url(../img/home/intimate-item.png?version=20190108) no-repeat;}
.home_intimate .wrap dl:nth-child(4),
.home_intimate .wrap dl:nth-child(5),
.home_intimate .wrap dl:nth-child(6),
.home_intimate .wrap dl:nth-child(7){top:150px;}
.home_intimate .wrap dl:nth-child(8),
.home_intimate .wrap dl:nth-child(9),
.home_intimate .wrap dl:nth-child(10){top:300px;}
.home_intimate .wrap dl:nth-child(1),
.home_intimate .wrap dl:nth-child(8){left:160px;}
.home_intimate .wrap dl:nth-child(2),
.home_intimate .wrap dl:nth-child(9){left:480px;}
.home_intimate .wrap dl:nth-child(3),
.home_intimate .wrap dl:nth-child(10){left:800px;}
.home_intimate .wrap dl:nth-child(5){left:320px;}
.home_intimate .wrap dl:nth-child(6){left:640px;}
.home_intimate .wrap dl:nth-child(7){left:960px;}
.home_intimate .wrap dt{position:absolute;top:50%;left:70px;right:70px;margin-top:-45px;padding-top:70px;font-size:16px;line-height:20px;text-align:center;
transition-property:top,padding-top;
transition-duration:0.6s;
}
.home_intimate .wrap dt:before{content:'';position:absolute;top:30px;left:50%;background:url(../img/home/sprites.png?version=20190108) no-repeat;
transition-property:opacity;
transition-duration:0.4s;
transition-delay:0.2s;
}
.home_intimate .wrap dd{overflow:hidden;position:absolute;top:220px;left:50px;right:50px;font-size:12px;text-align:center;opacity:0;
transition-property:top,opacity;
transition-duration:0.6s;
}

.home_intimate .wrap .kjjr dt:before{width:48px;height:53px;margin-top:-27px;margin-left:-24px;background-position:0 -200px;}
.home_intimate .wrap .zcfw dt:before{width:40px;height:48px;margin-top:-24px;margin-left:-20px;background-position:-100px -200px;}
.home_intimate .wrap .rcfw dt:before{width:58px;height:48px;margin-top:-24px;margin-left:-29px;background-position:-200px -200px;}
.home_intimate .wrap .yqznh dt:before{width:42px;height:49px;margin-top:-25px;margin-left:-21px;background-position:-300px -200px;}
.home_intimate .wrap .cgzh dt:before{width:46px;height:50px;margin-top:-25px;margin-left:-23px;background-position:-400px -200px;}
.home_intimate .wrap .pptg dt:before{width:52px;height:47px;margin-top:-24px;margin-left:-26px;background-position:-500px -200px;}
.home_intimate .wrap .cygh dt:before{width:49px;height:50px;margin-top:-25px;margin-left:-25px;background-position:0 -300px;}
.home_intimate .wrap .zsgh dt:before{width:50px;height:43px;margin-top:-22px;margin-left:-25px;background-position:-100px -300px;}
.home_intimate .wrap .yyjh dt:before{width:40px;height:52px;margin-top:-26px;margin-left:-20px;background-position:-200px -300px;}
.home_intimate .wrap .jszd dt:before{width:44px;height:53px;margin-top:-27px;margin-left:-22px;background-position:-300px -300px;}

.home_intimate .wrap dl:hover{background-position:-240px 0;color:#fff;}
.home_intimate .wrap dl:hover dt{top:0%;padding-top:80px;}
.home_intimate .wrap dl:hover dt:before{opacity:0;
transition-delay:0s;
}
.home_intimate .wrap dl:hover dd{top:60px;opacity:1;}


.home_assets{background-color:#f4f5f9;}
.home_assets .home_title h2{width:383px;background-position:0 -400px;}
.home_assets .main{}

.home_assets .nav{position:relative;margin-bottom:20px;}
.home_assets .nav:before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#d8d8d8;}
.home_assets .nav nav{position:relative;overflow:hidden;width:720px;margin:0 auto;font-size:16px;line-height:40px;text-align:center;}
.home_assets .nav a{position:relative;float:left;width:180px;}
.home_assets .nav a:hover,
.home_assets .nav a.n{color:#0f82e3;}
.home_assets .nav a.n:before{content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;background-color:#0f82e3;}
.home_assets .nav a.n:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:0;margin-left:-5px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #0f82e3 transparent;
}

.home_assets .slide{}
.home_assets .slide .item{padding-top:18.75%;}
.home_assets .slide .info{overflow:hidden;width:1200px;height:70px;margin:20px auto 0;color:#999;}
.home_assets .slide h3{margin-bottom:6px;color:#0f82e3;font-size:16px;line-height:24px;}


.home_focusing .home_title h2{width:351px;background-position:0 -500px;}
.home_focusing .list{overflow:hidden;width:1150px;margin:0 auto;}
.home_focusing .list li{position:relative;float:left;width:265px;height:180px;margin-right:30px;margin-bottom:20px;}
.home_focusing .list li:first-child{width:560px;height:380px;}
.home_focusing .list li:nth-child(3),
.home_focusing .list li:nth-child(5){margin-right:0;}
.home_focusing .list .pic{display:block;width:100%;height:100%;background-size:cover}
.home_focusing .list .state{position:absolute;top:0;left:0;height:28px;padding:0 10px 0 15px;background-position:center;background-color:#f29f0e;color:#fff;line-height:28px;}
.home_focusing .list .state:before{content:'';position:absolute;top:0;left:100%;width:0;height:0;
border-style: solid;
border-width: 14px 14px 0 0;
border-color: #f29f0e transparent transparent transparent;
}
.home_focusing .list .state:after{content:'';position:absolute;bottom:0;left:100%;width:0;height:0;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 0 14px;
border-color: transparent transparent transparent #f29f0e;
}
.home_focusing .list .info{overflow:hidden;position:absolute;bottom:0;left:0;right:0;height:20px;padding:10px;background-color:rgba(0,0,0,0.7);color:#ddd;line-height:20px;
transition-property:height;
transition-duration:0.4s;
}
.home_focusing .list h3{overflow:hidden;margin-bottom:10px;color:#fff;font-weight:normal;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.home_focusing .list h3 a{color:#fff;}
.home_focusing .list .date,
.home_focusing .list .address{position:relative;margin-top:10px;padding-left:24px;}
.home_focusing .list .date:before,
.home_focusing .list .address:before{content:'';position:absolute;top:10px;left:10px;width:16px;height:16px;margin-top:-8px;margin-left:-8px;background:url(../img/home/sprites.png?version=20190108) no-repeat 0 -400px;}
.home_focusing .list .address:before{width:14px;height:19px;margin-top:-10px;margin-left:-7px;background-position:-40px -400px;}

.home_focusing .list .read{display:inline-block;position:relative;height:28px;margin-top:10px;padding:0 20px 0 15px;border:1px solid currentColor;border-radius:15px;color:#ddd;line-height: 28px;}
.home_focusing .list .read:after{content:'';position:absolute;top:50%;right:12px;width:3px;height:3px;margin-top:-2px;border-top:1px solid currentColor;border-right:1px solid currentColor;
transform:rotate(45deg);
}
.home_focusing .list .read:hover{color:#fff;}

.home_focusing .list li:hover .info{height:160px;}
.home_focusing .list li:hover .info h3{overflow:hidden;max-height:40px;text-overflow:unset;white-space:normal;}

.home_focusing .list li.end .state{background-color:#bbb;}
.home_focusing .list li.end .state:before{border-top-color:#bbb;}
.home_focusing .list li.end .state:after{border-left-color:#bbb;}


.home_focusing .more{display:block;position:relative;width:4em;height:40px;margin:20px auto 0;padding:0 40px 0 35px;border-radius:20px;background-color:#0f82e3;color:#fff;line-height:40px;text-align:center;}
.home_focusing .more:after{content:'';position:absolute;top:50%;right:30px;width:4px;height:4px;margin-top:-3px;border-top:2px solid currentColor;border-right:2px solid currentColor;
transform:rotate(45deg);
}


/*.home_precipitate{background-color:#f4f5f9;}*/
.home_precipitate .home_title h2{width:293px;background-position:0 -600px;}

.home_precipitate .box{}
.home_precipitate .city{margin-bottom:20px;text-align:center;}
.home_precipitate .city h3{display:inline-block;position:relative;padding:0 0.5em;color:#0f82e3;border-bottom:2px solid #0f82e3;font-size:16px;line-height:38px;}
.home_precipitate .city h3:before{content:'';position:absolute;bottom:0;left:50%;width: 0;height: 0;margin-left:-4px;
border-style: solid;
border-width: 0 4px 4px 4px;
border-color: transparent transparent #007bff transparent;
}
.home_precipitate .case{position:relative;width:1000px;margin:0 auto;}
.home_precipitate .case + .case{margin-top:50px;}
.home_precipitate .slide{padding-bottom:30px;}
.home_precipitate .slide .item{padding-top:290px;}
.home_precipitate .con{position:absolute;top:205px;left:-50px;width:26px;height:64px;margin-top:-32px;background-color:rgba(0,0,0,0.3);
transition:background-color 0.2s;
}
.home_precipitate .con:before{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-4px;margin-left:-2px;border-top:2px solid #fff;border-left:2px solid #fff;
transform:rotate(-45deg);
}
.home_precipitate .con[rel='case_next']{left:auto;right:-50px;}
.home_precipitate .con[rel='case_next']:before{margin-left:-5px;
transform:rotate(135deg);
}
.home_precipitate .con:hover{background-color:#0f82e3;}

.home_precipitate .info{margin-top:20px;}
.home_precipitate .info h4{color:#0f82e3;font-size:18px;}
.home_precipitate .info dl{margin-top:15px;}
.home_precipitate .info dt{display:inline;font-weight:bold;}
.home_precipitate .info dd{display:inline;color:#999;}


.home_winwin{background-color:#1d3961;}
.home_winwin .home_title h2{width:292px;background-position:0 -700px;}
.home_winwin .home_title .intro{color:#fff;}

.home_winwin .box{min-height:520px;padding-left:760px;background:url(../img/home/winwin-map.png?version=20190108) no-repeat left top;}
.home_winwin .contact dl{position:relative;padding-left:50px;}
.home_winwin .contact dl + dl{margin-top:20px;}
.home_winwin .contact dl:before{content:'';position:absolute;top:0;left:20px;background:url(../img/home/sprites.png?version=20190108) no-repeat;}
.home_winwin .contact dt{margin-bottom:6px;color:#fff;font-size:16px;line-height:1.2;}
.home_winwin .contact dd{color:#91add4;font-size:12px;}

.home_winwin .contact dl.com:before{width:28px;height:27px;margin-left:-14px;background-position:0 -500px;}
.home_winwin .contact dl.tel:before{width:21px;height:29px;margin-left:-11px;background-position:-40px -500px;}
.home_winwin .contact dl.mail:before{width:30px;height:22px;margin-left:-15px;background-position:-80px -500px;}
.home_winwin .contact dl.addr:before{width:21px;height:28px;margin-left:-11px;background-position:-120px -500px;}

.home_winwin .qrcode{overflow:hidden;margin-top:30px;color:#91add4;font-size:12px;line-height:1;text-align:center;}
.home_winwin .qrcode li{float:left;width:150px;height:135px;margin-right:20px;}
.home_winwin .qrcode h6{margin-top:5px;font-weight:normal;}


/**
 * 动态
 * ------------------------------ */
.news_list{}
.news_list .item{position:relative;overflow:hidden;padding:20px;
transition:background-color 0.4s;
}
.news_list .item:hover{background-color:#f7f9fd;}
.news_list .item + .item{border-top:1px solid #eee;}
.news_list .cover{float:left;width:265px;height:180px;margin-right:20px;background-size:cover;}
.news_list .info{overflow:hidden;}
.news_list .info h3{padding-top:5px;font-size:24px;}
.news_list .info a:hover{color:#0f82e3;}
.news_list .intro{margin-top:20px;font-size:16px;}
.news_list .other{margin-top:20px;color:#888;}
.news_list .other .col{display:inline-block;margin-right:20px;}


.news_main{padding:50px;background-color:#fff;}
.news_hd{margin-bottom:20px;font-size:16px;text-align:center;}
.news_hd h2{font-size:26px;}
.news_hd .other{margin-top:20px;color:#888;}
.news_hd .other .col{display:inline-block;}
.news_hd .other .col + .col{margin-left:20px;}
.news_hd .date{}

.news_ft{margin-top:50px;}
.news_ft .back{display:block;position:relative;width:4em;height:40px;margin:20px auto 0;padding:0 40px 0 35px;border-radius:20px;background-color:#0f82e3;color:#fff;line-height:40px;text-align:center;}
.news_ft .back:after{content:'';position:absolute;top:50%;right:30px;width:4px;height:4px;margin-top:-3px;border-top:2px solid currentColor;border-right:2px solid currentColor;
transform:rotate(45deg);
}


/**
 * 活动
 * ------------------------------ */
.event_list{}
.event_list .item{box-sizing:border-box;position:relative;float:left;width:30%;height:385px;margin-right:5%;margin-bottom:50px;padding:10px;border:1px solid #eee;}
.event_list .item:nth-child(3n){margin-right:0}
.event_list .cover{position:relative;overflow:hidden;height:0;padding-top:67%;background-repeat:no-repeat;background-size:cover;
transition:opacity 0.2s;
}
.event_list .cover:hover{opacity:0.8;}
.event_list .cover a{position:absolute;top:0;bottom:0;left:0;right:0;}
.event_list .state{position:absolute;top:10px;left:10px;height:28px;padding:0 10px 0 15px;background-position:center;background-color:#f29f0e;color:#fff;line-height:28px;}
.event_list .state:before{content:'';position:absolute;top:0;left:100%;width:0;height:0;
border-style: solid;
border-width: 14px 14px 0 0;
border-color: #f29f0e transparent transparent transparent;
}
.event_list .state:after{content:'';position:absolute;bottom:0;left:100%;width:0;height:0;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 0 14px;
border-color: transparent transparent transparent #f29f0e;
}
.event_list .info{margin-top:10px;color:#888;}
.event_list .info a:hover{color:#0f82e3;}
.event_list .info h3{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap;}
.event_list .info .date,
.event_list .info .address{position:relative;margin-top:10px;padding-left:22px;line-height:20px;}
.event_list .info .date:before,
.event_list .info .address:before{content:'';position:absolute;top:10px;left:8px;width:16px;height:16px;margin-top:-8px;margin-left:-8px;background:url(../img/event/sprites.png?version=20190108) no-repeat;}
.event_list .info .address:before{width:14px;height:19px;margin-top:-10px;margin-left:-7px;background-position:-40px 0;}
.event_list .info .total{margin-top:10px;padding-top:10px;border-top:1px solid #eee;text-align:right;}
.event_list .info .total em{color:#fda102;}

.event_list .item.end .state{background-color:#bbb;}
.event_list .item.end .state:before{border-top-color:#bbb;}
.event_list .item.end .state:after{border-left-color:#bbb;}


.event_focus{overflow:hidden;position:relative;padding:90px 50px 50px 50px;background-color:#fff;}
.event_focus .state{position:absolute;top:20px;left:0;height:44px;padding:0 20px 0 25px;background-position:center;background-color:#f29f0e;color:#fff;font-size:20px;line-height:44px;}
.event_focus .state:before{content:'';position:absolute;top:0;left:100%;width:0;height:0;
border-style: solid;
border-width: 22px 22px 0 0;
border-color: #f29f0e transparent transparent transparent;
}
.event_focus .state:after{content:'';position:absolute;bottom:0;left:100%;width:0;height:0;
width: 0;
height: 0;
border-style: solid;
border-width: 22px 0 0 22px;
border-color: transparent transparent transparent #f29f0e;
}
.event_focus .cover{float:left;width:400px;height:270px;margin-right:50px;background-repeat:no-repeat;background-size:cover;}
.event_focus .info{float:left;width:460px;}
.event_focus .info h2{font-size:24px;}
.event_focus .attr{margin-top:15px;}
.event_focus .attr dl{overflow:hidden;padding:10px 0;border-bottom:1px dashed #ddd;}
.event_focus .attr dt{float:left;width:6em;}
.event_focus .attr dd{overflow:hidden;}
.event_focus .attr em{color:#fda102;}
.event_focus .qrcode{float:right;width:114px;padding:10px;border:1px solid #eee;text-align:center;}
.event_focus .qrcode:before{content:'';display:block;width:114px;height:114px;background:url(../img/event/qrcode.jpg?version=20190108) no-repeat;}

.event_title{position:relative;margin-bottom:20px;}
.event_title:before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#eee;}
.event_title h3{display:inline-block;position:relative;padding-bottom:10px;color:#0f82e3;font-size:20px;}
.event_title h3:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#0f82e3;}

.event_box{overflow:hidden;margin-top:20px;}
.event_main{float:left;width:720px;padding:30px 50px 50px 50px;background-color:#fff;}
.event_side{float:right;width:320px;padding:20px;background-color:#fff;}

.event_relate{}
.event_relate li{overflow:hidden;}
.event_relate li + li{margin-top:20px;}
.event_relate .cover{position:relative;float:left;width:160px;height:110px;margin-right:10px;
transition:opacity 0.2s;
}
.event_relate .cover a{position:absolute;top:0;bottom:0;left:0;right:0;}
.event_relate .cover:hover{opacity:0.8;}
.event_relate .info{overflow:hidden;}
.event_relate h4{overflow:hidden;max-height:48px;font-size:16px;line-height:24px;}
.event_relate a:hover{color:#0f82e3;}
.event_relate .date,
.event_relate .address{overflow: hidden; position:relative;margin-top:10px;padding-left:22px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.event_relate .date:before,
.event_relate .address:before{content:'';position:absolute;top:10px;left:8px;width:16px;height:16px;margin-top:-8px;margin-left:-8px;background:url(../img/event/sprites.png?version=20190108) no-repeat;}
.event_relate .address:before{width:14px;height:19px;margin-top:-10px;margin-left:-7px;background-position:-40px 0;}