



/*广告图*/
.slick4 {width: 100%;}
.slick4 div {position:relative;}
.slick4 img {width: 100%;}
.slick4 .slick-dots { bottom: 15px;}

.slick4 div span{ position:absolute; left:60px; bottom:60px; z-index:9; color:#FFF; }
.slick4 div span h1{ font-size:44px;}
.slick4 div span h2{ font-size:28px;}





.ck-slide { padding-top:15px; width:350px;padding-bottom:20px; overflow:hidden;}
.ck-slide div { margin: 0; padding: 0; list-style-type: none;}
.ck-slide div.ck-slide-wrapper {position:absolute; right:0px; top:70px; z-index:80; width:230px; height:200px;}
.ck-slide div.ck-slide-wrapper li { position: absolute;}

.ck-slidebox { position:relative ; width:100%; }
.ck-slidebox li { display:block;padding:5px 0px 5px 10px;-moz-opacity:0.5; opacity:0.5;filter:alpha(opacity=50);font-family:Arial;font-size:16px;color:#FFF; background:url(../image/ddd.png) left center no-repeat ; float:left; margin:0px 20px 0px 0px; min-width:130px;}
.ck-slidebox li.current ,.ck-slidebox li:hover {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}




/*首页内容*/

.iallproduct { min-height:300px;}
.iaptitle { position:relative;overflow:hidden; padding:50px 0;}
.iaptitle h3{ font-size:24px; background:#FFF; padding:10px 20px; text-align:center; position:absolute; left:50%; top:65px; width:100px; margin-left:-70px;font-family: 'impact-Normal';}
.iaptitle h4{ display:block; border-bottom:#666 2px solid; margin-top:40px;}

.iallproductlist { background:#3e3e3e; position:relative; overflow:hidden; padding:60px 60px 40px 60px;}
.iallproductlist li {width:32.444%;float:left;position: relative;}
.iallproductlist li * { display:block; }
.iallproductlist li h2 { display:none;}
.iallproductlist a {position: relative;perspective:1000;-webkit-perspective: 1000;float:left;text-align:center;}
.iallproductlist a span{width:100%;text-align:center;position:absolute;z-index:10;background:#FFF; overflow:hidden;}
.iallproductlist a img{display:inline-block;}
.iallproductlist a div.info{height:86.333%;width:100%;background:#fff;position:absolute; z-index:8;text-align:right;z-index:8;overflow:hidden;transform:rotate3d(0,1,0,-180deg);-ms-transform:rotate3d(0,1,0,-180deg);-moz-transform:rotate3d(0,1,0,-180deg);-webkit-transform:rotate3d(0,1,0,-180deg);-o-transform:rotate3d(0,1,0,-180deg); }
.iallproductlist a div.info h1{font-size:2.0em;background:url(../image/plicon.jpg) left 30px no-repeat;padding:30px 30px 10px 30px; display:inline-block;}
.iallproductlist a div.info h2{font-size:1.6em;color:#b50900; padding:0px 30px 10px 0px;font-family: 'impact-Normal';}
.iallproductlist a div.info h3{font-size:1.0em;padding:0px 30px 0px 0px;}

.iallproductlist a span,.iallproductlist a .info{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;}
.iallproductlist a:hover span{transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);-moz-transform:rotate3d(0,1,0,180deg);-webkit-transform:rotate3d(0,1,0,180deg);-o-transform:rotateY(0,1,0,180deg);z-index: 8;}
.iallproductlist a:hover .info{z-index: 10;transform:rotate3d(0,1,0,0deg);-ms-transform:rotate3d(0,1,0,0deg);-moz-transform:rotate3d(0,1,0,0deg);-webkit-transform:rotate3d(0,1,0,0deg);-o-transform:rotate3d(0,1,0,0deg);}


.ipl1 .ip01 {width:100%;height:268px; clear:both;}
.ipl1 .ip02 {width:49%;height:190px;float:left;}
.ipl1 .ip03 {width:49%;height:190px;float:right;}
.ipl1 .ip01 span {padding:0 5%;width:90% !important;}
.ipl1 .ip02 img,.ipl1 .ip03 img {width:100%;height:auto;}
.ipl1 .ip01 .info {height:96.5%!important;}


.ipl2 .ip01 {width:49%;height:190px;float:left;}
.ipl2 .ip02 {width:49%;height:190px;float:right;}
.ipl2 .ip03 {width:100%;height:268px; margin-top:-16px;}
.ipl2 .ip01 img,.ipl2 .ip02 img {width:100%; height:auto;}
.ipl2 .ip03 span{ padding:0 5%;width:90%!important;}
.ipl2 .ip03 .info {height:96.5%!important;}



.ipl1 .ip01 img {width:365px;height:255px;}
.ipl2 .ip03 img {width:365px;height:255px;}


.igypic { padding-top:0.6666%;overflow:hidden;}
.igypic a{ float:left;width:24.5%;}
.igypic a img{ width:100%; height:265px;display:block;}
.igypic a h1{ padding:20px; text-align:center; font-size:18px; line-height:24px;border-top:#fff 5px solid;}
.igypic a h1 i {background:url(../image/plicon.jpg)  left center no-repeat; padding:0 20px; width:10px;}
.igypic a:hover h1{ color:#b50900;border-top:#b50900 5px solid;}
.ml10b { margin-left:0.6666%;}







/* 适应屏 */
@media screen and (max-width: 1440px) {

.iallproductlist{padding:60px;}
.iallproductlist a img{display:inline-block;width:100%; height:auto;}
.ipl1 .ip01 {height:222px;}
.ipl1 .ip02 {height:135px;}
.ipl1 .ip03 {height:135px;}

.ipl2 .ip01 {height:135px;}
.ipl2 .ip02 {height:135px;}
.ipl2 .ip03 {height:222px;margin-top:-9px;}

.ipl1 .ip01 img {width:100%;height:auto;}
.ipl2 .ip03 img {width:100%;height:auto;}


.iallproductlist a div.info{height:93%;}

.igypic a img{ width:100%; height: auto;}



.iallproductlist a div.info h1{font-size:1.4em;padding:20px 20px 10px 30px;background:url(../image/plicon.jpg) left 18px no-repeat;}
.iallproductlist a div.info h2{font-size:1.0em;padding:0px 20px 10px 0px;}
.iallproductlist a div.info h3{font-size:1.0em;padding:0px 20px 0px 0px;}




}

@media screen and (max-width: 1280px) {
	
.iallproductlist{padding:60px;}
.iallproductlist a img{display:block;width:100%; height:auto;}
.ipl1 .ip01 {height:212px;}
.ipl1 .ip02 {height:125px;}
.ipl1 .ip03 {height:125px;}

.ipl2 .ip01 {height:125px;}
.ipl2 .ip02 {height:125px;}
.ipl2 .ip03 {height:212px;margin-top:-5px;}

.ipl1 .ip01 img {width:100%;height:auto;}
.ipl2 .ip03 img {width:100%;height:auto;}	
	
.ipl1 .ip02 h2,.ipl1 .ip03 h2{ display:none!important;}
.ipl2 .ip01 h2,.ipl2 .ip02 h2{ display:none!important;}	

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 980px) {

.slick4 { margin-top:120px;}
.slick4 a { height:300px; width:100%; display:block; background-size:180%; background-repeat:no-repeat; background-position:center center;}
.slick4 img { display:none !important}
.slick4 .slick-dots { bottom: 5px;}
.slick-prev, .slick-next { display:none !important;}
.slick4 div span{display:none !important;}

.igypic { padding-top:0.6666%; padding:30px; }
.igypic a{ float: none;width:100%;}
.igypic a h1{ padding:20px; font-size:18px; line-height:24px;}
.igypic a h1 i {padding:0 20px; width:10px;}
.ml10b { margin-left:0.6666%;}

.iallproductlist { padding:30px;}
.iallproductlist li {width:100%;float: none;}
.iallproductlist a {float: none; margin-bottom:10px;}
.iallproductlist a span{position: relative; width:100%;}
.iallproductlist a div.info{height:90%;width:90%;padding:5%;position: relative;transform: none;-ms-transform:none);-moz-transform:none;-webkit-transform:none;-o-transform:none;}

.ipl1 .ip01 {width:100%;height:auto;}
.ipl1 .ip02 {width:49%;height:auto;float:left;}
.ipl1 .ip03 {width:49%;height:auto;float:right;}
.ipl1 .ip01 span {padding:0;width:100% !important;}
.ipl1 .ip02 img,.ipl1 .ip03 img {width:100%;height:auto;}
.ipl1 .ip01 .info {height:90%!important;width:90%;}

.ipl2 .ip01 {width:49%;height:auto;float:left;}
.ipl2 .ip02 {width:49%;height:auto;float:right;}
.ipl2 .ip03 {width:100%;height:auto; margin-top:-8px;}
.ipl2 .ip01 img,.ipl2 .ip02 img {width:100%; height:auto;}
.ipl2 .ip03 span{ padding:0;width:100%!important;}
.ipl2 .ip03 .info {height:90%!important;}
.ml10b { margin-left:0%;}

.iallproductlist a div.info h1{font-size:2.2em;background:url(../image/plicon.jpg) left 15px no-repeat;padding:10px 10px 10px 30px; }
.iallproductlist a div.info h2{font-size:1.8em;padding:0px 10px 10px 0px;}
.iallproductlist a div.info h3{font-size:1.8em;padding:0px 10px 0px 0px;}



}
@media screen and (max-width: 840px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 480px) {}

/* 横屏 */
@media only screen and (max-width: 980px) and (orientation:landscape) {}


/* 兼容iphone5 */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){}

