﻿/*body {overflow-x:auto; overflow-y:hidden;}*/
body {height:auto; +overflow:hidden;}
/*#banner {position:relative; z-index:2; width:100%; height:409px; overflow:hidden;}*/

#banner {height:93px;}
#banner div {height:93px; background:no-repeat center 0;}
#banner .about {background-image:url(images/about.jpg);}
#banner .designflow {background-image:url(images/designflow.jpg);}
#banner .joinus {background-image:url(images/joinus.jpg);}
#banner .contactusbanner {background-image:url(images/contactus.jpg);}
#banner .classiccase {background-image:url(images/classiccase.jpg);}
#banner .information {background-image:url(images/information.jpg);}
/*.....设计流程......*/
.designflowinfo{width:1200px;margin:60px auto 40px;height:400px;}
.designcolor{width:1200px;height:30px;background:#f7f7f7;margin:0 auto 40px;}
/*....人才自荐....*/
.joinusjob{height:500px;background:#f1eef1;margin:50px auto 20px;padding-top:10px;}
.joinusjob .joinus-info{width:1400px;height:430px;margin:0 auto;padding-top:20px;}
.joinusjob .joincontact{width:100%;height:72px;background:#59c1d1;text-align: center;}
.joinusjob .joinus-info .title{color:#5ac1d2;font-size:16px;padding-top:90px;}
.joinusjob .joinus-info .contact{color:#3e3a39;padding-top:17px;}
.joinusjob .joinus-info ul{padding-top:50px;}
.joinusjob .joinus-info ul li{width:362px;height:243px;float:left;margin-right: 10px;}
.joinusjob .joinus-info .joinlist-a{background:url(images/joinusa_06.png) no-repeat;}
.joinusjob .joinus-info .joinlist-b{background:url(images/joinusa_08.png) no-repeat;}
.joinusjob .joinus-info .joinlist-c{background:url(images/joinusa_10.png) no-repeat;}
.joinusjob .joinus-info ul li p{color:#fff;width:100%;text-align: center;}
.joinusjob .joinus-info ul li p.jobname{font-size:18px;height:60px;line-height: 60px;}
/*联系我们*/
.wuyong{width:1400px;height:200px;margin:0 auto;padding-top:20px;}
.wuyong ul li{float:left;border-right: 1px solid #ccc;width:275px;text-align: center;height:173px;}
#contactus{height:410px;background:#f1eef1;margin:10px auto 10px;padding-top:10px;}
#contactus .contactus-info{width:1000px;height:400px;margin:0 auto;}
#contactus .contactus-info .title{color:#5ac1d2;font-size:16px;padding-top:30px;font-weight:bold;}
#contactus .contactus-info .contact{color:#3e3a39;padding-top:17px;font-size:14px;font-weight: bold;}
#contactus .contactus-info ul{float:left;padding-top:10px;margin-right:100px;}
#contactus .contactus-info ul li{color:#898989;padding-left: 40px;height:40px;line-height:40px;}
#contactus .contactus-info ul li.location{background:url(images/contact_03.png) no-repeat 0 5px;}
#contactus .contactus-info ul li.tel{background:url(images/contact_06.png) no-repeat 0 5px;}
#contactus .contactus-info ul li.email{background:url(images/contact_09.png) no-repeat 0 10px;}
#contactus .contactus-info ul li span{color:#595757;font-size:14px;}

/*图片轮播*/
.casecont{background:#f7f8f8;}
.detail_context_pic{width:1100px;margin:50px auto 20px;overflow:hidden;}
.detail_context_pic_top{width:1000px;height:495px;overflow:hidden;text-align:center;position:relative;z-index:1;margin:0 auto;}
.detail_context_pic_bot{width:1100px;height:180px;overflow:hidden;}
.detail_picbot_left{float:left;width:37px;height:40px;overflow:hidden;padding-top:45px}
.detail_picbot_left a{display:block;width:37px;height:45px;}
.detail_picbot_mid{float:left;width:1020px;height:150px;overflow:hidden;padding-top:15px;}
.detail_picbot_mid ul{height:148px;width:1020px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:148px;margin-left:15px;display:inline;width:237px;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{max-height:108px;width:235px;}
.detail_picbot_mid ul li p{height:30px;max-width:237px;line-height: 30px;margin-top:5px;}
#pic1{max-width:1000px;max-height:460px;}
.selectpic{border:1px solid red;}
.detail_picbot_right{float:left;width:37px;height:40px;padding-top:45px;overflow:hidden;}
.detail_picbot_right a{display:block;width:37px;height:45px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;}
.contextDiv span{position:absolute;top:50%;margin-top:-25px;width:39px;height:50px;}
#preArrow_A{left:16px;background:url('images/pic_left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:16px;background:url('images/pic_right.png') 0px 0px no-repeat;display:none;}
#miaoshuwarp{position:absolute;bottom:0;z-index:1;width:1000px;text-align:center;}
.miaoshu{position:absolute;width:980px; padding:0 10px; bottom:0;height:30px; line-height:30px;color:#333333;font-size:14px;z-index:3;font-family:"宋体";}
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:250px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:250px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('images/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('images/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
/*.imgdivtext{position:absolute;bottom:0;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}*/
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;border:1px solid #8d5a00;}
.firsttop{width:250px;padding:20px;background:#1C1C1C;position:fixed;top:100px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:250px;padding:20px;background:#1C1C1C;position:fixed;top:100px;left:0px;z-index:1200;color:White;display:none;}

/*行业资讯列表页*/
#about-information{margin-top:10px;}
.information{padding-top:20px; color:#666666;height:auto;}
.information ul{width:100%;height:100%;}
.information ul li{width:100%;height:140px;border-bottom:1px solid #f4f4f4;}
.information ul li a{width:100%;height:120px;padding-top: 20px;display:block;}
.information ul li a:hover{background:#e0e1e3;}
.information .infoimg{float:left;width:90px;height:90px;margin-right: 20px;}
.information .righttxt{float:left;width:660px;height:90px;}
.information .righttxt .title{font-weight: bold;font-size:16px;color:#3e3a39;margin-bottom:10px;}
.information .righttxt p span{color:#59c1d2;}
.information ul li.first{width:100%;height:200px;border-bottom:1px solid #f4f4f4;}
.information .left{float:left;width:400px;height:200px;}
.information .left .title{font-weight: bold;font-size:16px;color:#3e3a39;margin-bottom:10px;}
.information .left a{width:100%;height:40px;background:url(images/information_19.png)center center no-repeat #e0e1e3;border-radius: 3px;display:block;text-align: center;padding-top: 10px;margin-top:20px;}
.information .right{float:right;width:350px;height:170px;text-align: center;padding-top:30px;}

.information .infomore{width:100%;height:40px;padding-top:10px;text-align: center;background:url(images/information_19.png)center center no-repeat #e0e1e3;display: block;}
.information .left a:hover, .information .infomore:hover{background:url(images/information_06.png)center center no-repeat #5ac1d2;}
#extendleft {float:left; padding:23px 23px 0px 0; width:784px;}
/*行业资讯详情页*/
.information .imgnav{width:108px;height:108px;float:left;margin-right:20px;overflow: hidden;}
/*.information .imgnav img{width:90px;height:90px;display:block;border:none;}*/
.information .txtnav{width:650px;height:auto;float:left;}
.information .txtnav .infotitle{font-weight: bold;font-size:16px;color:#3e3a39;margin-bottom:15px;width:100%;}
.information .txtnav .infoauthor{margin-bottom: 30px;}
.information .txtnav .infoimg{width:650px;height:auto;display: block;border:none;margin-bottom: 20px;}
.information .txtnav .infotext{font-size:14px;line-height: 25px;padding-bottom: 30px;}
/*分页样式*/
.information .pagination{width:100%;height:30px;padding-top:20px;}
.information .pagination a{width:25px;height:25px;border:1px solid #ddd;line-height:25px;text-align: center;border-radius: 5px;
    display: block;float:left;
    margin-left:5px;}
.information .pagination a.txtnav{width:80px;}
.information .pagination a.active{color:#333;background:#59c1d1;}




/*#content .nav {padding:26px 0; height:24px; border-bottom:1px solid #eaeaea; overflow:hidden;}*/
#content .nav {height:60px; border-bottom:1px solid #eaeaea;}
/*#content {border-bottom:1px solid #c5c5c5;}*/
/*#content .nav .g-wrap {overflow:visible;}*/
#content .nav .g-wrap .crumbs {float:left; padding-left:10px; height:100%; background:url(images/crumbs_icon.png) no-repeat 0 26px;}
#content .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:65px; color:#4d4852; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
#content .nav .g-wrap .crumbs a.on {background:url(images/crumbs_arrow.png) no-repeat 0 30px;}


#left {float:left; padding:23px 23px 43px 0; width:1050px;}
#right {float:right; margin-left:-1px; padding:23px 0 43px 22px; width:299px; border-left:1px solid #eee;position:relative;z-index:999;}
.CnA{position:absolute !important;left:94px;top:252px;width:155px;height:45px;}
.EnA{position:absolute !important;left:94px;top:303px;width:155px;height:45px;}
#reference .g-wrap {overflow:visible;}
#reference .right {margin-top:-2px; height:66px; border-left:0 none;}
/*********** 复用 ***********/
#right > * {margin-bottom:10px;}
#right .pdf {padding:22px; background-color:#f4f4f6;}
#right .pdf .btn {margin-bottom:20px; padding:0 9px; height:43px;}
#right .pdf .btn .download {float:left; width:122px; height:100%;}
#right .pdf .btn .read {float:right; width:97px; height:100%;}
#right .pdf .link-list a {line-height:18px; color:#5887f5;}
#right .pdf .link-list p {line-height:18px; color:#5887f5;}
#right .pdf .link-list a:hover {color:#02a181;}
#right .pdf .link-list .top {margin-bottom:8px; font-size:18px; color:#02a181;}
#right .pdf .link-list .top:hover {color:#f63b2e}
#right > a {display:block;}
/*#right .run {display:block; height:110px; background:url(../img/news/p_3_6.jpg) no-repeat 0 0;}*/
/*#right .what {display:block; margin-top:9px; height:135px; background:url(../img/news/p_3_7.jpg) no-repeat 0 0;}*/

a.hover {overflow:hidden;}
a.hover img {width:100%; height:100%; /*-webkit-transition:margin 150ms, width 150ms, height 150ms;*/}
a.hover:hover img { margin-left:-1%; margin-top:-1%;width:102%; height:102%;}

/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.link-list a span {float:left; margin-right:15px;}
.link-list p {}
/* 日期块 */
.date-block {float:left; padding:0 10px; width:68px; height:88px; font:14px/15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; font:bold 36px/36px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#e62b1e;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;}
/*metro ui*/
.metro {position:relative; margin-bottom:23px; height:386px;}
.metro a {position:absolute; top:0; left:0;}

/*********** 关于 ***********/
#about-1{background:#f1eff1;margin-top:10px;}
#about-1 .titletab {padding-top:10px; text-align: center;width:100%;height:110px;}
#about-1 .abouttxt{width:100%;height:313px;margin-top:30px;}
#about-1 .abouttxt img{float:left;width:530px;height:313px;border:0;display:block;margin-right:110px;}
#about-1 .abouttxt .textinfo{width:320px;height:300px;font-size:18px;float:left;color:#727171;line-height:40px;margin-top:60px;}
#about-1 .tabtitle {margin-top:20px; text-align: center;width:100%;height:80px;}
#about-1 .tabtitle img{width:565px;height:40px;border:0;}
#about-1 .tabcont {width:100%;height:210px;}
#about-1 .tabcont ul{width:431px;height:210px;float:left;}
#about-1 .tabcont ul li{width:431px;height:72px;}
#about-1 .tabcont ul li.aboutimg1{background:url("images/aboutimgc_03.png") no-repeat;}
#about-1 .tabcont ul li.aboutimg1:hover,#about-1 .tabcont ul li.aboutimg1b,#about-1 .tabcont ul li.selected{background:url("images/aboutimg_18.png") no-repeat;}
#about-1 .tabcont ul li.aboutimg2{background:url("images/aboutimg_22.png") no-repeat;}
#about-1 .tabcont ul li.aboutimg2:hover,#about-1 .tabcont ul li.aboutimg2b{background:url("images/aboutimga_03.png") no-repeat;}
#about-1 .tabcont ul li.aboutimg3{background:url("images/aboutimg_24.png") no-repeat;}
#about-1 .tabcont ul li.aboutimg3:hover,#about-1 .tabcont ul li.aboutimg3b{background:url("images/aboutimgb_03.png") no-repeat;}
#about-1 .tabcont .tabtxt{width:570px;height:173px;margin-top:1px;background:#59c1d1;float:left;border-radius:10px;border-top-left-radius:0px; padding:20px;}
#about-1 .tabcont .tabtxt p{color:#fff;font-size:18px;line-height:30px;}
#about-1 .tabcont .tabtxt p.tabtxtp2,#about-1 .tabcont .tabtxt p.tabtxtp3{display:none;}
