@charset "utf-8";
/* CSS Document */
body{
font-family:"微软雅黑","Helvetica","Century Gothic","Microsoft JhengHei", "微軟正黑體";font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);  }
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none; -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ 
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;}
li{ list-style:none}
a{color:#666;text-decoration:none;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}
a:link{
    text-decoration:none;outline: none;
     /* 指正常的未被访问过的链接*/
}
a:visited{
    text-decoration:none;outline: none;
     /*指已经访问过的链接*/
}a:hover{
     text-decoration:none;outline: none;
     /*指鼠标在链接*/
}
a:active{
    text-decoration:none;outline: none;
    /* 指正在点的链接*/
}
.clear{clear:both;}
input,button,textarea{outline: none;border:none;font-family:"微软雅黑";}
.content{width: 1200px;margin: 0 auto;}



/* 首页 */

.header{height: 90px;width: 100%;background-color: #fff;}
.header_main{margin: 0 50px;overflow: hidden;zoom: 1;}
.top .header{box-shadow: 0 0 30px rgba(0,0,0,.1);}

/* logo */

.logo{background: url(../images/logo.jpg) no-repeat left;width:105px;height: 90px;float: left; background-size: 105px 50px;}
.logo a{display: block;height: 90px;}

/* nav */
.nav{float: right;}
.nav li{float: left;margin:0 25px;}
.nav ul li a{color: #666;font-size: 16px;line-height: 90px;position: relative;}
.nav ul li:hover a,.nav ul li.active a{color: #000}

.language{float:right;padding-left:20px;margin-top:36px;}
.language a{padding:5px;background:#000;color:#fff;font-size:12px;}

/* 轮播 */

.slide_banner,.ban,.ban img{width: 100%;}
.slide_banner .swiper-slide,.slide_banner .swiper-slide img{width: 100%;}
.slide_banner .swiper-slide{background-repeat: no-repeat;background-size: cover;}
.slide_banner .swiper-pagination{bottom: 50px;}

.slide_banner .swiper-pagination .swiper-pagination-bullet{border:2px solid #fff;background-color: #fff;opacity: 1;width: 10px;height: 10px;margin: 0 10px;}
.slide_banner .swiper-pagination .swiper-pagination-bullet-active{background-color: transparent;}


.ph_banner{width:100%;height:100%;display:none;}
.ph_banner .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.ph_banner .swiper-pagination .swiper-pagination-bullet{border:1px solid #fff;background-color: #fff;opacity: 1;width: 5px;height: 5px;margin: 0 5px;border-radius: 50%;}
.ph_banner .swiper-pagination .swiper-pagination-bullet-active{background-color: transparent;}
/*  about us */
.menu_title{margin-bottom:40px;}
.menu_title h1{font-size: 24px;color: #000;padding:0 0 20px;background: url(../images/bor.png) no-repeat left bottom;}

.about{width: 100%;height: 100%;position: relative;overflow: hidden;}
.about_bg{position: absolute;width: 100%;height: 100%;background: url(../images/about_bg.jpg) no-repeat center; background-size: cover;overflow: hidden;
    animation-name: firstPart; 
    animation-duration: 60s; 
    animation-timing-function: linear; animation-delay: 0.3s; 
    animation-iteration-count: infinite; 
    animation-direction: alternate; 
    animation-play-state: running; 
    -moz-animation-name: firstPart; 
    -moz-animation-duration: 60s; 
    -moz-animation-timing-function: linear; 
    -moz-animation-delay: 0.3s; 
    -moz-animation-iteration-count: infinite; 
    -moz-animation-direction: alternate; 
    -moz-animation-play-state: running; 
    -webkit-animation-name: firstPart; 
    -webkit-animation-duration: 60s; 
    -webkit-animation-timing-function: linear;
     -webkit-animation-delay: 0.3s; 
     -webkit-animation-iteration-count: infinite; 
     -webkit-animation-direction: alternate; 
     -webkit-animation-play-state: running; 
     -o-animation-name: firstPart; 
     -o-animation-duration: 60s; 
     -o-animation-timing-function: linear; 
     -o-animation-delay: 0.3s; 
     -o-animation-iteration-count: infinite; 
     -o-animation-direction: alternate; 
     -o-animation-play-state: running;
}

.about_main{width: 1200px;overflow: hidden;zoom: 1;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-left: -600px;}
.about_left{width: 500px;padding: 0 50px;float: left;font-size: 14px;color: #000;line-height: 30px;}
.about_main table tr td{font-size: 14px;color: #000;line-height: 30px;vertical-align: top;}
/* contact */
.contact{padding: 80px 0}
.contact h1{font-size: 24px;color: #000;margin-bottom: 20px;}
.contact p{font-size: 16px;color: #666;;line-height: 30px;}
.contact .l{float:left;width:50%;}
.contact .r{float:right;width:50%;}
.contact .r img{max-width:100%;}



/*  product*/
.product{padding: 50px 0;}
.pro_nav{padding: 0 0 30px;overflow: hidden;zoom: 1;}
.pro_nav li{float: left;width: 140px;line-height: 30px;text-align: center;border:1px solid #000;color: #000;margin-right: 10px;}
.pro_nav li a{display: block;font-size: 14px;color: #000;line-height: 30px;}
.pro_nav li a:hover,.pro_nav li.active a{background-color: #000;color: #fff;}




.pro_list{overflow: hidden;zoom: 1;}
.pro_list li{float: left;width: 380px;margin-right:30px;margin-bottom: 30px;height: 100%;position: relative;padding: 0;font-size: 0;}
.pro_list li img{width: 100%;}
.pro_list li.none{margin-right: 0}
.li_bg{width: 100%;height: 100%;}
.pro_txt{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;position: absolute;top: 0;left: 0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.pro_txt h1{width:100%;font-size: 18px;color: #fff;padding-bottom:10px;background: url(../images/bor1.jpg) no-repeat center bottom;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;}
.pro_list li:hover .pro_txt{opacity: 1;transition:all .4s cubic-bezier(.4,0,.2,1)}


.pro_detail{margin: 0 50px;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.pro_slide{width: 100%;padding: 50px 0;}
.pro_slide .swiper-slide{width: auto;}
.pro_slide .swiper-slide img{height: 580px;}

.pro_slide .swiper-button-next,.pro_slide .swiper-button-prev{width: 15px;height: 15px;bottom:10px;top:auto;background-size:100%!important}
.pro_slide .swiper-button-next{background: url(../images/right.png) no-repeat center;right: 50%;margin-right:-50px; }
.pro_slide .swiper-button-prev{background: url(../images/left.png) no-repeat center ;left: 50%;margin-left:-50px;}

.pro_slide  .swiper-pagination{color: #000}

.operate{padding-bottom: 120px;}
.operate ul{ padding:0}
.operate li{border: 1px solid #d8d8d8;background: #f4f4f4;margin-bottom: 10px;}
.operate li h4{cursor:pointer;font-size:18px;color:#666; position:relative; padding:13px 30px;}
.operate li h4 i{ float:right; font-style:normal}
.operate li h4 .re_sub{background:url("../images/up.png") no-repeat right;-webkit-transform:rotate(0deg);transform:rotate(0deg);float:right;padding-right: 30px;}
.operate li h4 .join_add{padding-right: 107px;}
.trans {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.operate li:hover h4{color:#666 }
.operate li.selected {border-top:2px solid #666;}
.operate li.selected h4 {color:#666 }
.operate li.selected h4 .re_sub{background:url("../images/down.png") no-repeat right;}
.operate li .list-item{color: #666;z-index: 2;border-top: 1px solid #d7d7d7; padding:20px 0px 40px; display:none;margin:0 30px;}
.operate li .list-item span{ font-size: 14px;color: #666; line-height: 30px;margin-right:160px;}
.operate li .list-item h2{font-size: 16px;color: #666;line-height: 26px;margin-bottom: 10px;}
.operate li .list-item p{ font-size: 14px;color: #999; line-height:24px;}

.operate li .list-item h3{ width:120px; text-align:center;font-size:16px; margin-top:40px;font-size: 16px;text-align: center;background-color:#666;border:1px solid #000;line-height: 35px;}
.operate li .list-item h3 a{ color:#fff; width:100%; display:block;}
.operate li .list-item h3 a:hover{ background:#f4f4f4; color:#666}





.team{padding: 60px 0}
.team_main{background-color: #f5f5f5;overflow: hidden;zoom: 1;margin: 60px 0} 

.team_img{float: left;width: 300px;}
.team_img img{width: 100%;}
.team_txt{float: left;width: 780px;padding-left: 80px;}
.team_txt h1{font-size: 24px;color: #000;margin: 10px 0 20px;}
.team_txt h1 span{font-size: 14px;color: #444;padding: 0 10px;}
.team_txt p{font-size: 14px;color: #444;line-height: 30px;}








@-moz-keyframes firstPart
/* Firefox */
{
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    100% { -webkit-transform: scale(3);-moz-transform: scale(2.5);-ms-transform: scale(3);transform: scale(3); }
}
@-webkit-keyframes firstPart
/* Safari and Chrome */
{
    0% { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
    100% { -webkit-transform: scale(3);-moz-transform: scale(2.5);-ms-transform: scale(3);transform: scale(3); }
}
@-o-keyframes firstPart
/* Opera */
{
    0% { -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    100% { -webkit-transform: scale(3);-moz-transform: scale(2.5);-ms-transform: scale(3);transform: scale(3); }
}


/*手机导航*/
.ph_header{ display:none;}
@font-face {font-family:modesign;src:url(../font/modesign.ttf) format('truetype'),url(../font/modesign.woff) format('woff'),url(../font/modesign.svg) format('svg');font-weight:400;font-style:normal}

[class*=" icon-"]:before,[class^=icon-]:before {font-family:modesign!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-arrow-right:before {content:"\e902"}
.icon-arrow-back:before {content:"\e90f"}

.trans {-webkit-transition:all .4s ease;transition:all .4s ease}
.trans2 {-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}

button {background:0 0;border:none;text-shadow:none;position:relative;outline:0}
#nav_overlayer {position: fixed;display: none;top: 0;left: 0;right: 0; bottom: 0;background-color: #000;opacity: 0;z-index: 900;}

header {position:fixed;top:0px;left:0;width:100%;height:56px;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.1);overflow:visible;z-index:1000}
.top_logo {float:left;overflow:hidden;padding:10px;}
.top_logo img{ width:50%;  padding-left:12px}

nav .menu_btn {position:relative;display:none;float:right;width:56px;height:56px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;cursor:pointer}
nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before {position:absolute;width:20px;height:2px;background-color:#000;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
nav .menu_btn span {top:27px;left:19px}
nav .menu_btn span:after,nav .menu_btn span:before {content:"";left:0}
nav .menu_btn span:before {top:-6px}
nav .menu_btn span:after {top:6px}

.nav-open nav .menu_btn {background-color:#000}
.nav-open nav .menu_btn span {background-color:transparent}
.nav-open nav .menu_btn span:before {background-color:#fff;-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}
.nav-open nav .menu_btn span:after {background-color:#fff;-webkit-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}

#nav>li>a {position:relative;display:block;height:100%;padding:0 30px;line-height:50px;color:#999;text-align:left;color:#999;overflow:hidden;z-index:0}

.subnav {position:fixed;left:100%;top:0px;height:100%;background-color:#fff;width:100%;text-align:center;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-webkit-overflow-scrolling:touch;-webkit-transform:none;-ms-transform:none;transform:none}
.has_sub.open .subnav {opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav .back_btn {display:block;width:100%;height:50px;padding:0 20px;text-align:left;font-size:12px;color:#fff;background-color:#000;font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400}
.subnav .back_btn::before {position:relative;display:inline-block;font-size:20px;margin-right:5px;margin-bottom:3px}
nav .menu_btn {display:block}
#nav {position:fixed;background-color:#fff;width:100%;right:0;top:56px;overflow-x:visible;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1);border-top: 1px solid #f0f0f0;}
#nav>li {width:100%;height:0;overflow:hidden}
.nav-open #nav>li {height:50px;border-bottom:1px solid #f0f0f0}
#nav>li>a i {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:block;font-size:16px}

.open_sub #nav {right:100%}
.open_sub #nav .subnav {left:0}


.ph_about{display:none;font-size: 14px;color: #000;line-height: 30px;z-index:1;padding:80px 30px 60px;background: url(../images/about_bg.jpg) no-repeat center;
    background-size: cover;
}

.ph_title,.ph_detail{display:none}
.ph_detail{height:100%;}
.ph_detail #owl-demo,#owl-demo .owl-wrapper-outer,.ph_detail .owl-carousel .owl-wrapper,.owl-carousel .owl-item,.ph_detail .item {height:100%;}
.ph_detail .item{display:block;position: relative;}
.ph_detail .item img{width:100%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding-top:60px;}


.owl-buttons{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:100%}
.owl-prev{left:0;background:url(../images/left.png) no-repeat}
.owl-next{right:0;background:url(../images/right.png) no-repeat}
 .owl-controls .owl-buttons div{width:32px;height:32px;color: transparent;position: absolute;}

 .owl-pagination{position: absolute;bottom:50px;text-align:center;width:100%;}
 .owl-page{display:none;padding:0 5px;}
 .owl-page.active{display:inline-block;}
 .owl-page:last-child:after{content:"/";position: absolute;left:0px;color:#000;}
 .owl-page:last-child{display:inline-block;position: relative;}
 .owl-page.active:last-child:after{content:""}
.owl-numbers{color:#000;}



.media { max-width: 1208px; margin: auto; min-height: calc(100vh - 320px);}
.media li { width: 25%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; float: left; }
.media a:nth-of-type(1) { position: absolute; left: 15px; right: 15px; height: 100%; }
.media img { display: block; width: 100%; }
.media-title { margin: 15px 0 3px; }
.media-date { color: #AAA; }
.media-detail { transition: opacity 0.6s; background-color: rgba(0,0,0,0.3); position: fixed; width: 100%; height: 100%; overflow: auto; left: 0; top: 0; visibility: hidden; z-index: 999; }
.media-detail.vh { display: none; }
.media-content { position: relative; max-width: 1000px; margin: 100px auto; background-color: #FFF; padding: 50px 40px; box-sizing: border-box; }
.media-close { position: absolute; right: 70px; top: 50px; width: 14px; height: 14px; background: url(../image/close.svg) no-repeat 50%; background-size: contain; overflow: hidden; text-indent: -9999px; }
.media-content-title {padding: 0 30px; font-size: 16px;}
.media-content-date { font-size: 14px; color: #AAA; padding: 0 30px; margin: 12px 0 27px; }
.media-content-fck { border-top: 1px solid #D8D8D8; padding: 30px; }
	.media-content-fck img { max-width: 100%!important; }
.media-detail.show { animation: fadeIn 0.3s; }
.media-detail.hide { animation: fadeOut 0.3s; }
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.vv { visibility: visible!important; }
.vh { visibility: hidden !important; }
.media-loading { position: fixed; z-index: 999; }
.filter-box { font-family: Helvetica_4; padding: 20px; line-height: 18px; font-size: 12px; text-align: right;padding-top: 120px;max-width: 1188px; margin: auto;}
.filter-box a { display: inline-block; vertical-align: top; margin: 5px 12px; font-size:14px;}
.filter-box a.is-checked { color: #000000; }
.filter-box a.filter-text { color: #AAA; margin-right: 0; line-height: 10px; cursor: pointer; float: right; border: 1px solid #DDD; border-radius: 5px; padding: 4px 10px 2px 16px; background: url(../images/text.png) no-repeat 6px 50%; background-size: auto 10px; }