s-topbanner@charset "utf-8";
/*banner ico*/
.main{ width:1200px; margin-left:auto; margin-right:auto;}
.banner{height:652px; background-image:url(../images/banner-bg.png); background-repeat:no-repeat;}
.banner .banner-text{ position:relative; width:1200px; height:652px; margin-left:auto; margin-right:auto;}
.banner .banner-text .banner-text01{ position:absolute; width:416px; height:60px; left:0px; top:130px; background-image:url(../images/banner-text01.png); background-repeat:no-repeat;}
.banner .banner-text .banner-text02{ position:absolute; width:603px; height:59px; left:0px; top:244px; background-image:url(../images/banner-text02.png); background-repeat:no-repeat;}
.banner .banner-text .banner-text03{ position:absolute; width:66px; height:57px; left:0px; top:350px; background-image:url(../images/weixin.png); background-repeat:no-repeat;}
.banner .banner-text .banner-text04{ position:absolute; width:66px; height:57px; left:80px; top:350px; background-image:url(../images/H5.png); background-repeat:no-repeat;}
.banner .banner-text .banner-text05{ position:absolute; left:0px; top:450px;}
.banner .banner-text .banner-text06{ position:absolute; width:287px; height:573px;right:0px; top:40px; background-image:url(../images/banner-phone.png); background-repeat:no-repeat;}
/*小banner图片轮播部分*/
/*.banner-text06{ position:relative;}*/
.picScroll-left .bd ul li .small-img01,.slideTxtBox .bd ul li .small-img02{/* position:absolute;right:20px; top:72px; */width:245px; height:415px;cursor:pointer;  }
.picScroll-left .bd ul li .small-img01{ background-image:url(../images/small-banner01.png); background-repeat:no-repeat;}
.picScroll-left .bd ul li .small-img02{background-image:url(../images/small-banner01.png); background-repeat:no-repeat;}





.dingzhi{display:block; padding:15px 70px; border:1px solid #fff; font-size:18px; color:#fff;}
.dingzhi:hover{ background-color:#fff; color:#000; cursor:pointer;}
/*制作优势*/
.modulebox01{width:1200px; margin-left:auto; margin-right:auto; margin-top:70px;}
.modulebox01 .titlebox{ position:relative; width:1200px; height:178px; margin-left:auto; margin-right:auto; margin-bottom:80px;}
.modulebox01 .titlebox p{ background-image:url(../images/bigheadline01.png); background-repeat:no-repeat; width:404px; height:36px; position:absolute; left:34%; top:0;}
.modulebox01 .titlebox li{ background-image:url(../images/headline01.png); background-repeat:no-repeat; width:365px; height:15px; position:absolute; left:37%; top:60px;}
.modulebox01 .titlebox span{ background-image:url(../images/H5-icon.png); background-repeat:no-repeat; width:46px; height:52px; position:absolute; left:47%; top:123px;}
/*制作优势大图片*/
.imgbox01,.imgbox02,.imgbox03{width:1121px; margin-left:auto; margin-right:auto; overflow:hidden;}
.imgbox01 img,.imgbox02 img,.imgbox03 img{ float:left;}
.imgbox01{ padding-bottom:80px; border-bottom:1px #dbdbdb solid;}
.imgbox02{ padding-top:60px; padding-bottom:58px; border-bottom:1px #dbdbdb solid;}
.imgbox03{ padding-top:56px;}

/*
.imgbox01 .reveal01{ position:absolute;top:-332px; right:0;}
.imgbox02 .reveal02{ position:absolute;top:-332px; left:0;}
.imgbox03 .reveal03{ position:absolute;top:-332px; right:0;}

*/

/*场景优势*/
.modulebox02{width:1216px; margin-left:auto; margin-right:auto; padding-top:75px; }
.modulebox02 .titlebox{ position:relative; width:1200px; height:178px; margin-left:auto; margin-right:auto; margin-bottom:48px;}
.modulebox02 .titlebox p{ background-image:url(../images/bigheadline02.png); background-repeat:no-repeat; width:319px; height:36px; position:absolute; left:36%; top:0;}
.modulebox02 .titlebox li{ background-image:url(../images/headline02.png); background-repeat:no-repeat; width:278px; height:14px; position:absolute; left:38%; top:60px;}
.modulebox02 .titlebox span,.modulebox03 .titlebox span{background-image:url(../images/H5-icon.png); background-repeat:no-repeat; width:46px; height:52px; position:absolute; left:48%; top:123px;}
/*场景图片列表*/
.img-list,.img-list03{ overflow:hidden;}
.img-list dl,.img-list03 dl{ float:left; margin:12px 6px; width:288px; height:280px;}
.img-list dl,.img-list03 dl:hover{ cursor:pointer;}
.img-list dl dt{ font-size:14px; color:#000; width:288px; height:48px; text-align:center; background-color:#fff; line-height:48px;}
.modulebox03{width:1216px; margin-left:auto; margin-right:auto; padding-top:75px; }
.modulebox03 .titlebox{ position:relative; width:1200px; height:178px; margin-left:auto; margin-right:auto; margin-bottom:48px;}
.modulebox03 .titlebox p{ background-image:url(../images/bigheadline03.png); background-repeat:no-repeat; width:397px; height:36px; position:absolute; left:34%; top:0;}
.modulebox03 .titlebox li{ background-image:url(../images/headline03.png); background-repeat:no-repeat; width:278px; height:14px; position:absolute; left:38%; top:60px;}
.img-listbox,.img-listbox03{ position:relative;}
.img-listbox a,.img-listbox03 a{ position:absolute; left:0; top:0;width:288px; height:232px; background-color:rgba(0,0,0,0.7)}
.img-listbox a img,.img-listbox03 a img{position:absolute; left:81px; top:54px; z-index:1000;}
.img-list03 dl dt{ font-size:14px; color:#000; width:288px; height:48px; text-align:center; background-color:#f2f2f2; line-height:48px;}