@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#333;  height:auto; box-sizing:border-box;
  /* background-color:#f9f9f9; */
  padding-top:80px;}
.header .container{ height: 100%;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#132f5d;}
i,em{ font-style:normal;}



/*.FmovefadeInDown{
animation:FmovefadeInDown 800ms ease infinite;
}
@keyframes FmovefadeInDown{
0% {transform: translate(0px, 0px);animation: ease-in; }
40% {transform: translate(0px, 4px);animation: ease-out; }
60% {transform: translate(0px, 4px);animation: ease-in; }
100% {transform: translate(0px, 0px);animation: ease-out; }
}*/
.FmovefadeInDown{
animation:FmovefadeInDown 1.5s ease-out infinite;
}
@keyframes FmovefadeInDown{
0%{
opacity: 1;
transform: translate(0px,0px);
}
35%{
opacity: 0;
transform: translate(0px,50%);
}
65%{
opacity: 0;
transform: translate(0px,-50%);
}
100%{
transform: translate(0px,0px);
opacity: 1;
}
}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; left:-8px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.menu-link span{ width:90%;}
.menu-link span:before{ width:110%;}
.menu-link span:after{ width:80%;}
.menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}

.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#000;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#000;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);
}

.menu .h3 em,
.menu .h3 span,
.slick-arrow{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.slick-slide{ position:relative;}
.slick-slide a{ display:block;}
.slick-slide img{ width:100%; height:auto; display:block;}
.ibanner img{ width:100.418410041841%; height:auto;}
.ibanner .slick-arrow{font-size:22px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:58px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:rgba(0,0,0,0.8); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:56px;}
.ibanner .slick-prev:before{ content: "\e701"; }
.ibanner .slick-next{ right:56px;}
.ibanner .slick-next:before{ content: "\e704"; }
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:32px; height:7px; border-radius:0px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(255,255,255,1);}

