body{background: #fff;}
.tarea{width: 1360px;margin: 0 auto;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}

.topbanner{height: 700px;background: url(../images/banner.png) top center no-repeat;}
.bantit{width: 100%;padding: 115px 0 15px;text-align: center;}
.xinxi{width: 100%;text-align: center;}
.xinxi span{display: inline-block;height: 52px;line-height: 52px;background-image: linear-gradient(0deg, #7ebefe 0%, #ffffff 100%), linear-gradient(#000000, #000000);background-blend-mode: normal, normal;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.35);border-radius: 26px;font-size: 24px;color: #0057b0;margin-right: 60px;padding: 0 35px;}
.xinxi span:last-child{margin-left: 0;}
.daoyu{width: 100%;padding: 35px 45px 40px;box-sizing: border-box;box-shadow: 0px 0px 7px 0px rgba(133, 177, 255, 0.35);border-radius: 16px;background-color: #fff;margin: -180px auto 70px;}
.daoyu .title{width: 100%;height: 66px;text-align: center;position: relative;margin-bottom: 20px;}
.daoyu .title::before{content: '';height: 1px;width: 100%;border-bottom: 1px dashed #689eff;position: absolute;left: 0;top: 32px;}
.daoyu .title img{position: relative;z-index: 2;}
.daoyu p{font-size: 18px;line-height: 42px;text-indent: 2em;}

.tony>.title,.credit>.title{width: 100%;height: 40px;background: url(../images/lmt.png)center center no-repeat;text-align: center;font-size: 40px;color: #0057b0;font-weight: bold;margin-bottom: 50px;line-height: 40px;}
.tony>.title a,.credit>.title a{color: #0057b0;}

.rotation{width: 712px;height: 420px;position: relative;float: left;}
.rotation ul li {position: relative;height: 420px;}
.rotation ul li img {width: 100%;height: 100%;}
.rotation ul li p {position: absolute;width: 100%;height: 66px;line-height: 66px;bottom: 0;padding: 0 20px;background: rgba(0, 0, 0, .4);color: #fff;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.rotation .hd {position: absolute;bottom: 20px;right: 30px;z-index: 999;}
.rotation .hd ul li {float: left;width: 12px;height: 12px;background: #fff;margin: 0 4px;}
.rotation .hd ul li.on {background: #ff6c00;}

.bgs{width: 648px;}
.title{width: 100%;height: 30px;}
.m-dynamic{width: 100%;height: 390px;background-color: #f5f8ff;padding: 15px 25px 0;box-sizing: border-box;}
.m-dynamic ul li {line-height: 52px;padding-left: 15px;font-size: 18px;position: relative;background: url(../images/dian.png)left center no-repeat;}
.m-dynamic ul li span {float: right;font-size: 16px;color: #b3b3b3;}
.m-dynamic ul li a{display: block; max-width: 85%;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}

.zcwj{width: 100%;padding: 80px 0;background: url(../images/banner2.png)bottom center no-repeat;}
.tablink{width: 100%;text-align: center;position: relative;}
.tablink a{display: inline-block;width: 240px;height: 66px;background-color: #689eff;border-radius: 33px;margin-right: 66px;text-align: center;line-height: 66px;font-size: 24px;color: #fefefe;font-weight: bold;}
.tablink a img{vertical-align: text-top;margin-right: 20px;}
.tablink a:last-child{margin-right: 0;}
.tablink a:hover,.tablink a.active{background-color: #0057b0;}
.xinlist{width: 100%;height: auto;padding: 55px 25px 30px;box-shadow: 0px 0px 7px 0px rgba(133, 177, 255, 0.35);margin-top: -33px;background-color: #fff;}
.xinlist ul li{width: 630px;float: left;margin-right: 50px;}
.xinlist ul li:nth-child(2n){margin-right: 0;}

.lastbox{padding: 75px 0 80px;background: url(../images/jclsbg.png)top -40px center no-repeat;}
.credit{width: 650px;background-image: linear-gradient(0deg, #f5f8ff 0%, #ffffff 100%);}
.credit>.title{background: url(../images/lnt2.png)right center no-repeat;text-align: left;margin-bottom: 24px;}
.tablm{padding-top: 15px;width: 100%;text-align: center;margin-bottom: 27px;}
.tablm a{display: inline-block;width: 180px;height: 62px;background-color: #689eff;margin-right: 36px;text-align: center;line-height: 62px;font-size: 24px;color: #fff;font-weight: bold;}
.tablm a:last-child{margin-right: 0;}
.tablm a:hover,.tablm a.active{background-color: #0057b0;}
.credit .m-dynamic{height: auto;padding: 0 25px 20px;background: none;}

@media screen and (max-width: 767px) {
    .tarea{padding: 0 15px;box-sizing: border-box;}
    .topbanner{height: 520px;}
    .tarea,.bgs,.rotation,.credit,.xinlist ul li{width: 100%;}
    .bgs .title{display: none;}
    .bantit img{width: 100%;}
    .xinxi span{height: 34px;line-height: 34px;margin-right: 10px;padding: 0 15px;font-size: 16px;margin-bottom: 20px;}
    .daoyu{padding: 35px 15px 40px;}
    .rotation,.rotation ul li{height: 222px;}
    .m-dynamic{padding: 15px 15px 0;}
    .tablm a{width: 165px;margin-right: 10px;}
    .credit{margin-bottom: 20px;}
    .credit>.title{background: url(../images/lnt2.png) left 200px center no-repeat;}
    .xinlist{padding: 55px 15px 30px;}
    .tablink a{display: block;margin: 0 auto 20px;}
    .tablink a:last-child{margin-bottom: 0;margin-right: auto;}
    .firsttitle{background: none;}
}

@media screen and (min-width:768px) and (max-width: 1025px){
    .tarea{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .rotation,.bgs{width: 50%;}
    .credit{width: 100%;margin-bottom: 20px;}
}