@charset "utf-8";
/*index*/
.outer{overflow:hidden;position:relative;}
.indexBanner{width:1200px;height:443px;margin:0 auto;position:absolute;overflow:hidden;background:url("../images/index/bannerBg.png") bottom repeat-x;
	left:50%;margin-left:-600px;top:92px;}
.indexBanner img{display:block;}
.indexBanner li{position:absolute;left:0;top:0;z-index:10;display:none;background-color:#fff;}
.indexBanner dl{position:absolute;left:50%;bottom:11px;z-index:11;}
.indexBanner dd{width:9px;height:8px;overflow:hidden;float:left;margin-right:5px;text-indent:-6666px;cursor:pointer;
	background:url("../images/index/bannerIcon.png") no-repeat;}
.indexBanner dd.current{background:url("../images/index/bannerIconHover.png") no-repeat;}
.indexPic{height:131px;padding-top:448px;;}
.indexPic li{float:left;margin-right:5px;width:128px;height:126px;}
.indexPic li img{display:block;}
.indexInfo{background:url("../images/index/indexInfo.png") repeat-x;height:236px;border:1px solid #cdcece;border-bottom:none;
	padding:10px 70px 0 70px;width:860px;margin:0 auto;}
.indexInfo .bob{border-bottom:1px solid #cdcece;height:95px;}
.indexTit{height:20px;line-height:20px;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:700;color:#2e2e2e;}
.indexTit a{color:#2e2e2e;}
.indexSolu{float:left;width:340px;}
.indexSolu ul{margin-top:20px;}
.indexSolu li{height:30px;line-height:30px;padding-left:35px;float:left;width:60px;}
.indexSolu li a{color:#2e2e2e;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:700;}
.indexSolu li.icon01{background:url("../images/index/solutionIcon01.png") left top no-repeat;}
.indexSolu li.icon02{background:url("../images/index/solutionIcon02.png") left top no-repeat;}
.indexSolu li.icon03{background:url("../images/index/solutionIcon03.png") left top no-repeat;}
.indexPar{float:left;width:350px;}
.indexPar .indexTit{height:35px;}
.indexPar li{float:left;margin-right:5px;}
.indexPar img{display:block;}
.indexTheme{float:left;width:170px;}
.indexTheme .info{line-height:20px;padding-top:5px;color:#58595b;}
.indexTheme .info a{color:#58595b;}
.indexNews{padding-top:15px;float:left;width:570px;}
.indexNews h2,.indexCase h2{height:24px;line-height:24px;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:700;}
.indexNews h2 a{color:#2e2e2e;}
.indexNews h2 a.hover,.indexCase h2 a{color:#3e5292;}
.indexNews em{padding:0 5px;}
.indexNews ul{width:480px;margin-top:5px;display:none;}
.indexNews li,.indexCase li{height:22px;line-height:22px;}
.indexNews li a,.indexCase li a{color:#58595b;}
.indexNews li time{color:#58595b;font-size:11px;float:right;}
.indexCase{float:left;width:290px;padding-top:15px;}
.indexCase ul{margin-top:5px;}
.indexBtm{background:url("../images/index/indexBtm.png") no-repeat scroll center top transparent;}
.indexBtm .wrap{background:url("../images/index/indexBtmBg.png") no-repeat;height:153px;}
.indexSelect{float:left;padding:120px 0 0 30px;width:440px;}
.indexSelect li{float:left;width:125px;margin-right:15px;}
.indexSelect select{width:125px;padding-left:5px;}
.indexLink{float:right;width:530px;padding-top:10px;}
.indexLink dl{float:left;width:106px;}
.indexLink dt{font-weight:700;font-size:14px;height:22px;}
.indexLink dd{vertical-align:middle;line-height:20px;}
.indexLink a{color:#fff;}
/*service*/
.banner{height: 200px;}
.bannerService{background:url("../images/service/banner.jpg") top center no-repeat;}
.bannerAbout{background:url("../images/about/banner.jpg") top center no-repeat;}
.bannerSolution{background:url("../images/solution/banner.jpg") top center no-repeat;}
.bannerCase{background:url("../images/case/banner.jpg") top center no-repeat;}
.bannerExplore{background:url("../images/explore/banner.jpg") top center no-repeat;}
.bannerProduct{background:url("../images/product/banner.jpg") top center no-repeat;}
.serviceList,.aboutIntro,.aboutPar,.aboutHonor,.aboutNews,.aboutNewsDetail,.search,.caseList,.aboutCulture{float:left;width:632px;}
.serviceList li{height:100px;background:url("../images/service/bg.png") no-repeat;padding:12px 13px 0 13px;margin-bottom:7px;}
.serviceList a.img{float:left;width:130px;}
.serviceListRt{float:right;width:460px;}
.serviceListRt h4{height:30px;line-height:30px;}
.serviceListRt h4 a{font-weight:700;font-size:14px;color:#58595b;}
.serviceListRt p.info{line-height:20px;color:#58595b;height:40px;}
.serviceListRt p a{font-family:\5B8B\4F53;color:#fd2a00;}
.leftSer{height:351px;}
/*about*/
.leftLink .leftAbout{padding-bottom:10px;}
.leftLink .leftAbout li{text-align:center;}
.leftLink .leftAbout a{background:none;color:#58595B;padding-left:0px;font-weight:400;}
.leftLink .leftAbout a:hover{text-decoration:underline;background:none;}
.leftLink .leftAbout a.current,.leftLink .leftAbout a.current:hover{background:url("../images/common/leftLinkHover.png") repeat-x;font-weight:700;color:#fff;}

.aboutIntro{padding-top:20px;line-height:22px;color:#58595b; padding-bottom: 20px;}

.aboutPar{padding:40px 0 0	20px;width:612px;}
.aboutPar li{float:left;width:150px;text-align:center;height:80px;}
.aboutPar li img{vertical-align:top;border:1px solid #e0e0e0;}
.aboutPar .pageSize{padding-left:45px;}

.aboutHonor .big{width:385px;height:310px;margin:0 auto;
	padding:10px 10px 0 10px;background:url("../images/about/honorLoading.gif") center center no-repeat #6b8eaf;}
.aboutHonor .big img{display:block;border:1px solid #c6c9cc;}
.aboutHonor .big figcaption{font-weight:700;font-size:14px;color:#fff;text-align:center;padding-top:5px;}
.aboutHonor .small{background:url("../images/about/honor.jpg") no-repeat;width:600px;height:165px;margin:0 auto;
	padding-top:20px;padding-left:32px;}
.aboutHonor .small li{float:left;width:127px;text-align:center;line-height:20px;color:#58595b;margin-right:20px;}
.aboutHonor .small li img{display:block;border:1px solid #d3d3d2;cursor:pointer;}
.aboutHonor .small li.hover img{border:1px solid #6b8eaf;}

.aboutNewsTop a.img{float:left;}
.aboutNewsTop{height:135px;}
.aboutNewsTop .rt{float:right;width:415px;}
.aboutNewsTop .rt h4{background:url("../images/about/border.gif") bottom repeat-x;height:24px;line-height:24px;}
.aboutNewsTop .rt h4 a{color:#3e5292;font-weight:700;}
.aboutNewsTop .rt p{line-height:20px;color:#666666;}
.aboutNewsTop .rt time{color:#666;font-size:11px;}
.newsTit{background:url("../images/about/newsTit.jpg") no-repeat;height:30px;}
.newsList li{height:24px;line-height:24px;}
.newsList li a{background:url("../images/about/icon.gif") left center no-repeat;padding-left:10px;color:#666666;}
.newsList time{float:right;color:#666666;font-size:11px;}

.aboutNewsDetail h1{font-weight:700;color:#3e5292;text-align:center;font-size:14px;}
.aboutNewsDetail time{text-align:center;display:block;color:#999;line-height:20px;}
.aboutNewsDetail .con{padding:10px;line-height:22px;color:#666;}

/*contact*/
.contact{background:url("../images/contact/bg.jpg") top center no-repeat;}
.contactInfo{width:1000px;margin:0 auto;height:511px;position:relative;}
.contact span.icon{position:absolute;color:#fff;font-family:\5B8B\4F53;cursor:pointer;}
.contact span.icon03{left:390px;top:200px;}
.contact span.icon02{left:425px;top:270px;}
.contact span.icon01{left:445px;top:285px;}
.contact span.icon04{left:355px;top:378px;}
.contact span.icon05{left:390px;top:382px;}
.contact span.icon06{left:400px;top:235px;}
.contact span.icon07{left:375px;top:300px;}
.contact .info{width:345px;position:absolute;left:600px;top:180px;display:none;}
.contact .info h4{border-bottom:1px solid #fff;font-size:14px;font-weight:700;height:24px;line-height:24px;color:#fff;
	margin-bottom:5px;}
.contact .info p{line-height:24px;color:#fff;}

.search{padding-top:20px;}
.search .keyword{color:#545454;font-weight:700;font-size:14px;padding-bottom:10px;}
.search .keyword span{color:#f00;}
.search h4{background-color:#698eb1;height:24px;line-height:24px;font-weight:700;font-size:14px;width:100px;text-align:center;
	color:#fff;margin-top:10px;}
.search ul{margin-top:10px;}
.search li{height:22px;line-height:22px;color:#545454;border-bottom:1px dotted #ccc;}
.search li a{color:#545454;}
.search li a span.highlight{color:#58595B;}
.search li em{font-family:\5B8B\4F53;}

.caseList{padding-top:25px;}
.caseList ul{padding-left:1px;}
.caseList li{float:left;width:184px;height:175px;border:1px solid #ccc;padding:5px 5px 0 5px;margin:0 13px 20px 0;background-color:#fff;}
.caseList li img{display:block;}
.caseList li p{line-height:20px;color:#7a7a7a;text-align:center;}
.caseList li p a{font-weight:700;color:#000;}

.leftLink .leftExp li{margin-bottom:5px;}
.leftLink .leftExp li a{text-align:left;padding-left:5px;}
.leftLink .leftExp li a.current,.leftLink .leftExp li a.current:hover{background:url("../images/common/leftLinkHover2.png") repeat-x;}

.aboutCulture li{border:none;padding:0;margin-right:25px;height:160px;}
.aboutCulture li p.mt10{font-weight:700;}

.serviceDetail{line-height:1.8;float:left;width:632px;color:#333;}
.serviceDetail h4{color:#486898;font-size:18px;font-family:\9ED1\4F53;margin-top:15px;}
.serviceDetail p span.icon{font-family:arial;margin-right:5px;}
.serviceDetail td{border:1px solid #d7d7d7;padding:5px 10px;}



.caseFixedHover{width: 632px; height: 341px; background: url(../images/about/culture.jpg) 0 0 no-repeat; overflow: hidden;}
.caseFixedHover .caseFixedHoverWrapp{width: 660px; height: 341px; background: url(../images/about/culture.jpg) 0 0 no-repeat; overflow: hidden;}
.caseFixedHover .caseFixedItem{width: 157px; height: 341px; float: left; margin-right: 1px; position: relative;}
.caseFixedHover .caseFixedItem .caseFixedTxt{width: 130px; position: absolute; left: 13px; top: 0px;}
.caseFixedHover .caseFixedItem1 .caseFixedTxt{top: 164px;}
.caseFixedHover .caseFixedItem2 .caseFixedTxt{top: 164px;}
.caseFixedHover .caseFixedItem3 .caseFixedTxt{top: 18px;}
.caseFixedHover .caseFixedItem4 .caseFixedTxt{top: 18px;}
.caseFixedHover .caseFixedItem h2{font-size: 28px;}
.caseFixedHover .caseFixedItem h4{font-size: 14px; margin-top: 4px;}
.caseFixedHover .caseFixedItem h6{margin-top: 4px;}



/*产品中心*/
.proul{margin-top: 20px;}
.proul li{margin-bottom: 10px;border-top: 1px dashed #aaa;padding: 20px 0;}
.proul li:first-child{border-top: none;}
.proul li .img{width: 400px;}
.proul li .char{width: 600px;margin-left: 50px;}
.proul li .img img{width: 100%;height: auto;}
.proul li .char h4{padding: 15px 0;font-size: 18px;color: #333;}
.proul li .char h4 a{color: #333;}
.proul li .char .div div{width: 47%;float: left;margin-bottom: 8px;background: url(../images/product/point.gif) no-repeat left 10px;padding-left: 16px;}
.proul li .char .div div a{font-size: 14px;color: #333;}

.prodet{margin-top: 30px;}
.prodet .left{width: 250px;margin-left: 10px;}
.prodet .right{width: 740px;}

.pronav dt{font-size: 15px;color: #333;cursor: pointer;padding: 10px 0;}
.pronav dt span{float: right;}
.pronav dt:hover,.pronav dt.current{color: #0071c5;}
.pronav dd{display: none;}
.pronav dd a{display: block;font-size: 13px;color: #333;line-height: 20px;padding-left: 10px;margin-bottom: 10px;}
.pronav dd a.current,.pronav dd a:hover{color: #0071c5;}

.twxx .twxx_tu{width: 350px;}
.twxx .twxx_wen{width: 360px;}

.twxx .qiehuan{ width:350px; position:relative;}
.twxx .qiehuan .datu{  width:350px; height:227px; overflow:hidden; position:relative; }
.twxx .qiehuan .datu ul{ width:350px;height:227px; position:absolute; left:0px; top:0px; }
.twxx .qiehuan .datu ul li{ display:none; width:350px; height:227px; position:absolute; left:0px; top:0px;}
.twxx .qiehuan .datu ul li img{width: 100%;height: auto;}
.twxx .qiehuan .xiaotu{ position:relative; width:350px;padding-top:10px;}
.twxx .qiehuan .xtu{ position:relative; margin:0px auto; overflow:hidden; height:45px;}
.twxx .qiehuan .xtu dl{ position:absolute; left:0px; top:0px;}
.twxx .qiehuan .xtu dl dt{ width:67px; height:43px; border: 1px solid #0071c5; position:absolute; left:0px; top:0px;}
.twxx .qiehuan .xtu dl dd{ position:relative; width:69px; height:45px;margin-right:5px;  background:red; float:left;cursor:pointer;}
.twxx .qiehuan .xtu dl dd img{width: 100%;height: auto;}
/*.twxx .qiehuan .xtu dl dd.current{border: 1px solid #0071c5;}*/
.twxx .xiaotu .prev,.twxx .xiaotu .next{ display:inline-block;width:20px; height:45px;line-height: 45px;cursor:pointer;text-align:center;position:absolute;top:10px;
	font-size: 20px;color: #fff;background-color: #aaa;}
.twxx .xiaotu .prev{ left:0px; }
.twxx .xiaotu .next{ right:0px;}
.twxx .xiaotu .prev:hover,.twxx .xiaotu .next:hover{background-color:#666;}

.twxx .twxx_wen h3{font-size: 20px;color: #0071c5;margin: 10px 0;}
.twxx .twxx_wen h4{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px;}
.twxx .twxx_wen div{font-size: 14px;line-height: 26px;color: #333;}

.prodet_ms h4{font-size: 18px;color: #fff;background-color: #aaa;margin-top: 20px;padding: 5px 15px;}
.prodet_ms .ms{padding-left: 15px;margin: 20px 0;}
.prodet_ms .ms h5{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;}
.prodet_ms .ms p{font-size: 14px;color: #333;line-height: 30px;padding-left: 10px;}
.prodet_ms .ms h6{font-size: 14px;color: #333;font-weight: bold;}

.pfanhui{padding: 20px 0;}
.pfanhui a{display: block;width: 120px;height: 30px;line-height: 30px; border: 1px solid #aaa;text-align: center;
	font-size: 14px;color: #686868;float: right;}
.pfanhui a:hover{text-decoration: none;background-color: #0071c5;border-color: #0071c5;color: #fff;}





/*关于浩德 浩德简介 视频*/
.haodesp{position: relative;}
.haodesp .img{width: 100%;height: auto;}
.haodesp .play{position: absolute;left: 50%;top: 50%;margin-left: -31px;margin-top: -31px;cursor: pointer;}
.haodesp .caseVideo{width: 632px;height: 348px;position: relative;display: none;}
.haodesp .caseVideo .close{position: absolute;right: 10px;top: 10px;cursor: pointer;}