﻿/*固定*/

/*banner开始*/

.main {  width: 100%;  padding-top:1px;}

.main .banner {  width: 100%;  font-size: 0;  position: relative;  }

.main .banner img {  width: 100%;  }

.main .banner .subnav {z-index: 19;  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: -12px;  }

.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }

.main .banner .subnav ul {  width: 100%;  }

.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }

.main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  text-align: center; line-height: 43px;  font-size: 18px;  display: inline-block;  }

li.yellow {  background-color: #e59231;  }

.main .banner .subnav ul > li a {  color: #fff; display: inline-block;width: 100%; }

.main .banner .title {  position: absolute;  top: -200%;  left: 0;  width: 200px;   }

/*banner结束*/

.ding{height:43px;}

/*内容展示开始*/









/*版块一*/

 .introduction{width: 1200px;box-sizing: border-box;padding:40px;margin:30px auto;border-radius: 10px;overflow: hidden;background-color: #f6fafb;}

 .introduction h3{text-align: left;font-size: 26px;color:#d2852c;margin:10px 0;}

 .introduction p{text-align: left;font-size: 16px;color:#333;margin:10px 0;line-height: 30px;}

 .introduction img{max-width:100%;}

.train {  width:100%;  padding: 80px 0;box-sizing: border-box ;}

.train>p { text-align: center; margin:15px 0;}

.train>.p1 { color:#2690a4;font-size: 14px; }

.train>.p2 { color:#333333;font-size: 26px; }

.train>.p3 { color:#666666;font-size: 14px; }

.train .curriculum { width:1200px;margin:30px auto;font-size: 0; }

.train .curriculum>li{ width:100%;border-radius: 5px;overflow: hidden }

.train .curriculum>li.title{ background-color: #d2852c;  color:#fff}

.train .curriculum>li.l1{ background-color: #fff; color:#333; }

.train .curriculum>li.l2{ background-color: #f6f1ee;  color:#333;}

.train .curriculum .list{ width:100%;font-size: 0; }

.train .curriculum .list>li{ cursor:pointer;width:100%;font-size: 0;display: inline-block;box-sizing: border-box;padding:20px 0;text-align: center }

.train .curriculum .list>li.th{ width:24%;font-size: 18px;}

.train .curriculum .list>li.td{ width:19%;border-left:1px solid #e7e2df;font-size: 16px;}







/*版块二*/



.video{width: 100%;box-sizing: border-box;padding:80px 0;background-color: #f6f6f6;}

.video>p { text-align: center; margin:15px 0;}

.video>.p1 { color:#2690a4;font-size: 14px; }

.video>.p2 { color:#333333;font-size: 26px; }

.video>.p3 { color:#666666;font-size: 14px; }

.video .bovideo{width: 1200px;margin:0 auto;box-sizing: border-box}

.video .bovideo .title{margin:20px 0;font-size: 24px;color:#333333;padding-left:100px;}

.video .bovideo .title span{font-size: 16px;color:#333333;}

.video .bovideo .video_div{width:850px;margin:40px auto;height:470px;overflow: hidden}

.video .bovideo .video_div>div{height:100%;}

.video .bovideo .video_div video{width: 100%;object-fit: fill;  height: 100%}

.video .bottom{width: 1200px;margin:0 auto;position: relative}

.video .video_phone{width: 1000px;margin:40px auto;font-size: 0}

.video .video_phone img{width: 100%!important;}

.video .video_phone .zhe{

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;width: 100%;box-sizing:border-box;padding:10px 0 10px 10px;color:#fff;font-size: 14px;background-color: rgba(0,0,0,.5);position: absolute;left:0;bottom:0;}



.video .bottom .dian{cursor:pointer;padding-top:8px;box-sizing:border-box;text-align:center;width: 40px;height:40px;position: absolute;top:60px;background-color: rgba(210,133,44,1)}

.video .bottom .left{left:5px;}

.video .bottom .right{right:5px;}

.none{opacity: 0}

/*视频轮播展示*/



/*版块三*/

.recollections{width: 100%;box-sizing: border-box;padding:80px 0;background-color: #fff;}

.recollections .conter{width: 1200px;margin:0 auto;box-sizing: border-box;}

.recollections>p { text-align: center; margin:15px 0;}

.recollections>.p1 { color:#2690a4;font-size: 14px; }

.recollections>.p2 { color:#333333;font-size: 26px; }

.recollections>.p3 { color:#666666;font-size: 14px; }

.recollections .speak{width: 1200px;margin:0 auto;box-sizing: border-box;padding:30px 0;}

.speak>div{width: 100%;box-sizing: border-box;}

.speak>div>ul{width: 100%;box-sizing: border-box;font-size: 0}

.speak>div>ul>li{width: 50%;box-sizing: border-box;display: inline-block;padding-right:15px;padding-left:80px;position: relative;margin:15px 0;}

.speak>div>ul>li .head_portrait{box-sizing:border-box;border:3px solid #4da5b6;width: 110px;height:110px;font-size: 0;border-radius: 50%;overflow: hidden;position: absolute;left:5px;top:50%;margin-top:-55px;}

.speak>div>ul>li .head_portrait>img{width: 100%}

.speak>div>ul>li .txt{width: 100%;box-sizing: border-box;border: 1px solid #d9d9d9;padding:20px 25px 20px 45px;box-shadow: 5px 5px 10px #ddd;overflow-x: hidden;height: 154px;}

.speak>div>ul>li .txt p{width: 100%;font-size: 14px;}

.speak>div>ul>li .txt p.word{line-height: 25px;color:#666666;margin-bottom:15px;}

.speak>div>ul>li .txt p.name{text-align: right;color:#555555}

 .sanjiao1{display: none}

 .sanjiao{display: none}

.gundong {width: 30px;height: 152px;background-color: #fff;position: absolute;top:1px;right:17px;}

/*板块四*/



.obtain_employment{width: 100%;box-sizing: border-box;padding:80px 0;background-color: #ececec;}

.obtain_employment .conter{width: 1200px;margin: 0 auto;box-sizing: border-box;}

.obtain_employment>p { text-align: center; margin:15px 0;}

.obtain_employment>.p1 { color:#2690a4;font-size: 14px; }

.obtain_employment>.p2 { color:#333333;font-size: 26px;   }

.obtain_employment>.p3 { color:#666666;font-size: 14px; }

.obtain_employment .word{width: 1200px;margin:15px 0;box-sizing: border-box;}

.obtain_employment .word ul{width: 100%;box-sizing: border-box;font-size: 0;}

.obtain_employment .word ul>li{width: 100%;box-sizing: border-box;font-size: 0;margin:30px 0;padding:10px 30px;}

.obtain_employment .word ul>li .head_portrait{width: 18%;box-sizing: border-box;}

.obtain_employment .word ul>li .head_portrait .head{margin:10px auto;font-size:0;width: 110px;height:110px;border-radius: 50%;overflow: hidden;border:3px solid #4da5b6;box-sizing: border-box}

.obtain_employment .word ul>li .head_portrait img{width: 100%}

.obtain_employment .word ul>li .head_portrait p{width: 100%;text-align: center;margin:15px 0;font-size: 16px;color: #333;}

.obtain_employment .word ul>li .txt{width: 82%;box-sizing: border-box;border: 1px solid #d9d9d9;padding:20px 30px;box-shadow: 5px 5px 10px #ddd;}

.obtain_employment .word ul>li .txt .p1{width: 100%;font-size: 18px;color:#333;margin:10px 0;}

.obtain_employment .word ul>li .txt .p2{width: 100%;font-size: 14px;color:#666;margin:10px 0;line-height: 25px;-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition:all 0.5s;}





/*版块五*/



.atlas{width: 100%;box-sizing: border-box;padding:80px 0;background-color: #fff;}

.atlas>p { text-align: center; margin:15px 0;}

.atlas>.p1 { color:#2690a4;font-size: 14px; }

.atlas>.p2 { color:#333333;font-size: 26px; }

.atlas>.p3 { color:#666666;font-size: 14px; }

.atlas .exhibition{width: 90%;margin:40px auto;box-sizing: border-box;overflow: hidden}













/*内容展示结束*/





/*响应式*/



/*中*/

@media screen and (min-width: 720px) and (max-width: 1200px) {

    .gundong {width: 10px;height: 228px;}





    .main .banner .subnav .center {  width: 720px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;   font-size: 14px;  }

    .main .banner .title {    top: -115%;  left: 0;  width: 100px;  }

    /*banner结束*/

    /*版块一*/

    .introduction{width: 720px;padding:30px;margin:30px auto;}

    .introduction h3{font-size: 24px;}

    .introduction p{font-size: 16px;}

    .train>.p1 { color:#2690a4;font-size: 12px; }

    .train>.p2 { color:#333333;font-size: 22px; }

    .train>.p3 { color:#666666;font-size: 12px; }



    .train .curriculum { width:720px;margin:20px auto;font-size: 0; }

    .train .curriculum .list>li{ cursor:pointer;width:100%;font-size: 0;display: inline-block;box-sizing: border-box;padding:15px 0;text-align: center }

    .train .curriculum .list>li.th{ width:28%;font-size: 16px;}

    .train .curriculum .list>li.td{ width:18%;border-left:1px solid #e7e2df;font-size: 14px;}







    /*版块二*/

    .video .bovideo{width: 720px;}

    .video>.p1 { font-size: 12px; }

    .video>.p2 { font-size: 18px; }

    .video>.p3 { font-size: 12px; }

    .video .bovideo .title{font-size: 20px;padding-left:20px;}

    .video .bovideo .title span{font-size: 14px;}

    .video .bovideo .video_div{width:600px;height:350px;margin:30px auto;}

    .video .bottom{width: 720px;}

    .video .video_phone{width: 650px;margin:40px auto;font-size: 0}

    .video .bottom .dian{padding-top:3px;width: 30px;height:30px;top:33px;}

    .video .bottom .left{left:0px;}

    .video .bottom .right{right:0px;}

    .video_div div:not(.video_none){display: none;}

    .video_none{display: block}

    /*版块三*/



    .recollections>.p1 { color:#2690a4;font-size: 12px; }

    .recollections>.p2 { color:#333333;font-size: 14px; }

    .recollections>.p3 { color:#666666;font-size: 12px; }

    .recollections .conter{width: 720px;}

    .recollections .speak{width: 720px;padding:30px 0;}

    .speak>div>ul>li{padding-right:15px;padding-left:50px;margin:15px 0;}

    .speak>div>ul>li .head_portrait{width: 80px;height:80px;left:5px;top:50%;margin-top:-40px;}

    .speak>div>ul>li .txt{padding:15px 15px 15px 37px;box-shadow: 5px 5px 10px #ddd;overflow-x: hidden;height: 230px;}

    .speak>div>ul>li .txt p{width: 100%;font-size: 14px;line-height: 22px;color:rgb(102, 102, 102);text-align: left!important;}

    .speak>div>ul>li .txt p.word{line-height: 22px;color:#666666;margin-bottom:10px;}

    .speak>div>ul>li .txt::-webkit-scrollbar{

        height: 0;

        width: 0;

    }

    /*板块四*/



    .obtain_employment .conter{width: 720px;margin: 0 auto;box-sizing: border-box;}

    .obtain_employment>.p1 { color:#2690a4;font-size: 12px; }

    .obtain_employment>.p2 { color:#333333;font-size: 14px; }

    .obtain_employment>.p3 { color:#666666;font-size: 12px; }

    .obtain_employment .word{width: 720px;margin:15px 0;box-sizing: border-box;}

    .obtain_employment .word ul>li{width: 100%;box-sizing: border-box;font-size: 0;margin:30px 0;padding:10px;}

    .obtain_employment .word ul>li .head_portrait{width: 18%;box-sizing: border-box;}

    .obtain_employment .word ul>li .head_portrait p{width: 100%;text-align: center;margin:10px 0;font-size: 14px;color: #333;}

    .obtain_employment .word ul>li .txt{width: 82%;box-sizing: border-box;border: 1px solid #d9d9d9;padding:7px 10px;box-shadow: 5px 5px 10px #ddd;}

    .obtain_employment .word ul>li .txt .p1{font-size: 14px;margin:7px 0;}

    .obtain_employment .word ul>li .txt .p2{font-size: 12px;margin:7px 0;line-height: 22px;}

    /*3d轮播*/

    #starsIF{margin-top:60px;}

    /*内容展示结束*/

}





/*小*/

@media screen and (min-width: 320px) and (max-width: 720px) {

    .ding{height:32px;}



    .gundong {display: none}

    .main .banner .subnav { bottom: -32px;  }



    .main{ margin-top:46px;padding-top:1px;}

    .main .banner .subnav .center {  width: 320px; }

    .main .banner .subnav ul > li { padding:6px 0; width: 20%;  box-sizing: border-box;  font-size: 12px;line-height: 20px  }

    .main .banner .title {   top: -102%;  left: 0;  width: 50px;  }

    /*banner结束*/

    /*版块一*/



    .introduction{width: 96%;padding:10px;margin:50px 2% 15px 2%;border-radius: 5px;}

    .introduction h3{font-size: 14px;}

    .introduction p{font-size: 14px;margin:5px 0;line-height: 20px;}



    .train {  width:100%;  padding: 30px 0;box-sizing: border-box ;}

    .train>p { text-align: center; margin:5px 0;}

    .train>.p1 { color:#2690a4;font-size: 12px; }

    .train>.p2 { color:#333333;font-size: 14px; }

    .train>.p3 { color:#666666;font-size: 12px;width: 320px;margin:0 auto;padding:0 8px;box-sizing: border-box }





    .train .curriculum { width:96%;margin:15px 2%;font-size: 0; }

    .train .curriculum>li{ width:100%;border-radius: 3px;overflow: hidden }

    .train .curriculum .list>li{padding:0 3px;height: 45px;display: flex;float: left;align-items: center;  justify-content: space-around;

        flex-direction: column;}

    .train .curriculum .list>li.th{ width:28%;font-size: 12px;}

    .train .curriculum .list>li.td{ width:18%;border-left:1px solid #e7e2df;font-size: 12px;}





    /*版块二*/

    .video .bovideo{width: 96%;margin :0 2%;}

    .video>p { text-align: center; margin:5px 0;}

    .video>.p1 { color:#2690a4;font-size: 12px; }

    .video>.p2 { color:#333333;font-size: 14px; }

    .video>.p3 { color:#666666;font-size: 12px;width: 96%;margin :0 2%;padding:0 8px;box-sizing: border-box  }



    .video .bovideo .title{font-size: 12px;padding-left:8px;}

    .video .bovideo .title span{font-size: 12px;}

    .video .bovideo .video_div{width:94%;height:280px;margin:10px 3%;}

    .video .bottom{width: 94%;margin:10px 3%;}





    .video .video_phone{width: 100%;margin:15px auto;font-size: 0}

    .video .bottom .dian{padding-top:3px;width: 20px;height:20px;top:5px;display: none}

    .video .video_phone .zhe{padding:3px 0 3px 3px;font-size: 10px;}



    /*版块三*/

    .recollections>.p1 { color:#2690a4;font-size: 12px; }

    .recollections>.p2 { color:#333333;font-size: 14px; }

    .recollections>.p3 { color:#666666;font-size: 12px;padding:0 8px;box-sizing: border-box ;width: 96%;margin :0 2%;}

    .recollections .conter{width: 96%;margin :0 2%;}

    .recollections .speak{width: 100%;padding:20px 0;}

    .speak>div>ul>li{width: 100%;padding:0;margin:40px 0;}

    .speak>div>ul>li .head_portrait{width: 80px;height:80px;left:50%;top:15px;margin-left:-40px;}

    .speak>div>ul>li .txt{padding:45px 8px 5px  8px;box-shadow: 5px 5px 10px #ddd;height:190px;overflow: hidden;

        }

    .speak>div>ul>li .txt p{width: 100%;font-size: 14px;line-height: 22px;color: rgb(102, 102, 102);}

    .speak>div>ul>li .txt p.word{line-height: 22px;color:#666666;margin-bottom:10px;}

    .speak .sanjiao{display:block;text-align: center;position: absolute;left:0;bottom:-40px;}

    .speak .sanjiao span{display: inline-block;width: 30px;height: 30px;}

    .speak .sanjiao span img{width:100%;}



    /*版块四*/

    .obtain_employment .conter{width: 100%;}

    .obtain_employment>.p1 { color:#2690a4;font-size: 12px; }

    .obtain_employment>.p2 { color:#333333;font-size: 14px; }

    .obtain_employment>.p3 { color:#666666;font-size: 12px; padding:0 8px;box-sizing: border-box ;width: 320px;margin:0 auto;}

    .obtain_employment .word{width: 100%;}

    .obtain_employment .word ul>li{width: 100%;margin:40px 0;padding:10px;}

    .obtain_employment .word ul>li .head_portrait{width: 80px;margin:0 auto;position: static;float: none}

    .obtain_employment .word ul>li .head_portrait .head{width: 100%;height: 80px;}

    .obtain_employment .word ul>li .head_portrait p{width: 100%;text-align: center;margin:10px 0;font-size: 14px;color: #333;}

    .obtain_employment .word ul>li .txt{width: 94%;margin:10px auto;padding:5px;box-shadow: 5px 5px 10px #ddd;float: none;position: relative}

    .obtain_employment .word ul>li .txt .p1{font-size: 14px;margin:7px 0;}

    .obtain_employment .word ul>li .txt .p2{font-size: 12px;margin:7px 0;line-height: 22px;height:106px;overflow: hidden}

    .obtain_employment .sanjiao1{width:100%;display:block;text-align: center;position: absolute;left:0;bottom:-30px;}

    .obtain_employment .sanjiao1 span{display: inline-block;width: 30px;height: 30px;}

    .obtain_employment .sanjiao1 span img{width:100%;}



    /*3d轮播*/

    .atlas{padding:20px 0;}

    #starsIF{margin-top:120px;}

    .atlas .bovideo{width: 100%;margin:0 2%;}

    .atlas>p { text-align: center; margin:5px 0;}

    .atlas>.p1 { color:#2690a4;font-size: 12px; }

    .atlas>.p2 { color:#333333;font-size: 14px; }

    .atlas>.p3 { color:#666666;font-size: 12px;width: 100%;margin:0 2%; padding:0 8px;}



    /*内容展示结束*/

}