* { margin: 0px; padding: 0px; }
body {background: url("../images/banner.png") center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1200px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap {width: 1200px; margin: 0px auto; }
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.logo{margin-top: 30px;}
.mx-auto{margin: 0 auto;}
.text-center{text-align: center;}

.title{margin: 10px auto; text-align: center;}
.inr{background: url(../images/inr.png) center no-repeat; height: 184px; margin-top: 400px; padding: 40px 20px 20px 220px; box-sizing: border-box; line-height: 30px; text-indent: 2em;}

.video li{width: 598px; height: 334px; padding: 25px 35px; box-sizing: border-box; position: relative; margin-bottom: 25px; margin-right: 3px;}
.video li:nth-child(2n){margin-right: 0;}
.video li .ter-bg{ width: 144px; height: 192px; overflow: hidden;}
.video li .ter-bg img{width: 90%;position: relative;left: 14px;top: 23px;}
.video li .sub{width: 91px;height: 32px;line-height: 32px;text-align: center;color: #fff;position: absolute;top: 185px;left: 97px;font-size: 22px;z-index: 100;}
.video li .bofang{width:136px;height:44px;line-height:44px;text-align:center;font-size:24px;margin-top:25px;letter-spacing:.1em;font-weight:500; margin-left: 10px; cursor: pointer;}
.video li .ter-inr{margin-left: 40px; width: 330px;}
.video li .ter-inr h3{font-size: 24px; margin-bottom: 15px; color: #333;}
.video li .ter-inr h3 span{font-size: 14px; font-weight: normal;}
.video li .ter-inr p{background: url(../images/circle2.png) left center no-repeat; padding-left: 10px; line-height: 26px;}
.video li .ter-inr dl{margin-top: 28px; line-height: 28px;}
.video li .ter-inr dt a{font-size: 18px; font-weight: bold; margin-bottom: 5px; display: block;}
.video li .ter-inr dd{padding-left: 18px; font-size: 15px;}
.video li.orange{background: url(../images/yellow.png) center no-repeat;}
.video li.orange .ter-bg{background: url(../images/terbg-or.png) center no-repeat;}
.video li.orange .sub{background: url(../images/subbg-or.png) center no-repeat;}
.video li.orange .bofang{background: url(../images/kc-or.png) center no-repeat; color:#e69100;}
.video li.orange .ter-inr dd{background: url(../images/bf-or.png) center left no-repeat;}
.video li.orange .ter-inr dt a{color: #e59100;}
.video li.orange .ter-inr dd:hover{color:#e59100;}
.video li.purple{background: url(../images/purple.png) center no-repeat;}
.video li.purple .ter-bg{background: url(../images/terbg-pu.png) center no-repeat;}
.video li.purple .sub{background: url(../images/subbg-pu.png) center no-repeat;}
.video li.purple .bofang{background: url(../images/p-course.png) center no-repeat; color:#4c35f1;}
.video li.purple .ter-inr dd{background: url(../images/kc-pu.png) center left no-repeat;}
.video li.purple .ter-inr dt a{color: #4c35f1;}
.video li.purple .ter-inr dd:hover{color:#4c35f1;}


.deal{background: url(../images/bgpurple.png) center no-repeat; height: 604px; box-sizing: border-box; padding-top: 30px;}
.road{margin-top: 30px;}
.road li{width: 380px; height: 130px; overflow: hidden; box-sizing: border-box; padding: 25px 0 0 25px; color: #fff; margin-right: 30px; margin-bottom: 30px;}
.road li h3{font-size: 20px; margin-bottom: 10px;}
.road li:hover{transform: translate(1px,1px);}
.road li:nth-child(1){background: url(../images/b1.png) center no-repeat;}
.road li:nth-child(2){background: url(../images/b2.png) center no-repeat;}
.road li:nth-child(3){background: url(../images/b3.png) center no-repeat; margin-right: 0;}
.road li:nth-child(4){background: url(../images/b4.png) center no-repeat;}
.road li:nth-child(5){background: url(../images/b5.png) center no-repeat;}
.road li:nth-child(6){background: url(../images/b6.png) center no-repeat; margin-right: 0;}

.develop{margin-top: 60px; background: url(../images/bg4.png) center no-repeat; padding: 40px 0;}
.develop .title{margin-bottom: 30px;}
.bot{background: url(../images/bot.png) center no-repeat; height: 305px; box-sizing: border-box; padding-top: 80px;}
.bot .tel{background: url(../images/tel.png) center no-repeat; font-size: 24px; font-weight: bold; text-align: center; line-height: 60px; color: #fff;}
.bot p{color: #fff; text-align: center; margin-top: 20px;}