@charset "utf-8";



.container0{width: 90%; height: 100%; margin: 0 auto;}

.tops{width: 100%; background-color: #f7f7f7;}

.inside-bnaner{width: 100%; position: relative;}
.inside-bnaner .container0{width: 90%; height: 100%; margin: 0 auto;}
.inside-bnaner .bg{width: 100%; height: 410px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.inside-bnaner .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.inside-bnaner .txt .table{display: table; width: 100%; max-width: 1650px; height: 100%; margin: 0 auto; padding: 0 100px;}
.inside-bnaner .txt .table .cell{display: table-cell; vertical-align: middle; color: #fff;}
.inside-bnaner .txt .table .cell p{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.inside-bnaner .txt .table .cell h2{font-size: 48px;}
.inside-bnaner .txt .table .cell .bgtxt1{font-size: 60px; margin-bottom: 20px;}
.inside-bnaner .txt .table .cell .bgtxt2{font-size: 28px; color: #c1d5f0;}
.inside-bnaner .txt .table .cell .enfonts{font-size: 24px; margin-bottom: 10px;}
.inside-bnaner .bg1{width: 100%; height: 410px; background-repeat: no-repeat; background-position: center center; background-size: auto;}

.inside-bnaner2{width: 100%; position: relative;}
.inside-bnaner2 .container0{width: 90%; height: 100%; margin: 0 auto;}
.inside-bnaner2 .bg{width: 100%; height: 410px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.inside-bnaner2 .bg1{width: 100%; height: 410px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.inside-bnaner2 .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center;}
.inside-bnaner2 .txt .table{display: table; width: 100%; max-width: 1650px; height: 100%; margin: 0 auto; padding: 0 50px;}
.inside-bnaner2 .txt .table .cell{display: table-cell; vertical-align: middle; color: #fff;}
.inside-bnaner2 .txt .table .cell h2{font-size: 60px; margin-bottom: 30px;}
.inside-bnaner2 .txt .table .cell p{font-size: 28px; opacity: 0.9;}


.in_home0{font-size: 14px; color: #999; margin-bottom: 40px;}
.in_home0 .red{color: #ef0000;}


/* H5设计 */
.desi1_sec{width: 100%; padding: 50px 0 50px 0; background-color: #f5f6f8;}
.desi1_sec .in_home0{margin-bottom: 40px;}
.desi1_main{display: flex; justify-content: space-between; }
.desi1_left{width: 40%;}
.desi1_left .nr_box h2{position: relative; margin-bottom: 30px; font-size: 35px; color: #333;}
.desi1_left .nr_box h2::after{content: ""; display: block; width: 1px; height: 25px; margin-top: 30px; background-color: #ef0000;}
.desi1_left .nr p{font-size: 14px; line-height: 30px; color: #666;}
.desi1_right{width: 50%; padding-right: 35px;}
.desi1_right .img img{display: block; width: 100%; height: auto;}

.desi_title{margin-bottom: 50px; font-size: 32px; color: #333;}

.desi2_sec{width: 100%; padding: 50px 0;}
.desi2_sec ul li{position: relative; float: left; width: 47%; margin-bottom: 30px; padding: 30px;}
.desi2_sec ul li::after{content: "";position: absolute;left: 0;top: 0; width: auto; height: 100%;z-index: -1;border-radius: 5px; background-color: #f5f6f8; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.desi2_sec ul li:nth-child(even){float: right;}
.desi2_sec ul li .lis{display: flex; align-items: center; position: relative; z-index: 2;}
.desi2_sec ul li .lis .img{width: 7%; margin-right: 3%;}
.desi2_sec ul li .lis .img img{display: block; width: 100%; height: auto;}
.desi2_sec ul li .lis .img .pic1{display: block;}
.desi2_sec ul li .lis .img .pic2{display: none;}
.desi2_sec ul li .lis .txt{width: 85%;}
.desi2_sec ul li .lis .txt .nr{height: 50px; overflow-y: auto;}
.desi2_sec ul li .lis .txt strong{display: block; margin-bottom: 10px; color: #333; font-style: normal; font-weight: bold; font-size: 18px; }
.desi2_sec ul li .lis .txt .nr p{font-size: 14px; line-height: 25px; color: #666;}
.desi2_sec ul li .lis .num{position: absolute; right: 0; top: -20px; z-index: -1; font-size: 90px; font-weight: bold; color: #999; opacity: 0.2;}
.desi2_sec ul .li1::after{width: 25%;}
.desi2_sec ul .li2::after{width: 60%;}
.desi2_sec ul .li3::after{width: 20%;}
.desi2_sec ul .li4::after{width: 30%;}
.desi2_sec ul li:hover::after{width: 100%!important; background-color: #c12c1f; box-shadow:4px 4px 10px #eab9b4;}
.desi2_sec ul li:hover .lis .img .pic1{display: none;}
.desi2_sec ul li:hover .lis .img .pic2{display: block;}
.desi2_sec ul li:hover .lis .txt strong{color: #fff;}
.desi2_sec ul li:hover .lis .txt .nr p{color: #fff;}

.desi3_sec{width: 100%; padding: 50px 0; background-color: #f5f6f8;}
.desi3_main ul li{float: left; width: 47%; position: relative;}
.desi3_main ul li:nth-child(even){float: right;}
.desi3_main ul li .img{width: 100%; background: url(../images/desi3-bg1.jpg) no-repeat top center; background-size: cover;}
.desi3_main ul li .img img{display: block; width: 100%; height: auto;}
.desi3_main ul li .txt{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.desi3_main ul li .txt .table{display: table; width: 90%; height: 100%; margin: 0 auto;}
.desi3_main ul li .txt .table .cell{display:table-cell; vertical-align: middle; width: 100%;}
.desi3_main ul li .txt .table .cell .wz{line-height: 30px; display: flex; justify-content: center; align-items: center;}
.desi3_main ul li .txt .table .cell .wz h3{font-size: 24px; color: #333;}
.desi3_main ul li .txt .table .cell .wz h4{color: #fff; font-size: 14px; display: none;}
.desi3_main ul li .txt .table .cell .wz h4 img{vertical-align: middle;margin-left: 20px;}
.desi3_main ul li:hover .img{background-image: url(../images/desi3-bg2.jpg); transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.desi3_main ul li:hover .txt .table .cell .wz{justify-content: space-between;}
.desi3_main ul li:hover .txt .table .cell .wz h3{color: #fff;}
.desi3_main ul li:hover .txt .table .cell .wz h4{display: block;}

.desi4_sec{width: 100%; background-color: #f5f6f8;}
.desi4_sec .desi_title{ margin: 0 auto; margin-bottom: 50px; padding-top: 50PX;}
.desi4_main ul{margin-bottom: 0;}
.desi4_main ul li{float: left; position: relative; width: 50%;}
.desi4_main ul li .img{background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.desi4_main ul li .img .x_img{display: block; width: 100%; height: auto;}
.desi4_main ul li .txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.desi4_main ul li .txt .table{display: table; width: 90%; height: 100%; padding-left: 18%; position: relative; z-index: 2;}
.desi4_main ul li .txt .table .cell{display: table-cell; vertical-align: middle; color: #fff;}
.desi4_main ul li .txt .table .cell h3{font-size: 24px; margin-bottom: 30px;}
.desi4_main ul li .txt .table .cell p{font-size: 14px;}
.desi4_main ul li .txt .mask_img{position: absolute; right: 0; top: -8%; width: 60%; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.desi4_main ul li .txt .mask_img img{display: block; width: 100%; height: auto;}
.desi4_main ul .li1 .img{background-color: #2b66ed;}
.desi4_main ul .li2 .img{background-color: #599add;}
.desi4_main ul li:hover .img{background-image: url(../images/desi4-bg1.jpg);}
.desi4_main ul li.li2:hover .img{background-image: url(../images/desi4-02.jpg);}
.desi4_main ul li:hover .mask_img{display: none;}

.desi5_sec{width: 100%; padding: 50px 0;}
.desi5_sec .desi_title{font-size: 35px; color: #333;}
.desi5_main ul{display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0px -15px;}
.desi5_main ul li{position: relative; width: 30.3%; margin: 0 15px; margin-bottom: 44px;}
.desi5_main ul li .img_box{overflow: hidden;}
.desi5_main ul li .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;}
.desi5_main ul li .img img{display: block; width: 100%; height: auto;}
.desi5_main ul li .txt{position: absolute; left: 0; bottom: 30px; width: 100%; font-size: 14px; text-align: center; color: #fff;}
.desi5_main ul li:hover .img{transform: scale(1.1, 1.1);  -webkit-transform: scale(1.1, 1.1);}
.desi5_main ul li:nth-child(3n-1){margin-top: 50px; margin-bottom: 0;}


/* 域名申请 */
.doma0_sec{width: 100%; background-color: #f2f2f2;}

.doma_title{text-align: center; margin-bottom: 35px;}
.doma_title h2{font-size: 35px; color: #333; margin-bottom: 15px;}
.doma_title p{font-size: 16px; color: #666;}

.doma1_sec{width: 100%; padding: 40px 0px 50px 0px;}
.doma1_main{background-color: #fff;}
.doma1_ym{display: flex; border-bottom: 1px solid #e5e5e5;}
.doma1_ym label{position: relative; margin: 0; padding: 0; display: flex; justify-content: center;  align-items: center;}
.doma1_ym label input[type="radio"]{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  margin: 0; opacity: 0; cursor: pointer;}
.doma1_ym label input[type="radio"] + i{display: inline-block; width: 150px; height: 70px; line-height: 70px; font-size: 18px; font-weight: normal; color: #333; text-align: center; background-color: transparent;}
.doma1_ym label input[type="radio"]:checked + i{color: #fff; background-color: #ef0000;}
.doma1_com{padding: 40px 50px;}
.doma1_com table{width: 100%;}
.doma1_com table tr td{padding: 10px 0;}
.doma1_com table tr td label{font-weight: normal; font-style: normal; font-size: 14px; display: flex; align-items: center;}

.doma2_sec{position: relative; width: 100%; z-index: 2; background: url(../images/doma2-bg.jpg) no-repeat top center; background-size: cover;}
.doma2_main table{width: 100%; margin-bottom:30px; text-align: center; font-size: 18px; border: 1px solid #ef0000; box-shadow: 0 0 9px rgba(0,0, 0, 0.15);}
.doma2_main table tr{background-color: #fff; border-bottom: 1px solid #e5e5e5;}
.doma2_main table tr:last-child{border-bottom: none;}
.doma2_main table th{line-height: 80px; border: none; text-align: center; color: #fff; font-weight: normal;background-color: #ef0000; }
.doma2_main table td{line-height: 60px; color: #666; text-align: center;}
.doma2_main table .lred{background-color: #e21e21;}
.doma2_main table .red{color: #ef0000;}
.doma2_main table .lgray{background-color: #fcfcfc;}
.doma2_main .tip{text-align: center; color: #ef0000; font-size: 14px;}
.doma2_bg{position: absolute; bottom: -20px; left: 0; width: 244px; height: 430px; z-index: -1; background: url(../images/doma2-bg1.jpg) no-repeat top center; background-size: cover; }


.doma3_sec{width: 100%; padding: 50px 0 50px 0; margin-bottom: 50px; background: url(../images/doma3-bg.jpg) no-repeat top center; background-size: cover;}
.doma3_main ul{ margin: 0px -0.5%;}
.doma3_main ul li{float: left; width: 24%; height: 400px; margin: 0 0.5%; transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}
.doma3_main ul li .lis{width: 100%; padding: 0 45px; margin-top: 10%;}
.doma3_main ul li .lis img{max-width: 100%; margin-bottom: 30px;}
.doma3_main ul li .lis h2{font-size: 24px; color: #333; margin-bottom: 10px;}
.doma3_main ul li .lis h6{position: relative; font-size:14px; color: #999; line-height: 25px; margin-bottom: 20px; }
.doma3_main ul li .lis h6::after{content: ""; display: block; width: 1px; height: 28px; margin-top: 20px; background-color: #ef0000;}
.doma3_main ul li .lis .nr p{font-size: 14px; line-height: 25px; color: #666;}
.doma3_main ul li:hover{background-color: #fff; box-shadow:8px 10px 10px 0 #d9dadc; }

.doma4_sec{position: relative; width: 100%; margin-top: -50px;}
.doma4_sec .doma_title{margin-bottom: 90px;}
.doma4_main{box-sizing: border-box; width: 100%; padding: 50px 30px; margin-bottom: 50px; background-color: #fff;}
.doma4_main .menu-list .nLi{margin-bottom: 20px;}
.doma4_main .menu-list .nLi:last-child{margin-bottom: 0;}
.doma4_main .menu-list .link{position: relative; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.doma4_main .menu-list .ask_title{box-sizing: border-box; position: relative; width: 100%; padding: 20px; display: flex; justify-content: space-between; align-items: center; background-color: #f2f2f2;}
.doma4_main .menu-list .ask_title h2{width: 93%; font-size: 16px;}
.doma4_main .menu-list .ask_title i{display: inline-block; width: 16px; height: 16px; background-image: url(../images/doma4-plus.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.doma4_main .menu-list .nr{box-sizing: border-box; position: relative; width: 100%; padding: 28px; background-color: #fff;}
.doma4_main .menu-list .nr p{font-size: 14px; line-height: 30px; color: #666;}
.doma4_bg{position: absolute; bottom: 0; right: 0; width: 770px; height: 1133px; background: url(../images/doma4-bg1.png) no-repeat top center; background-size: cover;}
.accordion1 .submenu1{display: none;}
.accordion1 li.open .ask_title{background-color: #ef0000;}
.accordion1 li.open .ask_title h2{color: #fff;}
.accordion1 li.open i.fa-plus0{background-image: url(../images/doma4-reduce.png);}

.doma5_sec{position: relative; width: 100%; height: 400px; margin-bottom: 50px; background: url(../images/doma5_bg.jpg) no-repeat top center; background-size: cover;}
.doma5_sec .doma_title h2{color: #fff;}
.doma5_sec .doma_title p{color: #c7daf2;}
.doma5_sec .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center;}
.doma5_sec .txt .table{display: table; width: 100%; height: 100%;}
.doma5_sec .txt .table .cell{display: table-cell; vertical-align: middle;}
.doma5_btn{text-align: center;}
.doma5_btn a{display: inline-block; width: 156px; height: 43px; line-height: 43px; font-size: 14px; text-align: center; color: #fff; border-radius: 30px; background: linear-gradient(to right, #ff7d61, #fec458); background:  -webkit-linear-gradient(to right, #ff7d61, #fec458);}
.doma5_btn a:hover{background: #ef0000;}


/* ssl证书 */
.certi0_sec{width: 100%; background-color: #f2f2f2;}

.certi1_sec{width: 100%; padding: 40px 0 50px 0;}
.certi1_sec .in_home0{margin-bottom: 40px;}
.certi0_main{width: 100%; padding: 35px; text-align: center; background-color: #fff;}
.certi0_main h3{font-size: 24px; color: #333; margin-bottom: 55px;}
.certi0_Box{margin-bottom: 60px;}
.certi0_Box .hd{margin-bottom: 15px;}
.certi0_Box .hd ul{max-width: 800px; margin: 0 auto;}
.certi0_Box .hd ul li{float: left; width: 24%; margin:0 0.5%; cursor: pointer;}
.certi0_Box .hd ul li img{display: block; width: 100%; height: auto; border: 3px solid transparent;}
.certi0_Box .hd ul li.on img{border-color: #ef0000;}
.certi0_Box .bd .nr{position: relative; max-width: 980px; margin:0 auto; padding: 15px 25px; background-color: #f2f2f2;}
.certi0_Box .bd .nr::before{content: "";position: absolute; top: -10px; left: 0%; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #f2f2f2; }
.certi0_Box .bd .nr p{font-size: 14px; line-height: 30px; color: #333;}
.certi0_Box .bd .nr:nth-child(1)::before{left: 18%;}
.certi0_Box .bd .nr:nth-child(2)::before{left: 40%;}
.certi0_Box .bd .nr:nth-child(3)::before{left: 60%;}
.certi0_Box .bd .nr:nth-child(4)::before{left: 80%;}
.certi0_btn{text-align: center;}
.certi0_btn a{display: inline-flex; align-items: center; justify-content: center; width: 322px; height: 92px; line-height: 32px; font-size: 18px; background-color: #ef0000; color: #fff;}
.certi0_btn a img{margin-right: 28px;}
.certi0_btn a{width: 280px; height:80px; line-height: 80px; font-size: 16px;}

.certi2_sec{width: 100%; box-shadow: 0 0 30px rgba(0,0, 0, 0.15); background-color: #fff;}
.certi2_sec ul li{float: left; width: 50%; border-bottom: 1px solid #f7f8fc;}
.certi2_sec ul li:nth-child(1),.certi2_sec ul li:nth-child(2){padding: 0; border: none;}
.certi2_sec ul li:nth-child(odd){border-right: 1px solid #f7f8fc;}
.certi2_sec ul li .img{position: relative; width: 100%; height: 217px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 28px; font-weight: bold; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.certi2_sec ul li .img1{background-image: url(../images/certi2-bg1.png);}
.certi2_sec ul li .img2{background-image: url(../images/certi2-bg2.png);}
.certi2_sec ul li .txt{width: 100%; padding: 55px 110px; display: flex; justify-content: space-between; align-items: center;}
.certi2_sec ul li .txt .wz p{font-size: 16px; line-height: 30px; color: #666;}
.certi2_sec ul li .txt .wz .p4{font-size: 20px; color: #000; margin-top: 5px;}
.certi2_sec ul li .txt .wz .p4 strong{font-weight: normal;}
.certi2_sec ul li .txt .wz .p4 strong em{font-weight: normal; font-style: normal; color: #ef0000;}
.certi2_sec ul li .txt .lj a{display: inline-block; width: 129px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333; background-color: #f2f2f2;}
.certi2_sec ul li:hover{box-shadow: 0 0 9px rgba(0,0, 0, 0.15);  transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.certi2_sec ul li:hover .lj a{background-color: #ef0000; color: #fff;}

.certi_title{font-size: 35px; color: #333; text-align: center; margin-bottom: 50px;}

.certi3_sec{width: 100%; padding: 50px 0;}
.certi3_main{background-color: #fff;}
.certi3_main ul{float: left; width: 33.3333%; transition: all 0.5s; -webkit-transition: all 0.5s; transform: scale(1); -webkit-transform: scale(1);}
.certi3_main ul li{color: #333; text-align: center;}
.certi3_main ul .lione{background-color: #fff; padding: 20px 0;}
.certi3_main ul .lione .li_title{font-size: 32px;}
.certi3_main ul .lis:nth-child(even){background-color: #faf5f5;}
.certi3_main ul .lis:nth-child(odd){background-color: #fff;}
.certi3_main ul li .txt {height: 80px; overflow-y: auto; padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center;}
.certi3_main ul li .txt h2{font-size: 18px;}
.certi3_main ul li .txt p{font-size: 14px;}
.certi3_main ul .li_bottom{text-align: center; padding: 20px 0; background-color: #fff;}
.certi3_main ul .li_bottom a{display: inline-block; width: 180px; height: 45px; line-height: 45px; color: #333; font-size: 18px; border-radius: 30px; text-align: center; background-color: #eee;}
.certi3_main .ultwo:hover{box-shadow: 0 0 12px #ef0000; position: relative; z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.02);}
.certi3_main .ultwo:hover li{color: #ef0000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.certi3_main .ultwo:hover .li_bottom a{color: #fff; background-color: #5c9cdc;}

.certi4_sec{width: 100%; padding: 50px 0; background: url(../images/certi4_bg1.jpg) no-repeat top center; background-size: cover;}
.certi4_sec .certi_title{color: #fff;}
.certi4_sec .container{max-width: 900px}
.certi4_main{display: flex; justify-content: space-between; align-items: center;}
.certi4_main .hd{width: 45%;}
.certi4_main .hd ul li{margin-bottom: 30px;}
.certi4_main .hd ul li a{display: block; position: relative; padding-bottom: 20px; font-size: 24px; color: #fff; }
.certi4_main .hd ul li a::after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 46px; height: 1px; background-color: #fff; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.5s; -webkit-transition: all 0.5s;}
.certi4_main .hd ul li.on a::after{transform: scaleX(1); -webkit-transform: scaleX(1);}
.certi4_main .hd ul li a:hover::after{transform: scaleX(1); -webkit-transform: scaleX(1);}
.certi4_main .bd{width: 50%; background-color: #fff; padding: 20px;}     
.certi4_main .bd .nr{display: none;}
.certi4_main .bd .nr h2{font-size: 18px; color: #000; margin-bottom: 18px;}
.certi4_main .bd .nr .img{margin-bottom: 15px;}
.certi4_main .bd .nr .img span{width: 48%; display: block;}
.certi4_main .bd .nr .img span img{display: block; width: 100%; height: auto;}
.certi4_main .bd .nr p{font-size: 14px; line-height: 25px; color: #666;}
.certi4_main .bd .nr .p1{margin-bottom: 30px;}

.certi5_sec{width: 100%; padding: 50px 0;}
.certi5_sec ul{display: flex; justify-content: space-between; align-items: center;}
.certi5_sec ul .li1{width: 25%;}
.certi5_sec ul .li2{width: 50%;}
.certi5_sec ul .li2 .img1{display: block; width: 100%;}
.certi5_sec ul .li3{width: 25%;}
.certi5_sec ul li .lis:nth-child(odd){margin-bottom:30%;}
.certi5_sec ul li .lis .img2{display: block; max-width: 100%; border-radius: 50%; margin-bottom: 34px; box-shadow: 0 0 30px #dce9ff;}
.certi5_sec ul li .lis h2{margin-bottom: 25px; line-height: 25px; font-size: 24px; color: #333;}
.certi5_sec ul li .lis .nr p{font-size: 14px; line-height: 30px; color: #666;}

.certi6_sec{width: 100%; padding: 50px 0; background-color: #f2f2f2;}
.certi6_sec .container{max-width: 1240px;}
.certi6_main{width: 100%;}
.certi6_main img{display: block; width: 100%;}
.certi6_main1{position: relative;}
.certi6_main1::before{content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #ef0000; z-index: 2; animation:mymove 5s infinite; -webkit-animation:mymove 8s infinite; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-duration:10s;  -webkit-animation-duration:16s;}
.certi6_main1::after{content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #c0c0c0; z-index: 1;}
.certi6_main1 h2{position: relative; z-index: 5;}
.certi6_main2{ position: relative;}
.certi6_main2::before{content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #ef0000; z-index: 2; animation:mymove 5s infinite; -webkit-animation:mymove 8s infinite; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-duration:10s;  -webkit-animation-duration:16s;}
.certi6_main2:after{content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: #fff; z-index: 1;}
.certi6_main2 h2{ position: relative; z-index: 5;}

 @keyframes mymove
{
0% {width: 0px;}

100%{ width: 100%;}
}

@-webkit-keyframes mymove
{
0% { width: 0px;}

100%{ width: 100%;}
}
.certi6_main ul{margin-top: 24px;}
.certi6_main ul li{float: left; position: relative; width: 20%; text-align: center; font-size: 24px;}
.certi6_main ul .li1{left: -1%;}
.certi6_main ul .li2{left: -1%;}
.certi6_main ul .li3{left: 1%;}
.certi6_main ul .li4{left: 2%;}
.certi6_main ul .li5{left: 3%;}


.certi7_sec{width: 100%; padding-bottom: 50px; background-color: #f2f2f2;}
.certi7_sec .certi_title{color: #fff;}
.certi7_main{width: 100%; padding: 50px 0; color: #fff; background: url(../images/certi7-bg.jpg) no-repeat top center; background-size: cover;}
.certi7_main .box3{width: 90%; margin: 0 auto; position: relative;}
/* .certi7_main .box3 .certi7_btn{width: 35px; height: 67px; position: absolute; top: 15%; z-index: 20; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.certi7_main .box3 .certi7_Lbtn{left: 0; background-image: url(../images/certi7-02.png);}
.certi7_main .box3 .certi7_Rbtn{right: 0; background-image: url(../images/certi7-03.png);} */
.certi7-container{width: 100%; padding-bottom: 70px;}
.certi7-container .lis{display: flex; justify-content: space-between; align-items: center;}
.certi7-container .lis .img{width: 25%;}
.certi7-container .lis .img img{display: block; width: 100%; height: auto;}
.certi7-container .lis .txt{width: 70%;}
.certi7-container .lis .txt h3{font-size: 24px; margin-bottom: 30px;}
.certi7-container .lis .txt p{font-size: 14px; line-height: 25px;}
.certi7-container .certi7-pagination{bottom: 0;}
.certi7-container .certi7-pagination .swiper-pagination-bullet{width: 17px; height: 17px; margin: 0 14px; background-color: #fff; opacity: 0.5;}
.certi7-container .certi7-pagination .swiper-pagination-bullet-active{opacity: 1;}

/* 品牌设计 */
.brand_title{font-size: 35px; color: #333; margin-bottom: 50px;}

.brand2_sec{width: 100%; background-color: #f5f6f8;}
.brand2_sec .brand_title{text-align: center;}
.brand2_main .brand2_left{width: 35%; margin-top: -5%;}
.brand2_main .brand2_left .item{float: left; margin-right: 2%; transition: all 0.5s cubic-bezier(0, 0.37, 0.23, 0.99); -webkit-transition: all 0.5s cubic-bezier(0, 0.37, 0.23, 0.99);}
.brand2_main .brand2_left .item:last-child{margin-right: 0;}
.brand2_main .brand2_left .item img{display: block; width: 100%; height: auto;}
.brand2_main .brand2_left .item:nth-child(even){
    -webkit-animation: aboutDecoAnimate_2 5s ease-in-out infinite;
    animation: aboutDecoAnimate_2 5s ease-in-out infinite;
}
.brand2_main .brand2_left .item:nth-child(odd){
    -webkit-animation: aboutDecoAnimate_2 5s ease-in-out infinite;
     animation: aboutDecoAnimate_2 5s ease-in-out infinite;
}
.brand2_main .brand2_left .item:nth-child(1) {
    width: 7%;
    margin-top: 18%;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-duration: 5.1s;
	-webkit-animation-duration: 5.1s;
}

.brand2_main .brand2_left .item:nth-child(2) {
    width: 19%;
    margin-top: 23%;
    transition-delay: .15s;
    -webkit-transition-delay: .15s;
    animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    animation-duration: 5.3s;
	-webkit-animation-duration: 5.3s;
}

.brand2_main .brand2_left .item:nth-child(3) {
    width: 24%;
    margin-top: 0;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 5.5s;
	-webkit-animation-duration: 5.5s;
}

.brand2_main .brand2_left .item:nth-child(4) {
    width: 16%;
    margin-top: 27%;
    transition-delay: .25s;
	-webkit-transition-delay: .25s;
    animation-delay: 0.75s;
	-webkit-animation-delay: 0.75s;
    animation-duration: 5.7s;
	-webkit-animation-duration: 5.7s;
}

.brand2_main .brand2_left .item:nth-child(5) {
     width: 10%;
     margin-top: 8%;
     transition-delay: .3s;
	-webkit-transition-delay: .3s;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-duration: 5.9s;
	-webkit-animation-duration: 5.9s;
}
    
    @keyframes aboutDecoAnimate_1 {
    
        100%,
        0% {
            transform: skewY(0deg) translateY(0px);
            -webkit-transform: skewY(0deg) translateY(0px);
        }

        50% {
            transform: skewY(0deg) translateY(20px);
            -webkit-transform: skewY(0deg) translateY(20px);
        }
    }

    @keyframes aboutDecoAnimate_1 {
    
        100%,
        0% {
            transform: skewY(0deg) translateY(0px);
            -webkit-transform: skewY(0deg) translateY(0px);
        }

        50% {
            transform: skewY(0deg) translateY(20px);
            -webkit-transform: skewY(0deg) translateY(20px);
        }
    }

    @keyframes aboutDecoAnimate_1 {
    
        100%,
        0% {
            transform: skewY(0deg) translateY(0px);
            -webkit-transform: skewY(0deg) translateY(0px);
           
        }

        50% {
            transform: skewY(0deg) translateY(20px);
            -webkit-transform: skewY(0deg) translateY(20px);
        }
    }

    @-webkit-keyframes aboutDecoAnimate_1 {

        100%,
        0% {
           
            transform: skewY(45deg) translateY(0px);
            -webkit-transform: skewY(45deg) translateY(0px);
        }
        50% {
            transform: skewY(45deg) translateY(10px);
            -webkit-transform: skewY(45deg) translateY(10px);
        }
    }
    
    @keyframes aboutDecoAnimate_2 {
    
        100%,
        0% {
            transform: skewY(0deg) translateY(0px);
            -webkit-transform: skewY(0deg) translateY(0px);
        }
        50% {
            transform: skewY(0deg) translateY(-20px);
            -webkit-transform: skewY(0deg) translateY(-20px);
            
        }
    }

    @keyframes aboutDecoAnimate_2 {
    
        100%,
        0% {
            transform: skewY(0deg) translateY(0px);
            -webkit-transform: skewY(0deg) translateY(0px);
        }
        50% {
            transform: skewY(0deg) translateY(-20px);
            -webkit-transform: skewY(0deg) translateY(-20px);
            
        }
    }
    @-webkit-keyframes aboutDecoAnimate_2 {

        100%,
        0% {
            -webkit-transform: skewY(45deg) translateY(0px);
            transform: skewY(45deg) translateY(0px)
        }
    
        50% {
            -webkit-transform: skewY(45deg) translateY(-10px);
            transform: skewY(45deg) translateY(-10px)
        }
    }
    
.brand2_main .brand2_right{width: 55%;}
.brand2-container{padding-bottom: 50px;}
.brand2-container ul{background-color: #fff;}
.brand2-container ul li{float: left; width: 25%; height: 200px; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; border-right: 1px solid #f5f6f8; border-bottom: 1px solid #f5f6f8;}
.brand2-container ul li:nth-child(4n){border-right: none;}
.brand2-container ul li img{width: 75px; max-width: 100%; margin-bottom: 20px;}
.brand2-container ul li p{width: 100%; font-size: 15px; color: #333;}
.brand2-container .brand2-pagination .swiper-pagination-bullet{width: 17px; height: 17px; margin: 0 14px; background-color: #ef0000; opacity: 0.5;}
.brand2-container .brand2-pagination .swiper-pagination-bullet-active{opacity: 1;}

.brand3_sec{width: 100%; position: relative; padding: 50px 0 50px 0; z-index: 5; background-color: #f5f6f8;}
.brand3_title0{position: absolute; left: 25%;; top: 20%; color: #333;}
.brand3_title0 h2{font-size: 32px; margin-bottom: 20px;}
.brand3_title0 h3{font-size: 14px; font-weight: bold; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
.brand3_cot{position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 10;}
.brand3_bg0{position: absolute; left: 44%; bottom: -8%; width: 30%; height: 277px; z-index: -1; background: url(../images/brand3-bg1.png) no-repeat top center; background-size: cover;}
.brand3_bg1{position: absolute; left: 0; top: 0; width: 630px; height: 750px; z-index: -1; background: url(../images/brand3-bg2.png) no-repeat top center; background-size: cover;}
.brand3-container .lis{width: 100%; height: 728px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.brand3L-container{width: 12%;}
.brand3R-container{width: 53%;}
.brand3-pagination{width: 35%; padding-left: 13%; margin-top: 10%; position: relative; text-align: left;}
.brand3-pagination .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin-bottom: 20px; display: flex; align-items: center; font-size: 18px; border-radius:0; opacity: 1;  background-color: transparent;}
.brand3-pagination .swiper-pagination-bullet em{position: relative; display:inline-block; width: 53px; height: 53px; margin-right: 24px; font-weight: normal; font-style: normal; border-radius: 50%; z-index: 3; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.brand3-pagination .swiper-pagination-bullet em::after{content: ""; position: absolute; top: 53px; left: 55%; width: 1px; height: 20px; margin-bottom: 20px; z-index: -1; background-color: #e0e0e0;}
.brand3-pagination .swiper-pagination-bullet:nth-child(1) em{background-image: url(../images/brand3-11.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(2) em{background-image: url(../images/brand3-12.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(3) em{background-image: url(../images/brand3-13.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(4) em{background-image: url(../images/brand3-14.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(5) em{background-image: url(../images/brand3-15.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(6) em{background-image: url(../images/brand3-16.png);}
.brand3-pagination .swiper-pagination-bullet:nth-child(6) em::after{display: none;}
.brand3-pagination .swiper-pagination-bullet-active{color: #ef0000; transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(1) em{background-image: url(../images/brand3-21.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(2) em{background-image: url(../images/brand3-22.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(3) em{background-image: url(../images/brand3-23.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(4) em{background-image: url(../images/brand3-24.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(5) em{background-image: url(../images/brand3-25.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand3-pagination .swiper-pagination-bullet-active:nth-child(6) em{background-image: url(../images/brand3-26.png); transition: all 0.5s; -webkit-transition: all 0.5s;} 
.brand3-pagination .swiper-pagination-bullet-active em{box-shadow: 0 0 0 12px rgba(255, 255, 255, .5); animation: button-pulsate-pulse-small 2s ease infinite;  -webkit-animation: button-pulsate-pulse-small 2s ease infinite;}
.brand3-pagination .swiper-pagination-bullet-active em::after{background-color: #ef0000; transition: all 0.5s; -webkit-transition: all 0.5s;}

@keyframes button-pulsate-pulse-small {
    0% {
        box-shadow: 0 0 0 2.5px rgba(243, 22, 22, 0)
    }
    20% {
        box-shadow: 0 0 0 8px rgba(243, 22, 22, .4)
    }
    50% {
        box-shadow: 0 0 0 18px rgba(243, 22, 22, 0)
    }
    100% {
        box-shadow: 0 0 0 20px rgba(243, 22, 22, 0)
    }
}

@-webkit-keyframes button-pulsate-pulse-small {
    0% {
        box-shadow: 0 0 0 2.5px rgba(243, 22, 22, 0)
    }
    20% {
        box-shadow: 0 0 0 8px rgba(243, 22, 22, .4)
    }
    50% {
        box-shadow: 0 0 0 18px rgba(243, 22, 22, 0)
    }
    100% {
        box-shadow: 0 0 0 20px rgba(243, 22, 22, 0)
    }
}


.brand4_sec{width: 100%; position: relative; padding: 50px 0; background-color: #fff;}
.brand4to_title0{margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
.brand4to_title0 .brand_title{margin-bottom: 0;}
.brand4_btn a{display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #404040;}
.brand4_btn a i{display: block; width: 11px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.brand4_btnL{margin-right: 16px;}
.brand4_btnL i{background-image: url(../images/brand4-btnL.png);}
.brand4_btnR i{background-image: url(../images/brand4-btnR.png);}
.brand4-container{width: 100%;}
.brand4-container .swiper-slide{transition: all 0.5s; -webkit-transition: all 0.5s; transform: scale(0.9); -webkit-transform: scale(0.9);}
.brand4-container .lis{ display: flex; justify-content: space-between; background-color: #fafafa;}
.brand4-container .lis .img_box{width: 40%; height: 100%; overflow: hidden;}
.brand4-container .lis .img{width: 100%; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.brand4-container .lis .img img{ width: 100%; height: auto;} 
.brand4-container .lis .txt{width: 60%; position: relative;}
.brand4-container .lis .txt .wz{ width: 100%; height: 100%;}
.brand4-container .lis .txt .wz .table{display: table; width: 50%; margin: 0 auto; height: 100%;}
.brand4-container .lis .txt .wz .table .cell{display: table-cell; vertical-align: middle;}
.brand4-container .lis .txt .wz .table .cell p{font-size: 14px; line-height: 25px; color: #666;}
.brand4-container .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.brand4-container .swiper-slide-active{transform: scale(1); -webkit-transform: scale(1);}

.brand5_sec{width: 100%; padding: 50px 0; background-color: #f5f6f8;}
.brand5_btn a{display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #404040;}
.brand5_btn a i{display: block; width: 11px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.brand5_btnL{margin-right: 16px;}
.brand5_btnL i{background-image: url(../images/brand4-btnL.png);}
.brand5_btnR i{background-image: url(../images/brand4-btnR.png);}
.brand5-container{margin-left: 10%;}
.brand5-container .swiper-slide{width:20%;}
.brand5-container .lis{text-align: center;}
.brand5-container .lis .img{overflow: hidden; margin-bottom: 20px;}
.brand5-container .lis .img img{display: block; width: 100%; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand5-container .lis h2{font-size: 18px; color: #000; margin-bottom: 15px;}
.brand5-container .lis p{width: 80%; margin: 0 auto; font-size: 14px; line-height: 23px;}
.brand5-container .lis:hover .img img{transform: scale(1); -webkit-transform: scale(1);}

.brand6_sec{width: 100%; padding-top: 50px; background-color: #fff;}
.brand6_sec #app{ padding-top: 0px;}
.brand6_sec .processBlockDecoCircle{ margin-top: -100px;}
.brand6_sec .brand_title{margin-bottom: 40px; font-size: 35px;}
.brand6_sec .brand6_bt{position: relative; font-size: 26px; color: #333; margin-bottom: 20px;}
.brand6_sec .brand6_bt::after{content: ""; display: block; width: 1px; height: 30px; margin-top: 10px; background-color: #ef0000;}
.brand6_sec .brand6_titp ul{display: flex;  flex-wrap: wrap;}
.brand6_sec .brand6_titp ul li{text-align: center; padding: 0 28px; margin:0 2%; cursor: pointer; line-height: 66px; margin-bottom: 30px; font-size: 18px; color: #333; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(35, 61, 255, 0.16);}
.brand6_sec .brand6_titp ul li:hover{background-color: #ef0000; color: #fff;}


/* 手机网站建设 */
.in_home1{position: relative; width: 100%; height: 42px; background-color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); z-index: 30;}
.in_main1{display: flex; justify-content: space-between;}
.in_home1L{display: flex; align-items: center;}
.in_home1L .i_icon{width: 25px; height: 25px; margin-right: 15px; background: url(../images/mobi1-01.png) no-repeat center center; background-size: 100% auto;}
.select0{position: relative; display: block; width: 100%; width: 250px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 16px; color: #333; text-align: left; user-select: none; -webkit-touch-callout: none;}
.select0 .placeholder{position: relative; display: block; line-height: 42px; padding-left: 20px; background-color: #fff;z-index: 30;  cursor: pointer;}
.select0 .placeholder::after{content: '\f078'; position: absolute; right: 20px; top: 50%; font-family: 'FontAwesome';  z-index: 30; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.select0.is-open .placeholder:after{content: '\f077';}
.select0.is-open ul{display: block;}
.select0 ul{display: none; position: absolute; top: 100%; left: 0; overflow: hidden; width: 100%; margin-top: 5px; background-color: #fff; z-index:20;}
.select0 ul li a{display: block; width: 100%; line-height: 42px; padding-left: 20px; cursor: pointer;}
.select0 ul li a:hover{ background:#ef0000; color: #fff;}
.in_homeR{padding: 0 15px; height: 42px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.in_homeR .bdsharebuttonbox0{width: 100%; height: 100%; display: flex; align-items: center;}
.in_homeR .bds_mores0{float: none!important; width: 18px!important; height: 18px!important; margin: 0!important; padding: 0!important; background: url(../images/mobi1-02.png) no-repeat top center!important; background-size: 100% auto!important;;}

.mobi1_sec{width: 100%; position: relative; z-index: 5; background: #fff; padding-bottom: 50px;}
.mobi1_sec .container{position: relative;}
.mobi1_sec .in_home0{ max-width: 1650px; margin: 0px auto; height: 80px; line-height: 80px; z-index: 5;}
.mobi1_main{position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: -80px; z-index: -1;}
.mobi1_left{width: 50%;}
.mobi1_left img{display: block; width: 100%;}
.mobi1_right{width: 45%; color: #333;}
.mobi1_wz{max-width: 490px;}
.mobi1_title h2{font-size: 36px; margin-bottom: 17px;}
.mobi1_title h2::after{content: ""; display: block; width: 36px; height: 2px; margin-top: 17px; background-color: #ef0000;}
.mobi1_title h3{text-transform: uppercase; font-size: 24px; margin-bottom: 45px;}
.mobi1_right p{font-size: 16px; line-height: 30px; margin-bottom: 32px; color: #555;}
.mobi1_right .btn0 a{display: inline-block; width: 180px; height: 60px; line-height: 60px; font-size: 16px; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); text-align: center; background-color: #fbfbfb; }
.mobi1_right .btn0 a:hover{background-color: #ef0000; color: #fff;}

.mobi_box{position: relative; width: 100%;}


.mobi_title{text-align: center;}
.mobi_title h2{font-size: 36px; margin-bottom: 17px; color: #333;}
.mobi_title p{font-size: 16px; color: #999;}

.mobi_box0{width: 100%; background: url(../images/mobi0-bg.jpg) no-repeat top center; background-size: cover;}

.mobi2_sec{width: 100%; position: relative;}
.mobi2_sec .mobi_title{margin-bottom: 90px;}
.mobi2_main ul{overflow: hidden;}
.mobi2_main ul li{float: left; width: 25%; text-align: center; padding: 0px 1%;}
.mobi2_main ul li img{max-width: 100%; margin-bottom: 45px; transform: rotateY(0deg);  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transition:all 0.5s ease 0s;}
.mobi2_main ul li h3{font-size: 24px; color: #333; margin-bottom: 16px;}
.mobi2_main ul li h4{font-size: 16px; color: #555;}
.mobi2_main ul li:hover img{transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transition:all 0.5s ease 0s;}

.mobi3_sec{width: 100%; padding: 70px 0; position: relative; z-index: 2;}
.mobi3_sec .mobi_title{margin-bottom: 120px;}
.mobi3_txt{width: 50%; padding-left: 15%; max-width: 1650px;}
.mobi3_txt .box0{margin-bottom: 10px;}
.mobi3_txt ul{float: left;}
.mobi3_txt ul:first-child{margin-right: 10%;}
.mobi3_txt ul li{font-size: 20px; margin-bottom: 28px; color: #666; display: flex; align-items: center;}
.mobi3_txt ul li i{display: inline-block; width: 18px; height: 18px; margin-right: 15px; background: url(../images/mobi3-01.png) no-repeat  center center; background-size: 100% auto;}
.mobi3_txt .btn0 a{display: inline-block; width: 180px; height: 60px; line-height: 60px; font-size: 16px; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); text-align: center; background-color: #fbfbfb; }
.mobi3_txt .btn0 a:hover{background-color: #ef0000; color: #fff;}
.mobi3_img{width: 42%; margin-top: -10%; position: relative; z-index: -1;}
.mobi3_img img{display: block; width: 100%;}



.mobi4_sec{width: 100%; padding-bottom: 80px; background: url(../images/mark5-bg.jpg) no-repeat top center; background-size: cover;}
.mobi4_sec .mobi_title{margin-bottom: 80px;}
.mobi4_sec .mobi_title .red{color: #ef0000;}
.mobi4_main{display: flex; justify-content: space-between; align-items: center;}
.mobi4_main .lis{width: 31%; margin: 0 1.1%;}
.mobi4_main .lis ul li{position: relative; width: 80%; margin-bottom: 80px; padding: 15px; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; border: 1px dotted #cbcbcb;}
.mobi4_main .lis ul li:last-child{margin-bottom: 0;}
.mobi4_main .lis ul li h2{position: relative; margin-bottom: 12px; font-size: 25px; color: #536a94;}
.mobi4_main .lis ul li h2::before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 10px; background-color: #e3a222; vertical-align: middle;}
.mobi4_main .lis ul li p{padding-left: 15px; font-size: 14px; line-height: 25px; color: #999;}
.mobi4_main .lis .ul1 li{justify-content: flex-start;}
.mobi4_main .lis .ul1 li::after{content: '';position: absolute;top: 48%;right: -8px;width: 0;height: 0; z-index: 2; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #eee;}
.mobi4_main .lis .ul2 li{justify-content: flex-end;}
.mobi4_main .lis .ul2 li::before{content: ""; position: absolute; left: -8px; top: 48%; width: 0px; height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #f4f4f4;}
.mobi4_main .lis .ul2 li h2{text-align: right;}
.mobi4_main .lis .ul2 li h2::before{display: none;}
.mobi4_main .lis .ul2 li h2::after{content: ""; display: inline-block; width: 5px; height: 5px; margin-left: 10px; border-radius: 50%; margin-right: 10px; background-color: #e3a222; vertical-align: middle;}
.mobi4_main .lis .ul2 li p{padding-left: 0; padding-right: 20px;}
.mobi4_main .lis2 img{display: block; width: 100%; height: auto;}

.mobi5_sec{width: 100%; padding: 75px 0; overflow: hidden;}
.mobi5_main .container{width: 80%;}
.mobi5_title{margin-bottom: 35px;}
.mobi5_title h2{position: relative; font-size: 30px; margin-bottom: 17px;}
.mobi5_title h2::after{content: "";display: block;width: 36px;height: 2px;margin-top: 17px;background-color: #ef0000;}
.mobi5_title p{font-size: 16px; color: #666;}
.mobi5_main ul li{float: left; width: 30%; margin: 0 1.5%;}
.mobi5_main ul li .img_box{overflow: hidden; margin-bottom: 35px; box-shadow: 0 0 9px rgba(0,0, 0, 0.25);}
.mobi5_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s;}
.mobi5_main ul li .img img{display: block; width: 100%; height: auto;}
.mobi5_main ul li .txt{display: flex; justify-content: space-between; align-items: center;}
.mobi5_main ul li .txt .wz{width: 80%;}
.mobi5_main ul li .txt .wz h2{font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mobi5_main ul li .txt .wz p{font-size: 14px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mobi5_main ul li .txt .jt{width: 46px; height: 5px; background: url(../images/mobi5-02.png) no-repeat center; background-size: 100% auto;}
.mobi5_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.mobi5_main ul li:hover .txt h2{color: #ef0000;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.mobi5_main ul li:hover .txt .jt{background-image: url(../images/mobi5-03.png); transition: all 0.5s; -webkit-transition: all 0.5s;}

.mobi6_sec{width: 100%; padding-bottom: 50px;}
.mobi6_main{position: relative;}
.mobi6_btn a{position: absolute; bottom: 0; z-index: 30; display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; z-index: 10; background-color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.15);}
.mobi6_btn .mobi6_btnL{left: 42.5%;}
.mobi6_btn .mobi6_btnR{right: 51%;}
.mobi6_btn a i{display: inline-block; width: 13px; height: 26px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.mobi6_btn .mobi6_btnL i{background-image: url(../images/mobi6-03.png);}
.mobi6_btn .mobi6_btnR i{background-image: url(../images/mobi6-04.png);}
.mobi6_btn .mobi6_btnL:hover i{background-image: url(../images/mobi6-05.png);}
.mobi6_btn .mobi6_btnR:hover i{background-image: url(../images/mobi6-06.png);}
.mobi6-container{width: 100%;}
.mobi6-container .swiper-slide{width: 70%;}
.mobi6-container .lis{width: 100%;  display: flex; justify-content: space-between; align-items: center;}
.mobi6-container .lis .img_box{width: 50%; height: 585px; position: relative; z-index: 1; transition: all 1.2s ease; -webkit-transition: all 1.2s ease;}
.mobi6-container .lis .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.mobi6-container .lis .img img{display: block; width: 100%; height: 100%;}
.mobi6-container .lis .txt{width: 50%; color: #333;  transition: all 1.2s ease; -webkit-transition: all 1.2s ease;}
.mobi6-container .lis .txt .wz{width: 85%; margin: 0 auto;}
.mobi6-container .lis .txt .wz h2{font-size: 34px; margin-bottom: 19px;}
.mobi6-container .lis .txt .wz h2 .red{position: relative; display: inline-block; padding-bottom: 22px; border-bottom: 2px solid #ef0000; color: #ef0000;}
.mobi6-container .lis .txt .wz h3{font-size: 22px; text-transform: uppercase; margin-bottom: 45px;}
.mobi6-container .lis .txt .wz p{margin-bottom: 40px;  line-height: 25px; font-size: 16px; color: #666;}
.mobi6-container .lis .txt .wz a{display: inline-block; width: 180px; height: 60px; line-height: 60px; font-size: 16px; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); text-align: center; background-color: #fbfbfb; }
.mobi6-container .lis .txt .wz a:hover{background-color: #ef0000; color: #fff;}
.mobi6-container .swiper-slide-prev .lis .img_box{transform: translateX(100%); -webkit-transform: translateX(100%);}
.mobi6-container .swiper-slide-next .lis .txt{transform: translateX(-100%); -webkit-transform: translateX(-100%);}

/* 网站建设开发 */
.hite1_sec{position: relative; width: 100%; padding: 35px 0 50px 0; z-index: 5; background: url(../images/hite1-bg.jpg) no-repeat top center; background-size: 100% auto;}
.hite1_main{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.hite1_txt{width: 45%;  max-width: 1650px; padding-left: 10%;}
.hite1_title{text-align: right; position: relative; margin-bottom: 58px;}
.hite1_title::after{content: ""; position: absolute; right: 0; bottom: 0; width: 40px; height: 4px; background-color: #ef0000;}
.hite1_title img{max-width: 100%; margin-bottom: 28px;}
.hite1_txt .nr p{font-size: 16px; color: #555; line-height: 30px; text-align: right;}
.hite1_txt .nr a{width: 150px; margin-top: 20px;
    display: block;
    float: right;
    margin-right: 15px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #e2070b;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;}
.hite1_img{width: 50%;;}
.hite1_img img{display: block; width: 100%; border-radius: 5px;}
.hite1_ens{position: absolute; right: 0; top: -20px; z-index: -1; font-size: 250px; color: #f3f2f1;}

.hite_title{color: #333; margin-bottom: 50px;}
.hite_title h2{position: relative; font-size: 30px; margin-bottom: 24px; padding-bottom: 20px;}
.hite_title h2::after{content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background-color: #ef0000; }
.hite_title p{font-size: 14px; line-height: 25px; color: #666;}

.hite2_sec{width: 100%; padding: 55px 0 10px 0; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); background: url(../images/hite2-bg.jpg) no-repeat top center; background-size: cover;}
.hite2_main ul{overflow: hidden;}
.hite2_main ul li{float: left; width: 30%; margin: 0 1.6%; margin-bottom: 80px; }
.hite2_main ul li .img_box{overflow: hidden; margin-bottom: 35px; box-shadow: 10px 10px 10px #cbd3cf;}
.hite2_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite2_main ul li .img img{display: block; width: 100%; height: auto;}
.hite2_main ul li .txt{display: flex; justify-content: space-between; align-items: center;}
.hite2_main ul li .txt .wz{width: 80%;}
.hite2_main ul li .txt .wz h2{font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hite2_main ul li .txt .wz p{font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hite2_main ul li .txt .jt{width: 46px; height: 5px; background: url(../images/mobi5-02.png) no-repeat center; background-size: 100% auto;}
.hite2_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.hite2_main ul li:hover .txt h2{color: #ef0000;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite2_main ul li:hover .txt .jt{background-image: url(../images/mobi5-03.png); transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite2_main ul .lastli .lis{position: relative; background-color: #fff; box-shadow: 10px 10px 10px #cbd3cf;}
.hite2_main ul .lastli .lis img{display: block; width: 100%; height: auto;}
.hite2_main ul .lastli .lis .bgwz{position: absolute; left:0; right:0; bottom:0; top:0; width: 100%; height: 100%; text-align: center;}
.hite2_main ul .lastli .lis .table{display: table; width: 100%; height: 100%;}
.hite2_main ul .lastli .lis .cell{display: table-cell; vertical-align: middle;}
.hite2_main ul .lastli .lis .cell h3{font-size: 28px; color: #333;}

.hite3_sec{width: 100%; padding: 220px 0 90px 0;}
.hite3_sec .hite_title h2{color: #fff;}
.hite3_sec .hite_title h2::after{background-color: #fff;}
.hite3_sec .hite_title p{color: #fff;}
.hite3_main{display: flex; justify-content: space-between; align-items: center;}
.hite3_left{width: 58%; position: relative; margin-top: -15%; margin-right: -15%; padding: 80px 0 30px 0; z-index: 2;box-shadow: 0 0 9px rgba(0,0, 0, 0.15); background: url(../images/hite3-bg1.jpg) no-repeat top center; background-size: cover;}
.hite3_left .wz{width: 80%; margin: 0 auto;}
.hite3_left .box4 ul{display: flex; justify-content: center; flex-wrap: wrap;}
.hite3_left .box4 ul li{width: 20%;  padding: 20px 24px; margin-bottom: 50px; color: #fff; text-align: center;}
.hite3_left .box4 ul li img{display: block; max-width: 100%; margin: 0 auto; margin-bottom: 35px;}
.hite3_left .box4 ul li .img1{display: block;}
.hite3_left .box4 ul li .img2{display: none;}
.hite3_left .box4 ul li p{font-size: 16px;}
.hite3_right{width: 65%; height: 729px; background: url(../images/hite3-01.jpg) no-repeat top center; background-size: cover;}
.hite3_left .box4 ul li:hover{background-color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite3_left .box4 ul li:hover .img1{display: none; transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite3_left .box4 ul li:hover .img2{display: block; transition: all 0.5s; -webkit-transition: all 0.5s;}
.hite3_left .box4 ul li:hover p{color: #ef0000; transition: all 0.5s; -webkit-transition: all 0.5s;}

/* 营销网站建设 */
.mark1_sec{width: 100%; padding: 50px 0 50px 0; color: #fff; background: url(../images/mark1-bg.jpg) no-repeat top center; background-size: cover;}
.mark1_sec .in_home0{color: #fff;}
.mark1_sec .in_home0 a{color: #fff;}
.mark1_sec .in_home0 .red{color: #fff;}
.mark1_title{text-align: center; margin-bottom: 50px;}
.mark1_title h2{font-size: 36px; margin-bottom: 30px; font-weight: bold;}
.mark1_title p{font-size: 16px; line-height: 30px;}
.mark1_main{width: 100%; max-width: 1200px; margin: 0 auto; margin-bottom: 45px;  overflow: hidden;}
.mark1_main table{width: 100%;}
.mark1_main .mark_top th{padding: 15px 0; font-size: 30px; text-align: center; font-weight: normal; font-style: normal;  border: 1px solid #9bb1f8;}
.mark1_main .mark_top th .yellow{color: #ffff4a;}
.mark1_main table .oddbg{background-color: #5a7ff9;}
.mark1_main table td{padding: 15px 0; padding-left: 40px; font-size: 16px; border: 1px solid #9bb1f8; border-collapse: collapse;border-spacing: 0;}
.mark1_main table .bigfont1{font-size: 20px;}
.mark1_main table figure{overflow: hidden;}
.mark1_main table figure img{max-width: none;}
.mark1_main table .star_2{width: 60px;}
.mark1_main table .star_3{width: 90px;}
.mark1_main table .star_4{width: 120px;}
.mark1_sec .btn0{text-align: center}
.mark1_sec .btn0 a{display: inline-block; width: 180px; height: 60px; line-height: 60px; font-size: 16px; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); text-align: center; background-color: #fbfbfb; }
.mark1_sec .btn0 a:hover{background-color: #ef0000; color: #fff;}

.mark2_sec{width: 100%; padding: 50px 0; overflow: hidden; background: url(../images/mark2-bg1.jpg) no-repeat top center; background-size: cover;}
.mark2_box1{margin-bottom: 70px; position: relative; z-index: 2;}
.mark2_sec .mobi_title{margin-bottom: 90px;}
.mark2_main1 ul{overflow: hidden;}
.mark2_main1 ul li{float: left; width: 25%; text-align: center; padding: 0px 1%;}
.mark2_main1 ul li img{max-width: 100%; margin-bottom: 45px; transform: rotateY(0deg);  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transition:all 0.5s ease 0s;}
.mark2_main1 ul li h3{font-size: 24px; color: #333; margin-bottom: 16px;}
.mark2_main1 ul li h4{font-size: 16px; color: #555;}
.mark2_main1 ul li:hover img{transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transition:all 0.5s ease 0s;}
.mark2_mainL{width:46%; padding-left: 8%;}
.mark2_mainL .bt0{margin-bottom: 55px; font-size: 35px; color: #555;}
.mark2_mainL .nr p{font-size: 16px; color: #999; line-height: 30px;}
.mark2_mainR{width: 54%; margin-top: -25%;}
.mark2_mainR img{display: block; width: 100%; height: auto;}

.mark3_sec{position: relative; width: 100%; height: 300px; color: #fff; background: url(../images/mark3-bg1.jpg) no-repeat top center; background-attachment: fixed; background-size: cover;}
.mark3_sec .txt{position: absolute; left: 0; top:0; bottom: 0; right: 0; width: 100%; height: 100%;}
.mark3_sec .table{display: table; width: 90%; margin: 0 auto; max-width: 1650px; height: 100%;}
.mark3_sec .table .cell{vertical-align: middle; display: table-cell;}
.mark3_sec .table .cell .wz{width: 502px; text-align: right;}
.mark3_sec .table .cell h3{font-size: 36px; margin-bottom: 20px;}
.mark3_sec .table .cell p{font-size: 14px; font-family: Arial, Helvetica, sans-serif;}

.mark4_sec{width: 100%; padding-bottom: 50px; position: relative; background: #fff;}
.mark4_top{position: absolute; left: 0; top: 50px; width: 100%; z-index: 4;}
.mark4_main{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.mark4_left{width: 58%;}
.mark4_left img{display: block; width: 100%; height: auto;}
.mark4_right{width: 40%; padding-right: 10%;}
.mark4_right .bt0{font-size:35px; color: #555; margin-bottom: 50px;}
.mark4_right .nr p{font-size: 16px; line-height: 30px; color: #999;}

.mark5_sec{width: 100%; padding: 0 100px 0 40px 0; overflow: hidden; background: url(../images/mark5-bg.jpg) no-repeat top center; background-size: cover;}
.mark5_sec .mobi_title{margin-bottom: 70px;}
.mark5_main img{width: 100%; max-width: 100%; height: auto;}

.mark6_sec{padding-bottom: 70px;}

/* 微信分销系统 */
.chat1_sec{width: 100%; padding: 40px 0 50px 0; overflow: hidden; color: #333; background-color: #f2fcfe;}
.chat1_main{text-align: center; max-width: 1200px; margin: 0 auto;}
.chat1_main .bt0{font-size: 35px; margin-bottom: 38px;}
.chat1_main .nr{margin-bottom: 50px;}
.chat1_main .nr p{font-size: 16px; line-height: 30px;}
.chat1_main .img img{max-width: 100%;}

.chat_title{text-align: center; margin-bottom: 60px;}
.chat_title h2{font-size: 35px;}
.chat_title p{font-size: 16px; margin-top: 28px; line-height: 25px;}

.chat2_sec{width: 100%; padding: 50px 0; overflow: hidden; color: #fff; background: url(../images/chat2-bg.jpg) no-repeat top center; background-size: cover;}
.chat2_main{width: 80%; max-width: 1400px; text-align: center; margin: 0 auto;}
.chat2_main img{max-width: 100%;}

.chat3_sec{width: 100%;}
.chat3_sec .chat_title{color: #333;}
.chat3_main ul{margin-bottom: 0;}
.chat3_main ul li{position: relative; overflow: hidden;}
.chat3_main ul li .lis{color: #fff; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.chat3_main ul li .lis .txt{width: 40%; flex: 1;}
.chat3_main ul li .lis .txt .wz{position: relative; z-index: 3;}
.chat3_main ul li .lis .txt .bt0{font-size: 32px; margin-bottom: 50px;}
.chat3_main ul li .lis .txt .nr p{font-size: 16px; line-height: 30px;}
.chat3_main ul li .lis .txt .num{position: absolute; top: -50px; font-size: 200px; font-weight: bold; opacity: 0.1; z-index: -1; color: #efeff3;}
.chat3_main ul li .lis .img{width: 60%;}
.chat3_main ul li .lis .img img{max-width: 100%;}
.chat3_main ul li:nth-child(odd) .txt{padding-left: 9%;}
.chat3_main ul li:nth-child(odd) .txt .num{left: -10px;}
.chat3_main ul li:nth-child(even) .lis{flex-direction: row-reverse;}
.chat3_main ul .li1{padding:50px 0px;}
.chat3_main ul .li1 .lis{color: #333;}
.chat3_main ul .li1 .txt .num{opacity: 0.8;}
.chat3_main ul .li1 .img{display: flex; justify-content: space-between; align-items: baseline;}
.chat3_main ul .li1 .img img{width: 33%; height: auto; display: block;}
.chat3_main ul .li2{padding: 50px 0; background: url(../images/chat3-bg2.jpg) no-repeat top center; background-size: cover;}
.chat3_main ul .li2 .img img{margin-left: -15%;}
.chat3_main ul .li3{background: url(../images/chat3-bg3.jpg) no-repeat top center; background-size: cover;}
.chat3_main ul .li4{background: url(../images/chat3-bg4.jpg) no-repeat top center; background-size: cover;}
.chat3_main ul .li4 .img .box4{position: relative;}

.chat4_sec{width: 100%; padding: 50px 0; overflow: hidden; background-color: #f2f2f2;}
.chat4_sec .chat_title{color: #333;}
.chat4_main ul{background-color: #fff;}
.chat4_main ul li{float: left; width: 25%; padding: 30px; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s;}
.chat4_main ul li img{max-width: 100%; margin-bottom: 15px;}
.chat4_main ul li h2{font-size: 20px; margin-bottom: 25px; color: #333;}
.chat4_main ul li p{font-size: 15px; color: #666; line-height:25px; height: 100px;}
.chat4_main ul li:hover{position: relative; z-index: 3; background-color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); transform:translateY(-10px); -webkit-transform:translateY(-10px); transition: all 0.5s; -webkit-transition: all 0.5s;}

.chat5_sec{background-color: #fff;}


/* 响应式网站 */

.res_title{font-size: 36px; margin-bottom: 40px;}

.res1_sec{width: 100%; padding:50px 0px; color: #333; background: url(../images/res1_bg.jpg) no-repeat top center; background-size: cover;}
.res1_main{text-align: center; max-width: 1200px; margin: 0 auto;}
.res1_main .nr{margin-bottom: 65px;}
.res1_main .nr p{font-size: 16px; line-height: 30px;}
.res1_main .box5{margin-bottom: 90px;}
.res1_main .box5 ul li{float: left; width: 25%; text-align: center;}
.res1_main .box5 ul li img{max-width: 100%; margin-bottom: 15px; transform: rotateY(0deg);  -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transition:all 0.5s ease 0s;}
.res1_main .box5 ul li h2{font-size: 18px; margin-bottom: 10px;}
.res1_main .box5 ul li p{color: #999; font-size: 14px; letter-spacing:2px;}
.res1_main .box5 ul li:hover img{transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transition:all 0.5s ease 0s;}
.res1_main .box6 img{max-width: 100%;}

.res2_sec{width: 100%; color: #333; background: #fff;}
.res2_main{text-align: center; max-width: 1200px; margin: 0 auto;}
.res2_main .box7{text-align: left;}
.res2_main .res2_bt{font-size: 16px; line-height: 30px; margin-bottom: 65px;}
.res2_main .box7 .con1{width: 25%; padding-right: 20px;}
.res2_main .box7 .con2{width: 50%;}
.res2_main .box7 .con2 img{max-width: 100%;}
.res2_main .box7 .con3{width: 25%; padding-left: 10px;}
.res2_main .box7 .lis h3{font-size: 18px; margin-bottom: 20px;}
.res2_main .box7 .lis .nr p{font-size: 14px; line-height: 30px; color: #666;}
.res2_main .box7 .lis:nth-child(1){margin-bottom: 70px;}
.res2_main .box7 .con1 .lis{text-align: right;}
.res2_main .box7 .con2 .lis{text-align: left;}

.res3_sec{width: 100%; padding: 50px 0px; color: #333; background: #fff;}
.res3_main{text-align: center; max-width: 1200px; margin: 0 auto;}
.res3_main .img img{max-width: 100%;}

.res4_sec{width: 100%; padding: 50px 0; background: url(../images/res4-bg.jpg) no-repeat top center; background-size: cover;}
.res4_main{display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto;}
.res4_img{width: 35%;}
.res4_img img{display: block; width: 100%; height: auto;}
.res4_txt{width: 50%;}
.res4_txt h2{margin-bottom: 70px; font-size: 36px;font-weight: bold; color: #333;}
.res4_txt .nr p{font-size: 20px; line-height: 30px; margin-bottom: 25px; color: #666;}
.res4_txt .nr p:last-child{margin-bottom: 25px;}
.res4_txt .nr p i{display: inline-block; width: 18px; height: 18px; margin-right: 15px; position: relative; top: 2px; background: url(../images/res4-02.png) no-repeat center center; background-size: 100% auto;}

.res5_sec{width: 100%; padding: 50px 0px; overflow: hidden; background: url(../images/res5-bg.jpg) no-repeat top center; background-size: cover;}
.res5_sec .res_title{ padding-bottom: 50px; color: #fff; text-align: center;}
.res5_main{ padding: 0px 100px; margin: 0 auto;}
.res5_left{float: left; width: 50%; color: #fff;}
.res5_main .box8 .boxs .img1{width: 20%;}
.res5_main .box8 .boxs .img1 img{max-width: 100%;}
.res5_main .box8 .boxs .nr{width: 75%}
.res5_main .box8 .boxs .nr h2{font-size: 30px; font-weight: bold; margin-top: 2px; margin-bottom: 25px;}
.res5_main .box8 .boxs .nr p{font-size: 14px;}
.res5_main .box8 .img2 img{max-width: 100%;}
.res5_left .box8 .boxs{margin-bottom: 50px;}
.res5_right{float: right; width: 40%;}
.res5_right .img2{padding-top: 40px; margin-bottom: 50px;}
.res5_right .box8 .boxs .nr h2{color: #333;}

/* 产品服务 */
.pros_title{margin-bottom: 55px;}
.pros_title h3{font-size: 40px; margin-bottom: 15px;}
.pros_title p{font-size: 18px;}

.pros_txt a{font-size: 16px; color: #333;}
.pros_txt a:hover{color: #ef0000!important;}

.pros_btn a{display: inline-block; width: 138px; height: 50px; line-height: 50px; color: #fff;  font-size: 16px; text-align: center; background-color: rgba(0,0, 0, 0.25);}
.pros_btn a:hover{color: #fff; background-color: #ef0000;}

.pros1_sec{width: 100%; padding: 50px 0 50px 0;}
.pros1_main{position: relative; width: 100%; height: 650px; z-index: 2; color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.3); background: url(../images/pro1-bg.jpg) no-repeat top center; background-size: cover;}
.pros1_main .txt{position: relative; width: 360px; height: 100%; margin-left: 10%; display: flex; align-items: center;}
.pros1_main .box1 {margin-bottom: 45px;}
.pros1_main .box1 ul li{float: left; width: 150px; line-height: 35px;}
.pros1_main .box1 ul li:nth-child(odd){margin-right: 30px;}
.pros1_main .pros_txt a{color: #fff;}
.pros1_main .img{position: absolute; width: 1360px; height: 800px; right: 10px; top: -90px; z-index: -1; background: url(../images/pro1-01.png) no-repeat top center; background-size: 100% auto;}

.pros2_sec{width: 100%;}
.pros2_sec .pros_title{margin-bottom: 50px;}
.pros2_sec .pros_title h3{font-size: 32px;}
.pros2_main .lis{position: relative; float: left; width: 31.33%; color: #333; }
.pros2_main .lis:nth-child(2){ margin: 0px 3%;}
.pros2_main .lis .txt{position: relative; width: 100%; height: 500px; padding: 48px 0 0 48px; z-index: 10; box-shadow: 0 0 9px rgba(0,0, 0, 0.25); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pros2_main .lis .wz{position: relative; width: 100%; height: 100%;}
.pros2_main .lis .box2 ul li{line-height: 35px;}
.pros2_main .lis .pros_btn{position: absolute; left: 0; bottom: 30px;}
.pros2_main .lis .img{position: absolute; right: 0; bottom: 0; width: 100%; z-index: -1;}
.pros2_main .lis .img img{display: block; width: 100%; height: auto;}
.pros2_main .lis1{color: #fff;}
.pros2_main .lis1 .pros_txt a{color: #fff;}
.pros2_main .lis1 .img{right: -10px; top: 0; bottom: auto;}

.pros3_sec{width: 100%; padding: 65px 0;}
.pros3_main{position: relative; width: 100%; height: 650px; z-index: 2; color: #fff; box-shadow: 0 0 9px rgba(0,0, 0, 0.3); background: url(../images/pro3-bg.jpg) no-repeat top center; background-size: cover;}
.pros3_main .dabox{width: 100%; height: 100%; display: flex; align-items: center;}
.pros3_main .txt{position: relative; width: 360px; height: 100%; margin-left: 10%; display: flex; align-items: center;}
.pros3_main .box3 {margin-bottom: 45px;}
.pros3_main .box3 ul li{float: left; width: 135px; height: 35px; line-height: 35px;}
.pros3_main .box3 ul li:nth-child(odd){margin-right: 30px;}
.pros3_main .pros_txt a{color: #fff;}
.pros3_main .img{position: absolute; right: 0; top: 30px; width: 1075px; height: 607px; z-index: -1; background: url(../images/pro3-01.png) no-repeat top center; background-size: 100% auto;}


.pros4_sec{width: 100%; padding-bottom: 95px;}
.pros4_sec .pros_title{margin-bottom: 50px;}
.pros4_sec .pros_title h3{font-size: 32px;}
.pros4_main .lis{position: relative; float: left; width: 31.33%; color: #333; }
.pros4_main .lis:nth-child(2){ margin: 0px 3%;}
.pros4_main .lis .txt{position: relative; width: 100%; padding: 48px 0 48px 48px; z-index: 10; box-shadow: 0 0 9px rgba(0,0, 0, 0.25); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pros4_main .lis .wz{position: relative; width: 100%; height: 100%;}
.pros4_main .lis .box2{ height: 150px; margin-bottom: 120px;}
.pros4_main .lis .box2 ul li{line-height: 35px;}

.pros4_main .lis .img{position: absolute; right: 0; top: 0; width: 100%; height: 100%;  z-index: -1; background-size: cover;}
.pros4_main .lis1{color: #fff;}
.pros4_main .lis1 .pros_txt a{color: #fff;}


/* 手机网站建设 */
.ph1_sec{width: 100%; background-image: url(../images/ph1-bg1.jpg);}

.ph2_sec{width: 100%; padding: 50px 0; box-shadow: 0 0 9px rgba(0,0, 0, 0.15); background-color: #e9e9e9;}
.ph2_main ul li{width: 100%;; height: 712px; color: #fff; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.ph2_main ul li .txt{width: 478px; height: 100%; margin-left: 8%; display: flex; justify-content: flex-start; align-items: center;}
.ph2_main ul li .txt h2{font-size: 47px; margin-bottom: 40px;}
.ph2_main ul li .txt p{font-size: 18px; line-height: 30px; margin-bottom: 60px;}
.ph2_main ul li .btn2 a{display: inline-flex; justify-content: center; align-items: center; align-items: center; width: 238px; height: 56px; line-height: 56px; font-size: 14px; border-radius: 30px; border: 3px solid #fff; color: #fff;}
.ph2_main ul li .btn2 img{display: block; margin-left: 10px;}
.ph2_main ul li .btn2 .img1{display: block;}
.ph2_main ul li .btn2 .img2{display: none;}
.ph2_main ul li .btn2 a:hover{color: #ef0000; border-color: #ef0000;}
.ph2_main ul li .btn2 a:hover .img1{display: none;}
.ph2_main ul li .btn2 a:hover .img2{display: block;}
.ph2_main ul .li1{margin-bottom: 40px;}
.ph2_main ul .li2 .txt{justify-content:flex-end; margin-left: auto; margin-right: 8%;}

.ph4_sec{width: 100%; padding-bottom: 90px;}
.ph4_sec img{display: block; width: 100%; height: auto;}

/* 小程序定制开发 */
.routi_title{margin-bottom: 50px; text-align: center;}
.routi_title h2{margin-bottom: 27px; font-size: 35px; color: #333;}
.routi_title p{font-size: 16px; color: #999;}

.routi1_sec{width: 100%; padding: 35px 0 50px 0; background: url(../images/routi1-bg.jpg) no-repeat top center; background-size: cover;}
.routi1_main{width: 100%; max-width: 1200px; margin: 0 auto;}
.routi1_main ul li{float: left; width: 48%; height: 152px; margin-bottom: 30px; padding: 19px 0 0 30px; background-color: #fff; box-shadow: 0px 0px 22.56px 1.44px rgba(125, 156, 191, 0.15);}
.routi1_main ul li:nth-child(even){float: right;}
.routi1_main ul li img{margin-right: 20px;}
.routi1_main ul li .txt{width: calc(100% - 92px); margin-top: 10px;}
.routi1_main ul li .txt h3{font-size:20px; font-weight: bold; color: #333; margin-bottom: 10px;}
.routi1_main ul li .txt .wz p{font-size: 16px; line-height: 30px;}
.routi1_main ul li .light{color: #999;}

.routi2_sec{width: 100%; padding: 50px 0 50px 0; background: url(../images/routi2-bg.jpg) no-repeat top center; background-size: cover;}
.routi2_main ul li{float: left; width: 25%; margin-bottom: 15px; text-align: center;}
.routi2_main ul li img{max-width: 100%; margin-bottom: 20px;}
.routi2_main ul li h3{font-size: 20px; color: #333; margin-bottom: 8px;}
.routi2_main ul li p{font-size: 16px; color: #999;}

.routi3_sec{width: 100%; padding: 50px 0; background-color: #f5faff;}
.routi3_main{ margin: 0 auto; display: flex; justify-content: space-between; align-content: center; }
.routi3_main .img{width: 40%;}
.routi3_main .img img{display: block; width: 100%; height: auto;}
.routi3_main .txt{width: 55%;}
.routi3_main .txt .box1{margin-bottom: 52px;}
.routi3_main .txt .box1 ul{display: flex; justify-content: space-between;}
.routi3_main .txt .box1 ul li{width: 32%; font-size: 18px; color: #999; display: flex; align-items: center;}
.routi3_main .txt .box1 ul li span{display: inline-block; width: 7px; height: 36px; margin-right: 10px; border-radius: 5px; box-shadow: 0 0 9px rgba(0,0, 0, 0.15);}
.routi3_main .txt .box1 ul .li1 span{background-color: #a3ccf6;}
.routi3_main .txt .box1 ul .li2 span{background-color: #5eb6ff;}
.routi3_main .txt .box1 ul .li3 span{background-color: #2589ff;}
.routi3_main .txt .box2 .lghtbg0{background-color: #a3ccf6;}
.routi3_main .txt .box2 .lghtbg1{background-color: #5eb6ff;}
.routi3_main .txt .box2 .lghtbg2{background-color: #2589ff;}
.routi3_main .txt .box2 .lis{position: relative; margin-bottom: 60px; font-size: 18px; display: flex; align-items: center;}
.routi3_main .txt .box2 .lis:last-child{margin-bottom: 0;}
.routi3_main .txt .box2 .lis span{display: block; width: 102px; margin-right:8px; color: #666;}
.routi3_main .txt .box2 .lis ul{width: calc(100% - 110px); height: 58px; border-radius: 10px; margin-bottom: 0; box-shadow: 0 0 9px rgba(0,0, 0, 0.25); background-color: #e8e8ed;}
.routi3_main .txt .box2 .lis ul li{float: left; line-height: 58px; text-align: center; color: #fff;}
.routi3_main .txt .box2 .lis ul li:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.routi3_main .txt .box2 .lis .ul1 li{width: 14.2857%;}
.routi3_main .txt .box2 .lis .ul2 li{width:25%;}
.routi3_main .txt .box2 .lis .ul3 .i1{width: 14.2857%;}
.routi3_main .txt .box2 .lis .ul3 .i2{width: 14.2857%;}
.routi3_main .txt .box2 .lis .ul3 .i3{width: 68%;}
.routi3_main .txt .box2 .lis .hot{position: absolute; right: 50px;; top: -5px;}
.routi3_main .txt .box2 .lis .hot img{width: 40px;}

.routi4_sec{width: 100%; padding-top: 80px; background: url(../images/routi4-bg.jpg) no-repeat top center; background-size: cover;}
.routi4_main{margin: 0 auto; display: flex; justify-content: space-between; align-content: center; }
.routi4_main .img{width: 48%;}
.routi4_main .img img{display: block; width: 100%; height: auto;}
.routi4_main .txt{width: 50%; margin-top: 60px; padding: 0 10px;}
.routi4_main .txt h2{font-size: 34px; color: #333; margin-bottom: 50px;}
.routi4_main .txt .nr{margin-bottom: 65px;}
.routi4_main .txt .nr p{font-size: 16px; line-height: 30px; color: #999;}
.routi4_main .txt .btn0 a{display: inline-block;width: 180px;height: 60px;line-height: 60px;font-size: 16px;box-shadow: 0 0 9px rgba(0,0, 0, 0.15); text-align: center;background-color: #fbfbfb;}
.routi4_main .txt .btn0 a:hover{background-color: #ef0000; color: #fff;}






@media  (max-width: 1680px){
    .mobi4_main .lis ul li{width: 90%; min-height: 90px;}

    .mobi6_btn .mobi6_btnL{left: 41%;}

}

@media  (max-width: 1600px){
    .mobi3_txt{padding-left: 10%;}
    .mobi3_txt ul li{font-size: 18px;}

    .mobi4_main .lis ul li{padding: 10px;}
    .mobi4_main .lis ul li h2{font-size: 22px;}

    .mobi6-container .lis .img_box{height: 500px;}

    .hite1_ens{font-size: 210px;}

    .mark2_mainL .bt0{font-size:35px;}

    .pros2_main .lis .txt{height: 450px;}

}


@media  (max-width: 1500px){
    .mobi6_btn .mobi6_btnL{left: 40%;}

    .hite1_ens{font-size: 190px;}

    .mark2_mainL .bt0{font-size: 35px;}
    .mark2_mainL .nr p{font-size: 16px;}

    .mark4_right{margin-top: 10%;}

    .mark4_right .nr p{font-size: 16px;}

    .chat3_main ul li:nth-child(odd) .txt{padding-left: 8%;}
    
    .pros1_main{height: 580px;}
    .pros1_main .txt{margin-left: 8%;}
    .pros1_main .img{width: 1200px; top: -70px;}

    .pros3_main{height: 580px;}
    .pros3_main .txt{margin-left: 8%;}
    .pros3_main .img{width: 900px; top: 50px;}

    .ph2_main ul li{height: 680px;}
    .ph2_main ul li .txt h2{font-size: 44px;}
    .ph2_main ul li .txt p{font-size: 16px;}

    .pros4_main .lis .box2{margin-bottom: 60px;}

    .routi4_main .txt h2{font-size: 36px;}
    .routi4_main .txt .nr p{font-size: 18px;}
    
}

@media  (max-width: 1440px){

    .doma1_ym label input[type="radio"] + i{font-size: 15px;}
    .doma1_com{padding: 30px 40px;}

    .doma2_main table{font-size: 15px;}  

    .doma3_main ul li .lis{padding: 0 20px;}

    .doma4_sec .doma_title{margin-bottom: 50px;}

    .certi2_sec ul li .txt{padding: 30px 60px;}
    .certi2_sec ul li .txt .wz p{font-size: 14px;}
    .certi2_sec ul li .txt .wz .p4{font-size: 18px;}
    .certi2_sec ul li .txt .lj a{font-size: 14px;}
    
    .certi3_main ul .lione .li_title{font-size: 28px;}
    .certi3_main ul li .txt h2{font-size: 16px;}
    .certi3_main ul li .txt p{font-size: 13px;}
    .certi3_main ul .li_bottom a{font-size: 16px;}

    .certi5_sec ul li .lis .img2{width: 80px; margin-bottom: 28px;}
    .certi5_sec ul li .lis h2{font-size: 22px;}

    .certi7_main .box3 .certi7_btn{width: 25px;}
    .certi7-container .certi7-pagination .swiper-pagination-bullet{width: 13px; height: 13px; margin: 0 10px;}

    .brand2-container ul li img{width: 60px;}
    .brand2-container ul li p{font-size: 14px;}
    .brand2-container .brand2-pagination .swiper-pagination-bullet{width: 13px; height: 13px; margin: 0 10px;}

    .brand3_title0{top: 17%;}
    .brand3-container .lis{height: 550px;}
    .brand3-pagination .swiper-pagination-bullet{font-size: 16px;}
    .brand3-pagination .swiper-pagination-bullet em{width: 45px; height: 45px; margin-right: 15px;}

    .brand4_btn a{width: 60px; height: 60px;}
    .brand4-container .lis .txt .wz .table{width: 60%;}

    .brand5_sec{padding: 60px 0;}
    .brand5_btn a{width: 60px; height: 60px;}
    .brand5-container{margin-left: 5%;}
    .brand5-container .lis .img{margin-bottom: 30px;}

    .brand6_sec .brand6_titp ul li{font-size: 16px; padding: 0 18px; margin: 0 1.5%; margin-bottom: 30px;}

    .inside-bnaner .txt .table .cell .bgtxt1{font-size: 60px;}
    .inside-bnaner .txt .table .cell .bgtxt2{font-size: 22px;}

    .mobi1_title h2{font-size: 34px;}
    .mobi1_title h3{font-size: 20px; margin-bottom: 35px;}
    .mobi1_right p{font-size: 14px;}

    .mobi2_sec .mobi_title{margin-bottom: 60px;}
    .mobi2_main ul li h3{font-size: 20px;}
    
    .mobi3_sec .mobi_title{margin-bottom: 60px;}
    .mobi3_txt ul li{font-size: 16px;}
    .mobi2_main ul li h4{ font-size: 14px;}

    .mobi4_sec{padding-bottom: 70px;}
    .mobi4_sec .mobi_title{margin-bottom: 60px;}
    .mobi4_main .lis ul li{margin-bottom: 50px;}
    .mobi4_main .lis ul li p{font-size: 12px;}

    .mobi6_sec{padding-bottom: 50px;}
    .mobi6-container .lis .txt .wz h2{font-size: 28px;}
    .mobi6-container .lis .txt .wz h3{font-size: 20px; margin-bottom: 35px;}
    .mobi6-container .lis .txt .wz p{font-size: 14px;}
    .mobi6_btn .mobi6_btnL{left: 39%;}

    .hite1_txt{padding-left: 7%;}
    .hite1_title{margin-bottom: 40px;}
    .hite1_title img{width: 70%;}
    .hite1_txt .nr p{font-size: 14px;}
    .hite1_ens{top: 10px; font-size: 150px;}

    .hite_title{margin-bottom: 50px;}

    .hite2_main ul li{margin-bottom: 50px;}

    .hite3_sec{padding: 150px 0 70px 0;}
    .hite3_left{padding: 60px 0 20px 0; margin-top: -20%;}
    .hite3_left .box4 ul li{margin-bottom: 35px;}
    .hite3_left .box4 ul li img{margin-bottom: 25px; width: 60px;}
    .hite3_left .box4 ul li p{font-size: 11px;}
    .hite3_right{height: 620px;}

    .mark1_main .mark_top th{font-size: 26px;}
    .mark1_main table td{font-size: 14px;}
    .mark1_main table .bigfont1{font-size: 18px; }

    .mark2_sec .mobi_title{margin-bottom: 60px;}
    .mark2_main1 ul li img{width: 120px; margin-bottom: 35px;}
    .mark2_main1 ul li h3{font-size: 20px;}
    .mark2_mainL .bt0{font-size: 30px;}
    .mark2_mainL .nr p{font-size: 16px;}
    .mark2_mainR{margin-top: -20%;}

    .mark4_right{margin-top: 12%; padding-right: 100px;}
    .mark4_right .bt0{font-size: 30px;}
    .mark4_right .nr p{font-size: 16px;}

    .mark5_sec{padding: 70px 0 40px 0;}
    .mark5_sec .mobi_title{margin-bottom: 60px;}

    .chat1_main .bt0{font-size: 36px;}
    .chat1_main .nr{margin-bottom: 40px;}


    .chat3_main .lis .txt .bt0{font-size: 28px; margin-bottom: 35px;}
    
    .chat4_main ul li img{width: 80px;}

    .res1_main .nr{margin-bottom: 55px;}
    .res1_main .box5{margin-bottom: 60px;}

    .res2_main .res2_bt{margin-bottom: 50px;}

    .inside-bnaner2 .txt .table .cell h2{font-size: 60px;}
    .inside-bnaner2 .txt .table .cell p{font-size: 22px;}

    .pros_title{margin-bottom: 40px;}
    .pros_title h3{font-size: 36px;}
    .pros_title p{font-size: 16px;}
    
    .pros_txt a{font-size: 14px;}


    .pros1_main .box1{margin-bottom: 30px;}
    .pros1_main .box1 ul li{line-height: 30px;}

    .pros2_sec .pros_title{margin-bottom: 40px;}
    .pros2_main .lis .txt{height: 380px; padding: 30px 0 0 30px;}
    .pros2_main .lis .box2 ul li{line-height: 30px;}

    .pros3_main .lis .box23ul li{height: 30px; line-height: 30px;}

    .pros4_sec{padding-bottom: 70px;}
    .pros4_main .lis .box2{margin-bottom: 50px;}
    .pros4_main .lis .box2 ul li{height: 30px;}
    .pros4_main .lis .txt{padding: 30px 0 30px 30px;}
    
    .ph2_sec{padding: 50px 0; padding-bottom: 0px;}
    .ph2_main ul li{height: 600px;}
    .ph2_main ul li .txt{width: 380px; margin-left: 4%;}
    .ph2_main ul li .btn2 a{width: 190px;}
    .ph2_main ul li .btn2 img{width: 49px;}
    .ph2_main ul .li2{margin-bottom: 50px;}
    .ph2_main ul .li2 .txt{margin-right: 4%;}


    .routi2_main ul li img{width: 90px;}

    .routi3_main .txt .box1 ul li{font-size: 16px;}
    .routi3_main .txt .box2 .lis{font-size: 16px;}

    .routi4_sec{padding-top: 70px;}
    .routi4_main .txt{margin-top: 0;}
    .routi4_main .txt h2{font-size: 30px; margin-bottom: 40px;}
    .routi4_main .txt .nr p{font-size: 16px;}
    .routi4_main .txt .nr{margin-bottom: 45px;}


    .certi7-container .lis .img{ width: 30%;}
    .certi7-container .lis .txt{ width: 65%;}
    .certi7-container .lis .txt h3{ font-size: 20px; margin-bottom: 15px;}
    .certi7-container .lis .txt p{ font-size: 13px;}


    .mark2_main1 ul li h4{ font-size: 14px;}

    .mark2_mainL{ padding-left: 100px;}

    .brand2_main .brand2_left{ width: 38%;}
    .brand2-container ul li{ height: 170px;}

    .doma1_ym label input[type="radio"] + i{ height: 60px; line-height: 60px; font-size: 16px;}
    .doma2_main table th{ line-height: 65px;}
    .doma2_main table td{ line-height: 50px;}

}


@media  (max-width: 1370px){
    .brand3_title0{left: 23%;;}
    .brand3-pagination{padding-left: 11%; margin-top: 13%;}
    .brand5-container .lis p{width: 85%;}

    .brand6_sec{padding: 50px 0;}

    .pros1_main{height: 520px;}
    .pros1_main .txt{margin-left: 6%;}
    .pros1_main .img{width: 1050px; top: -50px;}

    .pros3_main{height: 520px;}
    .pros3_main .txt{margin-left: 6%;}
    .pros3_main .img{width: 800px; top: 50px;}
  
    

}

@media  (max-width: 1200px){

    .certi2_sec ul li .txt{padding: 20px 30px;}
    .certi2_sec ul li .txt .wz p{font-size:12px;}
    .certi2_sec ul li .txt .wz .p4{font-size: 16px;}
    .certi2_sec ul li .txt .lj a{font-size: 12px;}
 

}