.canvasContent{z-index:20;position:relative;margin:0px auto;width:100%;overflow:visible}
.Content06Banners{z-index:10;height:100%;position:relative;}
.Content06Banners .bd{height:auto;width:100%}
.Content06Banners .bd li img{width:100%;height:auto;}
.Content06Banners .tool{width:100%;height:45px;position:absolute;left:0;top:50%;margin-top:-22.5px}
.Content06Banners .prev,.Content06Banners .next{width:39px;height:45px;display:block;position:absolute;top:0;border-radius:3px;opacity:0;}
.Content06Banners .prev{left:2.29%}
.Content06Banners .next{right:2.29%}
.Content06Banners .hd{width:66px;position:absolute;bottom:10%;right:0}
.Content06Banners .hd li{width:66px;height:30px;position:relative;}
.Content06Banners .hd li a{display:block;width:10px;height:10px;text-align:center;background:url(../images/ico04.png) repeat;border-radius:50%;position:absolute;top:50%;margin-top:-5px;left:0;}
.Content06Banners .hd li i{width:18px;height:1px;background:url(../images/ico04.png) repeat-x;position:absolute;top:50%;left:21px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}
.Content06Banners .hd li.on a{background:#fff;}
.Content06Banners .hd li.on i{width:45px;background:fff;}


.Main01{max-width:1400px;width:100%;margin:0 auto;padding-top:44px;}
.ContentLeft{width:50%;float:left;position:relative;overflow:hidden;}
.Main01 img{display:block;}
.ContentLeft .Pic01{width:100%;animation:mypic 80s linear infinite alternate;-moz-animation:mypic 80s linear infinite alternate;-webkit-animation:mypic 80s linear infinite alternate;-o-animation:mypic 80s linear infinite alternate;}
@-webkit-keyframes mypic{from{transform:scale(1,1);}to{transform:scale(1.5,1.5);}}@-moz-keyframes mypic{from{transform:scale(1,1);}to{transform:scale(1.5,1.5);}}@-o-keyframes mypic{from{transform:scale(1,1);}to{transform:scale(1.5,1.5);}}@keyframes mypic{from{transform:scale(1,1);}to{transform:scale(1.5,1.5);}}

.ContentLeft a{width:100%;background:url(../images/ico05.png) repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
.ContentLeft a .Title01{width:auto;padding-top:40px;}
.ContentLeft a i{display:block;width:58px;height:28px;position:absolute;top:50%;margin-top:-14px;left:50%;overflow:hidden;margin-left:-29px;}
.ContentLeft a i img{width:58px;margin:0 auto;/*border-top:3px solid #fff;border-bottom:3px solid #fff;*/position:absolute;top:100%;transition:all .13s linear;-moz-transition:all .13s linear;-webkit-transition:all .13s linear;-o-transition:all .13s linear}
.ContentLeft:hover a i img{top:0;}
.ContentLeft:hover .Pic01{}
.ContentRight{width:50%;float:right;position:relative;overflow:hidden;}
.ContentRight a{width:100%;display:block;}
.RightPic01{position:relative;}
.RightPic01 .Pic01{width:100%;transition: all .28s linear;-moz-transition: all .28s linear;-webkit-transition: all .28s linear;-o-transition: all .28s linear;}
.RightPic01:hover .Pic01{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.RightPic01 i{position:absolute;top:0;width:100%;height:100%;background:url(../images/ico06.png) repeat;}
.RightPic01 i img{width:auto;padding-top:40px;}
.RightPic02{width:100%;position:relative;background:#f2971b;}
.RightPic02 .Pic01{width:100%;}
.RightPic02 a{display:block;width:100%;height:100%;position:absolute;top:0;}
.RightPic02 a .Title01{width:auto;position:absolute;top:76px;left:30px;}
.RightPic02 a em{display:block;width:58px;height:28px;position:absolute;top:68%;left:76px;overflow:hidden;}
.RightPic02 a em img{width:58px;margin:0 auto;/*border-top:3px solid #fff;border-bottom:3px solid #fff;*/position:absolute;top:100%;transition:all .13s linear;-moz-transition:all .13s linear;-webkit-transition:all .13s linear;-o-transition:all .13s linear}
.RightPic02:hover a em img{top:0;}
.RightPic02 a span{display:block;position:absolute;top:38%;right:5%;}
.RightPic02 a span i{display:block;width:71px;position:relative;float:left;overflow:hidden;margin-right:40px;}
.RightPic02 a span i img{width:100%;}
.RightPic02 a span i img.img01_1{position:absolute;top:0;}


.Main02{width:100%;margin-top:44px;position:relative;}
.Main02 .Main02_Bg{width:260px;height:100%;position:absolute;top:0;right:0;z-index:0;background:#ec6c00;}
.Main02_Content{max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1;}
.focusBox01{width:76.43%;height:auto;float:left;background:#dcdcdc;position:relative;overflow:hidden;}
.focusBox01 .pic li{position:relative;width:100%;height:auto;}
.focusBox01 .pic{position:relative;width:100%;height:auto;}
.focusBox01 .pic img{width:100%;height:auto;display:block;}
.focusBox02{width:23.57%;height:auto;float:right;background:#dcdcdc;position:relative;overflow:hidden;}
.focusBox02 .pic li{position:relative;width:100%;height:auto;}
.focusBox02 .pic{position:relative;width:100%;height:auto;}
.focusBox02 .pic img{width:100%;height:auto;display:block;}

.Main03{max-width:1400px;width:100%;margin:0 auto;position:relative;padding-top:49px;}
.Main03 .ColumnTitle{width:100%;}
.ColumnTitle img{width:128px;display:block;float:left;}
.ColumnTitle a{width:70px;text-align:center;display:block;font-size:16px;color:#ec6c00;line-height:40px;padding-top:13px;float:right;}
.ColumnTitle a:hover{color:#bd5700;font-size:14px;}
.Product{width:100%;padding:30px 0 40px;border-bottom:1px solid #f3f3f3;}
.ProductList.P_one{padding-left:0;}
.ProductList{width:30.85%;float:left;padding-left:3.7%;}
.ProductList a{display:block;}
.ProductList a.Pic{width:100%;position:relative;overflow:hidden;max-height: 288px;}
.ProductList a.Pic img{width:100%;display:block;transition: all .28s linear;-moz-transition: all .28s linear;-webkit-transition: all .28s linear;-o-transition: all .28s linear;}
.ProductList a.Pic:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.ProductList a.Pic em{width:100%;height:100%;display:block;position:absolute;top:100%;left:0;background:url(../images/ico08.png) repeat;transition:all .18s linear;-moz-transition:all .18s linear;-webkit-transition:all .18s linear;-o-transition:all .18s linear}
.ProductList a.Pic em span{display:block;width:100%;height:48px;color:#fff;font-size:16px;text-align:center;position:absolute;top:150%; margin-top:-24px;left:0;transition:all .3s linear 0.2s;-moz-transition:all .3s linear 0.2s;-webkit-transition:all .3s linear 0.2s;-o-transition:all .3s linear 0.2s}
.ProductList a.Pic em span i{font-size:18px;display:block;width:100%;line-height:26px;font-weight:bold;}
.ProductList a.Pic:hover em{top:0;}
.ProductList a.Pic:hover em span{top:50%;}

.ProductList a.Title{width:100%;padding-top:29px;}
.ProductList a.Title em{display:block;width:100%;color:#464343;font-size:16px;line-height:25px;height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ProductList a.Title span{display:block;width:100%;color:#a1a0a0;font-size:14px;line-height:24px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.Main04{width:100%;margin:0 auto;position:relative;padding:42px 0 76px;overflow:hidden;}
.Main04_Bg{width:100%;height:55%;background:#f9f9f9;position:absolute;bottom:0;left:0;z-index:0;}
.News{max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1;}
.NewsList{width:100%;padding-top:34px}
.NewsList .ProductList.P_one{padding-left:0;}
.NewsList .ProductList{width:31.43%;float:left;padding-left:2.855%;}
.NewsList .ProductList a.Title{padding-top:38px;}
.NewsList .ProductList a.Title em{color:#464345;line-height:32px;}
.NewsList .ProductList a.Title span{color:#bcbcbc;font-size:13px;line-height:30px;}
.NewsList .More{width:100%;padding-top:34px;}
.NewsList .More dl{float:left;padding-top:15px;}
.NewsList .More dl dt{line-height:22px;display:inline-block;color:#464345;font-size:28px;padding-right:8px;border-right:1px solid #a5a5a5;}
.NewsList .More dl dd{line-height:14px;padding:8px 8px 0;display:inline-block;color:#232323;font-size:16px;}
.NewsList .More a{display:block;float:right;width:38%;line-height:22px;padding:10px 0;background:#ec6c00;border-radius:3px;text-align:center;color:#fff;font-size:14px;position:relative;overflow:hidden;}
.NewsList .More a i{width:100%;height:100%;position:absolute;top:100%;left:0;background:#e48d44;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear}
.NewsList .More a:hover i{top:-100%;}

@media all and (min-width:1px) and (max-width:1310px){
.RightPic02 a span i{margin-right:28px;}

}