@charset "utf-8";
/* CSS Document 
** author:新动力
** URL:http://www.xinpower.cn/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;list-style:none;}
img{border:none;border:0;}
em,i{ font-style:normal;}
a{ outline-style: none; color: #333; text-decoration: none !important;}
a:visited{}
a:hover{ color:#c30101;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif; background:#fff; color:#333;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px;}
h1,h2,h3,h4{ font-weight:normal;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
input::-webkit-input-placeholder {
color: #d9d9d9;
}
input:-moz-placeholder { /*Mozilla Firefox 4 to 18*/
color: #d9d9d9;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #d9d9d9;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #d9d9d9;
}
textarea::-webkit-input-placeholder {
color: #d9d9d9;
}
textarea:-moz-placeholder { /*Mozilla Firefox 4 to 18*/
color: #d9d9d9;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #d9d9d9;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #d9d9d9;
}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }

/*外部字体*/
@font-face {
	font-family: 'fzzd';     /* 这个名字可以自己定义 */
	src:url(../fonts/BankGothic%20Lt%20BT.ttf); /* IE9 Compat Modes */      /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
}

/* 导航*/
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 60px;
    padding: 0 30px;
	background:rgba(255,255,255,0.75);
    border-bottom: 1px solid #ccc;

}
.header .left { width: 12%; margin-top:4px;}
.header .left img { height:48px;}
.header .fr { margin-right:50px;}
.header .nav {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: 100%;
    line-height: 60px;
    display: block;
}
.header .navbar_nav .nLi {
    float: left;
    position: relative;
    display: block;
}
.header .navbar_nav .nLi .nav_a {
    text-decoration: none;
    height: 100%;
    padding: 0 30px;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #333;
    font-size: 16px;
}
.navbar_nav .nLi:hover .nav_a{color:#c30101;}
.navbar_nav .nLi.on .nav_a{color:#c30101;}
.navbar_nav .sub{ display:none; width:120px; left:-5px; top:60px;  position:absolute;  background-color:rgba(255,255,255,0.7); height:auto; z-index: 5; overflow:hidden;} 
.navbar_nav .sub li{ zoom:1; height: 40px; line-height: 40px;  transition: .3s; overflow: hidden; width:150px;}
.navbar_nav .sub a{ display:block; color:#fff; width:120px; height:40px; background-color:#840b14; text-align:center;}
.navbar_nav .sub li a:hover,.nav .sub li.act a{ background-color:#66080e; }


/*第二屏公司介绍  */
.page2 .w1200{ width:1260px; background-color:#FFF; margin-top:220px; padding:30px; position:relative; height:455px;}
.page2 .left{ height:455px; width:810px; position:absolute; left:-120%; top:30px;}
.page2 .left p{ font-size:18px; text-align:left;}
.page2 .left h2{ font-size:44px;  text-align:left; margin:9px 0 23px;}
.page2 .left h2 b{ color:#861c15;}
.page2 .left li{ padding:0 50px; border-right:1px solid #eee; float:left;  text-align:center;}
.page2 .left li:first-child{ padding-left:0;}
.page2 .left li:last-child{ padding-right:0; border:none;}
.page2 .left .number{ font-size:16px;}
.page2 .left .number i{ font-size:64px; font-weight:900; color:#861c15; font-family:'fzzd';}
.page2 .left .number span{ display:block;}
.page2 .about-txt{ font-size:16px; width:784px; line-height:30px; text-align:left; margin-top:30px; margin-bottom:37px;}
.page2 .left-b dd{ display:block; width:150px; height:40px; padding-bottom:6px; float:left; background:url(../images/ab-con1.png) no-repeat 2px center; border-bottom:1px solid #bababa; margin-right:70px;}
.page2 .left-b dd h4{ text-align:left; text-indent:47px; margin-top:6px;}
.page2 .left-b dd span{ color:#bababa; display:block; text-transform:uppercase; font-size:10px;}
.page2 .left-b dd.two{ background-image:url(../images/ab-con2.png);}
.page2 .left-b dd.three{ background-image:url(../images/ab-con3.png);}
.page2 .left-b dd.four{ background-image:url(../images/ab-con4.png); margin-right:0px;}
.page2 .right .img1{ width:399px; height:421px; position:absolute; right:15px; top:-401px; z-index:2; transition:all 1s;}
.page2 .right .txt{ width:399px; height:14px; line-height:14px; color:#333; text-align:center; position:absolute; right:-300px; bottom:30px; z-index:1; transition:all 0.5s;}
.page2 .right .img1.active{-webkit-transform:translate3d(0px,421px,0px);-moz-transform:translate3d(0px,421px,0px);-ms-transform:translate3d(0px,541px,0px);transform:translate3d(0px,421px,0px) }
.page2 .right .txt.active{ transform:translate3d(-309px, 0, 0); -webkit-transform:translate3d(-309px, 0, 0); -moz-transform:translate3d(-309px, 0, 0); -ms-transform:translate3d(-309px, 0, 0);}



/*第三屏产品中心*/
.page3 .w1200{ overflow:visible; position:relative;}
.page3 .title{ margin:100px auto 0;}
.page3 .pro-nav{ width:1200px; height:40px; line-height:40px; text-align:center; margin:30px 0 50px;}
.page3 .pro-nav ul{ width:110%; zoom:1; overflow:hidden;  transition:all 1s;}
.page3 .pro-nav li{ display:block; float:left; width:269px; height:46px;  margin:0 25px; font-size:16px; line-height:46px; background:url(../images/pro-nav-bg.png) no-repeat center 0; overflow:hidden;}
.page3 .pro-nav li a{ color:#fff; display:block; }
.page3 .pro-nav li.on, .page3 .pro-nav li:hover{ background-position:center -46px; color:#fff;}
.page3 .bd{ width:1200px;}
.page3 .bd ul{ width:110%;}
.page3 .bd li{ width:364px; height:auto; padding:8px; background:#ffffff; float:left; margin-right:40px;}
.page3 .bd li .pro-img{ width:364px; height:270px; overflow:hidden; margin-bottom:15px;}
.page3 .bd li .pro-img img{ width:364px; height:270px; transition:all 0.3s;}
.page3 .bd li:hover img{  transform:scale(1.1,1.1);}
.page3 .bd li h3{ font-size:24px; position:relative; height:39px; line-height:24px; }
.page3 .bd li h3:after{
	content:'';
	display:block;
	position:absolute;
	width:50px;
	height:1px;
	background:#7d7d7d;
	left:50%;
	margin-left:-25px;
	bottom:0;
}
.page3 .bd li p{ display:block; font-size:14px; color:#666; margin-top:16px;}
.page3 .bd li a.more{ display:block; width:170px; height:38px; background:url(../images/more-bg.png) no-repeat center 0; font-size:14px; margin:26px auto 22px; line-height:38px;}
.page3 .bd li a.more:hover{ background-position:center -38px; color:#623524;}
.page3 .w1200 .prev,.page3 .w1200 .next{ display:block; width:28px; height:63px; position:absolute; cursor:pointer;}
.page3 .w1200 a.prev{ left:-55px; top:409px; background:url(../images/arrow-l.png) no-repeat center 0;}
.page3 .w1200 a.next{ right:-65px; top:409px; background:url(../images/arrow-r.png) no-repeat center 0;}
.page3 .w1200 a.next:hover, .page3 .w1200 a.prev:hover{ background-position:center -63px;}
.page3 .a-btn a{ display:block; height:44px; width:172px; border-radius:22px; background-color:#861c15; color:#fff; line-height:44px; font-size:14px; margin:40px auto 0; text-align:center; position:relative;}
.page3 .a-btn a span{ display:inline-block; width:19px; height:19px; border-radius:50%; font-size:18px; color:#333; background-color:#fff; margin-top:12px; position:absolute; line-height:19px; margin-left:16px;}


/*第四屏加盟*/
.tbt{position: absolute;left: 0%; top: 30%; width: 206px; height: 324px; transform-style: preserve-3d; transform:rotateZ(130deg) translate3d(500px,0,0); transform-origin:left; opacity:0;   transition: all .9s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.tbt.active{transform: rotateX(0deg) translate3d(0,0,0); opacity:1; left:0;} 
.tnr{width: 1200px; position: absolute; height: 635px; top:19%; left:66%; opacity:0; }
.tnr .tleft a{display: block;width: 80px; text-align: center; float: right;border: 1px dashed #eee; height: 28px; line-height: 28px; color:#666; transition: all 0.5s;}
.tnr .tleft a:hover{border: 1px dashed #daa520; height: 28px; line-height: 28px; color:#fff;  background: #daa520;}
.tleft{width: 36%; float: left; padding: 30px; background: #fff; height:580px; color: #515151; text-align: left; line-height: 30px; font-size:14px; }
.tleft strong{font-size: 24px; background: #ffb237; padding: 10px 20px; display: block; letter-spacing:2px; color: #fff; margin-top: 30px; transition:all 1s linear;}
.thbg{background: #bba08c; transition: all 0.5s;}
.thbg:hover{background: #998373;}
.thbg a{ display:block; text-align:center; color:#fff; margin:0}
.hyqj{height: 244px;}
.hyqj span{padding-top: 50px; display: block;}
.kzz p{transform:scale(0.7); display: block; font-size: 12px;text-transform:uppercase; color: #333333; }
.kzz1 p{transform:scale(0.7); display: block; font-size: 12px;text-transform:uppercase; color: #ffffff; }
.thebg{background: #353943; transition: all 0.5s;}
.thebg:hover{background: #4a4f5d;}
.jmlc{height: 238px; }
.jmlc span{padding-top: 50px; display: block;}
.jmlc strong{color: #fff;}
.hyqj strong{font-size: 22px;}
.tt1{width: 100%; height: 151px; overflow: hidden;}

.tt1 img{width: 100%; height: 100%; transition: all 0.5s;transform: scale(1);}
.tt1 img:hover{transform: scale(1.1)}

.tt2{width: 100%;height: 244px; overflow: hidden;}
.tt2 img{width: 101%; height: 100%; transition: all 0.5s;transform: scale(1);}
.tt2 img:hover{transform: scale(1.1)}

.tright{ width:59%; float: right;}
.tright strong{font-size: 18px;}
.tright .trlie{width: 33%; float: left; height: 100%; margin-right: 1px;}

.jmtj{width: 100%; height: 151px;}
.jmtj strong{padding-top: 60px; display: block; color: #fff;}

.tt3{width: 100%;height: 238px; overflow: hidden;}
.tt3 img{width: 101%; height: 100%; transition: all 0.5s;transform: scale(1);}
.tt3 img:hover{transform: scale(1.1)}

.ppys{width: 100%; height: 144px; color: #333333;}
.ppys strong{padding-top:60px; display: block;}

.tt4{width: 100%;height:338px; overflow: hidden;}
.tt4 img{width: 101%; height: 100%; transition: all 0.5s;transform: scale(1);}
.tt4 img:hover{transform: scale(1.1)}
.hyys{width: 100%; height: 151px;}
.hyys strong{padding-top: 60px; display: block; color: #fff;}
.twz{
    bottom:42px;
	left: 19%;
	font-size:72px;
	width: 494px;
    opacity: 0;
	transition: all 2s;
	position: absolute;


}
 
 
/*  第五屏新闻 */
.page5 .w1200{ position:relative; height:495px; overflow:hidden;}
.page5 .title{ margin:110px auto 60px; transform-style: preserve-3d; transform:translateY(45px) translate3d(0,0,0); opacity:0;   transition: all 0.5s cubic-bezier(0.55,0.65,0.55,1) 0.2s; transform-origin: x-offset;}
.page5 .title.active{transform:translateY(0px) translate3d(0,0,0); opacity:1;} 
.page5 .left{ transform-style: preserve-3d; transform:scale(0,0) rotateY(180deg); opacity:0;  transition: all 1.1s cubic-bezier(0.55,0.65,0.55,1) 0.5s; transform-origin: x-offset}
.page5 .left.active{ transform:scale(1,1) rotateY(0); opacity:1;}
.page5 .info-img{ width:504px; height:468px; overflow:hidden;}
.page5 .info-img img{ width:504px; height:468px;}
.page5 .info-con{ width:284px; text-align:left; margin-left:40px;}
.page5 .info-con h2{ height:20px; line-height:20px; margin-top:15px;}
.page5 .info-con h2 a{ margin:0; display:block; width:284px; height:20px; font-size:20px;  overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }
.page5 .info-con li{  float:left; width:142px; height:14px; line-height:14px; text-align:left; text-indent:22px; background:url(../images/date.png) no-repeat left center; font-size:14px; display:block;}
.page5 .info-con ul{ margin:20px 0 23px;}
.page5 .info-con ul li.readnum{ background:url(../images/eye.png) no-repeat left center;}
.page5 .info-con p{ display:block; line-height:24px; font-size:14px;}
.page5 .info-con a{ display:block; font-size:16px; margin-top:28px;}
.page5 .right{ width:400px; height:495px; float:right; text-align:left; position:absolute; right:0; top:120% }
.page5 .right h2{ font-size:28px; color:#333; margin-bottom:26px;}
.page5 .right .parHd{ height:20px; line-height:20px; background:#f4f4f4;   position:relative; margin-bottom:24px;  }
.page5 .right .parHd ul{ float:left; position:absolute; height:32px;   }
.page5 .right .parHd ul li{ float:left; padding-right:30px; cursor:pointer;  }
.page5 .right .parHd ul li span:first-child{ float: left; border: 1px solid #333; color: rgba(255,255,255,0); margin: 0 6px 0 0; text-align: center; line-height: 6px; height: 18px;  width: 18px; font-size: 22px;}
.page5 .right .parHd ul li span:last-child{ float: left; font-size: 18px; line-height: 1;}
.page5 .right .parHd ul li.on span:first-child{ background-color:#861c15;}
.page5 .right .slideBox{ overflow:hidden; zoom:1; position:relative; height:388px;  }
.page5 .right .parBd ul{ overflow:hidden; zoom:1; height:388px;  }
.page5 .right .parBd ul li{ float:left; overflow:hidden; margin-bottom:14px;  }
.page5 .right .parBd ul li .pic{ text-align:center; float:left; width:125px; height:83px; overflow:hidden; }
.page5 .right .parBd ul li .pic img{ width:125px; height:83px; display:block; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.page5 .right .parBd ul li:hover .pic img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);}
.page5 .right .parBd ul li .pic a:hover img{ border-color:#999;  }
.page5 .right .parBd ul li .right-con{ float:left; margin-left:25px; width:233px;}
.page5 .right .parBd ul li .right-con h3{ line-height:24px; margin-top:8px; margin-bottom:12px; height:24px; overflow:hidden;  width:233px;  }
.page5 .right .parBd ul li .right-con p{ color:#666; position:relative; display:block; padding-left:12px;}
.page5 .right .parBd ul li .right-con p:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:7px;
	width:5px;
	height:5px;
	border-radius:3px;
	background-color:#666;
}

/*  第六屏联系我们 */		
.page6 .w1200{ position:relative; height:100%;}
.page6-l, .page6-r{ margin-top:270px; text-align:left;}
.page6-l{position:absolute; left:0; top:120%}
.page6-l .top2{ margin-top:20px; display:block;}	
.page6-l .top2 img{ display:block;}
.page6-l .line{ width:490px; height:5px; background-color:#bba08c; margin-top:40px; margin-bottom:45px;}
.page6-l p{ font-size:16px; color:#727272; line-height:28px;}
.page6-l h2{ font-size:33px; color:#393939; margin-top:30px; margin-bottom:32px;}
.page6-l h2 span{ font-weight:bold; color:#f12b3b;}
.page6-l .line2{ height:1px; background-color:#9db6cb; width:486px;}
.page6-l .page6-tel{ background:url(../images/page6-tel.png) no-repeat left center; height:59px; padding-left:68px; margin-top:26px;}
.page6-l .page6-tel h4{ font-size:24px; color:#f12b3b;}
.page6-l .page6-tel h4 p{ font-size:20px; color:#666;}
.page6-r{ width:500px; background-color:#fff; padding:28px 0 8px 66px;transform-style: preserve-3d; transform:rotateY(180deg) translate3d(500px,0,0); opacity:0;    transition: all 1s cubic-bezier(0.55,0.65,0.55,1) 0.2s;}
.page6 .page6-r.active{transform:translateY(0px) translate3d(0,0,0); opacity:1; animation:bounceIn 1s;} 
.page6-r h2{ font-weight:bold; line-height:20px; height:20px; margin-bottom:20px;}
.page6-r h2 span{ font-weight:normal; padding-left:25px; color:#333; font-size:14px;}
.page6-r li{ margin-bottom:20px;  line-height: 35px; color: #666; overflow: hidden;}
.message li label{ display: inline-block; color: #666; vertical-align: top; text-align: right;  height: 33px; line-height: 33px; overflow: hidden;}
.message li .inp{ width: 66%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px;line-height: 32px;color: #666; box-sizing: border-box;/* float: left; */}
.message li .name-inp{ width:250px;}
.message li textarea { width:52%; height: 118px; line-height: 24px; border: 1px solid #eee; font-family:"microsoft yahei"; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box;}
.message li .code_gg{ width: 80px; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666;}
.code_gg_li img { vertical-align: middle; width: 100px;  height: 32px;}
.last-li .inp-b{ width:178px; height: 38px; border: 0; text-align: center; color: #fff;  cursor: pointer; background-color:#861c15;}


/*  页脚信息 */
.ftMain{ position:absolute; bottom:-329px; left:0; width:100%; height:329px;}
.ftMain .ftbot{ position:absolute; width:69px; height:30px;  left:50%; top:-30px; margin-left:-35px; cursor:pointer;}
.ftbot2{ background:url(../images/fbot01.png) no-repeat center;}
.ftbot1{ background:url(../images/fbot02.png) no-repeat center;}
.footer{ width:100%; background:#fff;}
.footer .ft-con{ padding-top: 46px;padding-bottom:35px;}
.footer .ftnav{ float:left;}
.footer .ftnav>li{ float:left; margin-left:30px; margin-right:80px;}
.footer .ftnav>li h5{ font-weight:normal; font-size:20px; color:#4c4c4c;}
.footer .ftnav>li ul{ margin-top:20px;}
.footer .ftnav>li ul li{  height:35px; line-height:35px; text-align:left;}
.footer .ftnav>li ul li a{ font-size:13px; color:#7d7d7d;}
.footer .ftnav>li ul li a:hover{ color:#861c15;}
.footer .fdress{ float:right; text-align:right; margin-right:30px;}
.footer .fdress p{ font-size:20px; color:#4c4c4c;}
.footer .fdress ul{ margin:15px 0;}
.footer .fdress li{ font-size:13px; color:#7d7d7d; height:30px; line-height:30px; padding-right:32px;}
.footer .fdress li.dr1{ background:url(../images/drImg1.png) no-repeat right center;}
.footer .fdress li.dr2{ background:url(../images/drImg2.png) no-repeat right center;}
.footer .fdress li.dr3{ background:url(../images/drImg3.png) no-repeat right center;}
.footer .copyright{ height:55px; line-height:55px; background:#858585;}
.footer .copyright span{ font-size:14px; color:#e0e0e0;}
.footer .copyright span a{color:#e0e0e0;}
.kehu{ display:block; position:absolute; width:50px; height:30px; left:50%; margin-left:-25px; top:2px;}
.fp-section{position: relative;}


/* 视频窗口 */
#scene{
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 120vh;
    top: -9%;
    left: 5%;
    z-index:100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
#videoBox.out {
    position: fixed;
    bottom: 10px;
    right:10px;
    z-index: 99999;
	overflow:hidden;
	height:98px;
	width:183px;
	cursor:pointer;
	overflow:hidden;
}
#videoBox img{ width:183px; height:98px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
#videoBox:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}