@charset "utf-8";
/* CSS Document */
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}

/*企业建站*/
.website-banner{ width: 100%; height:700px; background-repeat: no-repeat; background-position: center top;}
.website-banner.qyjz{ background-image:url(../images/17website-1.jpg); background-size: cover; height: 600px;}
.website-banner .banner-tex{ text-align: center; color: #fff; padding-top: 175px;}
.website-banner .banner-tex h4{ font-size: 60px; font-weight:lighter; line-height: 1;}
.website-banner .banner-tex h4 b{ color: #ff6800;}
.website-banner .banner-tex .p-a{ margin-top: 25px; font-size: 24px; font-weight: lighter;}
.website-banner .banner-tex .p-b{ margin-top: 45px; text-align: center;}
.website-banner .banner-tex .p-b p{ display: inline-block; vertical-align: top; font-size: 18px; line-height: 1.9;}
.website-banner .banner-tex .p-b b{ display: block;}
.website-banner .banner-tex .p-b span{ display: inline-block; vertical-align: top; width: 41px; height: 69px; background: url(../images/17website-37.png) no-repeat; margin: 0 20px;}
.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;}
.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{ background-position: -21px -36px;}
.website-banner .banner-btn a.nobg:hover{ color: #fff; background-color: #ff6800;}
.website-banner .banner-btn a.nobg:hover:before{ background-position: 0 -36px;}

.website-main{ min-width: 1200px;}
.website-main .tit{ text-align: center; margin-bottom: 35px;}
.website-main .tit h4{ color: #333; font-size: 28px; font-weight: normal; line-height: 28px;}
.website-main .tit h4 span{ color: #ff6800}
.website-main .tit p{ color: #666; font-size: 14px; line-height: 1.6; padding-top: 10px;}
.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-l {background-color: #f5f5f5; padding: 55px 0;}
/* .website-main-l .w-1200{border: 1px solid #eaeaea; 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-l .tit,.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: 30px;}
.webSet-main-li:first-child{ margin-top: 35px;}
.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 li{ position: relative; cursor: pointer; margin-right: 10px; float: left; width: 147px; padding: 18px 0; border: 1px solid #e6e6e6; text-align: center; background-color: #fbfbfb;}
.ul-edition li sup{ position: absolute; right: -10px; top:inherit; bottom: 30px; display: block; width: 67px; height: 17px; background: url(/images/xcx-icon.png) no-repeat;}
.ul-edition li sup.ssyqIcon{ width: 79px; background-image: url(../images/ssyq-icon.png);}
.ul-edition li sub.wz{ display: block; width: 41px; height: 41px; background: url(/images/17sj-spri.png) no-repeat; position: absolute; top: 0; right: 0;}
.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 span.span-q{ width: 69px; height: 58px; background-position: -80px -39px;}
.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;}
.webSet-text{ line-height: 38px; font-size: 14px;}
.webSet-text:hover{ color: #ff6800;}
.webSet-formInp{ display: block; width: 300px; padding: 15px 10px; line-height: 16px; border: 1px solid #eee; font-size: 14px; margin-top: 10px;}
.webSet-formInp:first-child{ margin-top: 0;}
.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:50px 0;}
.website-main-w .w-bg{background: url(../images/17website-5.jpg) no-repeat center; height: 295px; padding-top: ;}
.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;}
.website-main-q .w-1200{ border: 1px solid #ebebeb; padding: 50px 0;}
.website-main-q .zxForm-li-input{ height: 38px; line-height: 38px; width: 180px; background-color: #fbfbfb;}
.website-main-q .zxForm-li-sel{ height: 40px; line-height: 40px; background-color: #fbfbfb; width: 98px; margin-right: 5px;}
.website-main-q .zxForm-li .cos{ min-width: auto;}
.website-main-q .zxForm-li label.fl{ line-height: 40px; width: 120px;}
.website-main-q .zxForm-li .li-radio{ height: 40px; border: 0; width: 520px}
.website-main-q .zxForm-li-radio{ margin-top: 5px;}
.website-main-q .zxForm-li textarea{ width:864px; height: 100px; line-height: 18px;}
.website-main-q .zxForm{ margin-left: 60px;}
.website-main-f .case_meau{ padding: 0;}
.website-main-f .case_main{ margin-bottom: 50px;}
.website-main-f .tem_meau_m li:first-child{ width: 295.7px;}
.website-main-f .case_main_all .wwz_main_s_m {margin-bottom:-50px;}

/*网上开店*/
.website-banner.shop{ background-image:url(../images/17website-7.jpg);}
.website-banner.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/xcx5.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}

/*微信建站*/
.website-banner.weisite{ position: relative; background-image:url(./images/17website-9.jpg);}
.website-banner.weisite .banner-tex h4{line-height: 64px;}
.website-banner.weisite .banner-btn a.down-btn{ border-color:#fff; color: #fff;}
.website-banner.weisite .banner-btn a.down-btn:before{ background-position: 0 -1516px;}
.website-banner.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;}
.weisite-main-s{ height: 340px; padding: 80px 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;}

/*微餐饮*/
.website-banner.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 bottom;}
.website-main .dining-main-o .tit{ padding-top: 60px;}
.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: 116px 0 0 45px;}
.dining-main-o .sec_t .cbp-so-side-right{margin: 300px 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: 0 80px 215px 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: 0 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;}

/*微分销*/
.website-banner.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;}

/*微小店*/
.website-banner.weishop{background-image:url(./images/17website-23.jpg);}
.website-banner.weishop .banner-tex h4{line-height: 48px; margin-top: 30px;}
.website-banner.weishop .banner-tex p{ margin: 0;}
.wxd-main .weisite-main-o{ margin-top: -293px;}
.wxd-main .website-main-o{ position: relative;}
.wxd-main-o{padding:380px 0 0 0; height: 710px; margin-top: -330px; 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}
.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;}

/*案例*/
.website-banner.case{ height:520px; background-image:url(../images/17website-27.jpg);}
.website-banner.case .banner-tex{ padding-top: 160px;}
.website-banner.case .banner-tex h4{line-height: 48px;}
.website-banner.case .banner-tex p{ font-size: 14px; line-height: 26px; margin-top: 20px;}
.case_meau{background: #f5f5f5;padding: 40px 0;position: relative;z-index: 2}
.case_meau_m{-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15); height: 52px; line-height: 52px; position: relative; margin-top: 10px; border: 1px solid #dfdfdf; background-color: #fff;}
.case_meau_m dl{float: left; border-right: 1px solid #dfdfdf;}
.case_meau_m_o{width:597px;position: relative;cursor: pointer;}
.case_meau_m dl dt{color: #ff6800;font-size: 16px;padding: 0 15px 0 18px;}
.case_meau_m_o dd{color: #999999;font-size: 13px;}
.case_meau_m_o i{display: block;position: absolute;right: 10px;top: 26px;}
.case_meau_m_t{width: 348px;}
.case_meau_m_t dd{margin-top: 20px;}
.case_meau_m_t dd img{float: left;display: block;margin-right: 4px;cursor: pointer;}
.case_meau_m .case_meau_m_s{line-height: 23px; border-right:0;}
.case_meau_m_s dd{width: 160px;margin-top: 19px; margin-left: 10px;}
.case_meau_m_s dd input{width: 100%;border: none;color: #999999;font-size: 13px; text-align: right;}
.case_meau_m_s dt{margin-top: 20px;cursor: pointer; margin-left: 20px;}
.tem_meau_m{border: 1px solid #dfdfdf; -moz-box-shadow:0 1px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15);}
.tem_meau_m li{width:298.7px; cursor: pointer;float: left; position: relative; text-align: center; border-right: 1px solid #dfdfdf;}
.tem_meau_m li:last-child{ border: 0;}
.tem_meau_m li a{color: #666;font-size: 16px;line-height: 56px;display: block; background-color: #f5f5f5;}
.tem_meau_m li.on a{background: #fff;color: #ff6800;}
.case_fl{-moz-box-shadow:0 2px 3px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.15);box-shadow:0 2px 3px rgba(0,0,0,.15); position: absolute;top: 50px;left:-1px;z-index: 2;width:1200px; display: none;}
.case_fl_m{background:#fff; border: 1px solid #dfdfdf; border-top: 0;position: relative;z-index: 2}
.case_fl_m p{height: 1px;width:601px;background: #dfdfdf;position: absolute;top: 0px;right:0;}
.case_fl_m ul{padding:30px;}
.case_fl_m li{line-height: 24px;width: 189px;float: left;}
.case_fl_m li a{color: #666666;font-size: 13px;}
.case_fl_m li a:hover{color: #ff6800;}
.case_fl_m li.on a{color: #ff6800;}
.case_main{position: relative;z-index: 1}
.case_main_all{display: none;}
.case_main_m { margin-left: -12px;}
.case_main_m dl{width: 230px; float: left;margin: 45px 0 0 12px;}
.case_main_m dl dt{width: 228px;height: 177px;text-align: center;background: url(../images/case_24.png) no-repeat; position: relative;}
/*.case_main_m dl dt:hover{background: url(../images/case_15_h.gif) no-repeat;}*/
.case_main_m dl dt img{padding-top: 11px;width: 210px;height: 158px; display: inline-block; margin-left: 4px;}
.case_main_m dl dd{text-align: center;width: 100%;height: 36px;line-height: 36px;overflow: hidden;}
.case_main_m dl dd a{font-size: 14px;color: #666;}
.case_main_m dl dd a:hover{color: #ff6800;}
.case_main_meau{padding: 60px 0;text-align: center;}
.case_main_meau p a{width: 29px;height: 29px; border:1px solid #c8c7c8 ;display: inline-block; background-color:#fff; line-height: 29px;text-align: center;margin: 0 2px;color: #333333;font-size: 14px; -moz-border-radius:50%;  -webkit-border-radius:50%; border-radius:50%;  }
.case_main_meau p a:hover,
.case_main_meau p a.on{color: #fff; background-color:#ff6800; border-color: #ff6800;}
.case_main_meau p a.jt{font-weight: bold;}
.pww_main_m{ margin-left: -22px;}
.pww_main_m dl{width: 283px;height: 226px;background: url(../images/case_24.png) no-repeat;float: left;position: relative;margin: 40px 0 0 22px}
.pww_main_m dt{width: 222px;text-align: center;margin: 4px 0 0 5px;padding-top: 11px;border: 1px solid #e9e9e9}
.pww_main_m dt:hover{border-color: #ff6800;}
.pww_main_m dt a{color: #999999;font-size: 14px;}
.pww_main_m dt a:hover{color: #ff6800;}
.pww_main_m dt img{width: 200px;height: 150px;padding-bottom: 12px; display: inline-block;}
.pww_main_m dt p{width: 222px;height: 44px;line-height: 44px;}
.pww_main_m dd{margin: 3px 4px 0 0;}
.pww_main_m dd p{width: 50px;margin-top: 1px;text-align: center;color: #666;font-size: 13px;line-height: 16px;background: url(../images/case_25.gif) no-repeat top center;padding-top: 24px;cursor: pointer;margin-top: 19px;}
.pww_main_m dd p:hover{color: #ff6800;}
.pww_main_m dd p.p2{background: url(../images/case_26.gif) no-repeat top center;padding-top: 34px;margin-top: 24px;}
.pww_main_m_o{width: 222px;height: 217px;text-align: center;position: absolute;left: 6px;top: 5px;display: none;}
.pww_main_m_o .bg{width: 100%;height: 100%;background: #000;opacity: 0.8;position: absolute;left: 0;top: 0;}
.pww_main_m_o img{ display:inline-block; width: 140px;height: 140px;position: relative;z-index: 1;margin-top: 27px;}
.pww_main_m_o p{position: relative;z-index: 1;color: #ffffff;font-size: 13px;line-height: 35px;}
.pww_main_m_o i{width: 10px;height: 19px;background: url(../images/case_28.png) no-repeat;position: absolute;top: 38px;right: -10px;}
.pww_main_m_o.wap i{top: 120px;}

.wwz_main_s_m{text-align: center; margin-left: -30px;}
.wwz_main_s_m dl{width: 216px;height: 404px;background: url(../images/wwz_27.png) no-repeat;position: relative;float: left;margin: 0 0 25px 30px;}
.wwz_main_s_m dt{padding: 55px 0 0 14px;}
.wwz_main_s_m dt img{width: 185px;height: 279px;}
.wwz_main_s_m dd{width: 185px;height: 279px;top: 55px;left: 14px;text-align: center;position: absolute;display: none;}
.wwz_main_s_m dd h4{color: #f7f8fa;font-size: 20px;line-height: 20px;margin: 22px 0; font-weight: normal;}
.wwz_main_s_m dd p{color: #f7f8fa;font-size: 12px;line-height: 18px;margin: 22px 0;}
.wwz_main_s_m dd a{color: #fff;text-decoration: none;display: inline-block;padding-bottom: 4px;padding-top: 4px;border: #f76301 1px solid;margin-top: 0px;background-color: #f76301;width: 95px;font-size: 12px;border-radius: 5px;-moz-border-radius: 5px;}
.wwz_main_s_m dd a:hover{background: #e24524;}
.wwz_main_s_m dd img{width: 99px;height: 99px; display: inline-block;}
.wwz_main_s_m dl .bg{width: 185px;height: 279px;background: #000;filter: alpha(opacity=70);/*IE滤镜，透明度50%*/-moz-opacity: 0.7;opacity: 0.7;position: absolute;top: 55px;left: 14px;display: none;}
.wwz_main_s_m dl:hover .bg,.wwz_main_s_m dl:hover dd{ display: block;}
.wwz_main_s_m .tex{ width: 200px; margin: 70px 0 0 5px;}
.wwz_main_s_m .tex .fl{ width: 140px; text-align: left;}
.wwz_main_s_m .tex .fr{ width: 50px; text-align: right;}
.case_main_all .wwz_main_s_m dl{ margin-bottom: 50px; }

.case_main_m dl dt img.loadingImg{ width: auto; height: auto; position: absolute; left: 50%; top: 50%; margin: 0; display: block; padding: 0; transform: translateX(-50%) translateY(-50%);}
.wwz_main_s_m dt img.loadingImg{ width: auto; height: auto; position: absolute; left: 50%; top: 50%; margin: 0; display: block; padding: 0; transform: translateX(-50%) translateY(-50%);}
.pww_main_m dt img.loadingImg{ width: auto; height: auto; padding: 69px 0;}

/*模板*/
.website-banner.template{ height:566px; background-image:url(../images/17website-28.jpg);}
.website-banner.template .banner-tex h4{ font-size: 36px; line-height: 48px;}
.website-banner.template .banner-tex{ padding-top: 120px;}
.tem_main_m{ margin-left: -34px;}
.tem_main_m dl{width: 222px;height: 217px;position: relative;float: left;margin: 45px 0 0 22px;font-size: 13px}
.tem_main_m dl dt{width: 228px;height: 223px;text-align: center;background: url(../images/tem_6.gif) no-repeat;position: relative;}
.tem_main_m dl dt:hover{background: url(../images/tem_6_h.gif) no-repeat;color: #666666}
.tem_main_m dl dt img{padding-top: 14px;width: 200px;height: 150px; display: inline-block;}
.tem_main_m dl dt .dt_o{display: block;text-align: left;color: #666666;font-size: 13px;padding: 20px 15px 0 15px;}
.tem_main_m dl dt .dt_o em{font-style: normal;color: #ff6800}
.tem_main_m dl dt .dt_o b{font-weight: normal;color: #ff6800}
.tem_main_m dl i{display: block;width: 84px;height: 53px;background: url(../images/tem_7.png) no-repeat;position: absolute;top: 3px;right: -9px;}
.tem_main_m dl dt .dt_t{position: absolute;left: 3px;top: 160px;width: 222px;display: none;}
.tem_main_m dl dt .dt_t span{margin: 0 0 0 12px;font-size: 13px;}
.tem_main_m dl dt .dt_t em{font-style: normal;color: #ff6800;}
.tem_main_m dl dt .dt_t a{display: block;font-weight: normal;margin: 0 13px 0 0;font-size: 13px;background: url(../images/tem_9.gif) no-repeat left center;padding-left: 12px;}
.tem_main_m dl dt .dt_s{width: 222px;height: 25px;position: absolute;left: 3px;top: 165px;background: url(../images/tem_10.png) no-repeat;}
.tem_main_m dl dt .bg{width: 222px;height: 145px;background: #000;position: absolute;left: 3px;top: 3px;filter: alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;display: none}
.tem_main_m dl:hover .bg{ display: block;}
.tymb .tem_main_m dl dt .dt_t{display: block;position: inherit;left: inherit;top: inherit;width: inherit;text-align: left;color: #666666;font-size: 13px;padding: 20px 0 0 0;}
.tymb .tem_main_m dl dt .bg{height: 170px;}
.case_main_all .wwz_main_s_m{margin-top: 45px;}

.tem_main_m .pcwap_o a:hover{color: #555}
.tem_main_m .pc_img{margin: 15px 0 0 5px;width: 290px;height: 218px;}
.tem_main_m .pc_bg{width: 290px;height: 218px;background: #000;position: absolute;left: 5px;top: 15px;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;display: none;}
.tem_main_m .pc_p .fl{margin-left: 13px;}
.tem_main_m .pc_p em{font-style: normal;color: #ff6800;}
.tem_main_m .pc_p .fr{margin-right: 75px;}
.tem_main_m .pc_p b{font-weight: normal;color: #ff6800;}
.tem_main_m .pc_log{width: 100%;position: absolute;left: 0;top: 75px;text-align: center;display: none;}
.tem_main_m .pc_log img{ display: inline-block;}
.tem_main_m .pc_log p{color: #ffffff;font-size: 13px;padding-top: 5px;}
.tem_main_m .pcwap_o i{display: block;width: 84px;height: 53px;background: url(../images/tem_7.png) no-repeat;position: absolute;top: 4px;right: 0;}
.tem_main_m .wap_m{width: 78px;height: 136px;background: url(../images/tem_14.png) no-repeat;position: absolute;bottom: -10px;right: -13px;}
.tem_main_m .wap_img{margin: 13px 0 0 7px;width: 66px;height: 100px;}
.tem_main_m .wap_bg{width: 66px;height: 100px;background: #000;position: absolute;left: 7px;top: 13px;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;display: none;}
.tem_main_m .wap_log{width: 27px;height: 27px;position: absolute;top: 50%;margin-top: -18.5px;left: 50%;margin-left: -13.5px;display: none;}

.newcase-meau{padding: 30px 0;background: #ebebeb;}
.newcase-meau-all{border: 1px solid #d3d3d3;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #fff;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.newcase-meau-o{background: #dbdbdb;}
.newcase-meau-o ul{float: left;}
.newcase-meau-o ul li{float: left;width: 460px;text-align: center;height: 54px;line-height: 54px;background: #dbdbdb;color: #333;font-size: 16px;cursor: pointer;border-top: 1px solid #dbdbdb;border-right: 1px solid #d3d3d3;}
.newcase-meau-o ul li:hover{color: #ff6800;}
.newcase-meau-o ul li.on{border-top-color: #f86d0d;background: #fff;color: #ff6800;border-bottom-color: #fff;}
.newcase-meau-o .sea{float: left;}
.newcase-meau-o .sea input{height: 18px;line-height: 18px;width: 180px;padding: 0 25px;background: #dbdbdb;font-size: 13px;color: #333;border: 0;font-family: "微软雅黑";float: left;margin-top: 18px;}
.newcase-meau-o .sea a{display: block;float: left;width: 16px;height: 18px;background:url(../images/newtem-sprite-img.png) no-repeat ;background-position: 0 0;margin-top: 18px;}
.newcase-meau-t{padding: 20px 19px;position: relative;}
.newcase-meau-t dl{float: left;height: 50px;min-height: 50px;border-right:1px solid #ebebeb;padding-right: 20px; margin-right: 23px;position:relative;z-index:3}
.newcase-meau-t dl dt{font-size: 14px;color: #999;line-height: 14px;margin-bottom: 8px;}
.newcase-meau-t dl dd a{display: block;line-height: 28px;font-size: 14px;color: #666;padding: 0 13px;background: #f0f0f0;float: left;margin-right: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.newcase-meau-t dl dd a:hover{color: #f86d0d;}
.newcase-meau-t dl dd a.on{background: #f86d0d;color: #fff;}
.newcase-meau-t dl dd i{float: left;width: 16px;height: 16px;display: block; background: #ff0000; margin-right: 4px; cursor: pointer;}
.newcase-meau .case_fl{left: -1px;top: 63px;-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); width: 1200px;}
.newcase-meau .case_fl_m{background: #fff; border: 1px solid #ccc; border-top:none;padding-top:20px;}
.newcase-meau .case_fl_m ul{width: 1160px;}
.newcase-meau-t dl dd i.i-all{background:url(../images/all.png) no-repeat ;}
.newcase-meau-t dl dd i.i-o{background: #ff0000;}
.newcase-meau-t dl dd i.i-t{background: #ff6600;}
.newcase-meau-t dl dd i.i-s{background: #ffff00;}
.newcase-meau-t dl dd i.i-f{background: #007600;}
.newcase-meau-t dl dd i.i-w{background: #00d9d9;}
.newcase-meau-t dl dd i.i-l{background: #0033ff;}
.newcase-meau-t dl dd i.i-q{background: #ff68ff;}
.newcase-meau-t dl dd i.i-b{background: #990099;}
.newcase-meau-t dl dd i.i-q{background: #964b00;}
.newcase-meau-t dl dd i.i-shi{background: #ffffff; width: 14px; height: 14px; border: 1px solid #d9d9d9;}
.newcase-meau-t dl dd i.i-sy{background: #999;}
.newcase-meau-t dl dd i.i-se{background: #000;}
.newcase-meau-t dl dd i.i-ss{background:url(../images/newtem-sprite-img.png) no-repeat ; background-position:0 -155px;}
.newcase-meau-t dl.col{padding: 0;margin: 0;border: 0;}
.newcase-meau-t dl.col dt{margin-bottom: 14px;}
.newcase_main .tem_main_m .pcwap_o{width: 274px;height: 295px;background: url(../images/newtem-sprite-img.png) no-repeat -116px 0;margin-left: 34px;margin-top: 35px; float: left; position: relative;}
.newcase_main .tem_main_m .pc_img{width: 270px;height: 203px;margin: 11px 0 0 2px;}
.newcase_main .tem_main_m .wap_m{width: 90px;height: 178px;background: url(../images/newtem-sprite-img.png) no-repeat -425px 0;bottom: 68px;right: 0;}
.newcase_main .tem_main_m .wap_img{width: 80px;height: 142px;margin: 12px 0 0 5px;}
.newcase_main .tem_main_m .pc_bg{width: 270px;height: 203px;top: 11px;left: 2px;}
.newcase_main .tem_main_m .wap_bg{width: 80px;height: 142px;top: 12px;left: 5px;}
.newcase_main .tem_main_m .pc_p{ line-height:38px; position: absolute; display: block;width: 274px;height: 70px;background: url(../images/newtem-sprite-img.png) no-repeat -547px 0;left: 0;bottom: 0;;}
.newcase_main .tem_main_m .pc_p .fl{font-size: 13px;line-height: 24px;margin: 17px 0 0 16px;width: 168px;height: 44px;overflow: hidden;}
.newcase_main .tem_main_m .pc_p .fl p{font-size: 13px;color: #aaa;}
.newcase_main .tem_main_m .pc_p .fr{line-height: 26px;font-size: 13px;border: 1px solid #ff6800;padding: 0 10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin: 24px 15px 0 0;}
.newcase_main .tem_main_m .pcwap_o i{width: 84px;height: 53px;background: url(../images/newtem-sprite-img.png) no-repeat 0 -102px; right: inherit; left: -3px; top: 0;}
.pt.tem_main_m{ margin-left: -22px;}
.pt.tem_main_m dl dt .dt_o{display:none;}
.pt.tem_main_m dl dt .dt_o{display:none;}
.pt.tem_main_m dl dt .dt_t{top:185px; display:block}
.pt.tem_main_m dl dt .bg{height:170px;}
.tem_main_m .pcwap_o:hover .pc_bg,.tem_main_m .pcwap_o:hover .pc_log{ display: block;}
.tem_main_m .pcwap_o:hover .wap_bg,.tem_main_m .pcwap_o:hover .wap_log{ display: block;}

/*可信网站*/
.website-banner.knet{ height:520px; background-image:url(../images/17website-29.jpg);}
.knet-main-o{ margin-top: -178px; padding-bottom: 75px;}
.knetBox{ text-align: center;}
.knet-main-o .o-box{
	-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);
	-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);
	box-shadow:0 10px 25px rgba(0,0,0,.08); 
	width:318px; display: inline-block; margin: 0 8px; background-color: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 5px solid #ffd550; border-bottom: 5px solid #ffd550;
	}
.knet-main-o .o-box:nth-child(1) .webSet-btn a{ background-color: #96cb11;}
.knet-main-o .o-box:nth-child(1) .webSet-btn a:hover{ background-color: #8ec10d;}
.knet-main-o .o-box-top{ text-align: center; padding: 25px 0; border-bottom: 1px solid #eaeaea;}
.knet-main-o .o-box-top .p-o{ color: #333; font-size: 22px; line-height: 22px;}
.knet-main-o .o-box-top .p-t{ color: #666; font-size: 16px; line-height: 30px; padding-top:15px;}
.knet-main-o .o-box-top .p-t span{ color: #ff6800; font-size: 30px;}
.knet-main-o .o-box-top .webSet-btn{ margin-top:5px;}
.knet-main-o .o-box-bottom{ padding:25px 0;}
.knet-main-o .o-box-bottom li{ text-align: left; width: 116px; float: left; font-size: 14px; line-height: 28px; color: #6a6a6a; padding-left: 18px; background: url(../images/17website-30.gif) no-repeat left center; margin-left: 18px;}
.knet-main-o .o-tex{ text-align: center; margin-top: 55px;}
.knet-main-o .o-tex h4{ font-size: 28px; line-height: 28px; color: #ff6800;}
.knet-main-o .o-tex p{ color: #6a6a6a; font-size: 14px; line-height: 24px; margin-top: 15px;}
.knet-main-o .o-tex p span{ color: #96cb11;}
.knet-main-o .o-tab{ margin-top: 40px; border: 1px solid #ebebeb;}
.knet-main-o .o-tab dl{ min-height: 186px; width: 498px; padding: 45px 50px; float: left; border-right: 1px solid #ebebeb;}
.knet-main-o .o-tab dl:last-child{ border: 0;}
.knet-main-o .o-tab dt{ color: #96cb11; font-size: 24px; line-height: 24px; padding-bottom:15px;}
.knet-main-o .o-tab dd{ color: #6a6a6a; font-size: 14px; line-height: 24px;}
.knet-main-t{ padding-top: 100px; height: 500px; background: url(../images/17website-31.jpg) no-repeat center top;}
.knet-main-t .tit h4,.knet-main-t .tit:after{ color: #fff;}
.knet-main-t ul{ margin-left: 1px; margin-top: 50px;}
.knet-main-t li{ background-color: #fff; float: left; width:598px; padding: 35px 0; border: 1px solid #ebebeb; margin-left: -1px; margin-top: -1px;}
.knet-main-t .li-img{ width: 56px; height: 56px; margin:5px 43px 0 53px;}
.knet-main-t .li-img span{ display: block; float: left; width: 56px; height: 55px; margin: .5px 0 0 0; background: url(../images/17website-32.png) no-repeat; background-position: 0 -168px;}
.knet-main-t li:nth-child(2) .li-img span{ width: 48px; height: 56px; margin: 0 0 0 4px; background-position: 0 0;}
.knet-main-t li:nth-child(3) .li-img span{ width: 56px; height: 56px; margin: 0; background-position: 0 -112px;}
.knet-main-t li:nth-child(4) .li-img span{ width: 56px; height: 56px; margin: 0; background-position: 0 -56px;}
.knet-main-t dt{ color: #333; font-size: 18px; line-height: 18px;}
.knet-main-t dd{ color: #666; font-size: 14px; line-height: 22px; padding-top: 10px;}
.knet-main-s{ padding: 60px 0;}
.knet-main-s li{ margin-right: 42px; float: left; width: 310px; padding: 50px 30px; border: 1px solid #e6e6e6;}
.knet-main-s .li-img{ width: 77px; height: 63px; margin: 0 auto;}
.knet-main-s .li-img span{ display: block; float: left; width: 73px; height: 59px; margin: 2px 0 0 2px; background: url(../images/17website-32.png) no-repeat; background-position: 0 -286px;}
.knet-main-s li:nth-child(2) .li-img span{ width: 60px; height: 63px; margin: 0 0 0 8.5px; background-position: 0 -223px;}
.knet-main-s li:nth-child(3) .li-img span{ width: 77px; height: 63px; margin: 0; background-position: 0 -345px;}
.knet-main-s li:nth-child(3) { margin-right: 0;}
.knet-main-s dl{ margin-top: 30px;}
.knet-main-s dt{ text-align: center; color: #333; font-size: 20px; line-height: 20px;}
.knet-main-s dd{padding-top: 15px; min-height: 120px;  color: #666; font-size: 14px; line-height: 24px;}
.knet-main-f{ height: 580px; background: url(../images/17website-33.jpg) no-repeat center top;}
.knet-main-f .tit h4{ padding-top: 90px; padding-left: 650px; color: #fff; text-align: left;}
.knet-main-f .tit:after{ display: none;}
.knet-main-f ul{ margin-left: 625px;}
.knet-main-f ul li{ float: left;}
.knet-main-f ul li img{ width: 153px; height: 58px; border: 1px solid #e6e6e6; margin: 0 0 25px 25px;}

.website-main .parallax{background-attachment: fixed;}

/*弹出层 样式*/
.dig-bg {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display: none;
}

.dig-vid {
	width: 940px;
	height: 480px;
	position: fixed;
	left: 50%;
	margin-left: -460px;
	top: 50%;
	margin-top: -240px;
	background: #666;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	box-shadow: 0 0 15px #666;
	z-index: 10001;
	display: none;
}

.website_main_s_w{background: #fff;}
.website_main .website_main_s_w .tit{font-size: 20px;line-height: 20px;margin-top: 30px;}
.website_main_s_w_m{margin-bottom: 35px;}
.website_main_s_w_m_m li{margin-bottom: 8px;}
.website_main_s_w_m_m p{text-align: right;color: #666666;font-size: 14px;line-height: 30px;}
.website_main_s_w_m_m p.p1{width: 210px;margin-right: 10px;}
.website_main_s_w_m_m p.p1 span{color: #ff6800;display: inline-block;margin-right: 3px;}
.website_main_s_w_m_m p.p2{margin-right: 3px;}
.website_main_s_w_m_m .inp1{color: #666;font-size: 14px;line-height: 30px;margin-right: 15px;}
.website_main_s_w_m_m .inp1 input{vertical-align: -2px;margin-right: 5px;background: #fff;}
.website_main_s_w_m_m .inp2{width: 202px;height: 14px;line-height: 14px;padding: 8px 5px;background: #fff;color: #333;font-size: 14px;border: 1px solid #d1d1d1;margin-right: 15px;font-family: "Microsoft Yahei";border-radius: 3px;}
.website_main_s_w_m_m select{float: left;height: 30px;background: #fff;outline: none;text-indent: 15px;line-height: 30px;width: 100px;color: #666666;font-size: 14px;margin-right: 15px;font-family: "Microsoft Yahei";border: 1px solid #d1d1d1;background: #f8f8f8;border-radius: 3px;}
.website_main_s_w_m_m textarea{width: 522px;height: 100px;font-size: 14px;color: #333;line-height: 24px;font-family: "Microsoft Yahei";padding: 5px;outline: none;border: 1px solid #d1d1d1;border-radius: 3px;}
.website_main_s_w_m_m a{width: 203px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #ff6800;font-size: 16px;display: block;float: left;margin: 8px 0 0 220px;border-radius: 3px;}
.website_main_s_w_m_m a:hover{filter: alpha(opacity=90);/*IE滤镜，透明度50%*/-moz-opacity: 0.9;opacity: 0.9;}
.maketing-dig.website_main_s_w{position: fixed;left: 50%;margin-left: -500px;top: 50%;margin-top: -208.5px;z-index: 99999;display: none;}
.maketing-dig .tit{text-align: center;font-size: 20px;color: #ff6800;line-height: 20px;margin: 30px 0;}
.maketing-dig .close{position: absolute;right: -5px;top: -5px;width: 53px;height: 53px;background: url(../images/n-qyjz-close.png) no-repeat;cursor: pointer}

/*侧导航*/
.ce_nav{position: fixed;right: 10px;bottom:0;z-index: 9999}
.ce_nav li{margin-bottom: 10px;}
.ce_nav li a{display: block;width: 60px;height: 60px;background: #fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;color: #408ed6;font-size: 12px;text-align: center;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);border: 1px solid #408ed6;}
.ce_nav li a span{background-image: url(../images/n-qyjz-1.png);background-repeat: no-repeat;padding-top: 34px;display: inline-block}
.ce_nav li.li_t a{border-color: #ff6800;color: #ff6800;}
.ce_nav li.li_s a{border-color: #62ad44;color: #62ad44}
.ce_nav li.li_f a{border-color: #ffae00;color: #ffae00}
.ce_nav li.li_w{display: none}
.ce_nav li.li_w a{border-color: #cecece;color: #999999}
.ce_nav li.li_o a span{background-position: -57px -170px;}
.ce_nav li.li_t a span{ background:url(../images/kf-icon-1.gif) no-repeat center 5px}
.ce_nav li.li_s a span{background-position: -53px -237px;}
.ce_nav li.li_f a span{background-position: -53px -418px;}
.ce_nav li.li_w a span{background-position: -53px -506px;}
.ce_nav li.li_t a:hover{color: #fff;background-color: #ff6800}
.ce_nav li.li_t a:hover span{background:url(../images/kf-icon-2.gif) no-repeat center 5px}
.ce_nav li.li_s a:hover{color: #fff;background-color: #62ad44}
.ce_nav li.li_s a:hover span{background-position: -142px -237px;}
.ce_nav li.li_f a:hover{color: #fff;background-color: #ffae00}
.ce_nav li.li_f a:hover span{background-position: -140px -418px;}
.ce_nav li.li_w a:hover{color: #ff6800;background-color: #fff}
.ce_nav li.li_w a:hover span{background-position: -144px -506px;}
.ce_nav li a:active{background: #3fcb97}
.ce_nav li.li_o{position: absolute;left: 0;top: 142px}
.ce_nav li.li_o a{position: relative;right: 0;cursor: default;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.ce_nav li.li_o a p{display: none;}
.ce_nav li.li_o.on a{background: #408ed6}
.ce_nav li.li_o.on a span{display: none;}
.ce_nav li.li_o.on a p{display: block;color: #fff;font-size: 13px;text-align: left;background: url(../images/n-qyjz-1.png) no-repeat;background-position: 90px -315px;line-height: 22px;padding: 8px 0 0 13px;}
.ce_nav li.li_o.on a p i{font-size: 19px;display: block;}
.ce_nav li.li_s{margin-top: 82px;}
.ce_nav li.li_l a{border-color:#1abfb1; color:#1abfb1;}
.ce_nav li.li_l a span{background:url(../images/kf-icon-3.gif) no-repeat center 5px}
.ce_nav li.li_l a:hover{background:#1abfb1; color:#fff;}
.ce_nav li.li_l a:hover span{background:url(../images/kf-icon-4.gif) no-repeat center 5px}
.ce_nav li.li_q a{border-color:#3acb96; color:#3acb96;}
.ce_nav li.li_q a span{ background-position: -224px -418px;}
.ce_nav li.li_q a:hover{background:#3acb96; color:#fff;}
.ce_nav li.li_q a:hover span{ background-position: -294px -418px;}
.ce_nav li.li_b a{border-color:#fb5a00; color:#fff; background-color: #fb5a00; margin-top: 35px;}
.ce_nav li.li_b a span{ background: url(../images/17website-34.gif) no-repeat center 10px;}
.ce_nav li.li_b a:hover{filter: alpha(opacity=90);/*IE滤镜，透明度50%*/-moz-opacity: 0.9;opacity: 0.9;}

.ce_nav li .cndns-right-box .box-border{ width: 430px;}
.ce_nav li .cndns-right-box li{ margin-bottom: 0;}
.ce_nav li .cndns-right-box a{ width: auto; height: auto; border: none; border-radius: 0; box-shadow: none;}
.ce_nav li .cndns-right-box a:hover{ background-color:initial;}
.ce_nav li.li_t:hover .cndns-right-box { display: block;}

/*-------DNS弹出窗-------*/
.dns_zzbg{ width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:fixed; left:0; top:0; z-index:9999; display:none;}
.dns_dialog{ position:fixed; width:440px; height:auto; top:50%; left:50%; margin-top:-210px; margin-left:-220px; background:#fff; z-index:10000; border:1px solid #a8a8a8; display:none;}
.dns_dialog_t{ height:44px; line-height:44px; border-bottom:1px solid #f2f2f2; text-indent:20px;}
.dns_dialog_t .fl{ color:#ff6800; font-size:16px;}
.dns_dialog_t .fr{ margin:16px 10px 0 0; cursor:pointer;}
.dns_dialog_m{ width:314px; margin:30px auto 45px auto;}
.dns_dialog_m li{ padding-bottom:8px;}
.dns_dialog_m .tex{ color:#676767; width:70px; font-size:14px; text-align:right; line-height:30px;}
.dns_dialog_m p{ line-height:30px; font-size:14px;}
.dns_dialog_m p.p1{ color:#ff6800;}
.dns_dialog_m a{ font-size:14px; color:#ff6800; font-weight:bold; line-height:30px; display:block; width:120px; border:1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-indent:10px; background:url(/cn/knet/images/jt.gif) no-repeat 100px center;}
.dns_dialog_m .fl{ position:relative;}
.dns_dialog_m .fl ul{ border:1px solid #d1d1d1; border-top:none; position:absolute; left:0; top:30px; background:#fff; z-index:2; width:120px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius:0 0 3px 3px;}
.dns_dialog_m .fl ul li{border-bottom:#ededed 1px solid; font-size:14px; line-height:34px; padding-bottom:0; text-indent:10px; cursor:pointer; color:#676767;}
.dns_dialog_m .fl ul li:hover{color:#ff6800; background:#f5f5f5}
.dns_dialog_m input{ width:238px; height:30px; border:1px solid #d1d1d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-indent:10px; color:#676767}
.dns_dialog_m p img{ display: inline-block; vertical-align: -2px; margin-right: 5px;}
.dns_dialog_m p.p2{ color:#999999; font-size:12px; line-height:26px; height:26px;}
.dns_dialog_m p.p2.msg1{ background:url(/cn/knet/images/zc_x.gif) no-repeat left center; color:#ff6800; text-indent:20px;}
.dns_dialog_m p.p2.msg2{ background:url(/cn/knet/images/zc_t.gif) no-repeat left center; color:#666666;text-indent:20px;}
.dns_dialog_m p.p2.msg3{ background:url(/cn/knet/images/zc_z.gif) no-repeat left center; text-indent:20px;}
.dns_dialog_m p.p3{ color: #ff6800; line-height: 18px; font-size: 12px;}
.dns_dialog_b{ padding-bottom: 50px;}
.dns_dialog_b a{ width:173px; height:40px; background:#ff6800; font-size:16px; text-align:center; line-height:40px; color:#fff; display:block; margin:0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.dns_dialog_b a:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.formText{ color: #ff6800;}
.digRes{ text-align: center; padding:30px 0;}
.digRes img{ display: inline-block;}
.digRes p{ padding-top: 10px; color: #9f9f9f; font-size: 12px; line-height: 24px;}
.digRes span{ display: block; color: #ff6800; font-size: 16px;}
.digVer{ padding-bottom: 30px; text-align: center;}
.digVer p{ vertical-align: top; line-height: 36px; display: inline-block; color: #676767; font-size: 12px;}
.digVer-form{ 
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	display: inline-block; overflow: hidden; border: 1px solid #d1d1d1;}
.digVer-form input{ line-height: 34px; vertical-align: top; height: 34px; background-color: #fff; border: none; width: 210px; padding: 0 10px; color: #676767; font-size: 12px;}
.digVer-form a{ display: inline-block; background-color: #e8e8e8; line-height: 34px; padding: 0 10px; color: #676767; font-size: 12px;}
.digVer-form a:hover{ background-color: #ff6800; color: #fff;}
.dns_dialog_b.digBtn{ text-align: center;}
.dns_dialog_b.digBtn a{ font-size: 14px; width:102px; display: inline-block; margin: auto; display: inline-block;}
.dns_dialog_b.digBtn a:nth-child(2){ background-color: #d5d5d5;}

/*小程序*/
.marginTop-40{ margin-top: 40px;}
.paddingTopBot-60{ padding: 60px 0;}
.xcx-tit{ text-align: center; color: #333;}
.xcx-tit h4{ font-size: 28px; line-height: 36px; font-weight: normal;}
.xcx-tit .col{ color: #ff6800;}
.xcx-tit p{ font-size: 16px; line-height: 24px; color: #999; margin-top:10px;}
.bg-gray{ background-color: #f8f8f8;}
.website-banner.xcx{ background-image: url(../images/xcx-1.jpg); height: 600px;}
.xcx .banner-tex{ text-align: center; color: #fff; letter-spacing: 10px; padding-top: 215px;}
.xcx .banner-tex h4{ font-size: 42px; line-height: 42px;}
.xcx .banner-tex h5{ font-size: 60px; line-height: 60px; font-weight: normal; margin: 35px 0 40px 0;}
.xcx .banner-tex h6{ font-size: 24px; line-height: 24px; font-weight:lighter;}
.xcx-main .website-main-o{ margin-top: 0;}
.ul-edition li span.span-w{ width: 35px; height: 65px; background-position: -114px -187px;}
.ul-edition li span.span-l{ width: 35px; height: 65px; background-position: -114px -252px;}
.xcxDel-btn{ text-align: center; margin-top: 5px;}
.xcxDel-btn a{ color: #666;}
.xcxDel-btn a:hover{ color: #ff6800;}
.xcx-mian-bCon ul{ margin: -26.5px 0 0 -26.5px;}
.xcx-mian-bCon li{ 
	-moz-box-shadow:0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08);
	float: left; width: 278px; border: 1px solid #eaeaea; border-radius: 5px; padding: 50px 0; text-align: center;  margin: 26.5px 0 0 26.5px;}
.xcx-mian-bCon .li-img{ width: 68px; height: 69px; margin: 0 auto;}
.xcx-mian-bCon .li-img span{ display: block; float: left; width: 68px; height: 69px; background: url(./images/xcx-sprites.png) no-repeat;}
.xcx-mian-bCon .li-a .li-img span{ height: 61px; margin-top: 4px; background-position: -239px -84px;}
.xcx-mian-bCon .li-b .li-img span{  background-position: -83px -5px;}
.xcx-mian-bCon .li-c .li-img span{  background-position: -161px -5px;}
.xcx-mian-bCon .li-d .li-img span{  background-position: -161px -84px;}
.xcx-mian-bCon .li-e .li-img span{  background-position: -5px -84px;}
.xcx-mian-bCon .li-f .li-img span{  background-position: -83px -84px;}
.xcx-mian-bCon .li-g .li-img span{  background-position: -5px -5px;}
.xcx-mian-bCon .li-h .li-img span{  background-position: -239px -5px;}
.xcx-mian-bCon dl{ margin-top: 20px;}
.xcx-mian-bCon dt{ font-size: 20px; line-height: 30px; color: #333;}
.xcx-mian-bCon dd{ font-size: 16px; line-height: 24px; color: #666; margin-top: 10px;}
.xcx-mian-d .xcx-mian-bCon li{ background-color: #fff;}
.xcx-mian-d .xcx-mian-bCon .li-a .li-img span{ width: 51px; height: 64px; margin: 2.5px 0 0 8.5px; background-position: -220px -163px;}
.xcx-mian-d .xcx-mian-bCon .li-b .li-img span{ width: 63px; height: 64px; margin: 2.5px 0 0 2.5px; background-position: -5px -163px;}
.xcx-mian-d .xcx-mian-bCon .li-c .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -63px -237px;}
.xcx-mian-d .xcx-mian-bCon .li-d .li-img span{ width: 63px; height: 47px; margin: 11px 0 0 2.5px; background-position: -121px -237px;}
.xcx-mian-d .xcx-mian-bCon .li-e .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -149px -163px;}
.xcx-mian-d .xcx-mian-bCon .li-f .li-img span{ width: 63px; height: 35px; margin: 13px 0 0 2.5px; background-position: -194px -237px;}
.xcx-mian-d .xcx-mian-bCon .li-g .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -5px -237px;}
.xcx-mian-d .xcx-mian-bCon .li-h .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -78px -163px;}
.xcx-mian-eCon ul{ margin: -33px 0 0 -35px;}
.xcx-mian-eCon li{ width:267px; height: 480px; border: 2px solid #f1f1f1; position: relative; float: left; margin: 33px 0 0 35px;}
.xcx-mian-eCon .li-img img{ width:100%; height: 100%;}
.xcx-mian-eCon .li-show{ position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; display: none;}
.xcx-mian-eCon dl{ background-color: #fff; text-align: center; width: 170px; padding: 25px 0 20px 0; margin: 110px auto auto auto;}
.xcx-mian-eCon dt{ width: 120px; height: 120px; margin: 0 auto;}
.xcx-mian-eCon dt img{ width: 100%; height: 100%;}
.xcx-mian-eCon dd{ color: #666; font-size: 14px; margin-top: 10px;}
.xcx-mian-eCon .li-show a{ display: block; width: 168px; line-height: 40px; text-align: center; color: #fff; border: 1px solid #fff; font-size: 14px; border-radius: 5px; margin: 20px auto auto auto;}
.xcx-mian-eCon .li-show a:hover{ background-color: #ff6800; border-color: #ff6800;}
.xcx-mian-eCon li:hover .li-show{ display: block;}
.xcx-mian-eCon .moreBtn{ display: block; width: 198px; line-height: 44px; border: 1px solid #ff6800; text-align: center; color: #ff6800; font-size: 14px; margin: 40px auto auto auto;}
.xcx-mian-eCon .moreBtn:hover{ background-color: #ff6800; color: #fff;}

.xcx-mian-f{ height: 530px; background: url(../images/xcx-9.jpg) no-repeat center top;}
.xcx-mian-fCon ul{ margin-top: -30px;}
.xcx-mian-fCon li{ width: 200px; text-align: center; float: left; margin-top: 80px;}
.xcx-mian-fCon .li-img{ width: 74px; height: 74px; background: url(./images/xcx-sprites2.png) no-repeat; margin: 0 auto;}
.xcx-mian-fCon .li-a .li-img{ background-position: -104px -10px;}
.xcx-mian-fCon .li-b .li-img{ background-position: -10px -198px;}
.xcx-mian-fCon .li-c .li-img{ background-position: -10px -104px;}
.xcx-mian-fCon .li-d .li-img{ background-position: -104px -104px;}
.xcx-mian-fCon .li-e .li-img{ background-position: -198px -10px;}
.xcx-mian-fCon .li-f .li-img{ background-position: -198px -104px;}
.xcx-mian-fCon .li-g .li-img{ background-position: -10px -10px;}
.xcx-mian-fCon .li-h .li-img{ background-position: -104px -198px;}
.xcx-mian-fCon .li-i .li-img{ background-position: -198px -198px;}
.xcx-mian-fCon .li-j .li-img{ background-position: -292px -10px;}
.xcx-mian-fCon .li-k .li-img{ background-position: -292px -104px;}
.xcx-mian-fCon .li-l .li-img{ background-position: -292px -198px;}
.xcx-mian-fCon p{ color: #333; font-size: 16px; margin-top: 25px;}

.zxForm-li{ float: left; margin-top: 10px;}
.zxForm-li label.fl{ color: #333; font-size: 14px; width: 100px; display: block; text-align: right; line-height: 48px;}
.zxForm-li .cos{ margin-left: 20px; min-width: 350px;}
.zxForm-li .text{ line-height: 48px; color: red; margin-left: 5px; font-size: 16px; min-width: 8px;}
.zxForm-li-input{ width: 328px; border: 1px solid #dee2e6; background-color: #fff; padding: 0 10px; height: 46px; line-height: 46px; font-size: 14px; color: #333;}
.zxForm-li .li-radio{  width: 328px; border: 1px solid #dee2e6; background-color: #fff; padding: 0 10px; height: 46px;}
.zxForm-li-radio{ float: left; margin: 10px 30px 0 0;}
.zxForm-li-radio input{ vertical-align: -2px;}
.zxForm-li-radio label{ color: #333; font-size: 14px; padding-left: 8px;}
.zxForm-li .li-yzm{ width: 350px;}
.zxForm-li .li-yzm .zxForm-li-input{ width: 188px;}
.zxForm-li .li-yzm a{ display: block; line-height: 48px; width: 130px; text-align: center; background-color: #6ca5ff; color: #fff; font-size: 14px;}
.zxForm-li .li-yzm a:hover{ background-color: #4e88e3;}
.zxForm-li .li-yzm a.cur{ background-color: #c5c5c5; cursor: text;}
.zxForm-li-sel{ border: 1px solid #dee2e6; background-color: #fff; width: 170px; color: #333; font-size: 14px; font-family: "微软雅黑"; height: 48px; line-height: 48px; outline: none; padding: 0 5px;}
.zxForm-li textarea{ width:811px; outline: none; height: auto; line-height: 24px; font-family: "微软雅黑"; padding-top: 12px; padding-bottom: 12px;}
.zxForm-li-btn{ display: block; width: 228px; line-height: 48px; text-align: center; color: #fff; font-size: 18px; background-color: #ff6800;}
.zxForm-li-btn:hover{ color: #fff; background-color: #e95f00;}

/*****版本对比*****/
.bbCompared{ background-color: #f5f5f5; padding: 60px 0;}
.bbCompared h4{ text-align: center; color: #333; font-size: 36px; line-height: 1; font-weight: lighter;}
.bbCompared-main{ margin-top: 45px;}
.bbCompared-tab{ 
	-moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);box-shadow: 0 10px 25px rgba(0,0,0,.08);
	background-color: #fff; font-size: 14px; color: #333; line-height: 18px; width: 100%; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.bbCompared-tab td,.bbCompared-tab th{border: 1px solid #eaeaea; border-top: 0; border-right: 0; text-align: center; padding: 10px 5px;}
.bbCompared-tab th{ padding: 25px 5px; font-size: 16px;}
.bbCompared-tab .bg-a{ background-color: #6fbbff; color: #fff;}
.bbCompared-tab .bg-b{ background-color: #ff8b8b; color: #fff;}
.bbCompared-tab .bg-c{ background-color: #f9f9f9;}
.bbCompared-tab .tb-a{ width: 22px; height: 17px; background: url(../images/compared-1.png) no-repeat; display:inline-block; vertical-align: top;}
.bbCompared-tab .wid-a{ width: 180px;}
.bbCompared-tab .wid-b{ width: 280px;}
.bbCompared-tab .wid-c{ width: 348px;}
.bbCompared-tab .wid-d{ width: 349px;}
.tr-fixer{position:fixed; left:50%; margin-left: -600px; top:0; width: 1200px; background-color: #fff;}
.bbCompared-tab .dlSee{ display: none;}
.dls .bbCompared-tab .dlSee{ display: table-cell;}

/*****企业建站购买部分修改*****/
.websiteBuy{ margin-top: 205px;}
.dls.websiteBuy,.zks-ty.websiteBuy{ margin-top: 235px;}
.websiteBuy table{ width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 13px; color: #333; background-color: #fff; border: 1px solid #e8e8e8;}
.websiteBuy thead{ background-color: #ff6800; color: #fff; width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 141px; z-index: 3}
.websiteBuy th{ border: 1px solid #ef6100; padding: 15px 10px; position: relative;}
body .websiteBuy th:first-child{ width: 283px;}
.websiteBuy th .pA{ font-size: 16px; width: 283px;}
.websiteBuy th .block{display: none; width: 100%; height: 15px; position: absolute; left: 0; top: -15px; background-color:#ef6100 }
.websiteBuy-top h4{ text-align: center; font-size: 20px; line-height: 1}
.websiteBuy-top .addr{ margin-top: 15px;}
.websiteBuy-top .addr ul{ width: 100%; text-align: center; font-size: 0;}
.websiteBuy-top .addr li{ position: relative; border-bottom: 2px solid rgba(0,0,0,0); display: inline-block; vertical-align: top; font-size: 14px; padding: 0 2px; margin: 0 10px; color: #f5f5f5; cursor: pointer;}
.websiteBuy-top .addr li:hover{ color: #fff}
.websiteBuy-top .addr li.cur{ border-color: #fff; color: #fff;}
.websiteBuy-top .addr li span{ display: block; position: absolute;}
.websiteBuy-top .addr li span.mba{ width: 36px; height: 21px; background: url(../images/iconMba.png) no-repeat; top: -8px; right: -28px;}
.websiteBuy-top .pri{ position: relative; margin:10px auto auto auto; width:140px; height: 44px; line-height: 44px; background-color: #fff; color: #333; border-radius: 5px; border-color:#ef6100;}
.websiteBuy-top .pri a{color: #ff6800; font-size: 14px; background: url(../images/gm_9.png) no-repeat right center;padding-right: 17px;}
.websiteBuy-top .pri ul{display: none; width: 140px; background: #fff; position: absolute;  left: -1px; top: 33px; color: #ff6800; font-size: 14px; padding-top: 9px; border: 1px solid #ef6100;  border-top: 0;border-radius: 0 0 10px 10px; overflow: hidden; z-index: 5;}
.websiteBuy-top .pri li{ line-height: 42px;  border-top: 1px solid #e8e8e8; cursor: pointer;}
.websiteBuy-top .pri li:hover{ background-color: #e8e8e8}
.websiteBuy tBody{ padding-top: 195px;}
.websiteBuy tBody tr:first-child td:nth-child(2),.websiteBuy tBody tr:first-child td:nth-child(3){ width: 105px;}
/* .websiteBuy tBody td:nth-child(2),.websiteBuy tBody td:nth-child(3){ width: 182px;} */
.websiteBuy td{ border: 1px solid #e8e8e8; border-top-width: 0; border-bottom-width: 0; text-align: center; padding: 10px;}
.websiteBuy .tdA{ width: 33px;}
.websiteBuy td .pA{ line-height: 20px;}
.websiteBuy td .pB{ width: 30px;}
.websiteBuy td .pC{ display: inline-block; width: 22px; height: 17px; background: url(../images/compared-1.png) no-repeat;}
.websiteBuy tBody tr:nth-child(even){ background-color: #f3f3f3;}
.websiteBuy tfoot td{ padding: 20px 10px; border-bottom-width: 1px;}
.websiteBuy-bot .aA{ color: #ff6800; text-decoration: underline }
.websiteBuy-bot .aA:hover{ color: #ef6100;}
.websiteBuy-bot .aB{ display: block; width: 120px; text-align:center; line-height: 40px; color: #fff; background-color: #ff6800; border-radius: 5px; margin: 10px auto auto auto;}
.websiteBuy-bot .aB:hover{ background-color: #ef6100}
.websiteBuy th.tdD{background-color: #ef6100}
.websiteBuy th.tdD .block{ display: block;}
.websiteBuy td.tdC{ border-right-color:#ff6800; } 
.websiteBuy td.tdD{ border-right-color:#ff6800; } 
.websiteBuy tfoot td.tdD{ border-bottom-color:#ff6800; } 
.websiteBuy .tdB,.websiteBuy .tdC,.websiteBuy .tdD,.websiteBuy .tdE,.websiteBuy .tdF{ width: 278px;}
.websiteBuy .tdB,.websiteBuy .tdC{ display: none;}
.dls.websiteBuy .tdA{ width: 31px;}
.dls.websiteBuy .tdB,.dls.websiteBuy .tdC,.dls.websiteBuy .tdD,.dls.websiteBuy .tdE,.dls.websiteBuy .tdF{ width: 158px;}
.dls.websiteBuy th{  width:158px;}
.dls.websiteBuy .tdB,.dls.websiteBuy .tdC{ display: table-cell;}
.zks-ty.websiteBuy .tdB,.zks-ty.websiteBuy .tdC,.zks-ty.websiteBuy .tdD,.zks-ty.websiteBuy .tdE,.zks-ty.websiteBuy .tdF{ width: 204px;}
.zks-ty.websiteBuy .tdB{ display: table-cell;}
.websiteBuy tbody .tdD,.websiteBuy tfoot .tdD{ position: relative}
.websiteBuy tbody .tdD .line,.websiteBuy tfoot .tdD .line{display: block; position: absolute; top:0; bottom: 0; left: -1px; width: 1px; background-color: #ff6800}
.websiteBuy thead.fix{ position: fixed; width: 1200px; left: 50%; margin-left: -600px; top: 56px;}
.websiteBuy .chooseTab dl{ font-size: 0; cursor: pointer; text-align:left; width: 210px; margin: 0 auto; margin-top: 10px; }
.websiteBuy .chooseTab dl:first-child{ margin-top: 0}
.websiteBuy .chooseTab dt{ display: inline-block; vertical-align: top; width: 14px; height: 14px; border: 1px solid #ff6800; position: relative; top: 2px; margin-right: 10px}
.websiteBuy .chooseTab dd{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px;}
.websiteBuy .chooseTab dd span{ color: #ff6800; }
.websiteBuy .chooseTab dl.cur dt{ border-color: #ff6800; background: url(../images/compared-1.png) no-repeat center; background-size: 10px 8px}
.websiteBuy td .pD{ color: #ff6800; font-size: 16px;}
.dls.websiteBuy .chooseTab dl{ width: 138px;}
.dls.websiteBuy .chooseTab dd span{ display: block}


/* SITESTAR */
.siteStarBanner{ background-image: url(../images/sitestar-1.jpg); height: 600px; position: relative;}
.bannerText{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; color: #fff;}
.bannerText h4{ font-size: 64px; line-height: 1;}
.bannerText p{ font-size: 18px; line-height: 1; margin-top: 25px;}

.sitestarA{ padding: 70px 0}
.sitestarA-top ul{ margin: 0 -20px;}
.sitestarA-top li{padding: 55px 0; display: inline-block; vertical-align: top; margin: 0 20px; width: 570px; border: 1px solid #E5E5E5; text-align: center;  box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.sitestarA-top img{ height: 207px; display: inline-block;}
.sitestarA-top dl{ margin-top: 40px;}
.sitestarA-top dt{ color: #ff6800; font-size: 30px; line-height: 38px;}
.sitestarA-top dt:after{ content: ''; display: block; width: 32px; height: 2px; background-color: #FF6800; margin: 15px auto auto auto;}
.sitestarA-top dd{ color: #666; font-size: 16px; line-height: 28px; margin-top: 20px;}
.sitestarA-bot{ padding-top: 70px; margin-top: 70px; border-top: 1px solid #f3f3f3}
.sitestarA-bot ul{ margin-left: -60px; margin-top: -40px;}
.sitestarA-bot li{ width: 255px; text-align: center; float: left; margin-left: 60px; margin-top: 40px;}
.sitestarA-bot img{ display: inline-block; position: relative; left: -10px;}
.sitestarA-bot dl{ margin-top: 25px;}
.sitestarA-bot dt{ font-size: 22px; color: #333; line-height: 1}
.sitestarA-bot dd{ font-size: 14px; color: #666; line-height: 22px; margin-top: 10px}

.sitestarB{ width: 100%; position: relative; height: 360px; background: url(../images/sitestar-8.jpg) no-repeat; background-position: center; background-size: cover; background-attachment:fixed;}
.sitestarB dl{ color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.sitestarB dt{ font-size: 36px; font-weight: normal; line-height: 1}
.sitestarB dd{ font-size: 18px; line-height: 1; margin-top: 20px;}
.sitestarC-con ul{ margin-top: -60px;}
.sitestarC-con li{ width: 33.3333%; text-align: center; float: left; margin-top: 60px;}
.sitestarC-con img{ display: inline-block; position: relative;}
.sitestarC-con dl{ margin-top: 25px;}
.sitestarC-con dt{ font-size: 22px; color: #333; line-height: 1}
.sitestarC-con dd{ font-size: 14px; color: #666; line-height: 22px; margin-top: 10px; min-height: 66px;}
.sitestarC a{ display: block; width: 190px; line-height: 46px; border: 1px solid #ff6800; text-align: center; color: #ff6800; font-size: 14px; margin: 20px auto auto auto;}
.sitestarC a span{ display: inline-block; visibility: top; line-height: 46px;}
.sitestarC a:after{ content: ''; display:inline-block; width: 7px; height: 13px; background: url(../images/sitestar-15.png) no-repeat; position: relative; top: 2px; margin-left: 15px;}
.sitestarC a:hover{ background-color: #ff6800; color: #fff;}
.sitestarC a:hover:after{ background-position: center bottom;}

.sitestarD{ background-color: #F5F5F5}
.sitestarD-list ul{ font-size: 0; margin: -22px 0 0 -22px}
.sitestarD-list li{ margin: 22px 0 0 22px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; width: 280px; background-color: #fff; border: 1px solid #EAEAEA; box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.sitestarD-list .top{ padding: 35px 0;}
.sitestarD-list h4{ color: #333; font-size: 28px; font-weight: normal; line-height: 1;}
.sitestarD-list .pri{ margin-top: 18px; }
.sitestarD-list .pri p{color: #ff6800; line-height:1;}
.sitestarD-list .pri span{ font-size: 30px;}
.sitestarD-list .pri del{ color: #999;  }
.sitestarD-list .btn { margin-top: 20px;}
.sitestarD-list .btn a{ display: block; width: 168px; line-height: 42px; background-color: #ff6800; color: #fff; text-align: center; font-size: 16px; margin: 0 auto;}
.sitestarD-list .btn a:hover{ opacity: .9}
.sitestarD-list .btn p{ color: #ff6800; font-size: 12px; margin-top: 10px;}
.sitestarD-list .bot{ padding: 35px 0; border-top: 1px solid #F2F2F2;}
.sitestarD-list .bot p{ color: #333; line-height: 30px;}
.sitestarD-bot{ margin-top: 60px; width: 1200px; height: 268px; background: url(../images/sitestar-16.png) no-repeat; border-radius: 20px; overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.sitestarD-bot .fl{ margin: 70px 0 0 75px;}
.sitestarD-bot dt{ color: #fff; font-size: 36px; line-height: 1; position: relative;}
.sitestarD-bot dt span{ position: relative; z-index: 2;}
.sitestarD-bot dt:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 10px; width: 140px; background-color: #FF6800;}
.sitestarD-bot dd{ color: #fff; font-size: 24px; line-height: 36px; margin-top: 20px;}
.sitestarD-bot .fr{ margin: 107px 65px 0 0;}
.sitestarD-bot a{ display: block; float: left; width: 186px; line-height: 52px; border: 1px solid #fff; font-size: 18px; color: #fff; border-radius: 30px; text-align: center; margin-right: 15px;}
.sitestarD-bot a:first-child{ background-color: #ff6800; border-color: #ff6800;}
.sitestarD-bot a:hover{ color: #fff; opacity: .9;}

.sitestarE-con ul{ margin: -25px 0 0 -25px;}
.sitestarE-con li{ margin: 25px 0 0 25px; padding-top: 25px; color: #666; display: block; float: left; width: 280px; background-color: #F8F8F8; text-align: center;}
.sitestarE-con img{ display: inline-block;}
.sitestarE-con dl{ padding: 25px 0}
.sitestarE-con dt{ font-size: 16px;}
.sitestarE-con dd{ font-size: 14px; line-height: 24px; margin-top: 5px;}
.sitestarE-con li a{ display: block; line-height: 50px; text-align: center; color: #666; font-size: 14px; background-color: #E6E6E6;}
.sitestarE-con li a:hover{ background-color: #ff6800; color: #fff;}
.sitestarE .btn{ display: block; width: 190px; line-height: 46px; border: 1px solid #ff6800; text-align: center; color: #ff6800; font-size: 14px; margin: 50px auto auto auto;}
.sitestarE .btn span{ display: inline-block; visibility: top; line-height: 46px;}
.sitestarE .btn:after{ content: ''; display:inline-block; width: 7px; height: 13px; background: url(../images/sitestar-15.png) no-repeat; position: relative; top: 2px; margin-left: 15px;}
.sitestarE .btn:hover{ background-color: #ff6800; color: #fff;}
.sitestarE .btn:hover:after{ background-position: center bottom;}

.website-main .sitestarC .tit h4,.website-main .sitestarD .tit h4{ font-size: 36px; line-height: 1}
.website-main .sitestarC .tit p,.website-main .sitestarD .tit p{ font-size: 16px; line-height: 1}
/* SITESTAR END */