/* Common_Sytle */
.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(../../css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}


html {font-size:63%;}
a:link, a:active, a:visited {color:#7f6228; cursor:pointer; text-decoration:none;}
a:hover {color:#cb8700;}
h1 {font-size:24px; font-weight:normal; color:#997a3d; margin:10px 0;}
h2 {font-size:16px; font-weight:bold; color:#c80; margin:6px 0;}
h3 {font-size:14px; font-weight:bold; color:#7f6226; margin:5px 0;}
h4 {font-size:12px; font-weight:normal; color:#fa0; margin:5px 0;}
p {font-size:12px; margin:10px 0;}
.article_content {overflow:hidden;}
* {color:#660; font-family:Arial, "微软雅黑"; margin:0px; padding:0px; border:0px;}
.container_percent {width:100%; text-align:center; clear:both;}
























body {background:url(../../images/bg_desktop.png) no-repeat top center #f6f6f6;}
.container_content {width:1000px; margin:auto; font-size:12px; text-align:left; clear:both;}
/* header */
.header_logo {width:30%; float:left;}
.header_nav {width:70%; float:left;}
.header_nav ul {margin-top:21px; text-align:right; *margin-left:140px;}
.header_nav ul li a {display:block; background-image:url(../../images/nav_ie8.png); background-size:350px; background-repeat:no-repeat; height:36px; margin-left:30px;}
.header_nav ul li a span {display:none;}
.user_nav {width:50%; float:left; }
.user_search {width:50%; float:left; text-align:right; margin-top:2px;}

/* banner */
.banner a {width:965px; padding:8px; background:#FFF; display:block; margin:0 auto;}
.banner a:hover {background:#EEE;}
.banner a img {width:100%}

/* website_home */
.content1_li {float:left; width:210px; _width:205px; height:340px; margin:10px; padding:10px; list-style-type:none;}
.content2_li {float:left; width:200px; _width:190px; height:300px; margin:10px 9px; padding:15px; background:#FFF; list-style-type:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.container_hometabs {padding:0em; background:none; width:250px\9; margin:10px 0px 10px 0px; height: 330px;}
/* website_list */
.webiste_list li {height:110px;}
.website_list_photo {float:left; width:190px; height:100px; padding:5px; background:#FFF;}
.website_list_title {float:left;width:280px; height:90px; padding:10px; background:#ffb92e; font-weight:bold; font-size:14px;}
.website_list_arrow {border:9px solid #000; border-color:transparent transparent transparent #ffb92e; float:left; margin:30px 0;}
.website_list_intro {width:auto; height:90px; padding:10px 10px 10px 0px; text-overflow:ellipsis; word-wrap:break-word; border-right:solid 10px #ffaa00;}

/* breadcrumbs */
.breadcrumbs {padding:2px 10px; width:100%}

/* tabs */
.cssTabs a {width:60px;}












/* Header */
.header_logo img {width:240px; margin:10px auto 5px auto;}
.header_nav ul li {list-style-type:none; display:inline-block; padding:2px; *float:left;}
.header_nav ul li a {font-size:12px}
.header_nav ul li a span {display:none;}

.menu_1 a:link, .menu_1 a:visited {background-position: 0px 0px; width:40px;} 
.menu_2 a:link, .menu_2 a:visited {background-position: -40px 0px; width:80px;} 
.menu_3 a:link, .menu_3 a:visited {background-position: -120px 0px; width:65px;} 
.menu_4 a:link, .menu_4 a:visited {background-position: -185px 0px; width:65px;} 
.menu_5 a:link, .menu_5 a:visited {background-position: -251px 0px; width:100px;}

.menu_1 a:hover, .menu_1 a:active {background-position: 0px -37px; text-decoration:underline; width:40px;} 
.menu_2 a:hover, .menu_2 a:active {background-position: -40px -37px; text-decoration:underline; width:80px;} 
.menu_3 a:hover, .menu_3 a:active {background-position: -120px -37px; text-decoration:underline; width:65px;} 
.menu_4 a:hover, .menu_4 a:active {background-position: -185px -37px; text-decoration:underline; width:65px;} 
.menu_5 a:hover, .menu_5 a:active {background-position: -251px -37px; text-decoration:underline; width:100px;} 


.user_toolpanel {width:100%; padding:5px 0 0 0; height:31px; background:rgba(225,225,225,0.4);/*前三个参数为rgb颜色，第四个参数为透明度*/
    filter:progid:DXImageTransform.microsoft.gradient(startcolorstr=#28e1e1e1,endcolorstr=#28e1e1e1);/*#28e1e1e1的前两位为16进制透明度，后六位为16进制颜色*/}
.user_nav a {display:inline-block; margin:6px 14px 0 14px; font-size:14px; *float:left;}






/* website_reg */
.website_reg {background:#FFF; width:400px; padding:40px; text-align:left; margin:20px auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:rgba(255,255,255,0.8);/*前三个参数为rgb颜色，第四个参数为透明度*/ filter:progid:DXImageTransform.microsoft.gradient(startcolorstr=#60ffffff,endcolorstr=#60ffffff);}







/* section_nav */
.section_nav {border-bottom:dashed 1px #330; width:100%; height:30px\9;}
.section_title img {height:30px; width:auto;}
.section_title {float:left; width:auto; height:30px;}
.section_menu {float:right; width:auto; height:30px; margin-top:-6px\9;}
.section_menu .cssTabs a.actived {height:13px; background:#f6f6f6; font-weight:bold;}
@media screen and (min-width:0\0) {
	.section_menu {margin-top:0px;}
	.section_menu .cssTabs a.actived {height:11px; background:#f6f6f6; font-weight:bold;}
}




/* part_nav */
.part_nav {background:#ffc34c; padding-left:20px; margin:10px 0; clear:both;}
.part_nav li {display:inline-block; margin-right:24px; height:30px; line-height:30px;  *float:left;}
.part_nav li.actived {background:url(../../images/arrow.gif) no-repeat center; background-position:bottom;}
.part_nav li a:link,
.part_nav li a:visited,
.part_nav li a:active
{color:#FFF; font-weight:bold;}
.part_nav li a:hover {color:#7f6226}



















/* photo_focus */
.photo_focus {float:right; width:48%; padding:10px; background:#FFF; margin-left:40px;}
.photo_focus img {width:100%;}

























/* website_home */
.newshot {width:auto; overflow:hidden; _width:500px; _float:left;}
.newshot li {margin:10px 0 20px 0;list-style-type:none;}
.newlist_date {color:#FFF; padding:2px 5px; background:#ccc; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.newlist_title {color:#7f6226; font-weight:bold; font-size:14px; margin:0 10px 10px 10px; width:auto;}
.newlist_content {color:#777; margin:10px 10px 40px 10px; width:auto;}




.content1_ul {clear:both; padding:0;}
.content1_list {list-style-type:none; line-height:20px; padding:0; margin:0;}
.content1_symbol {width:50px; height:52px; margin:0 auto;}
.content1_symbol img {width:100%;}
.content1_li h1 {width:100%; text-align:center;}
.content1_li a.btnlink {color:#FFF; margin:10px auto; width:60px; display:block; text-align:center;}
.content1_li a:hover {color:#997a3d;}




.content2_li>a {color:#FFF; padding:4px 20px; background:#ccc; line-height:50px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.content2_li>a:hover {background:#bbb;}
.content2_ul {clear:both; padding:0; margin:0;}
.content2_title {color:#c80;font-size:16px; font-weight:bold; margin:5px 0;}
.content2_intro {color:#fa0; height:60px;}
.content2_list {list-style-type:none; line-height:20px; padding:0; margin:0;}
.content2_list li a {color:#777;}
.content2_list li a:hover {color:#630;}


.content3 ul {clear:both; padding:0; margin:0;}
.content3 ul li {display:inline-block; padding:0; *float:left;}
.content3 ul li a {width:140px; height:60px; padding:5px; display:block; background:#fff; margin:10px 6px;}
.content3 ul li a:hover {background:#EEE;}
.content3 ul li a img {width:100%; height:100%}



.banner_size {width:980px; height:100px;}















/* website_baby */
.baba_focus {width:200px; height:600px;}
.encyclopedia {background:#f0f0f0; padding:20px; float:right; width:250px; margin-left:10px}
.encyclopedia ul {padding:0;margin:0;}
.encyclopedia_tilte {}
.encyclopedia li {list-style-type:none; margin-bottom:10px;}
.encyclopedia_list_photo {width:240px; height:124px; padding:5px; background:#fff;}
.encyclopedia_list_photo img {width:100%; height:100%;}
.encyclopedia_list_intro {word-wrap:break-word;}


ul.pregnant_list {padding:0; margin:0; clear:both;}
ul.pregnant_list>li>a {background:#DDD; display:block; padding:04px 10px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin:10px 0; float:right;}
ul.pregnant_list>li {float:left; margin:10px; list-style-type:none; width:300px; height:310px;}
ul.pregnant_list .part_symbol {float:left; width:80px; margin-right:10px; height:300px;}
ul.pregnant_list li hgroup {float:left; width:200px;}
ul.pregnant_list li ul {float:left; width:200px; padding:0; margin:0; line-height:20px; list-style-type:none;}


ul.edu_list {padding:0; margin:0; clear:both;}
ul.edu_list>li {float:left; margin:10px; list-style-type:none; width:300px; height:310px;}
ul.edu_list .part_symbol {float:left; width:80px; margin-right:10px; height:300px;}
ul.edu_list li hgroup {float:left; width:200px;}
ul.edu_list li hgroup h2 {display:none;}
ul.edu_list li ul {float:left; width:200px; padding:0; margin:0; line-height:20px; list-style-type:none;}
ul.edu_list>li>a {background:#DDD; display:block; padding:04px 10px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin:10px 0; float:right;}











/* website_babypart */
.babypart {width:50%; float:right; background:#fff; margin:0; padding:20px 0 0 20px; overflow:hidden;}
.babypart_li {float:left; width:220px; margin:0 20px 20px 0; list-style-type:none;}
.babypart_li .symbol {width:45px; height:45px; float:left; margin-right:10px;}
.babypart_li .symbol img {width:80%; height:80%}
.babypart_li .title {float:left; height:45px; width:auto;}
ul.babypart_list {margin:0; padding:0; line-height:20px; list-style-type:none; float:left; *clear:both; *width:200px;}
ul.babypart_list a.more {background:#DDD; display:block; padding:04px 10px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin:10px 0;}



.babypart_hot {*float:left; *position:absolute;}
.babypart_hot ul {margin:0; padding:0; list-style-type:none;}
.babypart_hot li {margin-bottom:10px; height:120px; width:100%}
.babypart_hot_photo {float:left; width:190px; height:100px; padding:05px; background:#FFF; margin-right:10px;}
.babypart_hot_photo img {width:100%; height:100%;}
.babypart_hot_intro {float:left; width:250px;}

.babypart_hot_detail a {float:right; background:#DDD; display:block; padding:04px 10px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}




ul.babypart_interactive {padding:0; margin:0; clear:both; overflow:hidden;}
ul.babypart_interactive>li {float:left; margin:1%; list-style-type:none; width:48%; height:280px;}
ul.babypart_interactive .babypart_symbol {float:left; width:100px; margin-right:10px; height:120px;}
ul.babypart_interactive li hgroup {float:left; width:200px;}
ul.babypart_interactive li hgroup h4 {display:none;}
ul.babypart_interactive li ul {float:left; width:300px; padding:0; margin:0; line-height:20px; list-style-type:none;}
ul.babypart_interactive>li>ul>a {color:#FFF; padding:.4em 2em; background:#ccc; line-height:5em; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
ul.babypart_interactive>li>ul>a:hover {background:#bbb;}





















/* softpage */
.soft_content {margin-top:20px;}
.soft_content1 {float:left; width:90px; padding-right:20px;}
.soft_content1 img {width:100%; height:100%; margin-bottom:10px;}
.soft_content2 {float:right; text-align:center; width:330px; font-size:18px; line-height:40px;}
.soft_content3 {width:auto; overflow:hidden; line-height:20px;}
.soft_content4 {padding:40px;}
.soft_content5 {width:100%; margin-bottom:50px;}
.soft_content5 li {font-size:14px; list-style-type:none; width:100%; height:40px; margin-bottom:1px; clear:both; background:#eee\9;}
.soft_content5 li:nth-child(odd) {background:#eee;}
.soft_content5 li:nth-child(even){background:#f7f7f7;}
.soft_content5 li .softpacklist_name {float:left; width:25%; text-align:center; background:#ffaa00; height:26px; padding-top:14px; }
.soft_content5 li .softpacklist_price {float:left; width:20%; text-align:center; background:#ffaa00; height:26px; padding-top:14px;}
.soft_content5 li .softpacklist_state1 {float:left; width:32%; text-align:center; padding-top:14px;}
.soft_content5 li .softpacklist_state2 {float:left; width:32%; text-align:center; padding-top:14px;}
.soft_content5 li .softpacklist_button1 {float:left; width:12%;}
.soft_content5 li .softpacklist_button2 {float:left; width:12%;}
.soft_content5 li .softpacklist_button1 a {background:#6fc7c3; color:#fff; display:block; padding:05px 10px; margin-top:7px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.soft_content5 li .softpacklist_button2 a {background:#ffaa00; color:#fff; display:block; padding:05px 10px; margin-top:7px; width:80px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.soft_content5 li .softpacklist_line {float:right; width:.5%; padding:12px 0 1.30px 0; display:block; background:#ffaa00;}




/* website_babylist */
.website_list {padding:0;}
.website_list li {list-style-type:none; margin:1px; clear:both;}
.website_list li:nth-child(odd){background:#eee;}
.website_list li:nth-child(even){background:#f7f7f7;}
.website_list_photo img {width:100%; height:100%; border:5px #FFF solid; border:inherit}
.website_list_detail {text-align:right; width:auto;}






/* page */
.article_content h1 {text-align:center;}
.article_tools {height:22px; padding-left:10px;}










/* soft_list */
.software_list1, .software_list2, .software_list3, .software_list4, .software_list5, .software_list6, .software_list7, .software_list8
{width:100%; clear:both;}
.soft_listcontent {width:800px; margin:auto; text-align:left; line-height:20px; font-size:12px; overflow:hidden;}
.icon, .icontext, .iconbutton {overflow:hidden; width:auto;}
.icon li{float: left;list-style-type:none;margin:auto 5px; width:55px;}
.icon li a img {width:100%;}
.icontext li {float: left;list-style-type:none;margin:auto 5px; text-align:center; width:55px;}
.icontext li a {-moz-border-radius:04px;-webkit-border-radius:4px; border-radius:4px; background:#ffaa00; color:#FFF; padding:2px 0; width:55px; display:block;}
.icontext li a:hover {background:#f8c868;}
.iconbutton li {float:left;list-style-type:none;margin:5px; text-align:center; width:55px;}
.iconbutton li a {-moz-border-radius:04px; -webkit-border-radius:4px; border-radius:4px; background:#78cbc7;color:#FFF; padding:2px 0; width:55px; display:block;}
.iconbutton li a:hover {background:#b1e1df;}




.soft_intro {margin-top:100px;}
.soft_intro .symbol {width:340px; heigth:100%; float:left; padding:0px 30px 30px 30px;}
.soft_intro .symbol a img {width:100%; height:auto;}
.soft_intro .content {width:auto;}




.soft_newupdate {width:310px; height:190px; float:left; background:url(../../images/pad/soft_newinfo_bg.png) 0 0 no-repeat; margin:20px 10px; padding:5px 30px;}
.soft_newupdate div.title {font-size:14px; font-weight:bold; padding:1px 0 0 30px;}
.soft_newupdate ul {list-style-type:none; margin:15px 0 0 0; padding:0px; line-height:2px;}
.soft_newupdate ul li {width:310px; clear:both; border-bottom:1px #999 dashed; padding:4px 0; height:20px;}
.soft_newupdate ul li div.pic {float:left; width:30px;}
.soft_newupdate ul li div.pic img {width:22px; height:22px;}
.soft_newupdate ul li div.category {float:left; width:70px; line-height:18px;}
.soft_newupdate ul li div.name {float:left; width:150px; line-height:18px;}
.soft_newupdate ul li div.button {float:left; width:60px;}
.soft_newupdate div.more {text-align:right; margin:5px 0;}



.soft_newnotice {width:310px; height:190px; float:left; background:url(../../images/pad/soft_newinfo_bg.png) 0 0 no-repeat; margin:20px 10px; padding:5px 30px; line-height:22px;}
.soft_newnotice div.title {font-size:14px; font-weight:bold; padding:1px 0 0 30px;}
.soft_newnotice strong {font-size:16px;}


.soft_qa {width:180px; height:140px; float:left; text-align:center; padding-top:50px;}



.software_list2 {background:url(../../images/cloud.png) no-repeat center; background-size:100%;}
.jiazhang_intro {}
.jiazhang_intro .symbol {width:340px; height:500px; float:right;}
.jiazhang_intro .symbol img {width:80%; height:auto;}
.jiazhang_intro .content {width:auto;}



.soft_yanjiangwu {}
.soft_yanjiangwu .symbol {width:300px; height:400px; float:left;}
.soft_yanjiangwu .symbol img {width:80%; height:auto;}
.soft_yanjiangwu .content {width:auto;}


.soft_dashijie {}
.soft_dashijie .symbol {width:400px; height:400px; float:right;}
.soft_dashijie .symbol img {width:80%; height:auto;}
.soft_dashijie .content {width:auto;}


.software_list5 {background:url(../../images/cloud.png) no-repeat center; background-size:100%;}
.soft_xiaoketang {}
.soft_xiaoketang .symbol {width:500px; height:400px; float:left;}
.soft_xiaoketang .symbol img {width:80%; height:auto;}
.soft_xiaoketang .content {width:auto;}




.soft_haohaizi {}
.soft_haohaizi .symbol {width:440px; height:400px; float:right;}
.soft_haohaizi .symbol img {width:80%; height:auto;}
.soft_haohaizi .content {width:auto;}





.soft_leyuan {}
.soft_leyuan .symbol {width:340px; height:400px; float:left;}
.soft_leyuan .symbol img {width:80%; height:auto;}
.soft_leyuan .content {width:auto;}






.software_list8 {background:url(../../images/sea.jpg) no-repeat center; background-size:100%;}
.soft_yishutuan {}
.soft_yishutuan .symbol {width:500px; height:400px; float:right;}
.soft_yishutuan .symbol img {width:80%; height:auto;}
.soft_yishutuan .content {width:auto;}








/* singlepage */
.singlecontent {width:100%}
.singlecontent h1 {text-align:center;}













/* Footer */
.website_footer {font-size:12px; margin-top:20px;}
.bottom_nav {*width:215px; *margin:auto;}
.bottom_nav li {display:inline-block; margin:10px; *float:left;}