@charset "utf-8";

.banner{ height:499px; overflow:hidden; position:relative; z-index:11;}
.banner .bd{ height:499px;}
.banner .bd li{ height:499px;}
.banner .hd{ position:absolute; bottom:12px; width:100%; z-index:111; left:0px; text-align:center;}
.banner .hd ul li{ display:inline-block; line-height:999px; overflow:hidden; width:15px; opacity:0.8; cursor:pointer; height:15px; border-radius:50%; background:#fff; margin:0 4px;}
.banner .hd ul li.on{ background:#4bcdd9; border-color:#4bcdd9;}

/***首页服务范围***/
.catelist{ overflow:hidden; text-align:center;}
.catelist li{ display:inline-block; width:200px; margin:0 5px; }
.catelist li img{ display:block; margin-bottom:15px; width:198px; height:198px; border:1px solid #66b9af;}
.catelist li h2{ font-weight:normal; font-size:14px; color:#333;}
.catelist li p{ font-size:12px; color:#888;}


/***服务范围***/
.servicebox{ background:#f6f6f6; overflow:hidden; padding:35px 0;}
.title{ text-align:center; overflow:hidden; position:relative; margin-bottom:30px;}
.title:after{ position:absolute; width:252px; height:1px; background:#ccc; left:50%; margin-left:-127px; top:16px; content:'';}
.title label{background:#f6f6f6; position:relative; z-index:1; padding:0 12px; font-size:22px; color:#666666;}
.title span{ display:block; font-size:16px; color:#666666;}
.cate{ margin-left:-15px;}
.cate li{ float:left; width:20%; background:#fff; height:288px; box-sizing:border-box; -webkit-box-sizing:border-box; border-left:15px solid #f6f6f6; text-align:center;transition:all .5s; -webkit-transition:all .5s;}
.cate li .pic{ height:178px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s;}
.cate li h2{ font-size:16px; padding-top:15px; line-height:15px;}
.cate li p{ font-size:12px; color:#999999; line-height:18px; padding:12px; padding-top:0px;}
.cate li.li0 .pic{ background:#2eafbb url(m1.png) no-repeat center;}
.cate li.li1 .pic{ background:#2eafbb url(m2.png) no-repeat center;}
.cate li.li2 .pic{ background:#2eafbb url(m3.png) no-repeat center;}
.cate li.li3 .pic{ background:#2eafbb url(m4.png) no-repeat center;}
.cate li.li4 .pic{ background:#2eafbb url(m5.png) no-repeat center;}
.cate li:hover{ transform:translateY(-20px); -webkit-transform:translateY(-20px);}
.cate li.li0:hover .pic{ background:#fff url(m1on.png) no-repeat center;}
.cate li.li1:hover .pic{ background:#fff url(m2on.png) no-repeat center;}
.cate li.li2:hover .pic{ background:#fff url(m3on.png) no-repeat center;}
.cate li.li3:hover .pic{ background:#fff url(m4on.png) no-repeat center;}
.cate li.li4:hover .pic{ background:#fff url(m5on.png) no-repeat center;}

.casebox{ background:url(bg.jpg) no-repeat center; padding:35px 0; overflow:hidden;}
.casebox .title label{color:#fff; background:url(bg.jpg) center top;}
.casebox .title span{color:#fff;}
.piclist{ overflow:hidden; margin-left:-10px;}
.piclist li{ float:left; width:288px; height:230px; margin-left:12px; margin-bottom:12px; border:1px solid #fff; overflow:hidden; position:relative;}
.piclist li a{ height:100%; display:block;}
.piclist li img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;transition:all 4s; -webkit-transition:all 4s;}
.piclist li div{ background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; z-index:111; left:0px; top:0px; text-align:center; display:table;  color:#fff; opacity:0; z-index:-1; transition:all .4s ease-in; -webkit-transition:all .4s ease-in;}
.piclist li div span{ display:table-cell; vertical-align:middle; font-size:22px;transition:all .3s; -webkit-transition:all .3s; transform:scale(0); -webkit-transform:scale(0);}
.piclist li:hover div{ opacity:1;z-index:2;}
.piclist li:hover span{ transform:scale(1); -webkit-transform:scale(1); transition-delay:0.3s;}
.piclist li:hover img{ transform:scale(1.3);-webkit-transform:scale(1.3);}

/***同舟介绍***/
.aboutbox{ background:#f9f9f9; padding:35px 0; overflow:hidden;}
.aboutList{ margin-left:-17px;}
.aboutList li{ float:left; width:287px; margin-left:17px; text-align:center;}
.aboutList li img{ display:block; width:287px; height:362px; transition:all 0.4s; -webkit-transition:all 0.4s;}
.aboutList li h2{ font-weight:normal; font-size:18px; color:#333; margin-bottom:8px; border-bottom:2px solid #4bcdd9; display:inline-block; padding-bottom:5px;}
.aboutList li .text{ height:50px; line-height:18px; color:#666666;}
.aboutList li .click{ padding:4px 25px; background:#4bcdd9; color:#fff;}
.aboutList li:hover img{ opacity:0.8;}

/****合作伙伴****/
.painter{ padding:35px 0; overflow:hidden;}
.painter .title label{ background:#fff;}
.painter .painterList{ margin-left:-15px;}
.painter .painterList li{ float:left; border:1px solid #ddd; width:156px; height:100px; margin-left:15px; margin-bottom:15px; text-align:center;transition:all 0.4s; -webkit-transition:all 0.4s;}
.painter .painterList li a{ display:table; width:100%; height:100%;}
.painter .painterList li span{ display:table-cell; vertical-align:middle;}
.painter .painterList li span img{ max-width:100%; max-height:100%;}
.painter .painterList li:hover{ border:1px solid #4bcdd9;}

/***关于我们***/
.topimg .warp{ position:relative; height:100%;}
.leftcate{ position:absolute; bottom:0px; left:0px;}
.leftcate li{ float:left; min-width:100px; text-align:center; position:relative; height:40px;}
.leftcate li a{ display:block; height:40px; line-height:40px; background:#4bcdd9; color:#fff; position:absolute; width:100%; left:0px; bottom:0px; transition:all .3s; -webkit-transition:all .3s;}
.leftcate li a.on{ height:100px; line-height:100px;}

.aboutleft{ float:left; width:596px;}
.aboutleft .text{line-height:27px;color:#333; margin-top:20px; border-bottom:1px dotted #ddd; height:235px; overflow:hidden;}

.tit h2{font-size: 26px;color: #333;font-weight: normal;}
.tit p{font-size:16px;color:#333; margin-top:1PX;}
.tit .line{height:1px; overflow:hidden; width:78px; background:#43bcc7; margin-top:-10px;}

.cate.ny{ margin-top:40px;}
.cate.ny .pic{ height:150px;}
.cate.ny li{ border-color:#fff; height:230px;}
.cate.ny li h2{color:#43bcc7;}

.aboutys{ height:540px; overflow:hidden; background:url(4.jpg) no-repeat center top;}
.aboutys .left{ width:524px; float:left;}
.aboutys .left h2{ font-size:22px; font-weight:normal;  display:block;}
.aboutys .left p{ line-height:22px; margin:0px; padding:0px; color:#171717;}
.aboutys .left p b{ display:block; margin-top:30px;}
.aboutys .img{ float:right;}

/****人才招聘***/
.job{ overflow:hidden; padding:60px 0;}
.job p{ margin:0px;}
.job .jobleft{ float:left; width:602px;}
.job .jobleft .tit2{ border-bottom:1px solid #eee; padding-bottom:5px; }
.job .jobleft .tit2 p{font-weight:normal; font-size:16px; color:#43bcc7;text-transform : uppercase}
.job .jobleft .tit2 h2{ font-weight:normal; font-size:20px; color:#333;}
.job .jobleft .text{ margin-top:10px; line-height:24px; margin-bottom:30px; color:#333;}
.job .jobleft .text img{ display:block; margin-top:5px;}
.job .img{ float:right;}

/****解决方案***/
.jjfaList{ overflow:hidden;}
.jjfaList li{ overflow:hidden; padding:35px 0; position:relative; }
.jjfaList li .fl{ float:left; display:table; width:50%; min-height:228px;}
.jjfaList li .fr{ float:right; display:table; width:50%; min-height:228px;}
.jjfaList li.li1,.jjfaList li.li3,.jjfaList li.li5,.jjfaList li.li7,.jjfaList li.li9{ background:#f6f6f6;}
.jjfaList li img{ display:block; margin:0 auto;}
.jjfaList li .box{ display:table-cell; vertical-align:middle;}
.jjfaList li .box h2{ font-weight:normal; font-size:20px; color:#43bcc7;}
.jjfaList li .box .text{ padding:15px 0; line-height:25px; color:#333; font-size:14px;}
.jjfaList li .box .a1{color:#f60;}

/****内容****/
.tit3{ overflow:hidden;}
.tit3 h2{ font-size:18px; color:#333;}
.rcbox{ line-height:25px; color:#333; font-size:14px; overflow:hidden; min-height:500px;}
.rcbox .t{ text-align:center; font-weight:20px; margin:35px 0; border-bottom:1px solid #eee; padding-bottom:12px;}
.cate2{ padding:30px 0; overflow:hidden;}
.cate2 li{ float:left; margin-right:12px;}
.cate2 li a{ padding:10px; background:#4bcdd9; color:#fff;}


/***样片***/
.ypbox{ background:url(yangpianbg.jpg) repeat-x top; overflow:hidden;}
.yp2{ width:938px; height:516px; margin:35px auto; position:relative; background:url(c6.jpg) no-repeat;}
.yp2 .akf{ position:absolute; bottom:10px; left:380px;}
.yp2 .akf a{ float:left; width:100px; height:40px; line-height:40px; margin-right:10px; color:#fff; background:#4bcdd9; text-align:center;}

/***服务范围***/
.service{ background:url(z1.jpg) no-repeat center top; padding:35px 0; overflow:hidden;}
.service ul{ margin-left:-64px;}
.service li{ float:left; width:252px; height:358px; margin-left:64px; box-shadow:#000 1px 0 10px; background:#464646; text-align:center; position:relative;}
.service li .text{ color:#9f9f9f; padding:0 12px;}
.service li h4{ font-weight:normal; font-size:12px; text-align:center; width:100%; position:absolute; bottom:30px; left:0px; color:#fff;}
.service li i{ display:block; height:190px; transition:all .5s; -webkit-transition:all .5s;}
.service li.li0 i{ background:url(ic1.png) no-repeat center;}
.service li.li1 i{ background:url(ic2.png) no-repeat center;}
.service li.li2 i{ background:url(ic3.png) no-repeat center;}
.service li.li3 i{ background:url(ic4.png) no-repeat center;}
.service li:hover i{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.cate.se li{border-color:#fff; background:#f2f2f2;}
.cate.se li:hover{ background:#fff;}


/***联系我们***/
.contaceList{ overflow:hidden;}
.contaceList li{ float:left; text-align:center; width:279px; color:#fff; height:224px; position:relative; margin-left:180px; background:#666666; overflow:hidden; transition:background-color .3s; -webkit-transition:background-color .3s;}
.contaceList li h2{ font-size:18px; font-weight:normal; padding:15px 0; margin-top:15px;}
.contaceList li p{ line-height:25px; padding:0 30px; margin:0px;}
.contaceList li .s1{ background:#ffffff; color:#24caff; text-align:center; padding:5px 25px; font-size:14px; position:absolute; bottom:30px; left:50%; margin-left:-51px;}
.contaceList li:hover{ background:#40b5c0;}
.clear.line{ height:1px; border-top:1px dotted #ddd; margin:35px 0;}
*:focus{ outline:none;}
.gongjiao{ float:left; width:570px; overflow:hidden; color:#333; line-height:23px;}
.book{float:right; width:517px;}
.book table{ width:100%;}
.book table td{ padding:5px 10px;}
.book table td .intxt{ border:1px solid #eee; transition:border-color .3s; -webkit-transition:border-color .3s; padding:10px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; outline:none; font-family:Microsoft Yahei;}
.book table td .intxt:hover{ border-color:#40b5c0;}
.book table td .btn{ width:120px; height:45px; border:0px; background:#40b5c0; color:#fff; font-size:14px;font-family:Microsoft Yahei; cursor:pointer; transition:all .3s; -webkit-transition:all .3s;}
.book table td .btn:hover{ background:#3dc7d4;}

/****案例***/
.cate3{ overflow:hidden; margin-left:-15px;}
.cate3 li{ float:left; margin-left:15px; margin-bottom:15px;}
.cate3 li a{ display:block; height:40px; line-height:40px; text-align:center; color:#fff; overflow:hidden; background:#4bcdd9; width:187px; transition:background-color .3s; -webkit-transition:background-color .3s;}
.cate3 li a:hover{ background:#f60;}

.proList{ overflow:hidden; margin-top:20px;}
.proList li{ float:left; padding:22px; background:#fff; overflow:hidden; margin-left:83px; margin-bottom:60px; transition:all 0.3s; -webkit-transition:all 0.3s;  }
.proList li h2{ font-weight:normal; font-size:18px; height:18px; line-height:18px; overflow:hidden;color:#333;}
.proList li .text{ height:50px; line-height:50px; overflow:hidden;font-size:14px; color:#888; margin:0px;}
.proList li .pic{ margin:0px; width:300px; height:240px; position:relative; margin-top:5px; overflow:hidden;}
.proList li .pic img{ width:300px; height:240px; position:absolute; left:0px; top:0px; transition:all 5s; -webkit-transition:all 5s;}
.proList li .p2{ width:60px; height:30px; background:url(more.png) no-repeat; margin:0px; margin-top:20px;}
.proList li .pic:after{ width:100%; height:100%; background:rgba(0,0,0,0.6) url(play.png) no-repeat center; left:0px; top:0px; position:absolute; opacity:0; content:''; z-index:-1;transition:all 0.3s; -webkit-transition:all 0.3s; }
.proList li:hover .pic img{ transform:scale(1.3); -webkit-transform:scale(1.3);}
.proList li:hover{ box-shadow:#ddd 1px 1px 10px;}
.proList li:hover .pic:after{ z-index:11;opacity:5;}

.pagelist{ text-align:center; margin-bottom:45px;}
.pagelist a,.pagelist span{ padding:10px 15px; background:#fff; color:#333;}
.pagelist a.on{ background:#3dc7d4; color:#fff;}
.pagelist a:hover{background:#3dc7d4; color:#fff;}