@charset "utf-8";
/* CSS Document */
body, div, dl, dd, dt, ol, ul, li, h1, h2, h3, h4, h5, h6, form, pre, fieldset, blockquote, p{margin:0;padding:0; font-size:12px;}
body{background:#fff; font-family:'微软雅黑';color: #333;}
ul li{ list-style: none;}
img{border: 0; margin: 0;padding: 0; vertical-align:middle}
em{font-style: normal;font-weight: normal;}
a{color: #58585a;text-decoration: none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.wrapper{ background:#fff; margin:0 auto; width:1000px; position:relative;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


#header{ background:#fff;}
#header .right{ width:425px; position:relative;}
#header #dis{ position:absolute; top:50px; left:290px; z-index:9999999999999999999999999; display:none; padding:0px;}
#nav #pis{ position:absolute; top:150px; left:50px; z-index:99999999999999999999; display:none; padding:0px;}
#header .right ul{ float:right; margin-top:19px;}
#header .right img{ float:left; padding-top:20px; margin-right:15px;}
#header .right li{ line-height:25px; text-align:right;}
#header .right input{ background:url(../images/input.jpg) no-repeat; border:0px; height:24px; line-height:25px; vertical-align:middle; width:153px; padding-left:10px; }
*:focus {outline: none;}
#header .right input.btn{ background:url(../images/search.jpg) no-repeat; height:25px; vertical-align:middle; width:35px; padding:0px; margin-top:-1px; margin-left:-1px;}

#nav{ background:#fff; height:73px; position:relative; z-index:999999999;}
#nav .wrapper{ background:url(../images/nav_bg.png) no-repeat; height:73px;  width:1036px;}
#nav ul{ margin:0 18px;}
#bg{ background:#fff;  position:absolute; z-index:0; left:18px; height:60px; width:1000px;}
#nav li{ float:left; height:43px; line-height:42px; overflow:hidden; position:relative;}
#nav li a{ border-right:1px solid #fff; color:#727171; display:block; height:30p; line-height:30px; margin-top:6px; font-size:16px; padding:0 32px;}
#nav li a:hover{ color:#727171;}
#nav li a.sel{ color:#727171;}
#nav #subnav{ background:#efefef; position:absolute; top:43px; left:0px; width:100%;}
#nav #subnav a{ border:0px; border-bottom:1px solid #FFF; font-size:14px; display:block; color:#595757; text-align:center; padding:0px}
#nav #subnav a:hover{ color:#e85298;}

#abs{  position:fixed; right:0px; top:200px; z-index:99999999999}
#abs .one{ position:relative; left:0px; top:-1px;}
#abs #diss{ display:none; margin-top:-141px;}
#abs a{ cursor:pointer; display:none; height:48px; width:139px; position:absolute; top:1px; right:0px;}
#abs a.weibo{ top:48px;}
#abs a.weixin{ top:96px;}
#abs:hover a{ display:block;}

#banner{ width:100%; margin-top:-40px; padding-top:50px; text-align:center}
#banner img{ max-width:1280px; overflow:hidden;}
.blueberry {margin: 0 auto; width: 100%; position:relative; height:500px;overflow: hidden; }
.blueberry .slides {display: block;position: relative; width:100%}
.blueberry .slides li {position: absolute;top: 0;overflow: hidden;text-align:center;z-index:1; width:100%; }
.blueberry .slides li img {display: inline-block;}
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .crop li img {width: auto;}
.blueberry .pager { display:none; bottom:20px;left:48%;width:150px;margin:0px auto;height: 16px;text-align: center;position:absolute;z-index:999;}
.blueberry .pager li {display: inline-block;float:left}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 16px;width: 16px;}
.blueberry .pager li a {margin-right:10px;}
.blueberry .pager li a span {overflow: hidden;background: url(../images/bullets.png) -2px -22px no-repeat ;text-indent: -9999px;width:16px;height:16px;}
.blueberry .pager li.active a span {background-position:-2px -1px ;}

#kong{ background:#f8f8f8; height:10px; border-bottom:1px solid #ccc; position:relative; text-align:center;}
#kong img{ margin-top:10px;}

#news{ display:none; position:absolute; left:0px; top:0px; background:url(../images/news_bg.jpg) repeat-x; height:221px; padding-top:20px; text-align:left; z-index:991;}
#news h1{ border-bottom:1px solid #eb6ea5; color:#727171; font-weight:normal; font-size:20px; height:35px; line-height:35px;}
#news h1 img{ margin:0px 10px 0 0;}
#news h1 a{ background:url(../images/more.jpg) repeat-x; color:#fff; display:block; height:18px; line-height:18px; margin-top:10px; padding:0 5px; float:right; font-size:12px; font-weight:normal;  *margin-top:-35px;}
#news .left,#news .right{ margin:0 20px; width:460px;} 
#news .left{ background:url(../images/xian.jpg) no-repeat right center; margin:0px; padding:0 20px;}
#news .intro{ line-height:23px; padding:30px 20px;}
#news .intro img{ float:left; margin-right:15px;}
#news ul{ margin-top:20px;}
#news li{ line-height:30px;}
#news li span{ color:#eb6ea5; float:right;  *margin-top:-30px;}
#show{ cursor:pointer;}
#hide{ position:absolute; top:230px; left:400px;}

#case{ margin:50px 20px 0; padding-bottom:10px;}
h1.title{ background:url(../images/hr.jpg) no-repeat center bottom; color:#000; font-size:30px; height:50px; line-height:50px;}
h1.title span{ color:#666; font-size:24px; margin-left:10px;}
#case .clo{ box-shadow:5px ;border:5px solid #dfdfe0; float:left; margin:20px 15px; position:relative; width:280px;}
#case .clo img{ border:3px solid #fff; width:274px;}
#case .clo span{  background:#dfdfe0; color:#595757; display:block; font-size:16px;  height:30px; line-height:30px; padding:5px;  left:0px; bottom:0px; z-index:99 ; width:270px; text-align:center;  }
#case .clo:hover{ border:5px solid #eb6ea5;}
#case .clo:hover span{background:#eb6ea5; color:#fff;}


#online{ background:url(../images/service.jpg) no-repeat; float:left; height:304px; width:458px; margin-left:10px; position:relative;}
#online a{ display:block; position:absolute; width:87px; height:87px;}
#online a img{ display:none;}
#online .frist{ left:285px; top:35px; }
#online .frist:hover img{ display:block }
#online .two{left:365px; top:102px;}
#online .two:hover img{ display:block }
#online .three{left:325px; top:188px;}
#online .three:hover img{ display:block }
#online .four{left:123px; top:187px;}
#online .four:hover img{ display:block }
#online .five{ height:111px; width:112px; left:213px; top:118px;}
#online .five:hover img{ display:block }

#answer{float:right; height:304px; width:300px;}
#answer ul{ margin:10px; width:270px;  margin-top:20px;}
#answer li{ line-height:23px;}
#answer .lan{ color:#00afec;}
#answer .red{ color:#eb6ea5}

#footer{ background:url(../images/footer.jpg) repeat-x left bottom #efefef;  padding-top:40px; padding-bottom:5px;}
#footer .wrapper{ background:none;}
#footer ul{ float:left; line-height:25px; margin-right:78px; width:110px;}
#footer ul.last{ float:right; margin-right:0px;}
#footer a{ font-size:12px;}
#footer .copy{ margin-top:20px; text-align:center;}



#main{padding:25px 10px 80px; width:980px;}
#main .left{  border-bottom:0px;  width:220px;}
#main .left li{   background:url(../images/black.png) no-repeat 190px center ; height:48px; line-height:48px;border:1px solid #ccc; border-top:0px; }
#main .left li a{ font-size:16px; display:block;padding-left:15px;}
#main .left li:hover{ background:url(../images/write.png) no-repeat 190px center #facde9 ;}
#main .left li:hover a{ color:#fff;}
#main .left li .sel{ background:url(../images/write.png) no-repeat 190px center #eb6ea5 ;color:#fff;}
#main .left li ul{ display:none;}
#main .left li.frist{ border-right:0px;border-left:0px; background:url(../images/black1.png) no-repeat left top ;}
#main .left li.frist .sel{background:url(../images/frist1.png) no-repeat; color:#fff;}
#main .left li.frist:hover{ background:url(../images/fristhover.png) no-repeat;}
#main .left li.two:hover{ background:url(../images/fristhover.png) no-repeat;}

#main .right{ width:740px;}
#loc{ border-bottom:1px dotted #eb6ea5; height:30px; line-height:30px;}
#main .content{ padding:25px 5px 0px; line-height:23px; min-height:300px;}

#contact .title{ height:auto; padding:50px 0 25px; margin-bottom:20px;}
#contact .left{ border:0px; background:url(../images/contact_bg.jpg) no-repeat; width:483px; height:370px; margin-bottom:20px;}
#contact .left ul{ margin-left:80px; margin-top:30px;}
#contact .left li{ background:none; border:0px; font-size:16px; height:auto; line-height:65px;}
#contact .left li:hover{ background:none; border:0px;}
#contact .right{ border:5px solid #ccc; height:340px; width:440px; margin:10px 0px 0 0; padding:3px; }

#main td{ font-size:14px; height:40px;}
#main td input{ border:1px solid #ccc; height:25px; line-height:25px; width:365px;color:#666;}
#main td input.inp{ width:100px; margin-right:4px;}
#main td textarea{ height:100px; width:365px; border:1px solid #ccc; resize:none;}
#main td .btns{ background:url(../images/submit.jpg) no-repeat; border:0px; height:25px; width:88px;}
#main td span{ margin-left:10px; color:#eb6ea5}

#title{ background:#f8c9de; border:1px dotted #eb6ea5; padding:5px 50px;}
#title input{ border:1px solid #ccc; height:22px; line-height:22px; vertical-align:middle;}
#title input.btn{  border:0px; width:90px; height:26px; vertical-align:middle; line-height:26px;}
#title select{ border:1px solid #ccc; padding:3px; margin:0 10px; vertical-align:middle;}

.job{ padding:20px 0;}
.job li{ float:left; font-size:14px; line-height:30px; margin:0 70px 0 0; width:250px;}
.job li span{ float:right;}

#main .news li{ border-bottom:1px dotted #ccc; line-height:30px;}
#main .news li a{ font-size:14px;}
#main .news li span{ float:right;  *margin-top:-30px;}

.ques{ margin-top:25px;}
.ques strong{ background:#d4edfc; color:#000; display:block; font-size:14px; line-height:25px; margin-bottom:5px; padding-left:10px; }
.ques span{ display:block; line-height:20px; margin:25px 0 40px;}

#main .left li.sels{ height:auto;padding-left:0; background:none;}
#main .left li.sels ul{ display:block; margin:5px 0;}
#main .left li.sels:hover{background:none}
#main .left li.sels a{ background:url(../images/write1.png) no-repeat 190px center #eb6ea5 ; color:#fff; display:block; padding-left:15px;}
#main .left li.sels li{ background:none; border:0px; height:auto; line-height:25px; padding-left:15px;}
#main .left li.sels li:hover{ background:none; border:0px;}
#main .left li.sels li a{ background:none; color:#666}

#main #yun td{ height:auto;}
#main #yun table{
    border-collapse: collapse;
	float:left;
}
#main #yun table td {
    border: 1px solid #C6E3F1;
    text-align: center;
    vertical-align: middle;
	font-size:12px;
}
#main .content .title{ background-position:right bottom; color:#eb6ea5; font-size:24px;}
#main .content .con{ margin:15px 0; font-size:14px;}
#main #yun input{ width:40px; height:20px;}
#main #yun select{ padding:3px;}
#main  .btn{ background:url(../images/search1.jpg) no-repeat; border:0px; color:#fff; height:25px; line-height:25px; width:88px; text-align:center; margin-right:15px;}
#main #yun .dis td{ padding-left:80px;}
#main #yun .dis span{ display:block; height:23px; width:45px; float:left;}
#main #yun .dis span.green{ background:#248000;}
#main #yun .dis span.red{ background:#e4007f;}
#main #yun .dis span.grey{ background:#c9cacb}
#liucheng{    border-collapse: collapse; width:100%;}
#liucheng th{ background:#eb6ea5; color:#fff; font-size:24px; padding:10px 0}
#liucheng td{    border: 1px solid #9fa0a0; text-align:center; padding:5px 0px;}

#main #baby input{ width:150px;}

#suan{  border-collapse: collapse; }
#suan th{ background:#eb6ea5; color:#fff; font-size:24px; padding:10px 0}
#suan td{border: 1px solid #9fa0a0; height:30px; text-align:center;}

#main .srBody table { margin-right:15px; margin-bottom:10px;}
#main .srBody td{ height:auto;}



#squ{ margin-bottom:20px; position:relative; z-index:999999}
#squ a{ color:#595757; display:block; float:left; font-size:24px; font-family:'华文细黑'; line-height:30px; height:60px; margin-right:100px; width:120px; text-align:center; padding-top:120px;}
#squ a:hover{ color:#eb6ea5;}
#squ a.frist{ background:url(../images/a1.png) no-repeat}
#squ a.frist:hover{ background:url(../images/a11.png) no-repeat}
#squ a.two{ background:url(../images/a2.png) no-repeat}
#squ a.two:hover{ background:url(../images/a21.png) no-repeat}
#squ a.three{ background:url(../images/a3.png) no-repeat; margin-right:0px;}
#squ a.three:hover{ background:url(../images/a31.png) no-repeat}
#squ a.four{ background:url(../images/a4.png) no-repeat}
#squ a.four:hover{ background:url(../images/a41.png) no-repeat}
#squ a.five{ background:url(../images/a5.png) no-repeat;}
#squ a.five:hover{ background:url(../images/a51.png) no-repeat}

#fast{}
#fast .clear{ float:none; height:auto; width:auto;}
#fast div{ cursor:pointer; float:left; height:96px; margin-right:15px; width:238px;}
#fast .frist{ background:url(../images/s1.png)}
#fast .frist:hover{ background:url(../images/s11.png)}
#fast .two{ background:url(../images/s2.png)}
#fast .two:hover{ background:url(../images/s21.png)}
#fast .three{ background:url(../images/s3.png)}
#fast .three:hover{ background:url(../images/s31.png)}
#fast .four{ background:url(../images/s4.png); margin-right:0px;}
#fast .four:hover{ background:url(../images/s41.png)}

#cent{ margin-top:40px; padding:0 5px 50px; }
#cent h1{ background:url(../images/hr.jpg) no-repeat right bottom; font-size:26px; font-weight:normal; font-family:'华文细黑'; line-height:45px;}
#cent .left{ width:660px;}
#cent .pro{ border:1px solid #ccc; float:left; margin-top:20px; margin-right:20px; padding:5px; text-align:center; width:194px;}
#cent .pro span{ display:block;}
#cent .pro:hover{ border:3px solid #eb6ea5; padding:0px; width:200px;}
#cent .pro:hover img{ margin:3px;}
#cent .pro:hover span{ background:#eb6ea5; line-height:24px;}
#cent .pro:hover a{ color:#fff;}
#cent .pro img{ height:134px; margin-bottom:5px; width:194px;}
#cent .pro a{ font-size:14px;}
#cent .last{ margin-right:0px;}
#cent .news{}
#cent .news img{ border:1px solid #ccc; float:left; margin:20px 0 0 0 ;padding:5px; width:198px;}
#cent .news .intro img{ width:auto;}
#cent .intro{ float:right;margin-top:20px; width:430px;}
#cent .intro h2{ font-size:20px; margin-bottom:5px;}
#cent .intro h2 a{ color:#eb6ea5;}
#cent .intro div{ font-size:15px; line-height:26px;}
#cent .intro a.more{ float:right; margin-top:5px;}
#cent .intro a img{ border:0px; margin:0px;}



#product{  padding:20px 0 40px 3px;}
#product a{ display:block; float:left; height:155px; margin:23px 9px; width:307px;}
#product a.frist{ background:url(../images/c1.png) no-repeat;}
#product a.frist:hover{ background:url(../images/c11.png) no-repeat;}
#product a.two{ background:url(../images/c2.png) no-repeat;}
#product a.two:hover{ background:url(../images/c21.png) no-repeat;}
#product a.three{ background:url(../images/c3.png) no-repeat;}
#product a.three:hover{ background:url(../images/c31.png) no-repeat;}
#product a.four{ background:url(../images/c4.png) no-repeat;}
#product a.four:hover{ background:url(../images/c41.png) no-repeat;}
#product a.five{ background:url(../images/c5.png) no-repeat;}
#product a.five:hover{ background:url(../images/c51.png) no-repeat;}
#product a.six{ background:url(../images/c6.png) no-repeat;}
#product a.six:hover{ background:url(../images/c61.png) no-repeat;}


/*弹窗发消息*/
.hide {display: none;}
.modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -177px 0 0 -275px;
	height:354px;
    position: fixed;
    top: 50%;
    width: 550px;
    z-index: 1050000000000000000;
}
.modal-header {  margin:20px 25px 10px;    border-bottom: 1px dotted #eb6ea5;    padding: 0px 5px 5px;}
.modal-header h4{ font-size:24px; font-weight:normal; font-family:'华文细黑'}
.modal-body {
    max-height: 400px;
    padding: 15px;
	background:url(../images/xin.gif) no-repeat right 50px;
}
.modal-footer:after {    clear: both;}
.modal-footer:before, .modal-footer:after {    content: "";display: table;}
.modal-footer {
    background-color: #F5F5F5;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right;
}

.btn-success {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  border-radius: 4px 4px 4px 4px; padding:4px 10px; border-style:solid; border-width:1px; margin-left:5px;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #51A351; background-image: -moz-linear-gradient(center top , #51A351, #62C462)}
.modal-backdrop, .modal-backdrop.fade.in {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; }
.modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040000000;
}
.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 140px;
}
.form-horizontal .controls {   margin-left: 160px;}
.form-horizontal .control-group {    margin-bottom: 18px;}
.modal-body td{ font-size:16px; color:#000; height:40px;}
.modal-body td input{ border:1px solid #ccc; height:23px; line-height:23px; font-size:12px; width:280px;}
.modal-body td .btns{ background:url(../images/submit.jpg) no-repeat; border:0px; height:25px; width:88px;}
.modal-body td span{ font-size:12px; color:#666;}
.modal-body td span.red{ color:#f00; font-size:12px; margin-left:10px;}
.modal-body td input{ }
.modal-body td textarea{ border:1px solid #ccc; height:90px; width:360px; resize:none;}


/*选项卡*/
#container{ margin-top:35px;}
#container .menu{height:48px; border-bottom:1px solid #ccc}
#container ul{	list-style:none;margin:0; padding:0px;}
#container .menu li{background:url(../images/tab.jpg) no-repeat; display:block;float:left; margin-right:15px; width:106px;height:43px;cursor:pointer; padding-top:5px;}
#container .menu li.current{background:url(../images/tab1.jpg) no-repeat;}
#container .menu li.current span{ color:#fff;}
#container .menu span{font:normal 12px '微软雅黑';color:#eb6ea5;display:block;line-height:20px;text-align:center;}
#container .current span{  color:#eb6ea5;}
#container .content{ line-height:30px;}


#top {
	width:35px;
	cursor:pointer;
	height:35px;
	text-align:center;
	position:fixed;
	display:none;
	bottom:50px;
	right:100px;
}

/*新*/
.col{ float:left; margin:12px 11px 0 0; position:relative;}
.lasts{ margin-right:0px;}
.col a{ display:none; position:absolute; left:0; top:0px; width:212px;}
.col:hover a{ display:block;}