.news-banner{background-image:url(../images/news/banner.jpg);background-size:cover;padding-top:80px;padding-bottom:80px;}
.news-banner h1{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:36px;margin-left:46px;font-weight: bold;}
.news-banner h1:before{content:'';position:absolute;width: 32px;height: 32px;border: solid 1px #fde02d;border-radius:32px;left:-42px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.news-banner h1:after{content:'';position:absolute;width: 16px;height: 16px;background-color:#fde02d;border-radius:16px;left:-34px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.news-banner small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:24px;letter-spacing: 2px;line-height: 1;display:block;margin-top:30px;}


.news-nav{padding-top:20px;border-bottom:1px solid #d5d5d5;background-color:#f0f2fd;}
.news-nav .container{text-align:center;}
.news-nav .container > div{display:inline-block;text-align:center;padding:10px 40px;cursor:pointer;}
.news-nav .container > div span{letter-spacing: 1px;color: #757575;font-size:20px;}
.news-nav .container > div.active,.news-nav .container > div:hover{border-bottom:2px solid #3f51b5;}
.news-nav .container > div.active span,.news-nav .container > div:hover span{color:#3f51b5;}

.news-list-top{background-color:#f0f2fd;padding-top:40px;padding-bottom:40px;}
.news-list-top .card{overflow: hidden;}
.news-list-top .card a {color: inherit; text-decoration: none;}
.news-list-top .img {height: 64%;overflow: hidden;background-color:#f0f2fd;;-webkit-transition: height 0.5s;transition: height 0.5s;}
.news-list-top .img img {display: block;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;width:100%;}
.news-list-top .card:hover .img {height: 150px;}
.news-list-top .card:hover .img img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.news-list-top .words {position: relative;height: 110px;padding: 15px 0;-webkit-transition: height 0.5s;transition: height 0.5s;}
.news-list-top .date {position: absolute;top: -40px;left: 0;padding:12px 18px;color: #fff; line-height:1;background-color: #ffc107;border-radius: 0px 4px 0px 0px;}
.news-list-top h4 {font-size:20px;line-height: 1.5;font-weight: bold;}
.news-list-top .card:hover h4{color:#3f51b5;}
.news-list-top p{position: absolute;opacity: 0;-webkit-transform: translateY(45px);transform: translateY(45px);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;transition: opacity 0.3s, transform 0.3s,-webkit-transform 0.3s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.news-list-top .card:hover p {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.news-list-top .more {position: absolute;bottom: 0;left: 15px;right:15px;}
.news-list-top .more i{display:block;font-style: normal;font-size:14px;color:#ffc107;letter-spacing: 1px;position:absolute;position: absolute;bottom:0;}
.news-list-top .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;background-position: 49% 60%;top:3px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}

.news-list{margin-bottom: 20px;}
.news-list .row{padding-top:20px;padding-bottom:20px;}
.news-list .row a{border-bottom:1px solid #e5e5e5;padding-top:20px;padding-bottom:20px;}
.news-list .words{padding-left:30px;padding-right:30px;}
.news-list .img img{display: table;}
.news-list .words small{color:#757575;font-size:16px;line-height: 1;display: block;margin-bottom: 10px;}
.news-list .words h4{font-size:20px;line-height:1.5;}
.news-list i{display:block;font-style: normal;font-size:14px;color:#bdbdbd;letter-spacing: 1px;position:relative;margin-top: 10px;}
.news-list i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;background-position: 49.5% 40%;top:3px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.news-list .row a:hover {border-bottom:2px solid #ffc107;padding-bottom:19px;}
.news-list .row a:hover h4{color:#3f51b5;}
.news-list .row a:hover i{color:#ffc107;}
.news-list .row a:hover i:after{background-position: 49.5% 60%;}

.news-banner-details{background-image:url(../images/news/banner-details.jpg);background-size:cover;padding-top:50px;padding-bottom:50px;}
.news-banner-details h2{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;position: relative;color:#ffffff;font-size:32px;font-weight: bold;}
.news-banner-details small{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;color:#ffffff;font-size:16px;letter-spacing: 1px;line-height: 1;display:block;margin-top:30px;}
.news-banner-details div a{font-family: "mySourceHanSansSC",Microsoft Yahei,Arial,sans-serif;padding:15px;display:inline-block;color:#fff;border-radius: 2px;margin-right:15px;line-height:1;margin-top:30px;}
.news-banner-details div a:first-child{border: solid 1px #ffffff;}
.news-banner-details div a:last-child{background-color: #ffc107;}

.news-deails > .title h1{letter-spacing: 1px;font-size:28px;font-weight:600;line-height:1.5;margin-top:10px;margin-bottom:5px;}
.news-deails > .title small{color: #757575;font-size:14px;line-height:1;}

.news-deails .main{margin-bottom:40px;padding-right:40px;margin-top: 20px;}
.news-deails .main .guide p{margin-top: 5px;}
.news-deails .main .guide img{margin-left: auto;max-width: 100% !important;height: auto !important;margin-right: auto;display: block;}
.news-deails .main > .body{margin-bottom:30px;}
.news-deails .main > .body p strong{color:#212121;}
.news-deails .main > .body img {max-width: 100% !important;height: auto !important;margin-left: auto;margin-right: auto;display: block;}
.news-deails .other .title{padding-top:40px;padding-bottom:20px;border-bottom: 1px solid #c5cae9;}
.news-deails .other .title h2{display: inline-block;font-size:24px;}

.news-deails .other .title .more{position: relative;float:right;margin-right:28px;}
.news-deails .other .title .more a{color:#ffc107;}
.news-deails .other .title .more i{font-style: normal;letter-spacing: 1px;}
.news-deails .other .title .more i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:22px;height:20px;background-position: 26.5% 0;top:2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:6px;}
.news-deails .other .title:after{content:"";clear:both;}
.news-deails .other .body a{margin-top:40px;}
.news-deails .other .body .img{-ms-flex: 0 0 18.666667%;flex: 0 0 18.666667%;max-width: 18.666667%;}
.news-deails .other .body .words{padding-left:30px;-ms-flex: 0 0 81.333333%;flex: 0 0 81.333333%;max-width: 81.333333%;}
.news-deails .other .body .img img{display: table;}
.news-deails .other .body .words > div{border-bottom:1px solid #e5e5e5;position:relative;}
.news-deails .other .body .words > div:after{content:'';position:absolute;width: 200px;height: 2px;background-color: #ffc107;bottom:-1px;left:0;}
.news-deails .other .body .words span{color:#757575;font-size:16px;line-height: 1;display: block;margin-bottom:10px;}
.news-deails .other .body .words h4{font-size:20px;line-height:1.5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.news-deails .other .body i{display:block;font-style: normal;font-size:14px;color:#bdbdbd;position:relative;padding-top: 10px;padding-bottom:15px;}
.news-deails .other .body i:after{position:absolute;content:"";background-image:url(../images/more-ico.png);width:16px;height:16px;background-position: 49.5% 40%;top:-2px;bottom:0;margin-top:auto;margin-bottom:auto;margin-left:8px;}
.news-deails .other .body a:hover .words h4{color:#3f51b5;}
.news-deails .other .body a:hover .words > div:after{display:none;}
.news-deails .other .body a:hover .words > div{border-bottom:2px solid #ffc107;}
.news-deails .other .body a:hover i{color:#ffc107;padding-bottom:14px;}
.news-deails .other .body a:hover i:after{background-position: 49.5% 60%;top:-1px;}



.news-deails .side-top{margin-top:35px;background-color:#f0f2fd;}
.news-deails .side-top h2{color:#ffffff;font-size:24px;font-weight: normal;padding-top:20px;padding-bottom:20px;background-color:#3f51b5;text-align:center;}
.news-deails .side-top ul{padding-bottom:20px;}
.news-deails .side-top ul li{margin-top:20px;padding-left:20px;padding-right:20px;text-align:center;}
.news-deails .side-top ul li span{display:block;line-height:1;margin-top:10px;}
.news-deails .side-more{margin-top:40px;background-color:#f0f2fd;}
.news-deails .side-more h2{color:#ffffff;font-size:24px;font-weight: normal;padding-top:20px;padding-bottom:20px;background-color:#3f51b5;text-align:center;}
.news-deails .side-more ul{padding-top:20px;padding-bottom:40px;}
.news-deails .side-more ul li{margin-top:20px;padding-left:40px;padding-right:40px;}
.news-deails .side-more ul li a{display: block;text-align:center;border-radius: 2px;border: solid 1px #3f51b5;padding-top:20px;padding-bottom:20px;color:#3f51b5;line-height: 1;}
.news-deails .side-more ul li a:hover{color:#ffffff;background-color:#3f51b5;}
.news-deails .side-conversion .phone{background-color: #3f51b5;}
.news-deails .side-conversion .phone a{padding:20px; display: block;line-height: 1;text-align: center;}