@charset "gb2312";
/* CSS Document */
* html, _html { background-image: url(about:blank); background-attachment: fixed; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; font-weight: normal; }
body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei", Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; border: medium none; margin: 0; padding: 0; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { line-height: 100%; }
body { background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; }
em, b, i, s { font-style: normal; font-weight: normal; text-transform: none; font-style: normal; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, ol { list-style: none; }
a { text-decoration: none; color:#333; }
a:hover { text-decoration: none!important; }
p { text-align: justify; text-justify: inter-ideograph; white-space: normal; }
img { border: 0px; vertical-align: middle; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.re { position: relative; }
.ab { position: absolute }
.float_left{
    float: left;
}
.wrap { position: relative; width: 1150px; margin: 0 auto; }
.header .logo, .header .hdTag div, .header .hdTel, .header .hdTel .telNum, .bannerSlide .preBtn i, .bannerSlide .nextBtn i,.content .hmNew h3:after, .menuWrap li h3 a:before, .content .con1 .acTxt li .check:before, .content .con1 .expert .exprev, .content .con1 .expert .exnext, .content .con2 .more:before, .content .con2 .hot, .content .con3 .teamR .tmprev, .content .con3 .teamR .tmnext, .content .con4 .showBox .showCon .clBtn,.footerLog,.footerTellLogo { background: url("../indexImg/index.png") no-repeat; }
.div_more{height:21px}
.p_more{margin-bottom:10px;width:1150px;height:11px; float:right;}
/*header-----------------------------*/
.header { width: 100%; height: 120px; background: #fff; border-top: 4px solid #F3F3F3; }
.header .logo { width: 334px; height: 52px; float: left; margin-top: 40px; }
.header .logo a { width: 100%; height: 60px; display: block; padding-top: 60px; overflow: hidden; }
.header .hdTag { width: 150px; height: 58px; margin: 35px 0 0 10px; float: left;}
.header .hdTag .fl { width: 83px;height: 57px; background-position: -366px -3px; }
.header .hdTag .fr { width: 62px;height: 57px; background-position: -465px -3px; }
.header .hdTag dl dt { width: 39px; height: 32px; margin: 0 auto 5px; background-position: -418px -14px; }
.header .hdTag .fr dt { width: 37px; height: 36px; background-position: -472px -14px; margin-bottom: 1px; }
.header .hdTag dl dd { text-align: center; font-size: 10px; color: #898989; line-height: 14px; }
.header .hdNav { float: right; margin-top: 60px;margin-right:20px} 
.header .hdNav li { width: 68px; float: left; margin-right: 12px; }
.header .hdNav li:last-child { margin-right: 0; }
.header .hdNav li a { font-size: 16px; color: #2f2e2e; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display:block;width:75px;height:27px; text-align:center; line-height:27px }
.header .hdNav li:hover a { color: #fff;background:#3D3F4B;}
.header .hdTel { width: 354px; height: 30px; background-position: -584px -1px; position: absolute; top: 0; right: -20px; padding:0 40px 0 42px; }
.header .hdTel .webLink { width: 91px; }
.header .hdTel .webLink a { line-height: 30px; font-size: 14px; display: inline-block; color: #626262; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header .hdTel .webLink .cn { margin-right: 10px; position: relative; }
.header .hdTel .webLink .cn:before { position: absolute; content: ''; width: 1px; height: 14px; background: #626262; top: 9px; right: -7px; }
.header .hdTel .webLink a:hover { color: #000; }
.header .hdTel .telNum { width: 138px; height: 15px; background-position: -29px -65px;margin-top: 8px; }
/*banner---------------------------*/
.bannerSlide { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; max-width: 1920px; }
.bannerSlide .slideBox, .bannerSlide .slideBox .tempWrap { width: 100%; height: 500px; margin: 0 auto; }
.bannerSlide .slideBox li { position: relative; width: 100%; height: 500px; overflow: hidden; }
.bannerSlide .slideBox li a { display: block; width: 100%; height: 100%; position: relative; }
.bannerSlide .slideBox li img { position: absolute; left: 50%; top: 0; margin-left: -960px; -moz-transform: scaleX(1.05) scaleY(1.05); -ms-transform: scaleX(1.05) scaleY(1.05); -o-transform: scaleX(1.05) scaleY(1.05); -webkit-transform: scaleX(1.05) scaleY(1.05); transform: scaleX(1.05) scaleY(1.05); }
.bannerSlide .slideBox li.active img { -moz-transition: -moz-transform 4s linear 0s; -ms-transition: -ms-transform 4s linear 0s; -o-transition: -o-transform 4s linear 0s; -webkit-transition: -webkit-transform 4s linear 0s; transition: transform 4s linear 0s; -moz-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); -o-transform: scaleX(1) scaleY(1); -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); }
.bannerSlide .focus { width: 100%; bottom: 16px; z-index: 10; text-align: center; }
.bannerSlide .focus span { width: 12px; height: 12px; background-color: #ccc; display: inline-block; margin: 0 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.bannerSlide .focus span.active { background-color: #ac133b; }
.bannerSlide .preBtn { left: 50%; top: 50%; display: block; width: 74px; height: 74px; margin-top: -37px; margin-left: -700px; background-color: rgba(0,0,0,.3); z-index: 7; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; filter:alpha(opacity:0);
}
.bannerSlide .preBtn.active { opacity: 1; ; margin-left: -600px; filter:alpha(opacity:100)
}
.bannerSlide .preBtn i { display: block; width: 26px; height: 45px; margin-left: 24px; margin-top: 14px; background-position: -665px -76px; }
.bannerSlide .nextBtn { right: 50%; top: 50%; display: block; width: 74px; height: 74px; margin-top: -37px; margin-right: -700px; background-color: rgba(0,0,0,.3); z-index: 7; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; filter:alpha(opacity:0);
}
.bannerSlide .nextBtn.active { opacity: 1; ; margin-right: -600px; filter:alpha(opacity:100)
}
.bannerSlide .nextBtn i { display: block; width: 26px; height: 48px; margin-left: 24px; margin-top: 14px; background-position: -665px -76px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.bannerSlide .preBtn:hover, .bannerSlide .nextBtn:hover { background-color: rgba(0,0,0,.7); }
/*menuNavs--------------------------*/
.menuNavs { left: 0; top: 0px; z-index: 20; width: 100%; height: 70px; border-top: 4px solid #b60251; }
.menuWrap {margin: 0 auto;  width: 1105px; height: 66px; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-perspective: 2000px; -ms-perspective: 2000px; -o-perspective: 2000px; -webkit-perspective: 2000px; perspective: 2000px }
.menuWrap ul { width: 1105px; height: 66px; background: #c0025a; position: relative; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -moz-transition: -moz-transform 0.5s ease-in-out 0s; -ms-transition: -ms-transform 0.5s ease-in-out 0s; -o-transition: -o-transform 0.5s ease-in-out 0s; -webkit-transition: -webkit-transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s; opacity: 0; filter:alpha(opacity:0);
}
.menuWrap ul.active { opacity: 1; filter:alpha(opacity:100);
-moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.menuWrap ul:before, .menuWrap ul:after { position: absolute; content: ''; width: 78px; height: 66px; top: 0; background: url("../indexImg/menuL.png") no-repeat center; }
.menuWrap ul:before { left: -78px; }
.menuWrap ul:after { background: url("../indexImg/menuR.png") no-repeat center; right: -78px; }
.menuWrap li, .menuWrap li h3 { width: 100px; height: 66px; float: left; }
.menuWrap li { margin-right: 43.5px; }
.menuWrap li:last-child { margin-right: 0; }
.subMenu { width: 1105px; background-color: #FFF; left: 0; top: 66px; z-index: 10; border-bottom: 2px solid #c0025a; border-right: 1px solid #c0025a; border-left: 1px solid #c0025a; }
.hide { display: none; }
.menuWrap li h3 a { display: block; width: 100%; height: 100%; position: relative; }
.menuWrap li h3:before { content: ''; width: 41px; height: 41px; background: #c0025a; border-radius: 50%; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuWrap li:hover h3:before { background: #aa0f3a; }
.menuWrap li h3 a:before { top: 6px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; content: ''; z-index: 22; }
.menuWrap li h3 a:after { font-size: 14px; color: #fff; width: 100%; text-align: center; top: 45px; left: 0; position: absolute; }
.subMenu { padding: 30px 0 30px 30px; font-size: 14px;}
.subMenu a { color: #8b8b8b; text-decoration: none; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; line-height: 24px; }
.subMenu dd { width: 95px; float: left; color: #2a2a2a; font-weight: 600; padding-left: 5px; height: 24px; line-height: 24px; overflow: hidden; }
.subMenu dt { width: 95px; float: left; overflow: hidden; }
.subMenu dt a { display: inline-block; padding: 0 5px }
.subMenu dt a:hover { color: #fff; background-color: #b9bfbf; text-decoration: none; }
.subMenu dl { margin-bottom: 5px; margin-left: 8px; }
.subMenuLogo1 { width: 112px; height: 120px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo1:after { content: ''; position: absolute; left: 0; top: 9px; width: 95px; height: 47px; background: url(../indexImg/subItemsLogo.png) no-repeat -26px -20px; }
.subMenuLogo2 { width: 112px; height: 135px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo2:after { content: ''; position: absolute; left: 0; top: 9px; width: 96px; height: 46px; background: url(../indexImg/subItemsLogo.png) no-repeat -228px -20px; }
.subMenuLogo3 { width: 112px; height: 60px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo3:after { content: ''; position: absolute; left: 0; top: 9px; width: 96px; height: 50px; background: url(../indexImg/subItemsLogo.png) no-repeat -429px -18px; }
.subMenuLogo4 { width: 112px; height: 60px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo4:after { content: ''; position: absolute; left: 0; top: 9px; width: 96px; height: 47px; background: url(../indexImg/subItemsLogo.png) no-repeat -631px -20px; }
.subMenuLogo5 { width: 112px; height: 50px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo5:after { content: ''; position: absolute; left: 0; top: 9px; width: 93px; height: 42px; background: url(../indexImg/subItemsLogo.png) no-repeat -812px -20px; }
.subMenuLogo6 { width: 112px; height: 50px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo6:after { content: ''; position: absolute; left: 0; top: 9px; width: 100px; height: 45px; background: url(../indexImg/subItemsLogo.png) no-repeat -24px -99px; }
.subMenuLogo7 { width: 112px; height: 118px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo7:after { content: ''; position: absolute; left: 0; top: 9px; width: 88px; height: 45px; background: url(../indexImg/subItemsLogo.png) no-repeat -228px -99px; }
.subMenuLogo8 { width: 120px; height: 146px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo8:after { content: ''; position: absolute; left: 0; top: 9px; width: 111px; height: 45px; background: url(../indexImg/subItemsLogo.png) no-repeat -427px -101px; }
.subMenuLogo9 { width: 112px; height: 50px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo9:after { content: ''; position: absolute; left: 0; top: 9px; width: 89px; height: 43px; background: url(../indexImg/subItemsLogo.png) no-repeat -635px -97px; }
.subMenuLogo10 { width: 112px; height: 50px; border-right: 1px solid #676767; position: relative; }
.subMenuLogo10:after { content: ''; position: absolute; left: 0; top: 9px; width: 87px; height: 42px; background: url(../indexImg/subItemsLogo.png) no-repeat -813px -95px; }
.subMenu7 .subMenuLinkBox, .subMenu8 .subMenuLinkBox { margin-top: 10px; }
.subMenu5 .subMenuLinkBox { width: 960px }
.subMenu1 .aside, .subMenu1 .bside, .subMenu2 .aside, .subMenu2 .bside { width: 520px; }
.subMenu1 .bside .subMenuLinkBox, .subMenu2 .aside .subMenuLinkBox { width: 408px; }
.menuWrap .nav1 h3 a:before { width: 21px; height: 28px; background-position: -226px -84px; }
.menuWrap .nav1 h3 a:after { content: '眼鼻整形'; }
.menuWrap .nav2 h3 a:before { width: 24px; height: 23px; background-position: -262px -86px; top: 10px; }
.menuWrap .nav2 h3 a:after { content: '面部整形'; }
.menuWrap .nav3 h3 a:before { width: 18px; height: 27px; background-position: -306px -84px; }
.menuWrap .nav3 h3 a:after { content: '形体雕塑'; }
.menuWrap .nav4 h3 a:before { width: 33px; height: 23px; background-position: -344px -87px; top: 9px; }
.menuWrap .nav4 h3 a:after { content: '乳房管理'; }
.menuWrap .nav5 h3 a:before { width: 25px; height: 26px; background-position: -393px -84px; top: 9px; }
.menuWrap .nav5 h3 a:after { content: '皮肤美容'; }
.menuWrap .nav6 h3 a:before { width: 22px; height: 28px; background-position: -442px -84px; }
.menuWrap .nav6 h3 a:after { content: '注射美容'; }
.menuWrap .nav7 h3 a:before { width: 24px; height: 25px; background-position: -479px -85px; }
.menuWrap .nav7 h3 a:after { content: '毛发移植'; }
.menuWrap .nav8 h3 a:before { width: 29px; height: 27px; background-position: -520px -84px; }
.menuWrap .nav8 h3 a:after { content: '口腔美容'; }
/*content--------------------------------------*/
.content { width: 100%; background: #fff; padding-top: 65px; }
/*news---------------------------------------------*/
.content .hmNew { width: 1150px; height: 60px; position: absolute; left: 0; top: -80px; z-index: 60; overflow: hidden; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; border-bottom: 1px solid #fff; /*opacity: 0; filter:alpha(opacity:0)*/ box-shadow: 0 0 10px rgba(30,30,30,.2)}
.content .hmNew:hover { background: #f8f7f7; border-bottom: 1px solid #c21b49;box-shadow: 0 0 10px rgba(30,30,30,.2); }
.content .hmNew h3 { width: 193px; height: 60px; font-size: 16px; color: #333; padding-left: 58px; float: left; line-height: 60px; position: relative; }
.content .hmNew h3:before { content: ''; position: absolute; width: 1px; height: 28px; background: #dddedf; right: 0; top: 16px; }
.content .hmNew h3:after { position: absolute; content: ''; width: 21px; height: 21px; left: 136px; top: 20px; background-position: -561px -91px;}
.content .hmNew .news { width: 957px; float: right; height: 60px; }
.content .hmNew .news p { line-height: 60px; font-size: 12px; color: #8e8e8e; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; position: relative; padding: 0 30px 0 50px; width: 100%; }
.content .hmNew .news p:before { content: ''; position: absolute; background: #515252; width: 4px; height: 4px; border-radius: 50%; top: 29px; left: 36px; }
.content .hmNew .news p a { font-size: 14px; color: #515252; padding-right: 4px; }
/*con1-------------------------------------------*/
.content .con1 { width: 100%; height: 327px; margin-bottom: 35px; }
.content .con1 .academic, .content .con1 .expert { width: 760px; height: 328px; float: left; border: 1px solid #e5e5e5; padding: 24px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.content .con1 h3 { width: 100%; padding-left: 14px; font-size: 20px; color: #2e2d2d; position: relative; height: 38px; }
.content .con1 h3:before { content: ''; position: absolute; width: 4px; height: 20px; background: #ba1644; top: 0; left: 0; }
.content .con1 .acSlide { width: 440px; height: 240px; overflow: hidden; float: left; }
.content .con1 .acSlide .focus1, .content .con1 .exSlide .focus2, .content .con3 .teamR .focus3 { width: 423px; left: 0; top: 225px; text-align: right; z-index: 20; line-height: 6px; }
.content .con1 .exSlide .focus2 { width: 323px; }
.content .con3 .teamR .focus3 { width: 395px; top: 480px; }
.content .con1 .acSlide .focus1 span, .content .con1 .exSlide .focus2 span, .content .con3 .teamR .focus3 span { display: inline-block; width: 6px; height: 6px; background: #c2bfbf; margin: 0 3px; }
.content .con1 .acSlide .focus1 span.on, .content .con1 .exSlide .focus2 span.on, .content .con3 .teamR .focus3 span.on { background: #ba1644; }
.content .con1 .acTxt { width: 250px; height: 240px; float: right; overflow: hidden; }
.content .con1 .acTxt ul { width: 250px; height: 240px; position: relative; }
.content .con1 .acTxt li { width: 250px; height: 240px; position: absolute; top: 0; left: 0; z-index: 0; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; filter:alpha(opacity:0)
}
.content .con1 .acTxt li h6 { font-size: 16px; color: #111; line-height: 28px; margin-top: -5px; }
.content .con1 .acTxt li p { font-size: 14px; line-height: 24px; color: #636262; }
.content .con1 .acTxt li .check { position: absolute; top: 218px; left: 178px; font-size: 14px; color: #9d9799; -webkit-transition: all 0.3s; transition: all 0.3s; }
.content .con1 .acTxt li .check:before { content: ''; position: absolute; width: 11px; height: 11px; background-position: -626px -101px; top: 5px; right: -16px; }
.content .con1 .acTxt li.on { z-index: 10; opacity: 1; filter:alpha(opacity:100)
}
.content .con1 .academic:hover, .content .con1 .expert:hover, .content .con5 li:hover { background: #f8f7f7; border-top-color: #c21b49; position: relative; z-index: 1; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.content .con1 .academic:hover, .content .con1 .expert:hover{-webkit-transform: translateY(0); transform: translateY(0);}
.content .con1 .academic:hover .check { color: #ba1644; }
.content .con1 .academic:hover .check:before { background-position: -626px -118px; }
.content .con1 .expert { width: 391px; margin-left: -1px; }
.content .con1 .expert .exSlide { width: 340px; height: 240px; }
.content .con1 .expert .exSlide .bd { width: 340px; height: 240px; overflow: hidden; }
.content .con1 .expert .exprev, .content .con1 .expert .exnext, .content .con3 .teamR .tmprev, .content .con3 .teamR .tmnext { width: 18px; height: 19px; position: absolute; top: -37px; right: 19px; background-position: -723px -99px; }
.content .con3 .teamR .tmprev, .content .con3 .teamR .tmnext { top: 30px; right: 47px; }
.content .con1 .expert .exnext { right: 0; }
.content .con3 .teamR .tmnext { right: 28px; }
.content .con1 .expert .exprev:hover, .content .con3 .teamR .tmprev:hover { background-position: -722px -70px; }
.content .con1 .expert .exnext, .content .con3 .teamR .tmnext { background-position: -755px -99px; }
.content .con1 .expert .exnext:hover, .content .con3 .teamR .tmnext:hover { background-position: -754px -70px; }
/*con2-------------------------------------*/
.content .con2 { width: 100%; height: 394px; margin-bottom: 35px; overflow: hidden }
.content .con2 .mItem { width: 382px; height: 394px; float: left; }
.content .con2 .mItem a, .content .con2 li a { position: relative; width: 100%; height: 100%; display: block; }
.content .con2 .mItem a:after, .content .con2 li a:after { -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; content: ''; width: 100%; height: 100%; z-index: 66; top: 0; left: 0; }
.content .con2 .mItem.on a:after, .content .con2 li.on a:after { background: rgba(0,0,0,.3); }
.content .con2 .oItem { width: 766px; height: 394px; float: right; }
.content .con2 .oItem li { width: 190px; height: 196px; float: left; position: relative; margin:0 2px 2px 0;}
.content .con2 .mItem a.details{width: 102px; height: 26px; background: #ba1745; text-align: center; line-height: 26px; font-size: 14px; color: #fff; position: absolute;z-index: 10;bottom:-26px; left: 14px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; }
.content .con2 .mItem:hover .details{-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; bottom: 10px;left:14px;}
.content .con2 li a.details{width: 102px; height: 26px; background: #ba1745; text-align: center; line-height: 26px; font-size: 14px; color: #fff; position: absolute;bottom:-26px; left: 14px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; opacity:0 }
.content .con2 li:hover .details{-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; bottom: 10px;left:14px; opacity:1}


.content .con2 .oItem li:nth-of-type(4n){margin-right: 0}
.content .con2 .mItem p,.content .con2 .oItem li p { font-size: 18px; color: #fff; line-height: 22px; top: 10px; left: 10px; position: absolute; }
.content .con2 .mItem p{top: 15px; left: 15px;}
.content .con2 .hot { width: 9px; display: block; height: 11px; background-position: -602px -102px; position: absolute; top: 0; right: -15px; }
.content .con2 .shadow.am .hot { -webkit-animation: hot 1.5s infinite; -moz-animation: hot 1.5s infinite; -o-animation: hot 1.5s infinite; animation: hot 1.5s infinite; }
.content .con2 .oItem li:nth-of-type(1) .hot {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.content .con2 .oItem li:nth-of-type(2) .hot { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.content .con2 .oItem li:nth-of-type(4) .hot {-webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.content .con2 .oItem li:nth-of-type(5) .hot {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
@-webkit-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@-moz-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@-o-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
/*con3--------------------------*/
.content .con3 { width: 100%; height: 520px; margin-bottom: 35px;}
.content .con3 .teamL { width: 700px; height: 500px; overflow: hidden; background: #d0dce7; }
.content .con3 .teamL .hd { height: 45px; width: 700px; position: absolute; bottom: 0; left: 0; background: rgba(46, 76, 90, .46); overflow: hidden; }
.content .con3 .teamL .hd li { width: 140px; height: 45px; float: left; text-align: center; font-size: 16px; color: #fff; line-height: 45px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }
.content .con3 .teamL .hd li.on { background: rgba(251, 251, 251, .53); color: #5f6566; }
.content .con3 .teamL .bd li { width: 700px; height: 500px; background: url("../indexImg/con3_1.jpg") no-repeat center bottom;}
.content .con3 .teamL .bd li.tm2 { background-image: url(../indexImg/con3_2.jpg); }
.content .con3 .teamL .bd li.tm3 { background-image: url(../indexImg/con3_3.jpg); }
.content .con3 .teamL .bd li.tm4 { background-image: url(../indexImg/con3_4.jpg); }
.content .con3 .teamL .bd li.tm5 { background-image: url(../indexImg/con3_5.jpg); }
.content .con3 .teamL .bd li a{ width:100%; height:100%; display:block;}
.content .con3 .teamR { width: 450px; height: 500px; overflow: hidden; padding: 0 22px 0 29px; background: #5d7c96; }
.content .con3 .teamR h4 { font-size: 20px; color: #fff; line-height: 65px; }
.content .con3 .teamR .bd { width: 399px; height: 399px; overflow: hidden; }
.content .con3 .teamR .bd .zjCon { width: 126px; height: 126px; position: relative; margin: 0 7px 5px 0; overflow: hidden; float: left; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 2000px; perspective: 2000px;}
.content .con3 .teamR .bd .zjCon a { display: block; width: 105px; height: 25px; background: #ba1745; text-align: center; color: #fff; line-height: 25px; position: absolute; left: 11px; bottom: 0; z-index: 2; -webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s; opacity: 0; filter:alpha(opacity:0);border-radius:5px;}
.content .con3 .teamR .bd .zjCon:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; filter:alpha(opacity:0);
}
.content .con3 .teamR .bd .zjCon:hover:before { opacity: 1; filter:alpha(opacity:100);
}
.content .con3 .teamR .bd .zjCon:hover a { bottom: 4px; opacity: 1; filter:alpha(opacity:100);
}
/*con4-------------------------------*/
.content .con4 { width: 100%; height: 547px; margin-bottom: 35px; position: relative;}
.content .con4 .anli { width: 459px; height: 363px; position: absolute; top: 0; left: 0; overflow: hidden; cursor: pointer; }
.content .con4 .anli2 { width: 228px; height: 182px; left: 461px; }
.content .con4 .anli3 { width: 229px; height: 182px; left: 691px; }
.content .con4 .anli4 { width: 228px; height: 363px; left: 922px; }
.content .con4 .anli5 { width: 228px; height: 363px; left: 461px; top: 184px; }
.content .con4 .anli6 { width: 229px; height: 179px; left: 691px; top: 184px; }
.content .con4 .anli7 { width: 229px; height: 182px; top: 365px; }
.content .con4 .anli8 { width: 228px; height: 182px; left: 231px; top: 365px; }
.content .con4 .anli9 { width: 229px; height: 182px; left: 691px; top: 365px; }
.content .con4 .anli10 { width: 228px; height: 182px; left: 922px; top: 365px; }
.content .con4 .anli .picBtn { width: 102px; height: 26px; background: #ba1745; text-align: center; line-height: 26px; font-size: 14px; color: #fff; position: absolute; bottom: -42px; z-index: 10; left: 14px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px}
.content .con4 .anli1 .picBtn{position: absolute; bottom: -42px; z-index: 10; left:20px;}
.content .con4 .anli:hover .picBtn { bottom: 13px; }
.content .con4 .showBox { width: 100%; height: 100%; position: absolute; z-index: 66; top: 0; left: 0; overflow: hidden; display: none; background: rgba(0, 0, 0, .7);}
.content .con4 .showBox .showCon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; filter:alpha(opacity:0);-webkit-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}
.content .con4 .showBox .showCon.on { opacity: 1; filter:alpha(opacity:100);z-index: 10;background:rgba(51,51,51,0.8); }
.content .con4 .showBox .showCon .bigfl{width:710px;height:547px; background:#fff;}
.content .con4 .showBox .showCon .fl1 { width: 401px; height: 532px;padding-top:8px; }
.content .con4 .showBox .showCon .fl2 { width: 302px; height: 532px;padding-top:8px; }
.content .con4 .showBox .showCon .fr { width: 433px; height: 547px;}
.content .con4 .showBox .showCon .fr h5{padding:80px 0 0 70px;font-size: 40px; color: #fff;}
.content .con4 .showBox .showCon .fr p{padding:10px 0 0 70px; font-size: 18px; color: #fff;  }
.content .con4 .showBox .showCon .fr .p1{padding-left:158px;}
.content .con4 .showBox .showCon .fr .a_top{margin-top:10px}
.content .con4 .showBox .showCon .fr a { display: block; width: 175px; height:37px; margin:50px 0 0 70px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px}
.content .con4 .showBox .showCon .fr h6{padding:50px 0 0 70px;font-size: 40px; color: #fff;}
.content .con4 .showBox .showCon .clBtn { width: 29px; height: 29px; background-position: -788px -63px; display: block; position: absolute; right: 19px; top: 17px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; }
.content .con4 .showBox .showCon .clBtn:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/*con5------------------------------------------*/
.content .con5 { width: 100%; height: 310px; margin-bottom: 60px; }
.content .con5 li { width: 288.2px; margin-left: -1px; height: 310px; border: 1px solid #e5e5e5; float: left; padding: 0 21px 20px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.content .con5 li:first-child { margin-left: 0; }
.content .con5 li h4 { line-height: 54px; font-size: 18px; color: #434444; }
.content .con5 li p{ margin-top:15px;}
.content .con5 li p a{ font-size: 12px; color: #555; line-height: 24px; padding-top: 12px; text-overflow: ellipsis; overflow: hidden; width: 100%; }
/*content1-----------------------------------------*/
.content1 { width: 100%; padding: 20px 0 20px; background-color: #f8f8f8; }
.InteractiveContainer { width: 100%; margin-top: 27px; }
.InteractiveContainer .aside, .InteractiveContainer .cside, .InteractiveContainer .bside { width: 368px; height: 520px; border: 1px solid #dddedf; -moz-box-shadow: 2px 2px 4px rgba(11,2,5,.08); -webkit-box-shadow: 2px 2px 4px rgba(11,2,5,.08); box-shadow: 2px 2px 4px rgba(11,2,5,.08); }
.InteractiveContainer .aside { margin-right: 24px; display: inline; }
.titleBox { width: 100%; height: 50px; border-bottom: 1px solid #e7e6e6; }
.titleBox em, .titleBox span { display: block; float: left; font-size: 16px; color: #fff; }
.titleBox span { height: 50px; line-height: 50px; }
.titleBox em { background: url(../indexImg/index.png) no-repeat; margin-left: 17px; display: inline; margin-right: 5px; }
.title1 { background: #b63a92; }
.title2 { background: #fa7d3c; }
.title3 { background: #23ac38; }
.title1 em { width: 22px; height: 18px; background-position: -1039px -8px; margin-top: 16px; }
.title2 em { width: 16px; height: 16px; background-position: -1091px -9px; margin-top: 18px; }
.title3 em { width: 22px; height: 20px; background-position: -1128px -12px; margin-top: 15px; }
/*content2------------------------------------*/
.content2 { width: 100%; padding: 35px 0 10px; }
.content7Navs { width: 100%; line-height: 30px; border-bottom: 1px solid #dddedf; }
.content7Navs span { width: 83px; line-height: 30px; font-size: 16px; color: #7e7e7e; display: inline-block; padding-right: 14px; cursor: pointer; }
.content7Navs span a{font-size: 16px; color: #7e7e7e; }
.activeBg { left: 0; bottom: -1px; width: 69px; height: 1px; background: #ba1745; }
.content7Lists { margin: 25px 0; height:85px!important; overflow:hidden; }
.content7List1 li { width: 143px; float: left; }
.content7List1 li img, .content7List2 li img, .content7List3 li img { display: block; margin: 0 auto; }
.content7List1 li span, .content7List2 li span, .content7List3 li span { display: block; width: 100%; font-size: 12px; line-height: 26px; text-align: center; }
.content7List2 li { width: 191px; float: left; }
.content7List3 li { width: 287px; float: left; }
.content7List4 { padding: 0 20px; }
.content7List4 li { float: left; line-height: 24px; }
.content7List4 li a { display: block; padding: 0 34px; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; }
.content7List4 li a:hover { color: #e4007f; }
/*.footer------------------------------------------*/
.footer { width: 100%; height: 200px; background: url("../indexImg/ft_bg.jpg"); }
.footer .bside { width: 100%; height: 100%; }
.footerLog { width: 328px; height: 49px; margin-top: 77px; display: inline; background-position:0 -149px; }
.footerMenu { width: 540px; height: 94px; border-left: 1px dotted #8a8a8d; border-right: 1px dotted #8a8a8d; margin-top: 56px; margin-left: 20px; display: inline; padding: 0 21px; }
.footerMenu ul { padding: 4px 0 20px 0; }
.footerMenu li { float: left; font-size: 14px; margin-right: 32px; position: relative; }
.footerMenu li:before { content: ''; position: absolute; width: 2px; height: 15px; background: #969698; top: 4px; left: 70px; }
.footerMenu li:last-child { margin-right: 0; }
.footerMenu li:last-child:before { display: none; }
.footerMenu li a { color: #bcbcbc; -webkit-transition: all 0.3s; transition: all 0.3s; }
.footerMenu li:hover a { color: #e4007f; }
.footerMenu p { font-size: 12px; color: #bcbcbc; line-height: 22px; }
.footerMenu p a { font-size: 12px; color: #bcbcbc; }
.footerTell { width: 235px; margin-top: 60px; }
.footerTellLogo { width: 235px; height: 50px; background-position: 0 -205px; }
.footerLink { width: 100%; height: 32px; margin-top: 9px; }
.footerLink a { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 111px; height: 32px; line-height: 30px; float: left; border: 1px solid #a2a2a2; font-size: 14px; color: #8c8c8e; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.footerLink a:last-child { float: right; }
.footerLink a:hover { background-color: #ba1645; color: #fff; border-color: #ba1645 }


.cont_morex{height:22px; position:relative; margin-bottom:30px; width:84px; float:right;}
.moreObjects {right:0;bottom:0px;;width:84px;height:22px;line-height:22px; background-color:#414141;color:#fff;padding-left:8px;}
.moreObjects:hover,.moreObjects:active,.moreObjects:focus {color:#fff;}
.moreObjects em {display:inline-block;float:right;margin-top:4px;margin-right:9px;display:inline;width:15px;height:15px; background-color:#FFF;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;}
.moreObjects em:before,.moreObjects em:after {content:'';display:block;position:absolute;left:3px;top:7px;width:9px;height:1px; background-color:#414141;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.moreObjects em:after {-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.moreObjects.active em:after {-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

.content8 {width:100%;padding:10px 40px 0px;display:none;}
.content8Navs {width:100%;line-height:40px;font-size:16px;}
.content8Navs a {display:block;float:left;line-height:40px;color:#797979; width:64px; height:40px;margin-right:30px;display:inline;cursor:pointer;}
.content8Navs a.active { background:url(../images/content8Active.jpg) no-repeat center bottom;}
.content8Lists {width:1110px!important;height:526px!important;overflow:hidden;}
.content8Contentinner{width:1110px!important;height:526px!important;overflow:hidden;}
.content8List {width:1110px!important;height:526px!important;}
.hotObjects {width:100%;line-height:36px;font-size:12px;}
.hotObjects span {display:inline-block;margin:0 5px; cursor:pointer;}
.content8Content {width:100%;margin-top:10px;}
.content8Content .aside {width:490px;border-right:1px dotted #d4d4d4;}
.content8Content .aside dl {width:465px;height:148px;margin-bottom:12px;}
.content8Content .aside dl:last-child{margin-bottom:0;}
.content8Content .aside dd {width:220px;height:148px;float:left;}
.content8Content .aside dt {width:200px;float:left;margin-left:30px;display:inline;}
.content8Content .aside h4 {width:100%;font-size:16px;font-weight:500;line-height:40px;margin-top:20px;}
.content8Content .aside h4 a {color:#ea5300;}
.content8Content .aside p {width:100%;color:#202020;line-height:23px;}
.content8Content .bside {width:276px;margin-left:20px;display:inline;}
.content8Content .bside h5 {width:100%;font-size:14px;color:#202020;line-height:24px;font-weight:500;}
.content8Content .bside ul {padding:5px 0 15px;}
.content8Content .bside ul li {width:100%;height:26px;line-height:26px;font-size:12px;overflow:hidden;}
.content8Content .bside ul a {color:#797979;}
.content8Content .bside ul a:hover {color:#e4007f;}


.morelink{ width:100%; background-color:#f8f8f8; height:365px; padding-top:15px;clear:both;}
.container {
    width: 1200px;
    margin: 0 auto;
}
.morelink .big{ width:100%; height:350px; overflow:hidden;}
.morelink .big li{ width:170px; height:185px; float:left;}
.morelink .big .br{border-right:1px solid #e4e4e4;}
.morelink .big .bb{border-bottom:1px solid #e4e4e4; }
.morelink .big li .mark{ width:100px; height:25px;border-bottom:1px solid #e4e4e4; color:#000000; font-size:14px; font-weight:bold; margin:25px auto 10px auto;}
.morelink .big li .mark img{ vertical-align:middle; float:left;}
.morelink .big li .little{ width:100px; height:auto; margin:0 auto;}
.morelink .big li .little li{ width:100%; height:25px; float:left;}
.morelink .big li .little li a{ display:block; width:100%; height:25x; line-height:25px; color:#666666; font-size:12px;}
.morelink .big li .little li a:hover{ color:#896c4a;}