/* 
    author:PengJin;
    date:2019-3-7;
*/

/*-- banner --*/
.banner{height:570px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
/*-- end banner --*/

/*-- bad --*/
.bad{padding:50px 0;overflow:hidden;background:#f2f2f2;}
.bad .tit{position:relative;z-index:2;text-align:center;font-size:30px;line-height:35px;animation:bounceinT 1s ease-out backwards;}
.bad .tit .p1{color:#333;text-indent:-130px;}
.bad .tit .p2{color:#5d7d6d;font-weight:bold;text-indent:130px;}
.bad .tit .p2 span{font-size:50px;}
.bad-list{position:relative;z-index:1;width:1200px;height:400px;overflow:hidden;background:url(../images/Inpage/bad_bg.jpg) no-repeat center;}
.bad-list .item{position:absolute;width:182px;overflow:hidden;}
.bad-list .item strong{display:block;height:30px;line-height:30px;font-size:18px;color:#5d7d6d;overflow:hidden;}
.bad-list .item p{height:44px;line-height:22px;font-size:14px;color:#333;overflow:hidden;}
.bad-list .item01{left:15px;top:36px;text-align:right;animation:fadeinL 0.5s ease-out backwards;}
.bad-list .item02{left:12px;top:158px;text-align:right;animation:fadeinL 0.75s ease-out backwards;}
.bad-list .item03{left:45px;top:286px;text-align:right;animation:fadeinL 1s ease-out backwards;}
.bad-list .item04{right:104px;top:10px;animation:fadeinR 1.25s ease-out backwards;}
.bad-list .item05{right:50px;top:100px;animation:fadeinR 1.5s ease-out backwards;}
.bad-list .item06{right:20px;top:200px;animation:fadeinR 1.75s ease-out backwards;}
.bad-list .item07{right:45px;top:300px;animation:fadeinR 2s ease-out backwards;}
/* --end bad-- */

/* --video-- */
.video-wrap{position:relative;padding:70px 0;overflow:hidden;background:#fff;}
.video-player{position:relative;z-index:333;float:left;width:745px;height:470px;overflow:hidden;background:#000;}
.video-player iframe{width:745px;height:470px;}
.video-text{position:relative;z-index:333;float:right;width:428px;height:470px;overflow:hidden;}
.video-text .tit{height:120px;overflow:hidden;}
.video-text .tit img{display:block;}
.video-text .subTit{padding:21px 0;font-size:24px;color:#fff;line-height:35px;}
.video-text .summary{padding-top:20px;line-height:32px;font-size:14px;color:#666;overflow:hidden;}
.video-bg{position:absolute;z-index:1;top:70px;right:0;width:100%;height:470px;background:url(../images/Index/video_bg.png) repeat-x;-webkit-animation:myfirst 2.5s;animation:myfirst 2.5s;}
.video-line{position:absolute;z-index:1;bottom:120px;right:0;width:50%;height:1px;background:#e6e6e6;}
@keyframes myfirst
{
    from {width:0;}
    to {width:100%;}
}
/* --end video-- */

/*-- intro --*/
.intro{padding:70px 0;overflow:hidden;background:#f2f2f2;}
.intro .tit{text-align:center;font-size:30px;line-height:40px;color:#333;animation:bounceinT 1s ease-out backwards;}
.intro .tit .p2{font-weight:bold;}
.intro-list{margin-top:35px;width:1208px;overflow:hidden;}
.intro-list .item{position:relative;float:left;margin-right:8px;width:294px;height:183px;overflow:hidden;}
.intro-list .pic{width:294px;height:183px;overflow:hidden;}
.intro-list .pic img{display:block;width:294px;height:183px;transition: all 1s;}
.intro-list .text{position:absolute;top:0;left:0;width:100%;height:100%;line-height:183px;text-align:center;font-size:18px;font-weight:bold;color:#fff;background:rgba(0,0,0,0.5);}
.intro-list .item:hover .pic img{transform:scale(1.2);}
.intro-list .item:nth-child(1){animation:fadeinB 0.5s ease-out backwards;}
.intro-list .item:nth-child(2){animation:fadeinB 1s ease-out backwards;}
.intro-list .item:nth-child(3){animation:fadeinB 1.5s ease-out backwards;}
.intro-list .item:nth-child(4){animation:fadeinB 2s ease-out backwards;}
/*-- end intro --*/

/*-- design --*/
.design{padding:60px 0;overflow:hidden;background:#fbfbfb;}
.design .tit{position:relative;z-index:2;text-align:center;font-size:30px;line-height:35px;animation:bounceinT 1s ease-out backwards;}
.design .tit .p1{color:#333;text-indent:-100px;}
.design .tit .p2{color:#5d7d6d;font-weight:bold;text-indent:100px;}
.design .tit .p2 span{font-size:50px;}
.design-list{position:relative;z-index:1;margin-top:30px;width:1200px;height:260px;overflow:hidden;background:url(../images/Inpage/design_bg.jpg) no-repeat center;}
.design-list .item{position:absolute;width:210px;}
.design-list .item strong{display:block;height:30px;line-height:30px;font-size:18px;color:#333;overflow:hidden;}
.design-list .item p{height:44px;line-height:22px;font-size:14px;color:#333;overflow:hidden;}
.design-list .item01{left:80px;top:15px;text-align:right;animation:fadeinL 0.5s ease-out backwards;}
.design-list .item02{left:30px;top:170px;text-align:right;animation:fadeinL 1s ease-out backwards;}
.design-list .item03{right:50px;top:112px;animation:fadeinR 1.5s ease-out backwards;}
/*-- end design --*/

/*-- ad --*/
.ad{height:482px;overflow:hidden;background:url(../images/Inpage/ad.jpg) no-repeat center;}
.ad .wrapper{position:relative;height:482px;}
.ad .text{position:absolute;left:0;top:106px;animation:fadeinR 1s ease-out backwards;}
/*-- end ad --*/

/*-- style --*/
.style{padding:60px 0 30px;overflow:hidden;background:#fff;}
.style .tit{text-align:center;animation:bounceinT 1s ease-out backwards;}
.style .tit h2{font-size:30px;color:#5d7d6d;line-height:40px;}
.style .tit h2 span{font-size:40px;vertical-align:bottom;}
.style .tit h3{font-size:30px;font-weight:normal;color:#333;line-height:40px;}
.style .tit p{padding-top:15px;font-size:18px;color:#666;}
.style-list{margin-top:30px;width:1210px;overflow:hidden;}
.style-list li{float:left;margin-right:10px;width:111px;height:167px;padding-bottom:40px;background:url(../images/Inpage/style_shadow.png) no-repeat bottom;}
.style-list li img{display:block;width:111px;height:167px;}
.style-list li:nth-child(even){animation:fadeinR 1.5s ease-out backwards;}
.style-list li:nth-child(odd){animation:fadeinL 1.5s ease-out backwards;}
/*-- end style --*/

/*-- expand --*/
.expand{padding:60px 0;background:url(../images/Inpage/expand_bg.jpg) no-repeat center 0;}
.expand .tit{text-align:center;color:#fff;}
.expand .tit h2{font-size:30px;line-height:40px;}
.expand .tit p{margin-top:10px;font-size:18px;line-height:28px;}
.expand-list{margin-top:30px;text-align:center;overflow:hidden;}
.expand-list .item{display:inline-block;margin:0 24px;}
.expand-list .item img{width:212px;height:212px;border-radius:50%;}
.expand-list .item p{padding-top:10px;line-height:30px;font-size:18px;color:#fff;}
.expand-list .item:nth-child(1){animation:fadeinL 1s ease-out backwards;}
.expand-list .item:nth-child(2){animation:rotatein 1s ease-out backwards;}
.expand-list .item:nth-child(3){animation:fadeinR 1s ease-out backwards;}
/*-- end expand --*/

/*-- ad02 --*/
.ad02{height:482px;background:url(../images/Inpage/ad02.jpg) no-repeat center;}
.ad02 .wrapper{position:relative;height:482px;}
.ad02 .text{position:absolute;right:190px;top:104px;animation:fadeinL 1s ease-out backwards;}
/*-- end ad02 --*/

/*-- new --*/
.new{padding:60px 0;overflow:hidden;background:#fff;}
.new .tit{text-align:center;}
.new .tit h2{font-size:30px;color:#333;line-height:40px;}
.new .tit h3{font-weight:normal;font-size:30px;color:#333;line-height:40px;}
.new-list{margin-top:30px;width:1215px;overflow:hidden;}
.new-list .item{float:left;margin-right:15px;margin-bottom:15px;width:590px;height:408px;overflow:hidden;border:#eee solid 1px;}
.new-list .item .pic{float:left;padding-top:13px;padding-left:20px;width:294px;height:378px;overflow:hidden;}
.new-list .item .pic img{display:block;width:294px;height:378px;}
.new-list .item .text{padding-left:16px;padding-right:20px;overflow:hidden;}
.new-list .item .text h3{margin-top:75px;height:40px;line-height:40px;font-size:30px;color:#333;overflow:hidden;}
.new-list .item .text span{display:block;height:30px;line-height:30px;font-size:18px;color:#333;overflow:hidden;}
.new-list .item .text i{display:block;margin:22px 0;width:54px;height:1px;background:#5d7d6d;}
.new-list .item .text p{margin-top:15px;height:180px;line-height:30px;font-size:16px;color:#666;overflow:hidden;}
.new-list .item:nth-child(1){animation:rotateinLT 1s ease-out backwards;}
.new-list .item:nth-child(2){animation:rotateinRT 1s ease-out backwards;}
.new-list .item:nth-child(3){animation:rotateinLB 1s ease-out backwards;}
.new-list .item:nth-child(4){animation:rotateinRB 1s ease-out backwards;}
/*-- end new --*/

/*-- install --*/
.install{background:url(../images/Inpage/install_bg.jpg) center;}
.install .wrapper{position:relative;}
.install .pic{position:absolute;z-index:333;right:-110px;top:-172px;width:300px;height:230px;animation:flipoutY 3s ease-out infinite;}
.install .pic img{display:block;width:300px;height:230px;}
.install .text{padding:40px 0;color:#fff;text-align:center;overflow:hidden;animation:fadeinB 1s ease-out backwards;}
.install .text h3{font-size:30px;line-height:1.5;}
.install .text p{margin-bottom:20px;line-height:30px;font-size:18px;overflow:hidden;}
.install .text a{display:inline-block;font-size:18px;color:#fff;border-bottom:#fff solid 4px;animation:fadein 3s ease-out infinite;}
/*-- end install --*/

/*-- product --*/
.product{padding:60px 0;overflow:hidden;background:#f2f2f2;}
.product .tit{text-align:center;}
.product .tit h2{font-size:30px;color:#333;line-height:40px;}
.product .tit h2 a{color:#fff;}
.product .tit h2 a:hover{color:#5d7d6d;}
.product-tab{margin-top:30px;}
.product-tab .tab-menu{margin-bottom:30px;text-align:center;}
.product-tab .tab-menu li{display:inline-block;margin:0 30px;font-size:16px;line-height:1.5;}
.product-tab .tab-menu li a{color:#fff;display:block;}
.product-tab .tab-menu li.cur a{color:#5d7d6d;border-bottom:#5d7d6d solid 2px;}
.product-list{width:1210px;}
.product-list li{float:left;margin-right:10px;margin-bottom:10px;width:232px;height:348px;overflow:hidden;background:#fff;transition: all 0.5s;}
.product-list li .pic{display:block;padding:0 20px;margin:42px auto 20px;width:170px;height:218px;background:url(../images/Inpage/product_shadow.png) no-repeat right bottom;}
.product-list li .pic img{display:block;width:170px;height:218px;transition: all 0.5s;}
.product-list li .tit{display:block;height:40px;line-height:40px;text-align:center;font-size:16px;color:#333;overflow:hidden;}
.product-list li:hover{box-shadow:0 0 5px #5d7d6d inset;border-radius:5px;}
.product-list li:hover img{opacity:0.8;}
.product .more{clear:both;text-align:center;}
.product .more a{display:block;margin:40px auto;width:98px;height:40px;line-height:40px;font-size:14px;color:#5d7d6d;border:#5d7d6d solid 1px;}
.product .more a:hover{color:#fff;background:#5d7d6d;}
/*-- end product --*/