@charset "utf-8";
 /*  公共样式 */ 

/* 重构CSS */
html, body, span, applet, object, iframe,/* block elements */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,  /* list elements */
fieldset, form, label, legend, input, select /* form elements*/
table, caption, tbody, tfoot, thead, tr, th, td /* table elements */{padding:0px; margin:0px; font-weight:400;}
ins{ position:ab !important}
body{font:14px tahoma, arial, HELVETICA; color:#333;-webkit-text-size-adjust:100%; font-family:"微软雅黑" }
input,select,label{font-size:14px;line-height:16px;outline:none; vertical-align:middle;}
ol,ul,dl{list-style:none;}
li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
em,th,i{font-weight:normal; font-style:normal;}
img{border:0;vertical-align:middle;}
a{ text-decoration:none;outline:none; font-size:14px;color:#333;outline:0;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:underline}
.clear{ clear:both; height:0; font-size: 0px; line-height: 0px;overflow:hidden;}
.clearfix{overflow:hidden;_zoom:1;}
.fl{ float:left;}.fr{ float:right;}.fn{ float:none;}
.cp {cursor:pointer;}.bgn{ background:none;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.db{display:block;}.dn{display:none;}.dib{display:inline-block;}
.fb{font-weight:bold;}
.vm{ vertical-align:middle;}
.tu{ text-decoration:underline;}.tb{ text-decoration:blink;}.tlt{ text-decoration:line-through;}
.notxt{text-indent:-9999px;}.pab{ position:absolute;}.pre{ position:relative;}
input{ border:#cfcfcf 1px solid;}
input[type="submit"]{ cursor:pointer;}
 /* 宽度库 */
.w_full{width:100%;}
.w_050{width:50%}
.w_0499{width:49.9%}

 /* 行高库 */
.lh20{ line-height:20px;}
.lh24{ line-height:24px;}


/* 间距微调库 */
.m5{ margin:5px;}
.m10{ margin:10px;}

.mt5{ margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mr5{ margin-right:5px;}
.mr36{ margin-right:36px;}

.p5{ padding:5px;}

/* 透明度库 */
.opa_50{ opacity:0.5; filter:aphpa(opacity=50)/*ie7+*/;  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50)/* 使ie6支持透明度 */}

/* 字体库 */
.yahei,.yahei span,.yahei a,.yahei p{ font-family:"微软雅黑"}
.fb_orange{ font-weight:700; color:#F36C09;}

/* 颜色 */
.orange{ color:#F36C09;}
.gray{ color:#666;}

/****************公用模块*****************/
 
 /*input样式*/
.input_grey input[type='text']{ height:30px; line-height:30px;border:#CCC 1px solid; box-shadow:#EEE 2px 2px 2px inset; font-size:14px;color:#666; text-indent:1em;-webkit-transition: box-shadow 0.50s ease-in-out;transition: box-shadow 0.50s ease-in-out;}
.input_grey input[type='password']{height:30px; line-height:30px;border:#CCC 1px solid; box-shadow:#EEE 2px 2px 2px inset; font-size:14px;color:#666; text-indent:1em;-webkit-transition: box-shadow 0.50s ease-in-out;transition: box-shadow 0.50s ease-in-out;}
.input_grey input[type='text']:focus{ outline:none;border:#EFBD72 1px solid; box-shadow:#F5DEB6 3px 2px 2px inset; }
textarea{ height:100px; line-height:30px;border:#CCC 1px solid; box-shadow:#EEE 2px 2px 2px inset; font-size:14px;color:#666; text-indent:1em;-webkit-transition: box-shadow 0.50s ease-in-out;transition: box-shadow 0.50s ease-in-out;}
textarea:focus{ outline:none;border:#EFBD72 1px solid; box-shadow:#F5DEB6 3px 2px 2px inset; }
 



/* 2015.8.13 新加*/
body{ min-width:880px;}
 

 
 /*主要框架*/
.content_wrap{ position:relative; width:1200px; margin:auto; _zoom:1;}
.content_wrap_1100{ position:relative; width:1160px; margin:auto; _zoom:1;}
  
 /*黑色遮罩*/
.black_mask{ z-index:99990; display:none; width:100%; height:100%; _height:0; position:fixed;top:0px; left:0px; background:#000; opacity:0.5; filter:aphpa(opacity=50);_display:none; }
  
  
  /***头部***/
 /*顶部条*/
.top_head_wrap{ z-index:12345789; position:relative; width:100%; height:25px; background:#f7f7f7; /*border-bottom:#c9c9c9 1px solid;*/
      line-height:25px; font-size:12px; color:#666666; }
.top_head_wrap a{ font-size:12px; }
.top_head_wrap a:hover{ text-decoration:none; }
.top_head_wrap .ico{ width:25px; height:25px; overflow:hidden; float:left;} 
.top_head_wrap small{ padding:0 10px;}
.ico_star{ background:url(../image/index/ico_star.png) center center no-repeat; }
.ico_phone{  background:url(../image/index/ico_phone.png) center center no-repeat; }
.ico_qrcode{ background:url(../image/index/qr_ico.png) center center no-repeat;}
.ico_bady{ background:url(../image/index/ico_baby.png) center center no-repeat; }
.ico_appo{ background:url(../image/index/ico_appi.png) center center no-repeat; }
.ico_mess{ background:url(../image/index/ico_mess.png) center center no-repeat; }
.ico_people{ background:url(../image/index/ico_people.png) center center no-repeat; }
.qr_down{ width:15px; height:25px; float:left; background:url(../image/index/arr_down.png) center center no-repeat; }

.top_head_wrap .qrcode{ margin-left:12px; position:relative; z-index:12345;} 
  
.top_head_wrap .qr_pic{z-index:123456789;display:none; position:absolute; left:0; top:29px; width:200px; height:200px; border:#F5F5F5 1px solid; padding:3px; background:#fff; } 
.top_head_wrap .qrcode:hover .qr_pic{ display:block;}
 
.top_head_wrap .top_menu{ width:300px; height:25px;  float:right; overflow:hidden;}

.top_head_wrap .reg_wrap{ min-width:110px; height:25px; float:right;}
.top_head_wrap .reg_wrap a.tips{ color:#f08300; } 
 
.topbg{ width:100%; height:130px; position:absolute; left:0; background:url(../image/index/lantian.png) top center no-repeat;  } 
/*  logo 与搜索*/
.top_logo{ position:relative; z-index:1234; width:100%; height:85px; clear:both;  }
.top_logo .content_wrap{ height:85px; } 
.top_logo .logo{ width:205px; height:60px; float:left;  margin-top:20px;} 
.top_logo .city{ width:140px; height:auto; margin-top:25px; margin-left:40px; _display:inline; float:left; position:relative; z-index:123456; }
.top_logo .city .name{ width:auto; height:35px; line-height:35px; overflow:hidden; padding-right:5px; font-size:14px; } 
.top_logo .city .xiala{ display:none; z-index:12345678; position:absolute; left:0px; top:30px; width:75px; height:auto; line-height:35px;
background:#f1f7fc;}
.top_logo .city .xiala p{ padding-left:10px; border-bottom:#dfeefb 1px solid;}
.top_logo .city .xiala p a:hover{ color:#03C;}

.top_logo .search{ width:440px; height:40px; margin-top:25px; float:left; }
.top_logo .search .inp_wrap{ width:360px; height:31px; border:#0071cf 3px solid; float:left; }
.top_logo .search .inp_wrap input{ width:345px; height:30px; line-height:30px; border:none; padding-left:10px; border:0;  }
.top_logo .search .sub{ width:73px; height:37px; float:left; background:#0071cf;  }
.top_logo .search .sub_btn{ width:33px; height:30px; float:left; overflow:hidden;  margin-top:3px; margin-left:3px;  border-right:#9ec9ed 1px solid; }
.top_logo .search .sub_btn input{  border:none; width:35px; height:30px; overflow:hidden; background:url(../image/index/ico_search.png) 8px center no-repeat; }
.top_logo .search .map{ width:30px; height:30px; margin-top:4px; float:left; background:url(../image/index/ico_search.png) -29px 3px no-repeat;}
.top_logo .search .map a{ display:block; width:100%; height:100%; }
.top_logo .map_txt{ width:100px; height:35px; padding-left:15px;  float:left; line-height:35px; margin-top:23px;}
.top_logo .map_txt a{ font-size:12px; color:#999999; text-decoration:underline;  }

.top_logo .tel400{ width:240px; height:60px; float:right; margin-top:15px; position:relative;  }
.top_logo .tel400 .ico{ width:50px; height:50px; float:left; background:url(../image/index/ico_tel.png) center center no-repeat;  }
.top_logo .tel400 .p{ float:left; color:#797979;} 
.top_logo .tel400 .p strong{ color:#292929; font-size:20px;} 
.top_logo .tel400 .more{ display:block; position:absolute; right:0; top:0; border-radius:3px; color:#fff; font-size:12px; padding:3px 5px; background:#3399cc;} 
 
.top_logo .school{ position:relative; z-index:123456; width:180px; height:auto; height:55px; margin-top:35px;  margin-left:10px; padding-left:10px; color:#838383; border-left:#eee 1px solid;} 
.top_logo .school .name{ font-size:28px;}
.top_logo .school .area{ line-height:30px;}
.top_logo .school .area .qr_down{ height:30px; }
.top_logo .school .area .xiala{ display:none; z-index:12345678; position:absolute; left:12px; top:65px; width:105px; height:auto; line-height:35px;
background:#f1f7fc;}
.top_logo .school .area .xiala p{ padding-left:10px; border-bottom:#dfeefb 1px solid;}
.top_logo .school .area .xiala p a:hover{ color:#03C;}
.top_logo .school .area:hover .xiala{ display:block;}


/*  导航*/
.top_nav{font-family:"微软雅黑"; position:relative; z-index:12; width:100%; height:35px; padding-top:5px;border-bottom:#0071cf 4px solid;  }
.top_nav ul li{ position:relative; float:left; height:35px; padding:0 32px; line-height:32px; }
.top_nav ul li.hover{ background:#0071cf;  }
.top_nav ul li.hover a{color:#fff;}
@font-face {
  font-family: 'iconfont';  /* project id 727020 */
  src: url('//at.alicdn.com/t/font_727020_rf3ssh6ti3.eot');
  src: url('//at.alicdn.com/t/font_727020_rf3ssh6ti3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_727020_rf3ssh6ti3.woff') format('woff'),
  url('//at.alicdn.com/t/font_727020_rf3ssh6ti3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_727020_rf3ssh6ti3.svg#iconfont') format('svg');
}
.iconfont{
	font-family:"iconfont";
	font-style:normal;
	font-size: 23px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale; 
	color: #f42f2f;
	float: left;
	display: block;
	margin-right: 4px;
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg); /* Safari and Chrome */
}
.top_nav ul .tranColor{color: #f42f2f;float: left;display: block;font-weight: bold;}
.top_nav ul li .hot{ width:30px; height:20px; position:absolute; top:-10px;  right:40px; 
background:url(../image/index/ico_hot.png) center center no-repeat;}
.nav_arr_down{ width:15px; height:10px; position:absolute; right:8px; top:12px;
 background:url(../image/index/nav_arr_down.png) center center no-repeat; }
.top_nav .right{ position:absolute; right:0px; top:0px; line-height:32px;} 
.top_nav .right a{ padding-left:5px; color:#0071cf; color:#0071cf !important;} 

.top_nav ul li a{ font-size:16px; position:relative; z-index:123456; height: 35px; cursor: pointer;}
.top_nav ul li .nav_arr_down{  z-index:123456;}
.top_nav ul li .xiala{ display:none; z-index:12345; padding-top:40px; position:absolute; left:20px; top:0px; min-width:115px; background:#f1f7fc;
 padding-bottom:1px;  }
.top_nav ul li .xiala p{ height:35px; padding-left:19px; line-height:35px;border-bottom:#dfeefb 1px solid;  }
.top_nav ul li .xiala p a{ color:#333;}
.top_nav ul li .xiala p a:hover{ color:#1173cc;}
.top_nav ul li.sele a{ color:#1173cc;}
.top_nav ul li.sele .iconfont{ color:#1173cc;}
.top_nav ul li.hover a:hover{ color:#fff !important}
.top_nav ul .hover a{ color:#fff !important}
  /***面包屑导航***/
.mapnav{ padding:5px 0; line-height:26px; overflow:hidden;}
.mapnav a{ padding:0px 5px;}


  /*** footer 网站底部 ***/
.footer{ width:100%; height:auto; overflow:hidden; background:#333333; padding-bottom:10px; }
.footer p{ overflow:hidden;}
.footer .p1{ margin:auto; margin-top:40px; font-size:18px; color:#ffffff; text-align:center; }
.footer .p2{ margin:auto; margin-top:5px; line-height:36px; font-size:16px; color:#d7d5d5; text-align:center; }
.footer .p2 img{ padding-right:17px;}
.footer .p2 em{ padding-right:17px; padding:0 10px; font-size:20px; font-family:"楷体"}
.footer .you{ width:1200px; height:auto; margin-top:14px; line-height:26px; color:#555555; padding-bottom:2px; overflow:hidden;}
.footer .you li{ float:left; padding-right:10px;}
.footer .you a{ color:#555555; font-size:12px;}
.footer .intro{ position:relative; width:1200px; height:180px; overflow:hidden; margin-top:20px; color:#939597;}
.footer .cont{  width:580px; height:auto; position:absolute; left:0; top:0px; line-height:26px; font-size:12px; text-align:right; }
.footer .cont .tel{ color:#FFF;}
.footer .intro .right{ width:600px; height:180px; position:absolute; left:600px; top:0px;}
.footer .intro .kefu{ padding-left:20px; overflow:hidden; }
.footer .intro .kefu .t1{ font-size:24px;}
.footer .intro .kefu .btn{ width:162px; height:30px; background:#0071cf; text-align:center; line-height:30px; color:#fff;
cursor:pointer; margin-top:5px; }
.footer .intro .wb{ margin-top:5px; padding-left:20px; overflow:hidden; }



.brand{ width:100%; height:100px; background:#fff; margin-top:38px;}
.brand .content_wrap{ height:100px; overflow:hidden;  }
.brand .content_wrap ul{ width:1260px;}
.brand li{ width:299px; height:40px; margin-top:30px; line-height:40px;  float:left; border-right:#eee 1px solid;  } 
.brand li.n1{ background:url(../image/index/n1411.png) 70px center no-repeat;} 
.brand li.n2{ background:url(../image/index/n4l.png) 70px center no-repeat;} 
.brand li.n3{ background:url(../image/index/n3.png) 70px center no-repeat;} 
.brand li.n4{ background:url(../image/index/blackface.png) 70px center no-repeat;} 
.brand li span{ padding-left:112px;   }
.brand li a:hover{ text-decoration:none; color:#0071cf;}
.brand li:hover a{ text-decoration:none; color:#0071cf; }
.brand li.n1:hover{ background:url(../image/index/n141.png) 70px center no-repeat;} 
.brand li.n2:hover{ background:url(../image/index/n41l.png) 70px center no-repeat;} 
.brand li.n3:hover{ background:url(../image/index/n32.png) 70px center no-repeat;} 
.brand li.n4:hover{ background:url(../image/index/blueface.png) 70px center no-repeat;} 
/*******新的特别头部cqq加**********/ 
.s_header{ width:1190px; height:56px; margin:0 auto; overflow:hidden;_zoom:1; padding:10px;}
.s_header_left{ float:left; height:56px;}
.s_header_right{float:right; height:24px; font-size:12px; color:#666; padding:16px 0px;}
.s_header .register{ font-size:12px; color:#0071cf; padding-left:15px;} 
.login_con{  margin-top:25px;}
.login_input{ width:420px; min-height:30px; padding:10px 12px 5px 25px;}
.login_input span{ width:90px; height:30px; display:block; text-align:right; float:left; line-height:30px;}
.login_input input{ height:30px; line-height:30px; vertical-align:middle}
.login_input p{display:none;  font-size:12px; line-height:20px; color:#666; margin-left:90px; color:#CE6D1E;background:url(../image/common/notice_ico.gif) left center no-repeat; padding-left:20px;}
.login_input button{ width:130px; vertical-align:middle; line-height:28px; height:32px; overflow:hidden; cursor:pointer; vertical-align:central;}
.crumbs {
width: 1190px;
margin: 0 auto;
line-height: 35px;
background-position: left center;
color: #636363;
font-size: 12px;
font-family: "微软雅黑";
}

/*返回顶部*/
.go_top{ width:50px; height:50px; position:fixed; bottom:20px; right:20px; _position:absolute; _top:expression(documentElement.scrollTop+document.documentElement.clientHeight -85);}
.go_top a{ cursor:pointer; width:50px; height:50px; display:block; background:url(../image/product/go_top_ico.png) no-repeat;}
.go_top a:hover{  background:url(../image/product/go_top_ico.png) 0px -50px  no-repeat;}
/*底部友情链接*/
.fri {
width: 1200px;
/*height: 36px;*/
margin-top: 10px;
overflow: hidden;
margin:auto;
border: 1px solid #cbcbcb;
}
.fri h3 {
color: #D60B0B;
}
.fri h3 {
font: bold 16px/36px "微软雅黑";
float: left;
margin-left: 10px;
}
.fri span {
float: left;
line-height: 36px;
margin: 0 5px;
white-space: nowrap;
}

.bott {
height: 37px;
width: 1200px;
margin:auto;
border: 1px solid #CBCBCB;
margin-top: 10px;
line-height: 37px;
text-align: center;
}
#l_bott{
border:0;
background:#fff;
}
/*请将以下css放在公共样式中*/
.fixed-advise{ position:fixed; z-index:123456789; width:120px; height:362px; right:5px; top:50%; margin-top:-180px;
    background:url("/static/mall/image/advice-bg.png") top center no-repeat;}
.fixed-advise .qq{ position:absolute; width:100px; position:absolute; left:17px; top:126px;}
.fixed-advise .close{ width: 24px; height: 24px;position: absolute; right: 0; top: 0;
background: url(http://zz.66xueche.com/static/mall/image/chk2.png) center center no-repeat; }