html{font:16px/30px "Microsoft YaHei";color:#333;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,button,footer,header,menu,nav{margin:0;padding:0;}
ol,ul,li{list-style:none;}img{border:none;}i,em{font-style:normal;}a{text-decoration:none;}body{position:relative;text-align: center;}
p{color: #333;}
.fl{float:left;}.fr{float:right;}
.cl:after,.cl:before{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}
.cl{*zoom:1;}
.pr{position:relative;}

.g-fl,.g-fr {display:inline;}
.g-fl{float:left;}
.g-fr {float:right;}
.g-cl { *zoom:1;clear:both;}
.g-cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.wrap{width:1200px;margin:0 auto;position: relative;}


.banner{background: url(img/banner.jpg) center center no-repeat;width: 100%;height: 660px;}
.banner-img{float: left;}
.banner .banner-logo{display: inline-block; background: url(img/banner-logo.jpg) center center no-repeat;width: 600px;height: 660px;}
.banner-logo p{display: inline-block;width: 550px;height: 38px;border: 1px solid white ;border-radius: 15px;padding-top: 12px;margin: 525px 0px 0px 25px;font-size:20px;line-height: 20px;text-align: center;text-indent: 1em;letter-spacing:18px;color:white;}

/*p2 前言*/
.p2{width:100%;height: 416px ;background-color: #fff;}
.p2 .wrap{background: url(img/p2-perface.jpg) center center no-repeat;height:416px ;overflow: hidden;}
.p2 .wrap .p2-txt {width: 750px;height: 87px;margin: 187px 0 0 380px;}
.p2 .p2-txt p{color: #222;font-size: 16px;line-height: 28px;}

/*p3产品概述 居中图*/
.p3{background:url(img/p3_02.jpg) center bottom no-repeat;width:100%;height: 920px ;text-align: center;}
.p3 .tit{margin-bottom: 80px;}
 .p3 .p3-r{float: right;width: 904px;height: 660px;overflow: hidden}
 .p3 .p3-r ul{width: 425px;margin:95px 0px 0px 405px; }
 .p3 .p3-r ul li{border-left: 2px solid #f5414c;font-size: 22px;text-align: left;margin-top: 26px;padding-left: 13px;letter-spacing: 2px;}

/*p4 视频内容1920*959*/
.p4{width: 100%;height: 851px;background-color: #fff;text-align: center;}
.p4 .wrap .tit{margin-top: 44px;}
.p4 .wrap .p4-l{background: url(img/p4-l.png) center center no-repeat;width: 260px;height: 334px;color: #fff;line-height: 15px;text-align:left;padding:252px 0px 87px 33px; z-index: 2;float: left;}
.p4 .wrap .p4-l h3{font-weight: 700;font-size: 24px;margin:10px auto 15px;}
.p4 .wrap .p4-l  p{font-size:20px;color: #fff;line-height: 25px; }
.p4 .wrap .p4-r{width:883px;height: 451px; z-index: 1;float: left;margin:130px 0px 0px -20px; }

/*p5 两点归纳*/
.p5{width: 100%;height: 915px;background: url(img/p5-bg.jpg) center bottom repeat-x;text-align: center;overflow: hidden;}

.p5-min {margin:96px 0px 0px 10px; width: 1134px;height: 545px;position: relative;}
.p5-min dl{overflow: hidden;width: 1186px;}
.p5-min dt{width: 504px;height: 337px;background: url(img/p5dt-bg.jpg) no-repeat;float: left;text-align: left; font-size: 16px;padding: 208px 0px 0 49px;color: #333333}
.p5-min dt h3{font-size: 34px;font-weight: 700;line-height: 120px;}
.p5-min dt p{display: block;width: 470px;}
.p5-min dd{width: 630px;height: 545px;float: left;position:relative;}
.p5-min dd p{display: block;position: absolute;top: 93px;left: -146px;font-size: 135px;color: #eaeaea;font-family:Impact;}
.p5-min .prev ,.p5-min .next{width: 40px;height: 40px;background: url(img/prev-on.png) center center;position: absolute;top:85%;left: 30%;}
.p5-min .next{background:url(img/right.png) center center; left: 35%;}

.p5-min .prev:hover{background:url(img/left.png) center center;}
.p5-min .next:hover{background: url(img/next-on.png) center center;}

/*p6 产品细节*/
.p6{width: 100%;height: 1060px;overflow: hidden;position: relative;}
.p6 .bg{width: 391px;height: 517px;background: url(img/p6bgmin.jpg) center center no-repeat;position: absolute;right: 23px;bottom: -41px;}
.p6 .p6-min .hd{width: 990px;height: 153px;margin: 67px 0px 115px 112px;}
.p6 .p6-min .hd li{width: 110px;height: 90px;float: left;background: #fafafa;margin-left:13px;padding-top: 60px; font-size:18px; overflow: hidden;position: relative;}
/*.p6 .p6-min .hd li img{position: absolute; bottom: -5px;right: 0px;}
.on img{opacity: 0.8;}*/
.p6 .p6-min .hd li p{display: block;font-size: 50px;font-color: #eaeaea;opacity: 0.1;position: absolute;bottom: -2px;right: 5px;font-family: Impact;}

.p6 .p6-min .hd li.on{font-weight: 700;color: white;background: #ff4c56 ;}
.p6 .p6-min .hd li p.on{opacity: 0.05;}


.p6-min .bd{width: 1170px;height: 430px;margin-left: 20px;}
.p6-min dt{float: left;width: 828px;height: 430px;position: relative;
}
.p6-min dt .middle{width: 410px;height: 430px;background: #e6e6e6;float: left;padding-top: 102px;margin-left: 4px;}
.p6-min dt .middle2{margin-right: 3px;float: left;}
.p6-min dt .liner{width: 106px;height: 2px;background-color: #f64d56;position: absolute;top:87.7% ;right: -48px;}
.p6-min dd{width: 317px;height: 430px;float: right;font-size: 16px;text-align: left;padding-left:25px }
.p6-min dd h3{font-size: 50px;line-height: 185px;font-weight: 400;color: #333;}

/*p7产品鉴赏，6张图*/
.p7{width: 100% ;height: 826px;text-align: center;overflow: hidden;position: relative;}
.p7 .p7-min{margin-top: 80px;}
.p7 .p7-min .tempWrap{overflow: unset !important;}
.p7 .wrap{width: 900px;}
.p7-min .prev ,.p7-min .next{width: 40px;height: 120px;background: url(img/p7-left.png) center center;position: absolute;top:55%;left: -10%;z-index: 22;}
.p7-min .next{background:url(img/p7-right-on.png) center center; left: 106%;}
.p7-min .prev:hover{background: url(img/p7-left-on.png) center center;}
.p7-min .next:hover{background: url(img/p7-right.png);}

.shade-l,.shade-r{width: 510px;height: 500px;position: absolute;left: 100%;top: 29.6%;background: #1a1a1a ;opacity: 0.89;}
.shade-r{left: -56%;}

/*p8 后记*/
.p8{width: 100%;height: 425px;overflow: hidden; background-color: #fff }
.p8 .wrap{background:url(img/p8-bg.jpg) center center no-repeat;height: 313px;}
.p8 .p8-txt{width: 718px;height: 80px;margin: 150px 0px 0px 430px;font-size: 16px;line-height: 29px;text-align: left;}

/*品牌基因*/
.p9{width: 100%;height: 936px;background-color: #fff;}.p9 .wrap ul{padding: 0 32px;}
.p9 .wrap ul li{float: left;margin:73px 18px 0;}
/*p10 荣誉证书图片*/
.p10{background: url(img/p10bg.jpg) center left repeat-x;height: 859px;}

.poster-main{ position:relative;width:100%;;height:420px;}

.p10 .wrap .poster-main .poster-list{width:748;height:520px;}
.p10 .wrap .poster-main .poster-list .poster-item{ position:absolute;left:0;top:-20px;}
.p10 .wrap .poster-main .poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.p10 .wrap .poster-main .poster-prev-btn{left:0; background: url(img/btn_l.png) center left no-repeat;background-size: 74px 74px;}.p10 .wrap .poster-main .poster-prev-btn:hover{background: url(img/btn_lon.png) center left no-repeat;background-size: 74px 74px}
.p10 .wrap .poster-main .poster-next-btn{right:-320px; background: url(img/btn_r.png) center left no-repeat;background-size: 74px 74px; }.p10 .wrap .poster-main .poster-next-btn:hover{background: url(img/btn_ron.png) center left no-repeat;background-size: 74px 74px}

.poster-main  img{width:100%;}

.team{width: 100%;height: 430px;background: url(img/p10-back.jpg) center center no-repeat;text-align: center;position: relative;}
.team .wrap{text-align: left;}

.team-title h2{font-weight:normal;padding-top: 76px;}
.team-title span{font-size:24px;color:#333;padding-right:10px;letter-spacing:8px;}
.team-title strong{font-size:16px;font-weight:normal;color:#ccc;letter-spacing:8px;}
.team-text p{font-size:16px;color:#333;padding-top:15px;text-indent: 0em;}
.team-text p span{padding-right:30px}
.awm{margin-right:49px;margin-top: 76px;}
.gz{text-align:center;margin:80px 45px 0 0;}
.gz_nav{padding-top:10px;}
.mz{padding:22px 0 0 110px;}
.mz-text{font-size:14px;line-height:30px;color:#333;padding-left:15px}
.slidline{position: absolute;left:770px;margin-top: 40px;}

/*.nav_r{width:140px;height:140px;position:fixed;right:15px;top:100px;background:url(img/gzs.png) no-repeat;cursor:pointer;}
.nav_r .focus{text-align:center;margin-top:70px;}.nav_r .focus b{font-size:20px;color:#ffe53a;font-weight:normal;}*/

/*nav_r固定位置的圈圈*/
.navr{width:148px;height:242px;position:fixed;right:15px;top:250px;/*padding-top: 142px*/;cursor:pointer;}
.navr strong{font-size: 17px; font-weight: 700;line-height: 10px;}
.navr span{font-size: 24px;color: #f64d57;position: absolute;bottom: 5px;right: 42px;}
.navr a img{margin-left: 5px;}
.navr a{display: block;margin-top: 30px;}
.navr .gwlj{width: 148px;height: 150px;}

/*旋转木马必要样式*/
    /* .poster-main{ position:relative;width:800px;height:270px;}
    .poster-main a,.poster-main img{display:block;}
    .poster-main .poster-list{width:800px;height:270px;}
    .poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
    .poster-main .poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
    .poster-main .poster-prev-btn{left:0; background: url(btn_l.png) no-repeat center center;}
    .poster-main .poster-next-btn{right:0; background: url(btn_r.png) no-repeat center center;}
    .poster-main img{width:100%;} */