﻿@import url("top_end.css");

.banner{ width:100%; height:399px; float:left; background:url(../images/bybyban.jpg) center no-repeat;}

.bigbox{ width:100%; height:auto; float:left;}
.box{ width:1000px; height:auto; margin:0px auto;}

.maternity{ width:1000px; height:auto; float:left; margin-top:45px;}
.mtitle{ width:1000px; height:40px; float:left; line-height:40px;  background:url(../images/sprobg.jpg) right center no-repeat;}
.mtitle h1{color:#c5a572; font-weight:bold; text-indent:15px;}
.mtitle h1 span{ color:#c0c0c0; font-size:16px; padding-left:10px; font-weight:normal;}
.mcontent{ width:1000px; height:170px; float:left; margin-top:30px;}


/*.menu {font-family: arial, sans-serif; width:1000px; height:80px; position:relative; margin:0; font-size:11px; background:#fff; position:relative;}
.menu ul {padding:0; margin:0; list-style-type: none; width:1000px; height:80px;}
.menu ul li {float:left; width:157px; height:80px;line-height:80px; text-align:center;}
.menu ul li ul li{ width:auto; height:30px; float:left; background:none;}
.menu ul li ul li a{width:auto; height:30px; padding:0px 10px;}
.menu ul li a:hover{opacity:0.8;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; text-align:center; text-decoration:none; width:157px; height:80px; line-height:80px; color:#FFF; font-size:16px; }

.menu ul li ul li a:link {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#000; }
.menu ul li ul li a:visited {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#000; }
.menu ul li ul li a:hover {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#FFF; }
.menu ul li ul {display: none; height:30px;}

.menu ul li:hover a {color:#fff; widows:157px; height:80px;}
.menu ul li:hover ul {display:block; position:absolute; width:996px; height:41px; top:80px; left:0; color:#fff;}*/
.jtz{ width:996px; height:11px; float:left;}

.p2{ text-align:left; margin:0px 0px 0px 278px;}
.p3{ text-align:left; margin:0px 0px 0px 435px;}
.p4{ text-align:left; margin:0px 0px 0px 592px;}

/*.menu ul li:hover ul a{ height:30px;}
.forleft{ margin-left:0px;}
.menu ul li:hover ul.right_side li{float:right;}
.menu ul li:hover ul.left_side li {float:left; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#d3d3d3; color:#FFF; font-size:14px;}
.menu ul li:hover ul li a:hover {background:#c5a572; color:#FFF; font-size:14px;}*/
#menu{width:1000px; height:80px; position:relative; margin:0; font-size:14px; background:#fff; position:relative;}
#menu ul{padding:0;	border:0;list-style:none;}

#nav{padding:0; margin:0; list-style-type: none; width:1000px; height:80px;}
#nav li{float:left; display:block; width:157px; height:80px; line-height:80px; text-align:center; cursor:pointer;}
#nav li a, #nav li a:visited {display:block; float:left; text-align:center; text-decoration:none; width:157px; height:80px; line-height:80px; color:#FFF; font-size:16px; }
#nav li:hover{ opacity:0.8; width:157px; height:80px; }
/*子栏目*/
#menu_con{clear:both; width:1000px; height:30px; float:left; position:absolute; top:80px; left:0px;}
#menu_con li{float:left;height:30px;}
#menu_con li a{	display:block; background:#999; color:#FFF; font-size:14px;}
#menu_con li a:link {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#FFF;}
#menu_con li a:visited {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#FFF; }
#menu_con li a:hover {display:block; float:left; text-decoration:none; padding:0px 10px; margin:0px 1px 0px 0px; width:auto; height:30px; line-height:30px; color:#FFF; background:#ff25a0;}

.zsdq{ width:205px; height:80px; float:left; background:#d8a64d; line-height:80px; text-align:center; color:#FFF; font-size:18px;}
.zsdq span{ font-size:36px;}



.ckservice{ width:1000px; height:473px; float:left; margin-top:10px;}
.ckservice_title{ width:1000px; height:57px; float:left; border-bottom:3px solid #f0f0f0; line-height:57px;}
.ckservice_title h1{color:#474747; font-weight:normal; text-indent:15px; font-size:28px;}
.ckservice_title h1 span{ color:#cccacb; font-size:22px; padding-left:10px; font-weight:bold;}
.ckservice_content{ width:1000px; height:379px; float:left; overflow: hidden; margin-top:35px;}

.ckservice_content dl {width: 194px; margin-top:0px; float: left;}
.ckservice_content dl.dl1 {float: right;}
.ckservice_content dt {font: 20px/40px "Microsoft YaHei"; width: 100%; height: 60px; text-align: center; font-weight:bold; font-size-adjust: none; font-stretch: normal;}
.ckservice_content .dl2 dt {color:#c5a572;}
.ckservice_content .dl1 dt {color:#666;}
.ckservice_content .dl1 dd {background: url("../images/zl_ig8.jpg") no-repeat 0px -65px rgb(215, 215, 215); font: 16px/20px "Microsoft YaHei"; padding: 0px 0px 0px 24px; width: 170px; height:61px; color: #5f5f5f; margin-bottom: 18px; line-height:61px; font-size-adjust: none; font-stretch: normal; cursor:pointer;}
.ckservice_content .dl2 dd {background: url("../images/zl_ig7.jpg") no-repeat right -65px rgb(215, 215, 215); font: 16px/20px "Microsoft YaHei"; padding: 0px 0px 0px 20px; width: 174px; height: 61px; color: #5f5f5f;  margin-bottom: 18px; line-height:61px; font-size-adjust: none; font-stretch: normal; cursor:pointer;}
.ckservice_content .dl2 dd.on {background: url("../images/zl_ig7.jpg") no-repeat right 0px #c5a572; color: rgb(255, 255, 255);}
.ckservice_content .dl1 dd.on {background: url("../images/zl_ig8.jpg") no-repeat left 0px #c5a572; color: rgb(255, 255, 255);}
.ckservice_content dd span {padding: 0px; width: 100%; height: 20px; font-size: 10px; float: left; display: block; -webkit-transform: scale(0.84, 0.84);}
@media not all
{
.ckservice_content dd span {margin-left: -15px;}
}
.techUl {margin: 0px 0px 0px 10px; width: 592px; height: 377px; float: left;}
.techUl p {	margin:10px 25px 0px 120px; color: rgb(76, 73, 72); font-size:14px; text-indent:28px; line-height:25px;}
.techUl h3{margin: 245px 0px 0px 150px; font-size:16px; font-weight:normal;}
.techUl h3 span{ color:#c5a572; font-size:15px;}
.tech5 {background:#F00 url("../images/zl_ig9.jpg") no-repeat 0px 0px; width: 100%; height: 377px; float: left;}

.tech1 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech2 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */ width: 100%; height: 377px; float: left;}
.tech3 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech4 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech5 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech6 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech7 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */ width: 100%; height: 377px; float: left;}
.tech8 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */ width: 100%; height: 377px; float: left;}
.tech9 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}
.tech10 {/*background:url("../images/zl_ig9.jpg") no-repeat 0px 0px; */width: 100%; height: 377px; float: left;}

.ckbtn{ width:1000px; height:145px; float:left; margin-top:65px;}
.cktc{ width:465px; height:145px; float:left; background:url(../images/cktc.jpg) no-repeat;}
.cktccont{ width:320px; height:100px; float:right; margin-top:25px;}
.ckcell{ width:133px; height:31px; float:left; border:1px solid #FFF; line-height:31px; text-align:center; margin:5px 5px;}
.ckcell a:link{ color:#FFF; text-decoration:none; font-size:14px;}
.ckcell a:visited{ color:#FFF; text-decoration:none; font-size:14px;}
.ckcell a:hover{ color:#FFF; text-decoration:none; font-size:14px; background:#B89359; display:block}
.cktool{ width:535px; height:145px; float:left; background:url(../images/cktool.jpg) no-repeat;}
.cktoolcont{ width:405px; height:100px; float:right; margin-top:25px;}
.cktcell{ width:117px; height:31px; float:left; border:1px solid #FFF; line-height:31px; text-align:center; margin:5px 5px;}
.cktcell a:link{ color:#FFF; text-decoration:none; font-size:14px;}
.cktcell a:visited{ color:#FFF; text-decoration:none; font-size:14px;}
.cktcell a:hover{ color:#FFF; text-decoration:none; font-size:14px;background:#D89C31; display:block}

.ckzj{ width:1000px; height:500px; float:left; margin-top:30px;}
.tabs {	width:1000px; height:500px; float:left; margin: 30px auto 50px auto ;}
<!--input {	opacity: 0;}-->
label {	cursor: pointer;color: #000;padding: 1.5% 0%; margin:0px 40px 0px 0px; float: left; font-size:18px; z-index:9999; position:relative;}
label:hover { font-size:18px; color:#c5a572;}
input:checked + label { background:url(../images/line.jpg) #FFF bottom repeat-x;  color:#c5a572;}
.tabs label.on { background:url(../images/line.jpg) #FFF bottom repeat-x;  color:#c5a572;}
.tabs input:nth-of-type(1):checked ~ .panels .panel:first-child,
.tabs input:nth-of-type(2):checked ~ .panels .panel:nth-child(2),
.tabs input:nth-of-type(3):checked ~ .panels .panel:nth-child(3),
.tabs input:nth-of-type(4):checked ~ .panels .panel:last-child {opacity: 1;	-webkit-transition: .3s;}
.panels {float: left;width:1000px; height:400px;background: #fff; border-top:3px solid #f0f0f0; margin-top:-3px; }
.panel {width:1000px;height:380px; margin-top:15px;  float:left;background: #fff;}


.v2_ilike{width:1000px;height:380px;margin:0 auto;}
.v2_ititle{height:39px; width:1000px; line-height:40px;}
.v2_ihz{float:left;font-size:14px; font-weight:bold;margin-left:10px;}
.v2_ibox{float:right;width:60px; height:40px; padding-right:20px;}
.v2_ibox a{margin-top:25px;}
.v2_ibox a.v2_ib_btn{float:left;display:block;width: 17px;height: 5px;background:#CCC;margin-left: 3px;}
.v2_ibox a.on{background: #c5a572;}
.v2_icontent_boxs{width:1000px;height:340px;overflow: hidden;position: relative;}
.v2_icontent_box{position:absolute;width:5000px;}
.v2_icontent_list{width:1000px; float:left;height:340px; text-align:center; line-height:25px;font-size:13px;}
.v2_icontent_list img{width:1000px; height:143px;}


/*a{color:#000;text-decoration:none;}*/
.clearfix:after, .anlist:after{content:""; display:block; clear:both;}
.clearfix, .anlist{zoom:1;}
.clear{height:0;overflow:hidden;clear:both;}


/* 焦点图代码 */
.bnspic a{display:block;}
.big_pic, .small_pic{float:left;}
.big_pic, .big_pic a, .big_pic img{width:660px;height:340px;}
.big_pic{overflow:hidden;position:relative;}
.big_pic li{position:absolute;top:0;left:0;transition:all linear 0.2s;}
.big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.big_pic a{position:relative;}
.big_pic .txt{width:290px;height:340px; float:left; left:340px;line-height:28px;display:block;position:absolute;bottom:0;color:#000; text-align:left;background:url(images/bybyysbg.png) no-repeat;transition:all ease .2s;overflow:hidden;}

.big_pic .txt h3{ padding:6px 10px 6px 30px;font-size:24px; color:#525152; margin-top:30px;font-weight:normal;}
.big_pic .txt h3 span{ font-weight:normal;font-size:18px; padding-left:10px;}
.big_pic .txt p{ padding:6px 10px 6px 30px; font-size:16px;}
.big_pic .txt h5{ font-size:14px;padding:6px 10px 6px 30px; font-weight:normal; width:260px; height:100px; float:left;}
.big_pic a:hover .txt{color:#000;}
.txtimg{ width:240px; height:65px; float:left; margin-top:5px; padding:0px 10px 0px 30px;}
.txtimg a{ width:37px; height:37px; float:left; padding:0px 3px;}
.txtimg a img{ width:37px; height:37px;}

.small_pic{width:300px;position:relative; margin-left:40px;}
.small_pic img{width:128px;height:125px; float:left;}
.small_pic a{background:#121013;transition:all ease .2s;width:128px;height:125px; float:left;}
.small_pic .on, .small_pic li:hover{position:relative;z-index:1; float:left;}
.small_pic .on a{ }
.small_pic li{width:128px;height:155px; float:left; list-style-type:none; margin:7px 10px; text-align:center;}

.small_pic li a:visited{ color:#333; text-decoration:none; font-size:15px;}
.small_pic li a:link{ color:#333; text-decoration:none; font-size:15px;}
.small_pic li a:hover{ color:#333; text-decoration:none; font-size:15px;}
.small_pic li a span{ color:#999;}

.ckevn{ width:100%; height:670px; float:left; margin-top:60px; background:#efefef;}
.cktabs {width:1000px; height:450px; margin: 50px auto;}


/* feature_tour */
.feature_tour{width:1000px; height:670px; margin:0px auto; background:#f1f1f1;}
.feature_tour .tab{width:1000px;height:50px;overflow:hidden; line-height:50px; margin-top:50px; position:relative; z-index:9999;}
.feature_tour .tab a{ width:auto; height:50px; float:left; display:block; color:#000; font-size:16px; text-align:center; margin:0px 40px 0px 0px;}
.feature_tour .tab a.current{color:#c5a572;width:auto; height:50px;margin:0px 40px 0px 0px; border-bottom:3px solid #c5a572; background:url(../images/line.jpg) bottom no-repeat;}
.feature_tour .tab a.on{color:#c5a572;width:auto; height:50px;margin:0px 40px 0px 0px; border-bottom:3px solid #c5a572; background:url(../images/line.jpg) bottom no-repeat;}
.feature_tour .mask{margin:-3px 0px 0px 0px;width:100%;position:relative;height:550px;overflow:hidden;background:#f1f1f1; border-top:3px solid #e4e4e4;}
.feature_tour .mask .maskcon{width:5000px; margin-top:20px;}
.feature_tour .mask .maskcon .innercon{float:left;width:1000px;}
.white{ color:#FFF;}

/* qqshop focus */
#focus {width:1000px; height:470px; overflow:hidden; position:relative; }
#focus ul {height:470px; position:absolute;}
#focus ul li {float:left; width:1000px; height:470px; overflow:hidden; position:relative; background:#000;}
#focus ul li span{position:absolute; z-index:9999; top:410px; width:1000px; margin-left:20px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:85px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:980px; height:20px; padding:5px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;opacity: 0.4}
#focus .btn span.on {background:#fff;opacity: 1;}
#focus ul li a font{ font-size:18px;}
#focus ul li a:link{ color:#FFF; font-size:14px; text-decoration:none;}


