@charset "utf-8";
/* CSS Document */
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}

/*企业建站*/
.website-banner{ width: 100%; height:600px; background-repeat: no-repeat; background-position: center top;}
.website-banner.qyjz{ background-image:url(../images/17website-1.jpg);}
.website-banner .banner-tex{ text-align: center; color: #fff; padding-top: 175px;}
.website-banner .banner-tex h3{ font-size: 64px; line-height: 180px; letter-spacing:20px;}
.website-banner .banner-tex h4{ font-size: 48px; font-weight:lighter; line-height: 64px;}
.website-banner .banner-tex h4 b{ color: #ff6800;}
.website-banner .banner-tex p{ margin-top: 35px; font-size: 24px;}
.website-banner .banner-tex span{ margin-top: 35px; display: inline-block; font-size: 18px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3);}
.website-banner .banner-btn{ margin-top: 45px;}
.website-banner .banner-btn a{ display: inline-block; line-height: 20px; padding: 15px 24px; margin: 0 10px; border: 1px solid #ff6800; background-color: #ff6800; color: #fff; font-size: 16px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px;}
.website-banner .banner-btn a:hover{ background-color: #ec6000;}
.website-banner .banner-btn a:before{ content: ""; display: block; float: left; margin-right: 10px; width: 21px; height: 21px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -36px;}
.website-banner .banner-btn a.nobg{ background:none; color: #ff6800; border: 1px solid #ff6800;}
.website-banner .banner-btn a.nobg:before{ display: none;}
.website-banner .banner-btn a.nobg:hover{ color: #fff; background-color: #ff6800;}

.website-main{ min-width: 1200px; padding-top:100px;}
.website-main .tit{ text-align: center; margin-bottom: 35px;}
.website-main .tit h4{ color: #333; font-size: 48px; font-weight: normal; line-height: 98px;}
.website-main .tit h4 span{ color: #ff6800}
.website-main .tit p{ color: #666; font-size: 20px; line-height: 48px; padding-top: 15px;}
.website-main .tit:after{ content: ""; display: block; width: 52px; height: 2px; background-color: #e7e7e7; margin: 28px auto auto auto;}
.website-main-o{ width: 998px; border: 1px solid #eaeaea; margin: 0 auto; margin-top: -188px; background-color: #fff; -moz-box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);}
.website-main .website-main-o .tit{ margin: 0; padding-top: 28px;}
.webSet-main{ padding: 0 0 36px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.webSet-main-li{ margin-top: 36px;}
.webSet-main p.fl{ width: 200px; text-align: right; line-height: 38px; color: #333; font-size: 14px; font-weight: bold; margin-right: 40px;}
.ul-edition { margin-left: -10px;}
.ul-edition li{ position: relative; cursor: pointer; margin-left: 10px; float: left; width: 198px; padding: 18px 0; border: 1px solid #e6e6e6; text-align: center; background-color: #fbfbfb;}
.ul-edition li sup{ position: absolute; right: -10px; bottom: 30px; display: block; width: 67px; height: 17px; background: url(../images/xcx-icon.png) no-repeat;}
.ul-edition li span{ display: block; width: 78px; height: 58px; margin: 0 auto; background: url(../images/17website-2.png) no-repeat; background-position: 0 -171px;}
.ul-edition li span.span-t{ background-position: 0 -113px;}
.ul-edition li span.span-s{ width: 35px; height: 65px; background-position: 0 -1537px;}
.ul-edition li span.span-f{ width: 43px; height: 65px; background-position: -106px -113px;;}
.ul-edition li p{ color: #333; font-size: 16px; padding-top: 10px; line-height: 16px;}
.ul-edition li:hover{ border-color: #ff6800;}
.ul-edition li.on{ border-color: #ff6800; background-color: #fff;}
.ul-edition li.on p{ color: #ff6800;}
.ul-engineRoom{ margin-left: -10px;}
.ul-engineRoom li{ cursor: pointer; position: relative; float: left; min-width: 148px; text-align: center; line-height: 36px; border: 1px solid #e2e2e2; color: #333; font-size: 14px; margin-left: 10px;}
.ul-engineRoom li:hover{ color: #ff6800; border-color: #ff6800;}
.ul-engineRoom li.on{ background-color: #ff6800; color: #fff; border-color: #ff6800;}
.ul-engineRoom li sup{ position: absolute; right: 0; top: -20px; width: 42px; height: 18px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -95px;}
.ul-price { margin-left: -30px;}
.ul-price li{ cursor: pointer; float:left; line-height: 38px; position: relative; margin-left: 30px;}
.ul-price li span{ display: inline-block; margin-right: 3px; vertical-align: -4px; width: 18px; height: 18px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -18px;}
.ul-price li p { display: inline-block; color: #333; font-size: 13px;}
.ul-price li p b{ color: #ff6800; font-size: 18px; margin-right: 3px;}
.ul-price li sup{ position: absolute; right: 4px; top: -15px; min-width: 40px; height: 19px; color: #fff; text-align: center; line-height: 16px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -57px;}
.ul-price li.on span{ background-position: 0 0;}
.ul-price li.on sup{ background-position: 0 -76px;}
.webSet-btn{ width: 100%; text-align: center; margin-top: 30px;}
.webSet-btn a{ display: inline-block; color: #fff; font-size: 20px; line-height: 46px; width: 240px; text-align: center; background-color: #ff6800;}
.webSet-btn a:hover{background-color: #ec6000;}
.webSet-foot{ text-align: center; padding: 25px 0;}
.webSet-foot p{ color: #7c7c7c; font-size: 12px; display: inline-block; margin: 0 10px; line-height: 18x;}
.webSet-foot p b{ margin-right: 10px;}
.webSet-foot p b,.webSet-foot p span{ color: #ff6800;}
.webSet-foot-btn{ width: 250px; padding: 7px 0; margin: 12px auto auto auto; background-color: #fafafa; border: 1px solid #eee; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.webSet-foot-btn span{ background-color: #71b842; color: #fff; line-height: 14px; padding: 0 2px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.webSet-foot-btn em{ color: #333; font-size: 14px; line-height: 14px; margin: 0 24px 0 5px;}
.webSet-foot-btn em i{ color: #ff6800; font-style: italic;}
.webSet-foot-btn a{ color: #bbb; line-height: 14px; display: inline-block; font-style:italic; text-decoration: underline;}
.webSet-foot-btn a:hover{ color: #ff6800;}
.website-main-t{ padding: 60px 0;}
.website-main-t ul{ margin-top: -24px;}
.website-main-t li{ position: relative; float: left; width: 400px; height: 260px; float: left; margin-top: 24px;}
.website-main-t .li-main{text-align: center; }
.website-main-t .li-main .li-img{ width: 98px; height: 79px; margin: 0 auto; padding-top: 34px;}
.website-main-t .li-main .li-img span{ display: block; width: 87px; height: 78px; float: left; margin: .5px 0 0 5.5px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -462px;}
.website-main-t li:nth-child(2) .li-main .li-img span{ width: 79px; height: 79px; margin: 0 0 0 9.5px; background-position: 0 -229px;}
.website-main-t li:nth-child(3) .li-main .li-img span{ width: 87px; height: 77px; margin: 1px 0 0 5.5px; background-position: 0 -385px;}
.website-main-t li:nth-child(4) .li-main .li-img span{ width: 98px; height: 77px; margin: 1px 0 0 0; background-position: 0 -806px;}
.website-main-t li:nth-child(5) .li-main .li-img span{ width: 86px; height: 77px; margin: 1px 0 0 6px; background-position: 0 -308px;}
.website-main-t li:nth-child(6) .li-main .li-img span{ width: 90px; height: 72px; margin: 3.5px 0 0 4px; background-position: 0 -540px;}
.website-main-t .li-main dl{ padding-top: 30px;}
.website-main-t .li-main dt{ color: #333; font-size: 20px; line-height: 20px;}
.website-main-t .li-main dd{ color: #999; font-size: 14px; line-height: 22px; padding-top: 10px;}
.website-main-t .li-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(237,96,0,.9);}
.website-main-t li:nth-child(2) .li-box{ background-color: rgba(94,140,6,.9);}
.website-main-t li:nth-child(3) .li-box{ background-color: rgba(177,167,0,.9);}
.website-main-t li:nth-child(4) .li-box{ background-color: rgba(0,139,134,.9);}
.website-main-t li:nth-child(5) .li-box{ background-color: rgba(25,101,141,.9);}
.website-main-t li:nth-child(6) .li-box{ background-color: rgba(165,46,34,.9);}
.website-main-t .li-box p{ margin-left: 48px; padding-top: 20px; color: #fff; font-size: 14px; line-height: 26px;}
.website-main-t .li-box p span{ display: inline-block; margin-right: 35px;}
.website-main-t li:nth-child(6) .li-box p { margin-left: 16px;}
.website-main-t li:nth-child(6) .li-box p span{ margin-right: 12px;}
.website-main-t .li-box .li-img{ position: absolute; left: 50%; margin-left: -74.5px; bottom: 25px; width: 149px; height: 101px; }
.website-main-t .li-box .li-img span{ display:block; float: left; width: 107px;height: 95px; margin:6px 0 0 21px ; background: url(../images/17website-2.png) no-repeat; background-position: 0 -984px;}
.website-main-t li:nth-child(2) .li-box .li-img span{ width:96px; height: 96px; margin: 5px 0 0 26.5px; background-position:0 -612px}
.website-main-t li:nth-child(3) .li-box .li-img span{ width:149px; height: 78px; margin: 23px 0 0 0; background-position:0 -1271px}
.website-main-t li:nth-child(4) .li-box .li-img span{ width:108px; height: 93px; margin: 8px 0 0 20.5px; background-position:0 -1178px}
.website-main-t li:nth-child(5) .li-box .li-img span{ width:108px; height: 99px; margin: 2px 0 0 20.5px; background-position:0 -1079px}
.website-main-t li:nth-child(6) .li-box .li-img span{ width:107px; height: 101px; margin: 0 0 0 21px; background-position:0 -883px}
.website-main-t li:hover .li-box{ display: block;}
.website-main-t a{ display:block; text-align: center; line-height: 44px; width: 248px; border: 1px solid #ff6800; color: #ff6800; font-size: 14px; margin: 0 auto; margin-top: 36px;}
.website-main-t a:hover{ color: #fff; background-color: #ff6800;}
.website-main-s{ padding:50px 0; border-top: 1px solid #ebebeb;}
.website-main-s .video-con{ max-width: 1920px;}
.website-main-s .video-btn{ width: 50%; cursor: pointer; position: relative;}
.website-main-s .video-btn img{ width: 100%;}
.website-main-s .video-btn:after{ content: ""; position: absolute; left: 50%; margin-left: -49px; top: 50%; margin-top: -49px; display: block; width:98px; height: 98px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -708px;}
.website-main-s .video-btn:hover:after{ background-position: 0 -1349px;}
.website-main-s .tex{ text-align: center; color: #666; font-size: 18px; line-height: 30px; padding-top: 40px;}
.website-main-s .tex span{ display: block; color: #ff6800;}
.website-main-f{ padding: 50px 0; background-color: #f5f5f5;}
.website-main-f .newcase_main .tem_main_m .pcwap_o{ margin: 0 0 35px 34px; height: 230px;}
.website-main-f  .newcase_main .tem_main_m .wap_m{ bottom: 0;}
.website-main-f .btn{text-align: center;}
.website-main-f .btn a{width: 198px;line-height:16px; padding:14px 0; border: 1px solid #ff6800;color: #ff6800;font-size: 14px;text-align: center;display: inline-block;}
.website-main-f .btn a span{background: url(../images/17website-2.png) no-repeat; display: inline-block; line-height: 16px; background-position:62px -1447px; padding-right: 22px;}
.website-main-f .btn a:hover{color: #fff; background-color: #ff6800;}
.website-main-f .btn a:hover span{ background-position: 62px -1463px;}
.website-main-w{ padding:0 0 50px 0;}
.website-main-w .w-bg{background: url(../images/17website-5.jpg) no-repeat center; height: 295px; padding-top: ;}
.website-main-w .w-1200{ margin-top:-249px;}
.website-main .website-main-w .tit h4{ color: #fff;}
.website-main-w table{width: 100%;border-collapse: collapse;border-spacing: 0;background: #fff;color: #666;position: relative;}
.website-main-w table tr{border: 1px solid #ebebeb}
.website-main-w table td{border: 1px solid #ebebeb}
.website-main-w table dl{padding: 54px 0; text-align: left;}
.website-main-w table dt{ float: left; width: 45px; text-align: center; margin: 0 25px 0 75px;}
.website-main-w table dt img{ display: inline-block;}
.website-main-w table dd{ float: left;}
.website-main-w table h4{font-size:22px;color: #666;line-height: 22px;padding: 0 0 5px 0; font-weight: normal;}
.website-main-w table p{font-size: 14px;color: #999;}
.website-main-w .tex{text-align: center; margin-top: 40px;}
.website-main-w .tex p{color: #999999;font-size: 12px;line-height: 40px;}
.website-main-w .tex p span{font-size: 24px;color: #666666;}
.website-main-w .tex p span b{color: #ff6800}
.website-main-w .tex p em{color: #ff6800;font-size:30px;display: block;font-style: normal}
.website-main-w .tex img{ display: inline-block; margin-top: 30px;}
.website-main-w .tex .btn{ text-align: center; margin-top: 30px;}
.website-main-w .tex a{ display:inline-block; text-align: center; color: #333; font-size: 14px; line-height: 16px; padding-left: 22px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -1479px;}
.website-main-w .tex a span{ line-height: 16px; display: inline-block;}
.website-main-w .tex a:hover{ color: #ff6800;}
.website-main-w .buy-btn{ text-align: center; margin-top: 30px;}
.website-main-w .buy-btn a{ display: inline-block; color: #fff; font-size: 14px; width: 200px; line-height: 46px; background-color: #ff6800;}
.website-main-w .buy-btn a:hover{ background-color: #ec6000;}

/*网上开店*/
.shop{ background-image:url(../images/17website-7.jpg);}
.shop .banner-tex p{ margin-top: 35px; font-size: 16px; line-height: 32px;}
.website-banner .banner-btn a.down-btn{ background: inherit; color: #ff6800;}
.website-banner .banner-btn a.down-btn:before{ background-position: 0 -1495px;}
.website-banner .banner-btn a.down-btn:hover{ background-color: #ff6800; color: #fff;}
.website-banner .banner-btn a.down-btn:hover:before{ background-position: 0 -1516px;}
.shop-main-o{ padding: 50px 0;}
.shop-main-o .ul1 li{ position:relative; float: left;width: 201px;text-align: center;color: #999999; border-bottom:1px solid #e0e0e0; padding-bottom:12px;font-size: 14px;padding-top: 53px;background: url(../images/wskd_10.png) no-repeat top;background-position: 77px 0;cursor: pointer;}
.shop-main-o .ul1 li:hover{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.shop-main-o .ul1 li.on{color: #ff6800; border-color: #ff6800;}
.shop-main-o .ul1 li.li2{background-position: -113px 0;}
.shop-main-o .ul1 li.li3{background-position: -312px 0;}
.shop-main-o .ul1 li.li4{background-position: -513px 0;}
.shop-main-o .ul1 li.li5{background-position: -709px 0;}
.shop-main-o .ul1 li.li1.on{background-position: 77px -96px;}
.shop-main-o .ul1 li.li2.on{background-position: -113px -97px;}
.shop-main-o .ul1 li.li3.on{background-position: -312px -95px;}
.shop-main-o .ul1 li.li4.on{background-position: -513px -94px;}
.shop-main-o .ul1 li.li5.on{background-position: -709px -95px;}
.shop-main-o .line{ width: 100%; height: 1px; background-color: #e0e0e0; margin-top: -1px;}
.shop-main-o .ul2{width: 100%;margin-top: 40px;}
.shop-main-o .ul2 li{text-align: center;color: #7b7b7b;font-size: 14px;line-height: 23px;display: none;}
.shop-main-o .ul2 li h4{color: #000000;font-size: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul2 li p{margin-bottom: 20px;}
.shop-main-o .ul2 li img{ display: inline-block;}
.shop-main-o .ul2 li .li-o-m { width:760px; margin:0 auto;}
.shop-main-o .ul2 li .li-o-m .fl{ width:320px; height:180px; background-color:#000;}
.shop-main-o .ul2 li .li-o-m .fr{ margin:30px 0 0 0}
.shop-main-o .ul3 { margin-top: 50px;}
.shop-main-o .ul3 li{float: left;background: url(../images/wskd_10.png) no-repeat top;padding-left: 80px;margin-right: 85px; }
.shop-main-o .ul3 li.li1{background-position: 0 -238px;}
.shop-main-o .ul3 li.li2{background-position: -380px -238px;}
.shop-main-o .ul3 li.li3{background-position: -731px -238px;margin-right: 0;}
.shop-main-o .ul3 li h4{color: #666666;font-size: 18px;line-height: 18px;padding-bottom: 10px; font-weight: normal;}
.shop-main-o .ul3 li p{color: #666666;font-size: 12px;line-height: 22px;}
.shop-main-t{ background-color: #f8f8f8; padding: 40px 0;}
.shop-main-t .tit:after{ display: none;}
.shop-main-t .newcase-meau-o ul li,.shop-main-t .newcase-meau-o,.shop-main-t .newcase-meau-o .sea input{ background-color: #fff;}
.shop-main-t .newcase_main .tem_main_m .pcwap_o{ height: 230px; margin-top: 45px;}
.shop-main-t .newcase_main .tem_main_m .wap_m{ bottom: 0;}
.shop-main-t .case_main_meau{ padding: 40px 0 0 0; }
.shop-main-s{ padding:50px 0; background:#fff}
.shop-main-s .tit-o{ text-align:center; color:#333; font-size:20px; padding-bottom:40px;}
.shop-main-s .tit-o span{ color:#666}
.shop-main-s ul{ width:1230px;}
.shop-main-s li{ width:290px; float:left; margin-right:13px; border: 1px solid #eaeaea;}
.shop-main-s li .li-t{ background:#fff; width:100%; padding:30px 0 25px 0; text-align:center;}
.shop-main-s li .li-t h4{ font-weight:normal; font-size:18px; color:#333; line-height:18px;}
.shop-main-s li .li-t-img{ width:123px; height:90px; margin:20px auto;}
.shop-main-s li .li-t-img span{ width:90px; height:90px; display:block; float:left; margin:0 0 0 16.5px; background:url(../images/17website-8.png) no-repeat;}
.shop-main-s li .li-t-img span.span-t{ width:123px; height:89px; margin:0.5px 0 0 16.5px; background-position:0 -90px;}
.shop-main-s li .li-t-img span.span-s{ width:52px; height:88px; margin:1px 0 0 35.5px; background-position:0 -179px;}
.shop-main-s li .li-t-img span.span-f{ width:94px; height:82px; margin:4px 0 0 14.5px; background-position:0 -267px;}
.shop-main-s li .li-t-img span.span-w{ width:89px; height:89px; margin:.5px 0 0 17px; background-position:0 -349px;}
.shop-main-s li .li-t .p-o{ color:#6a6a6a; font-size:14px; line-height:24px;}
.shop-main-s li .li-t .p-t{ color:#666; font-size:14px; padding-top:20px;}
.shop-main-s li .li-t .p-t span{ color:#ff8a00}
.shop-main-s li .li-t .p-t span b{ font-size:24px; font-weight:normal;}
.shop-main-s li .li-b{ width:100%; text-align:center;}
.shop-main-s li .li-b a{ color:#666; font-size:14px; display:block; line-height:16px; padding-bottom: 25px;}
.shop-main-s li .li-b a span{ display:inline-block; background:url(../images/17website-2.png) no-repeat; background-position:0 -1479px; padding-left:22px;}
.shop-main-s li .li-b a:hover{ color:#ff8a00}

/*微信建站*/
.weisite{ position: relative; background:url(../images/17website-9.jpg) center top no-repeat;}
.weisite .banner-tex h4{line-height: 64px;}
.weisite .banner-btn a.down-btn{ border-color:#fff; color: #fff;}
.weisite .banner-btn a.down-btn:before{ background-position: 0 -1516px;}
.weisite .banner-btn a.down-btn:hover{  border-color:#ff6800; }
.weisite-main{ background:url(../images/17website-14.jpg) no-repeat center 900px #f7fcf9; }
.weisite-main .website-main-o{ margin-top: 0;}
.weisite-main-o{ position: relative; width: 915px; height: 699px; background: url(../images/17website-10.png); margin: -250px auto auto auto;}
.weisite-main-o .video-con{ position: relative; width: 638px; height: 397px; overflow: hidden; margin-left: 135px; padding-top: 65px; cursor: pointer; background: url(../images/17website-11.jpg) no-repeat center 65px;}
.weisite-main-o .video-con:after{ content: ""; position: absolute; left: 50%; margin-left: -49px; top: 50%; margin-top: -20px; display: block; width:98px; height: 98px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -708px;}
.weisite-main-o .video-con:hover:after{ background-position: 0 -1349px;}
.weisite-main .weisite-main-o .tit{ padding: 100px 0 0 0;}
.weisite-main .weisite-main-o .tit p{ line-height: 22px;}
.weisite-main .weisite-main-o .tit:after{ display: none;}
.weisite-main-t{ margin-top: 60px; height:1480px;}
.weisite-main-s{ height:520px; padding:240px 0 0 0; background: url(../images/17website-12.jpg) no-repeat center top; }
.website-main .weisite-main-s .tit h4{ font-weight: bold;}
.website-main .weisite-main-s .tit h4,.website-main .weisite-main-s .tit p{ color: #fff;}
.weisite-main-s .s-main { margin-top: 80px;}
.weisite-main-s .s-main h4{ color: #fff; font-size: 26px; line-height: 26px; text-align: center; font-weight: normal;}
.weisite-main-s ul{ padding-top: 50px; text-align: center;}
.weisite-main-s li{  display: inline-block; width: 69px; text-align:center; vertical-align: top; margin: 0 40px;}
.weisite-main-s li span{ display: block; width: 69px; height: 68px; background: url(../images/17website-13.png) no-repeat;}
.weisite-main-s li span.span-t{ background-position: -155px 0;}
.weisite-main-s li span.span-s{ background-position: -310px 0;}
.weisite-main-s li span.span-f{ background-position: -466px 0;}
.weisite-main-s li span.span-w{ background-position: -621px 0; width: 70px;}
.weisite-main-s li span.span-l{ background-position: -777px 0;}
.weisite-main-s li span.span-q{ background-position: -932px 0;}
.weisite-main-s li p{ color: #fff; font-size: 16px; line-height: 16px; padding-top: 10px;}

/*微餐饮*/
.dining{ position: relative; background-image:url(../images/17website-15.jpg);}
.dining-main{ background:url(../images/17website-17.jpg) no-repeat center 850px #fcf7f5;}
.dining-main .website-main-o{ margin-top: 0;}
.dining-main .weisite-main-o .tit{ padding: 100px 0 0 0;}
.dining-main .weisite-main-o .tit h4{ color: #ff6800;}
.dining-main .weisite-main-o .tit p{ line-height: 22px;}
.dining-main .weisite-main-o .tit:after{ display: none;}
.dining-main .weisite-main-o .video-con{ background: url(../images/17website-16.jpg) no-repeat center 65px;}
.dining-main .weisite-main-s{ padding:130px 0 0 0; height: 270px; background: url(../images/17website-18.jpg) center top;}
.dining-main .weisite-main-s .s-main{ margin: 0;}
.dining-main-o{width: 100%; min-height: 2386px; margin-bottom: 37px; background: url(../images/wcy_3.png) no-repeat center top;}
.website-main .dining-main-o .tit{ padding-top: 0px;}
.dining-main-o .cbp-so-section{border-bottom: 0}
.dining-main-o .cbp-so-section h2{color: #dc2100;font-size: 32px;font-weight: bold;}
.dining-main-o .cbp-so-section p{color: #dc2100;}
.dining-main-o .sec_o .cbp-so-side-left{margin: 56px 0 0 45px;}
.dining-main-o .sec_t .cbp-so-side-right{margin: 220px 87px 0 0;}
.dining-main-o .sec_t.cbp-so-section h2{color: #0096ff;}
.dining-main-o .sec_t.cbp-so-section p{color: #0096ff;}
.dining-main-o .sec_s .cbp-so-side-left{margin: 290px 0 320px 85px;}
.dining-main-o .sec_s.cbp-so-section h2{color: #1ea54e;}
.dining-main-o .sec_s.cbp-so-section p{color: #1ea54e;}
.dining-main-o .sec_f .cbp-so-side-right{margin:-90px 120px 0 0;}
.dining-main-o .sec_f.cbp-so-section h2{color: #cc00ff;}
.dining-main-o .sec_f.cbp-so-section p{color: #cc00ff;}
.dining-main-o .sec_w .cbp-so-side-left{margin:150px 0 0 75px;}
.dining-main-o .sec_w.cbp-so-section h2{color: #fc5604;}
.dining-main-o .sec_w.cbp-so-section p{color: #fc5604;}
.weisite-main-s{ position: relative;}
.weisite-main-s .icon{width: 75px; height: 75px; background: url(../images/17website-19.png) no-repeat; position: absolute; left: 50%; margin-left: -37.5px; top: -37.5px;}

/*微分销*/
.weifx{background-image:url(../images/17website-20.jpg);}
.weifx-main .website-main-o{ margin-top: 0;}
.weifx-main .weisite-main-o .tit{ padding: 40px 0 0 0;}
.weifx-main .weisite-main-o .tit p{ line-height: 22px; font-size: 18px;}
.weifx-main .weisite-main-o .tit:after{ display: none;}
.weifx-main .weisite-main-o { height: auto; background: inherit; margin-top: -155px;}
.weisite-main-o .img-con{ text-align: center;}
.weisite-main-o .img-con img{ display: inline-block;}
.wfx_main_t_m{text-align: center;border-bottom: 1px solid #f2f2f2; padding-top: 45px;}
.wfx_main_t_m .tit{text-align: center; margin-bottom: 45px;}
.wfx_main_t_m .tit h3{color: #fc5604;font-size: 24px;line-height: 24px; font-weight: normal;}
.wfx_main_t_m .tit p{color: #555555;font-size: 14px;line-height: 24px;}
.wfx_main_t_m .tit:after{ display: none;}
.wfx_main_t_m img{ display: inline-block;}
.wfx-app{ padding-top:90px; height: 370px; background: url(../images/17website-22.jpg) no-repeat center top;}
.wfx-app .tit h3,.wfx-app .tit p{ color: #fff;}

/*微小店*/
.weishop{background-image:url(../images/17website-23.jpg);}
.weishop .banner-tex h4{line-height: 48px; margin-top: 30px;}
.weishop .banner-tex p{ margin: 0;}
.wxd-main .weisite-main-o{ height:800px; margin-top: -293px;}
.wxd-main .website-main-o{ position: relative;}
.wxd-main-o{ padding:280px 0 0 0; height: 810px; margin-top: -280px; background: url(../images/17website-25.jpg) no-repeat center top;}
.wxd-main-o .o-m-l{width:50%; text-align:center;}
.wxd-main-o .o-m-l h4{color:#fff; font-weight: normal; font-size:30px; line-height:30px; margin-bottom:20px;}
.wxd-main-o .o-m-l img{margin-bottom:20px; display: inline-block;}
.wxd-main-o .o-m-l ul{text-align:center; width:400px; margin:0 auto}
.wxd-main-o .o-m-l ul li{display:inline-block; width:100px; height:100px; margin:5px 15px; background:url(../images/wxd-spri.png) no-repeat; background-position:0 -292px;}
.wxd-main-o .o-m-l ul li .li-img{width: 37px; height:37px; margin:8px auto 8px auto;}
.wxd-main-o .o-m-l ul li .li-img span{display:block; float:left; width:33px; height:33px; background:url(../images/wxd-spri.png) no-repeat; background-position:0 -97px; margin:2px 0 0 2px;}
.wxd-main-o .o-m-l ul li.li-t .li-img span{width:34px; height:34px; margin:1.5px 0 0 1.5px; background-position:0 -130px;}
.wxd-main-o .o-m-l ul li.li-s .li-img span{width:37px; height:37px; background-position:0 -255px;}
.wxd-main-o .o-m-l ul li.li-f .li-img span{width:36px; height:29px; margin:4px 0 0 0.5px; background-position:0 -196px;}
.wxd-main-o .o-m-l ul li.li-w .li-img span{width:31px; height:33px; margin:2px 0 0 3px; background-position:0 -32px;}
.wxd-main-o .o-m-l ul li.li-l .li-img span{width:36px; height:30px; margin:3.5px 0 0 0.5px; background-position:0 -225px;}
.wxd-main-o .o-m-l ul li.li-q .li-img span{width:35px; height:32px; margin:2.5px 0 0 1px; background-position:0 -164px;}
.wxd-main-o .o-m-l ul li.li-b .li-img span{width:29px; height:32px; margin:2.5px 0 0 4px; background-position:0 0;}
.wxd-main-o .o-m-l ul li.li-j .li-img span{width:32px; height:32px; margin:2.5px 0 0 2.5px; background-position:0 -65px;}
.wxd-main-o .o-m-l ul li p{font-size:14px; line-height:18px; color:#666;}
.wxd-main .wjz_main_t{background:#fcf9f6; padding:50px 0 0 0; height:2360px; overflow:hidden;}
.wxd-main .cbp-so-section h2{color:#79be00;}
.wxd-main .cbp-so-section{width:1200px; margin:0 auto; border-bottom:0}
.wxd-main .wjz_main_t .line{height:1px; width:100%; margin:50px 0 0 0}
.wxd-main .sec_o,.wxd-main .sec_t,.wxd-main .sec_s,.wxd-main .cbp-so-section.sec_f{padding:0}
.wxd-main .sec_o .cbp-so-side-left{margin:100px 0 0 140px;}
.wxd-main .sec_o .cbp-so-side-right{margin:0 35px 0 0}
.wxd-main .sec_t .cbp-so-side-left{margin:0 0 0 90px;}
.wxd-main .sec_t .cbp-so-side-right{margin:90px 25px 0 0}
.wxd-main .sec_s .cbp-so-side-left{margin:90px 0 0 140px;}
.wxd-main .sec_s .cbp-so-side-right{margin:0 65px 0 0}
.wxd-main .sec_f .cbp-so-side-left{margin:0 0 0 110px;}
.wxd-main .sec_f .cbp-so-side-right{margin:90px 10px 0 0}
.wxd-main .cbp-so-section.sec_t h2{color:#ff9600}
.wxd-main .cbp-so-section.sec_s h2{color:#ff7979}
.wxd-main .cbp-so-section.sec_f h2{color:#3091ce}
.wxd-main .wjz_main_t .tit-t{color:#ff6800; font-size:24px; line-height:34px; text-align:center}
.wxd-main .wjz_main_t .tit-t span{display:block; color:#666}
.wxd-main .wxd-main-o .tit h4,.wxd-main .wxd-main-o .tit p{ color: #fff;}
.wxd-main .wxd-main-o .tit:after{ display: none;}
.wxd-kt{ width: 100%; text-align: center; height:280px; background: url(../images/17website-26.jpg) no-repeat center top;}
.wxd-kt p{ color: #fff; font-size: 24px; line-height: 40px; padding-top: 60px;}
.wxd-kt .webSet-btn a{ background-color: #fff; color: #ff6800;}
.wxd-kt .webSet-btn a:hover{  background-color: #eaeaea;}
.cbp-so-section{ padding:40px 0;}

@media (max-width:640px) {
	.website-main{
		min-width: initial;
		width: 100%;
	}
	.website-banner{ width: 100%; height:300px; background-repeat: no-repeat; background-position: center top; overflow:hidden;}
	.weisite{ width:100%; height:240px; overflow:hidden; background-size:cover; margin-bottom:40px; }
	.cbp-so-init .cbp-so-side{
		opacity:1 !important;
	}
	.weisite-main-o{
	    width: 100%;
	    height: initial;
	    background: url(../images/17website-10.png) no-repeat;
	    background-size: contain;
	    margin: -130px auto auto auto;
	}
	.weisite-main-o .video-con{
		position: relative;
	    width: calc(100% - 140px);
	    height: 164px;
	    margin-left: 68px;
	    padding-top: 68px;
	    background: url(../images/17website-11.jpg) no-repeat center 33px;
	    background-size: contain;
	}
	.weisite-main-o .video-con:after{
	    content: "";
	    position: absolute;
	    left: 50%;
	    margin-left: -49px;
	    top: 50%;
	    margin-top: -40px;
	    width: 98px;
	    height: 98px;
	    background: url(../images/17website-2.png) no-repeat;
	    background-position: 0 -708px;
	}
	.weisite-main-s{
		display: block;
		height: initial;
		padding: 30px 0;
		background-position: 50% 0px !important;
	}
	.weisite-main .weisite-main-o .tit{
		margin-bottom: 50px;
		padding-top:30px;
	}
	.website-main .tit h4{
		margin:0;
	}
	.wfx-main-t{ width:96%; margin:0 2%;}
	#wfx-main-t .wfx_main_t_m .w-1005 .tit h3{
		font-size: 18px;
		font-weight:bold;
		line-height:36px;
	}
	#wfx-main-t .wfx_main_t_m .w-1005 .tit p{
		font-size: 12px;
		padding:0;
	}
	.weifx-main .weisite-main-o .tit h4{
		font-size: 18px;
	}
	.weisite-main-s .s-main{
		margin-top: 30px;
	}
	.weisite-main-s .s-main h4,.website-main .weisite-main-s .tit h4{
		font-size: 20px;
	}
	.weisite-main-s ul{
		padding-top: 20px;
	}
	.weisite-main-s li{
		margin: 20px 20px 0;
	}
	.weisite-main-s li p{
		font-size: 14px;
	}
	.website-main-o{
		width: 100%;
	}
	.website-banner .banner-tex{
		width:100%;
		padding-top: 100px;
	}
	.website-banner .banner-tex h3{
		line-height: 48px;
		font-size: 36px;
		letter-spacing:0;
	}
	.website-banner .banner-tex h4{
		line-height: 48px;
		font-size: 20px;
	}
	.website-main .tit h4{
		line-height: 48px;
		font-size: 24px;
	}
	.weisite-main{ padding:0;}
	.weisite-main .tit{ padding:0; }
	.wfx_main_t_m .tit h3{
		font-size: 20px;
		padding: 0 10px;
	}
	.website-main .tit p{
		line-height: 24px;
		font-size: 14px !important;
		padding: 0 10px;
	}
	.weisite-main-t{ height:1180px;}
	.wxd-main-o .o-m-l{
		width: 100%;
	}
	.wxd-main-o{
		margin-top: 0;
		background: url(../images/17website-251.jpg) no-repeat center top;
		background-size: inherit;
		background-position: initial !important;
		height: initial;
		padding: 200px 0;
	}
	#sale{
		display: none;
	}
	.wxd-main-o .o-m-l ul{
		width: 100%;
	}
	.wxd-main-o .o-m-l ul li{
		margin: 5px;
	}
	.wxd-kt p{
		font-size: 20px;
	}
	.cbp-so-side > img{
		width: 100%;
	}
	.wfx_main_t_m img{
		width: 100%;
	}
	.dining-main{ padding:40px 0 0 0;}
	.dining-main .weisite-main-s{
		padding: 50px 0;
		height: initial;
	}
	.wfx-app{ padding:30px 10px 0 10px; height: 300px;}
	.website-banner .banner-tex p{
		font-size: 20px;
		margin-top: 0;
	}
	.dining-main-o{width: 100%; min-height: 886px; margin-bottom: 37px; background-position:left 85px; background-size:100%; }
	.website-main .dining-main-o .tit{ padding-top: 10px;}
	.dining-main-o .cbp-so-section h2{color: #dc2100;font-size:18px; line-height:36px; margin:0; padding:0; font-weight: bold; width:66%;}
	.dining-main-o .cbp-so-section p{color: #dc2100; font-size:12px; line-height:18px; width:66%;}
	.dining-main-o .sec_o .cbp-so-side-left{margin: -45px 0 0 20px;}
	.dining-main-o .sec_t .cbp-so-side-right{margin: -50px 0 0 100px;}
	.dining-main-o .sec_t .cbp-so-side-right h2{margin:0 0 0 30%;}
	.dining-main-o .sec_t .cbp-so-side-right p{margin:0 0 0 30%;}
	.dining-main-o .sec_t .cbp-so-section h2{color: #0096ff;}
	.dining-main-o .sec_t .cbp-so-section p{color: #0096ff;}
	.dining-main-o .sec_s .cbp-so-side-left{margin: -90px 0 0 95px;}
	.dining-main-o .sec_s .cbp-so-section h2{color: #1ea54e;}
	.dining-main-o .sec_s .cbp-so-section p{color: #1ea54e;}
	.dining-main-o .sec_f .cbp-so-side-right{margin:-90px 30px 0 0;}
	.dining-main-o .sec_f .cbp-so-section h2{color: #cc00ff;}
	.dining-main-o .sec_f .cbp-so-section p{color: #cc00ff;}
	.dining-main-o .sec_w .cbp-so-side-left{margin:-50px 0 0 120px;}
	.dining-main-o .sec_w .cbp-so-section h2{color: #fc5604;}
	.dining-main-o .sec_w .cbp-so-section p{color: #fc5604;}

.main-sub .main-sub-nav dl dd{ float:left; width:auto; text-align:center; margin:0 7px;}
.main-sub .main-sub-nav dl dd a{ font-size:14px; color:#FFF; line-height:24px;}
.main-sub .main-sub-nav dl dd.cur{ background:#FFF; border-radius:6px; padding:0 5px;}
.website-banner .banner-tex h3{ font-size: 24px; line-height: 48px;}
}
@media (max-width:375px) {
.main-sub .main-sub-nav dl dd a{ font-size:12px; color:#FFF; line-height:24px;}
}