﻿a{color:#000}
.slideBox{position:relative;overflow:hidden;width:100%;height:10rem;background:url(../images/banner.jpg) no-repeat center;background-size:100% 100%}.slideBox .hd{overflow:hidden;position:absolute;left:.5rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.slideBox .hd ul{overflow:hidden;zoom:1}.slideBox .hd ul li{margin-top:.04rem;width:15px;text-align:center;cursor:pointer}
.slideBox .hd ul li:after{display:block;content:"";width:.05rem;height:.4rem;margin:0 auto;border-radius:5px;background:rgba(0,0,0,0.1)}
.slideBox .hd ul li.on:after{background:#f00;color:#0067ac}
.slideBox .bd{position:relative;height:100%;z-index:0;overflow:hidden}
.slideBox .bd li{zoom:1;height:10rem;overflow:hidden;text-align:center}
.slideBox .bd li video{width:50%;object-fit:cover}
.first_page .content1 .title3,.first_page .content2 .img{padding-top:2rem}
.first_page .content1 .title1{font:bold .85rem "微软雅黑";color:#0067ac;padding:.3rem 0;background:url(../images/design.png) no-repeat 50% 100%;background-size:2rem .07rem}
.first_page .content1 .title2{margin:.3rem 0;font:normal .25rem "微软雅黑";color:#929191;line-height:.35rem}
.first_page .content1 .title3{font:normal .25rem "微软雅黑";color:#929191}
.first_page .content1 .button .btn1,.first_page .content1 .button .btn2{display:inline-block;width:2.3rem;padding:.15rem 0;border:1px solid #0067ac;border-radius:3px;font-size:.15rem;color:#0067ac;cursor:pointer}
.first_page .content1 .button .btn2{margin-left:.25rem}
.first_page .content1 .button span:hover{background-color:#0067ac;color:#fff}
.first_page .content2 .img img{width:20%}
.first_page .content2 .title1{font:normal 70px "微软雅黑";color:#0067ac;padding:.3rem 0;background:url(../images/design.png) no-repeat 50% 100%;background-size:2rem .07rem; font-weight:bold;}
.first_page .content2 .title2{font:normal .4rem "微软雅黑";color:#333;padding:.3rem 0 0}
.first_page .content2 .title3{font:normal .25rem "微软雅黑";color:#929191;padding-top:.3rem}.first_page .yun{position:absolute}.first_page .yun img,.first_page .vbanner img{width:100%;vertical-align:middle}
.first_page .yun1{width:12rem;bottom:-6rem}
.first_page .yun2{width:7rem;left:6.8rem;bottom:-3.5rem}
.first_page .yun3{bottom:.6rem;left:12rem;width:6rem}
.first_page .yun4{width:9rem;right:0rem;bottom:-2.5rem}
.first_page .vbanner{position:absolute;bottom:0;right:0;width:100%}
.data{text-align:center;position:relative}
.data .mouse{position:absolute;top:-1.9rem;z-index:2;left:50%;width:.5rem;height:.5rem;border-radius:50%;border:2px solid #ccc;padding:.1rem;margin-left:-.3rem;background:#0067ac url(../images/mouse.png) no-repeat center;background-size:.22rem .39rem;animation:mouseMove 1s ease-out infinite alternate;-webkit-animation:mouseMove 1s ease-out infinite alternate}
.data .max-title{vertical-align:middle;margin:1.5rem 0 .4rem 0;font-size:.4rem;font-weight:bold;text-align:center;white-space:nowrap;color:#4a4a4a}
.data .max-title img{width:181px;height:42px;}
.data .min-title{line-height:.4rem;font-size:.2rem;color:#797979}
.data .tubiao{position:relative;display:flex;display:-webkit-flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;margin:1rem 0 .5rem 0;padding-bottom:1.5rem;perspective:8000px}
.data .line,.data .tubiao .center ul li:before{background-image:-webkit-linear-gradient(to left,#2d75a7 13%,#5c85a1 30%,#a8a8a8 100%);background-image:-moz-linear-gradient(to left,#2d75a7 13%,#5c85a1 30%,#a8a8a8 100%);background-image:-o-linear-gradient(to left,#2d75a7 13%,#5c85a1 30%,#a8a8a8 100%);background-image:-webkit-gradient(linear,100% 0,0 0,color-stop(0.13,#5c85a1),color-stop(0.3,#5c85a1),to(#a8a8a8));background-image:linear-gradient(to left,#2d75a7 13%,#5c85a1 30%,#a8a8a8 100%)}
.data .tubiao .line:after,.data .tubiao .line:before{position:absolute;content:"";width:.16rem;height:.16rem;border-radius:50%;top:-210%}
.data .tubiao .line:after{left:0;background-color:#898989}
.data .tubiao .line:before{right:0;background-color:#0067ac}
.data .tubiao .line_right,.data .tubiao .line_left{position:relative;width:2.5rem;height:2px;right:-.16rem}
.data .tubiao .line_right{left:-.16rem;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.data .tubiao .center{position:relative;height:3.25rem;width:3.26rem}
.data .tubiao .center .center_txt{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;font-size:.17rem;height:100%}
.data .tubiao .center .center_wrap{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:url(../images/wrap_ad.png) no-repeat center;background-size:100%}
.data .tubiao .center .center_txt div{line-height:.26rem;font-size:.18rem;text-align:center;color:#0067ac}
.data .tubiao .center img{width:2rem;height:.3rem;margin-bottom:.07rem}
.data .tubiao .center ul{line-height:25px}
.data .tubiao .center ul li{position:absolute;width:.8rem;height:.8rem;border:.06rem solid #0067ac;border-radius:50%;font:normal .25rem/.8rem "微软雅黑"}
.data .tubiao .center ul li:before{display:block;position:absolute;content:"";height:2px}
.data .tubiao .center ul li:after{position:absolute;display:block;content:"";width:.16rem;height:.16rem;border-radius:100%;margin:0 .1rem;background-color:#898989}
.data .tubiao .center ul li:nth-child(1){top:2.7rem;margin-left:-.4rem}
.data .tubiao .center ul li:nth-child(2){top:3.35rem;margin-left:1.18rem}
.data .tubiao .center ul li:nth-child(3){top:2.7rem;margin-left:2.7rem}
.data .tubiao .center ul li:nth-child(1):before{top:1.46rem;left:-2.5rem;width:2.8rem;-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);transform:rotate(-35deg)}
.data .tubiao .center ul li:nth-child(2):before{top:1.16rem;left:.04rem;width:.7rem;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(-90deg)}
.data .tubiao .center ul li:nth-child(3):before{top:1.45rem;left:.5rem;width:2.8rem;-webkit-transform:rotate(-145deg);-moz-transform:rotate(-145deg);-ms-transform:rotate(-145deg);-o-transform:rotate(-145deg);transform:rotate(-145deg)}
.data .tubiao .center ul li:nth-child(1):after{top:2.19rem;left:-2.4rem}
.data .tubiao .center ul li:nth-child(2):after{top:1.45rem;left:.22rem}
.data .tubiao .center ul li:nth-child(3):after{top:2.19rem;left:2.86rem}
.data .tubiao .center ul li a{display:block;color:#0067ac; line-height: 0.34rem; padding-top:4px;}
.data .tubiao .left,.data .tubiao .right{width:2.135rem;height:2.46rem;font-size:.3rem;line-height:2.46rem;color:#808080}
.data .tubiao .left{background:url(../images/afford_desire.png) no-repeat 100% 50%;background-size:4.27rem 2.46rem;text-align:left}
.data .tubiao .right{background:url(../images/afford_desire.png) no-repeat 0 50%;background-size:4.27rem 2.46rem;text-align:right}
.data .tubiao .text{display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;width:2.5rem;height:2.46rem;white-space:nowrap;color:#808080}
.data .tubiao .text strong{font-size:.6rem}
.data .tubiao .offer{padding-right:.4rem;text-align:right}
.data .tubiao .need{padding-left:.4rem;text-align:left}
.data .describe ul{display:flex;display:-webkit-flex;justify-content:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;text-align:left}
.data .describe ul li{width:3.5rem;margin:0 .5rem;padding:0 .1rem;font-size:.2rem;color:#8d8d8d}
.media{overflow:hidden;position:relative;height:9rem;margin:1rem 0 0 0}
.slideBox2 .hd{overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-.5rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.slideBox2 .hd ul{overflow:hidden;zoom:1}
.slideBox2 .hd ul li{overflow:hidden;width:.8rem;height:.8rem;border:.068rem solid rgba(255,255,255,0.5);border-radius:100%;text-align:center;cursor:pointer;vertical-align:middle}
.slideBox2 .hd ul li+li{margin-top:.7rem}
.slideBox2 .hd ul li a{display:block;height:100%;font-size:.24rem;font-weight:bold;color:#828282;margin:0 auto;line-height:.33rem;background-color:#f4f5f9;padding-top:.05rem}
.slideBox2 .hd ul li.on a{background:#0067ac;color:#fff}
.media .left{float:left;width:50%;height:100%;color:#f4f5f9;background-color:#212121}
.media .left .content{text-align:right;margin-right:2.2rem}
.media .left .content .title1{margin-bottom:1rem;font:bold .6rem "微软雅黑";letter-spacing:2px;color:#0067ac;}
.media .left .content .title1 img{width:2.34rem;height:.85rem}
.media .left .content .title2{margin:2rem 0 .35rem;padding-right:.15rem;border-right:3px solid #0067ac;font:.3rem "Myriad Pro";letter-spacing:2px;text-transform:uppercase}
.media .left .content .title3{font:.18rem/2 "微软雅黑";color:#eaeaea;letter-spacing:1.5px;margin-bottom:.5rem}
.media .left .content .button span{padding:.12rem .3rem .08rem;border:1px solid #fff;border-radius:2px;font:.16rem "Myriad Pro";cursor:pointer}
.media .left .content .button span:hover{background-color:#0067ac}
.media .right{width:50%;height:100%;margin-left:50%}
.media .right img{width:100%;height:100%}
.media_resources{text-align:center;margin-top:1rem}
.media_resources .title1{font:bold .8rem "微软雅黑";color:#0067ac;text-transform:uppercase}
.media_resources .title2{font:bold .65rem "微软雅黑";color:#0067ac;padding:.2rem 0 .4rem}
.media_resources .title3{font:normal .18rem "微软雅黑";color:#929191;line-height:.35rem}
.media_resources ul{margin-top:1rem;padding:0 2.4rem;display:flex;display:-webkit-flex;justify-content:center;flex-wrap:wrap}
.media_resources ul li{border-radius:5px;width:4.8rem;margin:.2rem;overflow:hidden;-webkit-box-shadow:0 3px 3px #e3e4e8;-moz-box-shadow:0 3px 3px #e3e4e8;box-shadow:0 3px 3px #e3e4e8;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.media_resources ul li:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-box-shadow:0 3px 10px #000;-moz-box-shadow:0 3px 10px #000;box-shadow:0 3px 10px #000}
.media_resources .media_img{position:relative;height:2.8rem;width:4.8rem}
.media_resources .media_img img,.media_resources .media_img .img_title1,.media_resources .media_img .img_title2{position:absolute}
.media_resources .media_img img{top:0;left:0;width:100%;height:100%;vertical-align:middle}
.media_resources .media_img .img_title1{font-size:.4rem;font-weight:bold;color:#fff;z-index:3;left:50%;top:30%;overflow:hidden;white-space:nowrap;width:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.media_resources .media_img .img_title2{bottom:0;left:0;z-index:3;height:.5rem;width:100%;background:rgba(0,0,0,0.5)}
.media_resources .media_img .img_title2 span{box-sizing:border-box;float:left;height:100%;width:50%;text-align:left;padding:0 0 0 .2rem;background-color:#0067ac;font-size:.3rem;color:#fff}
.media_resources .media_img .img_title2 .media_icon{float:right;height:100%;background:url(../images/mediaicon.png) no-repeat;background-size:2.99rem .27rem;margin-right:.2rem}
.media_resources .media_img .img_title2 .media_icon.one{width:.16rem;background-position:0 center}
.media_resources .media_img .img_title2 .media_icon.two{width:.45rem;background-position:-.17rem center}
.media_resources .media_img .img_title2 .media_icon.three{width:.155rem;background-position:-.625rem center}
.media_resources .media_img .img_title2 .media_icon.huwai{width:.45rem;background-position:-.78rem center}
.media_resources .media_img .img_title2 .media_icon.touying{width:.45rem;background-position:-1.21rem center}
.media_resources .media_img .img_title2 .media_icon.online{width:.26rem;background-position:-1.676rem center}
.media_resources .media_img .img_title2 .media_icon.shop{width:.2rem;background-position:-1.95rem center}
.media_resources .bottom_describe{height:.5rem;background-color:#fff;color:#969696;text-align:left;padding:0 0 0 .2rem;line-height:.5rem;font-size:.2rem}
.team{overflow:hidden;margin:2rem 0 0 0}
.team h1{margin:0 0 1.5rem 0;font-size:.6rem;color:#0067ac;text-align:center}
.team .content{border:1px solid #000;overflow:hidden}
.team .swiper-container.gallery-top{height:.8rem;margin-top:-.4rem;overflow:visible}
.team .gallery-top .swiper-slide{width:.8rem}
.team .gallery-top .item-slide{width:100%;height:100%;box-sizing:border-box;border:2px solid #e74c3c;border-radius:50%;text-align:center;cursor:pointer;background-color:#f0f0f0;overflow:hidden}
.team .gallery-top .swiper-slide-active .item-slide{border-color:#0067ac;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.4);-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.4);box-shadow:1px 2px 3px rgba(0,0,0,0.4);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);transform:scale(1.3,1.3);box-sizing:border-box}
.team .gallery-top .team_name{font-weight:bold;color:#0067ac;font-size:.22rem;line-height:.7rem}
.team .gallery-top .item-slide img{width:100%;vertical-align:top}
.team .gallery-thumbs{width:75%;margin-top:1rem}
.team .gallery-thumbs .describe{overflow:hidden;text-align:center;font-size:0}
.team .describe .txt{display:inline-block;width:6.5rem;min-height:9.7rem;padding:.4rem;background-color:#f0f0f0;font-size:.24rem;overflow:hidden;text-align:left;color:#999;line-height:.48rem}
.team .gallery-thumbs .picture{position:relative;display:inline-block;width:7rem;vertical-align:top}
.team .gallery-thumbs .picture img{width:100%}
.team .gallery-thumbs .picture .border{position:absolute;left:.06rem;top:0;border:.19rem solid #fff;height:7.94rem;width:5.83rem;border-top:0}
.team .gallery-thumbs .picture .border .personname{position:absolute;right:0;bottom:0;text-transform:uppercase;width:2.3rem;height:.6rem;background-color:#fff;color:#0067ac;text-align:center;line-height:.6rem;font-size:.4rem}.think{margin:1.5rem 0 1rem;text-align:center}
.think h1{margin:0 0 1rem 0;font-size:.6rem;color:#0067ac;text-align:center}
.think .think_img{position:relative;width:1.9rem;height:1.9rem;margin:0 auto .2rem;line-height:1.85rem}
.think .think_img .think_img_border{position:absolute;top:0;left:0;height:100%;width:100%;background:url(../images/border.png) no-repeat center;background-size:100%}
.think .think_img img{width:1.5rem;height:1.5rem;vertical-align:middle}
.think ul{display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;text-align:center}
.think ul li{margin:0 .5rem; width:224px;}
.think ul li b{display:inline-block;font-family:"微软雅黑";font-size:.4rem;padding:0 0 .15rem;margin:0 0 .2rem;border-bottom:.03rem solid #6a6a6a;color:#3e3e3e}
.think ul li p{font-size:.2rem;color:#7f7f7f}
.address{height:4.8rem;text-align:center;color:#fff;overflow:hidden;}
.address a{color:#fff}
.address .connectus{width:30%;height:100%;float:left;background-color:#0067ac}
.address .connectus .tel{padding:1rem 0 .2rem;font-size:.5rem}
.address .connectus .tel span{border-bottom:.04rem solid #f0f0ef}
.address .connectus .mail span{border-bottom:.03rem solid #f0f0ef}
.address .connectus button{border:0;outline-style:none;padding:.07rem .3rem;margin:1rem 0 .7rem;background-color:#0067ac;color:#edd2d3;cursor:pointer}.address .connectus .mail{font-size:.3rem}
.address .connectus .add{font-size:.2rem;margin-top:.2rem}


/*关于我们*/
.about-banner{ width: 100%;}
.about-banner img{ width: 100%;}
.about{ width: 1200px; margin: 0 auto; padding-top: 60px;}
.about-1{ float: left; width: 550px; padding-top:60px;}
.about-1 h5{ color: #262626; font-size: 36px; margin-bottom: 60px;}
.about-1 p{ font-size:16px; color: #404040; margin-bottom: 40px;}
.about-2{ width: 575px; float: right;}
.about-2 img{ width: 100%;}
.about2{ width: 100%; height:703px; background:url(../images/about-bj1.png) center center no-repeat; position: relative; }
.about2-1{ width: 100%; height:703px; background: rgba(0,0,0,0.8); position: absolute; top:0; left: 0;}
.about2-2{ width: 1200px; padding-top: 100px; overflow:hidden; position: absolute; left: 50%; margin-left: -600px;  color: #fffefe;}
.about2-2 ul{ width: 1270px;}
.about2-2 li{ width: 238px; float: left; margin-right: 70px;}
.about2-2 li i{ font-style: normal;}
.about2-2 h5{ font-size: 36px; text-align: center;}
.about2-2 .p1{ font-size:16px; text-align: left; width: 914px; margin: 40px auto; margin-bottom: 117px; }
.about2-2 ul li span{ font-size: 18px; display: block; text-align: center; position: relative; padding-bottom: 22px; margin-bottom: 30px;}
.about2-2 ul li span::after{ content: ""; width: 100px; height:4px; background: #0067ac; position: absolute; bottom:0; left: 50%; margin-left: -50px;}
.about2-2 ul li span i{ font-size: 24px;}
.about2-2 .p2{ font-size:14px;}
.about3{ width: 1200px; margin: 90px auto; margin-bottom: 77px;}
.about3 ul{ width: 1100px; margin: 0 auto; margin-bottom: 50px;}
.about3 ul li{ padding: 0 35px; float:left; text-align: center; margin-right:30px;}
.about3 ul li img{ width: 70px; height: 70px;}
.about3 ul .last{ margin-right: 0; padding: 0 0 0 3px;}
.about3 ul li p{ font-size:18px; margin-top:10px; }
.about3 h5{ font-size: 36px; text-align: center; margin-bottom: 90px; position: relative; padding-bottom: 22px; }
.about3 h5::after{content: ""; width: 100px; height:4px; background: #0067ac; position: absolute; bottom:0; left: 50%; margin-left: -50px;}
/*全网营销*/
.qwyx{ width: 100%; padding: 80px 0 87px 0; background: #f1f1f1;}
.qwyx1{ width: 1034px; margin: 0 auto; overflow: hidden;}
.qwyx1 ul{ width: 1101px;}
.qwyx1 ul li{ width: 280px; margin-right: 67px; height:250px; float: left; background: #fff; padding:10px; text-align: center;}
.qwyx1 ul li span{ display: block; width: 280px; height:116px; line-height: 116px; font-size: 60px; color: #fff; font-weight:bold;}
.qwyx1 ul li .span1{ background: url(../images/marketing-1.png)}
.qwyx1 ul li .span2{ background: url(../images/marketing-2.png)}
.qwyx1 ul li .span3{ background: url(../images/marketing-3.png)}
.qwyx1 ul li p{ padding: 20px; color: #404040; font-size:16px; text-align: left; line-height: 26px;}
.qwyx2{ width: 1200px; margin:0px auto;}
.qwyx2-tt{ text-align: center;}
.qwyx2-tt h5{ font-size: 120px; color: #e6e6e6; font-family: "方正正粗黑简体"}
.qwyx2-tt h6{ position: relative; top:-118px; background: #fff; font-size: 30px;}
.qwyx2-1{ padding-left: 24px; border-left:8px #0067ac solid; font-size: 24px; font-weight: bold; margin-bottom:90px;}
.qwyx2-2{ width: 100%; margin-bottom: 76px;}
.qwyx2-2 img{ width: 100%;}
.qwyx2-3{ padding-left: 100px; font-size: 22px; color: #333;}
.qwyx2-3 .s-js{ margin-right: 144px;}
.qwyx2-3 .s-yh{ margin-right: 124px;}
.qwyx2-3 .s-tg{ margin-right: 108px;}
.qwyx2-3 .s-yx{ margin-right: 130px;}
.qwyx2-4{ margin-bottom: 78px;}
.qwyx2-5,.qwyx2-6{width: 570px;float: left;height:220px; padding-top: 24px; padding-left: 30px;}
.qwyx2-5{  background: #313131; color: #fff;}
.qwyx2-6{background: #cbcbcb; color: #0067ac;}
.qwyx2-5 h5,.qwyx2-6 h5{ font-size: 24px; margin-bottom: 15px;}
.qwyx2-5 p,.qwyx2-6 p{ font-size:18px; line-height: 34px;}
.qwyx2-7{ text-align: center;margin-bottom: 70px;}
.qwyx2-7 h5{ font-size: 36px; margin-bottom: 30px;}
.qwyx2-7 p{ padding: 17px 30px; background: #0067ac; font-size: 48px; color: #fff; display: inline; margin-bottom: 30px;}
.qwyx3{ width: 100%; background: #f1f1f1; padding-bottom: 30px;}
.qwyx3 .qwyx2-1 i{ color: #0067ac; font-size:30px;}
.qwyx3-2{ width: 492px; float: left;}
.qwyx3-3{ float: right;}
.qwyx3-3L{ float: left; width: 100px; height:92px; background: #0067ac; color: #fff; font-size: 64px; text-align: center;line-height: 92px; font-weight:bold;}
.qwyx3-3R{float: left; width: 536px; height:72px; background: #fff; padding-top:20px; padding-left: 14px;}
.qwyx3-3 ul li{ margin-bottom: 25px;}
.qwyx3-3R h6{ font-size: 18px; color: #262626; margin-bottom: 8px;}
.qwyx3-3R p{ font-size: 16px; color: #585858;}
.qwyx4{ padding-left: 24px; color: #404040; font-size: 16px; margin-bottom: 65px;}
.qwyx4 p{ margin-bottom: 8px;}
.qwyx4-1{ margin-bottom: 20px;}
.qwyx4-2{ width: 1004px; margin: 0 auto; margin-bottom: 100px;}
.qwyx4-2 img{ width: 100%;}
.qwyx1 h5{ text-align: center; font-size: 36px; margin-bottom: 78px;}
.qwyx5{ width: 1200px; overflow: hidden;}
.qwyx5-2{padding-left: 80px; width: 260px; float: left; height:70px; margin-right:90px; margin-bottom: 90px;}
.qwyx5-2 h6{ font-size: 24px; margin-bottom: 10px;}
.qwyx5-2 p{font-size: 18px;}
.qwyx5-1{ width: 1290px;}
.qwyx5-3{background: url(../images/marketing-icon1.png) left center no-repeat;}
.qwyx5-4{background: url(../images/marketing-icon2.png) left center no-repeat;}
.qwyx5-5{background: url(../images/marketing-icon3.png) left center no-repeat;}
.qwyx5-6{height:68px; background: url(../images/marketing-bj2.png); text-align: center; line-height: 68px; color: #fff; font-size:30px; margin-bottom: 100px;}
.qwyx5-8{background: url(../images/marketing-icon4.png) left center no-repeat;}
.qwyx5-9{background: url(../images/marketing-icon5.png) left center no-repeat;}
.qwyx5-10{background: url(../images/marketing-icon6.png) left center no-repeat;}
/*新闻没提*/
.new1{ width: 100%;  height:748px; background:#f7f7f7 url(../images/new1.jpg) right center no-repeat;}
.new1-1{ width: 1200px; margin: 0 auto;}
.new1-2{ width: 788px; padding-top:130px;}
.new1-2 h5{ font-size: 36px; color: #1a1a1a; margin-bottom: 33px;}
.new1-2 p{ font-size: 16px; color: #262626; line-height: 28px;}
.new2{ position: relative;}
.new2-1{width: 100%; height:768px; }
.new2-2{ width:47%; float: left; background: url(../images/new2.png); height:100%;}
.new2-3{ width:53%; background: #222222; height:100%; float:left;}
.new2-4{ width: 1200px; position: absolute; top:108px; left: 50%; margin-left: -600px;}
.new2-5{ width: 458px; height:457px; background: rgba(237,237,238,0.9); float: left; padding: 96px 77px 0 77px;color: #262626;}
.new2-6{ width: 425px; float: right;}
.new2-5 h5{ font-size:36px; margin-bottom: 26px;}
.new2-5 span{font-size:24px; display: block ; margin-bottom:52px;}
.new2-5 p{font-size:16px; line-height:30px; }
.new2-6{ margin-right: 0; color: #fff; margin-bottom: 50px;}
.new2-6 h6{ font-weight:100;}
.new2-6-1{background: url(../images/new-icon1.png) left center no-repeat;}
.new2-6-2{background: url(../images/new-icon2.png) left center no-repeat;}
.new2-6-3{background: url(../images/new-icon3.png) left center no-repeat;}
.new2-6-4{background: url(../images/new-icon4.png) left center no-repeat;}
.new2-6-5{background: url(../images/new-icon5.png) left center no-repeat;}
.new3{ background: #fff;}
.new3-1{ width: 1110px;}
.new3-1 ul li{ width: 298px; height:260px; border: 1px solid #a9a6a7; padding: 0; padding-top: 86px; position: relative;}
.new3-1 ul li h6{ font-size: 30px;}
.new3-1 ul li p{ padding: 40px; font-size: 18px;}
.new3-1 ul li em{ position: absolute; top:-50px; display: block; left:96px;}
/*户外广告*/
.hwgg1{ width: 100%; padding: 67px 0 117px 0; background: #f1f1f1;}
.hwgg1-1{ width: 1200px; margin: 0 auto; overflow: hidden;}
.hwgg1-1 h5{ font-size: 36px; color: #0067ac; margin-bottom: 50px; text-align: center;}
.hwgg1-1 ul{ width: 1226px;}
.hwgg1-1 ul li{ width: 280px; height:196px; line-height: 196px; color: #fff; font-weight: bold; text-align: center; font-size: 24px; float: left; margin-right: 26px;}
.hwgg1-1 ul .li1{ background: url(../images/hwgg1.jpg)no-repeat;}
.hwgg1-1 ul .li2{ background: url(../images/hwgg2.jpg)no-repeat;}
.hwgg1-1 ul .li3{ background: url(../images/hwgg3.jpg)no-repeat;}
.hwgg1-1 ul .li4{ background: url(../images/hwgg4.jpg)no-repeat;}
.hwgg2{ width: 100%; padding: 58px 0 90px 0;}
.hwgg2-1{ width: 1200px; margin: 0 auto;}
.hwgg2-1 h5{ font-size: 36px; color: #333; text-align: center; margin-bottom: 56px;}
.hwgg2-2{ padding-left: 24px; margin-bottom: 79px;}
.hwgg2-2 h6{font-size: 26px; color: #333; margin-bottom: 46px; position: relative;}
.hwgg2-2 h6::after {content:""; width: 4px; height:46px; background: #0067ac; position: absolute; left: -24px; top:0;}
.hwgg2-2 span,.hwgg2-2 p{font-size: 26px;}
.hwgg2-2 p{ margin-top:10px;}
.hwgg2-4{ background: url(../images/hwgg-icon1.png)left center no-repeat; height:57px; line-height: 57px; padding-left: 68px; font-weight:bold; font-size:25px; color: #333; margin-bottom: 60px;}
.hwgg2-4 strong{ font-size: 36px;}
.hwgg2-3{ width: 1134px; overflow: hidden; margin: 0 auto;}
.hwgg2-3 ul{ width: 1160px;}
.hwgg2-3 ul li{ width: 554px; float: left; margin-right: 26px; margin-bottom: 30px;}
.hwgg2-3 ul li p{ text-align: center;}
.hwgg2-3 ul li span{ display: block; width: 100%; height:331px;}
.hwgg2-3 ul li span img{ width: 100%;}
.hwgg3{ background: #f1f1f1;}
.hwgg3-1 ul li span{ width: 547px; height:361px;}
/*首页*/
.section.anim{ padding-top:100px;}
.mail-1{ text-align: left;margin-left: 55px; }
.data .tubiao .text p{ font-size:.2rem;}


/*侧边栏*/
.cb-service{
    width: 60px;
    height:60px;
    
    position: fixed;
    top: 40%;
    right: 0;
	background: url(../images/cb-bj1.png);
	background-size:100%;
	
    
}

.service-cont{
    width: 180px;
    /*height:152px;
*/    background: #fff;
    position: absolute;
    left:-180px;
    top:0;    
    box-shadow: 0px 0px 10px #eaeaea;
    border-radius: 8px;
    display: none;
}
.service-cont-top{
    height:60px;
    background: linear-gradient(to right, #0067ac , #319ed9);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-radius: 8px;
    padding:8px 15px;
    
}
.service-cont-top1{
    background: url(../images/cb-ph.png) left center no-repeat;   
    height:100%;
    padding-left: 46px;
}
.service-cont-top1 p{
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}
.service-cont-top2 p{
    color: #0067ac;
}

.service-cont-top2 p a{
    color: #0067ac;
}

.service-cont-top2{
    background: url(../images/cb-qq.png) left center no-repeat;
}
.service-cont-bottom{   
    background:#fff;
    height:60px;
    padding:8px 15px;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

}
