﻿@charset "utf-8";
/* CSS Document */


.mzgdh{ border:1px solid #fb6e9a; width:1098px; height:53px; line-height:53px; margin:0 auto 30px;}
.mzgdh span{ display:block; padding-left:35px; float:right; width:250px; background:url(../images/mzgdh_pic02.png) no-repeat 0 center;}
.mzgdh span big{ color:#ec505e;}
.mzgdh p{ background:url(../images/mzgdh_pic01.png) no-repeat 0 center; margin-left:28px; padding-left:30px;}


.ibox1{ margin:30px auto;}
.ibox1_sdksrk{ width:818px; float:left;}
.ibox1_ltitle{ width:800px; border-bottom:2px solid #d7d7d7; height:40px;}
.ibox1_ltitle h2{ width:200px; line-height:30px; font-size:22px; font-weight:normal; color:#fc6b95;}
.ibox1_ltitle .souso{ float:right; border:1px solid #d7d7d7; width:250px; height:30px; border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; -webkit-border-radius:16px; position:relative;line-height: 30px;}
.ibox1_ltitle .souso .syk{ width:100%; border:none; background:none; padding-left:6px; color:#6b6a6a; line-height:30px;height:30px;}
.ibox1_ltitle .souso .an{ width:84px; height:32px; position:absolute; top:-1px; right:-1px; background:#6b6a6a; border-radius:16px; -moz-border-radius:16px; -ms-border-radius:16px; -o-border-radius:16px; -webkit-border-radius:16px; color:#fff; font-size:16px; cursor:pointer;}

.ibox1left{ width:341px; margin-right:20px;}
.ibox1left dl{ width:100%; height:65px; margin-top:20px; overflow:hidden;}
.ibox1left dt{ width:65px; height:59px; text-align:center; line-height:26px; background:#fc6b95; color:#fff; font-size:22px; float:left; padding-top:6px;}
.ibox1left dd{ width:276px; float:left;}
.ibox1left dd a{ display:block; line-height:32px; float:left; background:#f4f4f4; margin:0 0 1px 1px; padding:0 6px; color:#6b6a6a;}
.ibox1left dd a:hover,.ibox1left dd a.ts:hover{ color:#fff; background:#fc6b95;}
.ibox1left dd a.ts{ color:#ec505e; background:#fcd6d6;}

.ibox1center{ width:453px; padding-top:10px;}
.ibox1center dl{width:77px; height:100px; float:left; position:relative; overflow:hidden; margin:10px 13px 0 0;}
.ibox1center dl dt{color:#fff;text-align:center;line-height:29px; background:#fc6b95; padding:1px;}
.ibox1center dl dt a{ color:#fff;}
.ibox1center dl dd{color:#fff;text-align:center;line-height:29px; background:#ec505e; padding:1px;position:absolute;top:-255px;left:0px;}
.ibox1center dl dd a{ color:#fff;}
.ibox1center dl span{ display:block;}

.ibox1right{ width:280px;}




/*专家团队*/
.ibox2{ margin-top:30px; height:514px;}
.ibox2 h2{ border-bottom:2px solid #d7d7d7; font-size:22px; color:#fc6b95; font-weight:normal; line-height:40px;}


.ibox2 .thumb{ position:relative; height:76px; overflow:hidden;}
.ibox2 .thumb ul{ width:1100px; position:absolute;}
.ibox2 .thumb ul li{ float:left; width:173px; height:74px; border:1px solid #d7d7d7; cursor:pointer; margin-right:10px;}
.ibox2 .thumb ul li span{ display:block; float:left; margin-right:8px;}
.ibox2 .thumb ul li p{ font-size:16px; line-height:22px; padding-top:15px;}
.ibox2 .thumb ul li.cur{ border:1px solid #fd6a96; background:#fd6a96; color:#fff;}

.ibox2 .expert span.prev,.ibox2 .expert span.next { top:157px; }
.ibox2 span.prev,.ibox2 span.next {display: block; position: absolute; width:65px; height:65px; background:url(../images/sprite_bg1.png) no-repeat; overflow: hidden; cursor: pointer; z-index: 100; opacity:0.5; }
.ibox2 span.prev { background-position: -191px top; top: 125px; left:30px; }
.ibox2 span.next { background-position: -216px top; top: 125px; right:30px; }
.ibox2 .person { height: 378px; width:1100px; position: relative; margin: 0 auto 20px; overflow: hidden; }
.ibox2 .person ul { height: 302px; position: absolute; }
.ibox2 .person li { width:1100px; float: left; position: relative; }
.ibox2 .person li dt{ width:310px; height:378px;  float:left;}
.ibox2 .person li dd{ width:789px; height:377px;  float:left; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.ibox2 .person li dd h3{ font-size:32px; padding-left:32px; line-height:84px; color:#fd6a96; padding-top:10px;}
.ibox2 .person li dd h3 small{ font-size:20px; font-weight:normal; border-left:4px solid #fd6a96; padding:5px 0 2px;}
.ibox2 .person li dd p{ height:100px; padding:0 42px 0 32px; line-height:30px; color:#4d4c4c; font-size:16px;}
.ibox2 .person li dd p big{ background:#4d4c4c; color:#fff; border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; padding:2px 13px; font-size:16px; margin-right:5px;}
.ibox2 .person li dd span{ display:block; padding-left:32px; color:#ec505e; height:110px;}
.ibox2 .person li dd span big{ display:block; float:left; line-height:38px; width:278px; padding-left:22px; background:url(../images/i2_pic3.jpg) no-repeat 0 center;}
.ibox2 .person li dd .an{ text-align:center;}
.ibox2 .person li dd .an a{ height:24px; line-height:24px; padding:10px 18px; border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; font-size:18px; color:#fff; margin:0 10px;}
.ibox2 .person li dd .an a.a1{ background:#81bb0e;}
.ibox2 .person li dd .an a.a2{ background:#fc6b95;}
.ibox2 .person li dd .an a img{ margin-right:8px;}
.expert { position: relative; width: 100%; height: 100%; }


/*横条轮播广告*/
.ibox3{ height:165px; margin:30px auto; position:relative;}
.ibox3 .num{ position:absolute; bottom:12px; left:48%;}
.ibox3 .num li{ width:11px; height:11px; float:left; margin-right:8px; text-indent:50px; overflow:hidden; border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; background:#929292;}
.ibox3 .num li.on{ background:#fc6b95;}
.ibox3 .slider li{ display:none;}


/*案例环境设备*/
.ibox4{ margin-bottom:40px;}
.ibox4-t{ height:60px;}
.ibox4-t ul li{ display:block; width:105px; height:40px; line-height:40px; text-align:center; color:#fff; background:#4d4c4c; float:left; margin-right:5px;}
.ibox4-t ul li.kjy_a{ background:#fc6b95;}
.ibox4-yyhj,.ibox4-aljq{ width:1100px; height:424px; background:#fbfbfc;}
.ibox4-yyhj ul,.ibox4-aljq ul{ padding:25px 0 0 25px;}
.ibox4-yyhj ul li,.ibox4-aljq ul li{  position: relative;  float: left; margin-right:25px; margin-bottom:25px;}
.ibox4-yyhj ul li img,.ibox4-aljq ul li img{  width: 190px;  transition:0.1s transform;  transform: translateZ(0);  /* hack */}
.ibox4-yyhj ul li:hover,.ibox4-aljq ul li:hover{ z-index: 1;}
.ibox4-yyhj ul li:hover img,.ibox4-aljq ul li:hover img{ transform: scale(2,2);  transition:0.3s transform;}



