body, html{ overflow-x: hidden;}

.pageList{width: 100%; position: relative; left: 0; top: 0;}


.page1{ width: 100%; height:650px;}
.page1 .box{width: 1200px; margin:0 auto;}
.page1 .left{ float: left; position: relative; width:50%; margin:198px 0 148px;}
.page1 .left .p1{ font-size:38px; color:#333; width:100%; position: relative; float:left; }
.page1 .left .p2{ font-size:20px; color:#333; width:100%; margin:20px 0; position: relative; float:left;}
.page1 .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.page1 .left .p4{ position: relative; float:left; width:200px; height:46px; border-radius: 20px; background:#eb3341; line-height: 46px; text-align:center; color:#fff; font-size:16px; margin-top:90px; }
.page1 .left .p4:hover{background:#e60012;  transition: all 0.7s ease 0s;}
.page1 .left .p4 a{ color:#fff; display:block;}
.page1 .right{ float: right; width:50%;}
.page1 .right .p1{ position: relative; float:right; width:515px; height:301px; margin:198px 0 148px; }



.page2{ width: 100%; height:600px; background:#f8f8f8;}
.page2 .box{width: 1200px; margin:0 auto;}
.page2 .left{ width:50%; position: relative;}
.page2 .left .p1{transition: 500ms;  position: relative; float:left; width:583px; height:264px; margin:168px 0;}

.page2 .right{ float: left; position: relative; width:36%; margin:148px 0 148px 185px;}
.page2 .right .p1{ font-size:38px; color:#333; width:100%; position: relative; float:right; }
.page2 .right .p2{ font-size:20px; color:#333; width:100%; margin:20px 0; position: relative; float:right; }
.page2 .right .p3{font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:right;}
.page2 .right .p4{ position: relative; float:left; width:200px; height:46px; border-radius: 20px; background:#eb3341; line-height: 46px; text-align:center; color:#fff; font-size:16px; margin-top:90px; }
.page2 .right .p4:hover{background:#e60012;  transition: all 0.7s ease 0s;}
.page2 .right .p4 a{ color:#fff; display:block;}



.page3{ width: 100%; height:600px;}
.page3 .box{width: 1200px; margin:0 auto;}
.page3 .left{ float: left; position: relative; width:50%; margin:148px 0;}
.page3 .left .p1{font-size:38px; color:#333; width:100%; position: relative; float:left; }
.page3 .left .p2{ font-size:20px; color:#333; width:100%; margin:20px 0; position: relative; float:left;}
.page3 .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.page3 .left .p4{ position: relative; float:left; width:200px; height:46px; border-radius: 20px; background:#eb3341; line-height: 46px; text-align:center; color:#fff; font-size:16px; margin-top:90px; }
.page3 .left .p4:hover{background:#e60012;  transition: all 0.7s ease 0s;}
.page3 .left .p4 a{ color:#fff; display:block;}
.page3 .right{ float: right; width:50%;}
.page3 .right .p1{  position: relative; float:right; width:581px; height:348px; margin:125px 0; }


.page4{ width: 100%; height:600px;  background:#f8f8f8; }
.page4 .box{width: 1200px; margin:0 auto;}
.page4 .left{ width:50%; position: relative;}
.page4 .left .p1{  position: relative; float:left; width:600px; height:350px; margin:125px 0; }

.page4 .right{ float: left; position: relative; width:36%; margin:148px 0 148px 168px;}
.page4 .right .p1{font-size:38px; color:#333; width:100%; position: relative; float:right; }
.page4 .right .p2{ font-size:20px; color:#333; width:100%; margin:20px 0; position: relative; float:right; }
.page4 .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:right;}
.page4 .right .p4{ position: relative; float:left; width:200px; height:46px; border-radius: 20px; background:#eb3341; line-height: 46px; text-align:center; color:#fff; font-size:16px; margin-top:90px; }
.page4 .right .p4:hover{background:#e60012;  transition: all 0.7s ease 0s;}
.page4 .right .p4 a{ color:#fff; display:block;}


.page5{ width: 100%; height:600px;}
.page5 .box{width: 1200px; margin:0 auto;}
.page5 .left{ float: left; position: relative; width:50%; margin:148px 0;}
.page5 .left .p1{font-size:38px; color:#333; width:100%; position: relative; float:left; }
.page5 .left .p2{ font-size:20px; color:#333; width:100%; margin:20px 0; position: relative; float:left;}
.page5 .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.page5 .left .p4{ position: relative; float:left; width:200px; height:46px; border-radius: 20px; background:#eb3341; line-height: 46px; text-align:center; color:#fff; font-size:16px; margin-top:90px; }
.page5 .left .p4:hover{background:#e60012;  transition: all 0.7s ease 0s;}
.page5 .left .p4 a{ color:#fff; display:block;}
.page5 .right{ float: right; width:50%;}
.page5 .right .p1{  position: relative; float:right; width:600px; height:350px; margin:125px 0; }
.page5 .right .p1 img{animation: ha 5s ease-in-out 1s infinite alternate;
	-o-animation: ha 5s ease-in-out 1s infinite alternate;
	-ms-animation: ha 5s ease-in-out 1s infinite alternate;
	-moz-animation: ha 5s ease-in-out 1s infinite alternate;
	-webkit-animation: ha 5s ease-in-out 1s infinite alternate;}


/* page_banner */
.bannerbox {width:100%; position:relative; overflow:hidden; height:360px;}
.page_banner{ width:1920px; /*图片宽度*/ position:absolute; left:50%; margin-left:-960px; /*图片宽度的一半*/}

/* 高端定制网站详细 */
.ppcy{ width: 100%; padding: 80px 0;}
.ppcy .box{width: 1200px; margin:0 auto;}
.ppcy .left{ float: left; position: relative; width:38%; }
.ppcy .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.ppcy .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.ppcy .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.ppcy .right{ float: right; width:62%;}
.ppcy .right .p1{ position: relative; float:right;}
.ppcy_con{ width:1200px; margin:60px auto 0;}
.ppcy_con .col-1{ width:33.33333333%; float:left; text-align:center;}
.ppcy_con .col-1 .icon87x87{ width:87px; height: 87px;}
.ppcy_con .col-1 .ppcy-icon-1{ background: url(../images/service/col-1.png) 0 center no-repeat; display:inline-block;}
.ppcy_con .col-1 .ppcy-icon-2{ background: url(../images/service/col-1.png) -107px center no-repeat; display:inline-block;}
.ppcy_con .col-1 .ppcy-icon-3{ background: url(../images/service/col-1.png) -213px center no-repeat; display:inline-block;}
.ppcy_con .col-1 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.ppcy_con .col-1 p{ font-size:12px; color:#666; margin:1em 0;}


.yxwz{ width: 100%; background:#f8f8f8; padding:80px 0;}
.yxwz .box{width: 1200px; margin:0 auto;}
.yxwz .left{ float: left; width:58%;}
.yxwz .left .p1{ position: relative; float:left;}
.yxwz .right{ float: right; position: relative; width:37%;}
.yxwz .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.yxwz .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.yxwz .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.yxwz_con{ width:1200px; margin:60px auto 0;}
.yxwz_con .col-2{ width:33.33333333%; float:left; text-align:center;}
.yxwz_con .col-2 .icon87x87{ width:87px; height: 87px;}
.yxwz_con .col-2 .yxwz-icon-1{ background: url(../images/service/col-2.png) 0 center no-repeat; display:inline-block;}
.yxwz_con .col-2 .yxwz-icon-2{ background: url(../images/service/col-2.png) -107px center no-repeat; display:inline-block;}
.yxwz_con .col-2 .yxwz-icon-3{ background: url(../images/service/col-2.png) -213px center no-repeat; display:inline-block;}
.yxwz_con .col-2 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.yxwz_con .col-2 p{ font-size:12px; color:#666; margin:1em 0;}



.jtwz{ width: 100%; padding: 80px 0;}
.jtwz .box{width: 1200px; margin:0 auto;}
.jtwz .left{ float: left; position: relative; width:38%; }
.jtwz .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.jtwz .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.jtwz .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.jtwz .right{ float: right; width:62%;}
.jtwz .right .p1{ position: relative; float:right;}
.jtwz_con{ width:1200px; margin:60px auto 0;}
.jtwz_con .col-3{ width:20%; float:left; text-align:center;}
.jtwz_con .col-3 .icon87x87{ width:87px; height: 87px;}
.jtwz_con .col-3 .jtwz-icon-1{ background: url(../images/service/col-3.png) 0 center no-repeat; display:inline-block;}
.jtwz_con .col-3 .jtwz-icon-2{ background: url(../images/service/col-3.png) -103px center no-repeat; display:inline-block;}
.jtwz_con .col-3 .jtwz-icon-3{ background: url(../images/service/col-3.png) -207px center no-repeat; display:inline-block;}
.jtwz_con .col-3 .jtwz-icon-4{ background: url(../images/service/col-3.png) -310px center no-repeat; display:inline-block;}
.jtwz_con .col-3 .jtwz-icon-5{ background: url(../images/service/col-3.png) -413px center no-repeat; display:inline-block;}
.jtwz_con .col-3 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.jtwz_con .col-3 p{ font-size:12px; color:#666; margin:1em 0;}


.dsmh{ width: 100%; background:#f8f8f8; padding:80px 0;}
.dsmh .box{width: 1200px; margin:0 auto;}
.dsmh .left{ float: left; width:58%;}
.dsmh .left .p1{ position: relative; float:left;}
.dsmh .right{ float: right; position: relative; width:37%;}
.dsmh .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.dsmh .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.dsmh .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.dsmh_con{ width:1200px; margin:60px auto 0;}
.dsmh_con .col-4{ width:25%; float:left; text-align:center;}
.dsmh_con .col-4 .icon87x87{ width:87px; height: 87px;}
.dsmh_con .col-4 .dsmh-icon-1{ background: url(../images/service/col-4.png) 0 center no-repeat; display:inline-block;}
.dsmh_con .col-4 .dsmh-icon-2{ background: url(../images/service/col-4.png) -103px center no-repeat; display:inline-block;}
.dsmh_con .col-4 .dsmh-icon-3{ background: url(../images/service/col-4.png) -207px center no-repeat; display:inline-block;}
.dsmh_con .col-4 .dsmh-icon-4{ background: url(../images/service/col-4.png) -310px center no-repeat; display:inline-block;}
.dsmh_con .col-4 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.dsmh_con .col-4 p{ font-size:12px; color:#666; margin:1em 0;}



/* 品牌与策划详细 */

.qjps{ width: 100%; padding: 80px 0;}
.qjps .box{width: 1200px; margin:0 auto;}
.qjps .left{ float: left; position: relative; width:38%; }
.qjps .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.qjps .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.qjps .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.qjps .right{ float: right; width:62%;}
.qjps .right .p1{ position: relative; float:right;}
.qjps_con{ width:1200px; margin:60px auto 0;}
.qjps_con .col-1{ width:33.33333333%; float:left; text-align:center;}
.qjps_con .col-1 .icon87x87{ width:87px; height: 87px;}
.qjps_con .col-1 .qjps-icon-1{ background: url(../images/service/qjps-1.png) 0 center no-repeat; display:inline-block;}
.qjps_con .col-1 .qjps-icon-2{ background: url(../images/service/qjps-1.png) -103px center no-repeat; display:inline-block;}
.qjps_con .col-1 .qjps-icon-3{ background: url(../images/service/qjps-1.png) -207px center no-repeat; display:inline-block;}
.qjps_con .col-1 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.qjps_con .col-1 p{ font-size:12px; color:#666; margin:1em 0;}


.qyvi{ width: 100%; background:#f8f8f8; padding:80px 0;}
.qyvi .box{width: 1200px; margin:0 auto;}
.qyvi .left{ float: left; width:58%;}
.qyvi .left .p1{ position: relative; float:left;}
.qyvi .right{ float: right; position: relative; width:37%;}
.qyvi .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.qyvi .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.qyvi .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.qyvi_con{ width:1200px; margin:60px auto 0;}
.qyvi_con .col-2{ width:25%; float:left; text-align:center;}
.qyvi_con .col-2 .icon87x87{ width:87px; height: 87px;}
.qyvi_con .col-2 .qyvi-icon-1{ background: url(../images/service/qyvi-1.png) 0 center no-repeat; display:inline-block;}
.qyvi_con .col-2 .qyvi-icon-2{ background: url(../images/service/qyvi-1.png) -103px center no-repeat; display:inline-block;}
.qyvi_con .col-2 .qyvi-icon-3{ background: url(../images/service/qyvi-1.png) -207px center no-repeat; display:inline-block;}
.qyvi_con .col-2 .qyvi-icon-4{ background: url(../images/service/qyvi-1.png) -310px center no-repeat; display:inline-block;}
.qyvi_con .col-2 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.qyvi_con .col-2 p{ font-size:12px; color:#666; margin:1em 0;}


.qyxcp{ width: 100%; padding: 80px 0;}
.qyxcp .box{width: 1200px; margin:0 auto;}
.qyxcp .left{ float: left; position: relative; width:38%; }
.qyxcp .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.qyxcp .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.qyxcp .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.qyxcp .right{ float: right; width:62%;}
.qyxcp .right .p1{ position: relative; float:right;}
.qyxcp_con{ width:1200px; margin:60px auto 0;}
.qyxcp_con .col-3{ width:33.33333333%; float:left; text-align:center;}
.qyxcp_con .col-3 .icon87x87{ width:87px; height: 87px;}
.qyxcp_con .col-3 .qyxcp-icon-1{ background: url(../images/service/qyxcp-1.png) 0 center no-repeat; display:inline-block;}
.qyxcp_con .col-3 .qyxcp-icon-2{ background: url(../images/service/qyxcp-1.png) -103px center no-repeat; display:inline-block;}
.qyxcp_con .col-3 .qyxcp-icon-3{ background: url(../images/service/qyxcp-1.png) -207px center no-repeat; display:inline-block;}
.qyxcp_con .col-3 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.qyxcp_con .col-3 p{ font-size:12px; color:#666; margin:1em 0;}


/* 营销推广详细 */


.wzyh{ width: 100%; padding: 80px 0;}
.wzyh .box{width: 1200px; margin:0 auto;}
.wzyh .left{ float: left; position: relative; width:38%; }
.wzyh .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.wzyh .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.wzyh .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.wzyh .right{ float: right; width:62%;}
.wzyh .right .p1{ position: relative; float:right;}
.wzyh_con{ width:1200px; margin:60px auto 0;}
.wzyh_con .col-1{ width:33.33333333%; float:left; text-align:center;}
.wzyh_con .col-1 .icon87x87{ width:87px; height: 87px;}
.wzyh_con .col-1 .wzyh-icon-1{ background: url(../images/service/wzyh-1.png) 0 center no-repeat; display:inline-block;}
.wzyh_con .col-1 .wzyh-icon-2{ background: url(../images/service/wzyh-1.png) -103px center no-repeat; display:inline-block;}
.wzyh_con .col-1 .wzyh-icon-3{ background: url(../images/service/wzyh-1.png) -207px center no-repeat; display:inline-block;}
.wzyh_con .col-1 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.wzyh_con .col-1 p{ font-size:12px; color:#666; margin:1em 0;}


.gjc{ width: 100%; background:#f8f8f8; padding:80px 0;}
.gjc .box{width: 1200px; margin:0 auto;}
.gjc .left{ float: left; width:58%;}
.gjc .left .p1{ position: relative; float:left;}
.gjc .right{ float: right; position: relative; width:37%;}
.gjc .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.gjc .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.gjc .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.gjc_con{ width:1200px; margin:60px auto 0;}
.gjc_con .col-2{ width:33.33333333%; float:left; text-align:center;}
.gjc_con .col-2 .icon87x87{ width:87px; height: 87px;}
.gjc_con .col-2 .gjc-icon-1{ background: url(../images/service/gjc-1.png) 0 center no-repeat; display:inline-block;}
.gjc_con .col-2 .gjc-icon-2{ background: url(../images/service/gjc-1.png) -103px center no-repeat; display:inline-block;}
.gjc_con .col-2 .gjc-icon-3{ background: url(../images/service/gjc-1.png) -207px center no-repeat; display:inline-block;}
.gjc_con .col-2 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.gjc_con .col-2 p{ font-size:12px; color:#666; margin:1em 0;}


.ggtg{ width: 100%; padding: 80px 0;}
.ggtg .box{width: 1200px; margin:0 auto;}
.ggtg .left{ float: left; position: relative; width:38%; }
.ggtg .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.ggtg .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.ggtg .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.ggtg .right{ float: right; width:62%;}
.ggtg .right .p1{ position: relative; float:right;}
.ggtg_con{ width:1200px; margin:60px auto 0;}
.ggtg_con .col-3{ width:33.33333333%; float:left; text-align:center;}
.ggtg_con .col-3 .icon87x87{ width:87px; height: 87px;}
.ggtg_con .col-3 .ggtg-icon-1{ background: url(../images/service/ggtg-1.png) 0 center no-repeat; display:inline-block;}
.ggtg_con .col-3 .ggtg-icon-2{ background: url(../images/service/ggtg-1.png) -103px center no-repeat; display:inline-block;}
.ggtg_con .col-3 .ggtg-icon-3{ background: url(../images/service/ggtg-1.png) -207px center no-repeat; display:inline-block;}
.ggtg_con .col-3 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.ggtg_con .col-3 p{ font-size:12px; color:#666; margin:1em 0;}


.ydtg{ width: 100%; background:#f8f8f8; padding:80px 0;}
.ydtg .box{width: 1200px; margin:0 auto;}
.ydtg .left{ float: left; width:58%;}
.ydtg .left .p1{ position: relative; float:left;}
.ydtg .right{ float: right; position: relative; width:37%;}
.ydtg .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.ydtg .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.ydtg .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.ydtg_con{ width:1200px; margin:60px auto 0;}
.ydtg_con .col-4{ width:20%; float:left; text-align:center;}
.ydtg_con .col-4 .icon87x87{ width:87px; height: 87px;}
.ydtg_con .col-4 .ydtg-icon-1{ background: url(../images/service/ydtg-1.png) 0 center no-repeat; display:inline-block;}
.ydtg_con .col-4 .ydtg-icon-2{ background: url(../images/service/ydtg-1.png) -103px center no-repeat; display:inline-block;}
.ydtg_con .col-4 .ydtg-icon-3{ background: url(../images/service/ydtg-1.png) -207px center no-repeat; display:inline-block;}
.ydtg_con .col-4 .ydtg-icon-4{ background: url(../images/service/ydtg-1.png) -310px center no-repeat; display:inline-block;}
.ydtg_con .col-4 .ydtg-icon-5{ background: url(../images/service/ydtg-1.png) -413px center no-repeat; display:inline-block;}
.ydtg_con .col-4 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.ydtg_con .col-4 p{ font-size:12px; color:#666; margin:1em 0;}



/* 移动应用定制详细 */

.ydwz{ width: 100%; padding: 80px 0;}
.ydwz .box{width: 1200px; margin:0 auto;}
.ydwz .left{ float: left; position: relative; width:38%; }
.ydwz .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.ydwz .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.ydwz .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.ydwz .right{ float: right; width:62%;}
.ydwz .right .p1{ position: relative; float:right;}
.ydwz_con{ width:1200px; margin:60px auto 0;}
.ydwz_con .col-1{ width:20%; float:left; text-align:center;}
.ydwz_con .col-1 .icon87x87{ width:87px; height: 87px;}
.ydwz_con .col-1 .ydwz-icon-1{ background: url(../images/service/wzyh-1.png) 0 center no-repeat; display:inline-block;}
.ydwz_con .col-1 .ydwz-icon-2{ background: url(../images/service/wzyh-1.png) -103px center no-repeat; display:inline-block;}
.ydwz_con .col-1 .ydwz-icon-3{ background: url(../images/service/wzyh-1.png) -207px center no-repeat; display:inline-block;}
.ydwz_con .col-1 .ydwz-icon-4{ background: url(../images/service/wzyh-1.png) -103px center no-repeat; display:inline-block;}
.ydwz_con .col-1 .ydwz-icon-5{ background: url(../images/service/wzyh-1.png) -207px center no-repeat; display:inline-block;}
.ydwz_con .col-1 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.ydwz_con .col-1 p{ font-size:12px; color:#666; margin:1em 0;}


.wxdz{ width: 100%; background:#f8f8f8; padding:80px 0;}
.wxdz .box{width: 1200px; margin:0 auto;}
.wxdz .left{ float: left; width:58%;}
.wxdz .left .p1{ position: relative; float:left;}
.wxdz .right{ float: right; position: relative; width:37%;}
.wxdz .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.wxdz .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.wxdz .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.wxdz_con{ width:1200px; margin:60px auto 0;}
.wxdz_con .col-2{ width:33.33333333%; float:left; text-align:center;}
.wxdz_con .col-2 .icon87x87{ width:87px; height: 87px;}
.wxdz_con .col-2 .wxdz-icon-1{ background: url(../images/service/gjc-1.png) 0 center no-repeat; display:inline-block;}
.wxdz_con .col-2 .wxdz-icon-2{ background: url(../images/service/gjc-1.png) -103px center no-repeat; display:inline-block;}
.wxdz_con .col-2 .wxdz-icon-3{ background: url(../images/service/gjc-1.png) -207px center no-repeat; display:inline-block;}
.wxdz_con .col-2 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.wxdz_con .col-2 p{ font-size:12px; color:#666; margin:1em 0;}

.xcx{ width: 100%; padding: 80px 0;}
.xcx .box{width: 1200px; margin:0 auto;}
.xcx .left{ float: left; position: relative; width:38%; }
.xcx .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.xcx .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.xcx .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.xcx .right{ float: right; width:62%;}
.xcx .right .p1{ position: relative; float:right;}
.xcx_con{ width:1200px; margin:60px auto 0;}
.xcx_con .col-3{ width:33.33333333%; float:left; text-align:center;}
.xcx_con .col-3 .icon87x87{ width:87px; height: 87px;}
.xcx_con .col-3 .xcx-icon-1{ background: url(../images/service/ggtg-1.png) 0 center no-repeat; display:inline-block;}
.xcx_con .col-3 .xcx-icon-2{ background: url(../images/service/ggtg-1.png) -103px center no-repeat; display:inline-block;}
.xcx_con .col-3 .xcx-icon-3{ background: url(../images/service/ggtg-1.png) -207px center no-repeat; display:inline-block;}
.xcx_con .col-3 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.xcx_con .col-3 p{ font-size:12px; color:#666; margin:1em 0;}


.wfx{ width: 100%; background:#f8f8f8; padding:80px 0;}
.wfx .box{width: 1200px; margin:0 auto;}
.wfx .left{ float: left; width:58%;}
.wfx .left .p1{ position: relative; float:left;}
.wfx .right{ float: right; position: relative; width:37%;}
.wfx .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.wfx .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.wfx .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.wfx_con{ width:1200px; margin:60px auto 0;}
.wfx_con .col-4{ width:33.33333333%; float:left; text-align:center;}
.wfx_con .col-4 .icon87x87{ width:87px; height: 87px;}
.wfx_con .col-4 .wfx-icon-1{ background: url(../images/service/ydtg-1.png) 0 center no-repeat; display:inline-block;}
.wfx_con .col-4 .wfx-icon-2{ background: url(../images/service/ydtg-1.png) -103px center no-repeat; display:inline-block;}
.wfx_con .col-4 .wfx-icon-3{ background: url(../images/service/ydtg-1.png) -207px center no-repeat; display:inline-block;}
.wfx_con .col-4 h3{ font-weight:400; font-size: 18px; color:#333; margin:1em 0;}
.wfx_con .col-4 p{ font-size:12px; color:#666; margin:1em 0;}



/* 协同办公详细 */

.qyxt{ width: 100%; padding: 80px 0;}
.qyxt .box{width: 1200px; margin:0 auto;}
.qyxt .left{ float: left; position: relative; width:38%; }
.qyxt .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.qyxt .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.qyxt .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.qyxt .right{ float: right; width:62%;}
.qyxt .right .p1{ position: relative; float:right;}


.ydxt{ width: 100%; background:#f8f8f8; padding:80px 0;}
.ydxt .box{width: 1200px; margin:0 auto;}
.ydxt .left{ float: left; width:58%;}
.ydxt .left .p1{ position: relative; float:left;}
.ydxt .right{ float: right; position: relative; width:37%;}
.ydxt .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.ydxt .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.ydxt .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}


.oaxt{ width: 100%; padding: 80px 0;}
.oaxt .box{width: 1200px; margin:0 auto;}
.oaxt .left{ float: left; position: relative; width:38%; }
.oaxt .left .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.oaxt .left .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.oaxt .left .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}
.oaxt .right{ float: right; width:62%;}
.oaxt .right .p1{ position: relative; float:right;}



.erp{ width: 100%; background:#f8f8f8; padding:80px 0;}
.erp .box{width: 1200px; margin:0 auto;}
.erp .left{ float: left; width:58%;}
.erp .left .p1{ position: relative; float:left;}
.erp .right{ float: right; position: relative; width:37%;}
.erp .right .p1{ font-size:28px; color:#333; width:100%; position: relative; float:left; }
.erp .right .p2{ font-size:14px; line-height: 24px; color:#333; width:100%; margin:30px 0; position: relative; float:left;}
.erp .right .p3{ font-size:14px; color:#333; width:100%; line-height: 24px; position: relative; float:left;}





/* 百度视频标冠专题页 */
.pageList .box{width: 1200px;margin: 0 auto;}
.page_baidu_top{text-align: center; padding-top: 60px;}
.page_baidu_top h1{ font-size: 36px; color:#333; font-weight: normal;}
.page_baidu_top p{ font-size:16px; color:#666; margin-top:10px;}
.page_baidu{ width:100%; margin: 60px auto;}
.page_baidu .page_bn{ width:578px; border: 1px solid #f1f1f1; float: left;}
.page_baidu .page_bn .page_bn_top{height: 146px;color: #fff;background: -webkit-gradient(linear,right top, left top,from(#379ef8),to(#55c9fd));background: linear-gradient(-90deg,#379ef8,#55c9fd);overflow: hidden; text-align:center;}
.page_baidu .page_bn .page_bn_top h1{line-height: 32px; font-size: 24px;margin: 40px 0 10px;}
.page_baidu .page_bn .page_bn_top p{ font-size:14px;}
.page_baidu .page_bn_c{ padding:30px 20px;}
.page_baidu .page_bn_c li{ line-height: 40px; font-size: 16px; color:#666;}
.page_baidu .page_bn_c li i{ width:6px; height:6px; border-radius:3px; background:#379ef8; float:left; margin: 17px 0;}
.page_baidu .page_bn_c li p{ padding-left: 20px;}

.page_baidu .page_sp{ width:578px; border: 1px solid #f1f1f1; float:right;}
.page_baidu .page_sp .page_sp_top{height: 146px;color: #fff;background: -webkit-gradient(linear,right top, left top,from(#45cf84),to(#3ebbcd)); background: linear-gradient(-90deg,#45cf84,#3ebbcd);overflow: hidden; text-align:center;}
.page_baidu .page_sp .page_sp_top h1{line-height: 32px; font-size: 24px;margin: 40px 0 10px;}
.page_baidu .page_sp .page_sp_top p{ font-size:14px;}
.page_baidu .page_sp_c{ padding:30px 20px;}
.page_baidu .page_sp_c li{ line-height: 40px; font-size: 16px; color:#666;}
.page_baidu .page_sp_c li i{ width:6px; height:6px; border-radius:3px; background:#45ce87; float:left; margin: 17px 0;}
.page_baidu .page_sp_c li p{ padding-left: 20px;}

.pageList1{ width:100%; background:#f9f9f9;}
.pageList1 .box{width: 1200px;margin: 0 auto;}
.page_ys_top{text-align: center; padding-top: 60px;}
.page_ys_top h1{ font-size: 36px; color:#333; font-weight: normal;}
.page_ys_top p{ font-size:16px; color:#666; margin-top:10px;}
.page_ys{ padding:30px 0;}
.page_ys li{float: left;padding: 30px; width: 33.333333333%; height: 140px; box-sizing: border-box;overflow: hidden;}
.page_ys li img{ float: left;}
.page_ys li h1{overflow: hidden;padding-left: 32px;line-height: 80px;font-size: 20px; color: #333; font-weight: normal;}

.pageList2{ width:100%;}
.pageList2 .box{width: 1200px;margin: 0 auto;}
.page_jc_top{text-align: center; padding-top: 60px;}
.page_jc_top h1{ font-size: 36px; color:#333; font-weight: normal;}
.page_jc_top p{ font-size:16px; color:#666; margin-top:10px;}
.page_jc{ margin-bottom: 60px;}
.page_jc .hd{ text-align:center;  margin:45px auto;}
.page_jc .hd li{display: inline-block;line-height: 45px;margin: 0 10px; border:1px #ccc solid;padding: 0 20px; border-radius: 5px; font-size: 16px; cursor:pointer;}
.page_jc .hd li.on{ background:#eb3341; border:1px #eb3341 solid; color:#fff;}
.page_jc .bd{ width:100%; margin:0 auto;}
.page_jc .bd .left{ float: left;}
.page_jc .bd .right{ float: left; margin-left: 54px;}
.page_jc .bd .right .p1{ font-size:38px; color:#333;}
.page_jc .bd .right .p2{ font-size:14px; color:#333; line-height: 24px; margin-top: 20px;}
.page_jc .bd .right .p3{ font-size:38px; color:#333; margin-top: 40px;}
.page_jc .bd .right .p4{ font-size:14px; color:#333; line-height: 24px; margin-top: 20px;}
.page_jc .bd .right .p5{ font-size:20px; color:#333; margin-top:20px;}