@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:"微软雅黑"}
ul{list-style:none}
a{text-decoration:none}
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1200px;margin:0 auto;position:relative}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:400px;margin-top:40px}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:380px;height:380px;float:left}
.lsb-background:nth-child(1){background: url(../images/bg1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/bg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/bg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.xy-background{width:380px;height:380px;float:left}
.xy-background:nth-child(1){background: url(../images/bg4.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.xy-background:nth-child(2){background: url(../images/bg5.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.xy-background:nth-child(3){background: url(../images/bg6.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.jy-background{width:380px;height:380px;float:left}
.jy-background:nth-child(1){background: url(../images/bg7.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.jy-background:nth-child(2){background: url(../images/bg8.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.jy-background:nth-child(3){background: url(../images/bg9.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.ym-background{width:380px;height:380px;float:left}
.ym-background:nth-child(1){background: url(../images/bg10.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.ym-background:nth-child(2){background: url(../images/bg11.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.ym-background:nth-child(3){background: url(../images/bg12.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,.1);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.8)}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:106px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:136px}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}
/*标题及左右背景图片*/
.bar{padding-top:60px;padding-bottom:10px;text-align:center}
.bar h1{position:relative;display:inline-block;margin:0 auto 20px;line-height:30px;padding:0 30px;font-weight:400;font-size:28px;text-align:center;color:#383e63}
.bar h1:before{content:"";width:66px;height:13px;background:url(../images/ei-v3-title_dark_r.png) no-repeat center;background-size:contain;position:absolute;top:5px;left:100%}
.bar h1:after{content:"";width:66px;height:13px;background:url(../images/ei-v3-title_dark_l.png) no-repeat center;background-size:contain;position:absolute;top:5px;right:100%}
.news-body{position:relative}
/*左侧图片*/
.news-pic-box{position:absolute;top:12px;left:0;width:420px;height:280px;background:url(./../images/ei-v3-news-pic.jpg);background-position:center;background-size:cover}
.xynews-pic-box{position:absolute;top:12px;left:0;width:420px;height:280px;background:url(./../images/ei-v4-news-pic.jpg);background-position:center;background-size:cover}
.jynews-pic-box{position:absolute;top:12px;left:0;width:420px;height:280px;background:url(./../images/ei-v5-news-pic.jpg);background-position:center;background-size:cover}
/*右侧轮播*/
.news-top{box-shadow:0 15px 30px 10px rgba(196,203,222,0.43);border-radius:2px;padding-left:40px;margin-left:0px;background-color:white;height:150px}
.news-text{box-shadow:0 15px 30px 10px rgba(196,203,222,0.43);border-radius:2px;padding-left:40px;margin-left:380px;background-color:white;height:304px}
.news-body:after{content:"";display:table;clear:both}
.news-text-content{position:relative;overflow:hidden;height:100%}
.news-text-content ul{position:relative;width:100%;height:100%;box-sizing:content-box}
.news-text-content li{padding:30px 60px;height:100%;position:relative}
.news-text-top li{padding:30px 60px;height:100%;position:relative}
.news-text-content h1{max-height:56px;font-size:22px;line-height:24px;color:#383e63;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:.2s;margin-bottom:10px}
.news-text-content h1 a{display:block}
.news-text-content p{margin-bottom:20px;font-size:14px;line-height:22px;color:#737895;position:relative}
/*引号*/
.news-text-content p:before{content:"";width:21px;height:18px;background:url(../images/ei-v3-point.png) no-repeat;background-size:cover;position:absolute;bottom:-28px;right:-31px}
.news-text-content p:after{content:"";width:21px;height:18px;background:url(../images/ei-v3-point.png) no-repeat;background-size:cover;position:absolute;top:0;left:-31px;transform:rotatez(180deg)}
/*悬停标题颜色*/
.news-title-content:hover{cursor:pointer}
.news-title-content:hover h1{color:#f66f6a}
/*分页*/
.news-text-pagination{display:block;position:absolute;left:0;right:0;margin-bottom:20px;line-height:4px;z-index:10;bottom:10px;width:100%;text-align:center}
.news-text-pagination  span{width:24px;height:4px;border-radius:2px;background:#666a75;vertical-align:middle;display:inline-block;margin:0 5px;opacity:.2;cursor:pointer}
.news-text-pagination  span.on{background:#f66f6a;opacity:1}
/*按钮*/
.cui-btn{display:inline-block;height:40px;padding:0 30px;border:solid 1px transparent;border-radius:2px;background:transparent;font-weight:400;font-size:14px;line-height:38px;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;transition:0.2s;border-color:#f66f6a;background-color:#f66f6a;color:#fff}
.cui-btn:hover{box-shadow:0 8px 16px rgba(246,111,106,0.5)}