@import "index-form-customer.css";
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

li{ list-style:none;}
html{--wrap-1600-width:1600px;}

/*营销型网站建设*/
.website_title{ text-align:center; overflow:hidden; margin-top:6%;}
.website_title .en{ font-family: DIN;font-weight:bold;overflow:hidden; text-transform:uppercase; line-height:62px; }
.website_title .en span{display:inline-block;vertical-align: top;background: var(--linear-color);-webkit-background-clip: text;color:transparent;}
.website_title .h4{ font-weight:bold; overflow:hidden; line-height:70px; color:#222222;}
.website_ul{ padding-top:5%; overflow:hidden; margin-bottom:7%;}
.website_ul ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; height:135px; }
.website_ul ul li .imgs img{ display:block;height:100%; margin:0 auto;transition:all 0.6s;}
.website_ul ul li .h2{font-weight:normal; line-height:30px; height:60px; overflow:hidden; color:#666666; margin-top:5.9%;}
.website_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.website_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.website_two{background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex; align-items: center; justify-content: left;background-attachment: fixed;}
.website_two.bgs2{ background-attachment:inherit;position: relative; overflow:hidden; background-image:url(../images/website2_bg4_2.jpg);width:100%;height:961px;background-position: 40% center;}
.website_two .position-award-box{position:absolute;top:0;right:0;width:50%;height:100%;z-index:0;display: none;}
.website_two .position-award-box .award-image{position:absolute;top:calc(50% - 781px);left:calc(50% - 700px);width:1399px;height:1562px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(../images/award-image.png)}
.website_two .position-award-box .award-image img{display: block;width: 100%;opacity:0;filter:Alpha(opacity=0);}
.website_two .wrap3{position:relative; max-width:1600px;}
.website_two .website_two_box{float:left; width:48%;position: sticky; top: 0; overflow:hidden;}
.website_two .website_two_l{  padding-top:147px; max-width:582px; padding-bottom:147px; overflow:hidden;}
.website_two.bgs2 .website_two_l{ padding-top:24%; padding-bottom:50%;}
.website_two .website_two_l .website_title{ text-align:left;}
.website_two .website_two_l .website_title .h4{ margin-top:13px;}
.website_two .website_two_l .desc{ overflow:hidden; line-height:38px; margin-top:42px; color:#555555;}
.website_two .website_two_l .more-box-a{ float:left; margin-top:92px;}
.website_two .website_two_r{ overflow:hidden; width:48%; float:right;max-width:699px; margin-top:162px; margin-bottom:162px;}
.website_two .website_two_r ul li{ display:block; overflow:hidden; background:#fff; margin-bottom:40px;}
.website_two .website_two_r ul li:last-child{ margin-bottom:0;}
.website_two .website_two_r ul li .divs{ width:94%; margin:0 auto; max-width:566px; overflow:hidden; padding-top:47px; padding-bottom:80px; position:relative;}
.website_two .website_two_r ul li .h2{ font-weight:normal; height:52px; line-height:52px;white-space:nowrap;text-overflow:ellipsis;}
.website_two .website_two_r ul li .p{ margin-top:20px; line-height:27px; height:81px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666666;}
.website_two .website_two_r ul li .nums{ position:absolute; left:0; bottom:-20px; line-height:78px; color:#e5e5e5; font-weight:bold;}
.qiye_three{ overflow:hidden; background:#06091a; }
.qiye_three .wrap3{max-width:1600px;}
.qiye_three .website_title .h4{ color:#fff;}
.qiye_three .recruitmentList{ margin-top:38px; overflow:hidden; margin-bottom:6.5%;}
.qiye_three .recruitmentList li{ float:left; width:49%; max-width:786px; overflow:hidden; position:relative; margin-bottom:2%; background:#333333;}
.qiye_three .recruitmentList li:nth-child(2n+0){ float:right;}
.qiye_three .recruitmentList li:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:4px;background: var(--linear-color);transition:all 0.6s;}
.qiye_three .recruitmentList li:hover:after{ width:100%;}
.qiye_three .recruitmentList li .boxs{ max-width:660px; overflow:hidden; width:94%; margin:0 auto;margin-top:45px; margin-bottom:41px; padding-right:110px; background-repeat:no-repeat; background-position:right top 23px;}
.qiye_three .recruitmentList li .tit{ line-height:30px; overflow:hidden; color:#fff;}
.qiye_three .recruitmentList li .text{ overflow:hidden; line-height:30px; height:90px; margin-top:14px; color:#999999; max-width:476px;}
.qiye_four{ overflow:hidden; background:#f7f7f7;}
.qiye_four .wrap3{max-width:1600px;}
.qiye_four .qiye_ul2{  overflow:hidden; margin-top:60px; margin-bottom:73px;}
.qiye_four .qiye_ul2 ul li{ float:left;width:calc(33.33% - 47px);width:-webkit-calc(33.33% - 47px);width:-moz-calc(33.33% - 47px); margin-right:70px; margin-top:10px; margin-bottom:50px; position:relative;}
.qiye_four .qiye_ul2 ul li:nth-child(3n){ margin-right:0;}
.qiye_four .qiye_ul2 ul li .imgs{ width:50px; height:50px; display:block; background: var(--linear-color); border-radius:0px 25px 25px 25px; position:relative;transition:all 0.6s;}
.qiye_four .qiye_ul2 ul li .imgs:after{ content:""; position:absolute; left:-10px; top:-10px; width:70px; height:70px; border-radius:50%; /* border:1px solid #fff; */}
.qiye_four .qiye_ul2 ul li .imgs img{ width:50px; height:50px;transition:all 0.6s;}
.qiye_four .qiye_ul2 ul li:hover .imgs{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); background: var(--linear-color-h);}
.qiye_four .qiye_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.qiye_four .qiye_ul2 ul li .h2{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; margin-top:16px;}
.qiye_four .qiye_ul2 ul li .p{ overflow:hidden; line-height:30px; height:120px; margin-top:19px; color:#666666;}
.qiye_four .qiye_ul2 ul li .nums{ color:rgba(51,51,51,0.03); overflow:hidden; font-weight:bold; position:absolute; top:-10px; right:0; line-height:0.8;}
.website_title_p{color: #666666; line-height: 36px;margin:0 auto; margin-top: 17px;  text-align: center;}
.website_title_p.bgs2{ max-width:1330px; margin-top:2%; }
.website_con{font-size: 14px; line-height: 26px; overflow: hidden; padding-bottom: 8%; margin-top:3.8%;}
.website_con.bgs2{ margin-top:2.5%; padding-bottom:5%;}
.website_con img{display: block; margin: 0 auto; max-width: 100%;}
.case_bg{ overflow:hidden; background:#f7f7f7;}
.case_bg .wrap3{max-width:1600px;}
.case_bg .list2{--p: 26px;margin:-26px; margin-top:18px;}
.case_bg .list2 .list2-li{padding: 26px;}
.case_bg .list2 .list2-box{display: block;overflow: hidden; background: transparent; transform: translateY(0); border-radius: 0px;transition: all 0.3s;}
.case_bg .list2 .list2-box:hover{transform: translateY(-15px);background: #ffffff;box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); border-radius: 10px;}
.case_bg .list2 .img-box::before{padding-top: 63.58%;}
.case_bg .list2 .cont{ padding: 27px 40px;transition: padding 0.3s;}
.case_bg .list2 .cont .list2-title{line-height: 1.4em; color: #222222;}
.case_bg .list2 .cont .list2-type{margin-top: 6px; font-size: 15px;line-height: 1.4em; color: #888888;}
.case_bg .more-box-a{ margin-top:3%; margin-bottom:6%;}
/*品牌网站建设*/
.website_ul2{ max-width:var(--wrap-1600-width); margin:0 auto; margin-top:3%; overflow:hidden; }
.website_ul2 ul li{ width:23.5%; float:left; text-align:center; overflow:hidden;position:relative; margin-right:2%; margin-bottom:2%; background:#f7f7f7; border-radius:10px;}
.website_ul2 ul li:nth-child(4n){ margin-right:0;}
.website_ul2 ul li .txts{ overflow:hidden; padding-bottom:56px;}
.website_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:60px;}
.website_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden;  color:#333; margin-top:14px;}
.website_ul2 ul li .cons{ overflow:hidden; background:var(--linear-color); width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.website_ul2 ul li .cons .divs{ width:90%; max-width:310px; margin:0 auto; margin-top:22px; }
.website_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:64px; height:64px; overflow:hidden; position:relative;font-size: 16px;}
.website_ul2 ul li .cons .divs .h2:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#fff;}
.website_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; margin-top:16px; overflow:hidden; color:#fff; font-size:16px;}
.website_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}
/*购物商城网站建设*/
.website_two_2{background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.website_two_2 .website_title .en span{background:none; color:#fff;}
.website_two_2 .website_title .h4{ color:#fff;}
.website_two_3{background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.website_two_3 .wrap3{max-width:1600px;}
.website2_three_ul{ overflow:hidden; margin-top:60px; margin-bottom:178px;}
.website2_three_ul ul li{ float:left; width:19.2%; margin-right:1%; position: relative; background:#fff; cursor:pointer; height:310px;}
.website2_three_ul.bgs2 ul li{ height:340px;}
.website2_three_ul ul li:nth-child(5n+0){ margin-right:0;}
.website2_three_ul ul li .img1{ width:100px; height:100px;  margin:0 auto; margin-top:75px;background: var(--linear-color);border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.website2_three_ul ul li .img1 img{display:block; width:100%; height:100%;}
.website2_three_ul ul li .h2{ font-weight:normal; line-height:36px; height:72px; color:#555555; text-align:center; margin-top:25px; }
.website2_three_ul ul li .divs{ width:100%;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff; background:linear-gradient(124deg, #ecb03b, #ed7941);}
.website2_three_ul ul li:nth-child(5) .divs{ background:#f3913a; right:0; left:auto;}
.website2_three_ul ul li:hover .divs{width:calc(var(--wrap-1600-width)/5*2);opacity:1.0;filter:Alpha(opacity=100);}
.website2_three_ul ul li .divs .img2{  width:100px; height:100px; float:left; margin-left:55px;margin-top:105px;background:#fff;border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.website2_three_ul ul li .divs .img2 img{ width:100%; height:100%; display:block;}
.website2_three_ul ul li .divs .cons{  position:absolute; left:149px; top:0; width:366px; margin-left:28px; overflow:hidden;}
.website2_three_ul.bgs2 ul li .divs .cons{ width:400px;}
.website2_three_ul ul li .divs .cons .h3{ font-weight:normal; margin-top:60px;line-height:50px; height:50px;}
.website2_three_ul.bgs2 ul li .divs .cons .h3{ margin-top:50px;}
.website2_three_ul.bgs2 ul li:nth-child(2) .divs .cons .h3{ margin-top:10px;}
.website2_three_ul ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:16px; color:#fefefe;}
.website2_three_ul.bgs2 ul li .divs .cons .p{ font-size:14px;}
.website2_three_ul ul li .divs .cons .p p{ margin-bottom:14px;}
.website2_three_2{ overflow:hidden;background:#06091a; padding-bottom:120px;}
.website2_three_2 .website_title .h4{ color:#fff;}
.website2_ul2{  overflow:hidden; margin-top:5%;}
.website2_ul2 ul li{ width:32.66%; float:left; margin-right:1%; margin-bottom:1%; background:#333333; text-align:left; overflow:hidden;position:relative;}
.website2_ul2 ul li:nth-child(3n){ margin-right:0;}
.website2_ul2 ul li .txts{ overflow:hidden;/* padding-bottom:32px;*/ height:240px;transition:all 0.3s; position:relative;z-index:0;}
.website2_ul2 ul li .txts:after{ content:""; position:absolute; left:0; top:0; width:0%; height:100%;  background: linear-gradient(124deg, #ecb03b, #ed7941); transition:all 0.3s; z-index:-1;}
.website2_ul2 ul li:hover .txts:after{ width:100%;}
.website2_ul2 ul li .cons{ width:90%; max-width:412px; margin:0 auto; overflow:hidden; margin-top:44px;}
.website2_ul2 ul li .txts .img1{ float:left;width:76px; height:91px; overflow:hidden;margin-top:29px; background-repeat:no-repeat; background-size:100%  100%; position:relative;transition:all 0.3s; margin-right:40px;}
/*.website2_ul2 ul li .txts .img1:after{ content:""; position:absolute; width:100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100%  100%; z-index:2;opacity:0;filter:Alpha(opacity=0);}
.website2_ul2 ul li:nth-child(1) .txts .img1:after{background-image:url(../images/website2_icon1_on.png);}
.website2_ul2 ul li:nth-child(2) .txts .img1:after{background-image:url(../images/website2_icon2_on.png);}
.website2_ul2 ul li:nth-child(3) .txts .img1:after{background-image:url(../images/website2_icon3_on.png);}
.website2_ul2 ul li:nth-child(4) .txts .img1:after{background-image:url(../images/website2_icon4_on.png);}
.website2_ul2 ul li:nth-child(5) .txts .img1:after{background-image:url(../images/website2_icon5_on.png);}
.website2_ul2 ul li:nth-child(6) .txts .img1:after{background-image:url(../images/website2_icon6_on.png);}
.website2_ul2 ul li:hover .txts .img1:after{opacity:1.0;filter:Alpha(opacity=100);}*/
.website2_ul2 ul li:nth-child(1) .txts .img1{ background-image:url(../images/website2_icon1.png);}
.website2_ul2 ul li:nth-child(2) .txts .img1{ background-image:url(../images/website2_icon2.png);}
.website2_ul2 ul li:nth-child(3) .txts .img1{ background-image:url(../images/website2_icon3.png);}
.website2_ul2 ul li:nth-child(4) .txts .img1{ background-image:url(../images/website2_icon4.png);}
.website2_ul2 ul li:nth-child(5) .txts .img1{ background-image:url(../images/website2_icon5.png);}
.website2_ul2 ul li:nth-child(6) .txts .img1{ background-image:url(../images/website2_icon6.png);}

.website2_ul2 ul li:nth-child(1):hover .txts .img1{background-image:url(../images/website2_icon1_on.png);}
.website2_ul2 ul li:nth-child(2):hover .txts .img1{background-image:url(../images/website2_icon2_on.png);}
.website2_ul2 ul li:nth-child(3):hover .txts .img1{background-image:url(../images/website2_icon3_on.png);}
.website2_ul2 ul li:nth-child(4):hover .txts .img1{background-image:url(../images/website2_icon4_on.png);}
.website2_ul2 ul li:nth-child(5):hover .txts .img1{background-image:url(../images/website2_icon5_on.png);}
.website2_ul2 ul li:nth-child(6):hover .txts .img1{background-image:url(../images/website2_icon6_on.png);}
/*.website2_ul2 ul li:nth-child(1):hover .txts .img1{background-image:url(../imagess/2018/case/website2_icon1_on.png);}*/
.website2_ul2 ul li .txts .divs{ overflow:hidden; }
.website2_ul2 ul li .txts .divs .h2{font-weight:bold; line-height:50px; height:50px; overflow:hidden; color:#fff;}
.website2_ul2 ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px; margin-top:7px;}
.website2_ul2 ul li:hover .txts .divs .p{ color:#fff;}
/*移动端手机网站建设*/
.mobile_ul{ max-width:var(--wrap-1600-width); margin:0 auto; overflow:hidden; margin-top:50px; margin-bottom:130px;}
.mobile_ul ul li{ float:left; width:24%; margin-right:1.25%; position: relative; background:#f7f7f7; cursor:pointer; height:385px;transition:all 0.3s;}
.mobile_ul ul li:nth-child(3n+0){ margin-right:0;}
.mobile_ul ul li.actives{ width:49.5%;}
.mobile_ul ul li .img1{ width:100px; height:100px;  margin:0 auto; margin-top:115px;background: var(--linear-color);border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.mobile_ul ul li .img1 img{display:block; width:100%; height:100%;}
.mobile_ul ul li .h2{ font-weight:normal; line-height:36px; height:72px; color:#555555; text-align:center; margin-top:24px; }
.mobile_ul ul li .divs{ width:100%;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1; color:#fff; background:linear-gradient(124deg, #ecb03b, #ed7941);}
.mobile_ul ul li.actives .divs{opacity:1.0;filter:Alpha(opacity=100);}
.mobile_ul ul li .divs .img2{  width:100px; height:100px;  margin-top:60px;background:#fff;border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.mobile_ul ul li .divs .img2 img{ width:100%; height:100%; display:block;}
.mobile_ul ul li .divs .cons{  max-width:620px; margin:0 auto; width:90%;overflow:hidden;}
.mobile_ul ul li .divs .cons .h3{ font-weight:bold; margin-top:5px;line-height:50px; height:50px;}
.mobile_ul ul li .divs .cons .p{ line-height:30px; margin-top:9px; overflow:hidden;  color:#fefefe;}
.mobile_three{background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex; align-items: center; justify-content: left;background-attachment: fixed;}
.mobile_three .wrap3{position:relative; max-width:1600px;}
.mobile_three .mobile_three_l{ float:right; width:49%; max-width:660px; /* padding-top:15.8%; padding-bottom:21.6%;*/ padding-top:9%; padding-bottom:8%; overflow:hidden;}
.mobile_three .mobile_three_l .website_title{ text-align:right;}
.mobile_three .mobile_three_l .desc{ overflow:hidden; line-height:38px; margin-top:42px; color:#555555;text-align:right;}
.mobile_three .mobile_three_l .more-box-a{ float:right; margin-top:92px;}
/*响应式网站建设*/
.choice{ max-width:1600px; margin:0 auto; padding-top:5%; overflow:hidden; margin-bottom:7%;}
.choice ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.choice ul li .imgs{ overflow:hidden;transition:all 0.6s; height:134px; }
.choice ul li .imgs img{ display:block;height:100%; margin:0 auto;transition:all 0.6s;}
.choice ul li .h2{font-weight:normal; line-height:30px; height:60px; overflow:hidden; color:#666666; margin-top:5.9%;}
.choice ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.choice ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.zhuanti_bg1{ padding-top:130px;  overflow:hidden;  background:url(../images/xiangyingshi_img1.jpg) center center no-repeat; }
.zhuanti_bg1 .wrap3{max-width:1600px;}
.zhuanti_bg1 .zhuanti_bg1_one{ float:left; width:50%; max-width:645px; line-height:28px; font-size:16px; color:#777777;margin-bottom:213px;}
.zhuanti_bg1 .zhuanti_bg1_one ul li{ display:block; margin-bottom:20px; overflow:hidden;}
.zhuanti_bg1 .zhuanti_bg1_one ul li:last-child{ margin-bottom:0;}
.zhuanti_bg1 .zhuanti_bg1_one ul li h2{ font-size:28px; font-weight:normal; height:97px; background-repeat:no-repeat; background-position:left center; line-height:120px; overflow:hidden; font-size:28px; color:#222222; padding-left:83px;}
.zhuanti_bg1 .zhuanti_bg1_one ul li.bgs1 h2{ background-image:url(../images/xiangyingshi_bg1.png);}
.zhuanti_bg1 .zhuanti_bg1_one ul li.bgs2 h2{ background-image:url(../images/xiangyingshi_bg2.png);}
.zhuanti_bg1 .zhuanti_bg1_one ul li.bgs3 h2{ background-image:url(../images/xiangyingshi_bg3.png);}
.zhuanti_bg1 .zhuanti_bg1_one ul li p{ font-size:16px;}
.zhuanti_bg1 .zhuanti_bg1_one .more-box-a{float: left;margin-top:62px;}
.zhuanti2_three{ height:800px;background:url(../images/xiangyingshi_img2.jpg) center center no-repeat; position:relative;}
.zhuanti2_three img{width:717px;position:absolute; bottom:-170px; left:50%; margin-left:-358.5px;}
.zhuanti2_three .zhuanti2_three_r{ margin:0 auto; overflow:hidden; max-width:1300px; width:96%; color:#999999; text-align:center; line-height:32px; font-size:16px;}
.zhuanti2_three .zhuanti2_three_r .span{ display:block; font-size:28px; height:76px; line-height:76px; overflow:hidden;color:#fff; margin-bottom:15px;}
.zhuanti2_three .website_title{ margin-top:8%;}
.zhuanti2_three .website_title .h4{ color:#fff;}
.zhuanti2_five{ overflow:hidden; background:#fff;}
.zhuanti2_five .wrap3{max-width:1600px;}
.zhuanti2_five .zhuanti2_five_con{  overflow:hidden; margin-top:60px; margin-bottom:100px;}
.zhuanti2_five .zhuanti2_five_con ul li{ float:left;width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);  margin-bottom:20px; background:#f5f5f5;}
.zhuanti2_five .zhuanti2_five_con ul li:nth-child(2n){ float:right;}
.zhuanti2_five .zhuanti2_five_con ul li .boxs{ position:relative; overflow:hidden; max-width:676px; width:94%; margin:0 auto; margin-top:40px; margin-bottom:38px;}
.zhuanti2_five .zhuanti2_five_con ul li .imgs{ width:50px; height:50px; display:block; background: var(--linear-color); border-radius:0px 25px 25px 25px; position:relative;transition:all 0.6s;}
/*.zhuanti2_five .zhuanti2_five_con ul li .imgs:after{ content:""; position:absolute; left:-10px; top:-10px; width:70px; height:70px; border-radius:50%; border:1px solid #fff;}*/
.zhuanti2_five .zhuanti2_five_con ul li .imgs img{ width:50px; height:50px;transition:all 0.6s;}
.zhuanti2_five .zhuanti2_five_con ul li:hover .imgs{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); background: var(--linear-color-h);}
.zhuanti2_five .zhuanti2_five_con ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.zhuanti2_five .zhuanti2_five_con ul li .h2{ font-weight:normal; height:30px; line-height:30px; overflow:hidden; margin-top:16px;}
.zhuanti2_five .zhuanti2_five_con ul li .p{ overflow:hidden; line-height:26px; height:78px; margin-top:19px; color:#666666;}
.zhuanti2_five .zhuanti2_five_con ul li .nums{ color:rgba(51,51,51,0.03); overflow:hidden; font-weight:bold; position:absolute; top:-10px; right:10px; line-height:0.9;}
.zhuanti2_five .website_title{ margin-top:260px;}
/*微信小程序定制开发*/
.xcx_one{overflow: hidden;padding-bottom: 95px;}
.xcx_one .wrap3{max-width:1600px;}
.xcx_ul{ max-width:1600px; margin:0 auto; padding-top:3%; overflow:hidden; margin-bottom:4%;}
.xcx_ul ul li{ width:24.0625%; margin-right:1.25%; float:left; text-align:center; overflow:hidden;position:relative;}
.xcx_ul ul li:nth-child(4n){ margin-right:0;}
.xcx_ul ul li .imgs{ overflow:hidden; border-radius:10px;}

.xcx_ul ul li .imgs img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.xcx_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.xcx_ul ul li .h2{ width:90%; max-width:320px; margin:0 auto;font-weight:normal; line-height:30px; height:60px; overflow:hidden; color:#666666; margin-top:6%;}
.xcx_bg{background-color: #f7f7f7; overflow: hidden; padding-bottom: 120px;}
.xcx_bg .wrap3{max-width:1600px;}
.xcx_bg .xcx_ul2{  margin-top:60px; margin-bottom:100px;}
.xcx_bg .xcx_ul2 ul li{ float:left;width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);  margin-bottom:12px; background:#fff; border-radius:6px; margin-right:12px;}
.xcx_bg .xcx_ul2 ul li:nth-child(3n){ margin-right:0;}
.xcx_bg .xcx_ul2 ul li .boxs{ position:relative; overflow:hidden; max-width:410px; width:94%; margin:0 auto; margin-top:38px; margin-bottom:15px;}
.xcx_bg .xcx_ul2 ul li .imgs{ width:60px; height:60px; display:block; background: var(--linear-color); border-radius:0px 30px 30px 30px; position:relative;transition:all 0.6s; margin-top:13px; float:left; margin-right:36px;}
.xcx_bg .xcx_ul2 ul li .imgs img{ width:60px; height:60px;transition:all 0.6s;}
/*.xcx_bg .xcx_ul2 ul li:hover .imgs{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); background: var(--linear-color-h);}
.xcx_bg .xcx_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}*/
.xcx_bg .xcx_ul2 ul li .h2{ font-weight:normal; height:48px; line-height:48px; overflow:hidden; color:#333333; }
.xcx_bg .xcx_ul2 ul li .p{ overflow:hidden; line-height:30px; height:60px; color:#666666;}
.xcx_bg .xcx_ul2 ul li .cons{ overflow:hidden;}
.xcx_bg .xcx_ul2 ul li:hover{ box-shadow: 0px 4px 18px 0px rgba(26, 71, 106, 0.1);}
.xcx_bg2{ overflow:hidden;background:#06091a; padding-bottom:110px;}
.xcx_bg2 .wrap3{max-width:1600px;}
.xcx_bg2 .website_title .h4{ color:#fff;}
.xcx_ul3{  overflow:hidden; margin-top:3.5%;}
.xcx_ul3 ul li{ width:32.66%; float:left; margin-right:1%; margin-bottom:1%; background:#333333; text-align:left; overflow:hidden;position:relative; border-radius:10px;}
.xcx_ul3 ul li:nth-child(3n){ margin-right:0;}
.xcx_ul3 ul li .txts{ overflow:hidden;/* padding-bottom:32px;*/ height:200px;transition:all 0.3s; position:relative;z-index:0;}
.xcx_ul3 ul li .txts:after{ content:""; position:absolute; left:0; top:0; width:0%; height:100%;  background: linear-gradient(124deg, #ecb03b, #ed7941); transition:all 0.3s; z-index:-1;}
.xcx_ul3 ul li:hover .txts:after{ width:100%;}
.xcx_ul3 ul li .cons{ width:90%; max-width:426px; margin:0 auto; overflow:hidden; margin-top:55px;}
.xcx_ul3 ul li .txts .img1{ float:left;width:76px; height:88px; overflow:hidden; background-repeat:no-repeat; background-size:100%  100%; position:relative;transition:all 0.3s; margin-right:34px;}
.xcx_ul3 ul li:nth-child(1) .txts .img1{ background-image:url(../images/xcx_ico1.png);}
.xcx_ul3 ul li:nth-child(2) .txts .img1{ background-image:url(../images/xcx_ico2.png);}
.xcx_ul3 ul li:nth-child(3) .txts .img1{ background-image:url(../images/xcx_ico3.png);}
.xcx_ul3 ul li:nth-child(4) .txts .img1{ background-image:url(../images/xcx_ico4.png);}
.xcx_ul3 ul li:nth-child(5) .txts .img1{ background-image:url(../images/xcx_ico5.png);}
.xcx_ul3 ul li:nth-child(6) .txts .img1{ background-image:url(../images/xcx_ico6.png);}

.xcx_ul3 ul li:nth-child(1):hover .txts .img1{background-image:url(../images/xcx_ico1_on.png);}
.xcx_ul3 ul li:nth-child(2):hover .txts .img1{background-image:url(../images/xcx_ico2_on.png);}
.xcx_ul3 ul li:nth-child(3):hover .txts .img1{background-image:url(../images/xcx_ico3_on.png);}
.xcx_ul3 ul li:nth-child(4):hover .txts .img1{background-image:url(../images/xcx_ico4_on.png);}
.xcx_ul3 ul li:nth-child(5):hover .txts .img1{background-image:url(../images/xcx_ico5_on.png);}
.xcx_ul3 ul li:nth-child(6):hover .txts .img1{background-image:url(../images/xcx_ico6_on.png);}
.xcx_ul3 ul li .txts .divs{ overflow:hidden; }
.xcx_ul3 ul li .txts .divs .h2{font-weight:bold; line-height:32px; height:32px; overflow:hidden; color:#fff;}
.xcx_ul3 ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px; margin-top:9px;}
.xcx_ul3 ul li:hover .txts .divs .p{ color:#fff;}
.xcx_bg3{background: url(../images/xcx_bg2.jpg) center center no-repeat;background-size: cover; overflow:hidden; }
.xcx_bg3 .wrap3{max-width:1600px;}
.xcx_bg4{overflow:hidden; padding-bottom:120px;}
.xcx_bg4 .wrap3{max-width:1600px;}
.xcx_ul4{  overflow:hidden; margin-top:3.5%;}
.xcx_ul4 ul li{ width:32.66%; float:left; margin-right:1%; margin-bottom:1%; background:#f7f7f7; text-align:left; overflow:hidden;position:relative; border-radius:10px;}
.xcx_ul4 ul li:nth-child(3n){ margin-right:0;}
.xcx_ul4 ul li .txts{ overflow:hidden;/* padding-bottom:32px;*/ height:420px;transition:all 0.3s; position:relative;z-index:0;}
.xcx_ul4 ul li .txts:after{ content:""; position:absolute; left:0; top:0; width:0%; height:100%;  background: linear-gradient(124deg, #ecb03b, #ed7941); transition:all 0.3s; z-index:-1;}
.xcx_ul4 ul li:hover .txts:after{ width:100%;}
.xcx_ul4 ul li .cons{ width:90%; max-width:426px; margin:0 auto; overflow:hidden; margin-top:65px; text-align:center;}
.xcx_ul4 ul li .txts .img1{ display:block; border-radius:50%; margin:0 auto;width:118px; height:118px; border:1px solid #e5e5e5; overflow:hidden; background-repeat:no-repeat; background-size:100%  100%; position:relative;transition:all 0.3s; background-color:#fff;}
.xcx_ul4 ul li:hover .txts .img1{ border:1px solid #fff;}
.xcx_ul4 ul li:nth-child(1) .txts .img1{ background-image:url(../images/xcx_b1.png);}
.xcx_ul4 ul li:nth-child(2) .txts .img1{ background-image:url(../images/xcx_b2.png);}
.xcx_ul4 ul li:nth-child(3) .txts .img1{ background-image:url(../images/xcx_b3.png);}
.xcx_ul4 ul li:nth-child(1):hover .txts .img1{background-image:url(../images/xcx_b1_on.png);}
.xcx_ul4 ul li:nth-child(2):hover .txts .img1{background-image:url(../images/xcx_b2_on.png);}
.xcx_ul4 ul li:nth-child(3):hover .txts .img1{background-image:url(../images/xcx_b3_on.png);}
.xcx_ul4 ul li .txts .h2{font-weight:bold; line-height:32px; height:32px; overflow:hidden; color:#333333; margin-top:18px;transition:all 0.3s;}
.xcx_ul4 ul li .txts .p{ line-height:30px; height:60px;overflow:hidden; color:#666666; font-size:18px; margin-top:6px;transition:all 0.3s;}
.xcx_ul4 ul li:hover .txts .p{ color:#fff;}
.xcx_ul4 ul li:hover .txts .h2{ color:#fff;}
.xcx_ul4 ul li .more-box-a{ margin-top:20px;}
.xcx_ul4 ul li:hover .more-box-a .more-box{ background:#fff; color:#333333;}
/*网站改版*/
.gaiban_three_ul{ max-width:var(--wrap-1600-width); margin:0 auto; margin-top:3%; overflow:hidden; }
.gaiban_three_ul ul li{ width:23.5%; float:left; text-align:center; overflow:hidden;position:relative; margin-right:2%; margin-bottom:2%; background:#f7f7f7; border-radius:10px;}
.gaiban_three_ul ul li:nth-child(4n){ margin-right:0;}
.gaiban_three_ul ul li .txts{ width:96%; max-width:290px; margin:0 auto; overflow:hidden; padding-bottom:52px;}
.gaiban_three_ul ul li .txts img{ display:block; height:46px; margin:0 auto; margin-top:48px;}
.gaiban_three_ul ul li .txts .p{ line-height:26px; height:52px; /*overflow:hidden; */ color:#666666; margin-top:20px; font-size:16px;}

@media (max-width: 1660px) {


/*营销型网站建设*/
.website_title .en{ line-height:50px;}
.case_bg .list2{--p: 24px;margin: -24px;margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 24px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-10px);}
.case_bg .list2 .cont{padding: 24px 35px; }
.case_bg .list2 .cont .list2-type{ margin-top: 5px;}
/*品牌网站建设*/
.website_ul2 ul li .cons .divs .p{ font-size:14px;}
/*购物商城网站建设*/
.website2_three_2{ padding-bottom:100px;}
.website2_ul2 ul li .cons{ margin-top:34px;}
.website2_ul2 ul li .txts{ height:190px;}
.website2_ul2 ul li .txts .img1{ margin-right:20px; margin-top:12px;}
.website2_ul2 ul li .txts .divs .p{ font-size:14px; line-height:22px; margin-top:0;}
/*移动端手机网站建设*/
.mobile_ul ul li{ height:320px;}
.mobile_ul ul li .img1{ margin-top:80px;}
.mobile_ul ul li .divs .img2{ margin-top:50px;}
.mobile_ul ul li .divs .cons .p{ margin-top:0;}
/*微信小程序定制开发*/
.xcx_bg2{ padding-bottom:100px;}
.xcx_ul3 ul li .cons{ margin-top:34px;}
.xcx_ul3 ul li .txts{ height:160px;}
.xcx_ul3 ul li .txts .img1{ margin-right:20px; }
.xcx_ul3 ul li .txts .divs .p{ font-size:14px; line-height:22px; margin-top:4px;}
.xcx_bg4{overflow:hidden; padding-bottom:100px;}

}


@media (max-width: 1550px) {


/*营销型网站建设*/
.website_ul ul li .imgs{ height:125px;}
.website_two .website_two_r{ margin-top:140px; margin-bottom:140px;}
.website_two .website_two_l{ padding-top:125px;}
.website_two .position-award-box{width:35%;}
.website_two .position-award-box .award-image{top:calc(50% - 781px);left:calc(50% - 700px);}
.qiye_four .qiye_ul2 ul li .p{ margin-top:12px;}
.case_bg .list2{ --p: 15px;margin: -15px;margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 15px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-5px);}
.case_bg .list2 .cont{ padding: 22px 25px;}
.case_bg .list2 .cont .list2-type{ font-size: 14px;}
/*品牌网站建设*/
.website_ul2 ul li .cons .divs .p{ font-size:13px;}

/*响应式网站建设*/
.choice ul li .imgs{ height:124px;}
/*网站改版*/
.gaiban_three_ul ul li .txts .p{ font-size:15px;}
}

@media (max-width: 1400px) {


/*营销型网站建设*/
.website_title .h4{ line-height:56px;}
.website_two .website_two_l .website_title .h4{ margin-top:0;}
.website_two .website_two_l .more-box-a{ margin-top:70px;}
.case_bg .list2{ --p: 13px;margin: -13px; margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 13px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-3px); }
.case_bg .list2 .cont{ padding: 18px 20px;}
.case_bg .list2 .cont .list2-type{ margin-top: 3px;}
/*品牌网站建设*/
.website_ul2 ul li .cons .divs .p{ font-size:12px;}
.website_ul2 ul li .txts img{ margin-top:40px;}
.website_ul2 ul li .txts{ padding-bottom:36px;}
.website_ul2 ul li .cons .divs{ margin-top:2px;}
/*网站改版*/
.gaiban_three_ul ul li .txts .p{ font-size:14px;}
}
@media (max-width: 1200px) {
    /*微信小程序定制开发*/
    .xcx_bg .xcx_ul2 ul li .imgs {margin-right: 26px;}
    .xcx_ul3 ul li .txts .img1 {width: 70px;height: 81px;}
    /*品牌网站建设*/
    .website2_three_ul ul li:hover .divs{width:100%;opacity:0;filter:Alpha(opacity=0);}
}
@media (max-width: 992px) {
    /*营销型网站建设*/
    .website_title .en{line-height: 1.8;}
    .website_title_pn{line-height: 1.6;}
    .website_ul ul li .imgs{ height:100px;}
    .website_ul ul li .h2{line-height: 1.7;height: auto;}
    .qiye_four .qiye_ul2{margin-bottom: 6%;}
    .qiye_four .qiye_ul2 ul li{margin-right: 40px;width: calc(33.33% - 27px); width: -webkit-calc(33.33% - 27px); width: -moz-calc(33.33% - 27px);margin-bottom: 4%;}
    /*响应式网站建设*/
    .choice ul li .imgs{height: 100px;}
    .choice ul li .h2{line-height: 1.7;height: auto;}
    .zhuanti2_three .zhuanti2_three_r .span{line-height: 50px;height: auto;font-size: 24px;}
    .zhuanti2_five .zhuanti2_five_con{margin-top: 4%;margin-bottom: 6%;}
    /*购物商城网站建设*/
    .website2_three_2{padding-bottom: 8%;}
    .website2_ul2 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .website2_ul2 ul li:nth-child(3n){margin-right: 2%;}
    .website2_ul2 ul li:nth-child(2n){margin-right: 0;}
     
}
@media (max-width: 960px) {
    /*微信小程序定制开发*/
    .xcx_one{padding-bottom: 8%;}
    .xcx_bg{padding-bottom: 8%;}
    .xcx_ul ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .xcx_ul ul li:nth-child(2n){margin-right: 0;}
    .xcx_bg .xcx_ul2{margin-top: 4%}
    .xcx_bg .xcx_ul2 ul li{
        width: calc(49% - 0px);margin-right: 2%;margin-bottom: 2%;
        width: -webkit-calc(49% - 0px);
        width: -moz-calc(49% - 0px);
    }
    .xcx_bg .xcx_ul2 ul li:nth-child(3n){margin-right: 2%;}
    .xcx_bg .xcx_ul2 ul li:nth-child(2n){margin-right: 0;}
    .xcx_bg .xcx_ul2 ul li .boxs{margin-top: 5%;margin-bottom: 3%;}
    .xcx_bg .xcx_ul2 ul li .p{line-height: 24px;height: 48px;}
    .xcx_bg .xcx_ul2 ul li .h2{height: 40px;line-height: 40px;}
    .xcx_bg .xcx_ul2 ul li .imgs{margin-top: 10px;}
    .xcx_bg2{padding-bottom: 8%;}
    .xcx_ul3 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .xcx_ul3 ul li:nth-child(3n){margin-right: 2%;}
    .xcx_ul3 ul li:nth-child(2n){margin-right: 0;}
    .xcx_ul4 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .xcx_ul4 ul li:nth-child(3n){margin-right: 2%;}
    .xcx_ul4 ul li:nth-child(2n){margin-right: 0%;}
    .xcx_bg4{padding-bottom: 8%;}
    /*营销型网站建设*/
    .website_title{margin-top: 8%;}
    .case_bg .list2{ margin: -10px; margin-top: 12px;}
    .case_bg .list2 .list2-li{width: 50%;padding: 10px;}
    .case_bg .list2 .list2-li:nth-child(3){display: none;}
    .website_title_p{line-height: 1.8;margin-top: 12px;}
    .website_title .h4{line-height: 1.2;margin-top: 1%;}
    .website_ul ul li .imgs{height: 80px;}
    .website_two{display: block;}
    .website_two.bgs2{ height: auto;display: block;background-image:url(../images/website2_bg4.jpg);}
    .website_two .website_two_box{float: none;width: 100%;position: unset;}
    .website_two .position-award-box{position: static;width: 100%;height: auto;display: block;}
    .website_two .position-award-box .award-image{position: static;width: 100%;height: auto;background: none;}
    .website_two .position-award-box .award-image img{opacity:1.0;filter:Alpha(opacity=100);}
    .website_two.bgs2 .website_two_l{padding-top: 5%;padding-bottom: 12%;}
    .website_two .website_two_l .desc{margin-top: 4%;line-height: 30px;}
    .website_two .website_two_l .more-box-a{margin-top: 7%;}
    .website_two .website_two_l{padding-top: 5%;padding-bottom: 0%;}
    .website_two .website_two_r{float: none;width: 100%;max-width: none;margin-top: 8%;margin-bottom: 0; padding-bottom: 8%;}
    .website_two .website_two_r ul li .divs{max-width: 750px;}
    .website_two .website_two_r ul li{margin-bottom: 3%;}
    .website_two .website_two_r ul li .p{height: auto;margin-bottom: 3%;}
    .website_two .website_two_r ul li .h2{height: 40px;line-height: 40px;}
    .website_two .website_two_r ul li .divs{padding-top: 5%;}
    .website_two .website_two_r ul li .p{margin-top: 2%;}    
    .website_ul2 ul li{width: 32%;}
    .website_ul2 ul li:nth-child(4n){margin-right: 2%;}
    .website_ul2 ul li:nth-child(3n){margin-right: 0;}
    .qiye_three .recruitmentList li{float: none;width: 100%;max-width: none;}
    .qiye_three .recruitmentList li .boxs{margin-top: 6%;margin-bottom: 5%;}
    .qiye_four .qiye_ul2{margin-top: 6%;}
    .qiye_four .qiye_ul2 ul li{margin-right: 20px;width: calc(33.33% -14px); width: -webkit-calc(33.33% - 14px); width: -moz-calc(33.33% - 14px);}
     /*响应式网站建设*/
     .choice ul li .imgs{height: 80px;}
     .zhuanti_bg1{ padding-top:100px; background: #f6f6f6;padding-bottom: 8%;}
     .zhuanti_bg1 .zhuanti_bg1_one{margin-bottom: 170px;}
     .zhuanti2_three{height: 730px;background-size:140% auto;background-color: #06091a;}
     .zhuanti2_three .zhuanti2_three_r{font-size: 15px;line-height: 26px;}
     .zhuanti2_three img{width: 80%;left: 10%;margin-left: 0;}
     .zhuanti2_three .zhuanti2_three_r .span{font-size: 22px;line-height: 1.6;margin-top: 1%;}
     /*品牌网站建设*/
     .website2_three_ul ul li .img1{width: 90px;height: 90px;margin-top: 50px;}
     .website2_three_ul ul li .h2{line-height: 30px;height: auto;}
     .website2_three_ul{margin-bottom: 9%;margin-top: 4%;}
     .website2_three_ul ul li{height: 250px;}
     .website2_three_ul.bgs2 ul li{height: 280px;}
     .gaiban_three_ul ul li{width: 32%;}
     .gaiban_three_ul ul li:nth-child(4n){margin-right: 2%;}
     .gaiban_three_ul ul li:nth-child(3n){margin-right: 0;}
     .gaiban_three_ul ul li .txts{padding-bottom: 52px;}
     .gaiban_three_ul ul li .txts img{margin-top: 38px;}
     /*购物商城网站建设*/
     .website2_ul2 ul li .cons{margin-top: 24px;}
     .website2_ul2 ul li .txts{height: 180px;}
     .website2_ul2 ul li .txts .img1{width: 70px;height: 84px;}
}
@media (max-width: 780px) {
     /*响应式网站建设*/
     .zhuanti2_three{height: 650px;background-position:center 70%;}
      /*品牌网站建设*/
      .website2_three_ul ul li .img1{width: 80px;height: 80px;}
      .website2_three_ul ul li{margin-right: 2%;width: 32%;margin-bottom: 2%;}
      .website2_three_ul ul li:nth-child(4),.website2_three_ul ul li:nth-child(5){width: 49%;}
      .website2_three_ul ul li:nth-child(3), .website2_three_ul ul li:nth-child(5){margin-right: 0;}
      .gaiban_three_ul ul li{width: 49%;}
      .gaiban_three_ul ul li:nth-child(3n){margin-right: 2%;}
      .gaiban_three_ul ul li:nth-child(2n){margin-right: 0;}
      .gaiban_three_ul ul li .txts{padding-bottom: 40px;}
       /*购物商城网站建设*/
       .website2_ul2 ul li{width: 100%;margin-right: 0;}
       .website2_ul2 ul li .cons{max-width: 630px;}
       .website2_ul2 ul li .txts{height: auto;padding-bottom: 30px;}

}
@media (max-width: 640px) {
    /*微信小程序定制开发*/
    .xcx_ul ul li .h2{line-height: 24px;height: 48px;margin-top: 4%;}
    .xcx_bg .xcx_ul2 ul li .imgs{margin-right: 4%;width: 50px;height: 50px;margin-top: 6px;}
    .xcx_bg .xcx_ul2 ul li .imgs img{width: 50px;height: 50px;}
    .xcx_bg .xcx_ul2 ul li .h2{height: 38px;line-height: 38px;}
    .xcx_bg .xcx_ul2 ul li .p{line-height: 22px;height: 44px;}
    .xcx_ul3 ul li .txts .img1{width: 60px;height: 69px;}
    .xcx_ul3 ul li .cons{margin-top: 10%;}
    .xcx_ul4 ul li .txts{height: auto;}
    .xcx_ul4 ul li .txts .img1{width: 100px;height: 100px;}
    .xcx_ul4 ul li .txts .p{font-size: 16px;line-height: 24px;height: 48px;}
    .xcx_ul4 ul li .cons{margin-top: 15%;margin-bottom: 15%;}
    /*营销型网站建设*/
    .case_bg .list2 .cont{padding: 18px 10px;}
    .case_bg .more-box-a{margin-bottom: 8%;}
    .website_ul ul li{width: 50%;margin-bottom: 4%;}
    .website_ul ul li:nth-child(2n+1){clear: both;}
    .website_ul ul li .imgs{height: 60px;}
    .website_ul ul li .h2{font-size: 14px;}
    .website_ul2 ul li{width: 49%;}
    .website_ul2 ul li:nth-child(3n){margin-right: 2%;}
    .website_ul2 ul li:nth-child(2n){margin-right: 0;}
    .website_two .website_two_l .desc{line-height: 26px;}
    .website_two .website_two_r{margin-top: 10%;padding-bottom: 10%;}
    .website_two .website_two_r ul li .divs{padding-bottom: 50px;}
    .qiye_three .recruitmentList li .boxs{background-size: auto 60%;}
    .qiye_three .recruitmentList li .text{line-height: 24px;height:72px;}
    .qiye_four .qiye_ul2 ul li{width: calc(50% -10px); width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px);}
    .qiye_four .qiye_ul2 ul li:nth-child(3n){margin-right: 20px;}
    .qiye_four .qiye_ul2 ul li:nth-child(2n){margin-right: 0;}
    /*响应式网站建设*/
    .choice ul li{width: 50%;margin-bottom: 4%;}
    .choice ul li:nth-child(2n+1){clear: both;}
    .choice ul li .imgs{height: 60px;}
    .choice ul li .h2{font-size: 14px;}
    .zhuanti_bg1{padding-top: 8%;}
    .zhuanti_bg1 .zhuanti_bg1_one{margin-bottom: 8%;float: none;width: 100%;}
    .zhuanti_bg1 .zhuanti_bg1_one ul li h2{font-size: 24px; background-size: auto 51px;padding-left: 73px;}
    .zhuanti_bg1 .zhuanti_bg1_one ul li p{font-size: 15px;}
    .zhuanti2_three{height: 580px;background-position: center 90%;}
    .zhuanti2_three .zhuanti2_three_r{font-size: 14px;line-height: 24px;}
    .zhuanti2_three .zhuanti2_three_r .span{font-size: 20px;}
    .zhuanti2_five .zhuanti2_five_con ul li{width: calc(50% - 5px); width: -webkit-calc(50% - 5px);width: -moz-calc(50% - 5px);margin-bottom: 10px;}
     /*品牌网站建设*/
     .website2_three_ul ul li{height: 220px;}
     .website2_three_ul.bgs2 ul li{height: 240px;}
     .website2_three_ul ul li .img1{height: 70px;width: 70px;}
     .website2_three_ul ul li .h2{margin-top: 25px;line-height: 26px;}
     /*移动端手机网站建设*/
     .mobile_ul{margin-bottom: 10%;margin-top: 5%;}
     .mobile_ul ul li{width: 32%;margin-right: 2%;height: auto;padding-bottom: 50px;}
     .mobile_ul ul li.actives{ width:32%;}
     .mobile_ul ul li.actives .divs{opacity:0;filter:Alpha(opacity=0);display: none;}
     .mobile_ul ul li .h2{line-height: 30px;height: 60px;margin-top: 10%;margin-left: 2%;margin-right: 2%;}
     .mobile_ul ul li .img1{margin-top: 50px;width: 80px;height: 80px;}
     .mobile_three .mobile_three_l{margin-bottom: 10%;width: 80%;}
     .mobile_three .mobile_three_l .desc{margin-top: 8%;}
     .mobile_three .mobile_three_l .more-box-a{margin-top: 15%;}
     
}
@media (max-width: 480px) {
     /*微信小程序定制开发*/
    .xcx_bg .xcx_ul2 ul li{width: calc(100% - 0px);margin-right: 0%;
        width: -webkit-calc(100% - 0px);
        width: -moz-calc(100% - 0px);}
    .xcx_bg .xcx_ul2 ul li .p{height: auto;}
    .xcx_bg .xcx_ul2 ul li .boxs{margin-bottom: 5%;}
    .xcx_ul3 ul li{float: none;width: 100%;margin-right: 0;}  
    .xcx_ul3 ul li .cons{margin-top: 5%;margin-bottom: 5%;}
    .xcx_ul3 ul li .txts{height: auto;}
    .xcx_ul4 ul li .txts .p{font-size: 14px;line-height: 22px;height: 44px;}
     /*营销型网站建设*/
     .case_bg .list2 .cont{padding: 18px 6px;}
     .case_bg .list2 .cont .list2-type{font-size: 13px;}
     .case_bg .list2{margin: -5px;margin-top: 12px;}
     .case_bg .list2 .list2-li{padding: 5px;}
     .website_title_p.bgs2{margin-top: 3%;}
     .website_ul ul li .h2{font-size: 13px;}
     .website_ul2{margin-top: 4%;}
     .website_ul2 ul li .cons .divs .h2{height: 50px;line-height: 50px;font-size: 14px;}
     .website_ul2 ul li .cons .divs .p{line-height: 22px;height: 66px;margin-top: 12px;}
     .website_ul2 ul li .txts{padding-bottom: 26px;}
     .qiye_three .recruitmentList li .boxs{background-size: auto 50%;padding-right: 90px;}
     .qiye_three .recruitmentList li .text{height: 60px;line-height: 20px;margin-top: 10px;}
     .qiye_four .qiye_ul2 ul li{margin-right:2%;width: calc(49% -0px); width: -webkit-calc(49% - 0px); width: -moz-calc(49% - 0px);}
    .qiye_four .qiye_ul2 ul li:nth-child(3n){margin-right: 2%;}
    .qiye_four .qiye_ul2 ul li:nth-child(2n){margin-right: 0%;}
    .qiye_four .qiye_ul2 ul li .imgs{width: 30px;height: 30px;}
    .qiye_four .qiye_ul2 ul li .imgs img{width: 30px;height: 30px;}
    .qiye_four .qiye_ul2 ul li .p{line-height: 22px;height: 88px;margin-top: 8px;}
    .website_con{margin-top: 5%;}
      /*响应式网站建设*/
      .choice ul li .h2{font-size: 13px;}
      .zhuanti_bg1 .zhuanti_bg1_one ul li h2{font-size: 22px; background-size: auto 41px;padding-left: 63px;height: 78px;line-height: 90px;}
      .zhuanti_bg1 .zhuanti_bg1_one ul li p{font-size: 14px;}
      .zhuanti_bg1 .zhuanti_bg1_one .more-box-a{margin-top: 6%;}
      .zhuanti2_three{height: 500px;background-position: center 100%;}
      .zhuanti2_three .zhuanti2_three_r{font-size: 13px;line-height: 22px;}
      .zhuanti2_three img{bottom: -150px;}
      .zhuanti2_three .zhuanti2_three_r .span{font-size: 18px;}
      .zhuanti2_five .website_title{margin-top: 200px;}
      /*品牌网站建设*/
      .website2_three_ul ul li{width: 49%;}
      .website2_three_ul ul li:nth-child(2n){margin-right: 0;}
      .website2_three_ul ul li:nth-child(3), .website2_three_ul ul li:nth-child(5){margin-right: 2%;}
      .website2_three_ul ul li:nth-child(5){width: 100%;}
      .website2_three_ul ul li .img1{margin-top: 50px;}
      .gaiban_three_ul{margin-top: 4%;}
      .gaiban_three_ul ul li .txts .p{font-size: 13px;line-height: 22px;height: 44px;}
      /*购物商城网站建设*/
      .website2_ul2 ul li .txts{padding-bottom: 20px;}
      .website2_ul2 ul li .txts .img1{width: 60px;height: 72px;}
      .website2_ul2 ul li .cons{width: 94%;margin-top: 15px;}
      .website2_ul2 ul li .txts .divs .p{font-size: 13px;}
      .website2_ul2 ul li .txts .divs .h2{height: 40px;line-height: 40px;}
      /*移动端手机网站建设*/
      .mobile_ul ul li{padding-bottom: 30px;}
      .mobile_ul ul li .img1{margin-top: 30px;width: 60px;height: 60px;}
      .mobile_ul ul li .h2{line-height: 26px;height: 52px;}
      .mobile_three .mobile_three_l .desc{line-height: 30px;}

}
@media (max-width: 420px) {
/*营销型网站建设*/
.website_ul ul li .h2{font-size: 12px;}
.qiye_three .recruitmentList li .boxs{padding-right: 70px;}
/*响应式网站建设*/
.choice ul li .h2{font-size: 12px;}
.zhuanti2_three{height: 460px;}
.zhuanti2_three .zhuanti2_three_r .span{font-size: 16px;margin-top: 2%;}
.zhuanti2_three img{bottom: -120px;}
.zhuanti2_five .website_title{margin-top: 170px;}
 /*品牌网站建设*/
.gaiban_three_ul ul li .txts .p{font-size: 12px;line-height: 20px;height: 40px;}
/*移动端手机网站建设*/
.mobile_ul ul li .h2{line-height: 22px;height: 44px;font-size: 14px;}
}



/*网站建设linami20221025*/