.container{width:1200px;} .container h4{font-size: 24px;color: #2a6597;font-weight: normal;margin-bottom: 22px;} .propery_main .propery_list,.propery_imgs,.propery_welfare{float: left;} .propery_list {width: 170px;margin-right: 20px;} .propery_list ol li{width: 150px;background: #FFFFFF;margin-bottom: 40px;height: 80px;line-height: 80px;text-align: center;font-size: 20px;border: 1px solid #cccccc;} .propery_list ol li.that{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;} .propery_imgs{width: 710px;position: relative;height: 300px;} .propery_header{margin-bottom: 90px;margin-top: 44px;} .propery_header h5{font-size: 24px;color: #2a6597;margin-top: 44px;margin-bottom: 40px;} .carousesmall{ position:relative; overflow: hidden;width:100%;height:160px;margin: 0 auto; } .ct_img_big{ position:absolute; } .ct_img_big li{ float: left; height:150px;width:200px;} .ct_img_big li img:nth-child(2){margin-top:50px;} .btn{ position: absolute; } .btn_pre1{top:50px;left:200px;width:40px;} .btn_next1{top:50px;right:200px;width:40px;} .btn_div{width:1200px;height:160px;margin: 0 auto;position: relative;} .btn_div>div{height:160px;position: absolute;} .btn_div>a{padding: 0;} .btn_div>a>img{width:100%;} .leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;} .rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;} .propery_list ol li:hover{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;cursor: pointer;} .propery_imgs ul li img{width: 710px;height: 238px;margin-bottom: 28px;} .propery_imgs ul li{position: absolute;top: 0 ;left: 0;} .propery_imgs ul li p{font-size: 14px;color: #CCCCCC;line-height: 24px;} .propery_welfare{width: 236px;height: 260px;} .welfare_href{clear: both;width: 340px;margin: 0px auto ;padding-top: 25px;} .welfare_href a{width: 150px;height: 42px;background: #ffb200;color: #FFFFFF;font-size: 16px;text-align: center;line-height: 42px;display: inline-block;} .welfare_href a:first-child{margin-right: 40px;} .propery_star{width: 100%;height: 460px;background:url(../../../img/property_bj.jpg) no-repeat center center ;margin-top: 52px;position: relative;z-index: 10;} .copyright{width: 1168px;margin: 0px auto;position: relative;z-index: 14;margin-top: -370px;background: #ffffff;padding-left: 32px;overflow: hidden;box-shadow: 2px 2px 10px #CCCCCC;} .copyright h4{color: #2a6597;font-size: 24px;margin-bottom: 35px;margin-top: 35px;} .copyright_left{float: left;width: 380px;} .copyright_right{float: left;margin-left: 22px;text-align: center;} .copyright_left img{width: 380px;height: 164px;margin-bottom: 15px;} .copyright_left p{padding-left:5px ;padding-right: 5px;font-size: 14px;color: #5f5e5e;line-height: 24px;margin-bottom: 50px;} .copyright_contant{float: left;} .copyright_right ol li:hover{cursor: pointer;color: #f68705;} .copyright_right h6{font-size: 14px;color: #f68705;margin-bottom: 22px;text-align: left;} .copyright_right ol li{padding-bottom: 12px;border-bottom: 1px solid #cccccc;margin-bottom: 26px;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .copyright_right>a{width: 150px;height: 46px;display: inline-block;color: #ffffff;font-size: 16px;line-height: 46px;text-align: center;background: #ffb200;margin-top: 30px;margin-bottom: 30px;} .outtime{position:absolute;height: 472px;z-index: 20;width: 380px;right: 0;background: url(../../../img/property_08.jpg) center center no-repeat;} .outtime time{font-size: 296px;color: #ff9019;position: absolute;top: 92px;left: 112px;z-index: 40;font-family: arial;} .outtime .img_tate{position: absolute;top: 64px;right: 5px;z-index: 25; animation: rata 10s infinite linear;transition: all 10s;} .outtime .pro_yg{position: absolute;top: 83px;right:28px;opacity: 0.15;z-index: 30;} @-moz-keyframes rata{ from{transform: rotate(0deg)} to{transform: rotate(360deg)} } @-webkit-keyframes rata{ from{transform: rotate(0deg)} to{transform: rotate(360deg)} } @keyframes rata{ from{transform: rotate(0deg)} to{transform: rotate(360deg)} } .intellectual{background: url(../../../img/property_09.png)no-repeat center center;height: 350px;width: 750px;position: relative;z-index: 10;display: inline-block;margin-top: 60px;} .intellectual a{width: 150px;height: 54px;background: url(../../../img/property_12.png) no-repeat;text-align: center;line-height: 44px;font-size: 16px ;color: #ffffff;bottom: 20px;right: -24px;position: absolute;display: inline-block;z-index: 11;} .intellectual_right{float: right;width: 366px;margin-top: 60px;} .intellectual_right h4{margin-top: 88px;font-size: 24px;color: #2a6597;margin-bottom: 32px;} .intellectual_right P{line-height: 24px;color: #5f5e5e;font-size: 14px;} .process{background: #fcfaf9;text-align: center;margin-top: 44px;} .process h5{font-size: 24px;color: #2a6597;font-weight: normal;margin-top: 50px;margin-bottom: 28px;} .process .container>img{width:1200px;height: 174px;margin-bottom: 140px;} .advantage ul{overflow: hidden;} .advantage ul li{width: 220px;height: 270px;background: url(../../../img/property_14.png) no-repeat center center;float: left;margin-left: 96px;} .advantage ul li:first-child{margin-left: 0;} .advantage ul li h6{font-size: 18px; color: #3b86c5;margin-top: 40px;margin-bottom: 16px;font-weight: 800;} .advantage ul li p{width: 180px;text-align: left;margin: 0 auto;padding-left: 6px;color: #393838;font-size: 14px;margin-bottom: 5px;height: 76px;} .advantage ul li time span{font-size: 20px;color: #393838;display: inline-block;} .advantage ul li time{width: 76px;height: 30px;display: inline-block;line-height: 30px;} .advantage ul li:hover{ background: url(../../../img/property_122.png) no-repeat center center;} .advantage ul li:hover p,.advantage ul li:hover h6{color: #ffffff;} .advantage ul li:hover time {background: #ffffff;} .advantage ul li:hover time span{color: #000000;} .advantage {padding-bottom: 170px;}