.ibanner .text{ padding:15px 0; text-align:center; display:none;}
.ibanner .h3{ font-size:18px; color:#25211e; margin-bottom:5px;}
.ibanner .p{ font-size:12px; color:#666;}

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

.header{ position:fixed; left:0px; top:0px; right:0px; height:80px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); z-index:999; -webkit-transform: translateZ(0);}
.header .wp{ height:80px;}
.logo{ position:absolute; top:0px; height: 80px;}
.logo img{ width:auto; height:80px; display:block;}
.menu{ padding:0 0 0 340px;}
.menu li{ float:left; margin-right:20px; position:relative;}
.menu .h3{ position:relative;}
.menu .h3 a{ display:block; height:80px; line-height:80px; padding:0 10px; font-size:14px; color:#25211e;}
.menu .h3 a i{ font-size:16px; display:block; float:left;}
.menu .h3 a strong{ font-weight:normal; margin-left:5px;}
.menu .h3 em{ display:none; position:absolute; right:0px; top:0px; width:40px; height:50px; text-align:center; line-height:50px; cursor:pointer; color:#fff;}
.menu .h3 em:before { content: "\e61b"; }
.menu .h3 em.active:before { content: "\e7ce"; }
.menu li:hover .h3 em,.menu li.curr .h3 em{ color:#fff;}
.menu .h3 span{ display:none; position:absolute; right:0px; top:0px; width:40px; height:50px; text-align:center; line-height:50px;}
.menu .h3 span:before { content:"\e710"; }

.menu li:hover .h3 a{ color:#c59c62;}
.menu .box{ position:absolute; left:50%; top:100%; width:120px; margin-left:-60px; text-align:center; display:none; background:#25211e; padding:10px 0;}
.menu .box a{ display:block; padding:6px; line-height:22px; color:#ccc;}
.menu .box a:hover{ color:#fff;}
.menu li:hover .box{ display:block;}


.top_nav{ position:absolute; right:0px; top:50%; margin-top:-18px;}
.top_nav li{ float:left; margin-left:15px;}
.top_nav li .iconfont{ width:36px; display:block; height:36px; line-height:36px; text-align:center; font-size:24px; color:#000; cursor:pointer;}
.top_nav li.curr .iconfont{ color:#c59c62;}
.top_nav li:hover a{ color: #c59c62;}

.nav_box{ top:80px; left:0px; right:0px; position:fixed; z-index:999;}
.nav_box .li{ display:none; position:absolute; left:0px; top:0px; right:0px;}

.sousuo_box{ background:#f8f8f8;}
.sousuo_box .pd{ padding:50px;}
.sousuo_box .p1{ padding-right:164px; position:relative;}
.sousuo_box .p2{ padding-top:20px; font-size:14px; color:#25211e;}
.sousuo_box .p2 a{}
.sousuo_box .p2 span{ margin:0 18px;}
.ipt_t4{ height:45px; line-height:45px; width:100%; border:none; box-sizing:border-box; background:none; font-size:18px; border-bottom:1px solid #000;}
.ipt_b4{ position:absolute; right:0px; top:0px; width:130px; height:46px; background:#25211e; color:#fff; border:none; font-size:18px;}

.dianhua_box{}
.dianhua_box .pd{ background:#f8f8f8; float:right; padding:35px 88px; text-align:center;}
.dianhua_box .h3{ position:relative; font-size:36px; text-transform:uppercase; line-height:1; padding-bottom:25px; margin-bottom:35px;}
.dianhua_box .h3:after{ position:absolute; content:'\20'; width:18px; height:4px; background:#c59c62; left:50%; bottom:-2px; margin-left:-9px;}
.dianhua_box .em{ font-size:18px; color:#25211e; line-height:1; margin-bottom:20px;}
.dianhua_box .p{ font-size:40px; color:#c59c62; line-height:1;}





.mapabox{width:650px; height:540px; position:relative;}
.sign{ position:absolute;width:650px; height:540px; left:30px; top:5px;}
.mapabox a{position:absolute; color:#000; z-index:2; font-size:12px;}
.mapabox a.curr{ color:#fff;}
.mapabox a.mapa4.curr,
.mapabox a.mapa32.curr,
.mapabox a.mapa31.curr,
.mapabox a.mapa33.curr,
.mapabox a.mapa25.curr,
.mapabox a.mapa30.curr,
.mapabox a.mapa21.curr,
.mapabox a.mapa0.curr{ color:#000;}

.mapa28 {right:80px; top:70px; }
.mapa27 {right:80px; top:130px; }
.mapa26 {right:110px; top:170px; }
.mapa24 {right:260px; top:190px; }
.mapa30 {right:188px; top:185px; }
.mapa25 {right:160px; top:210px; }
.mapa22 {right:195px; top:228px; }
.mapa19 {right:230px; top:240px; }
.mapa21 {right:300px; top:240px; }
.mapa29 {right:320px; top:284px; }
.mapa18 {right:420px; top:270px; }
.mapa23 {left:120px; top:170px; }
.mapa17 {right:270px; top:290px; }
.mapa16 {right:210px; top:290px; }
.mapa13 {right:210px; top:335px; }
.mapa7 {right:220px; top:380px; }
.mapa15 {right:130px; top:310px; }
.mapa11 {right:120px; top:360px; }
.mapa3 {right:260px; bottom:80px; }
.mapa2 {right:360px; bottom:90px; }
.mapa32 {right:180px; bottom:60px; }
.mapa31 {right:190px; bottom:40px; }
.mapa20 {right:160px; top:250px; }
.mapa1 {right:200px; bottom:80px; }
.mapa6 {right:290px; bottom:120px; }
.mapa9 {right:350px; bottom:180px; }
.mapa10 {left:150px; bottom:190px; }
.mapa8 {right:175px; bottom:140px; }
.mapa14 {right:160px; bottom:200px; }
.mapa12 {right:277px; bottom:156px; }
.mapa5 {right:145px; bottom:120px; }
.mapa33 {right:95px; bottom:200px; }
.mapa0 {right:225px; bottom:10px; }
.mapa4 {right:80px; bottom:90px; }



@media screen and (max-width:1440px){
.tit3{ margin-bottom:50px;}
.tit3 .h3{ font-size:48px; margin-bottom:20px;}
.tit3 .em{ font-size:24px; padding-bottom:30px;}

.banner_text{ padding:30px;}
.banner_text .p1{ font-size:24px;}
.banner_text .p2{ padding-bottom:20px; margin-bottom:20px;}
}

@media screen and (max-width:1279px){
.menu{ padding:0 0 0 280px;}
.menu li{ margin:0 7px;}

.tit4 .h3{ font-size:32px; margin-bottom:15px; padding-top:17px;}
.tit4 .p{ font-size:18px;}

.tit3{ margin-bottom:40px;}
.tit3 .h3{ font-size:32px; margin-bottom:15px;}
.tit3 .em{ font-size:18px; padding-bottom:30px;}

}
@media screen and (max-width:1024px){
.dianhua,.gouwu{ display:none;}
.menu-link{ display:block; left: 7px;}
.top_nav{ right: 15px;}
.logo{ left:50%; margin-left:-70px;}
.menu{ display:none; position:fixed; left:0px; top:80px; right:0px; padding:0px; box-sizing:border-box; padding:0 30px; background:#000;}
.menu ul{ border-top:1px solid #999999;}
.menu li{ float:none; margin:0px; border-bottom:1px solid #999999;}
.menu .h3 a{ height:50px; line-height:50px; padding:0px; color:#fff; font-size:16px;}
.menu .h3 a i{ display:none;}
.menu .h3 a strong{ display:block; margin-left:0px;}
.menu .h3 em{ display:block;}
.menu .h3 span{ display:block;}
.menu .box{ position:static; width:auto; background:none; margin:0px; padding:0px; text-align:left;}
.menu .box a{ border-top:1px solid #4d4d4d; padding:0px; height:40px; line-height:40px; font-size:14px; padding-left:1em;}
.menu .box a:first-child{border-top:1px solid #999999;}
.menu .box a:before{ content:'\>'; margin-right:5px;}
.menu li:hover .box{ display:none;}
.menu li:hover .h3 a{ color:#fff;}
.menu li:hover .h3 em{ color:#fff;}
.menu li.curr .h3 a{ color:#e7aa69;}
.menu li.curr .h3 em{ color:#e7aa69;}

.nav_box{background: #000000;}
.nav_box .li{ position:static;}

.sousuo_box{background: #000000;}
.sousuo_box .pd{ padding:20px 0;}
.sousuo_box .p2{ color:#999999;}
.sousuo_box .p2 a{ color:#999999;}
.ipt_t4{ border-bottom:1px solid #999; color:#999;}
.ipt_b4{ background:#e7aa69;}

.sub_nav{ left:0px; bottom:-50px; top:auto;}
.sub_nav li{ float:left; width:16.666666666666668%;}
.sub_nav .pd{ border-right:1px solid #4d4d4d;}
.sub_nav .h3 i{ width:auto;}
.sub_nav .box{ bottom:50px; top:auto; border-right:0px; left:0px; right:auto;}
.sub_nav .pd:hover .box{ display:none;}
.sub_nav .pd:hover .h3 i{ background:none;}

}

@media screen and (max-width:540px){

body{ padding-top:50px;}
.header{ height:50px;}
.header .wp{ height:50px;}
.logo{ width:146px; margin-left:-73px; top:0px;}
.logo img{ height: 50px;}
.menu{ top:50px;}
.menu .h3 a{ font-size:14px;}
.menu .box a{ font-size:12px;}

.nav_box{ top:50px;}
.sousuo_box .p1{ padding-right:90px;}
.ipt_t4{ height:34px; line-height:34px; font-size:14px;}
.ipt_b4{ width:80px; height:34px; line-height:34px; font-size:14px;}
.sousuo_box .p2{ padding-top:10px;}
.sousuo_box .p2 span{ margin:0 10px;}


.tit4{ margin-bottom:30px;}
.tit4 .h3{ font-size:18px;}
.tit4 .p{ font-size:14px;}


.about3_1 em{ display:none;}
.about3_1 i{ margin-bottom:15px;}

}
@media screen and (max-width:375px){
.menu{ padding:20px;}

}
@media screen and (max-width:374px){

.menu{ padding:15px;}

.tit4{ margin-bottom:15px;}

}