/* CSS Document */
/* banner */
.banner7{ height:480px; background:url(/template_images/banner/banner7.jpg) no-repeat center top; margin-top:-101px; position:relative; z-index:100;}
.banner7 a{ display:block; width:100%; min-height:476px;}
.bannerLeft{ margin-left:-145px; float:left; margin-top:200px; opacity:0;}
.bannerLeft .title{ font-size:36px; color:#fff;}
.bannerLeft .desc{ font-size:16px; color:#999; opacity:0.6;}
.banerRight{ float:right; border:1px solid yellow;}

/* 建站分类 */
.buildSiteContain{ background:#fff; padding-top:100px; border-bottom:1px solid #d4d4d4; padding-bottom:90px;}
.buildSiteContain .commWidth{ overflow:auto; zoom:1;}
.webCategory{ float:left; width:305px; min-height:1790px;}
.webCategory .cateInner{ width:305px; min-height:1790px; position:absolute;  box-shadow: 0 0 10px #999;}
.webCategory .title{ background:#448dfe;}
.webCategory .title span{ color:#fff; font-size:18px; height:50px; line-height:50px; margin-left:20px;}
.categoryList{ border:0px solid red;}
.categoryList li{ width:236px; border-bottom:1px solid #e7e7e7; margin:0px auto; min-height:40px;}
.categoryList li a{ display:block; height:40px; line-height:40px; width:210px; font-size:16px; color:#666;}
.categoryList li a:hover{ }
.categoryList li.current a{ color:#448dfe;}
.nextIcon{ display:block; float:right; width:16px; height:16px; background:url(/template_images/icon.png) no-repeat -577px -11px; margin-top:12px;}

/* 产品列表 */
.webProductRight{ width:980px; min-height:200px; float:right;}
.webProductList{ width:980px; min-height:200px; text-align:center;}
.webProductList li{ width:300px; height:420px; display:inline-block; margin-bottom:45px;}
.webProductList li.l{ float:left;}
.webProductList li.r{ float:right;}
.bulidProduct{ width:300px; height:420px; position:absolute;}
.productMask{ display:none; position:absolute; z-index:100; width:300px; height:300px; background:#000; opacity:0.4;}
.goCheckBtn{ display:none; width:300px; position:absolute; z-index:101; text-align:center; margin-top:236px;}
.goCheckBtn a{ display:inline-block; margin:0px 5px; height:48px; width:120px; line-height:48px; cursor:pointer; border-radius:3px; text-align:center; color:#fff; font-size:16px; text-align:center;}
.goCheckBtn .btn1{ background:#40ccdd;}
.goCheckBtn .btn2{ background:#e45e15;}
.bulidProduct .title{ margin-top:10px;}
.bulidProduct .title a{ font-size:18px; color:#333; line-height:30px;}
.bulidProduct .number{ font-size:16px; color:#999; line-height:25px;}
.bulidProduct p{ width:258px; margin:0px auto; text-align:left;}
.bulidProduct .price{ font-size:14px; color:#999; margin-top:15px;}
.bulidProduct .price font{ font-size:20px; color:#ff7d01;}
.bulidProduct .price a{ display:block; float:right; width:120px; height:40px; line-height:40px; text-align:center; color:#fff; background:#666; font-size:16px; border-radius:5px; margin-top:-20px;}

li.current .bulidProduct{ box-shadow: 0 0 10px #999;}
li.current .productMask{ display:block;}
li.current .goCheckBtn{ display:block;}
li.current .price a{ background:#448dfe;}

/* 页码 */
.pageLine{ text-align:center;}
.pageLine span{ display:inline-block; height:30px; line-height:30px; font-size:16px; color:#ccc; border:1px solid #e7e7e7; padding:0px 15px; border-radius:3px; margin:0px 5px;}
.pageLine a{ display:inline-block; height:30px; line-height:30px; padding:0px 15px; font-size:16px; color:#999; text-align:center; background:#ddd; border:1px solid #ddd; border-radius:3px; margin:0px 5px;}
.pageLine a.current{ border:1px solid #448dfe; background:#448dfe; color:#fff;}