.warp{ margin:0 auto; width:100%; min-width:1200px; max-width:1920px;}
.center{ width: 1200px; margin: 0 auto;}

.banner{ position: relative; height: 875px; background: url("../images/banner.jpg") center no-repeat; overflow: hidden;}
.banner .video_play{ position: absolute; top: 0; left: 50%; margin-left: -135px; cursor: pointer;}
.banner .banner_content{ position: absolute; top: 200px; left: 50%; margin-left: -600px; color: #ffffff;}
.banner .banner_content .title{ font-size: 60px; line-height: 94px; letter-spacing: 12px;}
.banner .banner_content .describle{ font-size: 20px; line-height: 32px; color: #ffffff;}
.banner .banner_content .cooperation{ margin-top: 110px; float: left; padding: 0 20px; height: 58px; border: 1px solid #ff840d; border-radius: 3px;}
.banner .banner_content .cooperation span{ font-size: 20px; line-height: 58px; color: #ff840d; padding: 0 10px;}

.advantage_list{ width: 1115px; height: 157px; margin: -56px auto 0; position: relative; background: #ffffff; border-radius: 10px; box-shadow: 0 20px 30px #edeef3}
.advantage_item{ width: 130px; height: 130px; float: left; margin: 14px 74px;}
.advantage_item.item-1{ background: url("../images/icon-1-1.png") center no-repeat;}
.advantage_item.item-2{ background: url("../images/icon-1-2.png") center no-repeat;}
.advantage_item.item-3{ background: url("../images/icon-1-3.png") center no-repeat;}
.advantage_item.item-4{ background: url("../images/icon-1-4.png") center no-repeat;}

.text-content{ margin-top: 94px; padding-bottom: 102px; overflow: hidden;}
.text-content .text-left{ float: left; width: 792px; padding: 10px 50px;}
.text-content .text-left p{ font-size: 18px; line-height: 32px; color: #262626;}
.text-content .text-right{ float: right; padding: 10px 54px; border-left: 1px solid #b2b2b2;}
.text-content .text-right p{ font-size: 18px; line-height: 32px; color: #262626;}


.section{}
.section .caption{ position: relative; text-align: center; font-size: 30px; line-height: 32px; color: #030c1d;}
.section .caption:after{ content: ''; display: block; width: 146px; height: 2px; position: absolute; left: 50%; bottom: -20px; margin-left: -73px; background: #ff840d;}
.section-2{ height: 450px; padding-top: 50px; background: #f7f8fb;}
.section-2 .swiper{ position: relative; margin-top: 50px; height: 240px; overflow: hidden;}
.section-2 .swiper .mask{ position: absolute; width: 400px; height: 100%; top: 0; z-index: 9; background: #ffffff;}
.section-2 .swiper .mask.mask-left{ left: 0; background: linear-gradient( to left,rgba(255,255,255,0) 0%,#f7f8fb 150px);}
.section-2 .swiper .mask.mask-right{ right: 0; background: linear-gradient( to right,rgba(255,255,255,0) 0%,#f7f8fb 150px);}
.section-2 .swiper .swiper-warpper{ position: relative; width: 1050px; margin: 0 auto;}
.section-2 .swiper .swiper-list{ width: 4000px; overflow: hidden;}
.section-2 .swiper .swiper-item{ width: 1050px; float: left; overflow: hidden;}
.section-2 .swiper .swiper-item .c-logo{ float: left; width: 210px; height: 120px;}
.section-2 .pagination{ margin-top: 40px; text-align: center;}
.section-2 .pagination span{ display: inline-block; margin: 0 6px; font-size: 0; vertical-align: middle; cursor: pointer;}
.section-2 .pagination .dotted i{ display: inline-block; width: 8px; height: 8px; margin: 0 6px; background: #dfdfdf; border-radius: 50%; cursor: pointer;}
.section-2 .pagination .dotted i.active{ background: #ff9936;}

.section-3{ padding-top: 72px;}
.section-3 .sub-caption{ margin-top: 54px; text-align: center; font-size: 22px; line-height: 32px; color: #737a86;}
.section-3 .systerm-list{ margin-top: 38px; position: relative;}
.section-3 .systerm-list:after{ content: ''; display: block; clear: both; zoom: 1;}
.section-3 .systerm-list:before{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #f2f2f2;}
.section-3 .systerm-item{ float: left; position: relative; width: 298px; height: 202px; border: 1px solid transparent; cursor: pointer; transition: all 0.3s linear;}
.section-3 .systerm-item:hover{ border: 1px solid #f47e0e; box-shadow: 0 0 20px #aaaaaa; z-index: 2;}
.section-3 .systerm-item:after{ content: ''; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #f2f2f2;}
.section-3 .systerm-item:nth-child(4n):after{ display: none;}
.section-3 .systerm-item .icon{ width: 100px; height: 100px; margin: 10px auto 0;}
.section-3 .systerm-item .icon-1{ background: url("../images/icon-3-1.png") center no-repeat;}
.section-3 .systerm-item .icon-2{ background: url("../images/icon-3-2.png") center no-repeat;}
.section-3 .systerm-item .icon-3{ background: url("../images/icon-3-3.png") center no-repeat;}
.section-3 .systerm-item .icon-4{ background: url("../images/icon-3-4.png") center no-repeat;}
.section-3 .systerm-item .icon-5{ background: url("../images/icon-3-5.png") center no-repeat;}
.section-3 .systerm-item .icon-6{ background: url("../images/icon-3-6.png") center no-repeat;}
.section-3 .systerm-item .icon-7{ background: url("../images/icon-3-7.png") center no-repeat;}
.section-3 .systerm-item .icon-8{ background: url("../images/icon-3-8.png") center no-repeat;}
.section-3 .systerm-item p{ margin-top: 18px; text-align: center; font-size: 18px; line-height: 32px; color: #030c1d;}
.section-3 .button{ margin-top: 58px; margin-bottom: 72px;}
.section-3 .button a{ display: block; width: 312px; height: 62px; margin: 0 auto; line-height: 62px; text-align: center; color: #ffffff; text-decoration: none; font-size: 22px; background: #f47e0e; border-radius: 31px; box-shadow: 0 15px 30px rgba(244,126,14,0.23);}


.section-4{ padding-top: 62px; background: #f7f8fb;}
.section-4 .course-list{ margin-top: 75px; overflow: hidden;}
.section-4 .course-item{ float: left; width: 510px; height: 430px; padding: 0 45px; cursor: pointer;}
.section-4 .course-item .image{ position: relative; width: 510px; height: 254px;}
.section-4 .course-item .image:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid transparent; transition: all 0.3s linear;}
.section-4 .course-item:hover .image:after{ border: 1px solid #f47e0e; box-shadow: 0 0 30px #aaaaaa;}
.section-4 .course-item .title{ margin-top: 31px; font-size: 22px; line-height: 32px; color: #030c1d;}
.section-4 .course-item .detail{ margin-top: 12px; font-size: 16px; line-height: 20px; color: #030c1d;}


.section-5{ position: relative; padding-top: 100px; height: 653px;}
.section-5 .bj-scroll{ position: absolute; width: 100%; left: 0; top: 0;}
.section-5 .bj-scroll-item{ height: 251px; display: flex; flex-wrap: nowrap; overflow: hidden;}
.section-5 .bj-scroll-item.item-1,.section-5 .bj-scroll-item.item-3{ justify-content: flex-start;}
.section-5 .bj-scroll-item.item-2{ justify-content: flex-end;}
.section-5 .caption{ color: #ffffff;}
.section-5 .large-title{ margin-top: 165px; position: relative; text-align: center; font-size: 44px; line-height: 62px; color: #ffffff;}
.section-5 .large-title span{ color: #ff840d;}
.section-5 .describle-text{ position: relative; margin-top: 100px;}
.section-5 .describle-text p{ text-align: center; font-size: 18px; line-height: 32px; color: #ffffff; font-weight: lighter; letter-spacing: 1px;}


.section-6{ padding-top: 72px; padding-bottom: 56px;}
.section-6 .sub-caption{ margin-top: 80px; text-align: center; font-size: 18px; line-height: 32px; color: #262626;}
.section-6 .rule-list{ margin-top: 40px; padding: 20px 30px; overflow: hidden;}
.section-6 .rule-item{ float: left; position: relative; width: 340px; height: 435px; margin: 0 16px; border: 4px solid #f7f8fb; transition: all 0.3s linear; cursor: pointer;}
.section-6 .rule-item:before{ content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; border: 1px solid #eaeef7;}
.section-6 .rule-item:after{ content: ''; display: block; position: absolute; top: -4px; bottom: -4px; left: -4px; right: -4px; border: 1px solid transparent; transition: all 0.3s linear;}
.section-6 .rule-item:hover{ box-shadow: 0 0 20px #ffd2ba;}
.section-6 .rule-item:hover:after{ border: 1px solid #e36f40;}
.section-6 .rule-item .icon{ margin: 64px auto 0; width: 130px; height: 130px;}
.section-6 .rule-item .icon.icon-1{ background: url("../images/icon-6-1.png") center no-repeat;}
.section-6 .rule-item .icon.icon-2{ background: url("../images/icon-6-2.png") center no-repeat;}
.section-6 .rule-item .icon.icon-3{ background: url("../images/icon-6-3.png") center no-repeat;}
.section-6 .rule-item .title{ margin-top: 10px; text-align: center; font-size: 25px; line-height: 32px; color: #262626;}
.section-6 .rule-item .rule-detail{ margin-top: 45px; text-align: center;}
.section-6 .rule-item .rule-detail p{ font-size: 20px; line-height: 32px; color: #262626;}


.section-7{ padding-top: 72px; padding-bottom: 56px; background: #f7f8fb;}
.section-7 .sub-caption{ margin-top: 92px; text-align: center; font-size: 18px; line-height: 32px; color: #262626;}
.section-7 .cooperation-list{ margin-top: 54px; padding: 0 21px; overflow: hidden;}
.section-7 .cooperation-item{ float: left; width: 523px; height: 74px; margin: 16px 27px; border: 1px solid #dcdcdc; border-radius: 8px; background: #ffffff; overflow: hidden; cursor: pointer; transition: all 0.3s linear;}
.section-7 .cooperation-item:hover{ border: 1px solid #f47e0e; box-shadow: 0 0 30px #aaaaaa;}
.section-7 .cooperation-item .logo{ float: left; margin: 7px 5px;}
.section-7 .cooperation-item .text{ float: left; width: 362px; height: 48px; margin: 12px 0; padding-left: 14px; border-left: 1px solid #dcdcdc;}
.section-7 .cooperation-item .text .title{ font-size: 16px; line-height: 32px; color: #04a5ed;}
.section-7 .cooperation-item .text .location{ margin-left: 20px; padding-left: 12px; font-size: 12px; line-height: 32px; color: #404040; background: url("../images/icon-location.png") left center no-repeat;}
.section-7 .cooperation-item .text .infor{ overflow: hidden;}
.section-7 .cooperation-item .text .infor span{ float: left; padding-right: 8px; margin-right: 8px; border-right: 1px solid #404040; font-size: 14px; line-height: 14px; color: #404040}
.section-7 .cooperation-item .text .infor span:last-child{ border-right: none;}

.section-8{ padding-top: 58px; padding-bottom: 110px;}
.section-8 .honor-list{ overflow: hidden;}
.section-8 .honor-item{ float: left; position: relative; width: 510px; height: 688px; margin: 0 45px;}
.section-8 .honor-item .image{ height: 252px; border: 1px solid #f47e0e; box-shadow: 0 0 20px #aaaaaa;}
.section-8 .honor-item .image-describle{ margin-top: 8px; font-size: 12px; color: #737373;}
.section-8 .honor-item .title{ padding: 18px 0; font-size: 24px; line-height: 32px; color: #030c1d; border-bottom: 1px solid #e9e9e9;}
.section-8 .honor-item .detail{}
.section-8 .honor-item .detail p{ margin-top: 25px; font-size: 14px; line-height: 20px; color: #7b7b7b; letter-spacing: 1px;}
.section-8 .honor-item .more-button{ position: absolute; left: 0; bottom: 0;}
.section-8 .honor-item .more-button a{ display: block; width: 200px; height: 46px; line-height: 46px; text-align: center; background: #f47e0e; font-size: 16px; color: #ffffff; text-decoration: none;}

.footer{ border-top: 1px solid #dadada;}
.footer dl{ float: left; width: 50%; height: 420px; padding-top: 45px; position: relative;}
.footer dl:after{ content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background: #dadada;}
.footer dt{ margin-bottom: 54px; font-size: 30px; line-height: 32px; color: #030c1d;}
.footer dd{ position: relative; padding-left: 15px; font-size: 16px; line-height: 32px; color: #25282c;}
.footer dd:before{ content: ''; display: block; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; border-radius: 50%; background: #f47e0e;}
.footer .form{ float: left; padding-left: 115px; padding-top: 45px;}
.footer .form .form-title{ margin-bottom: 46px; font-size: 30px; line-height: 32px; color: #030c1d;}
.footer .form form{}
.footer .form .form-control{ margin-bottom: 12px; overflow: hidden;}
.footer .form .form-control label{ float: left; width: 54px; height: 42px; line-height: 42px; font-size: 18px; color: #25282c;}
.footer .form .form-control input{ float: left; width: 302px; height: 40px; background: #f8f8f8; border: 1px solid #fdd8b5; border-radius: 8px; outline: none; font-size: 14px; text-indent: 1em;}
.footer .form .form-submit{ margin-top: 20px; padding-left: 54px; text-align: center;}
.footer .form .form-submit input{ width: 200px; height: 46px; line-height: 46px; text-align: center; background: #f47e0e; font-size: 16px; color: #ffffff;}

.f-mask{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 8; background: rgb(0,0,0); opacity: 0.5;}
.popup{ display: none; position: fixed; width: 800px; height: 500px; left: 50%; top: 50%; margin: -250px 0 0 -400px; background: #ffffff; z-index: 9; box-shadow: 0 0 20px #aaaaaa;}
.popup .close{ position: absolute; top: 5px; right: 5px; padding: 10px; font-size: 16px; font-family: sans-serif; color: #ffffff; z-index: 9; cursor: pointer;}