@charset "utf-8";
/* CSS Document */
/* mgserv ********************************************************************************** */
.services-mgserv-banner{ min-width:1200px; background:#e0dcd4; height:800px; position:relative;}
.services-mgserv-banner:before{ content:""; width:100%; min-width:1200px; background:url(../imgs/bg-201812241322001.jpg); height:400px; position:absolute; top:0; left:0;}
.services-mgserv-banner .bg2{ width:100%; position:absolute; min-width:1200px; height:270px; background-color:#fff; opacity:.9; bottom:0; left:0;}
.services-mgserv-banner .bg2:before{ position:absolute; content:""; width:140px; background-color:#e0dcd4; height:270px; right:0;}
.services-mgserv-banner .com-main{ position:relative; z-index:3; text-align:center; padding-top:50px;}
.services-mgserv-banner .com-main img{ margin-left:140px;}

.services-mgserv-intro{ position:relative; z-index:5; padding-bottom:60px; min-width:1200px;}
.services-mgserv-intro .com-main{ margin-top:-350px;}
.services-mgserv-intro .tag{ width:156px; position:relative; height:156px; background-color:#78625c; color:#fff;}
.services-mgserv-intro .tag:before{ content:""; position:absolute; width:34%; height:1px; background-color:#fff; top:50%; left:33%;}
.services-mgserv-intro .tag-top{ text-align:center; font-size:18px; padding-top:45px;}
.services-mgserv-intro .tag-bottom{ text-align:center; font-size:14px; padding-top:20px;}
.services-mgserv-intro .intro{ width:900px; margin:0 auto;}
.services-mgserv-intro .intro h2{ text-align:center;}
.services-mgserv-intro .intro p{ padding-top:25px; font-size:16px; text-align:center; line-height:25px; color:#666;}
.services-mgserv-intro .intro2{ margin-top:50px; position:relative;} 
.services-mgserv-intro .intro2-p{ width:360px; padding:30px 20px; position:absolute; top:0; right:0; font-size:16px; color:#666; line-height:30px; background-color:#fbfbfb; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.services-mgserv-company{ padding:50px 0; min-width:1200px;  background-color:#002846;}
.services-mgserv-company .com-main{background:url(../img/bg-201812241438001.png) no-repeat; height:416px;}
.services-mgserv-company article{ width:550px; color:#fff; margin:0 auto; padding-top:80px; line-height:30px; padding-right:150px; text-align:center;}
.services-mgserv-company article p{ font-size:16px; margin-top:20px;}

.services-mgserv-skill{ padding:80px 0;}
.services-mgserv-skill .titletop{ width:160px; margin:0 auto; text-align:center;}
.services-mgserv-skill .titletop img{ width:100%;}
.services-mgserv-skill h2{ text-align:center;}
.services-mgserv-skill ul{ overflow:hidden; background-color:#d7d3cb; margin-top:30px;}
.services-mgserv-skill li{ width:150px; height:150px; float:left; position:relative;}
.services-mgserv-skill li.s{ perspective:200px; -webkit-perspective:200px;}
.services-mgserv-skill li.s .box{background-color:#e0dcd4; position:absolute; width:100%; height:100%; transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d; transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg); transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;}
.services-mgserv-skill li.s .side{ position:absolute; width:100%; height:100%; top:0; left:0;}
.services-mgserv-skill li.s .side.icon-box{ background-color:#e0dcd4;}
.services-mgserv-skill .icon{ width:70px; height:70px; background:url(../img/icon-201812241533001.png) no-repeat; margin:0 auto; margin-top:30px;}
.services-mgserv-skill li.s2 .icon{ background-position:-80px 0;}
.services-mgserv-skill li.s3 .icon{ background-position:-160px 0;}
.services-mgserv-skill li.s4 .icon{ background-position:-240px 0;}
.services-mgserv-skill li.s5 .icon{ background-position:-320px 0;}
.services-mgserv-skill li.s6 .icon{ background-position:-400px 0;}
.services-mgserv-skill li.s7 .icon{ background-position:-480px 0;}
.services-mgserv-skill li.s8 .icon{ background-position:-560px 0;}
.services-mgserv-skill li.s h3{ text-align:center; font-size:16px; font-weight:400; padding-top:10px;}
.services-mgserv-skill li.s .side.content{ transform:rotateY(180deg) translateZ(1px); -moz-transform:rotateY(180deg) translateZ(1px); -ms-transform:rotateY(180deg) translateZ(1px); -o-transform:rotateY(180deg) translateZ(1px); -webkit-transform:rotateY(180deg) translateZ(1px); background-color:#e0dcd4; text-align:center; font-size:14px; color:#78625c; overflow:hidden;}
.services-mgserv-skill li.s .side.content .detail{ margin-top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0 20px; font-size:14px;}
.services-mgserv-skill li.s:hover .box{ transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
/*medialabserv*********************************************************************************************************/
.services-medialabserv-desc{ min-width:1200px; overflow:hidden;}
.services-medialabserv-desc .com-main{min-height:500px; position:relative;}
.services-medialabserv-desc .bg{ position:absolute; right:-180px; top:0;}
.services-medialabserv-desc article{ width:670px; padding-top:170px;} 
.services-medialabserv-desc .title{ font-size:36px; color:#666; font-weight:400;}
.services-medialabserv-desc article .con{ padding-top:40px;}
.services-medialabserv-desc article p{ line-height:50px; color:#333;}

.services-medialabserv-project{ min-width:1200px;}
.services-medialabserv-project h3{ font-size:22px; font-weight:400; color:#666;}
.services-medialabserv-project .list{ padding-top:35px; min-height:650px;}
.services-medialabserv-project li{ position:relative; overflow:hidden; box-shadow:0 0 10px #ccc; width:290px; height:240px; float:left; margin:5px;}
.services-medialabserv-project li .con{ width:290px; height:240px;}
.services-medialabserv-project li .icon{ width:140px; height:140px; background:url(../img-icon/icon-201812261359001.png) no-repeat; margin:0 auto; margin-top:30px;}
.services-medialabserv-project li.l2 .icon{ background-position:-150px 0;}
.services-medialabserv-project li.l3 .icon{ background-position:-300px 0;}
.services-medialabserv-project li.l4 .icon{ background-position:-450px 0;}
.services-medialabserv-project li.l5 .icon{ background-position:-600px 0;}
.services-medialabserv-project li.l6 .icon{ background-position:-750px 0;}
.services-medialabserv-project li.l7 .icon{ background-position:-900px 0;}
.services-medialabserv-project li.l8 .icon{ background-position:-1050px 0;}
.services-medialabserv-project li h4{ text-align:center; color:#666; font-size:18px; font-weight:400; margin-top:20px;}
.services-medialabserv-project li .pic{ position:absolute; top:0; left:0; width:290px; height:240px; transform:scale(.6,.6); opacity:0; transition:all .3s;}
.services-medialabserv-project li:hover .pic{ transform:scale(1,1); opacity:1;}
/*trainemploymentserv**********************************************************************************/
.services-trainemploymentserv-desc{ min-width:1200px; padding-bottom:60px;}
.services-trainemploymentserv-desc .pic{ width:1200px;}
.services-trainemploymentserv-desc article p{ margin-top:40px; font-size:16px; color:#666; line-height:30px;}
.services-trainemploymentserv-desc aside{ padding-top:40px;}
.services-trainemploymentserv-desc .tagname{ font-size:22px; color:#666;}
.services-trainemploymentserv-desc ul{ padding-top:30px; overflow:hidden;}
.services-trainemploymentserv-desc li{ float:left; width:470px; margin-right:130px;}
.services-trainemploymentserv-desc li h3{ background-color:#e55d19; font-size:16px; color:#fff; width:350px; height:38px; line-height:38px; font-weight:400; padding-left:8px;}
.services-trainemploymentserv-desc li div{ font-size:14px; color:#666; line-height:30px; padding:20px 0;}
/*iacooperation****************************************************************/
.services-iacooperationserv-desc{ min-width:1200px; padding-bottom:60px;}
.services-iacooperationserv-desc .pic{ width:1200px;}
.services-iacooperationserv-desc article p{ margin-top:40px; font-size:16px; color:#666; line-height:30px;}
.services-iacooperationserv-desc .box{ overflow:hidden; padding-top:60px;}
.services-iacooperationserv-desc .listbox{ float:left; width:400px; margin-right:200px;}
.services-iacooperationserv-desc .listbox .title{ color:#108898; font-size:24px; position:relative; line-height:32px; height:32px; padding-left:23px;}
.services-iacooperationserv-desc .listbox .title:before{ height:32px; width:6px; background-color:#108898; top:0; left:0; content:""; position:absolute;}
.services-iacooperationserv-desc .listbox ul{ padding-top:20px;}
.services-iacooperationserv-desc .listbox li{ color:#666; font-size:16px; line-height:30px; padding-left:23px;}
/*profbuildserv**********************************************************************************/
.services-profbuildserv-desc{ min-width:1200px; padding-bottom:60px;}
.services-profbuildserv-desc .pic{ width:1200px;}
.services-profbuildserv-desc article p{ margin-top:40px; font-size:16px; color:#666; line-height:30px;}
.services-profbuildserv-desc ul{ overflow:hidden; padding-top:50px;}
.services-profbuildserv-desc li{ width:292px; height:298px; overflow:hidden; border-radius:290px; background:url(../img/bg-201812261503001.png) no-repeat; margin:0 4px; float:left;}
.services-profbuildserv-desc li h3{ color:#4c417b; font-size:18px; font-weight:400; width:180px; margin:0 auto; margin-top:50px; margin-bottom:20px;}
.services-profbuildserv-desc li p{ width:180px; margin:0 auto; font-size:14px; color:#666; line-height:25px;} 
/*3vserv******************************************************************************************************/
.services-3vserv-banner{ min-width:1200px; background:#e0dcd4; height:800px; position:relative;}
.services-3vserv-banner:before{ content:""; width:100%; min-width:1200px; background:url(../imgs/bg-201812241322001.jpg); height:400px; position:absolute; top:0; left:0;}
.services-3vserv-banner .bg2{ width:100%; position:absolute; min-width:1200px; height:270px; background-color:#fff; opacity:.9; bottom:0; left:0;}
.services-3vserv-banner .bg2:before{ position:absolute; content:""; width:140px; background-color:#e0dcd4; height:270px; right:0;}
.services-3vserv-banner .com-main{ position:relative; z-index:3; text-align:center; padding-top:50px;}
.services-3vserv-banner .com-main img{ margin-left:140px;}

.services-3vserv-intro{ position:relative; z-index:5; padding-bottom:60px; min-width:1200px;}
.services-3vserv-intro .com-main{ margin-top:-350px;}
.services-3vserv-intro .tag{ width:156px; position:relative; height:156px; background-color:#78625c; color:#fff;}
.services-3vserv-intro .tag:before{ content:""; position:absolute; width:34%; height:1px; background-color:#fff; top:50%; left:33%;}
.services-3vserv-intro .tag-top{ text-align:center; font-size:18px; padding-top:45px;}
.services-3vserv-intro .tag-bottom{ text-align:center; font-size:14px; padding-top:20px;}
.services-3vserv-intro .intro{ width:900px; margin:0 auto;}
.services-3vserv-intro .intro h2{ text-align:center;}
.services-3vserv-intro .intro p{ padding-top:25px; font-size:16px; text-align:center; line-height:25px; color:#666;}
.services-3vserv-intro .intro2{ margin-top:50px; position:relative;} 
.services-3vserv-intro .intro2-p{ width:550px; padding:30px 20px; position:absolute; top:0; right:0; font-size:16px; color:#666; line-height:30px; background-color:#fbfbfb; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.services-3vserv-intro .intro2-p h4{ font-weight:400; font-size:18px; color:#333;}
.services-3vserv-intro .intro2-p p{ line-height:50px; color:#666;}

.services-3vserv-effect{ min-width:1200px;}
.services-3vserv-effect h2{ text-align:center;}
.services-3vserv-effect ul{ overflow:hidden; padding-top:45px;}
.services-3vserv-effect li{ width:300px; height:300px; overflow:hidden; position:relative; float:left;}
.services-3vserv-effect .top{ width:300px; height:300px; position:relative; background:url(../img/bg-201812261546001.jpg) no-repeat; background-size:cover; text-align:center; transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}
.services-3vserv-effect li:hover .top{ transform: translateY(-150px) scaleY(0);-moz-transform: translateY(-150px) scaleY(0);-ms-transform: translateY(-150px) scaleY(0);-o-transform: translateY(-150px) scaleY(0);-webkit-transform: translateY(-150px) scaleY(0);}
.services-3vserv-effect .l2 .top{ background-image:url(../img/bg-201812261546002.jpg);}
.services-3vserv-effect .l3 .top{ background-image:url(../img/bg-201812261546003.jpg);}
.services-3vserv-effect .l4 .top{ background-image:url(../img/bg-201812261546004.jpg);}
.services-3vserv-effect .top div{ margin-top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%); width:100%; position:absolute; color:#fff; font-size:22px;}
.services-3vserv-effect .top:before{ position:absolute; content:""; width:66px; height:2px; background-color:#fff; top:189px; left:117px;}
.services-3vserv-effect .bottom{ width:260px; height:260px; transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s; padding:20px; background-color:#78625c; color:#fff; line-height:30px;}
.services-3vserv-effect li:hover .bottom{ transform:translateY(-300px);-moz-transform:translateY(-300px);-ms-transform:translateY(-300px);-o-transform:translateY(-300px);-webkit-transform:translateY(-300px);}

.services-3vserv-course{ min-width:1200px; padding:80px 0; text-align:center;}
.services-3vserv-course .pic{ margin-top:45px;}
/*collteacherserv**********************************************************************************/
.services-collteacherserv-desc{ min-width:1200px; height:630px; background:url(../img/bg-201812261615001.png) no-repeat; background-size:auto 100%; background-position:center; background-color:#f8fcff;}
.services-collteacherserv-desc article{ width:800px; padding-top:150px; color:#fff;}
.services-collteacherserv-desc h1{ font-size:24px; font-weight:400; margin-bottom:30px;}
.services-collteacherserv-desc article p{ line-height:50px;}

.services-collteacherserv-info{ min-width:1200px; background-color:#f8fcff; padding:80px 0;}
.services-collteacherserv-info .com-main{ overflow:hidden;}
.services-collteacherserv-info .pic{ float:left; margin-top:60px;}
.services-collteacherserv-info ul{ float:right; width:645px; margin-right:10px;}
.services-collteacherserv-info li{ margin-bottom:40px; background-color:#fff; padding:20px; box-shadow:0 0 10px #ccc; position:relative; padding-top:90px; color:#666;}
.services-collteacherserv-info li p{ font-size:14px; line-height:35px;}
.services-collteacherserv-info li:before{ content:""; position:absolute; width:50px; height:50px; top:20px; left:20px; background:url(../img-icon/icon-201812261646001.png) no-repeat;}
.services-collteacherserv-info li.l2:before{ background-position:-60px 0;}
.services-collteacherserv-info li.l3:before{ background-position:-120px 0;}
/*newmediaserv*****************************************************************************/
.services-newmediaserv-sec1{ min-width:1200px; padding:60px 0; overflow:hidden;}
.services-newmediaserv-sec1 .com-main{ height:520px; background:url(../img/201812270932001.gif) no-repeat; background-size:auto 100%; background-position:right;}
.services-newmediaserv-sec1 .con{ width:500px; line-height:48px; font-size:18px; color:#666; text-indent:2em;}

.services-newmediaserv-sec2{ min-width:1200px; padding:60px 0; overflow:hidden;}
.services-newmediaserv-sec2 .com-main{ height:520px; background:url(../img/201812270939001.gif) no-repeat; background-size:auto 100%; background-position:left; overflow:hidden;}
.services-newmediaserv-sec2 .con{ width:500px; line-height:48px; font-size:18px; color:#666; float:right; text-indent:2em;}

.services-newmediaserv-sec3{ min-width:1200px; padding:60px 0; overflow:hidden;}
.services-newmediaserv-sec3 .com-main{ height:520px; overflow:hidden;}
.services-newmediaserv-sec3 .pic{ float:right; height:520px;}
.services-newmediaserv-sec3 .con{ width:500px; line-height:48px; font-size:18px; color:#666; text-indent:2em; float:left;}

.services-newmediaserv-service{min-width:1200px; padding:60px 0;}
.services-newmediaserv-service .list{ overflow:hidden;}
.services-newmediaserv-service li{ width:312px; height:150px; overflow:hidden; float:left; margin-right:60px; border:4px solid #fff; padding:30px 20px 20px 20px; position:relative; margin-bottom:60px;}
.services-newmediaserv-service li.first{ border-color:#eef2f5;}
.services-newmediaserv-service .li:before{ position:absolute; width:38px; height:2px; background-color:#17a0f1; content:""; top:70px; left:20px;}
.services-newmediaserv-service .li:after{ position:absolute; width:400px; height:400px; transform:rotate(45deg) translate(-550px,-50px);-moz-transform:rotate(45deg) translate(-550px,-50px);-ms-transform:rotate(45deg) translate(-550px,-50px);-o-transform:rotate(45deg) translate(-550px,-50px);-webkit-transform:rotate(45deg) translate(-550px,-50px); background-color:#fff; top:0; left:0; content:""; transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s; z-index:-1;}
.services-newmediaserv-service .li:hover:after{transform:rotate(45deg) translate(-80px,-50px);-moz-transform:rotate(45deg) translate(-80px,-50px);-ms-transform:rotate(45deg) translate(-80px,-50px);-o-transform:rotate(45deg) translate(-80px,-50px);-webkit-transform:rotate(45deg) translate(-80px,-50px);}
.services-newmediaserv-service li.r{ margin-right:0;}
.services-newmediaserv-service h4{ font-size:18px; color:#17a0f1; font-weight:400;}
.services-newmediaserv-service li p{ font-size:16px; color:#666; margin-top:35px; line-height:30px;}

.services-newmediaserv-service2{min-width:1200px; padding:60px 0;}
.services-newmediaserv-service2 .com-main{ background:url(../img/bg-201812271033001.png) no-repeat; background-size:auto 100%; background-position:center; min-height:430px;}
.services-newmediaserv-service2 ul{ overflow:hidden;}
.services-newmediaserv-service2 li{ width:450px; float:left; height:160px; overflow:hidden; margin-top:30px;}
.services-newmediaserv-service2 li.r{ float:right;}
.services-newmediaserv-service2 h4{ font-size:18px; color:#333; font-weight:400; padding-bottom:10px;}
.services-newmediaserv-service2 p{ font-size:14px; color:#666; line-height:30px;}
/*collproductserv*****************************************************/
.services-collproductserv-banner{ min-width:1200px; height:620px; background:url(../img/bg201812271405001.jpg) no-repeat center;}

.services-collproductserv-info{ min-width:1200px; padding:60px 0;}
.services-collproductserv-info h2{ width:520px; margin:0 auto; text-align:center; position:relative;}
.services-collproductserv-info h2:before{ position:absolute; width:100%; height:2px; background-color:#f3f3f3; top:0; left:0; content:""; top:50%;}
.services-collproductserv-info h2 span{ font-size:28px; color:#666; font-weight:400; background-color:#fff; position:relative; z-index:2; padding:0 40px;}
.services-collproductserv-info .con{ color:#666; padding-top:35px; line-height:30px; padding-bottom:30px;}
.services-collproductserv-info .bg{ height:580px; background:url(../img/bg-201812271413001.jpg) no-repeat center;}

.services-collproductserv-net{ min-width:1200px; padding:60px 0;}
.services-collproductserv-net h2{ width:520px; margin:0 auto; text-align:center; position:relative;}
.services-collproductserv-net h2:before{ position:absolute; width:100%; height:2px; background-color:#f3f3f3; top:0; left:0; content:""; top:50%;}
.services-collproductserv-net h2 span{ font-size:28px; color:#666; font-weight:400; background-color:#fff; position:relative; z-index:2; padding:0 40px;}
.services-collproductserv-net .con{ color:#666; padding-top:35px; line-height:30px; padding-bottom:30px;}
.services-collproductserv-net .con b{ color:#1e9afc; font-weight:400;}
.services-collproductserv-net .bg{ height:580px; background:url(../img/bg-201812271417001.jpg) no-repeat center;}

.services-collproductserv-feature{ min-width:1200px; padding:60px 0; height:654px; background:url(../img/bg-201812271421001.png) no-repeat center;}
.services-collproductserv-feature h2{ width:520px; margin:0 auto; text-align:center; position:relative;}
.services-collproductserv-feature h2:before{ position:absolute; width:100%; height:2px; background-color:#fff; top:0; left:0; content:""; top:50%;}
.services-collproductserv-feature h2 span{ font-size:28px; color:#fff; font-weight:400; background-color:#34a4fc; position:relative; z-index:2; padding:0 75px;}
.services-collproductserv-feature .com-main{ background:url(../img/bg-201812271431001.png) no-repeat; min-height:588px; background-position:0 140px;}
.services-collproductserv-feature .con{ width:480px; padding:50px; background-color:#fff; float:right; margin-top:50px;}
.services-collproductserv-feature .con li{ border-bottom:1px solid #dfdfdf; padding:20px 70px 15px 40px; font-size:14px; color:#333; line-height:23px; position:relative; }
.services-collproductserv-feature .con li:before{ width:27px; height:27px; background:url(../img-icon/icon.png) no-repeat; background-position:0 -27px; content:""; bottom:15px; right:10px; position:absolute;}
/*adserv***********************************************************************/
.services-adserv-banner{ min-width:1200px; background:url(../img/bg-201812271609001.jpg) no-repeat; padding-top:450px; position:relative;}
.services-adserv-banner .bg{ width:90%; position:absolute; top:525px; height:275px; left:0; background-color:#fff; opacity:.5;}
.services-adserv-banner .com-main{ position:relative; z-index:3;}
.services-adserv-banner .tag{ width:156px; position:relative; height:156px; background-color:#78625c; color:#fff;}
.services-adserv-banner .tag:before{ content:""; position:absolute; width:34%; height:1px; background-color:#fff; top:50%; left:33%;}
.services-adserv-banner .tag-top{ text-align:center; font-size:18px; padding-top:45px;}
.services-adserv-banner .tag-bottom{ text-align:center; font-size:14px; padding-top:20px;}
.services-adserv-banner h2{ text-align:center; margin-top:40px;}
.services-adserv-banner .sec1{ line-height:30px; color:#666; text-align:center; padding-top:30px; padding-bottom:50px;}
.services-adserv-banner .sec2{ min-height:400px; background:url(../img/201812271623001.jpg) no-repeat left bottom; position:relative;}
.services-adserv-banner .sec2:before{ content:url(../img/201812271623002.jpg); position:absolute; bottom:0; right:0; height:351px;}
.services-adserv-banner .sec2 article{ width:400px; min-height:400px; box-shadow:0 0 10px #ccc; margin:0 auto; padding-bottom:20px;}
.services-adserv-banner .sec2 h3{ text-align:center; padding:25px;}
.services-adserv-banner .sec2 p{ line-height:30px; margin-top:15px; padding:0 20px; text-indent:2em; color:#666;}
.services-adserv-banner .sec3{ height:460px; background:url(../img/bg-201812271636001.jpg) no-repeat right; margin-top:70px; position:relative;}
.services-adserv-banner .sec3 div{ width:405px; background:#fff; padding:30px; box-shadow:0 0 10px #ccc; position:absolute; top:50%; transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.services-adserv-banner .sec3 p{ color:#666; line-height:30px; margin-bottom:30px; text-indent:2em;}

.services-adserv-intro{ min-width:1200px; padding:80px 0;}
.services-adserv-intro .com-main{ position:relative; min-height:1200px;}
.services-adserv-intro .circlebox{ position:absolute; width:606px; height:606px; left:50%; top:270px; transform:translateX(-50%);}
.services-adserv-intro .circlebox .bg1, .services-adserv-intro .circlebox .bg2{ width:606px; height:606px; background:url(../img/bg-201812271651001.png) no-repeat; position:absolute;}
.services-adserv-intro .circlebox .bg2{ background-image:url(../img/bg-201812271651002.png); z-index:2; background-position:-1px -1px; transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0); transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}
.services-adserv-intro .circlebox .bg2.on2{ transform:rotate(60deg);}
.services-adserv-intro .circlebox .bg2.on3{ transform:rotate(120deg);}
.services-adserv-intro .circlebox .bg2.on4{ transform:rotate(180deg);}
.services-adserv-intro .circlebox .bg2.on5{ transform:rotate(240deg);}
.services-adserv-intro .circlebox .bg2.on6{ transform:rotate(300deg);}
.services-adserv-intro .circlebox .bg3{ background:url(../img/bg-201812271651003.png) no-repeat; width:579px; height:672px; position:absolute; z-index:3; top:-31px; left:14px;}
.services-adserv-intro .li{ width:260px; height:260px; position:absolute; left:470px; padding-top:54px;}
.services-adserv-intro .li.l2{ top:220px; left:920px;}
.services-adserv-intro .li.l3{ top:660px; left:920px;}
.services-adserv-intro .li.l4{ top:950px;}
.services-adserv-intro .li.l5{ top:660px; left:20px;}
.services-adserv-intro .li.l6{ top:220px; left:20px;}
.services-adserv-intro .li .icon{ width:54px; height:54px; background:url(../img-icon/icon-201812271707001.png) no-repeat; top:0; left:103px; position:absolute;}
.services-adserv-intro .li:hover .icon{ background-position:0 bottom}
.services-adserv-intro .li.on .icon{ background-position:0 bottom}
.services-adserv-intro .li.l2 .icon{ background-position:-64px 0;}
.services-adserv-intro .li.l2:hover .icon{ background-position:-64px bottom}
.services-adserv-intro .li.l2.on .icon{ background-position:-64px bottom}
.services-adserv-intro .li.l3 .icon{ background-position:-128px 0;}
.services-adserv-intro .li.l3:hover .icon{ background-position:-128px bottom}
.services-adserv-intro .li.l3.on .icon{ background-position:-128px bottom}
.services-adserv-intro .li.l4 .icon{ background-position:-192px 0;}
.services-adserv-intro .li.l4:hover .icon{ background-position:-192px bottom}
.services-adserv-intro .li.l4.on .icon{ background-position:-192px bottom}
.services-adserv-intro .li.l5 .icon{ background-position:-256px 0;}
.services-adserv-intro .li.l5:hover .icon{ background-position:-256px bottom}
.services-adserv-intro .li.l5.on .icon{ background-position:-256px bottom}
.services-adserv-intro .li.l6 .icon{ background-position:-320px 0;}
.services-adserv-intro .li.l6:hover .icon{ background-position:-320px bottom}
.services-adserv-intro .li.l6.on .icon{ background-position:-320px bottom}
.services-adserv-intro .li h5{ padding:10px 0; text-align:center; font-size:18px; color:#333; font-weight:400;}
.services-adserv-intro .li .con{ font-size:14px; color:#666; line-height:25px; text-align:center;}

/*digmediacenterserv********************************************************************************/
.services-digmediacenterserv-sec1{ position:relative; min-width:1200px; min-height:638px;}
.services-digmediacenterserv-sec1 .left{ left:0; width:50%; height:100%; position:absolute; top:0;}
.services-digmediacenterserv-sec1 .left .pic{ height:100%; float:right;}
.services-digmediacenterserv-sec1 .right{ position:absolute; right:0; width:50%; top:0;}
.services-digmediacenterserv-sec1 .right article{ max-width:650px; padding:160px 130px; color:#666; line-height:30px;}
.services-digmediacenterserv-sec1 .right p{ padding-top:20px; padding-bottom:20px; text-indent:2em;}

.services-digmediacenterserv-sec2{ min-width:1200px; position:relative; padding:180px 0; overflow:hidden; padding-top:260px;}
.services-digmediacenterserv-sec2 .li { float:left;}
.services-digmediacenterserv-sec2 .li img{ width:100%;}
.services-digmediacenterserv-sec2 .left, .services-digmediacenterserv-sec2 .right{ width:33%; position:relative;}
.services-digmediacenterserv-sec2 .mid{ width:34%; position:relative; transform:translateY(-85px)}
.services-digmediacenterserv-sec2 .li h6{ background-color:#fff; font-size:24px; padding:30px; position:absolute; box-shadow:0 0 10px #ccc; font-weight:400; font-family:"楷体"; bottom:0; left:50%; transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);-o-transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%); color:#666;}

	/*v2.0*/
.services-digmediacenterserv2-sec1{ position:relative; min-width:1200px; min-height:500px;}
.services-digmediacenterserv2-sec1 .left{ position:absolute; left:0; width:45%; top:0; overflow:hidden;}
.services-digmediacenterserv2-sec1 .left article{ max-width:500px; padding:120px 0px; color:#666; line-height:30px; float:right;}
.services-digmediacenterserv2-sec1 h1{ font-size:36px; font-weight:400; color:#666;}
.services-digmediacenterserv2-sec1 .left p{ padding-top:50px; padding-bottom:20px; text-indent:2em; color:#666; line-height: 2.5em;}
.services-digmediacenterserv2-sec1 .right{ right:0; width:55%; height:100%; position:absolute; top:0; overflow:hidden;}
.services-digmediacenterserv2-sec1 .right .pic{ height:100%; float:left; margin-left:80px;}

.services-digmediacenterserv2-sec2{ min-width:1200px; overflow:hidden; padding:80px 0;}
.services-digmediacenterserv2-sec2 li{ width:304px; margin-left:69px; float:left; padding:25px; box-shadow:0 3px 10px #ccc; margin-bottom:50px; position:relative;}
.services-digmediacenterserv2-sec2 li.left{ margin-left:0;}
.services-digmediacenterserv2-sec2 .pic{ width:66px; height:66px; background:url(../img-icon/icon-201901100943001.png) no-repeat;}
.services-digmediacenterserv2-sec2 .l2 .pic{ background-position:-76px 0;}
.services-digmediacenterserv2-sec2 .l3 .pic{ background-position:-152px 0;}
.services-digmediacenterserv2-sec2 .l4 .pic{ background-position:-228px 0;}
.services-digmediacenterserv2-sec2 .l5 .pic{ background-position:-304px 0;}
.services-digmediacenterserv2-sec2 .l6 .pic{ background-position:-380px 0;}
.services-digmediacenterserv2-sec2 h3{ padding:30px 0; font-size:20px; color:#666; font-weight:400;}
.services-digmediacenterserv2-sec2 .con{ color:#999; line-height:25px;}
.services-digmediacenterserv2-sec2 li .img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s; opacity:0; transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);-webkit-transform:scale(.8,.8);}
.services-digmediacenterserv2-sec2 li:hover .img{ opacity:1; transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);}

.services-digmediacenterserv2-sec3{ min-width:1200px; padding:60px 0; overflow:hidden;}
.services-digmediacenterserv2-sec3 .left{ width:40%; float:left; backgr ound: #888;}
.services-digmediacenterserv2-sec3 .left article{ width:500px; float:right; margin-right:55px;}
.services-digmediacenterserv2-sec3 .left  p{ margin-top:60px; line-height:40px; color:#666;text-indent:2em;}
.services-digmediacenterserv2-sec3 .right{ width:55%; float:left; }
/*eduonlineserv***********************************************************************/
.services-eduonlineserv-desc{ min-width:1200px; padding-bottom:60px;}
.services-eduonlineserv-desc .pic{ width:1200px;}
.services-eduonlineserv-desc article p{ margin-top:40px; font-size:16px; color:#666; line-height:30px;}
.services-eduonlineserv-desc .list{ padding-top:40px;}
.services-eduonlineserv-desc .list h3{ height:54px; background:url(../img/bg-201812281646001.png) no-repeat; background-position:left; line-height:54px; padding-left:45px; color:#fff; font-size:24px; font-weight:400;}
.services-eduonlineserv-desc .list ul{ overflow:hidden;}
.services-eduonlineserv-desc .list li{ float:left; width:600px; margin-top:38px;}
.services-eduonlineserv-desc .list h4{ font-size:24px; font-weight:400; padding-left:20px; height:32px; line-height:32px; position:relative; color:#9899ef;}
.services-eduonlineserv-desc .list h4:before{ position:absolute; width:6px; height:32px; top:0; left:0; background-color:#9899ef; content:"";}
.services-eduonlineserv-desc .list .con{ padding-left:20px; padding-top:20px;}
.services-eduonlineserv-desc .list p{ line-height:30px; color:#666;}
/*archbimserv**************************************************************************/
.com-services-archbimserv-title{ font-size:24px; color:#151869; text-align:center; font-weight:400; position:relative; padding:15px 0;}
.com-services-archbimserv-title:before{ content:""; position:absolute; width:40px; height:2px; background-color:#006fff; bottom:0px; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.services-archbimserv-banner{ height:600px; min-width:1200px; overflow:hidden; background:url(../img/bg-201901071409001.jpg) no-repeat center;}

.services-archbimserv-info{ min-width:1200px; position:relative; margin-top:-170px; padding-bottom:80px;}
.services-archbimserv-info .con{ width:1080px; box-shadow:0 3px 15px #ccc; margin:0 auto; border-radius:5px; padding-top:20px; background-color:#fff; padding-bottom:325px;}
.services-archbimserv-info .content{ width:650px; margin:0 auto; padding-top:30px; text-align:center; line-height:30px;}
.services-archbimserv-info .content p{ font-size:14px; color:#666;}
.services-archbimserv-info .list{ height:255px; background-color:#006fff; border-radius:5px; position:relative; margin-top:-285px;}
.services-archbimserv-info .list .l{ width:400px; float:left; position:relative;}
.services-archbimserv-info .list .l:before{ content:""; position:absolute; width:60px; height:90px; background:url(../img-icon/icon-201901071441001.png) no-repeat; left:30px; top:82px;}
.services-archbimserv-info .list .l.l2:before{ background-position:-70px 0;}
.services-archbimserv-info .list .l.l3:before{ background-position:-140px 0;}
.services-archbimserv-info .list ul{ padding-left:150px; padding-top:40px;}
.services-archbimserv-info .list li{ color:#fff; line-height:30px;}
.services-archbimserv-info .list .first{ font-size:24px; line-height:60px;}

.services-archbimserv-tech{ min-width:1200px; position:relative; padding-bottom:60px;}
.services-archbimserv-tech .con{ width:860px; margin:0 auto; padding-top:25px; text-align:center;}
.services-archbimserv-tech .con p{ font-size:14px; color:#666; line-height:30px;}
.services-archbimserv-tech .imgs{ overflow:hidden; padding-top:30px;}
.services-archbimserv-tech img{ float:left; width:350px; margin-left:75px;}
.services-archbimserv-tech .pic{ margin-left:0;}
/*archvrserv**************************************************************/
.services-archvrserv-banner{ height:600px; min-width:1200px; overflow:hidden; background:url(../img/bg-201901071507001.jpg) no-repeat center;}

.services-archvrserv-info{ min-width:1200px; position:relative; margin-top:-170px; padding-bottom:80px;}
.services-archvrserv-info .con{ width:1080px; box-shadow:0 3px 15px #ccc; margin:0 auto; border-radius:5px; padding-top:20px; background-color:#fff; padding-bottom:325px;}
.services-archvrserv-info .content{ width:650px; margin:0 auto; padding-top:30px; text-align:center; line-height:30px;}
.services-archvrserv-info .content p{ font-size:14px; color:#666;}
.services-archvrserv-info .list{ height:255px; background-color:#006fff; border-radius:5px; position:relative; margin-top:-285px;}
.services-archvrserv-info .list .l{ width:400px; float:left; position:relative;}
.services-archvrserv-info .list .l:before{ content:""; position:absolute; width:60px; height:90px; background:url(../img-icon/icon-201901071441001.png) no-repeat; left:30px; top:82px;}
.services-archvrserv-info .list .l.l2:before{ background-position:-70px 0;}
.services-archvrserv-info .list .l.l3:before{ background-position:-140px 0;}
.services-archvrserv-info .list ul{ padding-left:150px; padding-top:40px;}
.services-archvrserv-info .list li{ color:#fff; line-height:30px;}
.services-archvrserv-info .list .first{ font-size:24px; line-height:60px;}

.services-archvrserv-tech{ min-width:1200px; position:relative; padding-bottom:60px;}
.services-archvrserv-tech .con{ width:860px; margin:0 auto; padding-top:25px; text-align:center;}
.services-archvrserv-tech .con p{ font-size:14px; color:#666; line-height:30px;}
.services-archvrserv-tech .imgs{ overflow:hidden; padding-top:60px;}
.services-archvrserv-tech img{ float:left; width:600px;}
.services-archvrserv-tech .pic{ margin-left:0;}
.services-archvrserv-tech ul{ overflow:hidden; padding-top:40px; padding-left:45px; width:555px;}
.services-archvrserv-tech li{ position:relative; padding-left:28px; color:#00448f; font-size:18px;}
.services-archvrserv-tech li h3{ font-size:18px; font-weight:400;}
.services-archvrserv-tech li:before{ content:""; height:22px; width:4px; background-color:#00448f; position:absolute; top:2px; left:0;}
.services-archvrserv-tech li.l2{ margin-top:80px;}
.services-archvrserv-tech li div{ line-height:30px; padding-top:20px; color:#666;}

/*archexpserv**************************************************************/
.com-services-archexpserv-title{ font-size:24px; color:#fff; text-align:center; font-weight:400; position:relative; padding:15px 0;}
.com-services-archexpserv-title:before{ content:""; position:absolute; width:40px; height:2px; background-color:#fff; bottom:0px; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.com-services-archexpserv-title2{ font-size:24px; color:#00448f; text-align:center; font-weight:400; position:relative; padding:15px 0;}
.com-services-archexpserv-title2:before{ content:""; position:absolute; width:40px; height:2px; background-color:#00448f; bottom:0px; left:50%; transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);}

.services-archexpserv-banner{ height:600px; min-width:1200px; overflow:hidden; background:url(../img/bg-201901071604001.jpg) no-repeat center;}

.services-archexpserv-info{ min-width:1200px; position:relative; margin-top:-170px; padding-bottom:80px;}
.services-archexpserv-info .com-main{ margin-top:-270px; background-color:#00448f; padding-bottom:60px;}
.services-archexpserv-info .con{ width:890px; margin:0 auto;  padding-top:20px; }
.services-archexpserv-info .content{ width:880px; margin:0 auto; padding-top:30px; text-align:center; line-height:30px;}
.services-archexpserv-info .content p{ font-size:14px; color:#fff;}
.services-archexpserv-info .list{ overflow:hidden; padding-top:60px; position:relative;}
.services-archexpserv-info .list li{ width:400px; float:left; position:relative;}
.services-archexpserv-info .list li:before{ content:""; width:55px; height:55px; background:url(../img-icon/icon-201901071613001.png) no-repeat; position:absolute; top:0; left:172px;}
.services-archexpserv-info .list li{ font-size:20px; color:#fff; font-weight:400; text-align:center; padding-top:80px;}
.services-archexpserv-info .list li.l2:before{ background-position:-65px 0;}
.services-archexpserv-info .list li.l3:before{ background-position:-130px 0;}

.services-archexpserv-tech{ min-width:1200px; position:relative; padding-bottom:60px;}
.services-archexpserv-tech .con{ width:860px; margin:0 auto; padding-top:25px; text-align:center;}
.services-archexpserv-tech .con p{ font-size:14px; color:#00448f; line-height:30px;}
.services-archexpserv-tech ul{ width:100%; overflow:hidden; padding-top:30px;}
.services-archexpserv-tech li{ float:left; width:380px; margin:10px; box-shadow:0 0 10px #ccc;}
.services-archexpserv-tech li img{ width:100%;}
.services-archexpserv-tech li h3{ padding:20px 0; text-align:center; font-size:22px; color:#666; font-weight:400;}

.services-archexpserv-desc{ min-width:1200px; position:relative; height:323px; overflow:hidden; background:url(../img/bg-201901071627001.jpg) no-repeat center;}
.services-archexpserv-desc .con{ width:1080px; color:#fff;}
.services-archexpserv-desc .con p{ font-size:14px; line-height:30px; margin-top:40px;}
/*archroamserv**************************************************************/
.services-archroamserv-banner{ height:600px; min-width:1200px; overflow:hidden; background:url(../img/bg-201901080929001.jpg) no-repeat center;}

.services-archroamserv-info{ min-width:1200px; position:relative; margin-top:-170px; padding-bottom:80px;}
.services-archroamserv-info .com-main{ margin-top:-270px; background-color:#00448f; padding-bottom:60px;}
.services-archroamserv-info .con{ width:890px; margin:0 auto;  padding-top:20px; }
.services-archroamserv-info .content{ width:880px; margin:0 auto; padding-top:30px; text-align:center; line-height:30px;}
.services-archroamserv-info .content p{ font-size:14px; color:#fff;}
.services-archroamserv-info .list{ overflow:hidden; padding-top:60px; position:relative;}
.services-archroamserv-info .list li{ width:240px; float:left; position:relative;}
.services-archroamserv-info .list li:before{ content:""; width:55px; height:55px; background:url(../img-icon/icon-201901071613002.png) no-repeat; position:absolute; top:0; left:92px;}
.services-archroamserv-info .list li{ font-size:20px; color:#fff; font-weight:400; text-align:center; padding-top:80px;}
.services-archroamserv-info .list li.l2:before{ background-position:-65px 0;}
.services-archroamserv-info .list li.l3:before{ background-position:-130px 0;}
.services-archroamserv-info .list li.l4:before{ background-position:-195px 0;}
.services-archroamserv-info .list li.l5:before{ background-position:-260px 0;}

.services-archroamserv-tech{ min-width:1200px; position:relative; padding-bottom:60px;}
.services-archroamserv-tech .con{ width:860px; margin:0 auto; padding-top:25px; text-align:center;}
.services-archroamserv-tech .con p{ font-size:14px; color:#00448f; line-height:30px;}
.services-archroamserv-tech .imgs{ overflow:hidden; padding-top:60px;}
.services-archroamserv-tech img{ float:left; width:600px;}
.services-archroamserv-tech .pic{ margin-left:0;}
.services-archroamserv-tech ul{ overflow:hidden; padding-top:40px; padding-left:45px; width:555px;}
.services-archroamserv-tech li{ position:relative; padding-left:28px; color:#00448f; font-size:18px;}
.services-archroamserv-tech li h3{ font-size:18px; font-weight:400;}
.services-archroamserv-tech li:before{ content:""; height:22px; width:4px; background-color:#00448f; position:absolute; top:2px; left:0;}
.services-archroamserv-tech li.l2{ margin-top:80px;}
.services-archroamserv-tech li div{ line-height:30px; padding-top:20px; color:#666;}