#top{width:100%;height:30px;float:left;background:url(../images/top_bg.gif) repeat-x}

.auto{margin:0 auto}

.top_con{width:1000px;height:30px;line-height:30px}

.top_con span,.top_con span a,.top_con span font{color:#fff;font-size:12px}

.top_con span font{cursor:pointer}

.headtops{width:100%;height:143px;float:left;background:url(../images/201209headerbg_01.jpg)}

.headcont{width:1000px; height:100%;margin:0 auto}

.headleft{margin-top:8px;margin-left:30px;width:192px;background:url(../images/logo.png) no-repeat center;float:left;height:117px}

.headmiddle ul{width:230px;float:left;padding-top:28px;padding-left:60px;padding-right:60px}

.headmiddle ul li{float:left;display:inline-block;color:#fff;margin-left:10px;line-height:2.45;width:210px;font-size:13px}

.headright{margin-top:10px;width:200px;background:url(../images/tel_pic.png) no-repeat center;float:right;height:117px}

.headMenu{width:100%;height:42px;background:url(../images/nav_bg.gif) repeat-x}

.nav_list ul{overflow:hidden;float:left}

.nav_list{width:1000px;margin:auto;padding-left:6px}

.nav_list li{width:110px;text-align:center;float:left;height:42px;line-height:40px;font-size:15px}

.nav_list li a{width:110px;height:42px;color:#dbb898;text-decoration:none;display:block;font-family:'Microsoft YaHei'}

.nav_list li a:hover{width:110px;height:42px;color:#3d0f40;text-decoration:none;display:block;background:url(../images/nav_hover.jpg) no-repeat}

#nav_cur{width:90px;height:42px;color:#3d0f40;text-decoration:none;display:block;background:url(../images/nav_hover.jpg) no-repeat}

.headMenuLeft{width:190px;height:42px;float:left;position:relative;z-index:98;background-color:#87008d}

.nav-l-span{height:42px;line-height:43px;padding-left:40px;display:block;font-size:15px;color:#dbb898;position:relative;font-family:'Microsoft YaHei';cursor:pointer}

.nav-l-span i{width:15px;height:15px;position:absolute;top:15px;left:15px;display:block;background:url(../images/lb.png) no-repeat;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;-ms-transition:-moz-transform .3s ease-out;-o-transition:-moz-transform .3s ease-out;transition:transform .4s ease-out;cursor:pointer}

.nav-l-hover{background:#3d0f40}

.amyandnewborn13{PADDING-BOTTOM:0;PADDING-LEFT:45px;PADDING-RIGHT:0;FLOAT:left;PADDING-TOP:37px}

.amyandnewborn13 A{WIDTH:73px;DISPLAY:block;FLOAT:left;HEIGHT:73px}

#amy13{BACKGROUND:url(../images/201209tobother_10.png) no-repeat;filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/201209tobother_10.png', sizingMethod='crop')}

#line13{PADDING-BOTTOM:0;PADDING-LEFT:10px;WIDTH:3px;PADDING-RIGHT:10px;DISPLAY:block;BACKGROUND:url(../images/201209tobother_12.png) no-repeat center 50%;FLOAT:left;HEIGHT:73px;PADDING-TOP:0}

#newborn13{BACKGROUND:url(../images/201209tobother_14.png) no-repeat;filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/201209tobother_14.png', sizingMethod='crop');transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;animation:roll 2s linear infinite normal;-moz-animation:roll 1.5s linear infinite normal;-o-animation:roll 1.5s linear infinite normal}

@-webkit-keyframes roll{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

25%{transform:rotate(20deg);-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-moz-transform:rotate(20deg)}

50%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

75%{transform:rotate(-20deg);-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-moz-transform:rotate(-20deg)}

100%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

}

@keyframes roll{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

25%{transform:rotate(20deg);-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-moz-transform:rotate(20deg)}

50%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

75%{transform:rotate(-20deg);-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-moz-transform:rotate(-20deg)}

100%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

}

@-moz-keyframes roll{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

25%{transform:rotate(20deg);-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-moz-transform:rotate(20deg)}

50%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

75%{transform:rotate(-20deg);-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-moz-transform:rotate(-20deg)}

100%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

}

@-o-keyframes roll{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

25%{transform:rotate(20deg);-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);-moz-transform:rotate(20deg)}

50%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

75%{transform:rotate(-20deg);-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);-moz-transform:rotate(-20deg)}

100%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-moz-transform:rotate(0)}

}

.newfootercon{width:1082px;margin:0 auto}

.newfooter{height:200px;background:transparent url(../images/footerbg.jpg) 0 0 repeat-x;padding:50px 0 0 0;margin:10px 0 0 0}

.f_centers{float:left;width:500px;padding:0 0 0 25px}

.f_centers li{float:left; margin:0 8px 5px 2px;}

.f_centers li a{display:inline-block;text-align:center;color:#dfdfdf}

.f_centers li a:hover{color:#fff}

.f_centers p{font-size:13px;color:#dfdfdf;line-height:24px}

.f_centers a{ color:#999;}

.newfooter .f_right{float:left;width:170px}

.friend_link1 div{width:130px;float:left;margin:40px 0 0 0}

.friend_link1 div a{display:block;width:59px;height:59px;margin:0 auto;padding:0}

.friend_link1 div p{text-align:center;line-height:30px}

.friend_link2 div{width:180px;float:left;margin:40px 0 0 0}

.friend_link2 div img{display:block;padding:0;margin:0 auto}

.friend_link2 div p{text-align:center;line-height:30px}

.f_right ul li{width:34px;height:34px;background:transparent url(../images/FotJhHs.png) 0 0 no-repeat;float:left}

#fl{animation:5s ease-out 1s normal none infinite mclogo;-webkit-animation:mclogo 5s ease-out 1s infinite}

@keyframes mclogo{0%{transform:rotateY(0)}

20%{transform:rotateY(90deg)}

40%{transform:rotateY(180deg)}

100%{transform:rotateY(360deg)}

}

@-webkit-keyframes mclogo{0%{-webkit-transform:rotateY(0)}

20%{-webkit-transform:rotateY(90deg)}

40%{-webkit-transform:rotateY(180deg)}

100%{-webkit-transform:rotateY(360deg)}

}

.f_right ul li:hover{background:transparent url(../images/FotJhYs.png) 0 0 no-repeat}

.f_right ul a{display:block;margin:20px 4px;width:34px;height:34px;float:left}

.f_right ul li.sina,.f_right ul li.sina:hover{background-position:0 0}

.f_right ul li.weibo,.f_right ul li.weibo:hover{background-position:-40px 0}

.f_right ul li.qq,.f_right ul li.qq:hover{background-position:-82px 0}

.f_right ul li.firends,.f_right ul li.firends:hover{background-position:-124px 0}

.clr{clear:both;height:0;background:0 0;width:0;padding:0;margin:0}

.relative{position:relative}

.absolute{position:absolute}

.bannerSlide{overflow:hidden;margin:0 auto;width:100%;height:438px;max-width:1920px}

.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap{margin:0 auto;width:100%;height:438px}

.bannerSlide .slideBox li{position:relative;overflow:hidden;width:100%;height:438px;text-align:center}

.bannerSlide .slideBox li a{position:relative;display:block;width:100%;height:100%}

.bannerSlide .slideBox li img{position:absolute;top:0;left:50%;margin-left:-960px;-webkit-transform:scaleX(1.05) scaleY(1.05);-moz-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05)}

.bannerSlide .slideBox li.active img{-webkit-transition:-webkit-transform 4s linear 0s;-moz-transition:-moz-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;transition:transform 4s linear 0s;-webkit-transform:scaleX(1) scaleY(1);-moz-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);-ms-transition:-ms-transform 4s linear 0s;-ms-transform:scaleX(1) scaleY(1)}

.bannerSlide .focus{bottom:9px;z-index:10;width:100%;text-align:center}

.bannerSlide .focus span{display:inline-block;margin:0 5px;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#ccc}

.bannerSlide .focus span.active{background-color:#c0025a}

.bannerSlide .preBtn{top:50%;left:50%;z-index:7;display:block;display:none;margin-top:-37px;margin-left:-600px;width:74px;height:74px;background-color:rgba(0,0,0,.3)}

.bannerSlide .preBtn i{display:block;margin-top:13px;margin-left:24px;width:26px;height:48px;background:url(/images/left2.png) no-repeat;background-size:100% 100%}

.bannerSlide .nextBtn{top:50%;right:50%;z-index:7;display:block;display:none;margin-top:-37px;margin-right:-600px;width:74px;height:74px;background-color:rgba(0,0,0,.3)}

.bannerSlide .nextBtn i{display:block;margin-top:13px;margin-left:24px;width:26px;height:48px;background:url(/images/right2.png) no-repeat;background-size:100% 100%}

.bannerSlide .nextBtn:hover,.bannerSlide .preBtn:hover{background-color:rgba(0,0,0,.7)}

.bannerSlide .preBtn i{display:block;width:26px;height:48px;margin-left:24px;margin-top:13px}

.bannerSlide .nextBtn i{display:block;width:26px;height:48px;margin-left:24px;margin-top:13px}

.swiper-container img{width:100%}

.swiper-container{width:100%; margin:0 auto;}

.banner{ width:1920px; height:438px; position:relative; left:50%; top:0; margin-left:-960px;}