.aboutbg{background:#c2c0ba url(../images/background/generic-bg.jpg) no-repeat fixed center top;}
#wrapper{
/*
overflow: hidden;*/

margin: 0px;padding:0px; }
.header{padding: 0;z-index: 100;position: relative; margin:0px;}
.header .secondarynavbg{ background:#000000; height:40px;width: 1220px;}

@media screen and (min-width: 1220px) {
.header .secondarynavbg{ background:#000000; height:40px;width: 100%;}
		}

.header .secondarynavbg .secondarynav{position: absolute;right: 0px;top: 0;}
.header .secondarynavbg .secondarynav ul{ float:left}
.header .secondarynavbg .secondarynav ul li{
			display: table-cell;
			height: 40px;
			padding-left: 40px;
			vertical-align: middle;
			white-space: nowrap;
			text-align: right;
			line-height: 35px;
		}
.header .secondarynavbg .secondarynav ul li a {color: #fff;}
.header .mainnavbg{ background:#818286; height:60px;width: 1220px;}	
@media screen and (min-width: 1220px) {
.header .mainnavbg{ background:#818286; height:60px;width: 100%;}	
		}
.header .mainnavbg .mainnav {position: absolute;z-index: 20;top: 10px;right: 0px;}
.header .mainnavbg .mainnav ul{ float:left}
.header .mainnavbg .mainnav ul li{  display: table-cell; padding-left:20px;}
.header .mainnavbg .mainnav ul li a { display:block;width: 150px;background: #FFFFFF;border-color: #FFFFFF;color: black;text-align:center; position:relative; height:40px; line-height:30px; color:#020202; font-weight:bold;border-radius: 3px;}
.header .mainnavbg .mainnav ul li a span{display:block; position:absolute; background:#9da471; height:4px;right: 6px;top: 30px; width:138px;}
.header .mainnavbg .logo {position: absolute;z-index: 30;top: -40px;left: 0px;}

.main{ margin:0px auto; padding:0px; width:1220px;}

@media screen and (min-width: 1220px) {
.main{ margin:0px auto; padding:0px; width:100%;}
		}


.main .banner{ width:100%; }
.main .banner img{vertical-align: middle; width:100%;}
.main .homeproduct{ width:100%; background:#FFFFFF}
.main .homeproduct .homeproducttitle{ height:200px; text-align:center} 
.main .homeproduct .homeproductvideo{ height:670px; text-align:center} 

.main .homecolour{ width:100%; padding:40px 0px;}
.main .homecolour ul{padding:0px; margin:0px; list-style:none;}
.main .homecolour ul:after{content: "";display: table;clear: both;}
.main .homecolour ul li{width:50%; float:left; padding:0px; margin:0px; list-style:none;}
.main .homecolour ul li .imagebox{padding:0px 0px 0px 20px;}
.main .homecolour ul li:first-child .imagebox{ padding-right:20px; padding-left:0px;}
.main .homecolour ul li .imagebox img{vertical-align: middle; width:100%;}

.main .homeaboutbg{ background:url(../images/aboutbj.jpg)  no-repeat; background-size:cover; width: 100%;}	
.main .homeaboutbg .homeabout { padding:60px 500px 60px 0px;}
.main .homeaboutbg .homeabout  .item-summary{ font-size:14px; padding-bottom:20px;}
.main .homeaboutbg .homeabout  .item-link{ font-size:14px; height:40px; width:150px; text-align:center; line-height:40px; border:solid 2px #FFFFFF;}
.main .homeaboutbg .homeabout  .item-link a{ color:#242424; font-weight:bold}



.main .sub-nav{ margin:0px; padding:110px 0px 0px 0px; width:250px; float:left}
.main .sub-nav .nav-title{ border-bottom:solid 2px #adadad; height:75px; line-height:75px; width:100%; text-align:left; font-size:36px; font-weight:bold; color:#454545 }
.main .sub-nav .sub-ul1{ padding-top:10px;}
.main .sub-nav .sub-ul1 .li1{ border-bottom:solid 1px #adadad; padding-bottom:5px;}
.main .sub-nav .sub-ul1 .li1 .lia1{ font-size:16px; color:#3d3d3d; height:35px; line-height:35px;}
.main .sub-nav .sub-ul1 .li1 .lia2{ font-size:14px; color:#3e3e3e; font-weight:bold;height:25px; line-height:25px;}
.main .sub-nav .sub-ul1 .li1 .lia3{ font-size:12px; color:#3d3d3d;height:25px; line-height:25px; font-weight:normal}
.main .sub-nav .sub-ul1 ul{display: none;}
.main .sub-nav .sub-ul1 .active1{ font-weight:bold}
.main .sub-nav .sub-ul1 .active1 .lia1{ color:#a1a779;}
.main .sub-nav .sub-ul1 .active2{ color:#9ca377; }
.main .sub-nav .sub-ul1 .active3{ color:#9ca377; font-weight:bold}
.main .sub-nav .sub-ul1 .active1 ul,.main .sub-nav .sub-ul .active2 ul,.main .sub-nav .sub-ul .active3 ul{display: block;}
.main .sub-nav .sub-ul1 .uldisplay{display: block;}

.main .sub-content{ margin:0px; padding:110px 0px 0px 0px; width:915px; float:right}
.main .sub-content .content-title{ border-bottom:solid 1px #adadad; height:75px; line-height:75px; width:100%; text-align:left; font-size:24px; font-weight:bold; color:#a1a779 }
.main .sub-content .content-details{ padding:20px 0px;}
.main .sub-content .content-details img{ max-width:100%;}
.main .sub-content .content-list{padding:20px 0px;}
.main .sub-content .content-list ul{padding:0px; margin:0px; list-style:none;}
.main .sub-content .content-list ul li{padding:0px; margin:0px; list-style:none; width:100%; text-align:left;border-bottom: dotted 1px #adadad;}
.main .sub-content .content-list ul li a{font-size:14px; color:#3d3d3d;height:25px; line-height:25px;}

.content-list-img {display: grid;grid-gap: 56px;row-gap: 35px;grid-template-columns: repeat(3, 1fr);grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];}
.content-list-img .blog-img img {width: 328px;margin-bottom: 10px;}
.content-list-img .blogpost-desc {margin-bottom: 7px;}

.main .attes-title{ margin:0px; padding:110px 0px 0px 0px; line-height:75px; width:100%; text-align:center; font-size:22px; font-weight:bold; color:#444444 }
.main .attes-content{ padding:20px 0px;}
.main .attes-content ul{padding:0px; margin:0px; list-style:none;}
.main .attes-content ul li{padding:0px; margin:0px; list-style:none; width:33%; text-align:left; float:left}
.main .attes-content ul li .attes-box{ margin:0px; padding:20px;}
.main .attes-content ul li .attes-img{ width:100%; height:250px; border:#cecece solid 1px; text-align:center;}
.main .attes-content ul li .attes-img img{ width:100%; max-height:248px;}
.main .attes-content ul li .attes-detail{ color:#474747; height:40px; line-height:40px; text-align:center}
.main .attes-content ul li .attes-detail a{ color:#474747;font-size:14px;}

.main .product-index{padding:0px; margin:0px; list-style:none;}
.main .product-index li{padding:0px; margin:0px; list-style:none; width:33%; text-align:left; float:left}
.main .product-index li .attes-box{ margin:0px; padding:20px;}
.main .product-index li .attes-img-one{ width:100%; height:495px; text-align:center;}
.main .product-index li .attes-img-one img{ width:100%}
.main .product-index li .attes-img-two{ width:100%; height:250px; text-align:center;}
.main .product-index li .attes-img-two img{ width:100%}
.main .product-index-box{padding:100px 20px 20px 20px; margin:0px; list-style:none;}
.main .product-index-box img{ width:100%}

.main .product-classlist{padding:20px 0px;}
.main .product-classlist .classlist-box{padding:0px; margin:0px;}
.main .product-classlist .classlist-box .classlist-title{color:#474747; height:40px; line-height:40px; text-align:left; position:relative }
.main .product-classlist .classlist-box .classlist-title span{ position:absolute; top:0px; right:0px;}
.main .product-classlist .classlist-box .classlist-title span a{color:#474747;}

.main .product-classlist .classlist-box .classlist-list-note{padding:20px 0px; margin:0px;}

.main .product-classlist .classlist-box .classlist-list-items{padding:0px; margin:0px;}
.main .product-classlist .classlist-box .classlist-list-items ul{padding:0px; margin:0px; list-style:none;}
.main .product-classlist .classlist-box .classlist-list-items ul li{padding:0px; margin:0px; list-style:none; width:33%; text-align:left; float:left}
.main .product-classlist .classlist-box .classlist-list-items ul li .attes-box{ margin:0px; padding:20px;}
.main .product-classlist .classlist-box .classlist-list-items ul li .attes-img{ width:100%; height:300px; border:#cecece solid 1px; text-align:center;}
.main .product-classlist .classlist-box .classlist-list-items ul li .attes-img img{ width:100%; max-height:298px;}
.main .product-classlist .classlist-box .classlist-list-items ul li .attes-detail{ color:#474747; height:40px; line-height:40px; text-align:center}
.main .product-classlist .classlist-box .classlist-list-items ul li .attes-detail a{ color:#474747;font-size:14px;}
.main .product-content-show{ padding:20px 0px;}
.main .product-content-show .product-content-img{ width:350px; height:390px; border: #acacac solid 1px; float:left}
.main .product-content-show .product-content-img img{ width:100%;}
.main .product-content-show .product-content-lie{ width:530px; height:390px; float:right}
.main .product-content-show .product-content-lie .product-title{color:#5d5d5d;width:100%; height:40px; line-height:40px; text-align:left}
.main .product-content-show .product-content-lie .product-guige{color:#a0a682;width:100%;height:40px; line-height:40px; border-bottom: #acacac solid 1px;text-align:left}
.main .product-content-show .product-content-lie .product-guige span{color:#5d5d5d;}


.main .sub-content .colour-content-details{ padding:20px 0px;}
.main .sub-content .colour-content-details h3{width:100%;text-align: center; color:#000000}
.main .sub-content .colour-content-details .paletts-block{width:100%;}
.main .sub-content .colour-content-details .paletts-block ul{padding:0px; margin:0px; list-style:none;}
.main .sub-content .colour-content-details .paletts-block ul li{padding:0px; margin: 0 0 20px 2%; list-style:none;  text-align: center; float:left}
.main .sub-content .colour-content-details .paletts-block li img {width: 80px !important;}

.main .sub-content .colour-content-details .table-block-colour{width:100%;}
.main .sub-content .colour-content-details .table-block-colour table{ width:100%; margin-bottom:20px;}
.main .sub-content .colour-content-details .table-block-colour .colors{border-collapse: separate; border-spacing: 3px;}
.main .sub-content .colour-content-details .table-block-colour .colors td{padding: 3px 6px;color: #fff;min-height: 75px;height: 125px;vertical-align: top;text-align: right;margin-right: 3px;margin-bottom: 3px;}



.footer{ background:#FFFFFF; padding-top:15px; width:1220px;}

@media screen and (min-width: 1220px) {
.footer{ background:#FFFFFF; padding-top:15px; width:100%;}
		}


.footer .foot-share{border-top: 2px solid #616161;border-bottom: solid 1px #acacac;padding: 25px 0 30px;}
.footer .foot-share .share-title{display: inline-block;color: #000;font-size: 16px;font-weight: 700;padding-right: 10px; height:50px; line-height:50px;}
.footer .foot-share ul{display: inline; }
.footer .foot-share ul li{display: inline-block; position:relative; margin-left:12px;cursor: pointer;}
.footer .foot-share ul li div{ display:none;position:absolute; bottom:70px; left:-60px; background:#FFFFFF; width:200px; z-index:999}
.footer .foot-share ul li div img{ width:100%;}
.footer .foot-sitemap{padding: 20px 0px; min-height:200px;}
.footer .foot-sitemap .navsitemap{ display:table;width:930px;}
.footer .foot-sitemap ul li{display:table-cell; padding-right: 30px;}
.footer .foot-sitemap ul li a{display: block;text-transform: uppercase;font-weight: 700;font-size: 16px;color: #000;}
.footer .foot-sitemap ul li ul{ margin:1em 0; display:block;}
.footer .foot-sitemap ul li ul li{ margin-top:10px; padding-right:0px;display: list-item;}
.footer .foot-sitemap ul li ul li a{font-size: 14px;color: #4b4b4b; font-weight:normal}

.footer .foot-sitemap .foot-logo{width: 246px;position: absolute;right: 0;top: 20px;}
.footer .foot-copyright{border-top: 1px solid #acacac;padding: 20px 0px; text-align:center}