@charset "UTF-8";

.about_01{padding:90px 0 90px}
.about_01 .txt_body{display:inline-block;width:100%;margin-top:60px;}
.about_01 .txt_body img.fl{width:540px;}
.about_01 .txt_body .txt{width:620px;font-size:16px;line-height:30px;color:#46515e;text-align:justify;}

.about_02{background-color:#f5f7f7;background-image:url(../images/about/about_02_bg.jpg);background-repeat:no-repeat;background-position:center top; padding:60px 0 105px;}
.about_02 .list{font-szie:0;margin-top:50px;}
.about_02 .list .list_top{height:8px;background:url(../images/about/list_top.png) no-repeat center;}
.about_02 .list ul{background:url(../images/about/list_line.png) repeat-y center top;padding-bottom:90px;}
.about_02 .list ul li{display:inline-block;width:100%;}
.about_02 .list ul li .txt{float:left;width:50%;text-align:right;box-sizing:border-box;padding-right:105px;background:url(../images/about/list_txt.jpg) no-repeat right 28px;}
.about_02 .list ul li:nth-child(2n) .txt{float:right;width:50%;box-sizing: border-box;text-align:left;padding-left:105px;background:url(../images/about/list_txt.jpg) no-repeat left 28px;}
.about_02 .list ul li .txt h3{font-size:46px;font-weight:700;color:#65c6c4;margin-bottom:10px;}
.about_02 .list ul li .txt h4{font-size:22px;line-height:28px;color:#454545;}
.about_02 .list ul li .txt p{font-size:18px;line-height:30px;color:#737373;}
.about_02 .list ul li .txt p span{display:inline-block;min-width:185px;}
.about_02 .list .list_bottom{height:10px;background:url(../images/about/list_bottom.png) no-repeat center;}

.newsList{padding:80px 0;}
.newsList ul.list{margin-top:55px;}
.newsList ul.list li{height:320px;margin-bottom:65px;}
.newsList ul.list li .time{width:168px;height:320px;position: relative;float:left;}
.newsList ul.list li .time .box{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:86px;text-align:center}
.newsList ul.list li .time .box hr{border:0;height:2px;width:100%;background:#bdbdbd;display:inline-block;margin:10px 0;}
.newsList ul.list li .time .box h3{font-size:50px;line-height:50px;color:#555555;}
.newsList ul.list li .time .box h4{;font-size:18px;line-height:18px;color:#555555;}
.newsList ul.list li .pic{float:left;width:455px;height:320px;overflow:hidden;}
.newsList ul.list li .pic img{display:block;width:100%;}
.newsList ul.list li .txt{float:left;width:calc(100% - 623px);height:320px;background:#f5f7f7;box-sizing:border-box;padding:30px 30px 0;font-size:0;}
.newsList ul.list li .txt h3{font-size:28px;line-height:28px;color:#232d38;}
.newsList ul.list li .txt hr{display:inline-block;border:0;height:1px;background:#d6d7d7;width:100%;margin:15px 0 20px;}

.newsList ul.list li .txt p{font-size:16px;line-height:26px;color:#676d74;}
.newsList ul.list li .txt a{display:inline-block;width:106px;height:42px;line-height:42px;color:#fff;font-size:16px;text-align:center;text-decoration:none;margin-top:30px;position:relative;z-index:2;background-color:#65c6c4;}
.newsList ul.list li .txt a:before{position:absolute;content:'';background:#3a9de7;transition-duration:.3s;left:0;top:0;width:0;height:100%;opacity:1;z-index:-1;}
.newsList ul.list li .txt a:hover::before{width:100%;right:0;}
.newsDet{padding:70px 0;}
.newsDet .det_tit{text-align:center;margin-bottom:40px;}
.newsDet .det_tit h3{font-size:24px;line-height:48px;color:#373737;}
.newsDet .det_tit h4{font-size:16px;line-height:34px;color:#909090;margin-top:10px;}
.newsDet .fckBody p{font-size:18px;line-height:30px;color:#46515e;}
.newsDet .fckBody.bom p{font-size:16px;line-height:26px;}
.newsDet .fckBody h3{font-size:24px;color:#1b1b1b;line-height:30px;margin-bottom:20px;}
.newsDet .fckBody img{max-width:100%;}
.newsDet .back{text-align:center;margin-top:110px;}
.newsDet .back a{display:inline-block;width:140px;height:48px;line-height:48px;background-color:#e1e1e1;font-size:16px;color:#434343;text-decoration:none;position: relative;z-index:1;}
.newsDet .back a i{margin-right:10px;font-size:16px;}
.newsDet .back a:before{position:absolute;content:'';background:#48b5d0;transition-duration:.3s;left:0;top:0;width:0;height:100%;opacity:1;z-index:-1;}
.newsDet .back a:hover::before{width:100%;right:0;}
.newsDet .back a:hover{color:#fff;}