@charset "utf-8";
body{ color:#393939; font-size:14px; height:auto; box-sizing:border-box; overflow:auto; background-color:#1c1d1f; padding-top:164px;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#393939; text-decoration:none;}
a:hover{ text-decoration:none; color:#393939;}
i,em{ font-style:normal;}




.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:14px;left:20px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;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:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-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 {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.about_bottom .img,
.galleries_list .img{ overflow:hidden;}
.galleries_list .img img,
.about_bottom .img img,
.ipt_b1{ width:100%; height:auto;-webkit-transition: .3s all ease-in;-moz-transition: .3s all ease-in;-ms-transition: .3s all ease-in;transition: .3s all ease-in;}
.galleries_list a:hover .img img,
.about_bottom a:hover .img img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);  -o-transform:scale(1.1);transform:scale(1.1);}


.wp{ width:1400px; margin:0 auto; position:relative;}

.header{ background-color:#262626; position:fixed; left:0px; top:0px; right:0px; height:164px; box-shadow:0 0 20px rgba(0,0,0,0.3); z-index:999;}
.logo{ text-align:center; height:72px; line-height:72px; padding-top:30px;}
.logo a{ color:#fff; font-weight:lighter;}
.logo a strong{ font-weight:normal; font-weight:lighter; font-size:32px;}
.logo a em{ font-size:32px; margin-right:10px;}
.menu{ text-align:center; padding:20px 0;}
.menu li{display:inline-block;padding: 0 1px;}
.menu li a{ display:inline-block; color:#fff; border:1px solid #262626; height:20px; line-height:20px; font-size:12px; border-radius:12px; padding:0 10px;}
.menu li a em{ margin-right:5px;}
.menu li.curr a,.menu li a:hover{ border:1px solid #fff;}
.menu li:last-child{margin-right: 60px;}
.pgcon{ padding:45px 110px;}

.galleries_list{}
.galleries_list .dl{ margin-bottom:30px;}
.galleries_list .dt{ padding-top:15px; margin-bottom:20px; position:relative; overflow:hidden; color:#fff;}
.galleries_list .dt:after{content:'\20'; height:2px; background-color:#3e3a39; position:absolute; left:0px; right:0px; width:100%; bottom:0px;}
.galleries_list .dt strong{ font-size:30px; line-height:1; font-weight:lighter; float:left; background-color:#1c1d1f; position:relative; z-index:9; padding-right:20px;}
.galleries_list .dt em{ font-size:30px; margin-left:15px;}
.galleries_list .dd{ overflow:hidden;}
.galleries_list ul{ margin-right:-40px;}
.galleries_list li{ float:left; width:20%;}
.galleries_list .pd{ margin-right:40px; display:block; color:#595757;}
.galleries_list .text{ line-height:48px; height:48px; font-size:14px; overflow:hidden;}
.galleries_list a:hover{ color:#fff;}


.about{ background-color:#262626; padding:165px 0;}
.about_fl{ width:50%; float:left; padding-top:30px;}
.about_fl .pd{ width:220px; margin:0 auto;}
.about_fl .img{ width:220px;}
.about_fl .img img{ width:100%; height:auto; border:2px solid #595757; box-sizing:border-box; border-radius:50%;}
.about_fl .text{ text-align:center; line-height:1; padding-top:30px; color:#595757;}
.about_fl .text .h3{ font-size:32px; color:#fff; font-weight:bold; margin-bottom:10px;}
.about_fl .text .p{ font-size:16px; margin-bottom:15px;}
.about_fl .text .em{ font-size:14px; height:20px; line-height:20px; font-style:italic;}
.about_fl .text .em a{ font-size:14px; height:20px; line-height:20px; font-style:italic;color: #595757;}
.about_fl .text .em i{ margin-right:10px;}
.about_fr{ width:50%; float:left;}
.about_top{ color:#fff; padding-right:180px; margin-bottom:60px;}
.about_top .h3{ font-size:32px; font-weight:normal; margin-bottom:60px;}
.about_top .p{ font-size:16px; font-weight:lighter; text-align:justify; line-height:28px;}
.about_top .p strong{ font-weight:bold; font-size:14px;}
.about_bottom{ padding-right:180px; color:#fff;}
.about_bottom .h1{ font-size:16px; font-weight:bold; color:#fff; padding-bottom:20px; line-height:1;}
.about_bottom .h1 span{ font-size: 14px;}

.about_bottom ul{ margin-right:-30px;}
.about_bottom li{ float:left; width:33.3%;}
.about_bottom .pd{ margin-right:30px; display:block; color:#595757;}
.about_bottom .text{ line-height:28px; height:28px; font-size:12px; overflow:hidden;}
.about_bottom a:hover{ color:#fff;}


.tuku{}
.tuku_fl{ width:50%; float:left;}
.tuku_tit{ color:#fff; margin-bottom:15px; overflow:hidden;}
.tuku_tit strong{ font-size:32px; font-weight:lighter;}
.tuku_tit i{ display:none;}
.tuku_tit em{ margin-left:15px;}
.tuku_con{  height:504px; overflow-y:scroll;}
.tuku_con li{ width:20%; float:left; margin-bottom:12px;}
.tuku_con li a{ display:block; margin-right:4px; position:relative; overflow:hidden;}
.tuku_con li img{ width:100%; height:auto;}
.tuku_con li .img1{ position:absolute;}

.tuku_fr{ width:50%; float:left;}
.tuku_fr .pd{ padding-left:50px;}

.tuku_box{ position:relative;}
.tuku_box .img{ margin-bottom:15px;}
.tuku_box .img img{ width:100%; height:auto;}
.tuku_box .text{/* position:absolute; left:0px; bottom:0px; right:0px;*/ line-height:18px; font-size:12px; box-sizing:border-box; padding:8px 4px; background-color:rgba(0,0,0,0.75); color:#fff;}
.tuku_box .text span{ margin-right:2px;}
.tuku_box .text1{ padding:0px 0px 6px; color:#fff;font-size:12px;}

.tuku_page{ text-align:center; padding:10px 0 10px 0; color:#fff; font-size:14px;}
.tuku_page span{ margin:0 10px;}
.tuku_page a{ color:#fff;}

.comments_top{ margin-bottom:25px;}
.comments_top i{ float:left; width:32px; height:32px; display:block; background:url(../images/ico-yh.png) no-repeat center center #242528; border:1px solid #666666; border-radius:3px; display:block;}
.ipt_t2{ width:200px; color:#fff; padding:0 10px; height:32px; line-height:32px; border:1px solid #666666; border-radius:3px; background:#242528; margin-left:5px; display:block; float:left;}
.ipt_b2{ width:60px; margin-left:5px; height:34px; line-height:34px; border:1px solid #666666; background:#242528; border-radius:3px; float:left; display:block; color:#666666;}
.ipt_b1:hover{ background:#000; color:#fff;}
.comments_con{  border-top:1px solid #666666; border-bottom:1px solid #666666; padding:10px 0;}


.map_nav{ position:fixed; right:70px; bottom:100px; z-index:999;}
.map_nav ul{ background:url(../images/line.png) repeat-y;}
.map_nav li{}
.map_nav li a{ font-size:16px; padding-left:28px; position:relative; color:#898a8a; height:34px; line-height:34px; display:block;}
.map_nav li a i{ position:absolute; width:34px; height:34px; left:-16px; top:50%; margin-top:-17px; background:url(../images/dian.png) no-repeat 0 -34px;}
.map_nav li a:hover{ color:#fff;}
.map_nav li a:hover i{ background-position:0 0;}



.map{ overflow:hidden; position:fixed; left:0px; top:0px; right:0px; bottom:0px;}
#hiddenPic{z-index: 1; left: 0px; visibility: hidden; width: 0px; position: absolute; top: 0px; height: 0px}
.map .img{ position:relative;}
.sign{ position:absolute; width:100px; height:100px; background:url(../images/sign.png) no-repeat 0 -100px; left:0px; top:0px; text-indent:-999px; overflow:hidden;}
.sign:hover,.sign.curr{ background-position:0 0;}

.dragAble{z-index: 10;  width: 0px; position: absolute;  height: 0px;}


.img,.tuku_con li a{ position:relative;}
.img:after,.tuku_con li a:after{content:'\20'; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%;}



.index_body{ overflow:hidden;}

.top_search{position:absolute;left:50%;top:124px;margin-left: 170px;width: 18px;}
.top_search img{ width:100%; height:auto; display:block;}

.search_bg,.weixin_bg,.pro_bg,.factory_bg,.area_bg{ display:none; background:rgba(0,30,45,0.6); position:fixed; left:0px; top:0px; right:0px; bottom:0px; z-index:55;}



.search_box{position:fixed; top:50%; left:50%; margin:-20px 0 0 -240px; margin-bottom:60px; width:480px; display:none; z-index:56;}

.search_box .close,.weixin_box .close,.area_box .close{ position:fixed; right:40px; top:40px; width:40px; color:#000; height:40px; line-height:40px; color:#ccc; text-align:center; font-size:20px;}

.search_box .close:hover,.weixin_box .close:hover{ color:#fff;}

.ipt_t1{width:100%;color:#2a2c42;height:50px;border:none;background:#fff;height:50px;line-height:50px;font-size: 14px;box-sizing:border-box;border-radius:6px;padding:0px 10px 0px 10px;}

.ipt_b1{background:#2a2c42;width:80px;font-size: 12px;margin:0 auto;position:absolute;right:-5px;top:0px;text-align:center;height:50px;line-height:50px;color:#fff;border:none;border-radius:0 4px 4px 0;}

.ipt_b1:hover{ background:#2a2c42; color:#fff;}



.ipt_s1{ position:absolute; left:0px; top:0px; bottom:0px; width:70px; padding:0 10px 0 10px; height:50px; line-height:50px; border:none; border-right:1px solid #ccc;}



@media screen and (max-width:1440px){
.about{ padding:100px 0;}
.about_fl{ width:40%;}
.about_fr{ width:60%;}
.about_bottom ul{ margin-right:-20px;}
.about_bottom .pd{ margin-right:20px;}
}
@media screen and (max-width:1366px){
body{ padding-top:145px;}
.header{ height:145px;}
.logo{ padding-top:20px;}
.logo strong{ font-size:42px;}
.menu{ padding:15px 0;}

.pgcon{ padding:45px 50px;}
.galleries_list ul{ margin-right:-20px;}
.galleries_list .pd{ margin-right:20px;}
.galleries_list .dt strong{ font-size:24px;}
.galleries_list .dt em{ font-size:24px;}

.tuku_fr .pd{ padding-left:20px;}
.top_search{position: absolute;left: 50%;top: 110px;margin-left: 169px;width: 18px;}
}
@media screen and (max-width:1280px){
.galleries_list li{ width:25%;}
.about{ padding:80px;}
.about_top{ padding-right:0px;}
.about_bottom{ padding-right:0px;}
.about_fl .pd{ margin:0px;}

.tuku_con{ height:475px;}

.top_search{ top:110px;}
}
/* ipad横屏 */
@media only screen
and (min-device-width : 960px)
and (max-device-width : 1280px)
and (orientation : landscape){
.index_body{ overflow:scroll;}
.map{ position:relative; width:1346px; height:1454px;}
}
@media screen and (max-width:1024px){
.index_body{ overflow:scroll;}
.map{ position:relative; width:1009px; height:1090px;}

.menu-link{ display:block;}
body{ padding-top:72px;}
.header{ height:72px;}
.logo{ padding-top:0px; }
.menu{ display:none; padding:10px 0; position:fixed; top:72px; left:0px; right:0px; background-color:rgba(0,0,0,0.7); padding:0px;}
.menu li a{ border:none; height:72px; line-height:72px; font-size:14px;}
.menu li.curr a, .menu li a:hover{ border:none;}

.pgcon{ padding:30px;}

.about_fl{ width:auto; float:none; padding:0px;}
.about_fl .pd{ width:auto; overflow:hidden; margin-bottom:50px;}
.about_fl .img{ float:left;}
.about_fl .text{ margin-left:220px; padding-left:40px; text-align:left;}
.about_fr{ width:auto; float:none;}
.about_top .h3{ margin-bottom:20px;}

.map_nav{ position:fixed; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.7);}
.map_nav ul{ background:none;}
.map_nav li{ float:left; width:100%; display:none;}
.map_nav li a{ padding:0px; text-align:center; height:50px; line-height:50px; color:#fff;}
.map_nav li a i{ display:none;}


.tuku_fl{ width:auto; float:none;}
.tuku_con{ height:auto; overflow:hidden;}
.tuku_con ul{ margin-right:-5px;}

.tuku_fr{ display:none; width:auto; float:none; position:fixed; left:0px; right:0px; bottom:0px; top:72px; background-color:#1c1d1f; overflow-y:auto;}
.tuku_fr .pd{ padding:30px;}

.tuku_box .text{ position:static; background:none; padding:10px 0 0 0; line-height:18px}
.tuku_box .text span{ display:block; margin:0px;}

.tuku_tit{ position:relative;}
.tuku_tit i{ display:block; top:50%; margin-top:-15px; cursor:pointer; position:absolute; right:0px; font-size:18px; height:30px; line-height:30px;}

.logo a strong{ font-size:24px;}
.logo a em{ font-size:18px;}

.top_search{ top:22px; left:auto; right:30px; width:24px; margin:0px;}
}
@media screen and (max-width:860px){
.galleries_list li{ width:33.33%;}
.about{ padding:40px;}
.about_fl .pd{ margin-bottom:30px;}
.about_top{ margin-bottom:30px;}
.tuku_con li{ width:25%;}
}
@media screen and (max-width:640px){


.logo{ font-size:32px; height:64px; line-height:64px;}
.pgcon{ padding:20px;}
.galleries_list li{ width:50%;}

.about{ padding:20px;}
.about_fl .img{ width:140px;}
.about_fl .text{ margin-left:140px; padding:20px 0 0 20px;}

.about_top .h3{ font-size:24px;}
.about_top .p{ font-size:14px;}


.about_bottom ul{ margin-right:-10px;}
.about_bottom .pd{ margin-right:10px;}

.tuku_tit strong{ font-size:18px;}

.tuku_fr .pd{ padding:20px;}

.search_box{position:fixed;top:50%;left:50%;margin: -20px 0 0 -169px;margin-bottom:60px;width: 320px;display:none;z-index:56;}

.search_box .close,.weixin_box .close,.area_box .close{ position:fixed; right:40px; top:40px; width:40px; color:#000; height:40px; line-height:40px; color:#ccc; text-align:center; font-size:20px;}

.search_box .close:hover,.weixin_box .close:hover{ color:#fff;}

.ipt_t1{width:100%;color:#2a2c42;height:50px;border:none;background:#fff;height: 46px;line-height:50px;font-size: 14px;box-sizing:border-box;border-radius:6px;}

.ipt_b1{background:#2a2c42;width: 80px;font-size: 12px;margin:0 auto;position:absolute;right:-5px;top:0px;text-align:center;height: 47px;line-height:50px;color:#fff;border:none;border-radius:0 4px 4px 0;}

.ipt_b1:hover{ background:#2a2c42; color:#fff;}



.ipt_s1{ position:absolute; left:0px; top:0px; bottom:0px; width:70px; padding:0 10px 0 10px; height:50px; line-height:50px; border:none; border-right:1px solid #ccc;}


}
@media screen and (max-width:440px){
.menu li a{ font-size:12px; height:40px; line-height:40px;}

.about_pgcon{ padding:0px;}
.about{ padding:0px; background:none;}

.about_fl{ background-color:#1c1d1f;}
.about_fl .pd{ padding:20px; margin:0px;}


.about_fr{ background-color:#262626; padding:20px;}
.about_bottom li{ width:50%;}
.about_bottom ul{}
.about_bottom .pd{}
.about_bottom .text{ height:40px; line-height:40px;}


.tuku_con li{ width:33.33%;}


.galleries_list .dt strong{ padding-right:0px; font-size:15px;}
.galleries_list .dt em{ font-size:15px; margin-left:5px;}

/*.galleries_list li{ width:auto; float:none;}*/
.galleries_list ul{ margin-right:-5px;}
.galleries_list .pd{ margin-right:5px;}



.index_body{ overflow:scroll !important;-webkit-overflow-scrolling:touch;-webkit-overflow:auto;}
}
@media screen and (max-width:414px){
.map{ width:765px; height:826px; overflow:hidden; position:relative;}
.menu li{ padding:0px;}

}
@media screen and (max-width:375px){
.map{ width:765px; height:826px; overflow:hidden; position:relative;}
.tuku_fr{ top:48px;}

.menu-link{ top:5px;}
body{ padding-top:48px;}
.header{ height:48px;}
.logo{ font-size:24px; height:48px; line-height:48px;}
.menu{ top:48px;}
.menu li a{ padding:0 3px;}



.tuku_con li{ width:50%;}

.ipt_t1{ width:250px;}

.about_fl .img{ width:120px;}
.about_fl .text{ margin-left:120px; padding:10px 0 0 20px;}
.about_fl .text .p{ font-size:12px;}
.about_fl .text .h3{ font-size:24px;}
.about_fl .text .em{ font-size:12px;}
.about_fl .text .em i{ margin-right:5px;}

.galleries_list .text{ line-height:30px; height:30px; font-size:12px;}

.logo a strong{ font-size:18px;}
.logo a em{ font-size:16px;}

.top_search{ top:13px; width:20px;}
}

@media screen and (max-width:320px){
.map{ width:765px; height:826px; overflow:hidden; position:relative;}
}



