@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666;  font-family: Arial,'Microsoft YaHei'; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none;font-family: Arial,'Microsoft YaHei';}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width: 1640px; margin: 0 auto; width:85%; }
.container2{display: block;max-width: 1400px; margin: 0 auto; width:75%; }

.hidden{ overflow:hidden;}

#fullPage-nav{ display:none;}
.header{ position:fixed; left:0; width:100%; top:0; height:90px; line-height:90px; z-index:999;background-color: rgba(0,0,0,0.5);}
.logo img{ height:61px;  }
.nav{ }
.nav li{ float:left; color:#ffffff; font-size:18px; font-family:SimHei; width:88px; text-align:center; margin:0 16px;}
.nav li>a{ display:block;line-height:84px;padding:3px 0; }
.nav li.on>a,.nav li:hover>a{ padding-bottom:0; border-bottom:3px solid #ffbc01;}

.sub{ display:none; line-height:45px; width:100%; position:fixed; left:0; text-align:left; background-color: rgba(0,0,0,0.2); z-index:10;}
.sub a{ color:#ffffff; font-size:14px; font-family:SimHei;width:88px; float:left;  text-align:center; margin-right:37px; }
.sub a:hover{ color:#ffbc01;}

.nav-toggle{display: none;margin-top: 17px;background: none;border: none;outline: none;cursor: pointer; margin-left:10px;}
.nav-toggle span{display: block;width: 20px;height: 1px;margin: 6px;background-color: #fff;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.nav-toggle.close .span1{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);transform-origin: 0% 0%;}
.nav-toggle.close .span2{opacity: 0;}
.nav-toggle.close .span3{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transform-origin: 0% 100% ;}

.search-btn{ margin:15px 20px 0 30px; width:60px; height:60px; background:url(/Public/skin/images/sea.png) no-repeat center center; background-size:100% 100%; cursor:pointer;}

.search{display: none;position:fixed;width: 100%;height: 50px;padding: 10px 0px 10px 15px;border-bottom: 1px solid #eee;top:90px; z-index:999;left:0;background-color: #fff;}
.search input[type="text"]{display: block;width: 100%;float: left;height: 30px;border: none;line-height: 30px;z-index: 20;color: #666;}
.search input[type="submit"]{position: relative;display: block;float: left;width: 50px;height: 30px;margin-right: -50px;right: 50px;border: none;background:url(/Public/skin/images/search-btn.png) no-repeat center center;color: #000;z-index: 20;cursor: pointer;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.search input[type="submit"]:hover{opacity: 0.5;}



.en{ color:#ffffff;font-family:SimHei; font-size:18px;}
.en a{ display:block; padding:0 10px;}

.banmain{ height:100%; width:100%; position:absolute; top:0; left:0;}
.banner{height:100%; width:100%;  }

.bantxt{ width: 100%; color:#ffffff; padding-left:60px; position: absolute; z-index:1000; height: 257px; margin-top:-129px;  top:50%; }
.bantxt h3{ font-size:65px;font-family:SimHei; line-height:1; margin-bottom:32px;}
.bantxt p{ font-size:30px; display:block; line-height:1; margin-bottom:76px;}
.bantxt a{ font-size:18px; display:block; border:2px solid #ffffff; width:260px; height:54px; line-height:50px; padding-left:26px; background: url(/Public/skin/images/banbtn.png) no-repeat right center; background-size:auto 100%;}




.himgbj{ background:url(/Public/skin/images/himgbj.jpg) no-repeat center center;background-size:cover;}

.himg{ overflow:hidden; padding:50px 0; width:96%; margin:0 auto;}
.himg li{ float:left; width:26%; margin-left:5.5%; position:relative;-webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.himg li img{ display:block; width:100%;}
.himg li a{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;color:#ffffff; line-height:1; display: flex;
align-items: center}
.himg li a .htxt{ width:100%; text-align: center;}
.himg li a i{ font-size:72px;font-family:Impact;font-style: normal; }
.himg li a p{ font-size:30px; font-weight:bold; margin-top:25px;}
.himg li:hover{-moz-box-shadow:0 0 40px #555555; -webkit-box-shadow:0 0 40px #555555; box-shadow:0 0 40px #555555;}

.section{ position:relative;}
.btn{ width:54px; height:56px; left:90%; margin-left:-27px; bottom:90px; position:absolute; z-index:100;}
.btn a{ display:block; width:100%; height:100%;}
.btn01{ background:url(/Public/skin/images/btn01.png) no-repeat center center; background-size:100% auto;}
.btn02{ background:url(/Public/skin/images/btn02.png) no-repeat center center; background-size:100% auto;}

.footer{position:fixed; left:0; bottom:0; z-index:999; width:100%; }
.copy{ color:#ffffff;font-family:SimHei; font-size:14px; height:90px; line-height:90px; text-align:center;}

.ban{ width:100%; overflow:hidden;}
.ban img{ display:block; width:100%;animation: scale_b 9s linear infinite alternate;}
.head2{ background:none;position:static; background:#ffffff;border-bottom:1px solid #dcdcdc;}
.head2 .nav li{ color:#333;}
.head2 .en{color:#333;}

.search2{  position:absolute; }

.main{ overflow:hidden;  margin-top:30px;}
.mainleft{ width:12%; margin-bottom:30px; }
.mainleft .tit{ height:76px; line-height:76px; font-size:24px; font-weight:bold; background:#ffbc01; color:#ffffff; text-align:center;}
.mainnav{ overflow:hidden;}
.mainnav li{ float:left; width:100%; height:56px; line-height:56px; margin-top:2px; background:#f1f0f2; text-align:center; font-size:16px;}
.mainnav li a{ display:block;}
.mainnav li.on,.mainnav li:hover{ background:#ffbc01; color:#ffffff;}

.mainright{ width:85%;}
.rtop{ height:77px; border-bottom:1px solid #e5e5e5; line-height:76px; overflow:hidden;}
.rtop h3{ color:#1c1c1c; font-size:30px; font-weight:bold;}
.rtop .weizhi{ color:#858585;font-family:SimHei; font-size:14px; padding-left:22px; background:url(/Public/skin/images/ico01.png) no-repeat left center;}
.rtop .weizhi span{ margin:0 5px;}
.rtop .weizhi a:hover{ color:#ffbc01;}

.newslist{ overflow:hidden;}
.newslist li{ float:left; width:32%; margin-right:2%; margin-top:2%;} 
.newslist li .nimg{ width:100%;}
.newslist li .nimg img{ display:block; width:100%;}
.newslist li .ntxt{ overflow:hidden; padding:20px 30px; background:#f8f8f8;}
.newslist li .ntxt h3{ color:#1c1c1c; font-size:20px; font-family:SimHei; line-height:30px; height:60px; font-weight: normal;}
.newslist li .ntxt span{ color:#b7b7b7; font-size:13px; background:url(/Public/skin/images/ico02.png) no-repeat left center; display:block; padding-left:25px; margin-top:10px; }

.page{ overflow:hidden; text-align:center; padding:50px 0;}
.page a{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; border:1px solid #e4e7e7; border-radius:50%; margin:0 5px;}
.page a:hover{color:#ffffff; border:1px solid #ffbc01; background:#ffbc01; }
.page span{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#ffffff; border:1px solid #ffbc01; background:#ffbc01; border-radius:50%;margin:0 5px;}
.page a.next,.page a.prev{ border:none;font-family:SimSun; font-size:18px; width:auto; }
.page a.next:hover,.page a.prev:hover{border:none;color:#333333; background:#ffffff;}

.foot{ background:#2b2b2b;}
.footmain{ overflow:hidden; padding:65px 0 45px 0;}
.dbnav{ width:80%;font-family:SimHei; }
.dbnav li{ float:left; width:26%;}
.dbnav li.w40{ width:48%;}
.dbnav li span{ color:#ffffff; display:block; font-size:18px; line-height:1; padding-bottom:30px;}
.dbnav li a{ display:block; color:#929191; font-size:14px; line-height:2; margin-bottom:5px;}
.dbnav li p{ display:block; color:#929191; font-size:14px; line-height:2; margin-bottom:5px;}
.wechat{ width:100px;}
.wechat p{ display:block; margin-bottom:20px;}
.wechat img{ width:100%; display:block;}
.wechat span{ display:block; line-height:1; font-size:14px; color:#929191; text-align:center;}
.fcopy{ line-height:70px; height:70px; text-align:center; background:#292828;}

.info{ overflow:hidden; font-size:18px; line-height:2; padding:35px 20px; color:#363636;}

.prodlist{ overflow:hidden; margin-bottom:60px;}
.prodlist li{ float:left; width:100%; background:#f3f4f6; margin-bottom:20px;}
.prodlist li .pimg{ width:40%;}
.prodlist li .pimg img{ width:100%; display:block;}
.prodlist li .ptxt{ width:60%; padding:60px 65px 0 65px;}
.prodlist li .ptxt h3{ color:#100c0c; font-size:24px; line-height:1; font-weight:bold;}
.prodlist li .ptxt h3:hover{ color:#ffbc01;}
.prodlist li .ptxt p{ font-size:16px; line-height:2; color:#575757; padding:20px 0 25px 0;}
.prodlist li .ptxt span{ color:#bb9425; font-size:14px; display:block;}
.prodlist li .ptxt span:hover{ color:#ffbc01;}

.showmain{ font-size:16px; color:#363636; line-height:2; margin-bottom:60px; overflow:hidden;}
.showmain p{ margin:2em 0 0 0;}
.showmain img{ max-width:100%; height:auto!important;}

.video{ padding:0 27px 27px 0; position:relative; margin:35px 0 0 4%; width:39%;}
.video:after{ content:""; display:block; bottom:0; right:0; width:62%; height:68%; background:#ffbc01; position:absolute;}
.video img{ width:100%; display:block; position:relative; z-index:10;}

.video-wrap{
  position: relative; z-index: 100;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

.video-wrap .videos{
  display: block;max-height: 600px; min-height:230px; 
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.video-wrap .videos.show{
  opacity: 1;
}

.video-wrap .mask{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,0.4);*/
  top:0;
  left:0;
  z-index: 5;
}

.video-wrap .play{
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top:50%;
  margin-top: -25px;
  left:50%;
  margin-left: -25px;
  background:url(/Public/skin/images/videos.png) no-repeat center center; background-size:100% 100%; 
  z-index: 10;
  outline: none;
  border: none;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.video-wrap .play:hover{
  opacity: 1;
}



.syaby{ overflow:hidden; width:100%; font-size:16px; color:#575757; margin-bottom:80px;}
.syaby li{ float:left; width:20%;}
.syaby .stop{}
.syaby .stop i{font-size:32px;	color:#1c1c1c;font-style: normal;  font-weight:bold;}
.syaby .stop span{font-family:SimHei; margin-left:10px;}
.syaby .sbottom{font-family:SimHei;}

.culture{ padding:0 27px 27px 0; position:relative; margin:35px 0 0 40px; width:43.2%;}
.culture:after{ content:""; display:block; bottom:0; right:0; width:55%; height:45%; background:#ffbc01; position:absolute;}
.culture img{ width:100%; display:block; position:relative; z-index:10;}

.cutxt{ font-size:20px; color:#636363; line-height:1; padding-top:10px; margin-bottom:30px; padding-left:5px;}
.cutxt strong{ font-size:24px; color:#292929; margin-right:20px;}

.course{  padding:65px 0; background:url(/Public/skin/images/course.jpg) no-repeat center center; background-size:cover; overflow:hidden; margin-bottom:80px;}
.course ul{ overflow:hidden;position:relative; padding:0 95px; }
.course ul:after{ content:""; position:absolute; width:6px; height:100%; left:101px; top:0; background:#c0c0c0; z-index:1;}
.course li{ float:left; width:100%; position:relative; padding:30px 0 30px 30px;z-index:10;}
.course li:after{content:""; width:15px; height:15px; background:#ffbc01; border:3px solid #ffffff;border-radius:50%; position:absolute; left:0; top:31px; z-index:10;}
.course li .time{ float:left; line-height:1; width:10%;}
.course li .time b{ color:#434343; font-size:24px; font-family:Impact; font-weight:normal;}
.course li .time span{ font-size:16px; margin-left:5px;}
.course li p{ float:left; font-size:16px;  width:90%;}

.idea{ padding:0 27px 27px 0; position:relative; margin:50px 0 0 40px; width:54%;}
.idea:after{ content:""; display:block; bottom:0; right:0; width:78%; height:58%; background:#ffbc01; position:absolute;}
.idea img{ width:100%; display:block; position:relative; z-index:10;}
.ideatxt{ color:#636363; font-size:20px; line-height:2.5; font-weight:bold;} 

.recruit{ overflow:hidden; margin-top:25px;}
.recruit li{ float:left; width:100%; background:#f9f9f9;padding:0 40px; margin-bottom:25px;}
.recruit li .retop{ height:88px; line-height:88px; cursor:pointer;}
.recruit li .retop .retit h3{ float:left; font-size:30px; color:#232323;}
.recruit li .retop .retit span{ float:left; background:url(/Public/skin/images/xian.jpg) no-repeat left center; padding-left:18px; margin-left:18px;}
.recruit li .cols{ background:url(/Public/skin/images/ico03.png) no-repeat center center; background-size:100% auto; width:29px; height:88px;}
.recruit li .remain{ overflow:hidden; display:none; padding-bottom:40px;}

.rename{ color:#232323; font-size:18px; font-weight:bold;margin-bottom:10px; }
.retxt{ color:#636363; font-size:16px; line-height:2; border-bottom:1px solid #dddddd; margin-bottom:30px; padding-bottom:30px;}

.rebottom{ overflow:hidden; padding-top:10px;}
.rebottom .reinfo{ font-size:16px;color:#636363; line-height:2;}
.rebottom a{ float:right; width:200px; height:54px; line-height:54px; background:#ffc600; color:#ffffff; font-weight:bold; font-size:18px; text-align:center;}

.recruit .active .cols{background:url(/Public/skin/images/ico04.png) no-repeat center center;background-size:100% auto;}

.contact{ overflow:hidden; padding:30px 0 60px 0;}
.contxt{ width:48%; padding-left:1%;}
.contxt h3{ color:#333333; line-height:1; margin-bottom:30px; font-size:30px;}
.contxt p{ color:#3d3d3d; font-size:18px; line-height:2;}
.contxt img{ display:block; max-width:85%; margin-top:30px;}

.message{ overflow:hidden; width:48%;}
.message li{ width:100%; overflow:hidden; float:left; margin-bottom:12px;}
.message li .input{ width:100%; height:60px; line-height:58px; border:1px solid #e0e0e0; padding:0 19px; color:#9b9b9b; font-size:16px;}
.message li .w49{ width:49%;}
.message li .w25{width:25%;}
.message li textarea{ height:110px;width:100%;border:1px solid #e0e0e0; padding:14px 19px;color:#9b9b9b; font-size:16px;}
.message li label{ color:#9b9b9b; font-size:16px; line-height:60px; margin:0 10px;}
.message li img{ float:left; height:40px; margin:10px; cursor:pointer;}
.message li .submit{ width:180px; height:60px; cursor:pointer; background:#ffbc01; line-height:60px; font-size:18px; color:#ffffff;}


.my-map { margin: 0 auto; width: 100%; height: 400px;margin-bottom:60px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.amap-info-content  h5{ font-size: 16px; color:#ffbc01;  }



.showtop{ overflow: hidden; margin-top:20px;   text-align: center; border-bottom:1px solid #eeeeee; }
.showtop h1{ font-size:22px; color:#333333;}
.showtop .showcs{ margin:10px 0; }

.showtxt{ font-size:16px; line-height:1.8; min-height:200px; color:#666666; margin-top: 20px; }
.showtxt p{ margin:20px 0;  }
.showtxt img{ max-width:100%; height:auto!important; }
.artpage2{width: 100%; border: 1px solid #eeeeee; overflow: hidden;border-left: none; border-right: none; margin: 30px 0; }
.artpage2 a{color:#666666;}
.artpage2 span{width: 50%;float: left; padding:10px 0px 10px 20px}
.artpage2 span:first-child{border-right: 1px solid #eeeeee}
.artpage2 span:hover a{ text-decoration: underline;}


.animated{opacity: 0;}

@-webkit-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
       }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
        }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
        }
}
 @-moz-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{-webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2)
    }
}

@-o-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
        -o-transform:scale(1.05);
        transform:scale(1.05)
    }
    100%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@-ms-keyframes scale_b{
    0%{-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50%{-webkit-transform:scale(1.05);
        -moz-transform:scale(1.05);
        -ms-transform:scale(1.05);
        -o-transform:scale(1.05);
        transform:scale(1.05)
    }
    100%{-webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}<!--ºÄʱ1751473293.3301Ãë-->