@charset "utf-8";
@font-face {
    font-family: 'Castoro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/1q2GY5yMCld3-O4cLY9OzQ.woff) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.en{font-family: 'Castoro';}

* {margin: 0;padding: 0;border: none;outline: none; }
body,html {height: 100%; background: #ffffff none repeat scroll; color: #333333;}

body {font-size: 0.875rem; font-weight: normal; font-family:-apple-system,"微软雅黑 Light","微软雅黑",Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
   letter-spacing: 0.05em; overflow-x: hidden;	line-height: 1.8;}
img{max-width: 100%;}
ul,li,ol{list-style: none;}
p{margin-bottom:0.5rem;}
.img{ text-align: center;}
.p-1{ padding: 1rem;}
.pb-1{ padding-bottom:1rem;}
.pt-1{ padding-top:1rem;}
.mt-1{ margin-top:1rem;}
.mt-2{ margin-top:2rem;}
.mt-3{ margin-top:3rem;}
.mt-4{ margin-top:4rem;}
.mt-5{ margin-top:5rem;}
.mb-1{ margin-bottom:1rem;}
.clearfix{clear:both;}
.font18{ font-size: 18px;}
.bg-white{background:#fff;}
.yellow{color:#fe8d2a;}
.row{ padding:0 1.5rem; }
.text-danger{color:#f30213;}
.text-center{ text-align: center;}
a{ text-decoration: none;}
header{ text-align: center; position: relative; z-index: 1;}
.container{ width: 1200px; padding: 0 15px; margin: 0 auto;}
.head{ position: absolute; left:0; top:0;width: 100%; padding: 20px 0 10px;}
.innerhead .head{position: inherit;}
.headbd{display: flex; justify-content: space-between; align-items: center; }
.headselect .nav{ display: flex;}
.headselect .li{padding: 0 1.5rem; position: relative;}
.headselect .li:last-child{ margin-right: 0;}
.headselect .li>a{color: #ffffff; padding: 3px 0.2rem; position: relative;display: block; }
.headselect .ul{display: flex; flex-wrap: wrap; position: absolute; left: 0rem; top: 100%; box-shadow: 5px 5px 15px rgba(0,0,0,0.1),-5px -5px 15px rgba(0,0,0,0.1); background: #fff; border-radius: 0.3rem;opacity: 0; height: 0; overflow: hidden; transition: all  0.6s;}
.headselect .li:hover>.ul{display: flex; flex-direction: column; height: auto;opacity: 1;}
.headselect .ul .ol{position: relative; padding: 0.3rem 1rem;}
.headselect .ul .ol::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-top: 1px #ebebeb solid;}
.headselect .ul .ol:last-child::after{display: none;}
.headselect .ul .ol a{color: #333;display: block; white-space:nowrap;}
.headselect .ul .ol:hover,.headselect .ul .ol.active{ background: rgba(0,0,0,0.1);}
.innerhead .headselect a{color: #333;}
.headselect .li>a::after{ content: ""; position: absolute; left: 0;bottom:-0.1rem; width: 0; opacity: 0; height: 1px; background: #fff;transition: all 0.3s;}
.headselect .li>a.active::after,.headselect .li>a:hover::after{ width: 100%;opacity: 1;}
.innerhead .headselect a::after{ background: #333333;}
.lang a{color:#fff; display: inline-block; margin-right: 0.5rem; padding: 0 0.5rem;transition: all 0.3s; line-height: 1.6; }
.innerhead .lang a{color: #333;}
.lang a.active,.lang a:hover{background-color: #b80000;color: #fff; }

.home_top_bg{background-image: url("../image/banner.jpg"); background-repeat: no-repeat;background-size: 100% 100%; }
.home_top_bg .v1{ width: 100%; height: auto;vertical-align:bottom;}
.main_title{text-align: center; font-size: 2rem; position: relative; margin-bottom: 1.2rem;font-family: 'Castoro';}
.main_title::after{content: ""; position: absolute; left: 48%; bottom: -0.8rem; width: 2%; height: 1px; border-top:5px #ed2121 solid;}
.main_sub_title{text-align: center; font-size: 1.5rem;}

.service{ display: flex; justify-content: center; text-align: center; padding: 6rem 0;}
.service .li{ color: #333; border:1px #cccccc solid; border-radius: 50%; display: flex;flex-direction: column; padding:6rem 6.5rem;}
.service .li .img{ margin-bottom: 1rem;}
.service .li:nth-child(2){margin:0 -2rem; position: relative;}
.service .li:nth-child(2)::before{content: "+"; position: absolute; left: 0.2rem; top:45%; font-size: 2rem; line-height: 1;}
.service .li:nth-child(2)::after{content: "+"; position: absolute; right: 0.2rem; top:45%; font-size: 2rem; line-height: 1;}

.case{background: #161616;color:#fff; padding: 7rem 0 2rem;}
.casebg{background: radial-gradient(farthest-side at 50% 50%,rgba(90, 90, 90,0.5),rgba(90, 90, 90,0.3), rgba(90, 90, 90,0));}
.case .contxt{position: relative; text-align: center;}
.case .contxt .txt{ position: absolute; left: 0;top:10%; width: 100%; display: flex; justify-content: space-between;}
.case .contxt .txt .left{ font-weight: bold; font-size: 1.4rem;}
.case .contxt .txt .right{ text-align: right;}
.case .contxt .mtop{ margin-top: 12.5rem;}
.case .gallery-thumbs{ padding-top: 2rem;}
.case .gallery-thumbs::before{content: ""; position: absolute; left: 0; top:0rem; width: 100%; height: 1px; border-top:3px #3a3a3a solid;}
.case .gallery-thumbs .swiper-slide{ text-align: center;}
.case .gallery-thumbs .swiper-slide-thumb-active::before{content: "";  position: absolute; left: 0; top:-2rem; width: 100%; height: 1px; border-top:3px #ffffff solid;}
.swiper-slide{cursor: pointer;}
.wedo{ padding: 5rem 0;}
.wedo .swiper-slide{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.wedo .li{ display: flex; flex-direction: column; color: #333; text-align: center; width: 35%; margin-right: 10%; position: relative;}
.wedo .li:first-child::before{content: ""; position: absolute; right:-18%; top:0; width: 1px; height: 100%;border-left: 1px #333333 solid;}
.wedo .li:last-child{ margin-right: 0;}
.wedo .li .name{ font-size: 1.5rem; font-weight: bold; margin: 1.5rem  0 0.5rem;}
.wedo .swiper-pagination-bullet-active{background: #333;}
.wedo .swiper-button-prev{width: 44px; height: 44px;background-size:100% 100%; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABwklEQVRoQ+2ZzUoDMRRGk12fwodo51XEhSi4sLgQBFEQBFEEQVAEQaHgQhRc9D26y3fpc7gquG9kFoU6JG1+bjqJzKyTe8/Jd1smrRSFP7JwftEJtJ1gl0CXQOQJsI5QVVUjrfVQa31DRNeRbE7b2QQGg8FYCLG96AqArfYqE5YmTfiiEmgTvk4mKoG24aMEcoAPFsgFPkggJ3hvgdzgvQRyhHcWyBXeSSBn+LUCucOvFCgB3ipQCrxRwATv9F67gUVSym8Ar8ut/rwLVVW1p7X+2ABLTIszAI+LAv9LoLYqeoQWsTQlhBBXAG5jck+113ofMCRxSUR3qUBC66680BiSuABwH9osxb61NzKDxDmAhxQwITXXCpg+2FLKU6XUU0hD7j1OAiYJIcQJgGduIN96zgKWr9hjInrxbcq53kvAMk5HSqkRJ5RPLW8ByzgdAnjzacy1NkjAMk4HRPTOBeZaJ1jAMk77SqlP1+Yc66IELOO0C+CLA86lRrSAZZx2iKj+tTr5wyJgkJj1er2tyWTyk9qATaApUdT/A8un3O/3h/P5fDydTmepT7+uz5rAJoCbPTqBNk59uWeXQJdA5An8Ah2/+DEDq24pAAAAAElFTkSuQmCC");}
.wedo .swiper-button-next{width: 44px; height: 44px;background-size:100% 100%; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABoUlEQVRoQ+3Zz0rDQBAG8JlDTuLRZ/CWw25ueQGfoCAIgiB4EBURQRAUBMFDUehBEARBEKTPMs/ga+SUkYUtRIQ2m539U03P6e73228IS4uw5h9c8/wwAlI3ODbwbxqo63qzaZodIppLoqONkNaabfA5EU2kEFEAZVluFEXxBQBb0ogoABNaKTVBxM/OyYs0EQ1ggldVtcvMH5KIqADbxB4ivkshogNMcK31PgC8SSCSAOw4HTDzqy8iGcCO0yEivvggkgLsOB0BwPNQRHKAHadjZp4NQWQBsE2cAsCTKyIbgEWcA8DUBZEVwI7TJTM/9EVkB7BNXAHAfR9ElgCLuAaAu1WIXwBzX2nbdlvquuu7DiLeLEP8AFRV9cjMZ76bBv7+lIguFnv8LcDiyru2IxS4eqfllVK3q+bfLJjlW6hv+CwBLuGzA7iGzwowJHw2gKHhswD4hE8O8A2fFCARPhlAKnwSgGT46ADp8FEBIcJHBXT+HzD7ivwyHRXQaWBGRCdOV9MlD2d5G3XBjQCX0wrx7NhAiFN1WXNswOW0Qjz7Db/JyTEHU/dDAAAAAElFTkSuQmCC");}
.yunying{background: #161616;color:#fff; padding: 5rem 0 5rem; margin-top: 2rem;}
.yunying .li{color:#fff; display: block; text-align: center;background: radial-gradient(farthest-side at 50% 50%,rgba(90, 90, 90,0.5),rgba(90, 90, 90,0.3), rgba(90, 90, 90,0));}
.yunying .li .name{ font-size: 1.3rem; margin-bottom: 0.5rem;}
.yunying .li .txt{width: 50%;color: #999999; margin: 0 auto;}
.yunying .li .img{ position: relative;}
.yunying .li .img img{transition: all 0.4s;}
.yunying .li .img i{position: absolute; left: 45%; top:38%; z-index: 1; font-size: 700%; transition: all 0.4s;}
.yunying .li:hover .img img{opacity: 0.5;}
.yunying .li:hover .img i{color:#ed2121;}
.yunying .swiper-button-prev{width: 44px; height: 44px;background-size:100% 100%; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABjUlEQVRoQ+3ZzUrEMBSG4fPeiHclLkTBheJCEERBEEQRBEERBIUBF6LgYi7NleAFRLIYqUPS5rdJIFk3Od+T00LaIo0PGs8vHVC6g70DvQORO5D0FlJKLUTkQESugavIbE7TkwGUUksR2VxVBZKtPSZJUmQ9fFMdKBledyaqA6XDRwFqCB8MqCV8EKCm8N6A2sJ7AWoM7wyoNbwToObwk4Daw48CWghvBbQS3ggwhXc6185z0RfwMiz17yyklNoRkfd5sgRXOQUe/o7tw2WaB2hM07fQqhsGxCVwE9z0jBOt7wMGxAVwmzFL0NKjLzQGxDlwF1Qp06TJNzID4gy4z5THe9lJgOXBPgEevatlmOAEsCCOgacMmbyWdAZYEEfAs1fFxBd7ASyIQ0B/kSsyvAEWxD7wWkIQBLAg9oC3uRHBAAtiF/iYExEFsCC2gc+5ENEAC2IL0F+rs48kAAPiW0Q2gJ/cgmSAdURT/weGu6yU0n9oloDuQvaRtAPZ0xoKdECJXR/W7B3oHYjcgV83ZLAxF0eTywAAAABJRU5ErkJggg==");}
.yunying .swiper-button-next{width: 44px; height: 44px;background-size:100% 100%; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABeElEQVRoQ+3Z0UdEURDH8e88p8f+hv6V/oKIiIgeUkkioojoYRX7EBERkf2j+lMml7ls0nbPvXPOmW3vPh9zfp+ZY41dYck/suT5GQG1JzhOYGUmoKrrwJaIzDzRxZ6QqqoFn4nItheiCEBV14BPYMMbUQTQhFbVpusfc513mUQxgCF2gHdPRFGAIXaBNy9EcYAh9oBXD0QVgCH2gZehiGoAQxwAz0MQVQGGOASe+iKqAwxxBEz7IEIADHECPKYiwgAMcQZMUhChAIa4AO67IsIBDHEJ3HVBhAQY4gq4/QvxA6Cqzb6y6bXuOtS5XoT4BlDVB+DU4dKcJSYict5e8L8Acyvvcj6hnHNPra2qN8DC99/UDPkt1DV8SEBK+HCA1PChAH3ChwH0DR8CMCR8dcDQ8FUBHuGrAbzCVwF4hi8O8A5fFJAjfGlA+/9Ac6/LL9OlAe12ORWR49Tt9LfzIbfRFNwISOlWjrPjBHJ0NaXmOIGUbuU4+wXyIa4xb71H6gAAAABJRU5ErkJggg==");}
.home_news{display: flex;flex-wrap: wrap;}
.home_news .li{width: 48%; margin-right: 4%; margin-bottom: 3%; position: relative;}
.home_news .li::after{content: ""; width: 0%; height: 1px; position: absolute; left: 0; bottom: -10px; border-top:1px #333 solid; transition: all 0.4s; opacity: 0;}
.home_news .li:nth-child(2n){margin-right: 0;}
.home_news .li .img{width: 100%; overflow: hidden; display: block; margin-bottom: 0.5rem;}
.home_news .li .img img{transition: all 0.4s;}
.home_news .li:hover .img img{transform: scale(1.2);}
.home_news .li:hover::after{width: 100%; opacity: 1;}
.home_news .li .txt{ position: relative; padding-right: 50px;}
.home_news .li .txt:after{content: "\f067"; font-family: "FontAwesome"; position: absolute; top:48%; right: 10px; color: #999;}
.home_news .li:hover .txt:after{color:#000;}
.home_news .li .txt .name{ color: #333333; font-size: 1.1rem; display: block;}
.home_news .li .txt .date{ font-size: 0.75rem;color:#999; margin: 0.3rem 0;}
.home_news .li .txt p{font-size: 0.75rem;color:#666;}
footer{background: #141414;color:#b2b2b2; padding: 5rem 0 1rem;}
footer .foot i{color:#fff;margin-right: 0.3rem;}
.foot{ display: flex; flex-wrap: wrap; justify-content: center;}
.foot .li{width: 25%; margin-right: 5%;}
.foot .li:nth-child(3n){margin-right: 0;}
.foot .li a{color:#b2b2b2;}
.foot .li a:hover{color:#ed2121;}
.foot .li>div{ padding-bottom: 1.8rem; position: relative;}
.foot .li>div::after{content: ""; position: absolute; left: 0; bottom: 1rem; width: 100%; height: 1px; border-top:1px #333333 solid;}
.foot .li>div.title{ font-size: 1.2rem; color:#ffffff;}
.foot .li>div:last-child::after{display: none;}
.foot .li .contactbtn{ display: block;background: #474747;color:#fff; text-align: center; padding: 0.5rem 0; margin-top: 1rem; transition: all 0.4s;}
.foot .li .contactbtn:hover{background: #ed2121;color:#fff;}
.social{ display: flex; justify-content: center; margin: 2rem 0;}
.social a{ margin-right: 2rem; color:#b2b2b2; font-size: 1.2rem; display: block; transition: all 0.3s;}
.social a:last-child{ margin-right: 0;}
.social a:hover{color: #fff; margin-top: -0.3rem; transform: scale(1.5);}
.copyright{ text-align: center;}
.copyright a{color:#b2b2b2;}

.menubtn,.m_nav{display: none;}
.m_nav{ width: 100%; background: rgba(0,0,0,0.4); padding: 0.4rem 0;}
.m_nav a{ display: block; color:#fff; font-size: 1.2rem; padding: 0.3rem 0;}

/**代运营*/
.in_banner{position: relative; }
.in_banner_txt{ position: absolute; left: 0;top:25%; text-align: center; width: 100%;color: #fff;}
.in_banner_txt .name{font-size:2.5rem; font-weight: 600;}
.in_banner_txt .txt{ margin: 0.5rem auto 2rem; font-size: 1.2rem;}
.in_banner_txt .linkbtn{ display: inline-block; background: #308dff; padding: 0.3rem 2.5rem; color: #fff; font-size: 1.2rem; transition: all 0.4s;}
.in_banner_txt .linkbtn:hover{background: #ed2121;color:#fff; border-radius: 10px;}
.glod_service{ display: flex; justify-content: center; align-items: center;}
.glod_service .img{ margin-right: 3rem;}
.glod_service .txt{width: 30%;}
.glod_service .txt .name{color: #308dff; font-size: 5rem; font-weight: 600; line-height: 1.4;}
.glod_service .txt .name small{display: block; font-size: 1.2rem;}
.service_range{ display: flex; margin-bottom: 7rem; flex-wrap: wrap;}
.service_range .li{width: 25%; text-align: center;position: relative;}
.service_range .li>div:first-child{ display: flex; flex-direction: column; align-items: center;}
.service_range .li>div:first-child .img{background: #464646; border-radius: 50%; margin-bottom: 1rem; width: 7rem; height: 7rem; display: flex; align-items: center; line-height: 1; justify-content: center;}
.service_range .li>div:first-child .img img{width: 70%;}
.service_range .li>div:first-child .txt{ font-size: 1.4rem;}
.service_range .li>div:last-child{transition: all 0.6s; opacity: 0;display: flex;  position: absolute; left: 10%;top:0;z-index: 1;flex-direction: column; align-items: center;background: #464646;color:#fff;border-radius: 1rem; width:70%; padding: 1.5rem 5%;}
.service_range .li:hover>div:first-child{ display:none;}
.service_range .li:hover>div:last-child{ opacity: 1;}
.service_range .li>div:last-child::after{content: ""; position: absolute; right:1rem; top:1rem; width: 0.9rem; height: 0.9rem;background: #fff; z-index: 2; border-radius: 50%;}
.service_range .li>div:last-child .name{font-size: 1.2rem; font-weight: 600; margin-bottom: 0.3rem;}
.tdicon>div{padding-left: 4rem; position: relative; margin-bottom: 0.5rem;}
.tdicon>div::after{content: ""; position: absolute;left: 0; top:40%; width: 3rem; height: 6px; background: #308dff; border-radius: 5px;}
.tdicon>div:last-child::after{  background: #010101;}
.tdlist{display: flex;flex-wrap: wrap;}
.tdlist .li{width: 20%; }
.tdlist .li .icon{display: flex; height: 10rem; justify-content: center; align-items: flex-end; border-bottom: 3px #010101 solid;}
.tdlist .li .icon>div{width: 1.8rem; background: #010101; margin-right: 0.5rem;}
.tdlist .li .icon>div:last-child{background: #308dff; margin-right: 0;}
.tdlist .li .txt{ padding-left: 1rem;}
.tdlist .li .txt .name{ margin: 1rem 0 0.5rem; font-size: 1.1rem; font-weight: 600;}
.tdlist .li .txt p{ position: relative; padding-left: 10px; padding-right: 3rem; margin-bottom: 0.2rem; font-size: 0.75rem;}
.tdlist .li .txt p::before{ content: ""; position: absolute; left: -10px;top:8px; width: 8px; height: 8px; background: #308dff; border-radius: 50%;}

.h4{ font-size: 1.8rem; font-weight: 600;}
.h4 span{ position: relative; margin-bottom: 2rem; display: inline-block;}
.h4 span::after{content: ""; position: absolute; left: calc(100% /2 - 1rem); bottom: -1rem; width: 2rem; height: 1px; border-top:4px #010101 solid;}

.moshi{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 3rem; box-shadow: 5px 5px 20px rgba(0,0,0,0.05),-5px -5px 20px rgba(0,0,0,0.05);}
.moshi .img{  line-height: 1;}
.moshi .txt{width: 100%; flex: 1; padding-left: 5%; padding-right: 3%;}

/**谷歌广告*/
.gg_youshi{display: flex; justify-content: center; text-align: center; margin-top: 3rem;}
.gg_youshi .li{ width: 20%;}
.gg_youshi .li .ic{ width: 6rem; height: 6rem; line-height: 6rem; background: #ededed; border-radius: 50%; margin: 0 auto 1rem; font-size: 2rem; transition: all 0.4s;}
.gg_youshi .li:hover .ic{ background: #308dff;color: #fff; }
.ggad_swiper .gallery-thumbs{width: 60%; position: relative; padding-bottom: 1rem;}
.ggad_swiper .gallery-thumbs::after{content: "";position: absolute; left: 0; bottom: 0rem; width: 100%; height: 1px; background: linear-gradient(to right,rgba(0,0,0,0.1), rgba(0,0,0,0.8),rgba(0,0,0,0.1));}
.ggad_swiper .gallery-thumbs .swiper-slide{ text-align: center;}
.ggad_swiper .gallery-thumbs .swiper-slide-thumb-active{color: #308dff;}
.ggad_swiper .gallery-top .contxt{ display: flex; width: 70%; margin: 3rem auto; align-items: center;}
.ggad_swiper .gallery-top .contxt .img{width: 40%; margin-right:5%;}
.ggad_swiper .gallery-top .contxt .txt{ flex: 1;}
.ggad_swiper .gallery-top .contxt .txt .h4{ font-size: 1.2rem; margin-bottom: 1rem;}

.in_banner_txt1{ position: absolute;left: 10%;top:25%; text-align: left; width: 32%;color: #fff;}
.in_banner_txt1 .name{font-size:2rem; font-weight: 600;font-family: 'Castoro';}
.in_banner_txt1 .txt{ margin: 0.5rem auto 2rem;}
.in_banner_txt1 .linkbtn{ display: inline-block; background: #ffffff; padding: 0.3rem 2.5rem; border-radius: 1rem; color: #000; font-size: 1.2rem; transition: all 0.4s;}
.in_banner_txt1 .linkbtn:hover{background: #308dff;color:#fff;}

.ggad_show{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 3rem;}
.ggad_show .txt{ margin-right: 3rem;}
.ggad_show .txt .li{ position: relative; margin-bottom: 2rem; padding-left: 2rem;transition: all 0.4s;}
.ggad_show .txt .li::after{content: ""; width: 0.8rem; height: 0.8rem; background: #e6e6e6; position: absolute; left: 0; top:calc(100% /2 - 0.4rem); border-radius: 50%;transition: all 0.4s;}
.ggad_show .txt .li:hover::after{background: #000000;}
.ggad_show .txt .li strong{ font-size: 1.2rem; display: inline-block; margin-bottom: 0.3rem;}
.ggad_show .txt .li:hover{ transform: scale(1.1);}
.ggad_kj{display: flex; flex-wrap: wrap; justify-content: center;}
.ggad_kj .li{ width: 40%; margin-right: 3rem; margin-bottom: 2%; border:1px #cccccc solid; padding:0.7rem 1.4rem; transition: all 0.4s;}
.ggad_kj .li:hover{ background: #308dff;color:#fff;}
.ggad_xz{ width: 100%; background: url("../image/ggad6.jpg") no-repeat left top #323232; padding: 5rem 0 3rem; color: #fff; text-align: center;}
.ggad_xz .name{ font-size: 2rem; margin-bottom: 1rem;}
.ggad_xz .ul{ display: flex; flex-wrap: wrap; margin-top: 4rem; justify-content: center;}
.ggad_xz .ul .li{ border: 1px #ffffff solid; border-radius: 1rem; padding: 1rem; margin-right:3%; margin-bottom: 3%; width: 15%;}
.ggad_xz .ul .li:last-child{ margin-right: 0;}
.ggad_xz .ul .li .img{ margin: 1rem auto 1.5rem;}
.ggad_xz .ul .li .txt .t{ font-size: 1.2rem; font-weight: 600; margin-bottom: 0.8rem;}
.ggad_xz .ul .li:hover{ border: 1px #308dff solid;color: #308dff;}

/**w网站建设*/
.liucheng{ display: flex; flex-wrap: wrap;  margin-top: 5rem;}
.liucheng .li{ width: 25%; text-align: center; position: relative; padding-top: 4rem;border-top:1px #cccccc solid; margin-bottom: 3%;}
.liucheng .li::before{content: "";position: absolute; left: calc(100% /2 - 0.7rem); top:-0.7rem; width: 0.7rem; height: 0.7rem;background: #ffffff; border:4px #d5d5d5 solid; transition: all 0.4s;}
.liucheng .li:hover::before{background: #010101;}
.liucheng .li .name{ font-weight: 600; margin-bottom: 0.5rem; font-size: 1.2rem;}
.liucheng .li p{ padding: 0 10%;}
.whyus{ width: 100%; background: url("../image/whybg.jpg") no-repeat left top #323232; padding: 5rem 0 3rem; color: #fff; text-align: center;}
.whyus .title{ font-size: 2rem; margin-bottom: 0.5rem;}
.whyus .list{ display: flex; flex-wrap: wrap; margin-top: 3rem; justify-content: center;}
.whyus .list .li{background: #fff; color: #333; width: 35%; padding: 3rem 2.5%; margin-right: 5%; margin-bottom: 5%; border-radius: 2rem;}
.whyus .list .li:nth-child(2n){margin-right: 0;}
.whyus .list .li .h5{ font-size: 1.2rem; margin: 0.5rem auto; font-weight: 600;}
.whyus .list .li p{color: #666; line-height: 2;}
.wecando{display: flex; justify-content: center; text-align: center;}
.wecando .li{ width: 20%; margin-right: 5%;box-shadow: 5px 5px 15px rgba(0,0,0,0.05), -5px -5px 15px rgba(0,0,0,0.05); border-radius: 1rem;}
.wecando .li .img{ margin: 1.5rem auto 1rem; line-height: 1;}
.wecando .li .img img{height: 6rem;}
.wecando .li .name{ font-weight: 600; font-size: 1.2rem; margin-bottom: 1rem;}
.wecando .li .ol{position: relative; padding-bottom: 1rem;color: #999;}
.wecando .li .ol::after{content: ""; position: absolute; bottom: 0.5rem; left: 0; width: 100%; height: 1px; border-top:1px #ebebeb solid;}
.wecando .li .ol:last-child::after{ display: none;}
.wecando .li .ol:last-child{margin-top: -0.5rem; padding-top: 0.5rem; padding-bottom: 0.4rem;}
.wecando .li:hover  .ol:last-child{background: #333333; color: #fff; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}
.clientmsg{display: flex; flex-wrap: wrap; margin-top: 8rem; justify-content: center;}
.clientmsg .li{width: 25%; margin-right: 3%; margin-bottom:6%;box-shadow: 5px 5px 15px rgba(0,0,0,0.05), -5px -5px 15px rgba(0,0,0,0.05); border-radius: 1rem; padding:5rem 2rem 2rem; text-align: center; position: relative;}
.clientmsg .li:last-child{ margin-right: 0;}
.clientmsg .li .img{ font-size: 2.5rem; color: #666666; display: inline-block; width: 6rem; height: 6rem; background: #dbdbdb; border-radius: 50%; line-height: 6rem; position: absolute; top:-3rem;left: calc(100%/2 - 3rem);}
.clientmsg .li .txt{ text-align: left;}
.contactform{ padding: 5rem 0; text-align: center;}
.contactform .name{ font-size: 1.5rem; font-weight: 600;}
.contactform .inputlist{ display: flex; flex-wrap: wrap; width: 60%; margin: 2rem auto 0; justify-content: space-between;}
.contactform .inputlist .form-box{ border: 1px #ccc solid; width: 45%; margin-bottom: 1.5rem; display: flex; align-items: center;}
.contactform .inputlist .form-box span{ width: 5rem; padding-left: 1rem; color: #cccccc;}
.contactform .inputlist .form-box input[type=text]{width: 96%; padding: 0.5rem 2%; line-height: 2;}
.contactform .btnsub{ padding:0.5rem 4rem; background: #333333;color: #fff; letter-spacing: 3px; font-size: 1.1rem; cursor: pointer; transition: all 0.4s;}
.contactform .btnsub:hover{ background: #308dff;}
.contactform .telinfo{ font-weight: 600; font-size: 2rem;}

.subnav{ display: flex; width: 100%; overflow-x: auto; justify-content: center;}
.subnav a{ display: block; color: #333333; padding: 0.3rem 1.5rem; transition: all 0.4s; white-space: nowrap;}
.subnav a:hover,.subnav a.active{background: #333333;color: #fff;}

.aboutnum{ display: flex; justify-content: center; text-align: center;}
.aboutnum .li{ width: 20%;}
.aboutnum .li .name{ font-size: 2rem; font-weight: bold;}
.aboutnum .li .name small{ font-weight: 400; font-size: 1.2rem; margin-left: 0.3rem;}
.aboutnum .li .enname{font-family: 'Castoro';}
.aboutimg{ background: #f8f8f8; padding:5rem 0 3rem;}
.aboutimg img{ transition: all 0.3s;}
.aboutimg img:hover{transform: scale(1.1);}
.col-3{display: flex; flex-wrap: wrap;}
.col-3 .li{width:32%; margin-right: 2%; margin-bottom: 2%; }
.col-3 .li:nth-child(3n){margin-right: 0;}
.contactfull{ background: url("../image/contactbg.jpg") no-repeat top center; padding: 6rem 0; background-size: cover;}
.contactfull .txt{ display: flex; color: #fff; align-items: center; }
.contactfull .txt .name{  font-size: 1.5rem;}
.contactfull .txt .jie{ margin: 0 5%; flex: 1;}
.contactfull  .txt .link a{ display: inline-block; background:#ffffff; color:#333333; padding: 0.5rem 2rem; transition: all 0.4s; }
.contactfull  .txt .link a:hover{background:#308dff; color:#ffffff; }

.contactlist{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.contactlist .li{ display: flex; align-items: center;}
.contactlist .li:nth-child(2){margin: 0 10%;}
.contactlist .li i{ font-size: 2.5rem;margin-right: 1rem;}
.contactlist .li>div{ display: flex; flex-direction: column;}

.qilist{ display: flex; flex-wrap: wrap;}
.qilist .li{ width:31.3333%; margin-right: 3%; margin-bottom: 3%; text-align: center; }
.qilist .li:nth-child(3n){ margin-right: 0;}
.qilist .li .img{box-shadow: 5px 5px 15px rgba(0,0,0,0.05), -5px -5px 15px rgba(0,0,0,0.05); padding: 0.4rem; margin-bottom: 1rem; transition: all 0.4s;}
.qilist .li .txt .name{font-weight: bold;}
.qilist .li:hover .img{transform: scale(1.1);box-shadow: 1px 1px 10px rgba(85,110,255,0.2), -1px -1px 10px rgba(85,110,255,0.2);}

.qivideolist{ display: flex; flex-wrap: wrap;}
.qivideolist .li{ width:48%; margin-right: 4%; margin-bottom: 3%; text-align: center; }
.qivideolist .li:nth-child(2n){ margin-right: 0;}
.qivideolist .li .txt .name{font-weight: bold;}
.qivideolist .li .img{position: relative; overflow: hidden; width: 100%;}
.qivideolist .li .img img{transition: all 0.6s;}
.qivideolist .li .img::after{content: "\f144"; line-height: 1;transition: all 0.6s; cursor: pointer; font-family: "FontAwesome"; font-size: 700%; color: #fff; position: absolute; left: calc(100%/2 - 3rem); top:calc(100%/2 - 3rem);}
.qivideolist .li .img:hover img{transform: scale(1.2);}
.qivideolist .li .img:hover::after{ transform: rotate(360deg);color: #308dff;}

.wending{ display: flex; flex-wrap: wrap;}
.wending .li{ width:100%; margin-bottom: 3%; text-align: center; }
.wending .li .img{ margin-bottom: 0.5rem;}
.wending .li .txt{font-weight: bold;}
.wending .li .img img{transition: all 0.6s;}
.wending .li .img:hover img{transform: scale(1.05);}

.col-4{ display: flex; flex-wrap: wrap;}
.col-4 .li{ width:23.5%; margin-right: 2%; margin-bottom: 2%; text-align: center; }
.col-4 .li:nth-child(4n){ margin-right: 0;}
.col-4 .li .img img{transition: all 0.6s;}
.col-4 .li .img:hover img{transform: scale(1.05);}
.col-4 .li .txt{width: 80%; margin: 0 auto;}

@media only screen and (max-width:1200px)
{
    .container{ width: 98%; padding: 0 1%;}
    .in_banner_txt{top:18%;}
    .in_banner_txt .name{ font-size: 1.5rem;}
    .in_banner_txt .txt{ font-size: 0.925rem; margin-bottom: 1rem;}
    .in_banner_txt .linkbtn{font-size: 1rem;}
    .in_banner_txt1{ top:10%; width: 45%;}
}
@media only screen and (max-width:980px){
    .service_range .li{width: 50%; margin-bottom: 3rem;}
    .moshi .img{width: 40%;}
    .in_banner_txt1{width: 80%;}
    .wecando .li{width: 25%;}
    .clientmsg .li{ width: 22%;}
    .contactlist .li,.contactlist .li:nth-child(2){ width: 51%; margin: 0 0 3% 0;}

}
@media only screen and (max-width:768px){
    .container{width: 96%; padding: 0 2%;}
    .service .li{ padding: 3rem 3.5rem}
    .case .contxt .txt .left,.case .contxt .txt .right{ display: none;}
    .headselect,.lang{ display: none;}
    .menubtn{display: block;}
    header .head .menubtn{ display: flex; flex-flow: column; margin-right: 10px; align-items: center; padding-top: 10px;cursor: pointer;}
    header .head .menubtn>div{ width: 30px; height: 1px; border-top:2px #ffffff solid; margin-bottom: 4px;}
    header .head .menubtn.active>div:first-child{ transform: rotate(45deg); }
    header .head .menubtn.active>div:nth-child(2){ transform: rotate(-45deg);margin-top: -7px;}
    header .head .menubtn.active>div:last-child{display: none;}
    .innerhead .head .menubtn>div{ border-top:2px #000000 solid;}
    .moshi .txt{ padding-top: 1rem; padding-bottom: 1rem;}
    .contactform .inputlist{width: 80%;}
    .in_banner_txt1 .txt{display: none;}
    .in_banner_txt1 .linkbtn{ margin-top: 2rem;}
    .ggad_xz .ul .li{ width: 40%;}
    .liucheng .li{width: 50%;}
    .aboutnum .li{width: 25%;}

    .col-4 .li{ width:32%; margin-right: 2%; }
    .col-4 .li:nth-child(4n){ margin-right: 2%;}
    .col-4 .li:nth-child(3n){ margin-right:0;}
}
@media only screen and (max-width:480px){
    .container{width: 92%; padding: 0 4%;}
    .main_title{ font-size: 1.5rem;}
    .main_sub_title{font-size: 1.2rem;}
    .service .li{ padding: 1.2rem 1.5rem;}
    .service .li img{width: 70%;}
    .service .li:nth-child(2)::before,.service .li:nth-child(2)::after{top:36%;}
    .wedo .li{ width: 100%; margin-right: 0; margin-bottom: 10%;}
    .wedo .li:first-child::before,.wedo .swiper-button-next,.wedo .swiper-button-prev,.yunying .swiper-button-next,.yunying .swiper-button-prev{display: none;}
    .wedo .li .name{ margin-top: 0.3rem;}
    .yunying .li .txt{width: 100%;}
    .yunying .li .img i{ font-size: 300%;}
    .home_news .li,.foot .li{width: 100%; margin-right: 0;}
    .foot .li{width:90%;}

    .in_banner_txt{top:27%;}
    .in_banner_txt .txt,.in_banner_txt .linkbtn{ display: none;}
    .h4{ font-size: 1.2rem;}
    .glod_service{ flex-wrap: wrap;}
    .glod_service .img{ margin-right: 0;}
    .glod_service .txt{width: 96%; margin-left: 2%;}
    .tdlist .li{width: 100%;}
    .contactform .inputlist{width: 90%;}
    .contactform .inputlist .form-box{width: 100%;}
    .moshi .img{width: 100%;}
    .gg_youshi{flex-wrap: wrap;}
    .gg_youshi .li{ width: 40%;}
    .ggad_swiper .gallery-top .contxt{width: 100%; flex-wrap: wrap;}
    .ggad_swiper .gallery-top .contxt .img{width: 100%; margin-right: 0;}
    .ggad_swiper .gallery-thumbs{width: 90%;}
    .in_banner_txt1 .name{display: none;}
    .ggad_kj .li,.ggad_xz .ul .li{width: 80%; margin-right: 0;}

    .wecando{flex-wrap: wrap;}
    .liucheng .li{width: 100%;}
    .whyus .list .li,.wecando .li,.clientmsg .li{width: 100%; margin-right: 0;}
    .clientmsg .li{ margin-bottom: 6rem;}

    .col-3 .li{width: 49%;}
    .col-3 .li:nth-child(3n){margin-right: 2%;}
    .col-3 .li:nth-child(2n){margin-right: 0;}
    .contactfull .txt{ flex-wrap: wrap; justify-content: center;}
    .contactfull .txt .jie{width: 90%; flex: auto; margin-top: 1rem; margin-bottom: 1rem;}
    .contactlist .li,.contactlist .li:nth-child(2){ width: 100%; margin: 0 0 5% 0;}

    .qilist .li{ width: 48.5%;}
    .qilist .li:nth-child(3n){ margin-right: 3%;}
    .qilist .li:nth-child(2n){ margin-right: 0%;}

    .qivideolist .li{ width:100%; margin-right: 0%;}
    .qivideolist .li:nth-child(2n){ margin-right: 0;}

    .col-4 .li{ width:48.5%;}
    .col-4 .li:nth-child(3n){ margin-right: 2%; }
    .col-4 .li:nth-child(2n){ margin-right: 0;}

}