@charset "utf-8";

/* Banner */

.banner { position:relative; width:100%; overflow:hidden; z-index:3; }

.banner .bd { zoom:1; }



/* 主体 */

.header{ position:relative; border-bottom:1px solid #666;}

.header .nav{ margin-top:10px;}

.container { position:relative; }

.wrap { position:relative; width:1200px; margin:0 auto; }

.wrap1 { position:relative; width:96%; margin:0 auto; }

.sidebar { }

.wrap .main { display:block; overflow:hidden; *zoom:1; padding:10px 0 0; }

.wrapBt { height:0; background:none; overflow:hidden; clear:both; }



/* 左侧栏目标题 */

.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333  }

.leftTitle i,.leftTitle s { display:block; text-align:center; }

.leftTitle i { font-size:24px; line-height:48px; font-weight:normal; color:#d3cece; font-style: normal; background:url(sider-hd.png) no-repeat center bottom; margin-bottom: 5px; }

.leftTitle s { color:#d3cece; font:18px/24px arial; text-decoration:none; text-transform:capitalize; }



/* 二级、三级菜单 */

.menu ul { zoom:1; padding:20px 0; text-align:center; border-bottom:1px solid #eee;}

.menu ul:after{content:'\20';display:block;height:0;clear:both}

.menu ul li { display:inline-block; *display:inline; zoom:1; margin:0 2px 0px; vertical-align:top; position:relative; }

.menu ul li:before{ position:absolute; content:""; right:-18.5px; top:0; width:37px; height:33px; background:url(ul-bcg.jpg) no-repeat;}

.menu ul li:last-child:before{ display: none; }

.menu ul li a { display:inline-block; padding:6px 45px;color:#999; font-size:14px;  border-radius: 5px;}

.menu ul li a:hover,.menu ul li .current { color:#333; text-decoration:none; }



.m-rdm { padding:25px 0 10px; text-align:center; }

.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }

.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#ddd; color:#000; }



/* 面包屑 */

.location { position:relative; height:24px; width:1002px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }

.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }

.breadcrumbs { float:right; text-align:right; }

.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top; }

.breadcrumbs .u-home { padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center; }



/* 内容模式 */

.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }

.article .hd { padding:0 0 20px; text-align:center; }

.article .hd h1 { color:#000; font-size:20px; }

.article .hd .titBar { color:#797979; font-size:12px; } 

.article .bd { padding-bottom:40px; }

.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }



/* 头部新闻 */

.hotNews { margin-bottom:30px;overflow:hidden; }

.hotNews .new{ float:left; width:870px;}

.hotNews .links{ float:right; width:330px;}

.hotNews .pic { float:right;}

.hotNews dl { display:block; overflow:hidden; zoom:1; padding:40px 50px; line-height:22px; background:#1b1b23; }

.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#c4bebc; font-size:14px; line-height:40px; font-weight: bold;}

.hotNews dl dt a { color:#fff; }

.hotNews dl dt a:hover { color:#cd5301; }

.hotNews dl .i { min-height:110px; padding-bottom:44px; padding-left:10px; color:#eee; }

.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }

.hotNews dl .m a { display:block; color:#333; }

.hotNews dl .m a:hover { background:#666; color:#fff; }



/* 新闻列表 */

.news { padding:0 0 40px; }

.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }

.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }

.list { padding:0 0 40px; }

.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }

.list li span { float:right; color:#999; font-size:12px; }

.list li a { padding-left:15px; }

.list li a:hover { text-decoration:underline; }



.v-list ul{ margin-bottom: 40px;}

.v-list ul li{ float:left; width:540px; padding:0 30px; margin-bottom: 20px;}

.v-list ul li span{ float:left; width:40px; padding: 5px; height:40px; text-align: center; line-height: 20px; background:#5f5650; color:#fff; margin-right:20px;}

.v-list ul li span i{ display:block; text-align: center; border-top: 1px solid #ccc; font-style:normal;}

.v-list ul li dl dt a{ display:inline-block; color:#fff; font-size:14px; line-height: 24px;}

.v-list ul li:hover dl dt a{ color:#d3cece;}

.v-list ul li:hover span{ background:#cd5301;}



/* 图文新闻 */

.pothoItem { margin:0 0 40px; }

.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }

.pothoItem .item .pic { float:left; width:390px; height:260px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }

.pothoItem .item .pic img { width:390px; height:260px; }

.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }

.pothoItem .item dl dt { font-size:24px; line-height:32px; }

.pothoItem .item dl dt a{ color:#333;}

.pothoItem .item dl .d{ color:#999; font-size:12px; font-family:Arial; padding:20px 0;}

.pothoItem .item dl .m{ margin-top:40px;}

.pothoItem .item dl .m a{display: inline-block;width: 140px; height: 40px; line-height: 40px;text-transform: uppercase;padding-left: 15px; background: url(more-02.png) no-repeat center top;color: #999;}

.pothoItem .item:hover .m a{ background:url(more-over.jpg) no-repeat center top; color:#fff;}

.pothoItem .item dl .i { color:#999; font-size:14px; line-height:24px; }





.v-pothoItem  .item{ position:relative; overflow:hidden; float:left; width:280px; margin: 0 10px 20px;}

.v-pothoItem  .item .t{ position:absolute; left:0; width:100%; height:40%;  padding: 10% 3% 10% 3%; text-align:center; bottom:0; background:rgba(0,0,0,0.5); transition:all 0.5s ease 0; box-sizing:border-box; transition:height 1s;}

.v-pothoItem  .item .t dt a{ display:inline-block; font-size:18px; line-height:35px; color:#fff;}

.v-pothoItem  .item .t dd.i{ line-height:20px; color:#ccc; font-size:12px !important; text-align:justify; }

.v-pothoItem  .item .t dd.m a{ display:inline-block;  color:#fff; text-transform:uppercase; padding-top:15px; margin-top:15px; position:relative; font-size:12px !important;}

.v-pothoItem  .item .t dd.m a:before{ position:absolute; width:30px; height:1px; background:#fff; left:50%; margin-left:-15px; top:0px; content:"";}

.v-pothoItem  .item .after{ text-align:center; vertical-align:middle; position:absolute; width:100%; height:60%; top:-60%; left:0; content:""; background:url(plus.png) no-repeat center rgba(0,0,0,0.5); transition:top 1s; } 

.v-pothoItem  .item .after a{ display:block; width:100%; height:100%;}

.v-pothoItem  .item:hover .after{transition:top 1s;  top:0;}







/* 图片列表 */

.pic-item-list { margin:0 0 0px; }

.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }

.pic-item-list .list-pic { display:block; width:260px; height:530px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }

.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }

.piList { padding:0 0 20px; overflow:hidden; }

.piList .pic-item { position:relative; width:378px; margin:0 11px 30px; padding:0; display:inline; float:left;}

.piList .list-pic { display:block; width:378px; height:258px; margin-bottom:0; padding:0; border:0; line-height:148px; }

.piList .list-pic img { width:378px; height:258px; }

.piList dl { padding:4px 5px; line-height:20px; }

.piList dl dt { height:40px; font-size:12px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }

.piList dl dt a{ color:#333;}

.pic-item-list .pic-item:hover dl dt a{ color:#cd5301;}





/* 图片列表 */

.pic-item-list1 { margin:0 0 0px; }

.pic-item-list1 .pic-item1 { position:relative; display:block; float:left;  margin-bottom:10px; padding:0; text-align:center;}

.pic-item-list1 .list-pic1 { display:block; width:390px; height:285px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }

.pic-item-list1 dl { padding:0 5px; line-height:26px; text-align:center; }

.piList1 { padding:0 0 20px; overflow:hidden; }

.piList1 .pic-item1 { float:left; position:relative; width:390px; margin:0 5px 30px; padding:0; display:inline; }

.piList1 .list-pic { display:block; width:390px; height:285px; overflow:hidden; margin-bottom:0; padding:0; border:0; line-height:285px; }

.piList1 .list-pic img { width:390px; height:285px; transition: all 0.5s; }

.piList1 dl { width:340px; height:240px; position:absolute; left:50%; top:50%; margin: -120px 0 0 -170px; line-height:20px; background:rgba(0,0,0,0.5); color:#fff; text-align: center; display:none; }

.piList1 dl h3{ padding-top:50px; line-height:50px; font-size:24px; color:#fff; position:relative;}

.piList1 dl h3:after{ position:absolute; width:40px; height:2px; background:#fff; left:50%; margin-left:-20px; content:''; bottom:0;}

.piList1 dl dt { height:40px; font-size:12px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }

.piList1 dl dd{ font-size:16px; line-height:22px; text-transform:capitalize;}



.piList1 .pic-item1:hover dl{display:block;}

.piList1 .pic-item1:hover img{transform: scale(1.1);}



/* 分页 */

.page { padding:0 0 40px; line-height:24px; text-align:center; }

.page a { display:inline-block; margin:0 2px; padding:0 8px; background:#ddd; color:#333; vertical-align:top; }

.page a:hover,.page .current { background:#ff9c01; color:#fff; }



/*加载*/

.loading{ width:100%; height:40px; line-height:40px; background:#f5f5f5; text-align:center; font-size:14px; margin-bottom:150px; cursor:pointer;}





/* 人才招聘 */

.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }

.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }

.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }

.hrTable th { color:#fff; font-weight:normal; }

.hrTable td { padding:0 8px; }

.hrTable .bg td { background:#eee; }

.hr { position:relative; padding:0 0 40px; }

.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }

.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }

.hr h3 .off { background:url(hr_down.gif) no-repeat center; }

.hr h3 .on { background:url(hr_up.gif) no-repeat center; }

.hrItem { margin-bottom:5px; }

.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }

.hrItem .title span { float:right; font-weight:100; }

.hrItem .title span a { color:#88000c; }

.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }

.hrItem .con h4 { font-size:14px; line-height:36px; }

.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }

.hrItem .apply a { color:#fff; }

.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }

.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }

.hr-list .title span { float:right; font-weight:100; }

.hr-list .info { padding:5px 0; line-height:24px; }

.hr-list .apply { height:24px; line-height:24px; text-align:right; }



/* 新闻列表 */

.message { padding:0 0 30px; }

.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }

.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }

.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }

.message-list .m-info { padding:5px 0; line-height:24px; }

.message-list .r-title { padding:0; line-height:20px; }

.message-list .r-info { padding:5px 0; line-height:24px; }



/* 人才招聘 */

.form-panel { padding:0 0 30px; }

.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }

.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }

.form-panel .field { clear:both; }

.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }

.form-panel .input { padding:5px 0; zoom:1; }

.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }

.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }

.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }

.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }

.form-panel .submit-field input { margin-right:10px; }

.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }



/* 产品详细页 */

.m-detail { margin-bottom:30px; }

.m-detail .m-property { float:left; width:100%; }

.m-detail .property { margin-left:350px; }

.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }

.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }

.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }

.m-detail .gallery .bigPic { width:300px; height:224px; }

.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }

.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }

.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }

