@charset "utf-8";
/* css document */

body{ font-family:"微软雅黑"; margin:0; padding:0; }
*{ margin:0; padding:0; }
ul,li{margin:0; padding:0;}

.footer-ewm{width: 10%;float: left;overflow: hidden;}
.footer-ewm span{    color: #999;font-size: 0.8em;display: block;text-align: center;}
.footer-ewm img{    width: 100%;}

#player{    width: 48%;
    overflow: hidden;
       padding-top: 3%;
    margin: 0 auto;}


.header{ width:100%; background-color:rgba(252, 252, 252, 0.90); position:fixed; z-index:100000000;height:5em;}
.logo{ margin-left:3%; float:left; width:13%; margin-top: 1%;}
.logo img,.topright span{ width:auto;}

.nav{ float: left; width:56%;height: 5em;}
.nav ul{ width:100%;margin-left: 5%;}
.nav ul li a{ text-decoration:none; color:#000; height: 100%; display: block;}
.nav ul li{ width:15%; float:left;  height:80px;}
.nav ul li:hover .navtwo{ display:block;   z-index: 10000;  }
.nav ul li:hover .navone{ color:#007d81; border-bottom:1px solid #007d81;  }

.navone{  text-align: center; line-height:5rem; font-size: 1rem; color: #666;}
.navtwo{ display:none; width:300%; position: relative; left:0; z-index: 10000; ;padding-left:6%; padding-top: 3%;padding-bottom:1%;}

.navi1{background-color:rgba(15, 143, 147, 0.9);}
.navi2{background-color:rgba(26, 184, 89, 0.9);}
.navi1 p a:hover{ background:rgb(17, 126, 129); color:#fff; }
.navi2 .navtwo1g{   border-bottom:1px solid rgba(2, 147, 60, 0.62); }

.navi2 p a:hover{ background-color:rgb(22, 129, 65);  }


.navi3{background-color:rgba(254, 156, 63, 0.9);}
.navi3 .navtwo1g{  border-bottom:1px solid rgba(254, 156, 63, 0.88);  }
.navi3 p a:hover{ background-color:rgba(234, 115, 1, 0.9);  }


.navi4{background-color:rgba(29, 192, 204, 0.9);}
.navi4 .navtwo1g{ border-bottom:1px solid rgba(25, 222, 236, 0.93);}
.navi4 p a:hover{background-color:rgba(27, 149, 158, 0.85);}


.navi5{background-color:rgba(165, 204, 48, 0.9);}
.navi5 .navtwo1g{ border-bottom:1px solid rgba(153, 191, 36, 0.9);}
.navi5 p a:hover{background-color:rgba(151, 189, 35, 0.9);}


.navi6{background-color:rgba(184, 140, 206, 0.9);}
.navi6 .navtwo1g{ border-bottom:1px solid rgba(184, 140, 206, 0.73);}
.navi6 p a:hover{background-color:rgba(146, 89, 175, 0.73);}



.navtwo1:hover{ background-color:#007d81; color:#fff;  }
.navtwo1{ color: #999; width: 20%; margin-left:26%; border-bottom:1px solid #f2f2f2;  padding-left: 3%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 1%;}
.navone:hover .nav{border-bottom:200px solid #fff;}
.navtwo1g:hover{ background-color:#0ca8ad; color:#fff;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.navtwo1g{color: #eee; line-height:2.8rem;font-size:1rem;text-align: left;margin-right: 2%; margin-bottom:2%; border-bottom:1px solid rgba(12, 168, 173, 0.28);     padding-left: 10%;}
  
.topright{   width:100%; overflow:hidden;  }
.topright span,.topright b,.topright i{ display:block; float:left;font-weight: normal;font-style: inherit;}
.topright span{ width: 10%;overflow: hidden; margin-right:5%;    margin-top: 21px; }
.topright b{width: 60%; overflow:hidden; font-size: 1.3em;color: #ccc; font-family:"微軟正黑體";     line-height: 3.6em; }
.topright i{width: 25%; overflow:hidden;    margin-top: 5%;}
.topright i a{margin-left: 5%; padding: 5%;color:#bbb; display:block; float:left; border:1px solid #bbb; font-size: 0.8em; text-align: center;}




.page-job-show-bottom{    width: 80%;margin: 0 auto;color: #666;line-height: 2em;padding-bottom: 1%;}



.indexmarketleft .indexmarketleftone-index_pro{     width: 100%;   height: 55%; position: relative; margin-bottom: 5%;}
.indexmarketleft .indexmarketleftone-index_pro img{    position: absolute;top: 0; left: 0; width: 100%;   height: 100%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.indexmarketleftone-index_pro:hover   img{    -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.indexmarketleft .indexmarketleftone-index_pro a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 2;}
.indexmarketleft .indexmarketleftone-index_pro .txt{      background-color: rgba(255, 255, 255, 0.80);  position: absolute;width: 100%;top: 55%; height: 45%;}
.indexmarketleft .indexmarketleftone-index_pro .txt h1{    font-size: 2.9em; width: 100%;text-align: center;color: #000;border: 0;}
.indexmarketleft .indexmarketleftone-index_pro .txt h2{    font-size: 1em;}


.indexmarketzhong .indexmarketleftone-index_pro{     width: 100%;   height: 55%; position: relative; margin-bottom: 5%;}
.indexmarketzhong .indexmarketleftone-index_pro img{    position: absolute;top: 0; left: 0; width: 100%;   height: 100%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.indexmarketleftone-index_pro:hover  img{    -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.indexmarketzhong .indexmarketleftone-index_pro a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 2;}
.indexmarketzhong .indexmarketleftone-index_pro .txt{      background-color: rgba(255, 255, 255, 0.80);  position: absolute;width: 100%;top: 55%; height: 45%;}
.indexmarketzhong .indexmarketleftone-index_pro .txt h1{    font-size: 2.9em; width: 100%;text-align: center;color: #000;border: 0;}
.indexmarketzhong .indexmarketleftone-index_pro .txt h2{    font-size: 1em;}


.indexmarketright .indexmarketleftone-index_pro{     width: 100%;   height: 55%; position: relative; margin-bottom: 5%;}
.indexmarketright .indexmarketleftone-index_pro img{    position: absolute;top: 0; left: 0; width: 100%;   height: 100%;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.indexmarketleftone-index_pro:hover  img{    -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.indexmarketright .indexmarketleftone-index_pro a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 2;}
.indexmarketright .indexmarketleftone-index_pro .txt{      background-color: rgba(255, 255, 255, 0.80);  position: absolute;width: 100%;top: 55%; height: 45%;}
.indexmarketright .indexmarketleftone-index_pro .txt h1{    font-size: 2.9em; width: 100%;text-align: center;color: #000;border: 0;}
.indexmarketright .indexmarketleftone-index_pro .txt h2{    font-size: 1em;}





/*---------------------------------------------index banner star----------------------------------------*/
.banner{ width:100%; height:100%; overflow:hidden; position:relative; }
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; padding-top:42%; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:2px solid #d2d2d2; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #007d81;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background: 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background: -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.bannern1{width: 64%;left: 0%;overflow: hidden;position: absolute;top: 30%; }
.bannern1 img{}
.bannern1 h1{ font-weight:600; color: #eee;font-size: 3em; line-height: 2em; font-family:arial;}
.bannern1 h1 span{ color: #02f7fc;font-size: 1.4em;margin-left: 1%;}
.bannern1 h2{ font-weight:normal;  color: #eee;font-size: 4em;  }
.bannern1 h2 span{}
.bannern1 h3{ font-weight:normal; color: #eee;font-size: 2em; line-height: 2em; }
.bannern1 h4{color: #02f7fc;font-size: 2.4em;   }


.bannern2{ width: 64%;left: 0%;overflow: hidden;position: absolute;top: 40%;}
.bannern2 h4{text-transform: uppercase;font-weight: normal;font-family: arial; color: #02f7fc;font-size: 2em;}
.bannern2 h1{ font-weight: normal;color: #eee;font-size: 1.4em;padding-left: 10%; }
.bannern2 h2{ font-weight: 600;color: #eee;font-size: 3.6em; line-height: 1.8em;  }
.bannern2 h2 span{ margin: 4%;color: #68f2f7;}
.bannern2 h3{ font-weight: normal;color: #eee;font-size: 2.4em;    padding-left: 20%;}

.bannern3{    width: 64%;left: 5%;overflow: hidden;position: absolute;top: 30%;}
.bannern3 h4{text-transform: uppercase;font-weight: normal;font-family: arial; color: #02f7fc;font-size: 2em;}
.bannern3 h1{    text-align: left; font-weight: normal;color: #007d81;font-size: 2em;}
.bannern3 h1 span{ font-weight: 600;color: #007d81;font-size: 3em;}
.bannern3 h2{     text-align: left;font-weight: 600;color: #fff;font-size: 4em; line-height: 1.8em;  }
.bannern3 h3{    text-align: left; font-weight: normal;color: #eee;font-size: 1.4em;   }


.bannern4{    width: 64%;overflow: hidden;position: absolute;top: 30%;left: 8%;z-index: 2; }
.bannern4 h4{text-transform: uppercase;font-weight: normal;font-family: arial; color: #fff;font-size: 5em;}
.bannern4 h1{ font-weight: normal;color: #007d81;font-size: 2em;}
.bannern4 h2{ font-weight: 600;color: #007d81;font-size: 4em; line-height: 1.8em;  }
.bannern4 h3{ font-weight: normal;color: #007d81;font-size: 1.4em;   }
.bannern4 h4 span{ color: #fff; font-size:0.7em; }


/*---------------------------------------------index banner star----------------------------------------*/





.grid {
    overflow: hidden;
    margin: 0;
    width: 100%!important;
    list-style: none;
    text-align: center;
}




.indexmarket{width:100%; text-align: center; overflow:hidden;padding-top:5%; padding-bottom:6%; }
.indexmarket h1{font-weight:normal; font-size: 1.8em; width:18%;margin: 0 auto;border-bottom: 1px solid #444;border-top: 1px solid #444; line-height: 2em;    color: #444;}
.indexmarket h2{ line-height: 2.6em;font-weight:normal; font-size: 2.2em;    color: #444;}
.indexmarket h3{  text-align:center; width: 18%;margin: 0 auto;font-weight: normal;line-height: 2em; margin-bottom: 2%;}
.indexmarket h3 a{ border:1px solid #666; text-decoration:blink;  color:#444; display:block;}
.indexmarket h3 a:hover{  border:1px solid #007d81; background-color:#007d81; color:#fff;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;  }
.indexmarket div{ width:90%; margin:0 auto; overflow:hidden; height:40em;  }
.indexmarket div .indexmarketleft{ float:left;  width: 32%;}
.indexmarket div .indexmarketleftone{ width: 100%;height:55%; background-position: center;background-repeat: no-repeat; background-size: cover; margin-bottom:5%; }
.indexmarket div .indexmarketleftone:hover{opacity: 0.9;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.indexmarket div .indexmarketlefttwo:hover{opacity: 0.9;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.indexmarket div .index_pro img{width:100%;height:100%;}



.indexmarket div .indexmarketleftone:hover a img{ transform: scale(1.2); -webkit-transform: scale(1.2);transition: all 0.5s linear 0s;}


.indexmarket div .index_pro img:hover{  transform: scale(1.2); -webkit-transform: scale(1.2);transition: all 0.5s linear 0s;}





.indexmarket div .indexmarketleftone p{ color: #000;height:45%;}

.indexmarket div .indexmarketleftone p b{ display: block;width: 80%; line-height: 2.4em;font-weight: normal;font-size: 2.9em;margin: 0 auto;}
.indexmarket div .indexmarketlefttwo{ width: 100%;height:40%; background-position: center;background-repeat: no-repeat; background-size: cover; margin-bottom: 5%;}
.indexmarket div .indexmarketlefttwo p{ height:100%; color: #fff; }
.indexmarket div .indexmarketlefttwo p b{ display: block;width: 80%; line-height:3.5em;font-weight: normal;font-size: 2.9em;margin: 0 auto;}
.indexmarket div .indexmarketzhong{ float:left; width: 32%; margin-left: 2%;}
.indexmarket div .indexmarketright{ float:left; width: 32%; margin-left: 2%;}









.indexpartner{ background-color:#eef2f3; width:100%; overflow:hidden;padding-top:5%; padding-bottom:5%;  }
.indexpartner h1{ text-align:center; font-weight:normal; font-size:2em; letter-spacing: 3px;    color: #444;}
.indexpartner h1 span{ color:#007d81; font-size: 1.4em; }
.indexpartner h2{ line-height: 3em;text-align:center; font-weight:normal;letter-spacing: 2px; font-size: 1.4em; margin-bottom: 3%;    color: #444;}
.indexpartner div{ overflow:hidden; margin-left: 2%; width: 100%;margin: 0 auto;}
.indexpartner div a{ margin-bottom: 1%; margin-left:0.5%; margin-right: 0.5%; width: 15.6%; text-decoration:blink; display:block; float: left; 
                      background-position: center;background-repeat: no-repeat; background-size: cover;}
.indexpartner div a p{opacity: 0.0;  background-color: #007d81; color: #fff; text-align: center;line-height: 8em; font-size:1em; letter-spacing: 3px;}
.indexpartner div a p:hover{opacity: 0.9;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.indexpartner h3{  text-align:center; width: 18%;margin: 0 auto;font-weight: normal;line-height: 2em; margin-top: 2%;margin-bottom: 2%;}
.indexpartner h3 a{ border:1px solid #888; text-decoration:blink;  color:#666; display:block;}
.indexpartner h3 a:hover{  border:1px solid #007d81; background-color:#007d81; color:#fff;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;  }









.indexnews{width:100%; text-align: center; overflow:hidden; background-position: center;background-repeat: no-repeat; background-size: cover; padding-top:6%; padding-bottom:7%; }
.indexnews h1{ color: #fff;font-weight:normal; font-size:2em; line-height: 2em; overflow:hidden; border-bottom:1px solid #fff; border-top:1px solid #fff; width:22%; margin:0 auto;}
.indexnews h2{ letter-spacing: 2px;margin-top: 2%;color: #eee;font-weight: normal;font-size:1.2em;line-height: 2em;}
.indexnews h3{background-color: #868785;width: 18%;margin: 0 auto;font-weight: normal;line-height: 2em; margin-top: 2%;margin-bottom: 2%;}
.indexnews h3 a{text-decoration:blink;  color:#333; display:block;}
.indexnews h3 a:hover{ color:#fff; background-color:#007d81; }
.course-list li h5 p{    font-size:20px;display: block;width:100%;margin:2em auto 1em;white-space: pre-wrap;line-height: 1.2;}
.course-list li h5 i{  font-size: 0.8em;line-height: 1.4em;font-weight: normal;width: 80%;margin: 0 auto;display: none;opacity: 0.6;white-space: pre-wrap;font-style: inherit;}
.course-list li h5 span{ color: #007d81; line-height:2em; display: block;}
.course-list li:hover{ background-color:#007d81; }
.course-list li:hover span{ color:#fff; bottom: 0px;  *display: block;}
.course-list li a:hover h5{ color: #fff;}
.course-list li a:hover h5 i{ opacity:0.9;}
.course-list li h5 {color: #000;height: 35%;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;font-weight: normal;}







.indexvideo{ width:100%; text-align: center; overflow:hidden; background-position: center;background-repeat: no-repeat; background-size: cover; padding-top:6%; padding-bottom:6%; }
.indexvideo h1{ font-weight:normal; font-size:2em; line-height: 2em; overflow:hidden;    color: #444;border-bottom:1px solid #444; border-top:1px solid #44; width:22%; margin:0 auto; }
.indexvideo h2{ margin-top:3%;}
.indexvideo h3{ font-weight: normal;line-height: 2em;font-size: 2em;margin-top: 3%;    color: #444;}
.indexvideo h4{font-size:1em; line-height:1.6em; font-weight:normal; width:80%; margin:0 auto; margin-top:1%;    color: #444;}
.indexvideo h5{ font-weight:normal; width:20%; margin:0 auto;  font-size:1em; line-height:2.2em; margin-top: 3%; }
.indexvideo h5 a{ border:1px solid #333; text-decoration:blink;  color:#333; display:block; }
.indexvideo h5 a:hover{ border:1px solid #007d81; background-color:#007d81; color:#fff;transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;}



.page_4{width:96%;margin:auto;}
.page_4 li{width:23%;float:left; margin-left: 2%;}
.page_4 li img{width: 100%;}

.page_4 li h5{
	padding: 0;
    margin: 0;
    font-size: 16px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    border-bottom: #ccc 1px solid;
    font-weight: 100;
    text-align: center;
    color: #666;
}





.footer{ width:100%; overflow:hidden; }
.footerone{ overflow: hidden;width: 100%; background-color: #e8e8e8;}
.footerone h1{ text-align: center; font-weight:normal; line-height: 4em; font-size: 2.4em;    color: #444;}
.footeronebotoom{ overflow: hidden;width: 100%; padding-bottom: 3%;}
.footeronebotoom a{ display:block; float:left; width:23%; overflow:hidden; text-align: center; text-decoration: blink; margin:1%;} 
.footeronebotoom a div{} 
.footeronebotoom a div h1{ line-height: 0; width:26%; margin:0 auto; } 
.footeronebotoom a div h1 img{ width: 100%;} 
.footeronebotoom a div h2{ color: #000;font-weight: normal; font-size: 1.2em; line-height: 2em;} 
.footeronebotoom a div h3{ font-weight: normal;color: #999; font-size: 0.9em;width: 90%;margin: 0 auto;} 
.footertwo{ text-align:center; color:#fff; background-color:#007d81;  font-size:1.6em; line-height:3em; width:100%;  overflow:hidden; }
.footerthree{ background-color:#333; width:100%; overflow:hidden;padding-bottom:1%;}
.footerthree h1{ width:90%; margin:0 auto; text-align:center; color:#fff; border-bottom:1px solid #666; line-height:4em; margin-bottom:2%; font-weight:normal; }
.footerthreetit{width:98%; overflow:hidden;}
.footerthreetit div{float: left; width: 11.6%; margin-left:5%;}
.footerthreetit div a{ display:block; overflow:hidden;   text-decoration: blink; margin:1%;}
.footerthreetit div a h1{ font-weight: normal;color: #fff;font-size:1.2em; border: navajowhite; text-align:left; line-height: 2em; margin: 0; margin-bottom: 5%;}
.footerthreetit div a h2{ font-weight: normal;color: #fff;font-size: 0.9em; color:#d4d4d4; line-height: 1.8em;}
.footerthreet{ width:80%; margin-left:5%; text-align:left;  padding-top: 4%; margin-bottom: 2%;    float: left; }
.footerthreet h1{text-align:left; font-weight: normal; font-size: 1em; line-height: 2em; border: navajowhite; margin-bottom: 0;width: 100%;}
.footerthreet h2{ width: 60%; margin-bottom:2%;}
.formbox{ width: 100%;overflow: hidden;margin-bottom: 0; margin-top: 0;}
.formbox form{ width: 100%; overflow: hidden;}
.formbox form dd{ float:left;margin-left: 0; }
.formbox form dd .text{ line-height: 3em;padding: 0px 0px; border:1px solid #ccc; width: 100%;font-family:"微软雅黑"; }
.tijiao{ background-color:#007d81; font-family:"微软雅黑"; color: #fff; border:1px solid #007d81; line-height:2.4em; width: 70%; font-size:0.7em;text-transform: uppercase; }
.froma{ width:50%;margin-right:0.5%;}
.btn{ width:100%; overflow:hidden; }
.fromb{ width:30%;}
.footerthreef{ width:90%; margin:0 auto; }
.footerthreefleft{float: left;overflow: hidden;}
.footerthreefleft a{ text-decoration:blink;color: #999; font-size: 0.9em;}
.footerthreefleft a span{ float:left;    opacity: 0.5;}
.footerthreefleft a b{ float:left; font-weight:normal; font-size:0.9em; }
.footerthreefright{ float:right; color: #fff;}
.footerthreefright span{ font-size:0.9em; float: left; line-height: 3em;margin-right: 5%; color: #999;}
.footerthreefright a{margin-right:4%;}
.footerthreefright a img{ width:10%; opacity: 0.6; }
.footerfour{ background-color:#e8e8e8; overflow:hidden; width:100%; text-align:center; color:#222; padding-top:1%;padding-bottom: 1%; }
.footerfour h1{ font-weight: normal; font-size: 1em;line-height:2em;}
.footerfour h1 a{ text-decoration:blink; color:#007d81; }
.footerfour h2{ font-weight: normal;font-size: 0.9em; line-height:2em; }
.footerfour h2 a{ color:#007d81; }
.footerfour h3{        font-weight: normal;font-size: 0.8em;color: #999;  text-align: center;padding-top: 1%;}
.footerfour h3 a{    color: #999;font-weight: normal;}















 
@media only screen and (min-width:1400px) and (max-width: 2000px){


.b-list{padding-top: 50%;}

.indexmarket{ padding-top: 5%;}
}






body,html{ height:100%;}