@charset "utf-8";
.g-index .aboutus{width:100%;background:#fff;padding:27px 0 0 0}
.g-index .aboutus .container{margin:0 auto;padding:76px 0 0 0;*zoom:1}
.g-index .aboutus .container:after,.g-index .aboutus .container:before{content:"";display:table}
.g-index .aboutus .container:after{clear:both}
.g-index .aboutus .container .about-silder{width:280px;margin:30px auto 0;color:silver;text-align:right}
.g-index .aboutus .container .about-silder h3,.g-index .aboutus .container .about-silder .h3{position:relative;font-size:20px;font-weight:400;color:#43443e;line-height:24px}
.g-index .aboutus .container .about-silder h3:after,.g-index .aboutus .container .about-silder .h3:after{content:"";background-color:#83bb40;width:30px;display:inline-block;position:absolute;height:2px;right:0;bottom:-3px;margin-left:-15px}
.g-index .aboutus .container .about-silder p{font-size:14px;line-height:20px;padding:18px 0 0 0}
.g-index .aboutus .container .about-top{position:relative;width:253px;height:315px;margin:0 auto}
.g-index .aboutus .container .about-top img{display:block}
.g-index .aboutus .container .about-top .about-lower{display:none;position:absolute;right:-170px;top:95px;width:44px;overflow:hidden;height:44px;border:2px solid #50504e}
.g-index .aboutus .container .about-top .about-lower:before{content:'';height:12px;width:12px;display:block;border:2px solid #50504e;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:50%;left:50%;margin:-9px 0 0 -6px}
.g-index .aboutus .about-lists .container-col{margin:0 auto;min-width:300px}
.g-index .aboutus .about-lists .container-col ul{padding:60px 0;*zoom:1}
.g-index .aboutus .about-lists .container-col ul:after,.g-index .aboutus .about-lists .container-col ul:before{content:"";display:table}
.g-index .aboutus .about-lists .container-col ul:after{clear:both}
.g-index .aboutus .about-lists .container-col ul .list-box{float:left;position:relative;width:300px}
.g-index .aboutus .about-lists .container-col ul .list-box .img-box{position:relative;display:block;left:0;background:#83bb40}
.g-index .aboutus .about-lists .container-col ul .list-box .img-box img{display:block}
.g-index .aboutus .about-lists .container-col ul .list-box .img-crumb{position:absolute;bottom:37px;background:rgba(47,44,39,.6);padding:68px;width:auto}
.g-index .aboutus .about-lists .container-col ul .list-box .img-crumb p{padding-bottom:20px;line-height:18px;font-size:12px;color:#cdcccb}
.g-index .aboutus .about-lists .container-col ul .list-box .img-crumb:after{content:"+";width:43px;display:inline-block;height:43px;border:2px solid #fff;text-align:center;line-height:43px;font-size:20px}
.g-index .aboutus .about-lists .container-col ul .list-box .title-box{position:absolute}
.g-index .aboutus .about-lists .container-col ul .list-box .title-box h4,.g-index .aboutus .about-lists .container-col ul .list-box .title-box .h4,.g-index .aboutus .about-lists .container-col ul .list-box .title-box p{font-size:28px}
.g-index .aboutus .about-lists .container-col ul .list-box .title-box:after{content:"";background-color:#fff;width:46px;display:inline-block;position:absolute;height:2px;left:75px;bottom:-15px;margin-left:-15px}
.g-index .aboutus .about-lists .container-col ul .list-box .list-crumb{position:absolute;width:100%;background:#83bb40;z-index:99;padding-top:30px}
.g-index .aboutus .about-lists .container-col ul .list-box1 .img-box{margin-top:99px;padding-bottom:200px}
.g-index .aboutus .about-lists .container-col ul .list-box2 .img-box,.g-index .aboutus .about-lists .container-col ul .list-box3 .img-box,.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box2 .img-box{color:#fff}
.g-index .aboutus .about-lists .container-col ul .list-box2 .title-box{bottom:70px;padding-left:60px}
.g-index .aboutus .about-lists .container-col ul .list-box3 .img-box{color:#fff}
.g-index .aboutus .about-lists .container-col ul .list-box3 .title-box{top:50px;padding-left:60px}
.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{margin-top:200px}
.g-index .aboutus .about-lists .container-col ul .list-box5 .title-box{top:0;padding-left:60px}
.g-index .aboutus .about-lists .container-col ul .list-box5 .img-crumb,.g-index .aboutus .about-lists .container-col ul .list-box5 .title-box{position:relative}
.g-index .aboutus .about-lists .container-col ul .list-box5 .title-box{color:#fff}
.g-index .aboutus .about-lists .container-col ul .list-box5 .img-crumb{color:#fff;background:0 0;padding:0;padding:60px 60px 0}
.g-index .aboutus .about-lists .container-col ul .list-box5 .img-crumb p{color:#fff}
.g-index .aboutus .about-lists .container-col ul .list-box6 .img-box{padding-top:200px;margin-top:200px}
@media (min-width:375px){
.g-index .aboutus .about-lists .container-col{max-width:300px}
.g-index .aboutus .about-lists .container-col ul .list-box1 .img-box{padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{margin-top:0}
}
@media (min-width:600px){
.g-index .aboutus .about-lists .container-col{max-width:600px}
.g-index .aboutus .about-lists .container-col ul .list-box1 .img-box{margin:0;padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box2{float:right}
.g-index .aboutus .about-lists .container-col ul .list-box3 .img-box{padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box4{float:right}
.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{margin:0;padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box5{float:right}
.g-index .aboutus .about-lists .container-col ul .list-box5 .list-crumb{right:-300px;top:215px}
.g-index .aboutus .about-lists .container-col ul .list-box6{float:left}
.g-index .aboutus .about-lists .container-col ul .list-box6 .img-box{margin:0;padding-bottom:37px;padding-top:0}
}
@media (min-width:900px){
.g-index .aboutus .container .about-top{float:right;margin:0 100px 0 0}
.g-index .aboutus .container .about-top .about-lower{display:block;right:-100px}
.g-index .aboutus .container .about-silder{float:left;margin:0 0 0 100px}
.g-index .aboutus .about-lists .container-col{max-width:900px}
.g-index .aboutus .about-lists .container-col ul .list-box1,.g-index .aboutus .about-lists .container-col ul .list-box2,.g-index .aboutus .about-lists .container-col ul .list-box3,.g-index .aboutus .about-lists .container-col ul .list-box4,.g-index .aboutus .about-lists .container-col ul .list-box5,.g-index .aboutus .about-lists .container-col ul .list-box6{float:left}
.g-index .aboutus .about-lists .container-col ul .list-box3 .img-box{margin-top:99px}
.g-index .aboutus .about-lists .container-col{max-width:900px}
.g-index .aboutus .about-lists .container-col ul .list-box6 .img-box{margin-top:0;padding:0 0 200px 0}
.g-index .aboutus .about-lists .container-col ul .list-box1 .img-box{margin-top:200px;padding-bottom:37px;padding-top:200px}
.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{margin-top:0;padding:0}
.g-index .aboutus .about-lists .container-col ul .list-box5{float:right}
.g-index .aboutus .about-lists .container-col ul .list-crumb{top:200px;left:-300px}
}
@media (min-width:1200px){
.g-index .aboutus .container{max-width:1200px}
.g-index .aboutus .container .about-top{margin:0 467px 0 0}
.g-index .aboutus .about-lists .container-col{max-width:1200px}
.g-index .aboutus .about-lists .container-col ul{padding:0}
.g-index .aboutus .about-lists .container-col ul .list-box1,.g-index .aboutus .about-lists .container-col ul .list-box6{display:none}
.g-index .aboutus .about-lists .container-col ul .list-box4 .img-box{margin-top:200px;padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box5{float:left}
.g-index .aboutus .about-lists .container-col ul .list-box5 .img-box{margin-top:100px;padding-bottom:37px}
.g-index .aboutus .about-lists .container-col ul .list-box5 .img-box .list-crumb{top:400px}
.g-index .aboutus .about-lists .container-col ul .list-box5 .list-crumb{top:490px;left:0}
}
@media (min-width:1900px){
.g-index .aboutus .about-lists .container-col{max-width:1800px;overflow:inherit}
.g-index .aboutus .about-lists .container-col ul .list-box1,.g-index .aboutus .about-lists .container-col ul .list-box6{display:block}
.g-index .aboutus .about-lists .container-col ul .list-box1 .img-box{margin-top:100px;padding-bottom:200px;padding-top:0}
.g-index .aboutus .about-lists .container-col ul .list-box6 .img-box{margin-top:200px}
}
.g-index .product{position:relative}
.g-index .product .main-product{width:100%;background:#676568}
.g-index .product .main-product .container{max-width:1200px;margin:0 auto;position:relative;z-index:25;padding-top:120px;padding-bottom:120px}
.g-index .product .main-product .container .pro{width:100%;position:relative;height:374px}
.g-index .product .main-product .container .pro .pro-pic{width:49.83%;position:absolute;left:25.5%;top:47px}
.g-index .product .main-product .container .pro .pro-pic img{max-width:100%;max-height:100%}
.g-index .product .main-product .container .pro .change .pro-des{width:25%;position:absolute;top:47px;left:.6%}
.g-index .product .main-product .container .pro .change .pro-des .title{margin-top:14.21%}
.g-index .product .main-product .container .pro .change .pro-des .title h3,.g-index .product .main-product .container .pro .change .pro-des .title .h3{font-size:38px;line-height:46px;color:#fff}
.g-index .product .main-product .container .pro .change .pro-des .title p{font-size:38px;line-height:46px;color:#fff}
.g-index .product .main-product .container .pro .change .pro-des .info{margin-top:9.8%}
.g-index .product .main-product .container .pro .change .pro-des .info p{font-size:14px;margin-top:4px;color:#fff;table-layout:fixed;overflow:hidden;line-height:20px}
.g-index .product .main-product .container .pro .change .pro-des .msg{width:130px;margin-top:15.84%;font-size:14px;color:#000;display:block}
.g-index .product .main-product .container .pro .change .pro-des .line{width:130px;border-bottom:1px solid #000;margin-top:8px}
.g-index .product .main-product .container .pro .change .pro-tag{width:17.5%;position:absolute;top:5.9%;left:79.66%}
.g-index .product .main-product .container .pro .change .pro-tag h3,.g-index .product .main-product .container .pro .change .pro-tag .h3{font-size:30px;color:#fff;margin-top:39.47%}
.g-index .product .main-product .container .pro .change .pro-tag .taglist{margin-top:30px}
.g-index .product .main-product .container .pro .change .pro-tag .taglist a{display:inline-block;padding:3px 8px;margin:0 3px 3px 0;border:1px solid #444;color:#868686}
.g-index .product .main-product .container .pro .change .pro-tag .taglist a:hover{border-color:#83bb40;color:#83bb40}
.g-index .product .main-product .container .pro .change .pro-tag .more{width:95.23%;height:47px;font-size:18px;line-height:47px;text-align:center;display:block;color:#fff;margin-top:43px}
.g-index .product .main-product .container .pro .change .pro-tag .mmv{background-color:#83bb40;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:before{background-color:#192634;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:hover{color:#fff;text-decoration:underline}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:focus{color:#fff}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:active{color:#fff}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-index .product .main-product .container .pro .change .pro-tag .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
@media screen and (max-width:1200px) and (min-width:885px){
.g-index .product .main-product .container .pro .change .pro-des{width:23%}
.g-index .product .main-product .container .pro .change .pro-des .title h3,.g-index .product .main-product .container .pro .change .pro-des .title .h3{font-size:30px;line-height:30px}
.g-index .product .main-product .container .pro .change .pro-des .title p{font-size:30px;line-height:34px}
.g-index .product .main-product .container .pro .change .pro-des .info{margin-top:0}
.g-index .product .main-product .container .pro .change .pro-des .msg{margin-top:7.84%}
}
@media screen and (max-width:1004px) and (min-width:885px){
.g-index .product .main-product .container .pro .change .pro-des .info p{font-size:12px;margin-top:2px}
.g-index .product .main-product .container .pro .change .pro-tag .more{margin-top:19px}
}
@media screen and (max-width:885px) and (min-width:480px){
.g-index .product .main-product .container{padding-bottom:50px}
.g-index .product .main-product .container .pro{height:741px}
.g-index .product .main-product .container .pro .pro-pic{width:75.83%;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.g-index .product .main-product .container .pro .change{width:75.83%;margin:0 auto;*zoom:1}
.g-index .product .main-product .container .pro .change:after,.g-index .product .main-product .container .pro .change:before{content:"";display:table}
.g-index .product .main-product .container .pro .change:after{clear:both}
.g-index .product .main-product .container .pro .change .pro-des{width:45%;float:left;*display:inline;position:relative;left:2.17%;top:6.35%}
.g-index .product .main-product .container .pro .change .pro-des .title{margin-top:42.21%}
.g-index .product .main-product .container .pro .change .pro-des .title h3,.g-index .product .main-product .container .pro .change .pro-des .title .h3{font-size:30px;line-height:30px}
.g-index .product .main-product .container .pro .change .pro-des .title p{font-size:30px;line-height:30px}
.g-index .product .main-product .container .pro .change .pro-tag{width:34.5%;position:relative;left:14.04%;top:6.35%;float:left;*display:inline}
.g-index .product .main-product .container .pro .change .pro-tag h3,.g-index .product .main-product .container .pro .change .pro-tag .h3{margin-top:63.47%}
.g-index .product .main-product .container .pro .change .pro-tag .more{font-size:14px;height:30px;line-height:30px}
}
@media screen and (max-width:480px){
.g-index .product .main-product .container{padding-bottom:50px}
.g-index .product .main-product .container .pro{height:543px}
.g-index .product .main-product .container .pro .pro-pic{width:75.83%;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.g-index .product .main-product .container .pro .change{width:75.83%;margin:0 auto;*zoom:1}
.g-index .product .main-product .container .pro .change:after,.g-index .product .main-product .container .pro .change:before{content:"";display:table}
.g-index .product .main-product .container .pro .change:after{clear:both}
.g-index .product .main-product .container .pro .change .pro-des{width:45%;float:left;*display:inline;position:relative;left:2.17%;top:6.35%}
.g-index .product .main-product .container .pro .change .pro-des .title{margin-top:45.21%}
.g-index .product .main-product .container .pro .change .pro-des .title h3,.g-index .product .main-product .container .pro .change .pro-des .title .h3{font-size:20px;line-height:30px}
.g-index .product .main-product .container .pro .change .pro-des .title p{font-size:20px;line-height:30px}
.g-index .product .main-product .container .pro .change .pro-des .info p{font-size:12px}
.g-index .product .main-product .container .pro .change .pro-tag{width:34.5%;position:relative;left:14.04%;top:6.35%;float:left;*display:inline}
.g-index .product .main-product .container .pro .change .pro-tag h3,.g-index .product .main-product .container .pro .change .pro-tag .h3{font-size:20px;margin-top:82.47%}
.g-index .product .main-product .container .pro .change .pro-tag .more{font-size:12px;height:30px;line-height:30px}
}
.g-index .product .mark{width:50%;height:1255px;background:#83bb40;position:absolute;top:120px;left:0;z-index:20}
@media screen and (max-width:885px) and (min-width:480px){
.g-index .product .mark{height:2280px}
}
@media screen and (max-width:480px){
.g-index .product .mark{height:1690px}
}
.g-index .hot-product{background-color:#fff;overflow:hidden;padding-bottom:120px}
.g-index .hot-product .container{max-width:1200px;margin:0 auto;padding-top:120px;position:relative}
.g-index .hot-product .container .product-title{position:relative}
.g-index .hot-product .container .product-title img{margin-left:26px}
.g-index .hot-product .container .product-title .border{display:block;width:108px;height:218px;border:3px solid #000;margin:20px 0 0 89px;background-color:#fff}
.g-index .hot-product .container .product-title div{color:#43443e;font-family:Arial;font-size:100px;line-height:100px;text-transform:uppercase;letter-spacing:25px;position:absolute;left:10px;top:30px}
.g-index .hot-product .container .product-title .tags-top{display:block;color:#43443e;font-size:40px;line-height:40px;text-transform:uppercase;position:absolute;left:254px;top:81px}
.g-index .hot-product .container .product-title .tags-down{display:block;color:#83bb40;font-size:44px;line-height:44px;text-transform:uppercase;position:absolute;left:205px;top:128px}
.g-index .hot-product .container .product-title .square{display:block;width:45px;height:45px;background-color:#83bb40;position:absolute;left:122px;top:198px}
.g-index .hot-product .container .product-title .square:before{content:"";border:16px solid #fff;border-bottom:none;border-right-color:transparent;border-left-color:transparent;position:absolute;top:16px;left:6px;border-radius:2px}
.g-index .hot-product .container .product-title .square:after{content:"";border:12px solid #83bb40;border-bottom:none;border-right-color:transparent;border-left-color:transparent;position:absolute;top:15px;left:10px}
.g-index .hot-product .container .right-seascape{width:50%;height:297px;position:absolute;right:0;top:120px}
.g-index .hot-product .container .product-list{margin-top:53px;position:relative;height:640px}
.g-index .hot-product .container .product-list .bg1{background-color:#83bb40;width:1198px;height:206px;margin-top:28px;position:absolute;left:0;top:0}
.g-index .hot-product .container .product-list .bg{background-color:#83bb40;width:746px;height:125px;position:absolute;right:-25px;top:0}
.g-index .hot-product .container .product-list .bg2{background-color:#83bb40;width:746px;height:125px;position:absolute;left:-36px;top:144px}
.g-index .hot-product .container .product-list .product-detailed{max-width:1200px;overflow:hidden;height:auto;background-color:transparent;position:absolute;left:0;top:28px}
.g-index .hot-product .container .product-list .product-detailed ul{width:1210px;*zoom:1}
.g-index .hot-product .container .product-list .product-detailed ul:after,.g-index .hot-product .container .product-list .product-detailed ul:before{content:"";display:table}
.g-index .hot-product .container .product-list .product-detailed ul:after{clear:both}
.g-index .hot-product .container .product-list .product-detailed ul li{width:292px;float:left;*display:inline;text-align:center;margin-right:10px}
.g-index .hot-product .container .product-list .product-detailed ul li a{display:block;width:100%}
.g-index .hot-product .container .product-list .product-detailed ul li img{max-width:100%;max-height:215px;margin-bottom:37px}
.g-index .hot-product .container .product-list .product-detailed ul li h3,.g-index .hot-product .container .product-list .product-detailed ul li .h3{width:100%;height:114px;color:#333;font-size:16px;line-height:20px;text-align:left;display:table-cell;vertical-align:middle}
.g-index .hot-product .container .product-list .product-detailed ul li h3 span{display:inline-block}
.g-index .hot-product .container .product-list .product-detailed ul li p{overflow:hidden;width:100%;font-size:12px;line-height:22px;height:110px;padding-bottom:22px;text-align:left;border-bottom:4px solid #83bb40;color:#43443e;margin-bottom:35px}
.g-index .hot-product .container .product-list .product-detailed ul li:hover p{border-bottom:4px solid #0a0905}
.g-index .hot-product .container .product-list .product-detailed ul .email-info{display:block;padding-left:29px;height:15px;font-size:15px;line-height:15px;text-align:left;color:#b1b1b1;background:url(../qy-email.png) no-repeat 0 0;margin-bottom:60px}
@media screen and (max-width:1200px) and (min-width:1000px){
.g-index .hot-product .container .product-list .product-detailed ul{width:100%}
.g-index .hot-product .container .product-list .product-detailed ul li{width:25%;margin:0}
.g-index .hot-product .container .product-list .product-detailed ul li img,.g-index .hot-product .container .product-list .product-detailed ul li p{max-width:95%;margin:0 2.5%}
.g-index .hot-product .container .product-list .product-detailed ul li h3,.g-index .hot-product .container .product-list .product-detailed ul li .h3{width:95%;padding:0 2.5%}
.g-index .hot-product .container .product-list .product-detailed ul li .email-info{margin:35px 2.5% 60px 2.5%}
}
@media screen and (max-width:999px){
.g-index .hot-product .container .product-list .product-detailed ul{width:100%}
.g-index .hot-product .container .product-list .product-detailed ul li{width:50%;margin:0}
.g-index .hot-product .container .product-list .product-detailed ul li img,.g-index .hot-product .container .product-list .product-detailed ul li p{max-width:80%;margin:0 10%}
.g-index .hot-product .container .product-list .product-detailed ul li h3,.g-index .hot-product .container .product-list .product-detailed ul li .h3{width:80%;padding:0 10%}
.g-index .hot-product .container .product-list .product-detailed ul li .email-info{margin:35px 10% 60px 10%}
}
@media screen and (max-width:999px){
.g-index .hot-product .container .product-list{height:1314px}
}
@media screen and (max-width:800px){
.g-index .hot-product .container .product-list{height:1154px}
}
@media screen and (max-width:900px){
.g-index .hot-product .container .product-title{margin-bottom:50px}
.g-index .hot-product .container .right-seascape{position:static;width:600px;margin:0 auto}
.g-index .hot-product .container .product-list{margin:0}
}
@media screen and (max-width:600px){
.g-index .hot-product .container .right-seascape{display:none}
.g-index .hot-product .container .product-title .tags-top{font-size:26px;left:211px;top:136px}
.g-index .hot-product .container .product-title .tags-down{display:none}
.g-index .hot-product .container .product-list{height:990px}
.g-index .hot-product .container .bg,.g-index .hot-product .container .bg1,.g-index .hot-product .container .bg2{display:none}
}
.g-index .hot-product .container button{display:block;border:0;padding:0 44px;height:46px;line-height:46px;margin:0 auto;font-size:16px;text-transform:uppercase;color:#fff;background-color:#83bb40}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 h2{padding-bottom:10px}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0}
.rollPro1 li:nth-of-type(6){margin-right:0}
.rollPro1 li:nth-of-type(9){margin-right:0}
.rollPro1 li:nth-of-type(12){margin-right:0}
.rollPro1 li .pbox{border:1px solid #eee;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}