.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }



/*关于我们*/

.about .box h2{ text-align:center; font-size:36px; font-weight:100; padding-bottom:30px; margin-bottom:50px; position:relative;}

.about .box h2:after{ position:absolute; width:100px; height:2px; background:#ff9c00; content:""; left:50%; margin-left:-50px; bottom:0;}



.about .box1{ padding:0px 0;}

.about .box1 .con{ line-height:30px; text-align:center;}

.about .box1 ul{ padding-top:60px;}

.about .box1 ul li{ width:400px; float:left; text-align:center;}

.about .box1 ul li p{ font-size:48px; color:#333;}



.about .box2{ position:relative; margin-bottom:50px;}

.about .box2 .pics{ width:50%; float:left; position:relative;}

.about .box2 .pics .prev, .about .box2 .pics .next{ display:inline-block; width:60px; height:60px; position:absolute; top:45%; z-index:999;}

.about .box2 .pics .prev{ left:0px; background:url(abox2-prev.png) no-repeat;}

.about .box2 .pics .next{ right:0px; background:url(abox2-next.png) no-repeat;}

.about .box2 .pics .prev:hover{ left:0px; background:url(abox2-prev-hover.png) no-repeat;}

.about .box2 .pics .next:hover{ right:0px; background:url(abox2-next-hover.png) no-repeat;}

.about .box2 .pics img{ max-width:100%; height:auto;}

.about .box2 .con{ width:50%; right:0; position:absolute; height:300px; top:30%; margin-top:-150px; font-size:15px;  }

.about .box2 .con dl{ width:540px; margin-left:50px;}

.about .box2 .con dl dt{ font-size:30px; color:#333;}

.about .box2 .con dl dt  span{ display:block; text-transform:uppercase;  font-size:18px; color:#ccc;}

.about .box2 .con dl dd.i{ padding:35px 0; line-height:30px; color:#333;}

.about .box2 .con dl dd.a{ padding-left:30px; background:url(address.jpg) no-repeat left center;}

.about .box2 .con dl dd.a span{ font-size:14px; color:#999; text-transform:capitalize; display:block;}



.about .box3{ margin-bottom:170px;}

.about .box3 .pics{ position:relative;p}

.about .box3 .pics .prev, .about .box3 .pics .next{ display:inline-block; width:16px; height:28px; position:absolute; top:45%;}

.about .box3 .pics .prev{ left:-20px; background:url(abox-prev.png) no-repeat;}

.about .box3 .pics .next{ right:-20px; background:url(abox-next.png) no-repeat;}

.about .box3 .pics .prev:hover{ left:-20px; background:url(abox-prev-hover.png) no-repeat;}

.about .box3 .pics .next:hover{ right:-20px; background:url(abox-next-hover.png) no-repeat;}

.about .box3 .tempWrap ul{ padding-top:15px!important;}

.about .box3 ul li{ float:left; margin: 0 5px; -webkit-transition: all 0.5s ease;    transition: all 0.5s ease ;}

.about .box3 ul li:hover{ transition: all 1.5s ease ;  -webkit-transform: translate3d(0, -10px, 0);	    transform: translate3d(0,-10px, 0); box-shadow:0 0 15px rgba(0,0,0,0.2);}



/*弹出层*/

#showInfo { height: 100%; background:rgba(0,0,0,0.5); }

.case-mask {  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999; /*opacity: 0;*//*top:0px;*/display:none;}

.case-mask .w { background: rgb(255, 255, 255) none no-repeat scroll 0% 0%; height: 100%; top: -100%;  position: relative; width: 1000px;margin: 0 auto; overflow-y: scroll;}

.case-mask .btns {border-bottom: 1px solid rgb(211, 211, 211); position: fixed; top: 0px; left: 50%; margin-left: -500px;   width: 1000px; background:#fff; z-index:999;}

.case-mask .back-list { cursor: pointer; width: 190px; height: 78px; padding-left: 5px; color: rgb(211, 211, 211); font-size: 18px; background:url(back-list.jpg) no-repeat 36px center;; border:none;outline:none;}

.case-mask .fr { height: 78px; float:right; padding-right:30px;}

.case-mask .fr button {border:none; outline:none; width: 60px; height: 78px; opacity: 0.5; cursor: pointer; transition: all 0.3s ease 0s;}

.case-mask .fr button:hover { opacity: 1; }

.case-mask .prev { background: transparent url('mask_p.png') no-repeat center; }

.case-mask .prev:hover { background: transparent url('mask_p-hover.png') no-repeat center; }

.case-mask .next { background: transparent url('mask_n.png') no-repeat center; }

.case-mask .next:hover { background: transparent url('mask_n-hover.png') no-repeat center; }

.case-mask .back-top { background: transparent url('mask_t.png') no-repeat center; }

.case-mask .back-top:hover { background: transparent url('mask_t-hover.png') no-repeat center; }

.case-mask .mask-content { padding: 84px 30px 30px; font-size: 14px; line-height: 26px; color: rgb(65, 66, 68); }

.tit h3{ line-height: 50px; font-size:18px;}

.tit i{ font-style:normal; cursor: pointer;}

.tit p{ position:relative; font-size:13px; color:#777; }

.tit p::after { position:absolute; left:50%; margin-left:-75px; content: ""; display: block; width: 150px; height: 1px; background:#cccccc; bottom:30px;}

.tit{ text-align:center; padding-bottom:20px; }

.case-btn { cursor: pointer; }

.case-mask.hide { transition: opacity 0.3s ease 0.5s, top 0.3s ease 0.8s; top: -100%; opacity: 0; }

.case-mask.hide .w { transition: all 0.5s ease 0s; top: -100%; }



/*联系我们*/

.contact .box1{padding:80px 0;}

.contact .box1 .boxl{ width:570px; float:right; }

.contact .box1 .boxl h2 { font-size:16px; padding-bottom:20px; position:relative; margin-bottom:30px;}

.contact .box1 .boxl h2:before{ content: ""; display: block; width: 35px; height: 1px;  position:absolute;  left:0; bottom:0; background:#ff9c00;}

.contact .box1 .boxl  .con p{ padding-left:30px;  margin:7px 0;}

.contact .box1 .boxl  .con p span{ display:block;}

.contact .box1 .boxl  .con p:nth-child(1){ background:url(contact-01.jpg) no-repeat left center;}

.contact .box1 .boxl  .con p:nth-child(2){ background:url(contact-02.jpg) no-repeat left center;}

.contact .box1 .boxl  .con p:nth-child(3){ background:url(contact-03.jpg) no-repeat left center;}

.contact .box1 .boxl  .con p:nth-child(4){ background:url(contact-04.jpg) no-repeat left center;}

.contact .box1 .boxl .wechat img{ margin-right: 50px; }

.contact .box1 .boxr{ width:630px; float:right; }



.contact .box2{ padding:20px 0 60px;}

.contact .box2 h2{ text-align:center; font-size:36px; font-weight:100; padding-bottom:30px; margin-bottom:50px; position:relative;}

.contact .box2 h2:after{ position:absolute; width:100px; height:2px; background:#ff9c00; content:""; left:50%; margin-left:-50px; bottom:0;}

.contact .box2  form input{ display:block; float:left; width:370px; padding-left:10px; border:1px solid #222; line-height:50px; height:50px; margin-right: 27px; margin-bottom:27px;}

.contact .box2  form input:nth-child(3){ margin-right:0;}

.contact .box2  form textarea{ display:block; float:left; width:1188px; height:205px; padding-left:10px; border:1px solid #222; margin-bottom:27px;}

.contact .box2  form input[type="submit"]{ position:relative; display:inline-block;  width:200px; background:#ff9c00; border:none; color:#fff; margin-left:500px; cursor:pointer;}



/*人才招聘*/

.job .box1{ padding:10px 0;}

.job .box1 .hd{ margin-bottom:80px;}

.job .box1 h2{ text-align:center; font-size:36px; font-weight:100; padding-bottom:30px; margin-bottom:50px; position:relative;}

.job .box1 h2:after{ position:absolute; width:100px; height:2px; background:#ff9c00; content:""; left:50%; margin-left:-50px; bottom:0;}

.job .box1 .hd p{ font-size:14px; line-height:30px;}

.job .box1 .bd .box{ margin: 15px 0;}

.job .box1 .bd dl{ padding:20px 60px; background:url(arrow-down.jpg) no-repeat 1140px center #f9f9f9;}

.job .box1 .bd dl.on{ background:url(arrow-top.jpg) no-repeat 1140px center  #f9f9f9;}

.job .box1 .bd dl dt  { font-size:24px;}

.job .box1 .bd .con{ padding:20px 60px;}





/*案例*/

.cases{ margin-top:25px; position:relative;}

.cases .hd{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.5); }

.cases .hd p.pageState{ display:block; padding-left:30px; width:100px; float:left; color:#fff; font-size:24px;  padding-top:22px; font-family:Arial; }

.cases .hd p.pageState span{ font-style:normal; font-size:60px;}

.cases .hd ul{ float:left; padding-top:26px;}

.cases .hd .tempWrap{float:left !important; padding-top:26px !important;}



.cases .hd ul li{ float:left; border: 1px solid transparent;}

.cases .hd ul li.on{ border:1px solid #fff;}

.cases .hd .next,.cases .hd .case-content{ float:right; margin-left:1px; cursor:pointer; margin-top:18px;}



.cases .case-intro{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5);z-index:99; display:none;}

.cases .case-intro .con{ width:580px; height:510px; position:absolute; left:50%; top:50%; margin:-255px 0 0 -290px;}

.cases .case-intro .con h3{ font-size:18px; color:#fff; line-height:30px;}

.cases .case-intro .con .box{ line-height:24px; color:#fff; margin:20px 0;}

.cases .case-intro .close{ position:absolute; width:25px; height:25px;  line-height:25px; left:50%; margin-left:12.5px; bottom:100px; color:#fff; font-size:25px; cursor:pointer;}





/*团队*/

.team{ margin-top:25px; background:#fafafa;}

.team .pic{ float:left; width:50%;}

.team .pic img{ max-width:100%; height:auto;}

.team dl{ width:44%; padding:8% 2% 0 4%; float:left; text-align:left;}

.team dl dt{ display:inline-block; font-size:24px; color:#333; position:relative; padding-bottom:15px; margin-bottom:15px;}

.team dl dt:after{ content:""; position:absolute; left:0; bottom:0; width:160px; height:1px; background:#666;}

.team dl dt span{ font-size:16px; margin-left:15px;}

.team dl dd.i{ line-height:24px;}

.team dl dd.m{font-size:16px; color:#333;}



.filter { border:1px solid #eee; width:1180px; margin: 0 auto 50px; height:50px; line-height:50px; position:relative;}

.filter  span{ float:left; width:150px; text-align:center; border-right:1px solid #eee; background:url(dot.jpg) no-repeat 30px center;}

.filter  a{ display:inline-block; line-height:30px; padding: 0 10px; margin:0 6px;}

.filter  a.active,.filter  a:hover{ background:#494949; color:#fff;}



.filter .search2{width:197px;height:32px;background:url(searchs.png);position:absolute;top:10px;right:10px;}

.filter .search2 .text{float:left;display:inline;width:153px;height:32px;line-height:32px;padding-left:10px;}

.filter .search2 .ibtn{float:right;display:inline;width:34px;cursor:pointer;}



/* webmap */

.webmap { width: 100%; margin: 0 auto 40px; }

.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }

.webmap dl dd { padding-left: 18px; }

.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #eee; font-size: 14px; line-height: 2; white-space: nowrap; }

.webmap dl dd a:hover { background: #cd5301; color: #fff; }