@charset "utf-8";
* {margin: 0;padding: 0;}
body{background: #fddaac url(../images/banner.png) center top no-repeat;}
html {min-width: 1240px;}
.wraper{}
.wrap {width: 1240px; margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
dl,dt,ul {list-style: none;text-decoration: none;padding-inline-start: 0;}
a{text-decoration: none;}
.clearfix:before,.clearfix:after {content: "";display: table;clear: both;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.bg-white{background-color: #fff;}
.title{height: 57px; line-height: 60px; color: #333; margin: 30px auto; text-align: center; font-size: 34px; font-weight: bold;}
.title span{color: #ff8d0a;}
.tit1{background: url(../images/tit1.png) center no-repeat;}
.tit2{background: url(../images/tit2.png) center no-repeat;}
.tit3{background: url(../images/tit3.png) center no-repeat;}
.tit4{background: url(../images/tit4.png) center no-repeat;}

.zt .text{background: url(../images/a1.png) center no-repeat; height: 237px; margin-top: 500px; box-sizing: border-box; padding: 90px 90px 0 120px; text-indent: 2em; line-height: 28px; color: #79431f;}
.zt ul li{width: 303px; height: 208px; box-sizing: border-box; padding: 80px 10px 0;}
.zt ul li h2{text-align: center; color: #fff; margin-bottom: 20px;}
.zt ul li p{text-align: center; line-height: 24px;}
.zt ul li:nth-child(1){background: url(../images/a2.png) center no-repeat;}
.zt ul li:nth-child(1) span{color: #b37100;}
.zt ul li:nth-child(2){background: url(../images/a3.png) center no-repeat;}
.zt ul li:nth-child(2) span{color: #003899;}
.zt ul li:nth-child(3){background: url(../images/a4.png) center no-repeat;}
.zt ul li:nth-child(3) span{color: #cc5500;}
.zt ul li:nth-child(4){background: url(../images/a5.png) center no-repeat;}
.zt ul li:nth-child(4) span{color: #cc1400;}
.zt ul li:hover{transform: translateY(-10px);}
.bg{background: #fff url(../images/bg5.png) center bottom no-repeat;}
.bg1{background: url(../images/top3.png) center no-repeat; height: 735px;}
.bg2{background: url(../images/table.png) center no-repeat; height: 1179px;}
.bg3{background: url(../images/top6.png) center no-repeat; height: 1017px;}
.bg7{background: url(../images/top7.png) center no-repeat; height: 410px;}
.bg8{background: url(../images/top8.png) center no-repeat; height: 748px;}
/* 六个关注 */
.point{padding: 30px 0;}
.point ul li{width: 410px;height: 250px;box-sizing: border-box;position: relative;padding: 66px 30px 0 60px; cursor: pointer;}
.point ul li:hover{transform: translate(1px,1px);}
.point ul li h4{font-size: 19px;color: #fcf5eb;font-weight: bold;position: absolute;top: 20px;left: 29px;}
.point ul li h2{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 28px;}
.point ul li p{font-size: 16px; line-height: 25px;}
.point ul li:nth-child(1){background: url(../images/b1.png) center no-repeat;}
.point ul li:nth-child(2){background: url(../images/b2.png) center no-repeat;}
.point ul li:nth-child(3){background: url(../images/b3.png) center no-repeat;}
.point ul li:nth-child(4){background: url(../images/b4.png) center no-repeat;}
.point ul li:nth-child(5){background: url(../images/b5.png) center no-repeat;}
.point ul li:nth-child(6){background: url(../images/b6.png) center no-repeat;}

/* 设计与实施 */
.design{background: url(../images/bg.png) center no-repeat; height: 726px; box-sizing: border-box; padding-top: 10px;}
.design ul li{background: url(../images/juxing3.png) no-repeat; width: 608px; height: 120px; box-sizing: border-box; padding: 20px 20px; margin-bottom: 10px;}
.design ul li:hover{transform: translate(2px,2px);}
.design ul li div{width: 480px; margin-left: 10px;}
.design ul li span{font-size: 20px; padding-bottom: 2px; font-weight: bold; border-bottom: 1px dashed #ebebeb;}
.design ul li p{margin-top: 8px; font-size: 14px;}

/* video */
.video{background: #fff;box-sizing: border-box;padding: 30px 0;/* padding: 30px 30px 0; */box-shadow: 0 3px 9px 1px #f8e1ca;margin-bottom: -4px;border-radius: 20px;}
.video .change{ width: 100%;height: 78px; line-height: 78px; font-size: 24px; color: #fff; font-weight: bold;}
.video .change a{color: #fff;width: 49%;display: inline-block;text-align: center;margin-left: 317px;}
.video .change a.active{background: url(../images/juxing2.png) 10px 5px no-repeat;}
.box{margin: 10px 0 0;padding: 0px 30px 0;}
.video li{width: 565px;height: 363px;box-sizing: border-box;box-shadow: 0 3px 9px 1px #f8e1ca;padding: 20px 10px;position: relative;border-radius: 10px;margin-top: 20px;margin-right: 25px;}
.video li:nth-child(2n){margin-right: 0;}
.video li img{margin-top: 40px;}
.box_right{width: 360px;}
.box_right h2{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 15px;}
.box_right h2 span{margin-left: 10px; font-size: 18px; color: #fff; padding: 4px 15px; background-image: linear-gradient(to bottom,#ffbe60,#ff8b0a); border-radius: 19px; position: relative; top: -2px;}
.school span{background-color: #fce4c5; color: #cc7108; padding: 6px 10px; margin-right: 10px;}
.box_right h4{ color: #333;background: url(../images/square1.png) left 9px no-repeat; padding-left: 12px; margin: 15px 0 5px; font-size: 17px; line-height: 28px;}
.box_right p{ color: #333;background: url(../images/square.png) left 10px no-repeat;font-size: 14px; line-height: 26px; padding-left: 12px;}
.check{position: absolute; text-align: center; background: url(../images/check.png) center no-repeat; height: 52px; line-height: 58px; width: 123px; left: 30px; bottom: 40px; color: #fff; font-size: 18px; font-weight: bold;}
.none{display:none;}