/***********************************************************************************/ /*全局*/ .header_container, .footer_container ,.container{width: 1260px;margin:0 auto;} #indexbanner .container{ padding-top: 20px; position: relative;} #container {background-color: #fff;} .clearfix:after {display: block;overflow: hidden;clear: both;height: 0;visibility: hidden;content: ".";} .clear,.clr{clear:both;} body{background:#fff;} .fl{float:left;} .fr{float:right;} /*header */ #header {height:122px;background:url('../images/head_bg.jpg') no-repeat; padding-bottom: 15px;} #header .logo {position: absolute;float: left; width: 310px; z-index: 9999; height: 153px;} #header .hd_r{ width: 950px;} #header .logo a {display: block;text-indent: -9999px;height:153px;width:310px;} #header .top_phone {position:relative;float: right;background:url('../images/hd_share.png') 0px top no-repeat; height: 35px; border-top: 1px solid #c51d22; border-bottom: 1px solid #c51d22; margin-top: 18px; line-height: 35px;} #header .top_phone a{color:#d4a582;font-size:14px; margin-right: 10px; padding-left: 30px; border-right: 1px solid #d4a582; padding-right: 20px;} #header .top_phone .Message{background:url('../images/Message.png') no-repeat 10px center;padding-left:40px;} #header .top_phone .Contact{background:url('../images/Contact.png') no-repeat left center;} #header .top_phone .Mail{background:url('../images/Mail.png') no-repeat left center; margin-right: 0;border-right:0;} #header .top_phone li{margin-top: 52px;float: left;} #header .top_phone li a{display:block;position:relative;width: 40px;padding-bottom: 24px;color: transparent;cursor:pointer;} #header .top_phone li#share_0{background:url('../images/share_icon.png') 0px 0px;} #header .top_phone li#share_1{background:url('../images/share_icon.png') 0px -47px;margin-left: 2px;margin-right: 2px;} #header .top_phone li#share_2{background:url('../images/share_icon.png') -1px -94px;} #header .welcome{background:url('../images/hd_bg.png') repeat-x 0px top;height:48px;} #header .welcome h1{font-size:14px;color:#333;height:42px;line-height: 42px;background:url('../images/hd_icon.jpg') no-repeat 0px center; text-indent: 45px;} #header .welcome ul li{float:left;height: 42px;line-height: 42px;margin: 0px 10px;border-right:1px solid #C9C9C9;padding-left: 30px;padding-right:15px;} #header .welcome ul li a{font-size:14px;color:#333;} /*侧边分享*/ .sideContent{width:28px;position: absolute;right:-28px;top:55px;} .sideContent .share{background: url('../images/share.jpg') no-repeat center top;padding-top: 28px;} .sideContent .share dd{} .sideContent .share dd a{display: block;width: 28px;height: 28px;text-indent: -9999999px;} .sideContent .share dd a.txweibo{background: url('../images/share1.jpg') no-repeat center center #946B38;} .sideContent .share dd a.xlweibo{background: url('../images/share2.jpg') no-repeat center center #946B38;} .sideContent .share dd a.dou{background: url('../images/share3.jpg') no-repeat center center #946B38;} .sideContent .share dd a.aboutus{background: url('../images/aboutus.jpg') no-repeat center center #946B38;margin-top: 3px;} #products{background-color:#F5F5F5;box-shadow:0px 12px 22px #c9c9c9; padding-top: 20px;} #products .container{position:relative;height: 700px;} #products li{padding:10px; background-color: #fff;box-shadow: 5px 5px 10px #eee; position: absolute;} #products li a{display:block;position:relative;} #products li.pro_0,#products li.pro_9{width:392px;height: 392px;} #products li.pro_0 img,#products li.pro_9 img{width: 392px;display:block;height: 392px;} #products li.pro_1,#products li.pro_2,#products li.pro_3,#products li.pro_4,#products li.pro_5,#products li.pro_6,#products li.pro_7,#products li.pro_8{ width:182px;height: 182px; } #products li.pro_1 img,#products li.pro_2 img,#products li.pro_3 img,#products li.pro_4 img,#products li.pro_5 img,#products li.pro_6 img,#products li.pro_7 img,#products li.pro_8 img{ width: 182px;display:block;height: 182px; } #products li.pro_1{left: 422px;top: 0px;} #products li.pro_2{left: 634px;top: 0px;} #products li.pro_3{left: 846px;top: 0px;} #products li.pro_4{right: 0px;top: 0px;} #products li.pro_5{left:0px;top: 422px;} #products li.pro_6{left:210px;top: 422px;} #products li.pro_7{left:422px;top: 422px;} #products li.pro_8{left:634px;top: 422px;} #products li.pro_9{right:0px;top: 210px;} #pro_serach{ position: absolute; left: 422px; top: 210px; background: url('../images/search_bg.jpg') no-repeat center; height: 202px; width: 415px;} #pro_serach input#keyword{margin-top: 141px;width: 170px; margin-left: 110px; height: 33px; line-height: 33px; border: none; background: none; font-size: 14px; color: #666;} #pro_serach button#search_button{ height: 31px; border: none; background: none; text-indent: -99999999999px;} #products li h3{line-height:70px;color: #fff;font-size: 18px; margin-top: -70px; text-indent: 20px; position: relative; z-index: 99999;background: url('../images/pro_more.png') no-repeat 94% center;} #products li .opacity{ background-color: #000; opacity: 0.5; height: 70px; position: absolute; bottom: 0px; left: 0px; width: 100%;} /*-----------首页index body begin--------------*/ .m .mt .extra{float:right; margin-right: 60px;} .m .mt .extra a{font-size:16px;color:#000;} .m1{border:1px solid #EDEDED;padding-top: 15px;} .m1 .mt .mt_left{background: url('../images/m1_mt_left.jpg') no-repeat 0px center; width: 7px;height: 67px;float: left;margin-left: -8px;} .m1 .mt .mt_right{background: url('../images/m1_mt_right.jpg') no-repeat 0px center; width:35px;height: 67px;float: left;} .m1 .mt h2{font-size: 16px;color: #fff;background: url('../images/m1_mt_center.png') repeat-x 0px -2px; margin-left: -1px;display: inline-block;float: left;padding: 15px 40px 15px 20px;} .m1 .mt h2 span{display:block;font-size: 10px;text-transform: uppercase;} .m1 .mt .extra{float:right;margin-right:25px;height:67px;line-height:67px;} /*aboutus*/ #aboutus {background:url(../images/about_us_bj.jpg) no-repeat top center #fff; box-shadow: 2px 2px 20px 3px #c9c9c9; margin-bottom: 20px; padding-bottom: 45px;} #aboutus .left{ width: 990px;background:url(../images/about_bg.png) no-repeat center center ; height: 370px; float: left;} #aboutus .right{ float: right; width: 242px;margin-top:20px; } #aboutus .right .m{padding:0px; border: 1px solid #f4f4f4;margin-bottom: 10px;} #aboutus .right .mt{padding:5px 20px;} div#culture .mt .pre{text-indent:-999999px;background:url(../images/cultrue_left.jpg) no-repeat center;width:22px;height:22px; position: absolute; bottom: 15px; right:24px;} div#culture .mt .next{text-indent:-999999px;background:url(../images/cultrue_right.jpg) no-repeat center; width:22px;height:22px; position: absolute; bottom:15px; right: 0px;} div#culture .mt .extra{ position: relative;margin-right:0px;} #aboutus .m{ padding-top: 55px;} #aboutus .m .mt .extra a{ border-bottom:1px solid #ff0006;padding-bottom:5px;} div#aboutus .mt{ line-height: 55px; padding-top: 40px; padding-left: 60px;} div#aboutus .left .mt h2{color: #000;font-size: 20px;background: url('../images/about_mt.png') no-repeat left center;float: left;padding-left: 60px; } div#aboutus .right .mt h2{color: #000;font-size: 20px;} div#aboutus .right .mc h3{color: #000;font-size:14px;background:url(../images/jia.png) no-repeat right center;text-indent:0;margin-top: 10px;} div#aboutus .mt h2 span{color: #999;font-size:14px; margin-left: 5px;} div#aboutus .mc {padding: 15px 50px 25px;color: #666;font-size:14px;line-height: 25px;text-indent: 2em; background: url('../images/culture_bg.jpg') no-repeat right bottom;clear: both;} div#aboutus .right .mc{padding:5px 15px;} div#aboutus .mc h2{color: #ec9a01;font-size:30px;} div#aboutus .mc ul li{color: #ec9a01;font-size:18px;float: left;margin-top: 10px;width: 210px;} div#change{ height: 200px; width: 210px; overflow: hidden;} div#change ul .li_cul dt img{ float: left; height: 155px; width: 210px; overflow: hidden;} /*-----------联系我们------------*/ div#contact {width: 385px;float: left;} div#contact .mc{padding:11px 15px;clear: both; height: 215px;} div#contact .mc ul li{border-bottom: 1px solid #EDEDED; padding: 10px 0px;} div#contact .mc ul li h3{font-size:14px;color:#666;margin-left: 75px;line-height:22px;} div#contact .mc ul li img{float:left;padding: 0px 15px 0px 10px;} #content{ margin-top: 25px;background:#fff; padding-bottom: 25px;} #content .container{ position:relative; } #content .mc .li_cul h2{color:#b91b20;font-size:18px; margin-bottom:5px; font-weight:bold; width: 230px;} #content .mt h2{background:url(../images/content.png) no-repeat left center;font-size:20px;color:#000;float: left; display: block; height: 50px; padding-left: 65px; width: 186px;} #content .mc{margin-top:35px;} #content .mc .li_cul{ margin-left: 20px;} div#content .mc .prev{text-indent:-999999px;background:url(../images/cultrue_left.jpg) no-repeat center;width:22px;height:22px; position: absolute; top: 15px; right:24px;} div#content .mc .next{text-indent:-999999px;background:url(../images/cultrue_right.jpg) no-repeat center; width:22px;height:22px; position: absolute; top:15px; right: 0px;} div#linkus{border: 1px solid #EEEEEE;padding:2px;margin-top: 20px;} div#linkus .mc li{float:left; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; margin-bottom: 15px;} div#linkus .mc li img{float:left;} div#linkus .mc li h3{float:left; padding-left: 25px; width: 80px;font-size: 16px;} div#linkus .mt{background:url(../images/link_mt.jpg) no-repeat 0px center;padding: 9px 15px 8px; height: 37px;} div#linkus .mt h2{color:#000;font-size:20px;} div#linkus .mt h2 span{color:#fff;font-size:10px;text-transform:uppercase;} div#linkus .mc{padding:20px 10px;clear: both;} div#linkus .mc dd{color:#666;font-size:14px;color: #666;font-size: 14px;border-bottom: 1px solid #eee;padding: 5px 0px 5px 10px;line-height: 22px;} div#address{border: 1px solid #EEEEEE;padding:2px;margin-top: 20px;} div#address .mc li{float:left; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; margin-bottom: 15px;} div#address .mc p{font-size:14px; font-weight: 100; color: #000;} div#address .mt{background:url(../images/link_mt.jpg) no-repeat 0px center;padding: 9px 15px 8px; height: 37px;} div#address .mt h2{color:#000;font-size:20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; } div#address .mt h2 span{color:#fff;font-size:10px;text-transform:uppercase;} div#address .mc{padding:20px 15px;clear: both;} /*scope*/ div#scope {width:560px;float:right;} div#scope .mt{height:67px;} div#scope .mc{padding:25px 20px;clear:both;height:187px;} div#scope .mc ul{float:left;} div#scope .mc ul li{border-bottom: 1px solid #EDEDED; height:35px;width: 300px;font-size:14px;color:#666;line-height:35px;} div#scope .mc img{float:left;padding-right:24px;display: block;} /*events*/ div#events .mt{background:url(../images/event_mt.jpg) no-repeat right center;margin-bottom: 19px;} div#events .mc li{height: 47px;text-indent: 55px;border-bottom: 1px solid #ccc;margin-bottom: 7px;} div#events .mc li a{font-size:14px;color:#333;} div#events .mc li a span{font-size:14px;color:#7d7d7d;display:block;float: right;} div#events .mc li.ev_1{background:url(../images/en_1.jpg) no-repeat 0px 4px;} div#events .mc li.ev_2{background:url(../images/en_2.jpg) no-repeat 0px 4px;} div#events .mc li.ev_3{background:url(../images/en_3.jpg) no-repeat 0px 4px;} div#events .mc a.more_ev {font-size: 14px;color: #666;background:url(../images/ev_more.jpg) no-repeat 0px center;padding-left: 40px;clear: both;margin-top: 25px;display: block;} /*picture*/ div#picture {background-color: #fff; clear: both;margin-top: 25px;} #picture .mt{height: 60px;background: url(../images/mt_bg.jpg) no-repeat 75px center #810000;line-height: 60px;} #picture .mt h2{font-size:22px; margin-left: 35px;color: #fff;float:left;} #picture .mt h2 span{color:#b4abab;font-size:18px;margin-left: 10px;} #picture .mt .extra{line-height: 60px;float:right;margin-right: 20px;} #picture .mt .extra a{font-size: 14px;color: #fff;} #picture .mc{clear: both;padding-top: 25px;padding-left: 24px;padding-bottom: 10px;margin-bottom: 25px;} #picture .mc li.pic_li0 .content {position: absolute;bottom: 0px;left: 0px;height: 45px;width: 471px;} #picture .mc li.pic_li0 h3 {color: #fff;height: 45px;z-index: 99999;line-height:45px;position: relative;text-align: left;padding-left: 20px;font-size: 14px;} #picture .mc li.pic_li0 .content_bg {background-color: #222;opacity: 0.6;filter: alpha(opacity==60);height: 45px;margin-top: -45px;} #picture .mc li{float:left;position: relative;margin-right: 19px;margin-bottom: 13px;} #picture .mc li img{display:block;} /*-----------首页index body finish--------------*/ /*当前路径*/ #current{background: url(../images/current.png) repeat-x 0px top; float: right;margin-right: 10px;} #current .theCurrent {float: left;} #current .theCurrent span.cur { color: #b96302; font-size: 14px; display: inline-block; float: left;} #current .breadcrumb {list-style: none;display: inline; float: left;} #current .breadcrumb li {display: inline;} #current .breadcrumb li a {font-size: 14px;color: #333333;display: inline-block;} #current .breadcrumb li .divider {padding: 0 10px 0px 8px;color: #cccccc;font-size: 14px;} #current .breadcrumb .active {color: #333333;font-size: 14px;} /*页面body*/ .col1 {width:242px;float: right;margin-top: 12px;} .col2{width:954px;float: left;} .m2 {} /*侧边导航*/ #recommend{ border: 1px solid #f2f2f2; padding-bottom: 25px;} #recommend .bx_wrap a.prev {position: absolute;top: 125px;left:15px;z-index: 99999;color: #cd771b;font-size: 24px;} #recommend .bx_wrap a.next {position: absolute;top:125px;right:15px;z-index:99999;color: #cd771b;font-size: 24px;} #recommend .mc{ padding: 0 20px; padding-top: 15px;position: relative;background:#fff;} #recommend .mt h2{font-size:20px;color:#f5f5f5;background: url(../images/point_gray.jpg) no-repeat left center;padding-left:20px;margin-left:20px;} #recommend .mc li {font-size: 16px;line-height: 35px; border-bottom: 1px dashed #f2f2f2; height: 35px; padding-left:20px;position: relative;} #recommend .mc li h3{font-size: 14px;color: #000;padding: 15px 0px;text-align: center;background-color: #EDEDED;} #recommend .mt em{width: 6px; height: 6px; display: inline-block; margin-right: 15px; float: left; line-height: 35px; margin-top: 16px;} #recommend .mc li.active a{color:#a82727;line-height: 35px;display: block;} #recommend .mc .li2{border-bottom:0px;} #recommend .mt { height: 52px; background: url(../images/right_bg.jpg) repeat-x 0px top;line-height: 52px;} #linkus .mt h2{font-size: 20px;color: #bb6502;float: left;} #linkus .mt h2 span{font-size:14px;color: #b9b9b9;text-decoration:uppercase;display:block;} /*col2 m2 mt*/ .m2 .mt{height:65px;line-height:65px;border-bottom: 1px solid #F0F0F0;} .m2 .mt h3{ font-size: 22px; color: #000; display: inline-block; padding: 0px 10px 0px 10px; float: left;background: url(../images/icon.png) no-repeat left center;padding-left:40px;} .m2 .mt h3 i{font-size: 22px;color: #cc0000;font-style: normal;} .m2 .mt span{font-size: 14px; display: inline-block; color: #999999;} .col2 .m .mc p img { margin-right: 20px; } .m2 .mt .lf_title{float:left;} .m2 .coach_mt {border-bottom: 1px solid #C4C4C4;} .subordinate li{float:left;} .subordinate li a{font-size:14px;color:#000;padding: 5px 10px;border-right:1px solid #DBDADA;} .subordinate {float: right;margin-right: 40px;} .subordinate li.current a{background-color:#E30000;color:#fff;} ul.index_coach_ul li a {border: none;color: #666;} .subordinate li.all a{color: #cc0000;} /*col2 m2 mc*/ .m2 .mc{clear: both;padding: 15px 10px 45px;font-size: 14px;color: #666;line-height: 24px;} .page_img {float: left; margin-top: 35px;} .page_img img{max-width:100%;} .page_content{float:right;width: 53%; margin-top: 25px;} .center{text-align:center;} .center img{max-width:100%;} /*文章*/ .m2 .newlist li{padding: 15px;margin-top: 15px;background-color: #eee;} .m2 .pic img{width:225px;height:170px;display:block;} .m2 .info{width: 70%;margin-top: 10px;margin-right: 10px;} .m2 .info p.description{margin-left: 60px;font-size: 14px;color: #666666;line-height: 24px;padding-top: 15px;} .m2 .info h3{font-size:18px;color:#000; margin-left: 60px;} .m2 .info span.date{font-size:14px;color:#999;} .m2 .topfeed{background: url(../images/stick.jpg) no-repeat 0px top;} /*(文章)下载*/ .m2 .downlist li{background-color:#F5F5F5;padding: 25px 35px;margin-top: 20px;font-size:14px;color:#999999;position: relative;} .m2 .downlist li h3{font-size:18px;color:#000;margin-bottom: 10px;} .m2 .downlist li .date{font-size:14px;color:#ff0000;margin-right: 25px;} .m2 .downlist li .views{font-size:14px;color:#ff0000;} .m2 .downlist li .load{font-size: 14px;color: #000;position: absolute;right: 35px;top: 30px;} .m2 .downlist li .load:hover a{color:#E30000;} .m2 .downlist li .load i.icon-download-alt{display:block;} /*文章内页*/ #articleshow .mc .articletitle {color: #b90000;font-size: 24px;text-align: center;} #articleshow .art_info {text-align: center;border-bottom: 1px dashed #ddd;height: 30px;line-height: 30px;margin-bottom: 10px;color: #999;font-size: 12px;} #articleshow .txt {line-height: 2em;font-size: 14px;padding: 5px 10px;} #articleshow .txt img{max-width:100%;} #articleshow .orientation {padding: 20px 30px;} #articleshow .orientation p{font-size: 14px;color: #ccc;} #articleshow .orientation p a{font-size: 14px;color: #bba048;} .pro_content h2.pro_h2 {font-size: 16px;color: #000;} /*产品搜索*/ div#serach {margin-bottom: 15px;margin-top: 5px;} div#serach input#keyword{height:30px;line-height:30px;text-indent: 10px;font-size:14px;color:#666;float: left;padding-right: 30px;} div#serach button#search_button{background: url(../images/search.jpg) no-repeat -1px center;float: left;height: 34px;line-height:1px;text-indent: -9999999px;border: 1px solid #C4C4C4;border-left: none;width: 35px;} h3.nosearch{font-size: 18px;text-align: center;color: #b90000;} /*分页*/· .paging_full_numbers {margin: 30px 10px 10px;text-align: right;} .paging_full_numbers span.current {background:#946B35;color: #fff;} .paging_full_numbers a,.paging_full_numbers span {padding: 3px 8px;margin-right: 5px;background: #eee;color: #333;text-decoration: none;cursor: pointer;} .dataTables_paginate.paging_full_numbers {float: right;margin-top: 15px;} /*list_service模版文章*/ #starList {} #starList li i{width: 10px;height: 10px;background-color: #BBA04A;display: inline-block;margin-left: 20px;margin-right: 25px;} #starList li {margin: 0px 10px;line-height:40px;height:40px;border-bottom: 1px solid #F0F0F0;} /*产品内页*/ #productshow .mc h3 {line-height: 20px;padding-left: 15px;margin-left: 0px;border-left: 4px solid #ddd;margin:10px 0px;font-size: 16px; color: #b96302;} #productshow .mc ul li{list-style-type: circle;margin-left: 25px;} .content table td,.content table th{padding: 5px 4px;font-size: 12px;} /*留言反馈*/ table.selform {margin-top:5px;width: 640px;} table.selform th {vertical-align: middle;font-size: 15px;text-align:center; width:15%; background-color: #F1F1F1; border: 1px solid #DDD; } table.selform td { border: 1px solid #DDD; text-align: left; } .selform .input { border: 1px solid #c4c4c4; height: 24px; line-height: 24px; padding: 0 4px; vertical-align: middle; width: 183px; } .selform textarea { border: 1px solid #d5d5d5; padding: 4px; resize: none; width:520px; } #btnSubmit { background: none repeat scroll 0 0 #e40f23;margin-top: 15px; border: medium none; border-radius: 3px; color: #fff; display: inline-block; font: 22px "Microsoft Yahei"; height: 34px; text-align: center; width: 148px; } /*jianshengbao模版文章*/ .notice{border-bottom: 1px solid #F0F0F0;margin-bottom: 20px;} .notice h3{font-size: 18px;color: #000;border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0; margin-bottom: 25px;margin-top: 5px;height: 35px;line-height: 35px;padding-left: 15px;} .notice h3 i{width: 10px;height: 10px;background-color: #FFC300;display: inline-block;margin-bottom: 3px;margin-right: 20px;} .notice dl dd{font-size: 14px;color: #666666;line-height: 30px; width: 452px;} .notice dl dd span{ font-size: 18px;color: #d80000;margin: 0px 15px;font-family: arial;} .notice dl{float:left;} .notice img{float:right;} #productlist .mc li .price{ height: 30px;line-height: 30px;font-size: 18px;color: #c40000;margin-left: 15px;margin-top: 15px;} #productlist .mc li h3.title{margin: 0px;font-size: 14px;line-height: 30px;} #productlist .mc li .sold{ font-size: 14px;color: #666666;margin-left: 10px;margin-top: 10px;margin-bottom: 20px;} #productlist .mc li.jian{box-shadow:none;margin: 10px 0px 10px 10px;} .promote{font-size:24px;color:#010101;text-align: center;margin-top: 15px;} /*dance_fitness模版单页*/ #page_fitness{} #page_fitness li.clearfix{border-top: 1px solid #F0F0F0;} #page_fitness dt{ width: 20%;font-size: 24px;color: #666;text-align: center;padding-top:50px;} #page_fitness dd{border-left: 1px solid #F0F0F0;padding-left: 25px;padding-top: 15px;padding-bottom: 20px;} #page_fitness dd li{height: 35px;line-height: 35px;background: url(../images/square.jpg) no-repeat 0px center; padding-left: 25px;margin-left: 30px;} #page_fitness dd td.align_rt {text-align: right;padding-right: 25px;} /*页脚*/ #footer {background: url(../images/ft_bg.jpg) repeat-x center top;height: 110px;overflow: hidden;} /*------页脚地址----------*/ #footer .copyright {clear: both;height:110px;background-color:#b91b20;overflow:hidden;position:relative;} #footer .copyright a{color:#fff;text-decoration:underline;} #footer .copyright .guohui img{top: 0px;position: absolute; right: 340px;} #footer .copyright .qr img{ top: -30px; position: absolute; right: 64px;} #footer .copyright .container{ font-size: 14px; color: #fff; text-align: left; position: relative; margin-top: 35px;}