@charset "utf-8";
/* CSS Document */
#bannerBox{ height:540px;  min-width:1180px; width:100%; }
.banner{ height:540px;width:100%;}
#full_feature{ display:none;}

@-webkit-keyframes pulsate {0% {-webkit-transform: scale(1, 1);opacity: 0.0;}30% {opacity: 0.7;}60% {-webkit-transform: scale(2, 2);opacity: 0.0;}100% {opacity: 0.0;}}
 @-moz-keyframes pulsate {0% {-moz-transform: scale(1, 1);opacity: 0.0;}30% {opacity: 0.7;}60% {-moz-transform: scale(2, 2);opacity: 0.0;}100% {opacity: 0.0;}}
 @keyframes pulsate {0% {-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);opacity: 0.0;}
 30% {opacity: 0.7;}
 60% {-webkit-transform: scale(2, 2);-moz-transform: scale(2, 2);-ms-transform: scale(2, 2);-o-transform: scale(2, 2);transform: scale(2, 2);opacity: 0.0;}
 100% {opacity: 0.0;}}

.previewBtn .play-pulse {
animation-name:pulsate; 
animation-duration: 3s;
animation-timing-function: ease-out;
animation-play-state:running;
animation-iteration-count: infinite;

-moz-animation-name: pulsate; 
-moz-animation-duration: 3s;
-moz-animation-timing-function: ease-out;
-moz-animation-play-state:running;
-moz-animation-iteration-count: infinite;

-webkit-animation-name: pulsate;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-play-state:running;
-webkit-animation-iteration-count: infinite;

-o-animation-name: pulsate; 
-o-animation-duration: 3s;
-o-animation-timing-function: ease-out;
-o-animation-play-state:running;
-o-animation-iteration-count: infinite;

border-radius: 80px;height: 80px;width: 80px; opacity: 0;position: absolute;top: 50%;left: 50%; margin-left:-40px; margin-top:-40px;}
.previewBtn .play-button { cursor: pointer; display: block;height: 80px; position:absolute; top:40px; left:40px;width: 80px; background:url(../../images/xdlx_project/play_on_w.png) no-repeat;}
.previewBtn .play-button:hover{background:url(../../images/xdlx_project/play_on_hover.png) no-repeat;}
/*.previewBtn .play-button:hover .playbutton__part {fill: #eb7060;}
.previewBtn .playbutton-part {  fill: white;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
*/.previewBtn .play-pulse {background:rgba(0,0,0,0.4);}
.previewBtn {cursor: pointer;display: block; height: 160px;width: 160px; position:absolute; top: 50%;left: 50%; margin-left:-80px; margin-top:-80px; z-index:99999;}

