body{ font-family: arial,"微软雅黑", helvetica, sans-serif;-webkit-text-size-adjust:none;}
body,html{width: 100%; height: 100%;}
.wrapper{min-width:1300px; height:100%;}
.c5{color:#555;}
@font-face {
    font-family: 'futura_md_btmedium';
    src:url('../Fonts/Futura-Md-BT_0.ttf') format('ttf'), 
    	url('../Fonts/futura-md-bt_0-webfont.woff2') format('woff2'),
        url('../Fonts/futura-md-bt_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_rounded_mtbold';
    src: url('../Fonts/arial rounded mt bold.ttf') format('ttf'),
    	 url('../Fonts/arial_rounded_mt_bold-webfont.woff2') format('woff2'),
         url('../Fonts/arial_rounded_mt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*全屏右侧导航*/
#fp-nav ul li{ margin-bottom: 20px; width:15px; height:15px;}
#fp-nav ul li a{background: url(../img/icon.png) -238px 1px;}
#fp-nav ul li a.active { background: url(../img/icon.png) -238px -25px;}
#fp-nav ul li a span{ display: none;}
#fp-nav ul li .fp-tooltip{color:#fff; font-size:14px; font-family: 'futura_md_btmedium';}


/*顶部导航*/
#head{ position:fixed; z-index:999; background-color: #000; width:100%; height:60px;}
#head .logo{ position:absolute; left:40px; top:10px;}
#head .topNav{width:750px; margin:auto;}
#head .topNav li{ float:left; width:150px;overflow:hidden;}
#head .topNav li a{font-family: 'futura_md_btmedium'; position:relative; display: block; width: 100%; height:60px; line-height: 60px; text-align: center; color:#fff; font-size: 14px; text-transform: uppercase;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; }
#head .topNav li a::after{content:attr(data-text); position:absolute; top:60px; left: 0px; width:150px; height:0px; background-color: #fff; color:#000; -webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
#head .topNav li a:hover{ cursor: pointer; line-height: 40px;}
#head .topNav li:hover a::after{ top:0px; background-color: #fff; color: #000; height: 60px; line-height: 60px;}

/*底部导航*/
#footer{position:fixed;z-index: 999;bottom:0;left:0;width: 100%;height:30px;background: #000;z-index: 999;}
#footer .text-left{ margin-left: 40px; margin-top:10px; color:#fff; font-size: 12px;}
#footer .text-left a{margin-left: 10px; color:#333;}
#footer .text-left a:hover { color:#999; text-decoration:underline;}
#footer .bottomNav li{ float:left; width:100px; height:30px; overflow:hidden;}
#footer .bottomNav li a{font-family: 'futura_md_btmedium'; position:relative; display: block; width: 100%; height:100%; line-height: 30px; text-align: center; color:#fff; font-size: 12px; text-transform: uppercase;-webkit-transition:all .3s;transition:all .3s; }
#footer .bottomNav li a::after{content:attr(data-text); position:absolute; top:30px; left: 0px; width:100px; height:0px; background-color: #fff; color:#000; -webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
#footer .bottomNav li a:hover{ cursor: pointer; line-height: 20px;}
#footer .bottomNav li:hover a::after{ top:0px; background-color: #fff; color: #000; height:30px; line-height:30px;}
.menu-lang{ position:relative; float: right; margin-right: 10px;}
.menu-lang p{float: left; color:#fff; font-size: 12px; line-height: 30px;}
.menu{ position: absolute; left:-6px; right:0px; bottom:30px; background: #272727;width:44px;-webkit-transform:perspective(100px) rotateX(90deg);-webkit-transform-origin: 50% 100%;-moz-transform:perspective(100px) rotateX(90deg);-moz-transform-origin: 50% 100%;-ms-transform:perspective(100px) rotateX(90deg);-ms-transform-origin: 50% 100%;-o-transform:perspective(100px) rotateX(90deg);-o-transform-origin: 50% 100%; transform:perspective(100px) rotateX(90deg);transform-origin: 50% 100%;-webkit-transition:all .3s;transition:all .3s;}
.menu li{text-align:center;-webkit-transition:all .3s;transition:all .3s;}
.menu li a{ display: block; font-size: 10px; line-height:30px; color: #fff;-webkit-transition: background 0.3s;transition: background 0.3s;}
.menu-lang:hover .menu{-webkit-transform:perspective(100px)  rotateX(0deg);transform:perspective(100px) rotateX(0deg);}
.sj{float:left; margin-top:12px; margin-left:5px; width:10px; height: 8px; background: url(../img/icon.png) 0px 0px;}
.menu-lang:hover{ cursor: pointer;}
.menu-lang:hover .sj{ background: url(../img/icon.png) 0px -10px;}
.menu-lang .menu a:hover{ background-color:#3b3b3b;}
.social{margin:8px 20px 0px 10px;}
.social a{ display:block;width:16px;height:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.social a:hover{ cursor: pointer;}
.facebook-icon{ background: url(../img/icon.png) 0px -22px;}
.facebook-icon:hover{ background: url(../img/icon.png) 0px -38px;}

/*首页*/
.section{position:relative; text-align: center;}
.section-bg{ position:absolute; width: 100%; height: 100%; top:0px; left: 0px;}
.section-bg img{ width:100%; height:100%;}

/*.section1 { background: url(../img/banner1.jpg) no-repeat; background-size:100% 100%;}
.section2 { background: url(../img/banner2.jpg) no-repeat; background-size:100% 100%;}
.section3 { background: url(../img/banner3.jpg) no-repeat; background-size:100% 100%;}
.section4 { background: url(../img/banner4.jpg) no-repeat; background-size:100% 100%;}
.section5 { background: url(../img/banner5.jpg) no-repeat; background-size:100% 100%;}*/
.BlackMark{ position:absolute; z-index: 100; top:0px; right:0px; left: 0px; bottom: 0px; background-color: rgba(0,0,0,.6);}
.section .content{ position:relative; z-index: 999;}
.section h3{ font-size:94px; color: #fff; letter-spacing: 1px; font-weight:bold;}
.section p.tit{ font-family:helvetica; font-weight: bold; font-size: 10px; color:#4d4d4d; letter-spacing:10px; text-transform: uppercase;-webkit-text-size-adjust:none}
.btn-wrapper{ margin-top:85px;}
.btn-line{position:relative; display: inline-block; padding: 0px 25px; height:40px; line-height:40px;font-family: 'futura_md_btmedium';text-align: center; color: #fff; border:1px solid #fff; font-size: 12px; text-transform: uppercase; overflow: hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.btn-line::after{content:attr(data-text); position:absolute; width: 100%; left: 0px; top:40px; height:0px; background-color: #fff;border:1px solid #fff; color:#000;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.btn-line:hover{ cursor: pointer; line-height: 30px;}
.btn-line:hover:after{ top:0px; height: 40px; line-height: 40px;}
.active .section-bg{-webkit-animation:ScaleBig 2s linear 0s forwards;animation:ScaleBig 2s linear 0s forwards;-webkit-transition:all;-moz-transition:all;-ms-transition:all;-o-transition:all; transition:all;}
.active .BlackMark{-webkit-animation:OpacityShow 2s linear .2s forwards;animation:OpacityShow 2s linear .2s forwards;-webkit-transition:all;-moz-transition:all;-ms-transition:all;-o-transition:all; transition:all;}
.active.section h3{-webkit-animation:move1 .8s linear 1s forwards;animation:move1 .8s linear 1s forwards; opacity: 0;}
.active.section .text{-webkit-animation:word .8s linear 1.4s forwards;animation:word .8s linear 1.4s forwards; opacity: 0;}
.active.section .btn-line{-webkit-animation:move2 .8s linear 1.7s forwards;animation:move2 .8s linear 1.7s forwards; opacity: 0;}

/*产品中心*/
.product-wrapper{ width:100%; height:100%;}
.accordion { height:100%;overflow: hidden;position:relative; }
.accordion._create:after { display: none; }
.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;padding-top: 60px; width:9999px;height:100%;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li {position:relative; background-color: rgba(0,0,0,1);display:block;list-style: none;margin: 0;padding: 0;height:100%;float:left;overflow: hidden; -webkit-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.accordion__img{display: block;cursor: pointer; opacity: 0.5;}
.accordion__li h3{position:absolute; top:50%; left: 50%; color:#fff; font-size:24px; font-weight:bold;  text-transform: uppercase; text-align: center; width: 60%;}

/*新闻*/
.section-scroll{position:relative;}
.page-wrap{ height: 100%;}
.page-wrap .item{position:relative; height: 50%; overflow: hidden;}
.page-wrap .item a{ display: block; height:100%;}
.page-wrap .item .img{position:absolute; float: left; width: 60.4%; height:100%; background-color:#666; overflow: hidden;}
.page-wrap .item-left .img{ left: 0px;}
.page-wrap .item-right .img{ right: 0px;}
.page-wrap .item .img img{position:absolute; top:0px;left: 0px; width: 100%; height: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.content-wrap{float: left; width: 39.6%; height: 100%; background-color: #fff; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;transition: all .4s;}
.content-wrap .content{margin: auto; margin-top:100px; width:550px; text-align: center;}
.content-wrap .content .date{ font-size:12px; margin-bottom: 42px; font-family: 'futura_md_btmedium'; letter-spacing: 4px; color:#000;}
.content-wrap .content .title{ font-size: 36px; font-weight: bold; color:#000; text-transform: uppercase;}
.content-wrap .content .new-text{width: 85%; margin: auto; font-size: 14px; color: #999; font-family: 'futura_md_btmedium'; line-height: 20px; max-height:60px; overflow: hidden;}
.item-left .content-wrap{ position:absolute; right:0px;}
.item-right .content-wrap{ position:absolute; left:0px;}
.separator{position:relative; display: inline-block; margin: 15px 0px 20px 0px;width:6px; height:6px; border-radius: 360px; background-color: #000;}
.separator:before,.separator:after{content:"";position:absolute; top:50%; width:45px; height:1px; background-color: #c3c3c3;}
.separator:before{right:13px;}
.separator:after{left:13px;}
.page-wrap .item a:hover .img img,.Newinner-productImg img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.page-wrap .item a:hover .content-wrap{ width: 41.6%; background-color: #e5e5e5;}
.menu-section{position:fixed;z-index:100;right:0px;top:50%;background:#000;}
.menu-section .prev,.menu-section .next{display:block;width:40px;height:40px;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;-ms-transition:background 0.3s;transition:background 0.3s;}
.menu-section .prev:hover,.menu-section .next:hover{background-color:#3b3b3b}
.menu-section .prev{background:url(../img/icon.png) 13px -55px no-repeat;}
.menu-section .next{background:url(../img/icon.png) 13px -90px no-repeat;}
.menu-section .pages{display:block;text-align: center; line-height:38px;font-family: 'futura_md_btmedium', arial, helvetica, sans-serif;color:#666; font-size: 12px;border-top:1px solid #333; border-bottom: 1px solid #333;}
.menu-section .pages strong{color:#fff}

@media screen and (max-width:1500px){
	body .content-wrap .content .date{margin-bottom: 14px;}
	body .content-wrap .content .title{ font-size:24px;}
	body .content-wrap .content{margin-top:80px;}
	
}

/*新闻内页*/
#NewinnerFullpage{ height: 100%;}
#NewinnerFullpage .container{position:relative; width: 100%; height: 100%;}
#NewinnerFullpage .slide{position:absolute; top:0px; left: 0px; width: 100%; height:100%;background-color: #fff; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); visibility: hidden;}
#NewinnerFullpage .pt-page-current{ visibility: visible;}
.pt-perspective {position: relative;width: 100%;height: 100%;-webkit-perspective: 1200px;-moz-perspective: 1200px;perspective: 1200px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.tool{position:absolute; top:60px;right: 0px;}
.tool a{position:relative; z-index: 99999; display: block; width:60px;height:60px; line-height: 60px; background-color: #fff; overflow:hidden;}
.tool a:after{content:'';position:absolute;  top:60px; right:0px; width:60px;height:0px;-webkit-transition:height .3s,top .3s;-moz-transition:height .3s,top .3s;-ms-transition:height .3s,top .3s;-o-transition:height .3s,top .3s;transition:height .3s,top .3s;}
.tool .close{background:#fff url(../img/icon.png) -148px 20px; -webkit-transition:all .3s;transition:all .3s;}
.tool .next{ background:#fff url(../img/icon.png) -90px 20px;-webkit-transition:all .3s;transition:all .3s;}
.tool .prev{ background:#fff url(../img/icon.png) -22px 20px;-webkit-transition:all .3s;transition:all .3s;}
.tool .close:hover{background:#fff url(../img/icon.png) -148px 15px;}
.tool .next:hover{ background:#fff url(../img/icon.png) -90px 15px;}
.tool .prev:hover{ background:#fff url(../img/icon.png) -22px 15px;}
.tool .close:hover:after{height:60px; top:0px; line-height: 58px; background: url(../img/icon.png) 20px -135px; background-color:#000;}
.tool .next:hover:after{height:60px;top:0px;line-height: 58px; background: url(../img/icon.png) -82px -50px; background-color: #000;}
.tool .prev:hover:after{height:60px;top:0px;line-height: 58px; background: url(../img/icon.png) -22px -50px; background-color: #000;}
.Newinner-container{width:962px; padding-top: 80px; margin: auto;}
.Newinner-productImg{ margin-bottom: 50px; width: 960px; max-height: 558px; overflow: hidden; text-align: center;}
.Newinner-productImg img{width:100%;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s;}
.productImg-decoration{ border-top:1px solid #ccc;}
.decoration-left{float: left; margin-right:4%; padding: 20px 0px; margin-right:; width:29.1%;}
.decoration-left .time{color:#000; font-family: 'futura_md_btmedium';}
.decoration-left h1{margin:15px 0px; color:#000; font-size:26px;font-family: 'futura_md_btmedium';}
.decoration-right{ float: right; margin-top: 40px; width:66.5%;}
.decoration-right p{color:#666; line-height: 24px; max-height:75px; overflow: hidden;}

@media screen and (max-width:1500px){
	body .Newinner-container{width: 530px;}
	body .Newinner-productImg{width:530px;}	
	body .Newinner-productImg{ margin-bottom: 32px;}
	body .decoration-left h1{ font-size:16px;}
	body .decoration-right p{ font-size: 14px;}
}

/*公司简介*/
.company-wrapper{height:100%; background: url(../img/aboutUs-bg.jpg) no-repeat; background-size:100% 100%;}
.company-content{padding-top:10.7%; margin:auto; width:33.8%; height:70.7%; text-align: center;}
.company-content .company-logo{ height: 72px;}
.company-content h3{margin-top:28px; font-size:29px;color:#000; font-family: 'futura_md_btmedium';}
.company-line{margin-top:40px;}
.company-content p{ padding:40px 100px; height:58%; overflow:hidden; color:#999; font-size: 12px; line-height:18px;text-align:justify; text-indent: 2rem; font-family: 'futura_md_btmedium';}
.company-logo-ani{-webkit-animation:move1 .8s linear 1s forwards;animation:move1 .8s linear 1s forwards; opacity: 0;}
.company-tit-ani,.company-line-ani{-webkit-animation:word .8s linear 1.4s forwards;animation:word .8s linear 1.4s forwards; opacity: 0;}
.company-pra-ani{-webkit-animation:move2 .8s linear 1.7s forwards;animation:move2 .8s linear 1.7s forwards; opacity: 0;}

@media screen and (max-width:1500px){	
	body .company-content .company-logo{ height:50px;}
	body .company-content h3{margin-top:10px;font-size:18px;}
	body .company-line{margin-top:24px;}
	body .company-content p{ padding:22px 76px;height:54%;}	
}


/*联系我们*/
.contact-wrapper{ height:100%; overflow: hidden;}
.contact-img{position:relative; height:100%; overflow: hidden; background:url(../img/contact-bg.jpg) no-repeat; background-size:100% 100%;-webkit-transition:all .6s;transition:all .6s;}
.contact-img-box{position:absolute;top:62px; z-index:90; width:50%;height:100%;}
.contact-img-box:hover{cursor:pointer;}
.contact-img-left{ left:0px;}
.contact-img-right{ right:0px;}
.contact-img::before{content:"";position:absolute;top:0px;left:0px; width: 100%; height: 100%; background-color: rgba(0,0,0,.1);-webkit-transition: all .3s;transition: all .3s;}
.contact-img:hover{background-size:102% 102%;}
.contact-img:hover:before{background-color: rgba(0,0,0,0); cursor:pointer;}
.contact-img-details{position:absolute;z-index: 90; top:0px; right:0px; width:50%; height:100%; background-color:#fff;-webkit-transition: all 1s;transition: all 1s;}
.contact-img-details-right{ right:0px;}
.contact-img-details-left{ left:-100%;}
.contact-img-details-right{-webkit-animation:showRight 1s ease .2s forwards;-moz-animation:showRight 1s ease .2s forwards;-ms-animation: showRight 1s ease .2s forwards;animation: showRight 1s ease .2s forwards;}
/*.contact-img-details-left{-webkit-animation: showLeft 1s ease .2s forwards;-moz-animation: showLeft 1s ease .2s forwards;-ms-animation: showLeft 1s ease .2s forwards;animation: showLeft 1s ease .2s forwards;}*/


.img-details-content{ height:100%; text-align: center;}
.img-details-text{ margin-top:250px;}
.img-details-text h3{ font-size:36px; color:#000; font-family: 'futura_md_btmedium';  text-transform: uppercase;}
.img-details-text .company-line{margin-top:20px; margin-bottom:40px;}
.img-details-text p{ margin-top:10px; margin-left:10%; width: 80%; color:#666;font-size:14px;}
.img-details-text p font{ color:#000; font-size:14px;font-family: 'futura_md_btmedium';}
.img-details-text .js{margin-bottom:20px; color:#555; font-size:16px;font-family: 'futura_md_btmedium';}
.bt-line-back{ border:1px solid #000;color:#000;}
.bt-line-back::after{ background-color: #000;color:#fff;border:1px solid #000;}


@media screen and (max-width:1500px){
	body .img-details-text{ margin-top:130px;}
}	
	
/*产品列表*/
#head .product-topNav {width: 1100px; margin-left:280px;}
#head .product-topNav li{width: 200px;}
#head .product-topNav li a.active{ height:56px; border-bottom:4px solid #fff;}
#head .product-topNav li a::after{ width: 200px;}
a.topBack-btn{float:left;margin-left: 220px; margin-right:80px; display: inline-block;position:relative; width: 60px; height:60px; text-align: center; line-height:60px; background:#f0f0f0 url(../img/icon.png) no-repeat -23px 18px; -webkit-transition:all .3s;transition:all .3s;}
a.topBack-btn::after{content:'';position:absolute; top:60px; right:0px; width:60px;height:0px;-webkit-transition:height .3s,top .3s;-moz-transition:height .3s,top .3s;-ms-transition:height .3s,top .3s;-o-transition:height .3s,top .3s;transition:height .3s,top .3s;}
a.topBack-btn:hover{background:#f0f0f0 url(../img/icon.png) no-repeat -23px 12px;}
a.topBack-btn:hover:after{top:0px; height:60px; background:#000 url(../img/icon.png) -23px -48px;}
#product-list-wrapper{margin: auto;top:90px;position: relative; background-color: #232323;}
#product-list-wrapper .box {float:left;}
#product-list-wrapper .box p{position:absolute; left: 0px; margin-top: 20px; font-family: 'futura_md_btmedium'; font-size: 14px; color:#939399;}
#product-list-wrapper .box p::after{content:"";margin-top:10px; display:block; width: 13px; height: 1px; background-color: #323233;-webkit-transition:all .3s;transition:all .3s;}
#product-list-wrapper .box a{position:relative; display: inline-block;}
#product-list-wrapper .box a::before{content:"";position:absolute; z-index: 10; right:20px; left: 20px; top:20px; bottom:20px; border:1px solid transparent; box-shadow:0px 0px 0px rgba(0,0,0,.5); background-color:transparent;-webkit-transition:all .3s;transition:all .3s;}
#product-list-wrapper .box a::after{content:"";position:absolute; opacity:0; left:0px; top:0px; width:40px;height:40px; background:url(../img/jia.png) no-repeat; background-size:100% 100%; -webkit-transition:all .3s;transition:all .3s;}
.box-img{ position:relative;width:440px;overflow:hidden;}
.box-img img{width:440px; -webkit-transition:all .4s;transition:all .4s;}
#product-list-wrapper .box:hover p{ color:#fff;}
#product-list-wrapper .box:hover p::after{ width: 100px; background-color: #fff;}
#product-list-wrapper .box a:hover .box-img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
#product-list-wrapper .box a:hover:before{border:1px solid #fff;box-shadow:0px 0px 20px rgba(0,0,0,.5);}
#product-list-wrapper .box a:hover:after{opacity: 1; top:40px;}


/*产品详情*/ 
#product-details-wrapper .fp-controlArrow.fp-next{right:36%; overflow: hidden; width: 42px; height: 42px;background:#fff url(../img/icon.png) -33px -297px;-webkit-transition:all .3s;transition:all .3s;}  
#product-details-wrapper .fp-controlArrow.fp-prev{overflow: hidden; width: 42px; height: 42px; background:#fff url(../img/icon.png) -93px -297px;-webkit-transition:all .3s;transition:all .3s;}
#product-details-wrapper .fp-controlArrow.fp-next::after{content:'';position:absolute; top:42px; left:0px; width:42px;height:42px;-webkit-transition:height .3s,top .3s;-moz-transition:height .3s,top .3s;-ms-transition:height .3s,top .3s;-o-transition:height .3s,top .3s;transition:height .3s,top .3s;}
#product-details-wrapper .fp-controlArrow.fp-prev::after{content:'';position:absolute; top:42px; left:0px; width:42px;height:42px;-webkit-transition:height .3s,top .3s;-moz-transition:height .3s,top .3s;-ms-transition:height .3s,top .3s;-o-transition:height .3s,top .3s;transition:height .3s,top .3s;}
#product-details-wrapper .fp-controlArrow.fp-next:hover{background:#fff url(../img/icon.png) -33px -304px;}
#product-details-wrapper .fp-controlArrow.fp-prev:hover{background:#fff url(../img/icon.png) -93px -304px;}
#product-details-wrapper .fp-controlArrow.fp-next:hover:after{top:0px; background: #000 url(../img/icon.png) -33px -343px;}
#product-details-wrapper .fp-controlArrow.fp-prev:hover:after{ top:0px; background: #000 url(../img/icon.png) -93px -343px;}
#product-details-wrapper .fp-slidesNav{ bottom:30px;}
#product-details-wrapper .fp-slidesNav ul li a span{border:none; background-color: #7d8182; width:10px; height:10px;}
#product-details-wrapper .fp-slidesNav ul li a.active span{ background-color: #fff;}
.product-details-section .slide{position:relative;}
#product-details-wrapper .contact-img-details{width: 35%; right:0px; -webkit-transition:all .5s;transition:all .5s;}
#product-details-wrapper .contact-img-details p{ font-size: 14px; color:#666; line-height:24px;}
#product-details-wrapper .active.section h3,#product-details-wrapper .active.section .btn-line{ opacity:1;}
.zoom-btn-wrapper{position:absolute; z-index: 999; top:0px; right:36%;-webkit-transition:all .3s;transition:all .3s;}
.zoom-btn-wrapper .bt-line-back { background-color:#fff;}
.zoom-btn-wrapper .icon{display: inline-block; margin-left:4px; width: 24px; height:100%; vertical-align:middle;-webkit-transition:all .4s;transition:all .4s;}
.zoom-btn-wrapper .bt-line-zoomin,.zoom-btn-wrapper .bt-line-zoomout{ width: 114px; padding:0px 0px 0px 22px; text-align: left;}
.zoom-btn-wrapper .btn-line::after {content:attr(data-text);width: 114px; padding:0px 0px 0px 22px; text-align: left;}
.zoom-btn-wrapper .bt-line-zoomin {background: url(../img/icon2.png) 90px -48px no-repeat;}
.zoom-btn-wrapper .bt-line-zoomin:hover{background: url(../img/icon2.png) 90px -60px no-repeat;}
.zoom-btn-wrapper .bt-line-zoomin::after{background:#fff url(../img/icon2.png) 90px 10px no-repeat}
.zoom-btn-wrapper .bt-line-zoomout {background: url(../img/icon3.png) 98px -48px no-repeat;}
.zoom-btn-wrapper .bt-line-zoomout:hover{background: url(../img/icon3.png) 98px -60px no-repeat;}
.zoom-btn-wrapper .bt-line-zoomout::after{background:#fff url(../img/icon3.png) 98px 10px no-repeat}

/*目录*/
.catalog-wrapper{ height: 100%; background: url(../img/catalog-bg.jpg) no-repeat; background-size:100% 100%;}
.catalog-img{margin-top:160px; float:left; width: 54%;}
.catalog-img img{ width: 100%;}
.catalog-details{margin-top:320px; margin-left:120px; float:left; width:32%;}
.catalog-details .img-details-text{ margin-top:0px;}
.catalog-details .img-details-content h3{ color:#000; font-size:36px; font-weight: bold;}
.catalog-details .img-details-text p{ line-height: 22px; color:#666; font-size: 14px; letter-spacing:1px;}
.catalog-details .btn-wrapper{width:400px; margin:auto;margin-top:70px;}
.catalog-details .btn-wrapper a{ margin-right:30px; margin-bottom:30px;}
.catalog-details .img-details-text .company-line{ margin-bottom: 20px;}
.catalog-img{-webkit-animation:move3 .8s linear .2s forwards;animation:move3 .8s linear .2s forwards; opacity:0;}
.catalog-details .img-details-text h3{-webkit-animation:move1 .8s linear .2s forwards;animation:move1 .8s linear .2s forwards; opacity:0;}
.catalog-details .img-details-text .company-line{-webkit-animation:move1 .8s linear .5s forwards;animation:move1 .8s linear .5s forwards; opacity: 0;}
.catalog-details .img-details-text p{-webkit-animation:word .8s linear .7s forwards;animation:word .8s linear .7s forwards; opacity: 0;}
.catalog-details .btn-wrapper{-webkit-animation:move2 .8s linear .9s forwards;animation:move2 .8s linear .9s forwards; opacity: 0;}

@media screen and (max-width:1500px){
	body .catalog-details{ margin-top:190px;}
	body .catalog-img{margin-top:96px;}
}