@charset "utf-8";
/* by 小9仔 20150513 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff url(../images/commonbg.jpg) repeat center top; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-scrollbar {width:15px;height:15px} 
::-webkit-scrollbar-track-piece {background-color:#e2e2e2} 
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} 
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666666} 
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}

/* 全局 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1000px; margin: 0 auto; position: relative; }

.topslide { width: 100%; height: 659px;position: relative; z-index:10; }
.topslide .bd { }
.topslide .bd ul { width: 100% !important; }
.topslide .bd li { width: 100% !important; height: 659px; background-repeat: no-repeat; background-position: center center; }

.topslide2 { height: 320px; }
.topslide2 .bd li { height: 320px; }

.navbar { padding-top: 60px; background: url(../images/navbg.png) no-repeat center top; position: absolute; top: 0; left: 0; width: 100%; z-index:11; }
.navbar .navul { height: 45px; line-height: 45px; }
.navbar .navul li { float: left; width: 10%; position: relative; }
.navbar .navul li a { font-size: 15px; font-family: microsoft yahei; color: #000; font-weight: bold; display: block; text-align: center; position: relative; z-index: 2; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; text-decoration: none; }
.navbar .navul li em { display: block; width: 165px; height: 45px; background: url(../images/navonbg.png) no-repeat center center; background-size: 0 0; position: absolute; top: 0; left: -20px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.navbar .navul li:hover em, .navbar .navul li.on em { background-size: 165px 45px; background-position: center center; opacity: 1; filter: alpha(opacity=100); }
.navbar .navul li:hover a, .navbar .navul li.on a { color: #fff; text-shadow: 1px 1px 0 #000; }

.home01 { height: 380px; position: relative; margin: 30px 0; }
.home01 .hpic01 { width: 550px; height: 370px; background: url(../images/home01.jpg) no-repeat center center; position: absolute; right: 0; top: 0; }
.home01 .hpic02 { width: 524px; height: 185px; background: url(../images/home02.png) no-repeat center center; position: absolute; left: -110px; bottom: -30px; }
.home01 .hpic03 { width: 421px; height: 102px; background: url(../images/home03.png) no-repeat center center; position: absolute; left: 0; top: 30px; text-indent: -99999px; }

.home11 { height: 510px; overflow: hidden; background: url(../images/home11.png) no-repeat center top; }
.home11 .tit03 { height: 92px; background: url(../images/home13.png) no-repeat center center; margin: 20px 0; text-indent: -99999px; }
.home11 .hpic02 { width: 380px; height: 340px; background: url(../images/home12.png) no-repeat center center; float: left; text-indent: -99999px; }
.home11 .hlist04 { width: 600px; float: right; }
.home11 .hlist04 ul { width: 620px; }
.home11 .hlist04 ul li { float: left; width: 188px; margin: 0 17px 10px 0; }
.home11 .hlist04 ul li a { display: block; text-decoration: none; }
.home11 .hlist04 ul li .img { width: 184px; height: 139px; padding: 1px; border: 1px solid #84af47; }
.home11 .hlist04 ul li .name { display: block; font-size: 15px; color: #000; text-align: center; line-height: 30px; font-family: microsoft yahei; }
.home11 .hlist04 ul li a:hover .name { color: #84af47; }

.home21 { margin: 40px 0 60px; }
.home21 .habout { width: 500px; float: left; }
.home21 .habout .htit22 { width: 243px; height: 48px; background: url(../images/home22.png) no-repeat 0 center; text-indent: -99999px; margin-bottom: 20px; }
.home21 .habout .hcon { line-height: 20px; color: #333; }
.home21 .habout .hcon a { color: #9a0208; }
.home21 .hnews { width: 450px; float: right; }
.home21 .hnews .htit23 { width: 257px; height: 48px; background: url(../images/home23.png) no-repeat 0 center; text-indent: -99999px; margin-bottom: 20px; }
.home21 .hnews ul { }
.home21 .hnews ul li { line-height: 30px; padding-left: 20px; background: url(../images/newsdot.png) no-repeat 0 center; height: 30px; overflow: hidden; }
.home21 .hnews ul li a { color: #333; }
.home21 .hnews ul li .time { float: right; color: #333; }

.footer { background: #111; border-top: 9px solid #34680f; padding: 30px 0 50px; color: #fff; }
.footer .ftit { font-size: 15px; font-family: microsoft yahei; font-weight: bold; line-height: 30px; }
.footer .fcontact { border-right: 1px solid #636363; width: 360px; float: left; margin-right: 40px; }
.footer .fcontact li { line-height: 33px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 center; }
.footer .fcontact li.ico01 { background-image: url(../images/ico01.png); }
.footer .fcontact li.ico02 { background-image: url(../images/ico02.png); }
.footer .fcontact li.ico03 { background-image: url(../images/ico03.png); }
.footer .fcontact li.ico04 { background-image: url(../images/ico04.png); }
.footer .fcontact li.ico05 { background-image: url(../images/ico05.png); }
.footer .fpro { border-right: 1px solid #636363; width: 220px; float: left; margin-right: 40px; }
.footer .fpro li { line-height: 24px; }
.footer .fpro li a { color: #fff; }

.bottom_tools{position:fixed;z-index:9;right:50%; bottom:40px;margin-right: -770px;width:212px;height:1835px;background: url(../images/gotop.png) no-repeat center bottom; display:none; }
#scrollUp{width:212px;height:212px;position:absolute;bottom: 150px; left: 0;background:transparent;display:block;}
#scrollUp:hover{}

.side { width: 240px; float: left; position: relative; z-index: 11; }
.side .sidetit { position: absolute; top: -60px; left: 0; line-height: 60px; height: 60px; width: 100%; }
.side .sidetit h1 { text-align: center; font-family: microsoft yahei; font-size: 22px; position: relative; font-weight: normal; z-index: 2; color: #000; text-shadow: 0 0 10px #fff; }
.side .sidetit .sidetopbg { background: url(../images/sidetopbg.png) no-repeat center center; width: 300px; height: 106px; position: absolute; top: 20px; left: -30px; }
.side .sidelist { background: url(../images/sidecommonbg.png) repeat 0 0; padding: 20px; padding-top: 40px; border-radius: 0 0 10px 10px; }
.side .sidelist li { position: relative; z-index:3; line-height: 45px; text-align: center; }
.side .sidelist li a { display: block; font-size: 14px; font-family: microsoft yahei; color: #000; background: url(../images/navonbg.png) no-repeat 200px center; background-size: 0 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; height: 45px; text-decoration: none; }
.side .sidelist li a:hover, .side .sidelist li.on a { background-position: center center; background-size: 165px 45px; color: #fff; }

.spinbg { width: 1000px; position: absolute; background: #fff url(../images/commonbg.jpg) repeat center top; height: 60px; left: 0; top: -60px; z-index:11; border-radius: 10px 10px 0 0; }

.main { width: 720px; float: right; position: relative; }
.main .tit { height: 60px; line-height: 60px; border-bottom: 1px solid #e1e1e1; position: absolute; top: -60px; left: 0; width: 100%; z-index: 12; }
.main .tit h1 { float: left; font-size: 22px; color: #9a0208; font-weight: normal; font-family: microsoft yahei; font-weight: normal; padding: 0 10px; background: url(../images/maintitbg.png) no-repeat right center; padding-right: 120px; }
.main .tit h1 em { color: #999; font-size: 26px; margin-left: 10px; }
.main .now { float: right; font-size: 12px; color: #999; padding-right: 20px; }
.main .now a { font-size: 12px; color: #999; }
.main .con { padding: 20px; font-size: 14px; line-height: 24px; color: #333; font-family: microsoft yahei; }
.main .con p { margin-bottom: 20px; font-size: 14px; font-family: microsoft yahei; line-height: 24px; }
.main .con a { color: #666; }
.main .con a:hover { color: #f60; }

.partner { }
.partner .pn_li { width: 206px; float: left; margin: 0 10px 20px; }
.partner .pn_a { display: block; text-decoration: none; font-size: 14px; font-family: microsoft yahei; color: #666; position: relative; }
.partner .pn_a .pn_img { display: block; width: 200px; height: 150px; padding: 2px; border: 1px solid #dedede; overflow: hidden; background: url(../images/nopic.jpg) no-repeat center center; }
.partner .pn_a .pn_img img { display: block; width: 200px; height: 150px; }
.partner .pn_a .pn_sp { display: block; width: 100%; height: 30px;line-height: 30px; text-align: center; }
.partner .pn_li p { font-size: 12px; line-height: 24px; color: #999; margin-top: 6px; }
.partner .pn_a:hover { color: #ff6600; }
.partner .pn_a:hover .pn_img { border-color: #ff6600; }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 0px 20px 0px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new_ulbig li.on { background: #fff; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../images/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.new_ulbig li .info a { padding: 2px 4px; color: #333; text-decoration: none; font-family: microsoft yahei; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; }
.new_ulbig li p { line-height: 24px; color: #666; text-indent: 0; }
.new_ulbig li .info a:hover { text-decoration: none; background: #9a0208; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; }

.teacher { margin-bottom: 50px; padding-top: 80px; }
.teacher li { width: 210px; float: left; position: relative; margin: 20px 20px; }
.teacher .bg { width: 200px; height: 200px; overflow: hidden; border-radius: 50%; border-top: 5px solid #aaaaa5; border-left: 5px solid #aaaaa5; border-right: 5px solid #9a0208; border-bottom: 5px solid #9a0208; position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; }
.teacher .img { width: 200px; height: 200px; overflow: hidden; border-radius: 50%; margin: 5px; position: absolute; top: 0; left: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.teacher p { line-height: 30px; font-size: 14px; text-align: center; text-indent: 0; margin-bottom: 0; color: #fff; margin-top: 5px; }
.teacher a { color: #fff; display: block; background: #aaaaa5; border-radius: 15px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; text-decoration: none; font-family: microsoft yahei; }
.teacher li:hover .bg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.teacher li:hover .img { opacity: .6; filter: alpha(opacity=60); }
.teacher li:hover a { background: #9a0208; }

.ykcentertit { margin-bottom: 60px; position: absolute; top: -30px; z-index:12; text-align: center; width: 100%; }
.ykcentertit h1 { text-align: center; font-family: microsoft yahei; font-size: 30px; position: relative; font-weight: normal; z-index: 2; color: #000; text-shadow: 0 0 10px #fff; }
.ykcentertit .sidetopbg { background: url(../images/sidetopbg.png) no-repeat center center; width: 300px; height: 106px; position: absolute; top: 6px; left: 350px; }

.piaobox { margin-bottom: 50px; padding-top: 80px; }
.piaobox .piao { background: #fff; border: 1px solid #dedede; padding: 15px; height: 200px; overflow: hidden; margin-bottom: 20px; }
.piaobox .piao .img { float: left; width: 340px; height: 200px; overflow: hidden; margin-right: 20px; }
.piaobox .piao .info { float: left; font-family: microsoft yahei; width: 606px; }
.piaobox .piao .info .tit { line-height: 40px; height: 40px; }
.piaobox .piao .info .tit h3 { font-size: 28px; font-weight: normal; float: left; }
.piaobox .piao .info .tit strong { font-size: 14px; color: #f60; font-weight: normal; }
.piaobox .piao .info .intro { font-size: 14px; color: #666; line-height: 30px; }
.piaobox .piao .info .xinxi { font-size: 14px; color: #666; line-height: 28px; }
.piaobox .piao .info .jiage { position: relative; }
.piaobox .piao .info .jiage .price { font-size: 16px; font-family: arial; color: #f60; }
.piaobox .piao .info .jiage .price strong { font-size: 40px; font-weight: normal; margin: 5px; }
.piaobox .piao .info .jiage .buybtn { position: absolute; right: 0; bottom: 0; background: #f60; line-height: 40px; height: 40px; padding: 0 20px; color: #fff; font-size: 18px; text-decoration: none; }
.piaobox .piao .info .jiage .buybtn:hover { background: #f30; }


.memberziliao { background: #fff; border: 1px solid #dedede; padding: 15px; }
.memberziliao .name { line-height: 40px; border-bottom: 1px solid #dedede; margin-bottom: 10px; }
.memberziliao .name strong { font-size: 16px; color: #f60; }
.memberziliao .name .logintime { color: #666; margin-left: 10px; }
.memberziliao .somexin { color: #333; line-height: 30px; }
.memberziliao .somexin .lab { display: inline-block; width: 90px; color: #666; font-weight: bold; }
.memberziliao .somexin .editbtn { font-size: 16px; color: #fff; background: #f60; line-height: 30px; text-align: center; width: 120px; height: 30px; margin: 0 auto; display: block; text-decoration: none; margin-top: 10px; }
.memberziliao .somexin .editbtn:hover { color: #fff; background: #f30; }

.piaoshu { margin: 30px 0; }
.piaoshu li { width: 180px; height: 180px; border: 2px solid #dedede; background: #fff; border-radius: 50%; float: left; margin: 0 20px; text-align: center; color: #333; }
.piaoshu li .num { font-size: 50px; display: block; color: #f60; font-family: arial; margin: 58px 0 30px; }


.login { width: 322px; margin: 0 auto; padding-top: 80px; margin-bottom: 50px; }
.login a { color: #f60; }
.login a.btna { line-height: 40px; height: 40px; font-size: 14px; font-family: microsoft yahei; cursor: pointer; border-radius: 2px; background: #333; color: #fff; border: 0; width: 222px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; display: block; text-align: center; float: left; }
.login li { line-height: 40px; height: 40px; margin-bottom: 20px; font-size: 14px; font-family: microsoft yahei; }
.login li .price { font-size: 16px; font-family: arial; color: #f60; }
.login li .price strong { font-size: 26px; margin: 0 5px; }
.login li .bt { display: block; float: left; width: 60px; font-size: 14px; font-family: microsoft yahei; }
.input { height: 30px; line-height: 30px; padding: 4px 10px; border: 1px solid #dedede; width: 200px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.input:hover, .input:focus { border-color: #f60; box-shadow: 0 0 9px #f60; }
.btn { line-height: 40px; height: 40px; font-size: 14px; font-family: microsoft yahei; cursor: pointer; border-radius: 2px; background: #f60; color: #fff; border: 0; width: 222px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.btn:hover, .btn:focus { box-shadow: 0 0 9px #f60; }

.yudingbox { padding-top: 80px; }
.yudingbox .chupiao { background: url(../images/chupiao.png) no-repeat center top; padding: 30px 0 20px; }
.yudingbox .login { width: 340px; padding: 0; background: #fff; border: 1px solid #dedede; border-top: 0; padding: 0 39px; -webkit-animation: chupiao .6s 0 ease-in; animation: chupiao .6s 0 ease-in; }
.yudingbox .login li .bt { width: 100px; }

.chulaila { overflow: hidden; }
@-webkit-keyframes chupiao {
	0% { -webkit-transform: translateY(-300px); }
	100% { -webkit-transform: translateY(0); }
}
@keyframes chupiao {
	0% { transform: translateY(-300px); }
	100% { transform: translateY(0); }
}


.successicon { width:100px;height:100px; background: #fff; margin:0 auto; border-radius:50%; border: 4px solid #dedede; padding: 10px; overflow: hidden; }

.mhome-order { width: 100%; margin: 20px 0; }
.mhome-order tbody .morder-hd .info { height: 30px; line-height: 30px; background: #f5f5f5; border: 1px solid #dedede; border-bottom: 0; padding: 5px 10px; color: #666; }
.mhome-order tbody .morder-hd .info .tip { color: #a70000; padding: 0 10px 0 0; font-weight: bold; }
.mhome-order tbody .morder-hd .info .num { color: #666; font-weight: bold; }
.mhome-order tbody .morder-hd .info .line { color: #ccc; padding: 0 10px; }
.mhome-order tbody .morder-bd { background: #fff; }
.mhome-order tbody .morder-bd td { line-height: 30px; border: 1px solid #dedede; border-top: 0; padding: 10px; color: #666; }
.mhome-order tbody .morder-bd .shang { width: 60%; }
.mhome-order tbody .morder-bd .shang p { font-size: 12px; color: #999; text-indent: 0; }
.mhome-order tbody .morder-bd .shang .img { width: 120px; height: 80px; display: block; float: left; margin: 0 10px 0 0; }
.mhome-order tbody .morder-bd .shang .img img { width: 120px; height: 80px; display: block; }
.mhome-order tbody .morder-bd .shang .name { }
.mhome-order tbody .morder-bd .shang .name:hover { color: #f60; }
.mhome-order tbody .morder-bd .price { width: 20%; line-height: 22px; text-align: center; vertical-align: top; font-weight: bold; }
.mhome-order tbody .morder-bd .price span { display: block; font-weight: normal; }
.mhome-order tbody .morder-bd .cao { width: 20%; text-align: center; line-height: 22px; vertical-align: top; }
.mhome-order tbody .morder-bd .cao a { display: block; }
.mhome-order tbody .morder-bd .cao a.on { color: #a70000; }
.mhome-order tbody .morder-l { height: 20px; }

.cart_box { font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana"; }
.cart_box .cart_head { height: 40px; line-height: 40px; border-bottom: 2px solid #dedede; }
.cart_box .cart_head li { height: 40px; float: left; border-bottom: 2px solid #0a7208; padding: 0 70px 0 50px; font-size: 20px; position: relative; }
.cart_box .cart_head li strong { width: 20px; height: 20px; background: #0a7208; color: #fff; position: absolute; display: block; right: 42px; top: 11px; line-height: 20px; font-size: 14px; text-align: center; border-radius: 50%; font-weight: normal; }
.cart_box .cart_table { width: 100%; margin-bottom: 20px; }
.cart_box .cart_table thead tr th { line-height: 24px; height: 24px; font-weight: normal; color: #333; border-bottom: 1px dashed #dedede; padding: 5px 10px; text-align: left; }
.cart_box .cart_table tbody tr td { line-height: 24px; height: 24px; font-weight: normal; color: #333; border-bottom: 1px dashed #dedede; padding: 10px; }
.cart_box .cart_table tbody tr:hover td { background: #f1f1f1; }
.cart_box .cart_table tbody tr td a { color: #333; }
.cart_box .cart_table tbody tr td a:hover { color: #a70000; }
.cart_box .cart_table tbody tr td strong.on { color: #a70000; font-family: Verdana,Tahoma,arial; }
.cart_box .cart_img { width: 120px; height: 90px; border: 1px solid #dedede; display: block; }
.cart_box .cart_img img { width: 120px; height: 90px; display: block; }
.cart_box .price_original { color: #9c9c9c; text-decoration: line-through; display: block; line-height: 12px; font-family: Verdana,Tahoma,arial; }
 

/*pagestyle on 20150518 by Alex*/
.pages { height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin: 30px 0; }
.pages li { margin: 0 5px; display: inline-block; }
.main .con .pages li a,.pages li a { background: #9a0208; padding: 0 10px;  border: 1px solid #9a0208; overflow: hidden; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; height: 30px; color: #fff; margin-top: 0; line-height: 30px; text-decoration: none;}
.pages li a:hover,.pages li a:hover { opacity: .6; filter: alpha(opacity=60); }
.main .con .pages li.on a,.pages li.on a { background: #fff; color: #9a0208; cursor: default; border: 1px solid #9a0208; }