﻿.inban{ height:380px; margin-bottom:10px;}

.sidebar{ width:223px;}
.sidebar .snav{ margin-bottom:20px;}
.sidebar h3{ background:url(../images/bg_snav.png); color:#fff; padding:10px 15px; height:51px;}
.sidebar .navlist{ border:1px solid #e1e1e1;}
.sidebar .navlist li{ height:44px; line-height:44px; padding-left:15px; background:url(../images/bg_snav_li.png);}
.sidebar .navlist li a{ display:block; padding-left:20px; background:url(../images/ico_nav.png) left center no-repeat;}
.sidebar .navlist li a:hover,.sidebar .navlist li a.cur{ background:url(../images/ico_nav_cur.png) left center no-repeat; color:#ffa300;}


.tWrap{ background:#fff; padding-bottom:50px;}
.tbody{ width:1170px; background:url(../images/bg_in.jpg) left repeat-y #fff; box-shadow:0 2px 5px #e6e6e6;}



.mainCtn{ width:860px; float:right;}
.mainCtn .title{ padding-bottom:10px; background:url(../images/bg_title.png) bottom no-repeat;}
/*.mainCtn .title{ height:40px; line-height:40px; color:#666;}
.mainCtn .title h2 span{ display:inline-block; border-bottom:2px solid #ff6b71; height:41px;}*/
.crumb{ margin-right:20px; margin-top:5px;}
.crumb, .crumb span, .crumb a{ color:#898989;}
.crumb span{ margin-right:10px;}
.crumb a:last-child{ color:#0cabe6;}
.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:#cc1f25; color:#fff; border-color:#cc1f25;}

/*单页发展历程*/
.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 .x4 .f24{ margin-bottom:10px; padding-left:35px; background:url(../images/ico_tel.png) left center no-repeat; margin-top:30px;}
.contact .x4 li{ margin-bottom:10px;}
.contact .x4 span{ display:inline-block; width:22px; text-align:center; color:#ff6699;}
.contact .x7 .way{ background:#f6f6f6; margin-bottom:40px; padding:14px 40px 14px 100px; height:66px; border-radius:40px; position:relative;}
.contact .x7 .way .ico{ position:absolute; left:0; top:-3px; width:71px; height:71px; background:url(../images/ico_way.png);}
.contact .x7 .way:last-child .ico{ background-position:left bottom;}





/*团队*/
.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{ border-left:1px solid #e8ebf0;  border-top:1px solid #e8ebf0;}
.partnerlist .x2{ border-right:1px solid #e8ebf0; border-bottom:1px solid #e8ebf0; height:120px;float:left;}
.partnerlist .x2 a{ display:block; width:100%; height:119px; line-height: 119px; background:#fff; text-align:center;}
.partnerlist .x2 a img{ vertical-align: middle; opacity:0.5; max-height:119px; max-width:100%;}
.partnerlist .x2 a:hover img{ vertical-align: middle; opacity:1;}



.albumlist{ margin-top:20px;}
.albumlist li{ margin-bottom:20px;}
.albumlist li a{ display:block; border:1px solid #e6e6e6; padding:9px;}
.albumlist li img{ width:100%; height:150px;}
.albumlist li p{ margin-top:9px; height:40px; line-height:20px; text-align:center;}


.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;}


.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 dotted #bcbcbc; line-height:50px; padding-left:15px; background:url(../images/ico_01.png) 5px center no-repeat;}
.newsCtn .info{margin-top:10px; padding-top:20px;}
.newsCtn .text-line{ border-bottom:1px dashed #e3e3e3; padding:10px;}

.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; border-bottom:1px dashed #e7e7e7; padding-bottom:20px; margin-bottom:20px; min-height:126px;}
.newslist-pic dl:hover{}
.newslist-pic dl dt a{ color:#000;}
.newslist-pic dl:hover dt a{ color:#038ed5 !important;}
.newslist-pic dl dd.pic{ padding:5px; border:1px solid #d3d3d3;}
.newslist-pic dl dd.pic img{ width:147px; height:94px;}
.newslist-pic dl dd{ padding:0; font-size:12px;}
.newslist-pic dl dd.date{ margin-top:10px; margin-bottom:10px;}
.newslist-pic dl dd.desc{ line-height:1.6;}


.joblist{}
.joblist dl{ margin-bottom:20px; border-bottom:1px dashed #e7e7e7; padding-bottom:20px; margin-bottom:20px; min-height:126px;}
.joblist dl dd.desc{ padding-bottom:0px;line-height:1.6;}



/*下载列表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 .x3{ position:relative; margin-bottom:20px;}
.prolist .x3 img{ width:100%; height:140px; border:1px solid #e3e3e3; border-bottom:0;}
.prolist .x3 p{ background:#f8f8f8; color:#a0a0a0; padding:5px;}


.protable td{ border:1px solid #ddd;}
.protable td a{ display:table-cell; width:50%; float:left; border-bottom:1px solid #ddd; padding:10px; height:60px; vertical-align:middle;}
.protable td a:nth-last-child(1),.protable td a:nth-last-child(2){ border:0;}
.protable td a:nth-child(2n-1){ border-right:1px solid #ddd;}

.titab { margin-bottom:-8px;}
.titab li{ width:121px; float:left; margin-right:10px;}
.titab li a{ color:#000; display:block; text-align:center; width:100%; height:27px; line-height:27px; background:url(../images/bg_tab.png);}
.titab li a.cur,.titab li a:hover{ background-position:left -30px; color:#fff;}

.joinus .table td{ vertical-align:middle;}
.joinus .table img{ vertical-align:middle;}