@charset "UTF-8";

/*顶部图标*/
.container_nav .row ul li.li1 a i {background-image: url(../images/solution/solution_li1.png);}
.container_nav .row ul li.li2 a i {background-image: url(../images/solution/solution_li2.png);}
.container_nav .row ul li.li3 a i {background-image: url(../images/solution/solution_li3.png);}
.container_nav .row ul li.li4 a i {background-image: url(../images/solution/solution_li4.png);}
.container_nav .row ul li.li5 a i {background-image: url(../images/solution/solution_li5.png);}
.container_nav .row ul li.li6 a i {background-image: url(../images/solution/solution_li6.png);}
.container_nav .row ul li.li7 a i {background-image: url(../images/solution/solution_li7.png);}
.container_nav .row ul li.li8 a i {background-image: url(../images/solution/solution_li8.png);}
.container_nav .row ul li:hover a i,.container_nav .row ul li.on a i {background-color: transparent;border-color: #ffd800;}
.container_nav .row ul li:hover a span,.container_nav .row ul li.on a span {color: #ffd800;}


.w_title {text-align: center;}
.w_title h2{font-size:30px;text-transform:uppercase;}
.w_title h2 span{font-weight:lighter}
.w_title h5{font-size:20px}
.w_title h5 span{font-weight:400}
.w_center{width:1200px;margin:auto;text-align: center;padding:10px}
.w_center{position:relative;z-index:1}

.w_solutions .w_icon_wrap{text-align:justify;margin-top:60px;margin-bottom:74px}
.w_solutions .w_icon_wrap li a{color:#fff}
.w_solutions .w_icon_wrap li:last-child{margin-right:0}
.w_solutions .w_icon_wrap li{display:inline-block;text-align:center;color:#fff;font-size:17px;float:left;margin-right:49px}
.w_solutions .w_icon_wrap li .w_pic{position:relative;width:107px;height:107px;margin-bottom:17px}
.w_solutions .w_icon_wrap li .w_pic img{width:100%;position:absolute;left:0;top:0}
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover{display:none}
.w_function .w_icon_wrap li,.w_solutions .w_icon_wrap li{transition:all .25s}
.w_function .w_icon_wrap li:hover,.w_solutions .w_icon_wrap li:hover{transform:translate3d(0,-30px,0)}
.w_solutions .w_icon_wrap li:hover img{display:none}
.w_solutions .w_icon_wrap li:hover .w_pic_hover{display:inline-block}
.w_solutions .w_icon_wrap li:hover{color:#ffa64f}
.w_solutions .w_con_wrap{position:relative}
.w_solutions .w_con_wrap img{border:1px solid #ebebeb}
.w_solutions .w_con{position:absolute;right:0;top:80px;background:rgba(0, 170, 255,1);color:#fff;width:445px;padding:0 37px;height:330px;padding-top:52px}
.w_solutions .w_con2{position:absolute;color: #333333;font-size:2.5rem;font-weight: bold;right:0;top:80px;background:#006acd;color:#fff;width:445px;padding:0 37px;height:330px;padding-top:52px}
.w_solutions .w_con h1{font-size:32px;margin-bottom:15px}
.w_solutions .w_con2 .title {text-align: center;}
.w_solutions .w_con2 .title p {color: #333333;font-size:2.5rem;font-weight: bold;}
.w_solutions .w_con2 .h1{margin-bottom:15px ;text-align: center;font-size:2.5rem;font-weight: bold;}
.w_solutions .w_con h2{font-size:27px;font-weight:400;margin-bottom:29px;text-transform:uppercase}
.w_solutions .w_con p{font-size:14px;line-height:25px;text-align:justify}
.w_solutions .w_con .video{width: 100%;height: 42px;display: flex;}
.w_solutions .w_con .video .al{display:block;width:142px;height:42px;text-align:center;line-height:42px;background:#878787;font-size:14px;color:#fff;margin:80px auto;transition: color .2s,background .2s;
    -webkit-transition: color .2s,background .2s;}
    .w_solutions .w_con  .as{display:block;width:142px;height:42px;text-align:center;line-height:42px;background:#878787;font-size:14px;color:#fff; position: absolute;bottom: -20px;left: 0;right: 0; margin: auto;transition: color .2s,background .2s;
      -webkit-transition: color .2s,background .2s;}
.w_solutions .w_con a:hover {background:#990099;}

.w_function{text-align:center;padding: 40px 0px 0px;}
.w_function .w_icon_wrap{padding:60px 0}
.w_function .w_icon_wrap li{width:180px;padding:0 70px;display:inline-block}
.w_function .w_icon_wrap li img{width:100%}
.w_function .w_icon_wrap li p {color: #555;font-size: 20px;margin-top: 15px;}
.w_fl {padding-top: 140px;}
.w_function .w_web_wrap{position:relative;text-align:left;color:#fff}
.w_function .w_web_wrap.w_web_cloth{background:#273139}
.w_function .w_web_wrap h1{position:absolute;font-size:40px;line-height:65px;top:0;left:22px;margin-bottom:14px;z-index: 1;}
.w_function .w_web_wrap p{font-size:16px;letter-spacing:-.05em;position:absolute;line-height:24px;top:69px;left:22px;text-transform:uppercase;font-weight:lighter}
.w_function .w_web_wrap p span{font-weight:700}
.w_function .w_con1{background:#0095e2 url(../images/solution/w_bg3.jpg) no-repeat top center;overflow:hidden;}
.w_function .w_con{background:#fff  top center;overflow:hidden;}
.w_function .w_con .w_grid{float:right;}
.w_function .w_web_wrap h2,.w_function .w_web_wrap p{z-index:1}

/*有效沟通*/
.goudong .con {padding:60px 0;}
.goudong .con>p {color: #111;font-size:38px; font-weight: bold; text-align: center;}
.goudong .con>p i {color:#ff5800;}
.goudong .con>span {display: block;color:#333;font-size:18px;text-align: center;}
.goudong .con ul {margin-top:30px;}
.goudong .con ul li {width:360px;height:160px;padding:0 10px;background: #006acd;float: left;border-radius:5px;margin-right:30px;}
.goudong .con ul li:hover {background:#ff5800;}
.goudong .con ul li.mno {margin-right:0px !important;}
.goudong .con ul li img {float:left;margin:26px 10px 0 10px;}
.goudong .con ul li h4 {color: #fff;font-size:16px;margin:25px 0 5px;}
.goudong .con ul li p {color:#eee;font-size:14px;line-height: 21px;}

.Customsite_advantage {overflow: hidden; position: relative; background: url(../images/web/Customsite_bg.jpg) no-repeat center;background-size: cover;padding:5% 0 10%;}
.Customsite_advantage_bar {width: 100%; max-width: 1440px; margin: 0 auto; }
.Customsite_advantage_bar h1 {color: #ff5800; font-weight: bold; font-weight: normal; text-align: center; font-size: 38px; }
.Customsite_advantage_bar ul {margin-top: 5%;}
.Customsite_advantage_bar ul li {width: 25%; float: left; text-align: center; }
.Customsite_advantage_bar ul li p {color: #ff5800; font-size: 100px; font-weight: bold; position: relative; }
.Customsite_advantage_bar ul li span {display: block; color: #ff5800; font-size: 16px; }
.Customsite_advantage_bar ul li p sup {display: inline-block; color: #fff; font-size: 14px; border-radius: 10px; background: #ff5800; padding: 0 10px; position: absolute; left: 26px; top: 17px; }

.qywz_box6{background:#4388ff url(../images/web/qy_bg2.jpg) center;background-size: cover;color: #fff;padding: 50px 0;}
.qywz_box6 .top_box{ width:100%; font-size: 38px; font-weight: bold;text-align: center;}
.qywz_box6 .top_box i {margin-left: 10px;}
.qywz_box6 .lower_box{ width:100%; float: left;}
.qywz_box6 .lower_box ul li{ width:50%; float: left; margin-top: 55px;}
.qywz_box6 .lower_box ul li img{ float:left;}
.qywz_box6 .lower_box ul li div{ width:350px; float: left; margin-left: 50px;}
.qywz_box6 .lower_box ul li div span{ font-size: 24px; padding: 10px 0 5px; display: block;}
.qywz_box6 .lower_box ul li div p{ line-height: 24px;text-align: justify;}
.qywz_box6 .jt{ width:100%; float: left; text-align: center;padding: 115px 0 20px;}



.bussiness{background: #ffffff;width:100%; margin-top: 20px;}
.section_head {padding: 30px 0px 50px;}
.section_head .title {text-align: center;}
.section_head .title p {color: #333333;font-size:2.5rem;font-weight: bold;}
.section_head .title p i {color: #ff5500;}
.section_head .title span {display: block;color: #888;font-size: 13px;}

.bussiness-body{display: block;overflow: hidden;width: 90%;text-align: center;font-size: 0px;margin:20px auto;}
.bussiness-body .item{position: relative;display: inline-block;/*float: left;*/width: 12.50%;opacity: 0;filter:alpha(opacity=0);overflow: hidden;}
.bussiness-body .item1{left:200px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item2{left:300px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;}
.bussiness-body .item3{left:400px;-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item4{left:500px;-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item5{left:600px;-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;}

.bussiness .bussiness-body .item{left:0;opacity: 1;filter:alpha(opacity=100);}
.bussiness-body .item .service{display: block;height: 358px;border: 1px solid #e8e8e8;border-width: 1px 0px 1px 1px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.bussiness-body .item5 .service{border-width: 1px 1px 1px 1px;}
.bussiness-body .item .service .content{display: block;height: 240px;padding-top: 46px;line-height: 1;}
.bussiness-body .item .service .content h4{display: block;font-size: 18px;font-weight: bold;}
.bussiness-body .item .service .content h4 a{color: #333;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.bussiness-body .item .service .content p{display: block;margin-top: 11px;color: #4b4b4b;white-space: nowrap;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.bussiness-body .item .service .content .icon{display: inline-block;margin-top: 56px;}
.bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
.bussiness-icon2{background:url(../images/icon.png) no-repeat 5px -750px;height:72px;padding-left:80px;}
.bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
.bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
.bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}
.bussiness-icon6{background:url(../images/icon.png) no-repeat 3px -1393px;height:80px;padding-left:70px;}
.bussiness-icon7{background:url(../images/icon.png) no-repeat 3px -1544px;height:80px;padding-left:70px;}
.bussiness-icon8{background:url(../images/icon.png) no-repeat 3px -1668px;height:80px;padding-left:70px;}
.bussiness-body .item .service .info{display: block;padding: 16px 20px 0 20px;border-top: 1px dashed #cdcdcd;font-size: 12px;line-height: 20px;color: #6c6c6c;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}

.bussiness-body .item .price{position: absolute;display: block;width: 100%;height: 360px;left:100%;top:0;}
.bussiness-body .item .price ul{display: block;position: relative;z-index: 5;}
.bussiness-body .item .price ul li{display: block;height: 71px;line-height: 71px;*height: 69px;*line-height: 69px;border-bottom: 1px solid #565758;white-space: nowrap;}
.bussiness-body .item .price ul li a{display: block;padding: 0 20px 0 10px;color: #999;font-size: 14px;text-align: left;background: url(../images/enter-icon.png) no-repeat right 10px center;cursor: pointer;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.bussiness-body .item .price ul li a:hover{color: #fff;background: url(../images/enter-icon-on.png) no-repeat right 10px center;}
.bussiness-body .item .price ul li a .num{padding-left: 10px;}
.bussiness-body .item .price .mask{position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: #000;opacity: 0.8;filter:alpha(opacity=80);z-index: 2;}

.news .section_head {padding-bottom: 20px;}
.news .news-body {margin-bottom: 50px;}
.news .news-body .news_link {width: 100%;text-align: center;margin-bottom: 35px;}
.news .news-body .news_link ul li {display:inline-block;*display: inline;*zoom: 1;color: #555;font-size: 16px;padding: 0 30px;height: 45px;line-height: 45px;border:1px solid #c4c4c4;margin: 0 15px;cursor: pointer;}
.news .news-body .news_link ul li a {display: block;padding: 0 30px;height: 40px;line-height: 40px;color: #666;font-size: 15px;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_link ul li:hover a,.news .news-body .news_link ul li.on {background-color: #006acd;color: #fff;}
.news .news-body .news_wrap {max-width: 1000px;margin: 0 auto;overflow: hidden;}
.news .news-body .news_wrap .news_item {margin-bottom: 30px;}
.news .news-body .news_wrap .news_item .time {width: 140px;height: 130px;background-color: #006acd;border-radius: 10px;overflow: hidden;text-align: center;}
.news .news-body .news_wrap .news_item .time strong {width: 100%;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 60px;}
.news .news-body .news_wrap .news_item .time p {display: block;width: 100%;height: 39px;line-height: 39px;border-top: 1px solid #0060ba;color: #fff;font-size: 18px;}
.news .news-body .news_wrap .news_item .con {width: calc(100% - 180px);height: 130px;}
.news .news-body .news_wrap .news_item .con h4 {margin-bottom: 15px;}
.news .news-body .news_wrap .news_item .con h4 a {display: block;color: #555;font-size: 16px;font-weight: bold;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_wrap .news_item .con h4 a:hover {color: #006acd;}
.news .news-body .news_wrap .news_item .con p a {display: block;color: #555;font-size: 14px;line-height: 28px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_wrap .news_item .con p a:hover {color: #006acd;}
.news .news-body .more img {display: block;width: 60%;text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.newslis dl{float:left;width:416px; margin:0 0px 30px 0; height:auto; background:#f3f3f3; padding:20px 20px 6px 20px;}
.newslis dl:nth-child(2n) {float: right;}
.newslis dl dt{ float:left;height:15px;}
.news-box-img{position: relative;max-width: 200px;}
.news-box-img img{width:100px; height:100px;}
.news-data{position: absolute;left: 0;top: 0;padding:0 8px;text-align: center;background: #006acd;color:#fff;}
.news-data span{display: block;font-size: 24px;line-height: 30px;}
.news-data em{display: block;font-size: 14px;font-style: normal;line-height: 20px;margin-top: -3px;}
.newslis dl dd{ float:right; width:300px;}
.newslis dl dd h4{ font-size:16px; overflow:hidden; font-weight:normal;}
.newslis dl dd h4 a{ color:#333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslis dl dd h4 a:hover{ color:#006acd}
.newslis dl dd p{ color:#666; font-size:14px;padding-top:8px; line-height:21px;height: 88px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.news .news-body  .img {display: block;width: 60%;text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

/*有效沟通*/
.goudong .con {padding:60px 0;width: 100%;margin:0 auto;}
.goudong .con>p {color: #111;font-size:38px; font-weight: bold; text-align: center;}
.goudong .con>p i {color:#ff5800;}
.goudong .con>span {display: block;color:#333;font-size:18px;text-align: center;}
.goudong .con ul {margin-top:30px}
.goudong .con ul li {height:160px;padding:0 10px;background: #006acd;float: left;border-radius:5px;margin-right:30px;}
.goudong .con ul li:hover {background:#ff5800;}
.goudong .con ul li.mno {margin-right:0px !important;}
.goudong .con ul li img {float:left;margin:26px 10px 0 10px;}
.goudong .con ul li h4 {color: #fff;font-size:16px;margin:25px 0 5px;}
.goudong .con ul li p {color:#eee;font-size:14px;line-height: 21px;}


.sz{padding:70px 0; background:#f8f8f8;overflow:hidden}
.sz .title{font-size:38px; font-weight: bold; line-height:38px;text-align: center;}
.sz p{font-size:14px;  line-height:18px;text-align: center;margin-top: 20px;}
.sz .title strong{color:#ff5800;font-weight:400;}
.sz_con{padding-top:30px;overflow:hidden;}
.sz_con li{float:left;height:110px;padding:35px 100px 30px 0;overflow:hidden;width:300px;border-bottom:1px dashed #b6b7b8;}
.sz_con li span{display:inline-block;width:46px;height:46px;background:url(../images/web/sz_icons.png) no-repeat;float:left;}
.sz_con li div{width:240px;float:right;color:#848484;}
.sz_con li div h3{font-size:21px;line-height:35px;color:#222222;margin-bottom:5px;}
.sz_con li div p {color: #666;font-size:14px;}
.sz_con li.w2 span{background-position:-46px 0;}
.sz_con li.w3 span{background-position:-92px 0;}
.sz_con li.w4 span{background-position:-138px 0;}
.sz_con li.w5 span{background-position:-184px 0;}
.sz_con li.w6 span{background-position:-230px 0;}
.sz_con li.w7 span{background-position:-276px 0;}
.sz_con li.w8 span{background-position:-322px 0;}
.sz_con li.w9 span{background-position:-368px 0;}


.w_pics{width:285px;overflow:hidden;height:211px;z-index:0;position:relative;background:#273139;border-radius:20px}
.w_web_wrap.spe .w_pics{height:165px}
.w_web_wrap.spe2 .w_pics{height:112px}
.w_pics img{position:absolute;z-index:0;height:50%;bottom:0;right:0}
.w_web_wrap.on .w_pics{background:#990099}
.w_function .w_web_wrap.spe2 h1{line-height:32px;padding-top:20px;margin-bottom:0;font-size:22px}
.w_function .w_web_wrap.spe2 p{top:58px;line-height:20px;font-size:12px}
.w_function .w_web_wrap.spe3{float:left;margin-right:17px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics{height:168px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics img{width:70%;height:auto}
.w_function .w_web_wrap.spe3 h1{top:30px;line-height:22px;font-size:18px}
.w_function .w_web_wrap.spe3 p{font-size:12px;top:82px;line-height:18px}

a { color:#fff;text-decoration: none;}
  a:hover { text-decoration: none;}
  ul,li { list-style: none;}
  #slide {width: 100%;height: 400px;position: relative;overflow: hidden;}
  #slide .pic { position: absolute; }
  #slide .pic img {width: calc(70% - 14px);height: calc(80% - 14px);}
  #slide .pic h3 {
    margin-top: 10px;
    font-weight: bold;
  }
  #slide .p1 { z-index: 3;width: 40%;height: 40%;left: -50%;top: 30%;}
  #slide .p2 { z-index: 4;width: 60%;height: 60%;left: -20%;top: 20%;}
  #slide .p3 {z-index: 5; width: 80%;height: 80%; left: 10%;top: 10%;}
  #slide .p4 { z-index: 4; width: 60%; height: 60%; left: 60%; top: 20%;}
  #slide .p5 { z-index: 3; width: 40%;height: 40%; left: 110%; top: 30%;}
  #slide .p6 {z-index: 3; width: 80%;height: 60%; left: 10%;top: 10%;}
  #slide .p7 { z-index: 3; width: 60%; height: 40%; left: 60%; top: 20%;}
  #slide .p8 { z-index: 3; width: 40%;height: 60%; left: 110%; top: 30%;}
  #slide .btn {
       position: absolute;
      z-index: 6;
      bottom: 10%;
      width: 288px;  /* 计算得出 5*30+5*6=180 */
      margin-left: -90px;
      left: 50%;
  }
  #slide .btn span {
      width: 24px;
      height: 8px;
      border-radius: 3px;
      float: left;
      background-color: #dedede;
      margin: 0 3px;
  }
  #slide .btn .on {background-color: #0095e2; }


.sm1 li{height:105px;width:400px}
.sm2 li{height:105px;width:400px}
.sm3 li{height:105px;width:400px}
.sm4 li{height:105px;width:400px}
.sm li{float:left}
.sm li em{height:34px;font-size:18px;color:#fff;line-height:34px;float:left}
.sm li em.bg1,.sm li em.bg2,.sm li em.bg3{
    height: 44px;
    width: 160px;
    line-height: 44px;
    background-color: #75c9f4;
    border-radius: 20px;
    font-size: 16px;
}
.sm li i{color:#fff;font-size:14px;margin-left: 20px;width: 100px;}
.w_grid{padding-top: 80px;}

.w_marketing_services {padding-top: 60px;}
.thismsg{text-align:center}
.thismsg h5{font-size:30px;text-transform:uppercase;font-weight:700;line-height:70px;color:#0095e2}
.thismsg p{font-size:14px;line-height:24px;color:#878787}
.thismsg p em{color:#0095e2}
.this{position:relative;height: 750px;background: url(../images/solution/this1.jpg) center no-repeat;}
.thismsg{position:absolute;left:50%}
.thismsg1{top:340px;margin-left:-430px}
.thismsg2{top:340px;margin-left:177px}
.thismsg3{margin-left:-252px;top:600px}
.thismsg4{margin-left:23px;top:600px}
.thismsg5{margin-left:36px;top:80px}
.thismsg6{margin-left:-252px;top:80px}

.thismsg0{text-align:center}
.thismsg0 h5{font-size:30px;text-transform:uppercase;font-weight:700;line-height:70px;color:#0095e2}
.thismsg0 p{font-size:14px;line-height:24px;color:#878787}
.thismsg0 p em{color:#0095e2}
.this1{position:relative;height: 750px;background: url(../images/solution/this2.jpg) center no-repeat;}
.thismsg0{position:absolute;left:50%}
.thismsg5{margin-left:36px;top:80px}
.thismsg10{margin-left:-450px;top:180px}
.thismsg7{margin-left:-266px;top:444px}
.thismsg8{margin-left:180px;top:162px}
.thismsg9{margin-left:52px;top:444px}
/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
   .w_solutions {padding: 0 20px;}
   .w_center {width: auto;}
   .w_solutions .w_con_wrap img {border:none;}
   .w_solutions .w_con {position: static;width: 100%;height: auto;padding: 20px 20px 40px;box-sizing:border-box;}
   .w_solutions .w_con h1 {font-size: 24px;}
   .w_solutions .w_con h2 {font-size: 20px;margin-bottom: 15px;}
   .w_function .w_icon_wrap li {width: 100px;padding: 0 10px;}

   .w_fl {width: 100%;text-align: center;padding-top: 30px;}
   .w_function .w_web_wrap {display: inline-block;}
   .w_grid {width: 100%;}
   .sm3 li {width: 50% !important;padding-left: 25px;box-sizing:border-box;}

   .this{position:relative;padding: 30px 20px;background:none;height: auto;}
   .this1{position:relative;padding: 30px 20px;background:none;height: auto;}
   .thismsg {position: static;margin:0 auto;width: 50%;float: left;margin-bottom: 30px;}
   .thismsg0 {position: static;margin:0 auto;width: 100%;float: left;margin-bottom: 30px;}

   .bussiness-body {padding: 0 10px;overflow: inherit;box-sizing:border-box;}
	.bussiness-body .item {margin-bottom: -1px;}
	.bussiness-body .item,.bussiness-body .item.on {width: 33.333%;}
	.bussiness-body .item .service {width: 100%;height: auto;border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;box-sizing:border-box;}
	.bussiness-body .item .service,.bussiness-body .item.on .service {border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;background: transparent;}
	.bussiness-body .item.item2 .service,.bussiness-body .item.item5 .service {border-width: 1px 1px 1px 1px;}
	.bussiness-body .item.on .service {width: 100%;}
	.bussiness-body .item .service .content {height: auto;padding: 30px 0px;}
	.bussiness-body .item .service .content .icon {margin-top: 30px;}
	.bussiness-body .item .price {display: none;}
	.bussiness-body .item .service .info {display: none;}
	.bussiness-body .item.item1,.bussiness-body .item.item2,.bussiness-body .item.item1.on,.bussiness-body .item.item2.on {width: 50%;}
		
	.bussiness-body .item .service .content h4 a {color: #4b4b4b;;font-size: 16px;}
	.bussiness-body .item.on .service .content h4 a {color: #4b4b4b;}
	.bussiness-body .item.on .service .content p {color: #4b4b4b;}

	.bussiness-body .item.on .service .content .bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
	.bussiness-body .item.on .service .content .bussiness-icon2{background:url(../images/icon.png) no-repeat 5px -750px;height:72px;padding-left:80px;}
	.bussiness-body .item.on .service .content .bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
	.bussiness-body .item.on .service .content .bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
	.bussiness-body .item.on .service .content .bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}
  .bussiness-body .item.on .service .content .bussiness-icon6{background:url(../images/icon.png) no-repeat 3px -1393px;height:80px;padding-left:70px;}
	.bussiness-body .item.on .service .content .bussiness-icon7{background:url(../images/icon.png) no-repeat 3px -1544px;height:80px;padding-left:70px;}
	.bussiness-body .item.on .service .content .bussiness-icon8{background:url(../images/icon.png) no-repeat 3px -1668px;height:80px;padding-left:70px;}

  .auto{width: 100%;}
  .qywz_box6{background:#4388ff url(../images/web/qy_bg2.jpg) center;background-size: cover;color: #fff;padding: 50px 0;}
  .qywz_box6 .top_box{ width:100%; font-size: 38px; font-weight: bold;text-align: center;}
  .qywz_box6 .top_box i {margin-left: 10px;}
  .qywz_box6 .lower_box{ width:100%; }
  .qywz_box6 .lower_box ul li{ width:100%;  margin-top: 55px;}
  .qywz_box6 .lower_box ul li img{ float:left;display: none;}
  .qywz_box6 .lower_box ul li div{ width:90%;  margin-left: 20px;}
  .qywz_box6 .lower_box ul li div span{ font-size: 24px; padding: 10px 0 5px; display: block;}
  .qywz_box6 .lower_box ul li div p{ line-height: 24px;text-align: justify;}
  .qywz_box6 .jt{ width:100%; float: left; text-align: center;padding: 115px 0 20px;}
  

  /*有效沟通*/
  .goudong .con ul{width: 100%;margin: 0 auto;}
	.goudong .con ul li {width: 100%;height: 200px;margin-right: 3%;text-align: center;box-sizing: border-box;}
	.goudong .con ul li img {width: 60px;float: none;margin:10px auto;display: none;}
	.goudong .con ul li h4 {margin: 0;}

  .sz_con li {padding: 30px 0px 30px 0px;width: 50%;}
	.sz_con li span {margin:5px 10px;}
	.sz_con li div {width: calc(100% - 86px);float: left;}


  .w_solutions .w_con .video{width: 100%;height: 42px;display: flex;}
  .w_solutions .w_con .video .al{display:block;width:122px;height:42px;text-align:center;line-height:42px;background:#878787;font-size:12px;color:#fff;margin:60px auto;transition: color .2s,background .2s;
      -webkit-transition: color .2s,background .2s;}
  }

/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
	.sm3 li {width: 100% !important;padding-left: 40px;}
	.thismsg {width: 100%;}
  .newslis dl{float:left;width:90%; margin:0 0px 30px 0; height:auto; background:#f3f3f3; padding:20px 20px 6px 20px;}
  .newslis dl dd{ float:right; width:220px;}

  /*有效沟通*/
  .goudong .con ul{width: 100%;margin: 0 auto;}
	.goudong .con ul li {width: 100%;height: 100px;margin-bottom: 20px;}
	.goudong .con ul li img {float: left;width: 100px;height: 100px;margin:20px 10px 20px 0px;}
	.goudong .con ul li h4 {margin-top: 15px;}

  /*我们的服务*/
	.sz {padding: 30px 0px;}
	.sz .title {padding: 0px 10px;font-size: 24px;}
	.sz_con {padding:0px;}
	.sz_con li {width: 100%}

  .auto{width: 100%;}
  .qywz_box6{background:#4388ff url(../images/web/qy_bg2.jpg) center;background-size: cover;color: #fff;padding: 50px 0;}
  .qywz_box6 .top_box{ width:100%; font-size: 38px; font-weight: bold;text-align: center;}
  .qywz_box6 .top_box i {margin-left: 10px;}
  .qywz_box6 .lower_box{ width:100%; }
  .qywz_box6 .lower_box ul li{ width:100%; margin-top: 55px;}
  .qywz_box6 .lower_box ul li img{ float:left;display: none;}
  .qywz_box6 .lower_box ul li div{ width:90%;  margin-left: 20px;}
  .qywz_box6 .lower_box ul li div span{ font-size: 24px; padding: 10px 0 5px; display: block;}
  .qywz_box6 .lower_box ul li div p{ line-height: 24px;text-align: justify;}
  .qywz_box6 .jt{ width:100%;  text-align: center;padding: 115px 0 20px;}

  .w_solutions .w_con .video{width: 100%;height: 42px;display: flex;}
  .w_solutions .w_con .video .al{display:block;width:122px;height:42px;text-align:center;line-height:42px;background:#878787;font-size:12px;color:#fff;margin:60px auto;transition: color .2s,background .2s;
      -webkit-transition: color .2s,background .2s;}
}