@charset "utf-8";
@media only screen and (max-width:2000px){ 
	.pcmenu .row {padding:9px 0 10px 0}
	.pcmenu .row .subject {top:13px}
	.pcmenu .row .subject a {color:#999;font-size:20px;}
	.pcmenu .row dl {margin:0 0 0 15%}
	.pcmenu .row dd {margin:5px 0;}
	.pcmenu .row dd a {font-size:20px}
	.foot .mright {width:70%; }
	.foot .mright dl {margin:0 0 0 10%;}
	.qianyuenews .owlstyle .pic {padding:0;height:468px}
	.webdesign_page1 .lefttext {width:700px}
	.digital_host li .content {min-height:150px}
}

@media only screen and (max-width:1800px){ 
	.webdesign_page1 .lefttext {width:650px;}
	.webdesign_page1 .righttext {width:45%;}	
	.webdesign_page3 {height:800px;}
	.webdesign_page3:before {right:-240px;margin-top:-450px;width:900px; height:900px;}
	.webdesign_page3 .new-wrap {height:800px;}
	.webdesign_page3 .new-wrap .row1 {font-size:16px; line-height:26px;}
	.webdesign_page3 .new-wrap .row2 {font-size:30px; line-height:40px;margin:5px 0 50px 0}	
	.webdesign_page3 .new-wrap .row3 {font-size:25px; line-height: 35px;}	
	.webdesign_page3 .new-wrap .row3 img {margin:0 0 20px 0}
	.webdesign_page3 .new-wrap .row4 {font-size:16px;margin:20px 0 0 0;}
	.webdesign_page3 ul {width:500px; }	
	.webdesign_page3 li { width:80px;height:80px; line-height: 80px;font-size:40px}
	.webdesign_page3 li:nth-child(1) {right:500px;top:57px}
	.webdesign_page3 li:nth-child(2) {right:590px;top:201px}
	.webdesign_page3 li:nth-child(3) {right:630px;top:345px}
	.webdesign_page3 li:nth-child(4) {right:590px;top:499px}
	.webdesign_page3 li:nth-child(5) {right:500px;top:643px}
	.webdesign_page3 .rowpic {width:510px;height:600px;margin-top:-300px;}
	.mobweb li .text dd {margin:0 0 0 50px;}
}

@media only screen and (max-width:1780px){ 
	.wrap1 {margin:0 4%;}
	.indpics .item .cons {left:4%;}	
	.owl-carousel .owl-nav .owl-prev {right:4%;}
	.owl-carousel .owl-nav .owl-next {right:4%;}
	.owl-carousel .owl-dots {right:4%;}
	.indpics .item .num {right:4%;}
	.pcmenu {padding:30px 0 0 0;}
	.pcmenu .row {padding:8px 0 10px 0}
	.pcmenu .row .subject {top:13px}
	.pcmenu .row .subject a {color:#999;font-size:16px;}
	.pcmenu .row dl {margin:0 0 0 13%}
	.pcmenu .row dd {margin:5px 0;}
	.pcmenu .row dd a {padding:0 0 0 47px;font-size:16px}
	.pcmenu .row dd a:before {top:-4px}
	.pcmenu .cons {bottom:160px;}
	.pcmenu .cons .title {padding:0 0 0 20px;}
	.pcmenu .cons .title:before {top:-20px;width:150px; height: 2px;}
	.pcmenu .cons .title:after {top:-20px;width:2px; height:95px;}
	.pcmenu .cons .title .t:before {bottom:-23px;width:30px; height:2px;}
	.pcmenu .cons .title .e {font-size:12px; line-height:17px; margin:0 0 3px 0}
	.pcmenu .cons .title .t {font-size:28px; line-height:33px;}
	.pcmenu .cons .tel {margin:-5px 0 0 40px;font-size:16px;}
	.pcmenu .cons .tel p {font-size:35px; line-height:35px;margin:-4px 0 0 0}
	.pcmenu .cons .more1 {top:-5px}
	.indabout ul { position: relative;left:-4%;width:108%}
	.foot .mright dl {margin:0 0 0 9%;}
	.indpartner li {height:150px;}
	.contact {margin:0 0 0 280px}
	.contact .title {font-size:25px; line-height:35px;margin-bottom:15px}
	.contact .content {font-size:40px; line-height:50px;}	
	.contact .tel {margin:50px 0}
	.aboutus .cons {margin:0 0 0 480px}
	.aboutus .cons .indnum li {margin:0 0 0 13%}
	.culture li .text {padding:0 10%; line-height: 35px; min-height:70px}
	.service li {height:230px}
	.bannertopNewsshow .title {font-size:30px; line-height: 50px}
	.bannertopNewsshow .content {font-size:20px;}
	.bannertop .tid102 {left:-18px;}
	.bannertop .content span.icon {font-size:25px; line-height:25px;margin:4px 10px 0 0}
	.currentposition {margin:-50px 0 0 0;height:50px;font-size:14px}
	.currentposition a {font-size:14px}
	.bannertopNewsshow .cons .text {padding:0 0 0 60px; }	
	.solutions .text .lefttext {width:45%; }
	.solutions .text .lefttext .title {font-size:40px; line-height: 60px;}
	.solutions .text .lefttext .subtitle {font-size:18px; line-height:28px;margin:15px 0 30px 0}
	.solutions .text .lefttext .ad {font-size:18px; height:48px; line-height: 46px; padding:0 20px;}
	.solutions .text .righttext {width:55%;}
	.solutions .text .righttext li .in {width:100px}
	.solutions .text .righttext li .icon {width:98px; height: 98px}
	.solutions .text .righttext li .icon img {margin:9px 0 0 0}
	.solutions .text .righttext li .title {font-size:20px;}
	.solutions_works li .text {padding:0 30px}
	.solutions .text .righttext7 li .title {font-size:18px}
	.webdesign_page3 .new-wrap {margin:0 0 0 4%;}
	.webdesign_page3 .rowpic {right:4%}
	.mobweb li .text .in {margin:0 8% 0 auto;}
	.mobweb li:nth-child(1) .text .in,.mobweb li:nth-child(3) .text .in {margin:0 0 0 8%;}
	.digital_mail li {height:230px}
	.seo_sem ul:before,.seo_sem ul:after {left:32.3333%;}
	.seo_sem ul:after {left:auto;right:30.3333%}
	.seo_safe li .content {min-height:150px}
    .tags-top .currentposition {top:170px;width:400px; }
    .indcase .cate dd {margin:0 0 0 30px}
    .tags-map li {width:8.3333%}
}

@media only screen and (max-width:1480px){ 
	.foot .mright dl {margin:0 0 0 7%;}	
	.indcase li .cons .t {font-size:30px; line-height:40px;}
	.indcase li .cons .t2 {font-size:16px;}
	.indcase .cate dd {margin:0 0 0 24px}
	.indpartner li img {max-width:80%;}
	.indpartner li {height:140px;}	
	.messagetous .cons {padding:80px 50px;}
	.messagetous .cons .text {width:580px; left:50px;top:108px;}
	.messagetous .cons .text .title {font-size:30px; line-height:45px;}
	.messagetous .cons .text .content {font-size:16px;}
	.messagetous .cons .message {margin:0 0 0 610px}
	.aboutus .cons .indnum li {margin:0 0 0 8%}
	.aboutus .cons .indnum li .content {font-size:18px;}
	.solution_analyse li .content {min-height:210px}	
	.webdesign_page1 {padding:80px 0;}
	.webdesign_page1 .lefttext {width:48%; }
	.webdesign_page1 .lefttext .text {font-size:18px;margin:40px 0 50px 0;}
	.webdesign_page1 .righttext {width:48%;}
	.webdesign_page1 .righttext .pic {height:500px; }
	.webdesign_page1 .righttext .pic p {left:0;width:767px;height:500px}
	.mobweb li .text dd {margin:0 0 0 40px;}
	.digital_host li .content {min-height:210px}    
    .footer .copy {width:100%;}
    .footer .links {width:100%; text-align: left;margin-top:10px}
}

@media only screen and (max-width:1260px){ 
	html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px}
	.fixtop .navpc {display:none;}	
	.nav__trigger {width: 23px;height:23px;top:11px;}
	.nav__icon {width: 23px;height: 2px;}
	.nav__icon:before,.nav__icon:after {width: 23px;height:2px;}
	.nav__icon:before {margin-top:-8px;}
	.nav__icon:after {margin-top:8px;}	
	.fixtop {height:49px;}
	.fixtop .logo {width:84px;height:26px;top:12px; background-size:100%}
	.topsearch {right:40px;top:11px;}
	.topsearch .btn span {font-size:20px; line-height: 20px}
	.topsearch .search { top:-2px;right:-5px; z-index: 1000;height:25px;border-radius:25px;}
	.topsearch .search #k {width:140px;padding:0 0 0 30px;border-radius:25px;height:23px;font-size:14px}
	.topsearch .search #sbtn {top:-1px;font-size:16px;width:30px;height:25px;border-radius:25px; }
	.topsearch span.icon-close-bold {left:-170px;top:-4px;font-size:16px;color:#000; z-index: 1000}
	.topsearch.active .search{width:200px}
	.phonemenu .nav {top:50px;}	
	.bgline {height:2px;}
	.indpics .item .cons .t {font-size:25px; line-height:40px; letter-spacing: 1px;padding:0px 0 0 0}
	.indpics .item .cons .t2 {font-size:16px; line-height:26px; letter-spacing:0.5px;margin:5px 0 30px 0}
	.more1 {width:120px; height: 30px; line-height:29px;}
	.more1 a p { width:90px;letter-spacing:1px;font-size:14px;}
	.more1 a span { width:30px; height:30px; line-height:30px;font-size:16px;}	
	.banxh{bottom:60px;margin-left: -15px;width: 30px;line-height: 30px;font-size: 20px;}
	.banxh span {width: 23px;height:23px;margin-left:-1px}
	@-webkit-keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 28px;height:28px;opacity: 0.6;}50% {width: 44px;height:44px;opacity: .3;}75% {width: 56px;height:56px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	@keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 28px;height:28px;opacity: 0.6;}50% {width: 44px;height:44px;opacity: .3;}75% {width: 56px;height:56px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	.owl-carousel .owl-nav .owl-prev {margin-top:-110px}
	.owl-carousel .owl-nav .owl-prev:before {font-size:14px;width:24px;padding:0 1px 0 0;height:25px;line-height:25px; }
	.owl-carousel .owl-nav .owl-next {margin-top:-70px}
	.owl-carousel .owl-nav .owl-next:before {font-size:14px;width:24px;padding:0 1px 0 0;height:25px;line-height:25px;}
	.indpics .item .num {margin-top:65px; }
	.indpics .item .num p {font-size:30px; line-height: 30px;}
	.owl-carousel .owl-dots {margin:-20px 15px 0 0;}
	.owl-carousel .owl-dots .owl-dot span{height:15px;}
	.pcmenu {display:none;}
	.accordionmenu {display:block;}
	.indabout {padding:40px 0}
	.indabout .t {font-size:22px; line-height:32px;letter-spacing:0px}
	.indabout .t h1 {font-size:22px}
	.indabout .t2 {font-size:14px;margin:5px 0 0 0}
	.indabout .t2:before {bottom:-30px;width:40px;margin-left:-20px;height:2px}
	.indabout .c {margin:60px auto 40px auto;line-height:1.8}
	.indabout li .pic {width:30px; height: 30px;}
	.indabout li .title {font-size:18px;line-height: 28px;margin:20px 0 0 0; letter-spacing: 0.5px;}
	.indabout li:before { left:-10px;top:5px;font-size:20px; line-height: 20px;}
    .fixright {top:auto;bottom:0;margin-top:0;width:100%;background: rgba(62,58,57,0.8); text-align: center}
    .fixright li {margin:0;float:left;width:20%;border-left:1px solid rgba(255,255,255,0.15); position: static}
    .fixright li:nth-child(1) {border:0}
    .fixright li .tubiao {border-radius:0;width:100%;background: none;margin:0 auto;width:40px; height: 40px; line-height: 40px;}
    .fixright li .tubiao span {font-size:20px}
	.fixright li .cons {width:0;height:0; overflow: hidden;left:-500px;bottom:-500px}	
    .fixright li:hover .tubiao { background:none;color:#B60005}	
	.fixright li.wx .cons {left:0;right:0;top:auto;bottom:40px;width:92%;height:80px;border-radius:0;padding:4% 4%; overflow: visible;background:rgba(255,255,255,0.9);}	
	.weixin .pcover {width:80px;height:80px}
	.weixin .wright {left:100px;top:6px;font-size:14px; line-height:24px;text-align:left;}
	.weixin .wright span {font-size:30px;line-height:25px;}	
	.brandonline {padding:35px 0;}
	.brandonline .t {font-size:22px; line-height:27px;letter-spacing:0px;margin:0 0 10px 0}
	.brandonline .c {font-size:16px; line-height:26px;}
	.brandonline .more1 {top:16px}
	.foot {padding:35px 0 40px 0;}	
	.foot .mleft {width:100%;min-width:0;min-height:180px}
	.foot .mleft .logo a { width:227px; height:30px;}
	.foot .mleft .ad { letter-spacing:0px;font-size:12px}
	.foot .mleft .subject {font-size:16px; line-height: 26px;margin:0px 0 10px 0}
	.foot .mleft .subject1 {position: absolute;right:50px;top:-8px}
	.foot .mleft .subject span {font-size:18px;margin:0 10px 0 0;}
	.foot .mleft .subject2 {margin:23px 0 0 0}
	.foot .mleft .subject2 span {font-size:25px; margin:0 4px 0 -5px;top:3px}
	.foot .mleft .tel {position: absolute;right:60px;top:30px;font-size:34px; line-height:34px;}
	.foot .mleft .address {font-size:16px;margin:0}
	.foot .mleft .weixin { position:absolute;right:0;top:105px;width:220px}
	.foot .mright {width:100%; }
	.foot .mright dl {margin:0;display:none}
	.foot .mright dl:nth-child(1) {display:block}
	.foot .mright dt {display:none;margin:0}
	.foot .mright dd {display:none;}
	.foot .mright .share {bottom:auto;top:20px;width:100%; position: relative}
	.share {padding:0 0 0 60px}
	.share .title {font-size:16px; line-height: 16px;top:16px}
	.bshare-custom a {margin:0 -8px;}
	.bshare-custom a:hover {top:0}
	.bshare-custom a.bshare-weixin,.bshare-custom a.bshare-sinaminiblog,.bshare-custom a.bshare-qqim,.bshare-custom a.bshare-qzone,.bshare-custom a.bshare-qqmb,.bshare-custom a.bshare-qqxiaoyou {background-size:50%;opacity:0.8}
	.footer {margin:40px 0 0 0;padding:15px 0; text-align: center}
	.footer .copy {width:100%;font-size:14px}
	.footer .copy a {font-size:14px}
	.footer .links {width:100%; text-align:center;font-size:14px}
    .footer .links .in {text-align:center}
    .footer .links p i{height:13px;margin:7px 5px 0 7px}
	.indcase .cate {margin:0 0 30px 0}
	.indcase .cate .wrap {margin:0}
	.indcase .cate .subject {top:0;font-size:20px; position: relative;margin:10px 0 10px 0; text-align: center}
    .indcase .cate .subject .title {font-size:25px; line-height:35px;}
    .indcase .cate .subject .subtitle {font-size:14px;margin-top:5px}
    .indcase .cate .subject .subtitle:before {left:50%;bottom:-18px;width:40px;height:2px;margin-left:-20px}
	.indcase .cate dl {text-align:center;}
	.indcase .cate dd {margin:5px 0;width:33.3333%;float:left;}
	.indcase .cate dd:nth-child(1) {display:none;}
	.indcase .cate_case dd:nth-child(1) {display:block;}
	.indcase .cate dd a .bgline {bottom:3px;height:4px}
	.indcase .cate dd a {font-size:16px; position: relative}
	.indcase li .cons {letter-spacing:0;}
	.indcase li .cons .t {font-size:22px; line-height:32px;}
	.indcase li .cons .t2 { margin:10px 0 0 0;font-size:16px;}
	.worksmore {margin:40px 0}
	.indpartner {padding:35px 0 40px 0}
	.indpartner ul {padding:35px 0 0 0}
	.indpartner li {height:100px;}
	.indsubject .content,.solutions_works .indsubject .content  {font-size:16px; line-height: 24px;}
	.indsubject .title {font-size:22px; line-height: 32px; letter-spacing:0px;margin:7px 0 0 0}
	.indsubject .title:before {bottom:1px;width:86px;height:5px;}
    .font-num-5 .title:before {width:110px;}
    .indsubject.center .title:before {margin-left:-43px;}
	.indvideo {height:400px;}
	.indvideo .indnum li {height:140px;padding:60px 0 0 0}
	.indvideo .indnum li h3 {font-size:40px; line-height:40px;}
	.indvideo .indnum li .content {font-size:16px;margin:13px 0 0 0}
	.new_telst li {margin:0 0 0 25px}
	.new_telst li a h2 {font-size:16px; line-height: 22px;}
	.new_telst li a .bgline {height:3px;bottom:1px}
	.new-wrap {margin:25px 0 0 0}
	.new-wrap .more1 {margin:35px auto 0 auto}	
	.indsubject2 .title {font-size:22px; line-height:32px; letter-spacing:0px;margin:0;}
	.indsubject2 .title:before {bottom:-15px;width:42px; height:3px;}
	.indsubject2 .content {font-size:16px;margin:27px 0 0 0; display: block}
	.indnews {margin:100px 0 40px 0}
	.indnews .indsubject2 { top:-60px;}	
	.rightnews dl {width:100%;margin:0;}
	.rightnews dd {width:100%;margin:5px 0;}
	.rightnews dd a:before {height:3px;top:18px}
	.rightnews .pic {height:150px;margin:25px 0 25px 0}
	.rightnews .title {margin:0 0 4px -8px; }
	.rightnews .title a {font-size:16px; margin:0 90px 0 0}
	.rightnews .title h2 {font-size:14px}
	.rightnews .title a:before {height:3px;}
	.rightnews .content { line-height:25px; height:50px;font-size:14px}	
	.leftnews .pic {height:487px;margin:8px 0 25px 0}
	.leftnews .cons .date {top:-1px;}
	.leftnews .cons .date span {font-size:60px;height:75px; line-height:60px;border-bottom-width:2px; letter-spacing:1px}
	.leftnews .cons .date h2 {font-size:16px; line-height:22px;margin:14px 0 0 10px}
	.leftnews .cons .text {margin:0 0 0 110px}
	.leftnews .cons .text .title {margin:0 0 4px -8px}
	.leftnews .cons .text .title a {font-size:16px;}
	.leftnews .cons .text .title a:before {height:3px}
	.leftnews .cons .text .content {line-height:25px; height: 50px;font-size:14px}	
	.messagetous {padding:5% 0}
	.messagetous .cons {border-radius:5px; padding:20px; }
	.messagetous .cons .text {width:480px;left:20px;top:70px;}
	.messagetous .cons .text .title {font-size:20px; line-height:32px;margin:0 0 10px 0}
	.messagetous .cons .text .content {font-size:14px;}
	.messagetous .cons .message {margin:0 0 0 500px}
	.message .left {width:100%}
	.message .right {width:100%;margin:5px 0 0 0}
	.message .row input[type="text"] {height:30px;padding:0 10px;font-size:14px}
	.message .left .row:nth-child(2) {margin:5px 0}
	.message #mbeizu {height:100px;padding:5px 10px;font-size:14px}
	.message .btn {margin-top:5px}
	.message .btn input {height:40px; font-size:16px;}
	.toppic .cons .space {margin:0 0 40px 0}	
	.contact {margin:0 0 0 -260px;left:50%;position: relative; }
	.contact .title {font-size:20px; line-height:30px;margin:-90px 0 10px 0}
	.contact .content {font-size:25px; line-height:35px;}
	.contact .address {font-size:16px; line-height:26px;margin:0 0 20px 0}
	.contact .tel {font-size:50px; line-height:50px;padding:0 0 0 80px;margin:40px 0}
	.contact .tel:before {top:0px;width:50px; height:50px; background-size:100%}
	.contact .weixin .more3 {left:365px;top:48px;}
	.more3 {width:135px; height: 30px; line-height:29px; }
	.more3 a p {width:105px;letter-spacing:0.5px;font-size:14px;}
	.more3 a span {width:30px;height:30px; line-height:30px; font-size:16px; background-size:50%}	
	.about .text {padding:25px 28px 30px 30px;margin:0 auto;width:580px}
	.about .text .title {font-size:25px; line-height:38px;}
	.about .text .content {font-size:16px;margin:20px 0 0 0}	
	.aboutus {margin:40px 0}
	.aboutus .en { top:88px;font-size:40px; line-height:40px;}
	.aboutus .en p {font-size:70px; line-height:70px;margin:15px 0 0 -10px}
	.aboutus .cons {margin:0 0 0 160px}
	.aboutus .cons .icon {width:137px; height:50px; background-size:100%}
	.aboutus .cons .title2 {font-size:16px;line-height:26px;margin:20px 0 3px 0}
	.aboutus .cons .title {font-size:22px; line-height: 32px;}
	.aboutus .cons .text {margin:20px 0 30px 0; line-height:1.8}
	.aboutus .cons .indnum li {margin:0 0 0 6%}
	.aboutus .cons .indnum li h3 {font-size:40px; line-height: 40px;}
	.aboutus .cons .indnum li h3:nth-child(2) {margin:15px 0 0 5px;font-size:25px; line-height:25px}
	.aboutus .cons .indnum li .content {font-size:16px;margin:10px 0 0 0}	
	.culture { background-attachment:scroll;padding:40px 0 50px 0;}
	.culture .title {font-size:22px; line-height: 32px;letter-spacing: 0px;}
	.culture .content {font-size:14px; margin:5px 0 40px 0; letter-spacing:0}
    .culture ul {width:102%;margin:0 0 0 -1%}
	.culture li {padding:40px 0 45px 0;width:31.3333%;margin:0 1%;}
	.culture li .subject {font-size:25px; line-height:35px;}
	.culture li .text {font-size:16px; line-height:30px;min-height:60px;margin-top:20px}	
	.service {margin:40px 0;}
	.service .subject {font-size:22px; line-height: 32px;}
	.service .summry {font-size:16px;margin:15px auto 40px auto;}
	.service ul {margin-top:-20px}
	.service li {padding:30px 25px 25px 0; height:auto;width:97%;margin-top:20px}
	.service li .pic {width:40px; height: 40px; left:20px;margin-top:-21px; background-size:60%}
	.service li .text {margin:0 0 0 80px}
	.service li .text .title {font-size:18px;line-height:30px;margin:0 0 10px 0}
	.service li .text .content {font-size:14px;}	
	.indpartner_about {padding-bottom:75px}
	.indpartner .pics {margin:35px 0 0 0;}
	.indpartner .item .table .td {height:120px}
	.indpartner .item img {max-width:80%}
	.owlstyle .owl-carousel .owl-nav{top:-65px;}
	.owlstyle .owl-carousel .owl-nav .owl-prev {right:30px;}
	.owlstyle .owl-carousel .owl-dots {bottom:-30px;}
	.owlstyle .owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px}
	.owlstyle .owl-carousel .owl-nav .owl-prev:before,.owlstyle .owl-carousel .owl-nav .owl-next:before{width:25px;height:25px; line-height: 25px;}	
	.bannertop {letter-spacing: 0.5px; text-align: center}
	.bannertop .cons .text {padding:0;}
	.bannertop .title {font-size:22px; line-height: 32px;margin:45px 0 5px 0;}
	.bannertop .content {font-size:16px; line-height: 1.8;}
	.qianyuenews {margin:10px 0 40px 0}
	.qianyuenews .owlstyle .owl-carousel .owl-nav{top:-52px;}
	.qianyuenews .subject {font-size:22px; line-height:22px;margin:0 0 30px 0}
	.qianyuenews .owlstyle .pic {height:300px}
	.qianyuenews .owlstyle .text {width:42%;padding:0 4%}
	.qianyuenews .owlstyle .text .date span {font-size:60px;height:75px; line-height:60px;border-bottom-width:2px; letter-spacing:1px}
	.qianyuenews .owlstyle .text .date h2 {font-size:16px; line-height:22px;margin:14px 0 0 10px}
	.qianyuenews .owlstyle .text .title {height:25px; line-height:25px; left:-10px;margin:20px 0 0px 0;}
	.qianyuenews .owlstyle .text .title a {font-size:18px; line-height:18px;}
	.qianyuenews .owlstyle .text .title:before {top:18px;left:2.6%;height:3px; }
	.qianyuenews .owlstyle .text .content { line-height:25px; height: 50px; margin:0 0 20px 0;font-size:14px}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:5px 4px;width:27px; height:27px; line-height:25px;border-radius:27px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height:25px;margin:0 5px; letter-spacing:2px}	
	.newcate {margin:10px 0 30px 0}
	.newcate li {margin:0 0 0 30px}
	.newcate li a {font-size:16px;}
	.newcate li p:before {left:-8px;top:0px;width:30px;height:30px;}
	.newcate li i {height:3px;margin:13px 0 0 0}
	.newcate li:hover i,.newcate li.check i {width:20px;margin-right:20px}
	.news {margin:0 0 40px 0}
	.news li {height: 135px}
	.news li .lefttext {width:154px; height:135px; }
	.news li .lefttext .date {font-size:16px; line-height:16px;margin:13px 0 0 0}
	.news li .lefttext .date p {font-size:55px; line-height:55px;margin:0 0 9px 0}
	.news li .lefttext .pic h2 {width:70px;height:21px; line-height: 19px; font-size:12px;border-top-left-radius:3px}
	.news li .righttext {margin:0 0 0 154px;padding:15px 13px 0 0}	
	.news li .righttext .title {margin:0 0 0px 0; }
	.news li .righttext .title a {font-size:16px;}
	.news li .righttext .title:before { top:19px;height:3px; }
	.news li .righttext .content {line-height:25px; height: 50px;margin:0 0 12px 0;font-size:14px}
	.news li .righttext .more a { width:25px; height: 8px; background-size:100%}
	.news li:hover .righttext .more a {width:25px;}
	.news li .righttext_pic {padding-left:15px}
	.bannertopNewsshow {text-align:left;}	
	.bannertopNewsshow .title {font-size:22px; line-height:32px}
	.bannertopNewsshow .content {font-size:16px;}
	.bannertop .tid102 {left:-12px;}
	.bannertop .content span.icon {font-size:18px; line-height:18px;margin:6px 5px 0 0}
	.currentposition {margin:-40px 0 0 0;height:40px;}	
	.newsshow {margin:5% 0}
	.newsshow .newscontent {padding:25px 20px 35px 15px;border-right-width:10px;right:-5px;}
	.newsshow .newscontent img {margin:5px 0}
	.newsshow .newscontent .beizu {padding:20px 25px;margin:40px 0 0 0;}
	.newsshow .newslist {padding:23px 15px 35px 20px;border-left-width:10px;left:-5px;}	
	.newsshow .newslist dt {font-size:22px;padding:0 0 8px 0;margin:0 0 10px 0;}
	.newsshow .newslist dd a:before {top:29px;height:3px;}
	.newsshow .newslist dl:nth-child(2) {margin:25px 0}
	.newsshow .newslist dl:nth-child(2) dd a {left:-8px}	
    .newsshow .newslist dl.zc dd a {left:0}
	.newscontent .prevnext {padding:30px 0 0 0}
	.newscontent .prevnext p {margin:0 0 5px 0;font-size:14px}
	.newscontent .prevnext a {font-size:16px; line-height:26px;}
	.newscontent .prevnext a:before {bottom:3px;height:3px; }
	.bannertopleft {text-align:left}
	.case {margin:0 0 40px 0}
	.bannertopfull .cons .text .title {font-size:22px; line-height:32px;margin:20px 0 10px 0;letter-spacing:0.5px}
	.bannertopfull .cons .text .title2 {font-size:16px; line-height: 1.8;}
	.bannertopfull .cons .text .url {margin:16px 0 0 0}
	.bannertopfull .cons .text .url a {width:35px;height:35px;line-height: 34px;}
	.bannertopfull .cons .text .url a span {font-size:25px; line-height:34px}
	.bannertopfull .cons .gs_content .subject {font-size:22px;letter-spacing:0.5px;margin:0 0 10px 0}
	.bannertopfull .cons .gs_content .content {line-height: 1.8}	
	.worksprevnext {padding:4% 0}
	.worksprevnext .wrap1 {margin:0 4%}
	.worksprevnext .row {width:104%;margin:0 0 0 -2%;}
	.worksprevnext .col {width:46%;margin:0 2%;}
	.worksprevnext .col a h2 { left:20px;bottom:12px;height:30px; line-height: 30px;font-size:14px}
	.worksprevnext .col div h2 p {font-size:22px;margin:-5px 10px 0 0}
	.workscontent {padding:30px}
	.workscontent .wrap1 {margin:0 4%}
	.workscontent img {margin:5px 0}	
	.worksmore {margin-bottom:40px}
	.worksmore .indsubject2 {margin:0 0 30px 0}
	.worksmore .item .title {margin:18px 0 -3px 0}
	.worksmore .item .title a {font-size:20px}
	.worksmore .item .subtitle {font-size:14px}	
	.solutions .text .lefttext {letter-spacing:0.5px;}
	.solutions .text .lefttext .title {font-size:22px; line-height: 32px;margin:10px 0 0 0}
	.solutions .text .lefttext .subtitle {font-size:14px; line-height:24px;margin:5px 0 10px 0}
	.solutions .text .lefttext .ad {font-size:14px; height:28px; line-height: 26px; padding:0 10px;}
	.solutions .text .lefttext .ad:before {right:-10px;top:-10px;width:8px;height:8px;}
	.solutions .text .righttext li {margin:10px 0;}
	.solutions .text .righttext li .in {width:70px}
	.solutions .text .righttext li .icon { width:68px; height: 68px;border-radius:5px;}
	.solutions .text .righttext li .icon img {height:50px;width:50px;margin:9px 0 0 0}
	.solutions .text .righttext li .title {font-size:14px;margin:10px 0 0 0; }	
	.solution_analyse {padding:40px 0; }
	.mainsubject .title {font-size:22px; line-height: 32px;letter-spacing: 0.5px; margin:-5px 0 35px 0}
	.mainsubject .title:before {bottom:-20px;width:40px;height:3px;margin-left:-20px; }
	.mainsubject .content {font-size:16px;max-width:480px}	
	.solution_analyse ul{margin:30px 0 0 0}	
	.solution_analyse li {padding:30px 20px 10px 20px;}
	.solution_analyse li .icon img {height:50px;}
	.solution_analyse li .title {font-size:18px; line-height:28px;margin:10px 0;}
	.solution_analyse li .content {font-size:14px;line-height: 25px;min-height:150px}	
	.solutions_works {padding:40px 0}
	.solutions_works .more1 {top:20px}
	.solutions_works .more1 {width:110px;}
	.solutions_works .more1 a p { width:80px;}
	.solutions_works ul {padding:35px 0 0 0}
	.solutions_works li .text {padding:0 20px}	
	.solutions_works li .text .t {height:50px; line-height:52px;}
	.solutions_works li .text .t a {font-size:16px;}
	.solutions_works li .text .t p {font-size:14px}
	.solutions_works li .text .more {height:50px; line-height:45px;}
	.solutions_works li .text .more a {font-size:14px}
	.solutions_works li .text .more a:nth-child(2) {top:3px}
	.solutions_works li .text .more a span {font-size:18px; line-height:18px}
	a.mousehover:before {top:33px;height:3px;}
	.solutions_works li {width:47%;}
	.solutions .text .righttext7 li .title {font-size:13px}
	.webdesign {margin:0 0 0 0px; text-align: center}
	.webdesign .title {font-size:22px; line-height:37px;margin:0 0 55px 0; letter-spacing:0.5px}
	.webdesign .title:before {bottom:-30px;width:43px;height:2px;left:50%;margin-left:-22px}
	.webdesign .content {font-size:16px; line-height:2;margin:0 0 5px 0}
	.webdesign .title2 {font-size:14px; line-height:24px;}
	.wwwcase {padding:3% 0% 3% 4%}
	.wwwcase dd {width:25%}
	.hotcase {margin:50px 0 0 0}	
	.webdesign_page1 {padding:40px 0; }
	.webdesign_page1 .lefttext {width:45%; }
	.webdesign_page1 .lefttext .indsubject .title:before {width:110px}
	.webdesign_page1 .lefttext .text {font-size:16px;margin:20px 0 30px 0;}
	.webdesign_page1 .lefttext li {min-height:62px;margin:20px 0 0 0}
	.webdesign_page1 .lefttext li .icon { width:60px; height:60px;top:6px}
	.webdesign_page1 .lefttext li .icon img {width:40px;margin:10px auto 0 auto}
	.webdesign_page1 .lefttext li .cons {margin:0 0 0 80px;}
	.webdesign_page1 .lefttext li .cons .t {font-size:16px; line-height:26px;padding:0px 0 2px 0}
	.webdesign_page1 .righttext {width:45%; text-align: right}
	.webdesign_page1 .righttext .pic {height:300px; overflow: hidden}
	.webdesign_page1 .righttext .pic p {left:22%;width:460px;height:300px}
	.webdesign_page1 .righttext ul {padding:40px 0 0 0;width:70%;margin:0 0 0 auto}
	.webdesign_page1 .righttext li {width:98%;height:40px; line-height:39px; text-align: left;}
	.webdesign_page1 .righttext li a {font-size:16px; }
	.webdesign_page1 .righttext li span {width:20px; height:20px; line-height:18px;margin:9px 10px 0 10px;}	
	.webdesign_page2 {background-attachment:scroll;padding:40px 0}
	.webdesign_page2 .cons .title {font-size:22px; line-height:32px; margin:0 0 35px 0;}
	.webdesign_page2 .cons .title:before {bottom:-20px;width:40px; height:2px;margin-left:-20px}
	.webdesign_page2 .cons .text {font-size:16px;line-height: 1.8}
	.webdesign_page2 ul {width:102%;margin:35px 0 0 -1%}
	.webdesign_page2 li {width:31.3333%;margin:0 1%;padding:40px 0}
	.webdesign_page2 li h3 {font-size:40px; line-height:40px}
	.webdesign_page2 li .content {font-size:16px; line-height: 1.8;margin:20px 0 0 0}	
	.webdesign_page3 {height:500px;}
	.webdesign_page3:before {right:-300px;margin-top:-350px;width:700px; height:700px;}
	.webdesign_page3 .new-wrap {height:500px;}	
	.webdesign_page3 .new-wrap .row1 {font-size:14px; line-height:24px;}
	.webdesign_page3 .new-wrap .row2 {font-size:22px; line-height:32px;margin:0px 0 30px 0}		
	.webdesign_page3 .new-wrap .row3 {font-size:20px; line-height: 30px;padding:0 0 0 60px}		
	.webdesign_page3 .new-wrap .row3 img {margin:0 0 10px 0;height:50px}
	.webdesign_page3 .new-wrap .row4 {font-size:14px;margin:10px 0 0 0; line-height: 1.8;padding:0 0 0 60px}	
	.webdesign_page3 ul {width:10px;}	
	.webdesign_page3 .rowpic {width:344px;height:400px;margin-top:-200px; }	
	.webdesign_page3 li { width:46px;height:46px; line-height:46px;font-size:25px}	
	.webdesign_page3 li:nth-child(1) {right:330px;top:50px}
	.webdesign_page3 li:nth-child(2) {right:365px;top:135px}
	.webdesign_page3 li:nth-child(3) {right:375px;top:220px}
	.webdesign_page3 li:nth-child(4) {right:365px;top:305px}
	.webdesign_page3 li:nth-child(5) {right:330px;top:390px}	
	.webdesign_page5 .indsubject .title:before {left:45px}
	.webdesign_page5 dl {margin-top:30px;width:108%;}
	.webdesign_page5 dd {margin:3px 4%;width:42%}
	.webdesign_page5 dd a {margin:0 80px 0 0;}
	.webdesign_page5 dd a.mousehover:before {top:21px}
	.webdesign_page5 dd p {font-size:14px}	
	.namemj {top:-50px}
	.mobweb li {height:600px}
	.mobweb li .text .title {font-size:22px; line-height:32px;}
	.mobweb li .text .content {margin:20px 0 0px 0;font-size:14px}
	.mobweb li .text .content strong {font-size:16px}
	.mobweb li .text dd {margin:30px 0 0 0;width:25%}
	.mobweb li .text dd:nth-child(1) {width:25%;margin:30px 0 0 0}
	.mobweb li .text dd .icon img {height:30px;}
	.mobweb li .text dd .subtitle {margin:5px 0 0 0;font-size:14px}
	.mobweb li:nth-child(1) .text dd,.mobweb li:nth-child(1) .text dd:nth-child(1),.mobweb li:nth-child(3) .text dd,.mobweb li:nth-child(3) .text dd:nth-child(1) {width:33.3333%}
	.mobweb_page .indsubject .title:before {width:140px}	
	.digital_mail ul {margin-top:-20px}
	.digital_mail li {padding:30px 25px 25px 0; height:auto;width:97%;margin-top:20px}
	.digital_mail li .pic {width:40px; height: 40px; left:20px;margin-top:-21px; background-size:60%}
	.digital_mail li .text {margin:0 0 0 80px}
	.digital_mail li .text .title {font-size:18px;line-height:30px;margin:0 0 10px 0}
	.digital_mail li .text .content {font-size:14px;}	
	.digitalsubject {padding:35px 0 40px 0}
	.digitalsubject .title {font-size:22px; line-height:32px;letter-spacing:0.5px;margin:0 0 25px 0}
	.digitalsubject .title2,.digitalsubject .content {font-size:16px; }
	.digital_mail .digitalsubject .title {margin:0 0 2px 0}
	.digital_mail {padding:0 0 40px 0;}	
	.digital_ssl .list {padding:0 0 0px 0;margin:50px 0 0 0}
	.digital_ssl .list ul { top:-50px;margin:0 0 -10px 0}
	.digital_ssl .list li .pic {width:100px;height:100px;}
	.digital_ssl .list li .pic p {padding:14px 0 5px 0;}
	.digital_ssl .list li .pic p img {height:30px;}
	.digital_ssl .list li .pic h2 {font-size:14px; line-height:19px;max-width:60px;margin:0 auto}
	.digital_ssl .list li .content {margin:20px 0 0 0; line-height:1.8;font-size:14px}
	.digital_ssl .list li:hover {top:0}	
	.digital_domain .digitalsubject .content {font-size:16px;margin-top:-5px}
	.digital_domain {padding:0 0 40px 0}
	.digital_domain ul {margin-top:-30px}
	.digital_domain li {margin-top:30px}
	.digital_domain li .pic {width:80px;height:80px; }
	.digital_domain li:before {height:30px;top:67px}
	.digital_domain li .pic p {width:40px;height:40px;margin:20px auto 0 auto}
	.digital_domain li .title {font-size:16px;margin:30px 0 0 0}	
	.digital_host  {margin:0 0 40px 0}
	.digital_host ul {margin-top:-30px}
	.digital_host li {margin-top:30px;padding:40px 10px 20px 15px;width:31.3333%}
	.digital_host li .title {font-size:18px;line-height:28px;margin:0 0 10px 0}
	.digital_host li .title:before {top:-10px;height:2px;width:15px;}
	.digital_host li .content {line-height:25px;;min-height:0px}
	.digital_host li .num {font-size:50px; line-height: 50px;margin:0 -18px 0 0}	
	.seo_page .indsubject .title:before {width:112px}
	.seo_sem .digitalsubject .title:before {width:112px; height: 3px; top:26px;}
	.seo_sem ul:before,.seo_sem ul:after {display:none;}
	.seo_sem ul {width:108%;margin:-30px 0 0 -4%}
	.seo_sem li {width:24.3333%;margin:30px 4% 0 4%;position: relative}
	.seo_sem li:before {content:''; position: absolute;left:-24%;top:2px;width:1px; height:238px; background: #ddd}
	.seo_sem li .pic img {height:60px}
	.seo_sem li .title {font-size:16px; line-height:26px;margin:20px 0 15px 0}
	.seo_sem li .content {font-size:14px}
	.seo_sem li:nth-child(2) {text-align:left}
	.seo_sem li:nth-child(3) {text-align:left}	
	.seo_video {background-attachment:scroll;margin:40px 0 0 0;padding:0 0 40px 0}
	.seo_video li {padding:30px 25px 20px 25px;border-bottom-left-radius:10px;border-top-right-radius:10px;}
	.seo_video li:before {height:5px;border-radius:10px}
	.seo_video li .title {font-size:22px; line-height:32px;}
	.seo_video li .content {margin:10px 0 0px 0; line-height:25px;font-size:14px}
	.seo_video li .num {font-size:50px; line-height:50px}
	.seo_video li:hover {top:0}	
	.seo_safe {padding:40px 0}
	.seo_safe .subject .title{top:11px;font-size:22px; line-height:32px;padding:0 0 0 15px}
	.seo_safe .subject .title:before {top:8px;width:3px;height:20px; }
	.seo_safe .subject .content {font-size:16px}
	.seo_safe ul {margin:30px 0 0 0}
	.seo_safe li {padding:30px 20px 30px 20px;}
	.seo_safe li .pic img {height:40px}
	.seo_safe li .title {font-size:20px; line-height:30px;margin:20px 0 15px 0}
	.news li .lefttext .date span {font-size:12px; line-height: 12px;margin:10px 0 0 0}
	.search_subject {font-size:22px; line-height:22px; letter-spacing: 1px;margin:40px 0 35px 0;}   
    .tags-top .indcase {margin-top:130px;}
    .tags-top .currentposition {top:80px;width:92%; }    
    .indsubject-tags {margin:40px 0 40px 0}
    .indsubject-tags .title span:before {height:5px; }
    .tags-map ul {margin:10px 0 50px 0}
    .tags-map li a {font-size:16px;}
    .tags-map li.check {margin-bottom:20px}
    .tags-map dl {margin:0 0 10px 0;padding:10px 15px}
    .tags-map dd {margin:5px 7px}
    .tags-map dd a {font-size:16px}
    .tags-map li {width:10%}
    .case .cate {margin-top:30px}
    .font-3-length .title:before {width:60px;}    
    .method-more {height:100px;margin:0 0 40px 0; }
    .method-more .wrap1 {height:100px}
    .method-more .text {font-size:25px; letter-spacing: 2px}
    .method-more .more {margin-top:-15px}
    .digitalsubject .title2 {margin:-20px auto 20px auto}
    .about-team {margin-bottom:0}
}

@media only screen and (max-width:788px){
	.brandonline {text-align:center}
	.brandonline .c {max-width:100%;margin:10px auto 0 auto}
	.brandonline .more1 {top:0; position: relative;left:50%;margin-left:-61px;margin-top:25px}
	.indcase li {width:49%;padding:18.35% 0}
	.indpartner li {height:80px;}
	.messagetous .cons .text {width:100%; position:relative;left:0;top:0;}
	.messagetous .cons .message {margin:25px 0 0 0}
	.indvideo .video {display:none;}
	.indvideo .pic {display:block;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
	.toppic .pic {display:none;}
	.toppic .picmb {display:block;position: absolute;left:0;top:0;width:100%; height:100%; z-index: 1;}
	.aboutus .cons {margin:0 0 0 200px}
	.about .text {padding:20px 23px 25px 25px;width:auto;}
	.aboutus .cons .indnum li {margin:0;float:none}
	.aboutus .cons .indnum li:nth-child(2) {margin:30px 0}
	.culture li .icon {margin:23px 0 25px 0;}
	.indpartner .item .table .td {height:100px}
	.news li .lefttext {width:100px; }
	.news li .righttext {margin:0 0 0 100px}
	.newsshow .newscontent {width:100%;padding:25px 4% 30px 4%;border-width:0;right:0}
	.newsshow .newslist {width:100%;padding:30px 4% 20px 4%;border-width:0;left:0;border-top:16px solid #f5f5f5}
	.newscontent .prevnext {padding:20px 0 0 0}
	.newscontent .prevnext .prev {width:100%;margin:10px 0}
	.newscontent .prevnext .next {text-align:left;width:100%;margin:10px 0}
	.newsshow .newslist dl:nth-child(3) {display:none;}
    .newsshow .newslist dl.provincial {display:block}
	.solutions .pic {display:block;}
	.solutions .text .lefttext {width:100%; text-align: center;margin:0 0 30px 0}
	.solutions .text .righttext {width:100%;text-align:center;}
	.solutions .text .righttext ul {margin:0 auto; text-align: center}
	.solutions .text .righttext li {text-align:center;}
	.solutions .text .righttext li .in {margin:0 auto}
	.solution_analyse li .content {min-height:175px}
	.solutions .text .lefttext .title {font-size:25px; line-height: 35px;}
	.solutions .text .lefttext .subtitle {font-size:16px; line-height:26px;margin:10px 0 15px 0}
	.solutions .text .lefttext .ad {font-size:16px; height:35px; line-height: 33px; padding:0 15px;}
	.solutions .text .righttext li {margin:15px 0;}
	.solutions .text .righttext li .in {width:80px}
	.solutions .text .righttext li .icon { width:78px; height: 78px;}
	.solutions .text .righttext li .icon img {height:60px;width:60px;}
	.solutions .text .righttext li .title {font-size:16px;margin:15px 0 0 0; }	
	.solutions .text .righttext7 li .title {font-size:13px}
	.wwwcase dd {width:33.3333%}
	.webdesign_page1 .righttext .pic p {left:0%; }
	.webdesign_page1 .righttext ul {width:90%;}
	.webdesign_page3:before {right:-380px;}
	.webdesign_page3 li:nth-child(1) {right:250px;top:50px}
	.webdesign_page3 li:nth-child(2) {right:285px;top:135px}
	.webdesign_page3 li:nth-child(3) {right:295px;top:220px}
	.webdesign_page3 li:nth-child(4) {right:285px;top:305px}
	.webdesign_page3 li:nth-child(5) {right:250px;top:390px}	
	.seo_sem li:before {height:268px;}
    .tags-map li {width:12.5%}
}

@media only screen and (max-width:640px){ 
	.indpics .item .cons .t {font-size:25px; line-height:45px;margin-top:-60px; letter-spacing: 0;padding:0}
	.indpics .item .cons .t2 {font-size:16px; line-height:31px; margin:5px 0 30px 0; letter-spacing: 0}
	.indpics .item .num,.owl-carousel .owl-nav {display:none;}
	.owl-carousel .owl-dots { right:0;top:auto;bottom:60px;width:100%;margin:0 auto;}
	.owl-carousel .owl-dots .owl-dot span{width:8px; height:8px;border-radius:50%;margin:0 5px}
	.banxh{bottom:110px;}
	.toppic .banxh,.bannertopfull .banxh{bottom:60px;}
	.indpics .item .cons {text-align:center;width:92%}
	.indpics .item .cons .more1 {margin:0 auto}
	.indabout .c {margin-bottom:0px}
	.indabout li {width:50%;margin:50px 0 0 0}
	.indabout li:nth-child(3):before,.indabout li:nth-child(5):before {display:none;}	
	.foot {text-align: center}
    .foot .mleft {min-height:330px}
	.foot .mleft .logo {display:none;}
	.foot .mleft .ad {margin:0 0 20px 0;color:#B60005;font-size:22px;font-weight:700; letter-spacing:0px}
	.foot .mleft .subject1 {position:relative;right:-5px;top:5px;}
	.foot .mleft .address {margin-top:5px}
	.foot .mleft .tel {position:relative;right:0px;top:0px;}
	.foot .mleft .weixin { position:relative;right:0;left:50%;top:0px;width:220px;margin-left:-108px;margin-top:30px}	
	.foot .mright .share {top:110px;width:250px;left:50%;margin:0px 0 95px -140px}
	.indcase ul {width:100%;margin-left:0}
	.indcase li {width:100%;padding:38.05% 0;margin-left:0;margin-right:0}
	.indcase .cate dd {width:50%;}	
	.indpartner li {height:90px;width:32.1333%}
	.indvideo .indnum li {width:50%;}
	.indvideo {height:600px;}
	.indvideo:after {left:50%;top:0;width:1px;height:100%;}
	.indvideo .indnum:after {left:0;top:33.3333%;width:100%;height:1px; }
	.indvideo .indnum:before {right:0;top:auto;bottom:33.3333%;width:100%;height:1px;}
	.new-wrap .leftnews {width:100%;}
	.new-wrap .rightnews {width:100%;margin:40px 0 0 0}
	.indnews .indsubject2 { position:relative;top:0;}
	.indnews {margin-top:40px}
	.new_telst { text-align:left;margin-top:25px}
	.new_telst li {margin:0 0 0 5.5%}
	.new_telst li:nth-child(1) {margin-left:0}
	.rightnews .pic,.leftnews .pic {height:auto;padding:29% 0}
	.contact {margin-left:-140px}
	.contact .title {font-size:16px; line-height:26px;margin-bottom:5px}
	.contact .content {font-size:20px; line-height:30px;}
	.contact .address span {display:block}
	.contact .tel {font-size:40px; line-height:40px;padding:0 0 0 60px;margin:30px 0}
	.contact .tel:before {width:40px; height:40px;}
	.contact .weixin .more3 {left:0;top:105px;position: relative}
	.aboutus {text-align:center}
	.aboutus .en { position:relative;top:0;}
	.aboutus .cons {margin:0}
	.aboutus .cons .icon {width:137px;height:50px; background-size:100%;margin:30px auto 0 auto}
	.culture ul {margin-top:-4%;width:100%}
	.culture li {width:100%;margin:4% 0 0 0}
	.culture li .text {font-size:16px;min-height:0}
	.culture li .icon { background-size:60%;}
	.service li .pic {top:0;left:50%;margin:35px 0 0 -21px}
	.service li .text {margin:60px 0 0 0; text-align: center;padding:0 0 15px 25px}
	.owlstyle .owl-carousel .owl-nav {display:block;top:-62px}
	.indpartner .item .table .td {height:80px}
	.bannertop {padding:0;height:220px}	
	.qianyuenews .owlstyle .pic {width:100%;padding:29% 0;height:auto}
	.qianyuenews .owlstyle .text {width:90%;padding:20px 5% 30px 5%}
	.qianyuenews .owlstyle .text .content {margin:0 0 25px 0;}
	.news li {width:97%;}
	.bannertop .tid102 {left:0;}
	.currentposition {margin:20px 0 0 0;height:auto; text-align:left;color:#333}
	.currentposition a {color:#333;}
	.currentposition a:hover {color:#000}
	.currentposition span {margin:0}
	.currentposition span.icon-home1 {margin:0 5px 0 0}
	.newsshow .newscontent .beizu {word-break: break-all;}
	.bannertopfull .cons .text .title {margin-top:-50px}
	.bannertopfull .cons .text {width:100%;text-align:center;}
	.bannertopfull .cons .gs_content {width:100%;margin:30px 0 0 0; text-align:center;}
	.bannertopfull .cons .gs_content .in {text-align:center;}
	.bannertopfull .cons .text .url a {margin-left:auto;margin-right:auto;}
	.bannertopfull .cons .gs_content .subject {font-size:18px}
	.bannertopfull .cons .gs_content .content {font-size:14px}	
	.worksprevnext .col div h2 {left:10px;height:auto; line-height:22px;font-size:12px;bottom:8px}
	.worksprevnext .col div h2 p {font-size:12px;margin:0 0 0 0; display: block}
	.solution_analyse li {width:100%; text-align: center}
	.solution_analyse li .content {min-height:0;padding:0 0 25px 0}
	.solutions_works ul {margin-top:-4%}
	.solutions_works li {width:97%;margin-top:4%}	
	.wwwcase dd {width:50%}
	.webdesign_page1 .lefttext {width:100%}
	.webdesign_page1 .righttext {width:100%;margin:40px 0 0 0;}
	.webdesign_page1 .righttext .pic p {left:auto;right:-5%}
	.webdesign_page1 .righttext ul {width:100%;}
	.webdesign_page2 ul {margin-top:-4%;padding:35px 0 0 0;width:100%;margin-left:0}
	.webdesign_page2 li {width:100%;margin:4% 0 0 0}	
	.webdesign_page3 {height:auto;padding:0 0 40px 0}
	.webdesign_page3:before {right:autl;left:50%;top:-250px;margin-top:0;margin-left:-350px;border-radius:0}
	.webdesign_page3 .rowpic { right:auto;left:50%;top:0;margin:40px 0 0 -220px;width:340px;height:400px}	
	.webdesign_page3 .new-wrap {height:auto;margin-top:510px;float:none;}	
	.webdesign_page3 ul {float:none;width:100%; text-align: center; position: absolute;left:0;top:402px}
	.webdesign_page3 li { right:auto; position: relative; display:inline-block; vertical-align:top;}
	.webdesign_page3 li:nth-child(1) {right:auto;top:0px}
	.webdesign_page3 li:nth-child(2) {right:auto;top:0px}
	.webdesign_page3 li:nth-child(3) {right:auto;top:0px}
	.webdesign_page3 li:nth-child(4) {right:auto;top:0px}
	.webdesign_page3 li:nth-child(5) {right:auto;top:0px}
	.indsubject .title:before {top:26px;bottom:auto}
	.solutions_works {padding-bottom:100px}
	.solutions_works .more1 {right:50%;margin-right:-56px;top:auto;bottom:-65px}
	.solutions_works .indsubject .title {font-size:20px; line-height: 30px}
	.solutions_works .indsubject .content {font-size:14px; line-height: 22px}
	.solutions_works .indsubject .title:before {top:23px}
	.webdesign_page5 dd {width:90%}
	.webdesign_page5 .indsubject .title:before {left:37px}	
	.mobweb li {height:auto}
	.mobweb li .pic {width:100%; text-align: center}
	.mobweb li .text {width:100%;text-align:center;padding:30px 0 40px 0}
	.mobweb li .text .in {margin:0 4%;max-width:100%; text-align:center;}	
	.mobweb li .text .content {font-size:16px}
	.mobweb li .text .content strong {font-size:18px; display:inline-block; line-height: 2}
	.mobweb li:nth-child(1) .pic,.mobweb li:nth-child(3) .pic {margin:0; text-align:center}
	.mobweb li:nth-child(1) .text,.mobweb li:nth-child(3) .text { position:relative;width:100%;height:auto}
	.mobweb li:nth-child(1) .text .in,.mobweb li:nth-child(3) .text .in {margin:0 4%;}
	.digital_mail li .pic {top:0;left:50%;margin:35px 0 0 -21px}
	.digital_mail li .text {margin:60px 0 0 0; text-align: center;padding:0 0 15px 25px}
	.digital_ssl .list {text-align:center}
	.digital_ssl .list ul {width:108%;margin:0 0 -40px -4%;}
	.digital_ssl .list li {float:none;display:inline-block; vertical-align: top;width:42%;margin:0px 4% 40px 4%}
	.digital_ssl .list .clear2 { clear:both}
	.digital_domain li {width:29.3333%;}
	.digital_host li {width:98%;padding-top:50px}
	.digital_host li .title {font-size:20px;margin-bottom:20px}
	.digital_host li .content {font-size:16px; line-height: 1.8}
	.digital_host li .num {margin-top:5px}
	.digital_host li .title:before {top:-15px}
	.seo_sem li,.seo_sem li:nth-child(2),.seo_sem li:nth-child(3) {width:90%; text-align: center}
	.seo_sem li:before {display:none;}
	.seo_sem li:nth-child(2) .in,.seo_sem li:nth-child(3) .in {text-align:center}
	.seo_sem li {border-bottom:1px solid #ddd;padding:0 0 35px 0}
	.seo_sem li:nth-child(3) {border:0;padding:0}
	.seo_video ul {margin-top:-4%;width:100%;margin-left:0}
	.seo_video li {width:100%;margin-top:4%;margin-left:0;margin-right:0}
	.seo_video li .content {font-size:16px; line-height: 1.8;margin-top:20px}
	.seo_sem li .title {font-size:20px; line-height: 30px;margin:20px 0 20px 0}
	.seo_sem li .content {font-size:16px; line-height: 1.8}
	.seo_safe li {width:100%;}
	.seo_safe li .content {min-height:0}	
	.seo_safe .subject .title{ position:relative;top:0;}
	.seo_safe .subject .content {margin:20px 0 20px 0}
    .tags-map li {width:25%}
}

@media only screen and (max-width:480px){ 
	.indpartner li {height:70px;}
	.indpartner ul {padding:30px 0 0 0}
	.indvideo .indnum li {height:153px;padding:47px 0 0 0}
	.indvideo .indnum li .content {max-width:60%;margin-left:auto;margin-right:auto}
	.culture li .icon { background-size:80%;}
	.indpartner .item .table .td {height:100px}	
	.newcate li {margin:6px 0 0 0;width:50%}
	.newcate li i {margin-right:20px;width:20px; background:none;}
	.newcate li:hover i,.newcate li.check i {background: #B60005}	
	.solutions .text .lefttext .title {font-size:22px; line-height: 32px;}
	.solutions .text .lefttext .subtitle {font-size:14px; line-height:24px;margin:5px 0 10px 0}
	.solutions .text .lefttext .ad {font-size:14px; height:25px; line-height: 23px; padding:0 10px;}
	.solutions .text .righttext li {margin:10px 0;}
	.solutions .text .righttext li .in {width:70px}
	.solutions .text .righttext li .icon { width:68px; height: 68px;}
	.solutions .text .righttext li .icon img {height:50px;width:50px;}
	.solutions .text .righttext li .title {font-size:14px;margin:10px 0 0 0; }	
	.solutions .text .righttext7 li .title {font-size:13px}	
	.webdesign .title i {display:block;font-size:0; line-height:0;opacity:0}
	.webdesign .content em {display:block}
	.wwwcase dd {width:100%}
}