@charset "utf-8";

/* CSS Document */

/*轮播*/

.flexslider {margin-left:195px;position: relative;width:1004px;height: 420px;overflow: hidden;zoom: 1;}

.flexslider .slides li {width: 100%;height: 100%;}

.flexslider .slides a img {width: 100%;height: 420px;display: block;}

.flex-direction-nav a {width: 50px;height: 50px;line-height: 99em;overflow: hidden;margin: -25px 0 0;display: block;background: url(../images/ad_ctr.png) 0 0 no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 50%;}

.flex-direction-nav .flex-next {background-position: 0 -50px;right: 2%;}

.flex-direction-nav .flex-prev {left: 2%;}

.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}

.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}

.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}

.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}

.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background: url(../images/btn_main_img.png) no-repeat 0 0;display: block;height: 21px;overflow: hidden;text-indent: -99em;width: 21px;cursor: pointer;}

.flex-control-paging li a.flex-active,

.flex-control-paging li.active a {background-position: 0 -21px;}

/*轮播右侧栏目*/

.bannerBox .rightBar{width:230px;}

.bannerBox .rightBar a:hover{color:#ed5b00;}

.bannerBox .rightBar .barT{border:1px solid #e1e1e1;border-top:0;}

.bannerBox .rightBar .barT a{display:block;float:left;padding:20px 0;width:114px;height:49px;}

.bannerBox .rightBar .barT span{width:25px;height:25px; background:url(../images/indexicon.png) 0 0 no-repeat;}

.bannerBox .rightBar .barT .price{border-left:1px solid #e1e1e1;width:113px;}

.bannerBox .rightBar .barT .price span{ background-position:-30px 0;}

.bannerBox .rightBar .barT a:hover{ background:#f8f8f8;}

.bannerBox .rightBar .barM{height:150px; background:#f6ede4;padding-top:25px;}

.bannerBox .rightBar .barM:hover{color:#333; background:#f3e8dd;}

.bannerBox .rightBar .barM .icon{width:180px;height:30px; background:url(../images/indexicon.png) -78px 0 no-repeat;}

.bannerBox .rightBar .barM .text{ background:#fcba85;height:20px;line-height:20px;}

.bannerBox .rightBar .barM .text em{float:left;width:33.3%;color:#fff;font-style:normal;}

.bannerBox .rightBar .barB{height:154px;border:1px solid #e1e1e1;border-top:0; }

.bannerBox .rightBar .barB dt{height:36px;line-height:36px; background:#f8f8f8;text-indent:10px;}

.bannerBox .rightBar .barB dd{padding:15px 20px 0;}

.bannerBox .rightBar .barB dd a{display:block;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*购物流程*/

.shopStep{height:100px; background:#f5f5f5;margin-bottom:40px;}

.shopStep dt{width:55px;height:90px; background:#ed5b00;line-height:20px;padding-top:10px;margin-right:120px;}

.shopStep dt .arrowR{width:0;height:0;border-left:8px solid #ed5b00;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-8px;top:42px;}

.shopStep dd{float:left;width:100px;margin-right:40px;text-align:center;font-size:14px;}

.shopStep .step span{width:54px;height:54px; background:#e9e9e9 url(../images/indexicon.png) 15px -28px no-repeat;border-radius:50%;}

.shopStep .step02 span{ background-position:-30px -28px;}

.shopStep .step03 span{ background-position:-76px -28px;}

.shopStep .step04 span{ background-position:-128px -28px;}

.shopStep .step05 span{ background-position:-182px -28px;}

.shopStep .arrow{width:18px;height:15px; background:url(../images/indexicon.png) -246px -48px no-repeat;margin-top:37px;}

/*印刷方案*/

.printScheme ul{width:1208px;margin-left:-8px;}

.printScheme ul li{float:left;margin-left:8px;width:294px;height:200px;position:relative;}

.proText{left:0;top:0;}

.proText_cp{left:0;top:142px;}

.proText a:hover,.hotDesign a:hover{color:#ed5b00;}

.proText .price{width:112px;height:21px;line-height:21px;border-radius:11px; background:#fa9d55;}

/*热卖推荐*/

.hotSale{ background:#f5f5f5;margin-top:40px;}

.proTitle{font-size:22px;line-height:22px;border-left:6px solid #ed5b00;}

.hotSale ul{width:1210px;margin-left:-10px;}

.hotSale ul li{float:left;width:232px;margin-left:10px;position:relative;}

.hotSale ul li img{width:232px;height:342px;}

.hotSale .designBtn{width:232px;height:100px;line-height:100px; background:#fff;}

.hotSale .designBtn .icon{display:inline-block;width:36px;height:32px; background:url(../images/indexicon.png) 0 -84px no-repeat;vertical-align:middle;margin-right:10px;}

.hotSale .designBtn .icon02{ background-position:-47px -84px;}

.hotSale .designBtn .icon03{ background-position:-96px -84px;}

.hotSale .designBtn .icon04{ background-position:-143px -84px;}

.hotSale .designBtn .icon05{ background-position:-194px -84px;}

.hotSale .designBtn:hover{box-shadow:0 0 15px #ccc;}

.hotDesign a{margin:0 5px;color:#666;}

/*产品栏目*/

.proItem ul{width:1210px;margin-left:-10px;}

.proItem ul li{float:left;margin-left:10px;position:relative;}

.proItem ul .proMain{width:390px;height:350px;}
.proMain img{width:390px;height:350px;}
.proItem ul .proMain .proText a:hover{color:#fff;}

.proItem ul .proList{width:260px;height:350px; background:#f3f4f7;overflow:hidden;}

.proItem ul .proListS{width:232px;height:257px; background:#f3f4f7;overflow:hidden;margin-top:10px;}

.proItem ul .proList:hover img,.proItem ul .proListS:hover img{transform:translateX(-5px);}

@keyframes fade{

  0%{opacity:1;}

  50%{opacity:0.7;}

  0%{opacity:1;}

  }

-webkit-@keyframes fade{

  0%{opacity:1;}

  50%{opacity:0.7;}

  0%{opacity:1;}

  }

-moz-@keyframes fade{

  0%{opacity:1;}

  50%{opacity:0.7;}

  0%{opacity:1;}

  }

-ms-@keyframes fade{

  0%{opacity:1;}

  50%{opacity:0.7;}

  0%{opacity:1;}

  }

-o-@keyframes fade{

  0%{opacity:1;}

  50%{opacity:0.7;}

  0%{opacity:1;}

  }

.printScheme ul li:hover,.hotSale ul li img:hover,.proItem ul .proMain:hover{animation:fade 0.8s;-webkit-animation:fade 0.8s;-moz-animation:fade 0.8s;-ms-animation:fade 0.8s;-o-animation:fade 0.8s;}

/*免费设计*/

.designFree h2{font-size:30px;}

.designFree ul{width:1209px;margin-left:-9px;}

.designFree li{float:left;width:394px;margin-left:9px; background:#fafafa;border-top:1px solid #ffac13;}

.designFree li:nth-child(2){border-color:#83c44e;}

.designFree li:nth-child(3){border-color:#fa4b42;}

.designFree li:hover{box-shadow:0 0 10px #ccc;}

.designFree li a{display:block;width:324px;padding:50px 35px;}

.designFree li p{margin:30px 0 40px;line-height:21px;height:63px;}

/*合作企业*/

.cooperate{ background:#f5f5f5;padding:40px 0 50px;margin-top:40px;}

.cooperate h2{font-size:22px;}

.cooperate .showBox{height:90px;padding:5px 0;}

.cooperate .showBox ul{width:9999px;}

.cooperate .showBox li{float:left;width:195px;height:90px;margin-right:6px;box-shadow:0 0 10px #e2e2e2;}

.cooperate .showBox .leftBtn,.cooperate .showBox .rightBtn{display:block;width:30px;height:50px; background:url(../images/indexicon.png) 0 -135px no-repeat;position:absolute;top:25px;left:0;opacity:0.8;}

.cooperate .showBox .rightBtn{ background-position:-50px -135px;left:auto;right:0;}

.cooperate .showBox .leftBtn:hover,.cooperate .showBox .rightBtn:hover{opacity:1;}

/*首页弹窗*/

.bg_bla{ z-index:1988; position: fixed; top:0; left:0; width:100%; height:2000px; background-color:#000; opacity:0.6; filter: Alpha(opacity=60) \9;}

.PageBounced{ z-index:2000; width:560px;height:530px; position: fixed; top:50%; left:50%; margin-left:-280px;margin-top:-265px;}

.PageBounced img{ border:0;}

.PageBounced span{ display:block; width:38px;z-index:2000;  position:absolute; top:14px; right:58px; height:38px; background:url(../images/dle_btn.png) no-repeat; cursor:pointer;transform:scale(0.8);}

/*首页左侧悬浮*/

.leftNav{width:111px;position:absolute;top:100px; /*left:-9.6%;*/left:50%; margin-left:-730px; z-index:1000;}

.leftNav .floorNav{width:92px;border:1px solid #e1e1e1;border-bottom:0; background:#fff;}

.leftNav .floorNav a{display:block;height:44px;line-height:44px;border-bottom:1px solid #e1e1e1;}

.leftNav .floorNav a.currentF,.leftNav .floorNav a.currentF:hover{ background:#ed5b00;color:#fff;}

.leftNav .floorNav a:hover{color:#ed5b00;}

.leftNav .gotopNav{width:92px;border:1px solid #e1e1e1;border-top:0;background:#f2f2f2;margin:0 auto 10px;padding:5px 0;}

.leftNav .gotopNav span{display: inline-block;width: 0;height: 0;border-bottom: 10px solid #ccc;border-right: 10px solid transparent;border-left: 10px solid transparent;}

.leftNav .activeNav{width:111px; height:107px;}