body{ min-width:320px;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden; } .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);  -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  }
img{border:none;}
html{ width:100%;}
body{ width:100%; ;position: relative;overflow-x: hidden;}
.slick-slide{outline: none;}
.slick-slide img{margin:0 auto;max-width:100%;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin-bottom:0;}

.index_had{position: absolute;top:0;left:0;height:70px;z-index:50;}
.header{top:0;width:100%;
    background: rgba(255,255,255,.9);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#90ffffff,endColorstr=#90ffffff);}
.header.on{position: fixed;top:0;}
.logo{margin-left:5%;height:70px;width:15%;}
.logo a{display: block;height:70px;position: relative;}
.logo a img{max-height: 100%;max-width: 100%;position: absolute;left:0;top:0;bottom:0;margin:auto;}
.nav{width:60%;margin-right:50px;height:70px;}
.nav li{position: relative;display: inline-block;width:12%;text-align: center;}
.nav li a{padding:0;margin:0;line-height: 70px;height:70px;display: block;font-size: 16px;color:#666;overflow: hidden;}
.nav .nav_childBox{position: absolute;top:70px;left:50%;padding-top:10px;width:162px;transform: translate(-50%,50px);-webkit-transform: translate(-50%,50px);opacity: 0;pointer-events: none;}
.nav .nav_childBox:before{content:"";display: block;position: absolute;top:2px;left:50%;margin-left:-8px;border-bottom:8px solid rgba(255,255,255,.9);border-right:8px solid transparent;border-left:8px solid transparent;}
.nav .child_nav{border-radius: 10px;overflow: hidden;background: rgba(255,255,255,.9);padding:10px;}
.nav .child_nav li{width:100%;display: block;}
.nav .child_nav li a{line-height: 35px;height:35px;font-size: 14px;color:#333;}
.nav>li>a:hover{color:#4390e3;}
.nav>li.current>a{color:#4390e3;}
.nav .child_nav li a:hover{background: #4390e3;color:#fff;}
.nav>li:hover .nav_childBox{transform: translate(-50%,0);-webkit-transform: translate(-50%,0);opacity: 1; pointer-events: visible}

.language{margin-right:10%;height:70px;line-height: 70px;}
.language a{border-radius:50%;margin:0 5px;display: inline-block;width:30px;height:30px;line-height: 30px;text-align: center;font-size: 16px;color:#666;}
.language a.on{color:#fff;background: #4390e3;}
.language a:hover{color:#fff;background: #4390e3;}


.bannerPc .slick-slide{background: url(banner.jpg) no-repeat center top;
    width:1920px;height:960px;}
.banner .slick-prev, .banner .slick-next{width:115px;height:115px;z-index:30;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}
.banner .slick-prev{background:#a7bedb url(index_28.png) no-repeat center ;background-size: 15px 25px;left:-50px;background-position:75px;}
.banner .slick-next{background:#a7bedb url(index_31.png) no-repeat center ;background-size: 15px 25px;right:-50px;background-position:25px;}
.banner .slick-prev:hover{background-color:#6198d3; }
.banner .slick-next:hover{background-color:#6198d3; }
.banner .slick-slide{position: relative;overflow: hidden;}
.banner .slick-slide>img{ transform: scale(1.12);-webkit-transform: scale(1.12);}
.banner .slick-slide.slick-current>img{transform: scale(1);-webkit-transform: scale(1);
    -webkit-transition: all 3s ease-in-out 0.5s;transition: all 3s ease-in-out 0.5s;}
.pic_txt{position: absolute;bottom:36%;right:42%;}
.pic_txt b{display: inline-block;width:50px;height:50px;border:7px solid #d14571;vertical-align: bottom;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}
.pic_txt span{display: inline-block;width:140px;height:140px;vertical-align: bottom; position: relative;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
    background: -webkit-linear-gradient(top,#8e90d6,#5d9dc8);
    background: -moz-linear-gradient(top, #8e90d6, #5d9dc8);
    background: -o-linear-gradient(top,#8e90d6, #5d9dc8);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8e90d6',endColorStr='#5d9dc8',gradientType='0');
}
.pic_txt span i{color:#fff;font-size: 34px;text-align: center;display: block;line-height: 40px;
position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:80px;}
.pic_icon{position: absolute;bottom:19%;right:23%;}
.pic_icon b{display: inline-block;width:20px;height:20px;background: #55a665;position: absolute;top:43px;left:-43px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}

.pic_txt b{
    animation: banAn2 5s ease-in-out 1s infinite;
    -webkit-animation: banAn2 5s ease-in-out 1s infinite;
}
.pic_txt span{
    animation: banAn 5s ease-in-out 1s infinite;
    -webkit-animation: banAn 5s ease-in-out 1s infinite;
}
.pic_icon b{
    animation: banAn 5s ease-in-out 1s infinite;
    -webkit-animation: banAn 5s ease-in-out 1s infinite;
}
.pic_icon img{
    animation: banAn3 5s ease-in-out 1s infinite;
    -webkit-animation: banAn3 5s ease-in-out 1s infinite;
}
@keyframes banAn {
    0%{transform: translate(0,0);}
    30%{transform: translate(-10px,-10px);}
    60%{transform: translate(10px,10px);}
    80%{transform: translate(-10px,-10px);}
    100%{transform: translate(0,0);}
}
@keyframes banAn2 {
    0%{transform: translate(0,0);}
    50%{transform: translate(0,-10px);}
    100%{transform: translate(0,0);}
}
@keyframes banAn3 {
    0%{transform: translate(0,0);}
    50%{transform: translate(10px,10px);}
    100%{transform: translate(0,0);}
}



.section_one{background: url(index_64.jpg) repeat top center;}
.one_cont{padding:65px 0;overflow: hidden;}
.one_list{float:left;width:25%;text-align: center;}
.one_list.painting{text-align: left;width: 22%}
.one_list.sketch{width:28%}
.one_list.collage{width:28%}
.one_list.manual{text-align: right;width: 22%}
.one_list img{transition: all linear .3s;-webkit-animation: all linear .3s;}
.one_list:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.one_list p{color:#fff;font-size: 20px;margin-top:20px;height:24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.one_list span{color:#fff;font-size: 14px;height:24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.section_two{padding:90px 0;}
.about_lt{float: left;width: 49%;text-align: center;overflow: hidden; }
.about_lt img{max-height: 100%;max-width: 100%;transition: all linear .3s;-webkit-animation: all linear .3s;}
.about_lt:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.about_rt{float: right;width: 48%;padding-top:90px;}
.about_rt h3{font-size: 42px;color:#599ee5;line-height: 42px;}
.about_rt p{font-size: 16px;line-height: 35px;height:105px;margin:40px 0;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3}
.s_more a{display: block;margin:0 auto;width:130px;height:40px;line-height: 40px;border-radius: 5px;text-align: center;
color:#599ee5;border:1px solid #599ee5;}
.s_more a:hover{background: #599ee5;color:#fff;}

.section_three{background: url(index_23.jpg) no-repeat center center;background-size: cover}
.s_title{padding:90px 0 60px;}
.s_title span{display: inline-block;padding:0 250px 20px;position: relative;}
.s_title span:after{content:"";display: block;position: absolute;bottom:0;left:0;border-bottom:1px dashed #ddd;width:1%;
    transition:  all  .3s linear 1s;-webkit-transition:  all  .3s linear 1s;}
.s_title span img{position: absolute;left:3%;bottom:0;opacity: 1;
    transition: all  .3s linear 1s;-webkit-transition:  all  .3s linear 1s;}
.s_title b{color:#fff;font-size: 32px;line-height:32px;font-weight: normal;display: block;}
.s_title p{color:#fff;font-size: 18px;margin-top:10px;}
.s_title span.animated:after{width:100%;}
.s_title span.animated img{left:96%;opacity: 1;}


.courseSlider{width:80%;margin:0 auto;}
.courseSlider .slick-list{padding:10px 0;}
.courseSlider li a{display: block;}
.courseSlider li{line-height: 50px;height:50px; margin:0 15px;text-align: center;
    border-radius: 26px;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    -ms-border-radius:26px;
    -o-border-radius:26px;
    behavior: url(PIE.htc);
    background: rgba(255,255,255,.5);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#50ffffff,endColorstr=#50ffffff);}
.courseSlider li.slick-current{box-shadow: 0 2px 5px 1px rgba(0,0,0,.3);background:#fff;}
.courseSlider li:hover{box-shadow: 0 2px 5px 1px rgba(0,0,0,.3);background:#fff;}
.courseSlider .slick-prev, .courseSlider .slick-next{width: 15px;height:25px;z-index: 10;}
.courseSlider .slick-prev{background: url(index_28.png) no-repeat center center;}
.courseSlider .slick-next{background: url(index_31.png) no-repeat center center;}


.courseBox{padding:85px 0 150px; }
.course_list{position: relative;margin:0 20px;}
.course_list img{max-width: 100%;max-height: 100%;}
.course_list .pic{padding:15px;position: absolute;top:0;left:0;right:0;bottom:0;
transform: scale(0);-webkit-transform: scale(0);transition: all linear .3s;-webkit-transition: all linear .3s;}
.course_list .pic a{display: block;text-align: center;height:100%;padding-top:48%;
    background: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#70000000,endColorstr=#70000000)}
.course_list .pic a span{color:#fff;font-size: 18px;display: block;width:265px;max-width:80%;margin:0 auto 20px;
line-height: 60px;height:60px;border-top:1px solid #fff;border-bottom:1px solid #fff;overflow: hidden;}
.course_list .pic a i{color:#fff;font-size: 16px;}
.courseContSlider  .slick-prev, .courseContSlider  .slick-next{width: 65px;height:65px;z-index: 10;border-radius: 50%;}
.courseContSlider  .slick-prev{background:#fff url(index_39.png) no-repeat center center;background-size: 15px 25px;left:-80px;}
.courseContSlider  .slick-next{background:#fff url(index_42.png) no-repeat center center;background-size: 15px 25px;right:-80px;}
.course_list:hover .pic{transform: scale(1);-webkit-transform: scale(1);}


.section_four{padding-bottom:95px;}
.section_four .s_title b{color:#599ee5;}
.section_four .s_title span:after{border-color:#599ee5}
.section_four .s_title p{color:#599ee5;}
.studentCont{padding:60px 0 80px;}
.student_list{float: left;width:23.5%;margin-right:2%;position: relative;}
.studentCont .student_list:nth-child(4n){margin-right:0;}
.student_pic{ position: absolute;top:0;left:0;right:0; margin:auto;z-index:10;}
.student_pic a{display: block;width:295px;height:295px; text-align: center;position: relative;margin:0 auto;
transition: all linear .3s;-webkit-transition: all linear .3s;}
.student_pic i{display: block;width:80%;height:80%;overflow:hidden;border:1px solid #599ee5;position: absolute;top:0;left:0;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}
.student_one .student_pic  i.line_one{/*bottom:-10px;right:-6px;*/top:10px;left:10px;}
.student_one .student_pic  i.line_two{/*bottom:0;right:-10px;*/top:0px;left:10px;}
.student_pic span{display: block;width:80%;height:80%;overflow:hidden;border:1px solid #599ee5;position: relative;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}
.student_pic span img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.student_two .student_pic i.line_one{top:-14px;left:-9px;}
.student_two .student_pic  i.line_two{top:-8px;left:-5px;}
.student_three .student_pic  i.line_one{bottom:-8px;left:-9px;top:auto}
.student_three .student_pic i.line_two{bottom:-0px;left:-12px;top:auto}
.student_title{padding:10px;background: #cadbf0;opacity: 0;
    transform: translate(0,-30px);-webkit-transform: translate(0,-30px);
    transition: all linear .3s;-webkit-transition: all linear .3s;}
.student_bg{background: #599ee5;padding:30px;}
.student_bg h3{color:#fff;font-size: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.student_bg b{display: block;height:15px;border-left:1px solid #fff;margin:10px 0 10px 45px;}
.student_bg p{margin-bottom:35px;font-size: 14px;color:#fff;line-height: 30px;height:90px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}

.section_five{padding:40px 0;background: url(index_64.jpg) repeat top center;}
.section_five h1{font-size: 39px;color:#fff;line-height: 55px;}
.section_five p{font-size: 12px;color:#fff;text-transform:Uppercase;}

.section_six{background: url(index_46.jpg) no-repeat center center;padding-bottom:60px;}
.section_six .s_title b{color:#599ee5;}
.section_six .s_title span:after{border-color:#599ee5}
.section_six .s_title p{color:#599ee5;}

.news_lt{width:30%;}
.news_rt{width:62%;}
.s_news_name{font-size: 35px;line-height: 40px;margin-bottom:40px;}
.news_ltList{margin-bottom:40px;}
.news_ltList dt{width:65px;height:65px;float: left; overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%; behavior: url(PIE.htc);
}
.news_ltList dt img{max-height: 100%;/*max-width: 100%;border-radius: 50%;*/}
.news_ltList dd{margin-left:90px;}
.news_ltList dd h3 a{display: block;font-size: 16px;line-height: 20px;height:40px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}
.news_ltList dd span{font-size: 12px;line-height: 20px;color:#666;display: block;margin-top:5px;}

.news_rtList{margin-bottom:20px;overflow: hidden;}
.news_rtList dt{width:230px;float:left;}
.news_rtList dt img{max-width: 100%;max-height: 100%;}
.news_rtList dd{margin-left:255px;}
.news_rtList dd a{display: block;font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_rtList dd span{display: block;font-size: 12px;color:#666;margin:5px 0 10px;}
.news_rtList dd p{font-size:14px;line-height: 20px;height:60px;color:#666;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}

.section_seven{padding:25px 0 35px;background: url(index_64.jpg) repeat top center;}


.sevenList{text-align: center;padding:0 10px;}
.sevenList span{color:#fff;font-size: 14px;}
.sevenList p{color:#fff;font-size: 14px;}
.sevenList h1{color:#fff;font-size: 115px;font-weight: normal;margin:20px 0;}
.sevenSlider .slick-dots li{width:6px;height:6px;border-radius: 50%;border:1px solid #fff;}
.sevenSlider .slick-dots li button{display: none;}
.sevenSlider .slick-dots li.slick-active{background: #fff;}

.section_eight{padding:45px 0;}
.link_cont .slick-slide{padding:0 20px;}
.link_cont .slick-slide a{display: block;text-align: center;border:1px solid #eae7e8;}
.link_cont .slick-slide.slick-current a{border:1px solid #6198d3;}


.footer{padding:40px 0;border-top:1px solid #eae7e8;}
.foot_tel{width:350px;float:left;}
.foot_tel b{color:#589de5;}
.foot_tel h3{font-size: 42px;color:#666; white-space:nowrap;margin-top:20px;}
.foot_tel h3 img{vertical-align: middle;margin:-12px 10px 0 0;}

.foot_nav{margin-left:380px;}
.foot_nav li{float:left;width:25%;text-align: center;}
.foot_nav li h3 a{color:#589de5;font-size: 16px;margin-bottom:10px;}
.foot_nav li a{color:#999;font-size: 16px;display: block;line-height: 30px;}
.foot_nav li a:hover{color:#66afe9;}

.copy{border-top:2px solid #599ee5;color:#666;font-size: 12px;padding:10px 15px;}
.copy a{color:#666;font-size: 12px;}
.copy  a:hover{color:#66afe9;}
.copy span{margin:0 10px;white-space:nowrap;}


/*内页*/
.det_ban img{max-width: 100%;max-height: 100%;}
.det_had{position: fixed;top:0;z-index:50;}
.detPage_name{ height:50px;background: #ebecec;line-height: 50px;}
.detPage_name span{font-size: 24px; display: inline-block;margin-right:10px;}
.detPage_name i{font-size: 20px; }

.det_content{padding:90px 0;}
.det_lt{width:800px;display: inline-block;}
.det_rt{width:250px;float: right;min-height:687px;z-index:20;margin-top:-170px;position: relative;
    background: url(about_03.png) no-repeat center bottom;
    background-size: cover;padding:70px 0 40px;
    box-shadow: 0px 3px 14px 2px rgba(225,225,225,1)}
.right_nav li{margin:0 0 40px 0;}
.right_nav li span{display: inline-block;]}
.right_nav li a{color:#fff;display: block;text-align: right;padding:0 30px 0 15px;font-size: 16px;
    line-height: 37px;height:37px;overflow: hidden;position: relative;}
.right_nav li i{display: none;position: absolute;left:15px;top:20px;border-bottom:1px solid #fff;width:48%;}
.right_nav li:hover i{display: block;}
.right_nav li a.on i{display: block;}
.right_navTwo li{margin-bottom:5px;}
.right_navTwo li a{text-align: left;padding:0 10px 0 50px;font-size: 14px;}
.right_navTwo>li>a:before{display:none;content:"";position: absolute;top:15px;left:30px;width:8px;height:8px;border-radius: 50%;border:1px solid #fff;}
.right_navTwo>li>a:hover:before{display: block;}
.right_navTwo>li>a.on:before{display: block;}
.right_navTwo>li>a:hover{font-weight: bold;}
.right_navTwo>li>a.on{font-weight: bold;}
.right_navThree li a{padding-left:70px; }
.right_navFour li a{padding-left:100px;}
.right_navThree li a:hover{font-weight: bold;text-decoration: underline;}
.right_navThree li a.on{font-weight: bold;text-decoration: underline;}
.right_nav ul{display: none;}

.rt_name{font-size: 40px;color:#27a3cd;position: absolute;bottom:20px;left:20px;writing-mode:tb-rl;}

.page_txt{line-height: 37px;font-size: 14px;color:#666;}
.page_txt img{max-width: 100%;max-height: 100%;}

.det_animate{ }
.det_animate div{position: absolute;}
.animate_one{width:13px;height:13px;border:3px solid #feac8f;border-radius: 50%;top:-25px;left:-30px;}
.animate_two{width:19px;height:19px;border:5px solid #74f6da; top:-60px;}
.animate_three{width:13px;height:13px;border:3px solid #feac8f;border-radius: 50%;right:-42px;top:-67px;}
.animate_four{width:16px;height:16px;border:3px solid #fc9191;border-radius: 50%;right:-97px;top:-2px;}
.animate_five{width:32px;height:32px; border-radius: 50%;background: #2cb66e;opacity: .9;top:-40px;right:-61px;box-shadow: 3px 2px 14px 2px rgba(225,225,225,1)}
.animate_six{width:26px;height:26px; border-radius: 50%;background: #308ae2;top:-24px;right:-41px;box-shadow: 0px 3px 14px 2px rgba(225,225,225,1)}
.animate_seven{width:38px;height:38px; border-radius: 50%;background: #f4a74a;bottom:-26px;left:-60px;box-shadow: 0px 3px 14px 2px rgba(225,225,225,1)}
.animate_eight{width:19px;height:19px;border:5px solid #74f6da; bottom:-54px;left:-85px;}
.animate_nine{width:19px;height:19px;border:5px solid #f7d8f3; bottom:30%;right:-60px;}

.animate_one{animation: one_an linear 2s infinite ;-webkit-animation: one_an linear 2s infinite ;}
.animate_two{animation: two_an linear 2s infinite ;-webkit-animation: two_an linear 2s infinite ;}
.animate_three{animation: three_an linear 2s infinite ;-webkit-animation:three_an linear 2s infinite ; }
.animate_four{animation: three_an linear 2s infinite ;-webkit-animation: three_an linear 2s infinite ;}
.animate_five{animation: five_an linear 2s infinite  ;-webkit-animation:five_an linear 2s infinite  ; }
.animate_six{animation: five_an linear 2s infinite ;-webkit-animation: five_an linear 2s infinite  ;}
.animate_seven{animation: seven_an linear 2s infinite ;-webkit-animation: seven_an linear 2s infinite ;}
.animate_eight{animation: eight_an linear 2s infinite ;-webkit-animation:eight_an linear 2s infinite ; }
.animate_nine{animation:nine_an linear 2s infinite ;-webkit-animation:nine_an linear 2s infinite ; }
@keyframes one_an {
     0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(-10px,-10px);-webkit-transform: translate(-10px,-10px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes two_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(0,10px);-webkit-transform: translate(0,10px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes three_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(-10px,10px);-webkit-transform: translate(-10px,10px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes five_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(10px,-10px);-webkit-transform: translate(10px,-10px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes seven_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(-20px,-20px);-webkit-transform: translate(-20px,-20px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes eight_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(20px,20px);-webkit-transform: translate(20px,20px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}
@keyframes nine_an {
    0%{transform: translate(0,0);-webkit-transform: translate(0,0);}
    50%{transform: translate(0,20px);-webkit-transform: translate(0,20px);}
    100%{transform: translate(0,0);-webkit-transform: translate(0,0);}
}


.newsCont_det  .news_rtList{margin-bottom:65px;}

.page ul{display: inline-block;}
.page ul li{display: inline-block;margin:3px}
.page ul li i{display: inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.page ul li.page_prev i{border-right:6px solid #666;margin-right:5px;}
.page ul li.page_next i{border-left:6px solid #666;margin-left:5px;}
.page ul li a{padding:0 10px;color:#666; display: inline-block;height:26px;line-height: 26px;border:1px solid #9f9f9f;font-size: 14px;}
.page span{font-size: 14px;}
.page span select{width:50px;}
.page ul li a:hover{color:#fff;background: #589de5;border:1px solid #589de5;}
.page ul li.on a{color:#fff;background: #589de5;border:1px solid #589de5;}
.page ul li.page_prev a:hover i{border-right:6px solid #fff;}
.page ul li.page_next a:hover i{border-left:6px solid #fff;}


.newsTxt_list{padding-bottom:20px;margin-bottom:35px;border-bottom:1px dashed #e7e7e7;overflow: hidden;}
.newsTxt_list dt{width:85px;height:85px;text-align: center;background: #c6c9cd;float:left;}
.newsTxt_list dt i{display: block;font-size: 14px;color:#fff;height:35px;border-bottom:1px solid #fff;font-weight:normal;line-height: 35px;}
.newsTxt_list dt h3{font-size: 32px;color:#fff;margin-top:6px;}
.newsTxt_list dd{margin-left:105px;}
.newsTxt_list dd a{font-size: 18px;font-weight: bold;display: block;height:26px;line-height: 26px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsTxt_list dd p{font-size: 14px;color:#666;line-height: 20px;height:40px;margin-top:10px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2}


.newsCont_name{border-bottom:1px dashed #9f9f9f;padding-bottom:20px;margin-bottom:20px;}
.newsCont_name h1{font-size: 28px;font-weight: bold;margin-bottom:20px;}
.newsCont_name span{font-size: 12px;}

.det_page{border-top:1px dashed #9f9f9f;padding:15px 0;margin-top:20px;}
.det_page li a{font-size: 12px;color:#666;line-height: 20px;}
.det_page li a:hover{color:#66afe9;}


.proCont_det .course_list{width:42.5%;margin:0 8% 60px 0;float:left;}
.proCont_det .course_list:nth-child(2n){margin-right:4%;}


.detProSlider .slider-for{width:62%;display: inline-block;vertical-align: top;}
.detProSlider .slider-nav{padding:45px 0 30px;margin-left:1.5%;width:25.8%;display: inline-block;vertical-align: top;}
.detProSlider .slider-nav .slick-slide{margin:0 0 15px 0;}
.detProSlider .slider-nav .slick-prev,.detProSlider .slider-nav .slick-next{width:100%;height:30px;line-height: 30px;z-index:10;
    transform:translate(0,0);-webkit-transform: translate(0,0);}
.detProSlider .slider-nav .slick-prev{background: #e8e8e8 url(pro_prev.png) no-repeat center center; top:0;margin:0;left:0;}
.detProSlider .slider-nav .slick-next{background: #e8e8e8 url(pro_next.png) no-repeat center center; top:auto;bottom:0;margin:0;right:0;}
.detProSlider .slider-nav .slick-prev:hover{background: #589de5 url(pro_prev_n.png) no-repeat center center; }
.detProSlider .slider-nav .slick-next:hover{background: #589de5 url(pro_next_n.png) no-repeat center center; }

.detPro_name{margin:35px 0;position: relative;}
.detPro_name span{position: relative;display: inline-block;width:130px;height:30px;line-height: 30px;text-align: center;font-size: 18px;color:#589de5;border:1px solid #589de5;background: #fff;}
.detPro_name:before{content:"";display: block;position: absolute;top:15px;right:0;width:100%;border-top:1px solid #589de5;}
.detPro_name:after{content:"";display: block;position: absolute;right:0;top:8px;width:15px;height:15px;background: #589de5;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.detPro_back{padding:40px 0 0;}
.detPro_back:before{content:"";display: block;position: absolute;top:15px;right:0;width:100%;border-top:1px solid #589de5;}
.detPro_back:after{content:"";display: block;position: absolute;right:0;top:8px;width:15px;height:15px;background: #589de5;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.detPro_back a.back_a{ display: inline-block;width:120px;height:35px;line-height: 35px;background: #589de5;color:#fff;font-size: 16px;text-align: center;}
.share{ padding-right:20px;}

.detProSlider2{}
.detProSlider2  .slick-prev,.detProSlider2 .slick-next{width:44px;height:44px;border-radius: 50%;z-index:10; }
.detProSlider2  .slick-prev{background:#e8e8e8 url(index_28.png) no-repeat center center;}
.detProSlider2  .slick-next{background:#e8e8e8 url(index_31.png) no-repeat center center;}
.detProSlider2  .slick-prev:hover{background:#589de5 url(index_28.png) no-repeat center center;}
.detProSlider2  .slick-next:hover{background:#589de5 url(index_31.png) no-repeat center center;}

.ser_result{padding:20px 0 60px;font-size: 16px;}

.imgTCont_det{padding:60px 0 0;}
.imgTCont_det .student_list{width:48%;margin-bottom:90px;}


.modal-backdrop.in{opacity: .8;}
.imgTModel.in .modal-dialog{transform:translate(0,50%);-webkit-transform: translate(0,50%);
background: rgba(79,136,205,.3);border-radius: 0;padding:10px;}
.imgTModel .modal-content{background: #4f88cd; box-shadow: none;border-radius: 0;border:none;}
.imgTModel  .modal-header{padding:0;border:none;color:#fff;}
.imgTModel  .modal-header .close{ z-index:50;color:#fff;font: 25px "宋体";font-weight:normal;position: absolute;right:5px;top:5px;opacity: 1;}

.model_student .carousel-inner{overflow: visible;}
.model_student .item{padding:0  0 50px 0;}
.model_student .item img{width: 100px;height:100px;border-radius: 50%;overflow: hidden;position: absolute;top:-110px;right:15px;}
.model_student .item h3{color:#fff;font-size: 22px;}
.model_student .item b{display: block;height:20px;border-left:1px solid #fff;margin:15px 0 15px 45px;}
.model_student .item p{ font-size: 16px;color:#fff;line-height: 24px;height:72px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.model_student .carousel-control.left,.model_student .carousel-control.right{opacity: 1;text-shadow: none;
    background: none;top:auto;bottom:0;right:0;left:auto;width:80px;height:30px;line-height: 30px;font-size:14px;background: #fff;color:#599ee5;text-align: center;}
.model_student .carousel-control.left{right:100px;}