.previewBtn .play-button .look-video{ font-size:18px; color:#fff; display:block; width:140px; position:absolute; top:110px; left:-25px; font-weight:500;}
.previewBtn .play-button:hover .look-video{ color:#fafafa; }

/*视频蒙版*/
.mention-box{  width:500px; height:500px;z-index:1004; background:#fff; box-shadow:0 2px 18px #000; font-size:16px; position:fixed; top:50%; left:50%; margin-top:-250px; margin-left:-250px; display:none;}
.mention-box .item-tit{ position:relative;  line-height:40px; color:#fafafa; background:#32a8f5; text-indent:1em;}
.mention-box .item-tit .close{width:40px; height: 40px; position: absolute; right:0px; top:0px;background:url(../../images/xdlx_project/close_ui_01.png) no-repeat; cursor:pointer;}
.mention-box .item-tit .close:hover{ background:url(../../images/xdlx_project/close_ui_02.png) no-repeat; }


.module{  min-width:1180px; width:100%; padding:60px 0;}
.module.a{ background:#ffff }
.module.b{ background:#F8F8F8 }
.overflow{ overflow:hidden; width:1180px;}

.center-title{ width:100%; text-align:center;}
.center-title strong.tit{display:inline-block; height:65px; font-size:36px; color:#333; line-height:36px;  position:relative; font-weight:500;}
.center-title strong.tit.twoL{height:110px;line-height:45px;  }
.center-title strong.tit i.line{ height:3px; width:50px; background:#1D853E; display:block; position:absolute; left:50%; bottom:0px; margin-left:-25px;}

.benefitsListTe{ position:relative; width:1200px; height:521px; margin:40px auto 0; background:url(../../images/xdlx_project/ys_01.png) no-repeat;}
.benefitsListTe .tit{ position:absolute; left:0px; top:0px;font-weight: 400;color: #333333;line-height: 24px; font-size:20px; text-align:center; display:block;}
.benefitsListTe .a{ top:173px; left:104px;}
.benefitsListTe .b{ top:173px; left:408px;}
.benefitsListTe .c{ top:173px; left:692px;}
.benefitsListTe .d{ top:173px; left:982px;}
.benefitsListTe .e{ top:387px; left:208px;}
.benefitsListTe .f{ top:387px; left:536px;}
.benefitsListTe .g{ top:387px; left:838px;}

.benefitsListTe-imgs{ display:none;}

.schoolList{ width:1200px; margin:32px auto 0;}
.schoolList li{width:380px; margin-right:20px; float:left; }
.schoolList li .img{width:380px; height:174px;}
.schoolList li .img a{width:380px; height:174px; overflow:hidden; display:block;}
.schoolList li .img a img{width:380px; height:174px; display:block;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.schoolList li .img a:hover img{-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}


.newsBox{width:1180px; margin:40px auto 0;}
.newsBox .newsList{ padding:30px 20px 10px; background:#fff; width:540px; min-height:240px; min-height:240px; border-radius: 4px;}
.newsBox .newsList li{line-height: 22px; color:#333; position:relative; padding-left:20px; margin-bottom:20px;}
.newsBox .newsList .ico{ width:4px; height:4px; background:#B2B2B2; border-radius:50%; position:absolute; left:0px; top:8px;}
.newsBox .newsList .tit{ width:410px; display:inline-block; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsBox .newsList a:hover .tit{ color:#00C09B;}
.newsBox .newsList .time{ color:#999;position:absolute; right:0px; top:0px;}

	
.bookList{width:1180px; margin:40px auto 0;}
.bookList li{width:380px; margin-right:20px; float:left;text-align:center;}
.bookList li .img{ width:380px; height:400px; display:block; vertical-align:bottom; display:flex; align-items:flex-end; justify-content:center;}
.bookList li img{ max-width:380px; max-height:400px; display:inline-block;}
.bookList li .title{font-size: 14px;color: #333333;line-height: 28px; display:block; margin-top:10px;}
.bookList li:nth-child(3),.bookList li:nth-child(6){ margin-right:0;}

.bookList.b li .img{ height:300px;}
.bookList.b li img{ max-height:300px; }

.bookList.c li .img{ height:540px;}
.bookList.c li img{ max-height:540px; }

.bookList.d li .img{ height:290px;}
.bookList.d li img{ max-height:290px; }


/*表单*/
.module.form{background: rgba(0, 192, 155, 0.1);}
.formBox{width:1180px; margin:40px auto 0;}
.formBox dt.top{font-size: 16px; width:100%; float:left;}
.formBox .change {}
.formBox .change .a{height:40px; line-height:40px;display:inline-block; margin-right:50px; position:relative; padding-left:30px; cursor:pointer; }
.formBox .change .a .ico{ position:absolute; left:0px; top:10px; width:20px; height:20px; display:block; background:url(../../images/xdlx_project/ico_01.png) no-repeat left center; background-size:cover;}
.formBox .change .a.on .ico{background:url(../../images/xdlx_project/ico_02.png) no-repeat left center; background-size:cover;}

.formBox dd{ margin-top:20px; height:40px; overflow:hidden; width:580px; float:left;}
.formBox dd .tit,.formBox dt.top .tit{ margin-right:20px; width:80px; height:40px; line-height:40px; float:left; text-align:right; display:inline-block;font-weight: 400;color: #333333;font-size: 16px;}
.formBox dd .satr{font-weight: 400; margin-right:5px;color: #FF2525;}
.formBox dd input.insto,.formBox dd .xiala,.formBox dd .code{height: 40px;width:170px;background: #FFFFFF; border:none; color:#666; padding:0 10px;}
.formBox dd .xiala{ width:140px;background: #fff url(../../images/xdlx_project/class_j.png)  no-repeat 120px 13px; appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor:pointer}
.formBox dd .codeBtn{width: 120px;height: 40px; line-height:40px;background: #EFEFEF; display:inline-block; text-align:center; font-size:16px;}
.formBox dd .codeBtn:hover{ background:#00C09B; color:#fff;}
.formBox dd .code{width:100px; margin-left:10px;}

.formBox dd .xiala.a{ margin-right:6px;}
.formBox dd .xiala.long{ width:440px; background-position: 420px 13px;}
.formBox dd input.insto.long{ width:420px;}

.module.form .butBox{ text-align:center;}
.module.form .butBox .btn{width: 200px;height: 40px; line-height:40px; display:inline-block;background: #00C09B; color:#fff;border-radius: 4px;}
.module.form .butBox .btn:hover{ opacity:0.8;}
.module.form .butBox .tit{font-size: 14px;color: #00C09B;line-height: 20px; margin-top:10px; display:block;}

@media only screen and (max-width:1000px) {
#bannerBox{ height:210px;  min-width:750px; display:none;}	
#full_feature{ display:block; padding-top:0!important; height:210px;}
.sw-next-prev{ display:none!important;}


body.xdlx .module{ width:750px;min-width: 750px; margin:0 auto;}
.overflow{ overflow:hidden; width:710px;}

.center-title strong.tit{ height:65px!important; font-size:36px!important; line-height:36px!important;}
.center-title strong.tit i.line{ height:3px!important; width:50px!important; left:50%!important;  margin-left:-25px!important;}


.previewBtn .play-pulse {border-radius: 80px;height: 80px;width: 80px; margin-left:-40px; margin-top:-40px;}
.previewBtn .play-button {height: 80px; top:40px; left:40px;width: 80px; }
.previewBtn {display: block; height: 160px;width: 160px;  margin-left:-80px; margin-top:-80px; }

.previewBtn .play-button .look-video{ font-size:18px; width:140px;  top:110px; left:-25px;}

/*视频蒙版*/
.mention-box{ width:498px; height:538px; font-size:28px;  margin-top:-250px; margin-left:-250px; }
/*.mention-box .info-box video{ width:500px!important; height:500px!important; }*/


.benefitsListTe{ display:none;}
.benefitsListTe-imgs{ display:block; width:710px; margin:40px auto 0;}

.schoolList{ width:710px; margin:32px auto 0;}
.schoolList li{width:345px; margin-bottom:20px;}
.schoolList li:nth-child(2){ margin-right:0;}
.schoolList li .img{width:345px; height:154px;}
.schoolList li .img a img{width:345px; height:154px;}
.schoolList li .img a{width:345px; height:154px; }
.schoolList li .img a:hover img{-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}


.newsBox{width:710px; margin:40px auto 0;}
.newsBox .newsList{ padding:30px 20px 10px;  width:670px; min-height:auto; margin-bottom:20px;}
.newsBox .newsList li{line-height: 38px; padding-left:20px; margin-bottom:20px;}
.newsBox .newsList .ico{ width:8px; height:8px; top:14px;}
.newsBox .newsList .tit{ width:480px; font-size:28px;}
.newsBox .newsList .time{ font-size:24px;}

	
.bookList{width:710px; margin:40px auto 0;}
.bookList li{width:345px; margin-bottom:20px; }
.bookList li .img{ width:345px; height:363px; }
.bookList li img{ max-width:345px; max-height:363px; }
.bookList li .title{font-size:28px;line-height: 38px; height:78px;  margin-top:10px;}
.bookList li:nth-child(2),.bookList li:nth-child(4){ margin-right:0;}

.bookList.b li .img{ height:300px;}
.bookList.b li img{ max-height:300px; }

.bookList.c li .img{ height:490px;}
.bookList.c li img{ max-height:490px; }

.bookList.d li .img{ height:263px;}
.bookList.d li img{ max-height:263px; }


/*表单*/
.formBox{width:710px; margin:40px auto 0;}
.formBox dt.top{font-size: 28px; }
.formBox .change .a{height:60px; line-height:60px;display:inline-block; margin-right:50px; position:relative; padding-left:30px; cursor:pointer; }
.formBox .change .a .ico{ top:22px;}

.formBox dd{ margin-top:20px; width:710px; float:left; height:60px; }
.formBox dd .tit,.formBox dt.top .tit{ width:130px; height:60px; line-height:60px; font-size: 28px;}
.formBox dd input.insto,.formBox dd .xiala,.formBox dd .code{height: 60px;width:210px; padding:0 10px;}
.formBox dd .xiala{ font-size: 28px;width:140px;background: #fff url(../../images/xdlx_project/class_j.png)  no-repeat 120px 22px; appearance:none;-moz-appearance:none;-webkit-appearance:none; cursor:pointer}
.formBox dd .xiala.long{ width:550px; background-position: 530px 22px;}
.formBox dd input.insto.long{ width:530px;}

.formBox dd .codeBtn{width: 150px;height: 60px; line-height:60px;font-size:24px;}
.formBox dd .code{width:140px;font-size:24px;}

.module.form .butBox .btn{width: 240px;height: 60px; line-height:60px;font-size: 28px;}
.module.form .butBox .tit{font-size: 24px;line-height: 30px; margin-top:10px; display:block;}

}