﻿@import url(common.css);
.sidebar{ float:left; width:250px; background:#56a20e; padding-bottom:100px;}
.sidebar h3{ text-align:center; height:60px; line-height:60px; border-bottom:1px dotted #d7e3bf;}
.sidebar li{ height:41px; line-height:41px; border-bottom:1px dotted #d7e3bf;}
.sidebar li a{ color:#fff; display:block; line-height:40px; text-align:center;}
.sidebar li a.cur, .sidebar li a:hover{color:#fff; background:#a1c32e; text-decoration:none;}

.tWrap{ padding-bottom:10px; padding-top:10px;}
.tbody{ width:1170px; background:url(../images/bg_in.jpg) left repeat-y #fff; box-shadow:0 2px 5px #e6e6e6;}



.mainCtn{ width:880px; float:right;}
.mainCtn .title{ height:40px; line-height:40px; border-bottom:1px solid #f2f2f2; margin-bottom:25px;}
.mainCtn .title h2 span{ display:inline-block; border-bottom:2px solid #ff6b71; height:41px;}




.inban{ position: relative; height:143px; z-index:10;}
.inban .hd ul{  position: absolute; top: 126px; width:100%; height: 18px; z-index: 900; text-align:right; padding-right:10px;}
.inban .hd li{ display:inline-block; width: 18px; height: 5px; margin: 0 3px; cursor:pointer; background:#fff; }
.inban .hd li.on{ background:#0375c4;}
.inban .bd{ margin: auto; height:143px; }
.inban .bd ul{ }
.inban .bd li{ position: relative; height:143px; float:left; width:100%;}
.inban .bd li a{ display: block; position: relative; margin: auto; width: 100%; height:143px; }




.crumb{ border-bottom:1px solid #c4c9cd; padding:10px;}
.crumb, .crumb span, .crumb a{ color:#a3a3a3;}
.crumb span{ margin-right:10px;}
.crumb a:last-child{ color:#0375c4;}
.content{ padding:40px;}
.content p{ line-height:30px;}



/*分页*/
.pages{ text-align:center; margin:40px auto 0;}
.pages a, .pages span{ display:inline-block; padding:8px 15px; background:#f7f7f7; border:1px solid #f0f0f0; border-radius:5px; margin:0 2px; color:#b7b7b7;}
.pages a:hover, .pages span.cur{ background:#0375c4; color:#fff; border-color:#0375c4;}

/*单页发展历程*/
.culture{ background:url(../images/c_dot.png) center repeat-y; padding:30px 0;}
.culture dl{ position:relative; width:50%;}
.culture dl dt{ position:absolute; background-image:url(../images/c_year.png); background-repeat:no-repeat; height:30px; line-height:30px;}
.culture dl dd{ padding:10px 20px; position:relative; background:#ff6699; }
.culture dl dd span{ display:block; width:0; height:0; border:10px solid #fff; position:absolute;}
.culture dl:nth-child(odd){ margin-left:50%;}
.culture dl:nth-child(odd) dt{ left:-15px; padding-left:50px;}
.culture dl:nth-child(odd) dd{margin-left:120px;}
.culture dl:nth-child(odd) dd span{ border-right-color:#ff6699; left:-20px;}
.culture dl:nth-child(even){ margin-right:50%;}
.culture dl:nth-child(even) dt{ right:-15px; padding-right:50px; background-position:top right;}
.culture dl:nth-child(even) dd{margin-right:120px; text-align:right;}
.culture dl:nth-child(even) dd span{ border-left-color:#ff6699; right:-20px;}



.idea .circle1{ width:370px; height:370px; border:1px solid#efefef; background:#f6f6f6; border-radius:50%; padding-top:80px;}
.idea .line1{ position:relative; display:inline-block; margin-bottom:20px; padding:15px 80px 15px 20px; background:#ff6699; color:#fff;}
.idea .line1 i{ display:block; width:0; height:0; border:36px solid #ff6699; position:absolute; right:0px; top:0; border-right:15px solid #fff;}
.idea .line1:last-child i{ border:46px solid #ff6699;border-right:15px solid #fff;}
.idea .circle2 .wrap{ text-align:center; margin-left:auto; margin-right:auto;}
.idea .circle2 .wrap .cir{ width:240px; height:240px; border:1px solid #ff6699; border-radius:50%; padding:9px; margin:0 auto;}
.idea .circle2 .wrap .cir .cirn{ background:#ff6699; width:220px; height:220px; text-align:center; border-radius:50%; color:#fff; padding-top:50px;}
.idea .zs .zsctn{ height:260px; background:#f6f6f6; padding:30px;}
.idea .zs .zsctn p{ line-height:26px; text-indent:2em;}
.idea .zs .who{ background:#ff6699; padding:15px 30px; position:relative;}
.idea .zs .who i{ width:0; height:0; border:14px solid #f6f6f6; position:absolute; right:30px; top:-28px; border-bottom-color:#ff6699;}


.contact .x7 .f24{ margin-bottom:10px; margin-bottom:20px;}
.contact .x7 li{ margin-bottom:10px;}
.contact .x7 span{ display:inline-block; width:22px; text-align:center; color:#2a7ec1;}





/*团队*/
.itemlist{}
.itemlist .x4{ margin-bottom:20px;}
.itemlist .hum{ width:100%; height:200px; position:relative; position:relative;}
.itemlist .hum img{ opacity:0.8; width:100%; height:200px;}
.itemlist .hum .ctn{ display:none;}
.itemlist .hum .ctn h3{ border-bottom:1px solid #ff94b8; line-height:40px;}
.itemlist .hum .ctn h3 span{ display:inline-block; border-bottom:3px solid #fff;}
.itemlist .hum:hover{ z-index:3;}
.itemlist .hum:hover img{ opacity:1;}
.itemlist .hum:hover .ctn{ display:block; position:absolute; right:-397px; top:0; width:397px; padding:40px 30px; background:#ff6699; color:#fff;}
.itemlist .x4:nth-child(3n) .hum:hover .ctn{ left:-397px;}

.mainCtn .itemCtn{ width:530px;}
.mainCtn .itemCtn .desc{ margin:10px 0; background:#fcfcfc; border:1px solid #e7e7e7; padding:10px 15px;}



.partnerlist .line{ margin-left:20px; margin-right:-20px;}
.partnerlist .x4{ padding-left:20px; padding-right:20px; margin-bottom:40px;}
.partnerlist .x4 .wrap{ border:1px solid #dbdbdb; padding:5px;}
.partnerlist .x4 .wrap img{ max-width:200px; height:80px;}


/*玄武服务*/
.srvico{ padding:50px; background:#f9f9f9;}
.srvico .x2{ width:20%; }
.srvico .x2 .wrap{background:#fff; padding:40px 0;}
.srvico .x2 i{ display:block; width:95px; height:85px; background:url(../images/servico.png) no-repeat; margin:0 auto 30px;}
.srvico .x2 .i1{ background-position:7px 0;}
.srvico .x2 .i2{ background-position:-230px 0;}
.srvico .x2 .i3{ background-position:-465px 0;}
.srvico .x2 .i4{ background-position:-705px 0;}
.srvico .x2 .i5{ background-position:-940px 0;}
.srvico .x2 .f16{ line-height:30px;}
.srvico .x2 .wrap:hover{ background:#ff6699; color:#fff;}
.srvico .x2 .wrap:hover h3{ color:#fff;}
.srvico .x2 .wrap:hover .i1{ background-position:7px -85px;}
.srvico .x2 .wrap:hover .i2{ background-position:-230px -85px;}
.srvico .x2 .wrap:hover .i3{ background-position:-465px -85px;}
.srvico .x2 .wrap:hover .i4{ background-position:-705px -85px;}
.srvico .x2 .wrap:hover .i5{ background-position:-940px -85px;}



.lltx{ margin-left:-40px; margin-right:-40px;}
.lltx .x3{ padding-left:40px; padding-right:40px;}
.lltx .wrap{ border:1px solid #efefef; padding:8px; width:233px; height:233px; border-radius:50%; color:#666;}
.lltx .wrap .ctn{ width:215px; height:215px; background:#efefef; border-radius:50%; padding-top:50px;}
.lltx .wrap .f24{ color:#999;}
.lltx .wrap:hover{ border-color:#ff6699;}
.lltx .wrap:hover .ctn{ background:#ff6699; color:#fff;}
.lltx .wrap:hover .f24{ color:#fff;}

.jjfa{ padding-top:108px; background:url(../images/p_jjfa.jpg) top center no-repeat; line-height:26px; margin-left:-15px; margin-right:-15px;}
.jjfa h3.f36{ padding-top:20px; margin-bottom:20px; line-height:40px;}
.jjfa .f1{ height:149px;}
.jjfa .f2{ background:#f4f4f4; height:250px; padding:20px;}
.jjfa .bg-dot{ line-height:1.2;}
.jjfa .x3{ padding-left:15px; padding-right:15px;}
.fwms .x4:nth-child(2) .wrap{ margin:auto 25px;}
.fwms .x4:first-child .wrap{ margin-left:0; margin-right:50px;}
.fwms .x4:last-child .wrap{ margin-right:0; margin-left:50px;}


.honorlist{}
.honorlist li{ float:left; margin-right:24px; width:286px; height:401px; position:relative; margin-bottom:24px; overflow:hidden; position:relative;}
.honorlist li:nth-child(3n){ margin-right:0;}
.honorlist li a{ display:block; border:5px solid #e8e8e8;}
.honorlist li img{ width:276px; height:391px;}


.cat { position:relative;}
.cat li{ margin-bottom:10px; padding-left:25px;}
.cat li span{ position:absolute; left:0; width:20px; text-align:center;}

/*招聘*/
/*.jobinfo{ padding-bottom:50px; background:url(../images/bg_hr.png) bottom repeat-x; margin-bottom:20px;}
.joblist dl{ border-top:1px dotted #b8b8b8; padding-top:20px; padding-bottom:5px;}
.joblist dl:nth-child(1){ border:none;}*/
.joblist .table th{ padding:5px; text-align:center; font-weight:normal;}
.joblist .table th span{ background:#eaeaea; display:block; padding:5px;}
.joblist .table tbody td{ border:0;}


.qalist dl{ background:#fcfcfc; border:1px solid #f2f2f2; padding:10px 10px 10px 44px; margin-bottom:10px; position:relative;}
.qalist dl dt{}
.qalist dl dt span{ position:absolute; background:#b6b6b6; left:15px; display:block; width:22px; height:22px; text-align:center; line-height:22px; color:#fff; border-radius:50%; font-size:14px;}
.qalist dl dd{ display:none; color:#848484;}
/*.qalist dl:hover,*/.qalist dl.cur{ border:1px solid #ff6b71; background:#fff;}
/*.qalist dl:hover dt,*/.qalist dl.cur dt{ color:#ff6b71;}
/*.qalist dl:hover dt span,*/.qalist dl.cur dt span{ background:#ff6b71;}
/*.qalist dl:hover dd,*/.qalist dl.cur dd{ display:block;}

/*留言*/
.gbooktip{ width:790px; position:relative; margin-left:auto; margin-right:auto; padding-left:110px;}
.gbooktip span{ position:absolute; left:0; display:inline-block; width:93px; height:93px; line-height:86px; text-align:center; background:#e6e6e6;}
.gbook{ width:845px; margin-left:auto; margin-right:auto;}
.gbook .field-icon-right span{ border-left:1px solid #f2f0ed; height:26px; line-height:26px; margin-top:7px; color:#cbcbcb;}
.gbook .btn-name{ width:270px; float:left; margin-right:10px;}
.gbook .btn-name input{ width:270px;}
.gbook .btn-tel{ width:270px; float:left; margin-right:10px;}
.gbook .btn-tel input{ width:270px;}
.gbook .btn-email{ width:285px; float:left;}
.gbook .btn-email input{ width:285px;}
.gbook input{ border:2px solid #e4e4e4; height:40px; border-radius:0; padding:5px 15px;}
.gbook textarea{ width:845px; border:2px solid #e4e4e4; border-radius:0; height:220px; padding:5px 15px;}
.gbook .btn-code{ width:270px; margin-right:5px;}
.gbook .btn-code input{ width:270px;}
.gbook .imgcode{ padding:5px; background:#dde8fc; vertical-align:middle; margin-top:10px;}
.gbook .faqsub input{ color:#fff; background:#cecece; padding:0 35px; border:0;}
.gbook .faqsub .bg-dot{ background:#ff6b71;}


/*表单*/
.custom { margin-left:50px;}
.custom .input-note{}
.custom .label label{ font-weight:normal; color:#000;}
.custom .input{ border:1px solid #ebebeb; background:#fcfcfc; padding:5px 15px; height:36px; border-radius:0; box-shadow:none; width:380px;}
.custom .ctnarea{ border:1px solid #ebebeb; background:#fcfcfc; padding:5px 15px; width:500px; height:100px;}
.custom .faqsub input{ color:#fff; background:#cecece; padding:10px 35px; border:0;}
.custom .faqsub .bg-dot{ background:#ff6b71;}


/*新闻列表1*/
.newslist1 li{ border-bottom:1px solid #e7e7e7; line-height:50px; background:url(../images/ico_dot.png) 15px center no-repeat; padding:0 10px 0 25px;}
.newsCtn .info{margin-top:10px; padding-top:20px;}

.newslist{}
.newslist dl{ margin-bottom:20px; position:relative; padding:20px 20px 20px 150px; min-height:121px;}
.newslist dl:hover{}
.newslist dl:hover dd.date{ color:#ff6699;}
.newslist dl dt a{ color:#000;}
.newslist dl:hover dt a{ color:#ff6699 !important;}
.newslist dl dd.date{ position:absolute; left:20px; top:12px; padding:0; text-align:center; font-size:16px;}
.newslist dl dd.desc{ padding-bottom:0px;}
.newslist dl dd.date span{ font-size:60px; line-height:60px; display:block;}

.newslist-pic{}
.newslist-pic dl{ margin-bottom:20px; position:relative; padding:20px 130px 20px 250px; height:150px; border:1px solid #e7e7e7;}
.newslist-pic dl:hover{}
.newslist-pic dl:hover dd.date{ color:#fff; background:#ff6699;}
.newslist-pic dl dt a{ color:#000;}
.newslist-pic dl:hover dt a{ color:#ff6699 !important;}
.newslist-pic dl dd.pic{ position:absolute; left:-1px; top:-1px; padding:0;}
.newslist-pic dl dd.pic img{ width:220px; height:150px;}
.newslist-pic dl dd.date{ position:absolute; right:-1px; top:-1px; text-align:center; font-size:16px; color:#fff; width:100px; padding-top:30px; background:#e7e7e7; height:150px;}
.newslist-pic dl dd.desc{ padding-bottom:0px; line-height:1.6;}
.newslist-pic dl dd.date span{ font-size:60px; line-height:60px; display:block;}


/*下载列表1*/
.downlist li{ border-bottom:1px dotted #bcbcbc; line-height:50px; padding-left:15px; background:url(../images/ico_01.png) 5px center no-repeat;}
.downlist .icon-arrow-circle-down{ color:#c7c7c7; font-size:20px; margin-left:100px; margin-right:20px;}

/*产品列表*/
.prolist{}
.prolist .x4{ height:390px; position:relative;}
.prolist .x4 img{ width:390px; height:390px;}
.prolist .x4 .ctn{ display:none; position:absolute; bottom:0; background:#ff6699;}
.prolist .x4:hover .ctn{ display:block;}