﻿@charset "utf-8";
/* CSS Document */

*:focus { outline: none; }
/*header*/
.header { height: 105px; }
.header .logo { float: left; padding-top: 20px; padding-bottom: 15px; }
.header .top-info { float: right; padding-top: 10px; }
.header .top-info li { display: block; margin-bottom: 10px; text-align: right; font-family: "微软雅黑"; }
    .header .top-info li .link-img { width:100px
    }
.header .top-info li span { display: inline-block; font-size: 14px; line-height: 25px; vertical-align: top; padding-right: 3px; padding-left: 3px; }
.header .top-info li a { display: inline-block; line-height: 25px; vertical-align: middle; margin-right: 5px; margin-left: 5px; color: #646464; font-size: 14px; font-family: "微软雅黑"; }
/*nav*/
/*.W1024{ background-color: #333; }
*/.nav { height: 40px; width: 100%; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #D1D1D1; border-bottom-color: #D1D1D1; position: relative; z-index: 999; font-family: "微软雅黑"; }
#navul li.home { border-left-width: 1px; border-left-style: solid; border-left-color: #dedede; }
#navul li { float: left; width: 13.5%; height: 40px; position: relative; text-align: center; line-height: 40px; border-right-width: 1px; border-right-style: solid; border-right-color: #DEDEDE; }
    #navul  li.pro { width:17% !important
    }
#navul li a:link, #navul li a:visited { width: 100%; height: 40px; display: block; color: #606060; font-weight: 500; font-size: 14px; }
#navul li ul { display: none; position: absolute;width: 100%;  z-index: 999; background: rgba(250,250,250,0.9); left: -0px; top: 40px; /* Gecko browsers */ -moz-border-radius-top-left: 0; -moz-border-radius-top-right: 0; -moz-border-radius-bottom-left: 10px; -moz-border-radius-bottom-right: 10px; /* Webkit browsers */ -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; /* W3C syntax */ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-bottom: 10px; background-image: url(../images/nav-bg.png); background-repeat: repeat; background-position: center center; }
#navul li ul li { display: block; width: 100%; float: none; height: 35px; position: relative; line-height: 35px; font-size: 12px; overflow: hidden; text-align: center; border-right: none; }

#navul li.navmoon {line-height: 40px; }
#navul li.navmoon a.one { color: #0091ed; }
#navul li.navhome a:hover { color: #FCFF00; }
#navul li.navmoon ul { display: block; }
#navul li.navmoon ul a { display: block; width: 98%; height: 35px; line-height: 35px; margin-right: auto; margin-left: auto; border-bottom: 1px dashed #000; font-size: 12px; }
#navul li.navmoon ul a:hover { display: block; width: 98%; height: 35px; background: #0573bd; color: #fff; }
#navul li ul li a { border-bottom: 1px dashed #000; }
/*main*/
.main { }
.msg { min-height: 200px; font-family: "微软雅黑"; font-size: 12px; color: #444; }
.msg strong { height: 55px; line-height: 55px; font-size: 16px; color: #0091ed; }
/*分页*/
.pages { font-family: "微软雅黑"; width: 100%; text-align: center; margin: 0 auto; clear: both; }
.pages .p_btns { display: inline; margin: 10px auto; width: 100%; font-size: 12px; }
.pages .p_btns .total_count { float: left; padding-top: 3px; line-height: 16px; padding-right: 15px; }
.pages .p_btns a { display: block; float: left; margin-right: 4px; padding: 2px 5px; border: 1px solid #DDD; background: #FFF; height: 16px; line-height: 16px; text-decoration: none; color: #666; font-size: 12px; text-align: center; }
.pages .p_btns a { display: inline; }
.pages .p_btns a.disabled { color: #cbcbcb; }
.pages .p_btns a:hover { text-decoration: none; border: 1px solid #00a6f3; }
.pages .p_btns a.disabled:hover { border: 1px solid #DDD; }
.pages .p_btns .currentpage { display: block; float: left; margin-right: 4px; padding: 2px 5px; border: 1px solid #ddd; font-weight: 800; background: #00a6f3; color: #fff; }
.pages .p_btns .jumppage { float: left; padding-top: 3px; }
.pages .p_btns input { width: 40px; border: 1px solid #AACCEE; height: 15px; font-size: 12px; }
/*友情链接*/
.link { width: 100%; height: 130px; margin: 0 auto; border: 1px solid #e5e5e5; }
.link ul li { width: 203px; height: 100px; float: left; margin-top: 15px; border-right: 1px solid #e5e5e5; }
/* banner */
.banner { }
.banner_er { height:195px; }
.banner img, .banner_er img { max-width: 100%; max-height: 100% }
/* banner-box */
.banner-box { min-width: 1210px; height: 430px; position: relative; overflow: hidden; }
.banner-box .bd { width: 100% !important; }
.banner-box .bd li .m-width { width: 1210px; margin: 0 auto; overflow: hidden; }
.banner-box .bd li { width: 100% !important; height: 430px; }
.banner-box .bd li a { display: block; background-size: auto; }
.banner-btn { width: 1210px; position: absolute; top: 120px; left: 50%; margin-left: -605px; }
.banner-btn a { display: block; width: 49px; height: 104px; position: absolute; top: 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.banner-btn a.prev { left: 20px; background: url(../images/foot.png) no-repeat 0 0; }
.banner-btn a.next { right: 20px; background: url(../images/foot.png) no-repeat -49px 0; }
.banner-box .hd { position: absolute; left: 537px; top: 260px; }
.banner-box .hd ul li { width: 12px; height: 12px; border-radius : 50%; text-indent: -9999px; margin-right: 20px; background: #ccc; float: left; cursor: pointer; }
.banner-box .hd ul li.on { background: #DA324D; }
/* banner */
.banner { }
/* flexslider */
.flexslider { position: relative; height: 380px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.slides { position: relative; z-index: 1; }
.slides li { height: 380px; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 15px; height: 15px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 15px; height: 15px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 40%; }
.flex-direction-nav li a { display: block; width: 45px; height: 100px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 0px; background: url(../images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 0px; background: url(../images/next.png) center center no-repeat; }
.index_product h2 { font-weight: normal; font-family: "微软雅黑"; font-size: 20px; color: #333; height: 60px; line-height: 60px; }
.index_product span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left: 10px; }
.product_box { border: 1px solid #e5e5e5; height: 300px; }
.news_box { width: 650px; float: left; }
.news_index_left { width: 650px; height: auto; font-family: "微软雅黑"; }
.news_index_left .title { width: 100%; height: 50px; display: block; border-bottom: 1px solid #ececec; }
.news_index_left .title h2 { width: 250px; height: 50px; background: #ececec; font-weight: normal; font-family: "微软雅黑"; font-size: 20px; color: #333; line-height: 50px; text-align: center; float: left; }
.news_index_left .title h2 a { width: 250px; height: 50px; display: block; color: #333; text-decoration: none; }
.news_index_left .title span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left: 10px; }
.news_index_left .title b { text-align: right; color: #0091ed; float: right; line-height: 50px; font-family: Arial; font-size: 11px; }
.news_index_left .title b a { color: #0091ed; text-decoration: none; }
.news_index_left .title b a:hover { color: #c80000; text-decoration: none; }
.news_index_left ul li { width: 100%; height: 78px; margin: 10px 0; }
.news_index_left ul li .number { width: 75px; color: #5d5e5f; font-weight: bold; border-right: 1px solid #5d5e5f; font-size: 38px; font-family: Arial, Helvetica, sans-serif; float: left; height: 50px; overflow: hidden; text-align: center; line-height: 50px; margin-top: 12px; }
.news_index_left ul li .news_lie { width: 560px; float: right; height: 60px; overflow: hidden; }
.news_index_left ul li .news_lie h1 { height:28px; line-height: 40px; margin-bottom:12px; overflow:hidden; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; color: #5d5e5f; }
.news_index_left ul li .news_lie p { height: 25px; overflow: hidden; font-family: "微软雅黑"; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; color: #5d5e5f; }
.news_index_left ul li a { text-decoration: none; color: #5d5e5f; }
.news_index_left ul li a:hover { text-decoration: none; color: #fff; background: #0091ed; width: 100%; height: 78px; display: block; }
.news_index_left ul li a:hover .number { border-right: 1px solid #fff; }
.news_index_left ul li a:hover .number, .news_box ul li a:hover .news_lie h1, .news_box ul li a:hover .news_lie p { color: #fff !important; }
.news_box .hkc { width: 650px; height: 107px; }
.news_box .hkc a { border: none; }
.about { width: 350px; height: auto; display: block; float: right; }
.about .login { width: 350px; height: 245px; background: #f3f3f3; }
.about .login h2 { font-family: "微软雅黑"; font-size: 20px; color: #333; line-height: 50px; height: 50px; font-weight: normal; padding-left: 20px; }
.about .login h2 a { text-decoration: none; color: #333; }
.about .login h2 a:hover { text-decoration: none; color: #333; }
.about .login span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left: 10px; }
.about .login ul li { list-style-type: none; width: 320px; clear: both; font-family: "微软雅黑"; text-indent: 1em; font-size: 16px; margin: 0 auto; border: 1px solid #ebebeb; background: #fff; height: 45px; line-height: 45px; margin-bottom: 6px; }
.about .login ul li p { width: 31%; float: left; }
.login input { border: none !important; height: 45px; width: 66%; line-height: 45px; border: none; float: left; font-size: 14px; color: #555; font-family: "微软雅黑"; }
.login .enter { width: 320px; height: 35px; margin: 0 auto; }
.login .enter .buttom { width: 150px; height: 35px; margin-right: 10px; display: block; height: 35px; float: left; background: #e7e5e5; }
.login .enter .btn_login { width: 150px !important; height: 35px; color: #fff !important; margin-right: 10px; display: block; height: 35px !important; float: left; background: #0091ed; text-align: center; line-height: 35px !important; cursor: pointer }
.enter_link { width: 150px; height: 35px; margin-right: 10px; display: block; height: 35px; float: left; background: #e7e5e5; text-align: center; line-height: 35px; font-family: "微软雅黑"; }
.login .enter #login_niu { width: 150px; height: 35px; background: #0091ed; color: #fff; }
#lean_overlay { position: fixed; z-index: 1200; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }
#loginmodal { width: 520px; max-height: 620px; display: block; padding: 15px 20px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
#loginmodal h1 { font-family: "微软雅黑"; font-size: 34px; color: #0091ed; text-align: center; font-weight: bold; }
#loginmodal p { font-family: "Arial"; font-size: 16px; font-weight: normal; text-align: center; }
#loginform label { display: block; font-size: 1.1em; font-weight: bold; color: #7c8291; margin-bottom: 3px; }
/* zcform */
.clearfix:after { content: "."; display: block; clear: both; font-size: 0; overflow: hidden; height: 0; margin-bottom: 5px; }
.clearfix { zoom: 1; }
#loginmodal .zcform { }
#loginmodal .zcform p { width: 90%; margin: 0 auto; }
#loginmodal .zcform a { color: #ff7702; }
#loginmodal .zcform p.last { margin-left: 310px; font-size: 16px; }
#loginmodal .zcform p.last input { cursor: pointer; }
#loginmodal .zcform label { display: block; float: left; height: 48px; line-height: 48px; color: #F00; text-indent: 10px; }
#loginmodal .zcform label.one { width: 90px; height: 48px; text-align: right; color: #000; font-family: "微软雅黑"; font-size: 16px; color: #555; }
#loginmodal .zcform .txt { float: left; font-size: 16px; font-family: "微软雅黑"; color: #666; border: 1px solid #e3e3e3; width: 350px; text-indent: 10px; height: 45px; }
#loginmodal .zcform .submit { margin-left: 90px; background: #F93; font-size: 20px; letter-spacing: 4px; color: #fff; cursor: pointer; }
#loginmodal .zcform .btn { background: none repeat scroll 0 0 #0091ed !important; display: block; height: 46px; width: 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#telphone, #password, #confirm_password, .submit, #agent { border: 1px solid #e3e3e3; width: 300px; height: 46px; text-indent: 10px; }
.identifying_code { height: 46px; width: 180px; _line-height: 46px; text-indent: 10px; }
.get_code { height: 48px; width: 110px; margin-left: 10px; border: 1px solid #ccc; cursor: pointer; }
.agreement { margin-left: 90px; height: 30px; line-height: 30px; font-size: 12px; }
.agreement input { display: block; line-height: 30px; height: 12px; margin: 8px 8px 0 5px; border: none; width: 12px; }
#loginmodal .tabbtn { width: 90%; margin: 0 auto; }
#loginmodal .tabbtn li { width: 45% !important; margin: 0 auto; height: 46px; border: 1px solid #e3e3e3; color: #777; background: #f1f1f1; margin: 5px !important; float: left; text-align: center; }
#loginmodal .tabbtn li a { color: #555; font-size: 16px; line-height: 46px; }
#loginmodal .tabbtn .current { color: #fff !important; background: #0091ed !important; text-align: center; }
#loginmodal .tabbtn .current a { color: #fff; }
#loginmodal .form_box label { display: block; float: left; height: 48px; line-height: 48px; color: #F00; text-indent: 10px; }
#loginmodal .form_box label.one { width: 90px; height: 48px; text-align: right; color: #000; font-family: "微软雅黑"; font-size: 16px; color: #555; }
#loginmodal .form_box input { float: left; font-family: "微软雅黑"; color: #666; border: 1px solid #e3e3e3; width: 350px; text-indent: 10px; font-size: 16px; line-height: 46px; }
#loginmodal .form_box #verifyCode { width: 150px; float: left; }
#con_two_3 #two3 { width: 79%; margin: 0 auto; font-family: "微软雅黑"; color: #666; font-size: 14px; text-align: right; }
#regform { width: 100%; }
#regform dl { clear: both; height: auto; font-family: "微软雅黑"; }
#regform dl dt { width: 20%; display: block; float: left; height: 25px; line-height: 25px; color: #444; font-family: "微软雅黑"; text-indent: 10px; font-size: 14px; }
#regform dl dt em { color: #f00; padding-right: 8px; }
#regform dl dd { float: left; width: 80%; }
#regform dl dd .input { width: 40%; height: 25px; line-height: 25px; float: left; font-size: 16px; font-family: "微软雅黑"; color: #666; border: 1px solid #e3e3e3; text-indent: 10px; }
#regform dl dd .small { width: 75px !important; }
#regform dl dd .verifyCode { display: block; float: left; padding-right: 5px; padding-left: 5px; padding-top: 3px; }
#regform dl dd span { font-size: 12px; float: left; margin-top: 3px; }
.about .jianjie { width: 350px; height: 260px; background: #f3f3f3; display: block; margin: 0 auto; }
.about .jianjie h2 { font-family: "微软雅黑"; font-size: 20px; color: #333; line-height: 50px; height: 50px; font-weight: normal; padding-left: 20px; }
.about .jianjie h2 a { text-decoration: none; color: #333; }
.about .jianjie h2 a:hover { text-decoration: none; color: #333; }
.about .jianjie span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left: 10px; }
.about .jianjie img { margin-left: 10px; }
.about .jianjie p { font-size: 12px; font-family: "微软雅黑"; color: #444; letter-spacing: 1px; width: 330px; margin: 0 auto; text-indent: 2em; height: 54px; overflow: hidden; margin-top: 5px; line-height: 19px; }
.about .jianjie p a { text-decoration: none; color: #444; }
.about .jianjie p a:hover { text-decoration: none; color: #222; }
.about .jianjie b { color: #444; text-align: center; width: 350px; display: block; height: 35px; line-height: 35px; font-weight: normal; font-family: Arial; }
.about .jianjie b a { text-decoration: none; }
.scroll-outer { height: 300px; }
#scroll { width: 1024px; margin: 0 auto; padding-top: 30px; font-family: "Microsoft Yahei"; }
#scroll .owl-wrapper-outer { margin: 0 auto; }
#scroll .item { position: relative; width: 251px; height: 245px; text-align: center; border-right: 1px solid #e5e5e5; margin: 0 auto; overflow: hidden; }
#scroll .item a { position: relative; width: 251px; height: 245px; display: block; background-color: #fff; }
#scroll .item a:hover { position: relative; width: 251px; height: 245px; display: block; background-color: #e8e8e8; color: #0091ed; }
#scroll .item a:hover h3 a:hover { color: #338de6; }
#scroll .item .item_img { height: 180px; overflow: hidden; text-align: center; z-index: 999; }
#scroll .item .item_img img { padding-top: 8px;display:block; max-width:100%; margin:0 auto }
#scroll .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#scroll .shd a { display: block; width: 251px; height: 239px; }
#scroll .shd a:hover { display: block; width: 251px; height: 239px; }
#scroll .txt { position: absolute; left: 0; bottom: 0; width: 251px; height: 70px; text-align: center; color: #888; }
#scroll h3 { width: 251px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 6px; padding-top: 6px; font-family: "微软雅黑"; font-size: 16px; overflow: hidden; font-weight: normal; padding-top: 20px; color: #333; }
#scroll p { width: 226px; height: 54px; line-height: 18px; font-size: 12px; }
#scroll .item:hover .shd { }
#scroll .item:hover .txt { }
.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 120px; width: 40px; height: 60px; margin: 0; padding: 0; color: #f4f4f4; overflow: hidden; _display: none; background: #f4f4f4; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -42px; background: url(../images/p_left.jpg); }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -42px; background: url(../images/p_right.jpg); }
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; }
/*footer*/
.footer { width: 100%; height: auto; margin: 0 auto; }
.footer .Telephone { width: 100%; height: 78px; background: #474646; display: block; }
.footer .Telephone ul { width: 1024px; margin: 0 auto; height: 78px; color: #fff; border-left: 1px solid #545454; }
.footer .Telephone li { float: left; font-family: "微软雅黑"; font-size: 18px; line-height: 78px; width: 340px; border-right: 1px solid #545454; text-align: center; height: 78px; }
.footer .Telephone li span { vertical-align: middle; padding-top: 8px; }
.footer .Telephone li b { padding-left: 10px; font-weight: normal; }
.footer .map { width: 100%; height: 260px; background: #313131; }
.footer .map .search { float: left; margin-top: 12px; }
.footer .map .search .input { background: none repeat scroll 0 0 #eee; border: medium none; border-radius: 2px 0 0 2px; color: #2F2F2F; display: block; float: left; font-size: 13px; height: 20px; line-height: 20px; margin: 0; padding: 4px 8px; width: 320px; }
.footer .map .search .btn { background: none repeat scroll 0 0 #8cac52; border: medium none; border-radius: 0 2px 2px 0; color: #fff; cursor: pointer; float: left; height: 28px; padding: 0 10px; }
.footer .map .erweima { width: 40%; float: left; border-right: 1px solid #545454; }
.footer .map .erweima .sousuo { width: 96%; min-height: 40px; height: auto; display: block; background: #fff; }
.footer .map .erweima .sousuo input { width: 76%; float: left; border: none; margin-left: 6px; font-size: 12px; font-family: "微软雅黑"; color: #666; }
.footer .map .erweima .sousuo button { width: 20%; float: right; background: #c80000; height: auto; min-height: 40px; border: 1px solid #7c7c7c; }
.footer .map .erweima .weixin ul li { float: left; list-style-type: none; margin-right: 10px; }
.footer .map .erweima .weixin ul li h2 { height: 30px; line-height: 30px; color: #fff; font-size: 14px; letter-spacing: 1px; font-weight: 600; font-family: "微软雅黑"; }
.footer .map .erweima .weixin ul li p { color: #a9a9a9; margin-top: 10px; font-family: "微软雅黑"; }
.footer .map .map_nav { width: 99%; margin:0 auto; }
.footer .map .map_nav dl { width: 14.05%; float: left; text-align: center; }
.footer .map .map_nav dl dt,.footer .map .map_nav dl dt a { color: #fff; font-size: 14px; font-family: "微软雅黑"; height: 30px; line-height: 30px; }
.footer .map .map_nav dl dd { color: #a9a9a9; font-size: 12px; font-family: "微软雅黑"; height: 28px; line-height: 28px; overflow:hidden }
.footer .map .map_nav dl dd a { text-decoration: none; color: #a9a9a9; }
.footer .map .map_nav dl dd a:hover { text-decoration: none; color: #fff; }
.footer .bottom { text-align: center; width: 1024px; height: 40px; margin: 0 auto; line-height: 40px; color: #666; font-family: "微软雅黑"; font-size: 11px; }
/* side */
.side { position: fixed; width: 54px; right: 0; bottom: 40px; z-index: 100; }
.side ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #444; }
.side ul li .sidebox { position: absolute; width: 54px; height: 54px; top: 0; right: 0; transition: all 0.3s; background: #000; opacity: 0.8; filter: Alpha(opacity=80); color: #fff; font: 14px/54px "微软雅黑"; overflow: hidden; }
.side ul li .sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #000; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s; }
.side ul li .sidetop:hover { background: #ae1c1c; opacity: 1; filter: Alpha(opacity=100); }
.side ul li img { float: left; }
.side .sidebox a { color: #fff; }
.side .sidebox a:hover { color: #fff; }
/*新闻中心*/
.er_left { width: 200px; float: left; height: auto; }
.er_left ul { border-top: 1px solid #ebebeb; }
.er_left ul li { list-style-type: none; width: 100%; height: 52px; line-height: 52px; border: 1px solid #ebebeb; border-top: none; }
.er_left ul li a { display: block; text-decoration: none; color: #555; font-family: "微软雅黑"; font-size: 12px; text-align: left; padding-left: 25px; }
.er_left ul li a:hover {  height: 52px; display: block; }
.er_left .dang {  margin: 0 auto; background-color: #00a6f3; color: #fff; background-image: url(../images/ernav_bg.png); background-repeat: no-repeat; background-position: center right 16px !important; }
.er_left .dang a { color: #fff; }
.er_right { width: 810px; float: right; height: auto; }
.er_right .location { width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #ebebeb; color: #666; font-family: "微软雅黑"; font-size: 12px; }
.er_right .news_lie { width: 100%; height: auto; }
.er_right .news_lie .head { border-radius: 0 3px 3px 0; height: 46px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #DADADA;}
.er_right .news_lie .head:after{ clear:both}
.er_right .news_lie .head h2 { font-family: "微软雅黑"; font-weight: normal; font-size: 18px; color: #6E6E6E; height: 45px; float: left; line-height: 45px; }
.er_right .news_lie .head span { color: #999; float: right; font-size: 12px; line-height: 35px; margin-right: 10px; line-height: 45px; }
.er_right .news_lie .head span a { color: #999; }
.er_right .news_lie li { list-style-type: none; margin-bottom: 20px; font-family: "方正准圆简体"; }
.er_right .news_lie li .news_img { float: left; }
.er_right .news_lie li .news_lie_zi { width: 520px; float: right; }
.er_right .news_lie li .news_lie_zi .news_title { width: 100%; height: auto; font-family: "微软雅黑"; font-size: 18px; color: #444; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; }
.er_right .news_lie li .news_lie_zi .news_title h1 { float: left; width: 70%; display: block; font-size: 16px; line-height: 1.75; font-weight: normal; }
.er_right .news_lie li .news_lie_zi .news_title a { font-family: "微软雅黑"; }
.er_right .news_lie li .news_lie_zi .news_title span { line-height:2.4; width: 30%; text-align:center; float: right; font-size: 12px; color: #5d5e5f; }
.er_right .news_lie li .news_lie_zi p { font-family: "微软雅黑"; text-indent: 2em; font-size: 12px; color: #5d5e5f; line-height: 20px; height: 40px; overflow: hidden; }
.er_right .news_lie li .news_lie_zi p a { font-family: "微软雅黑"; text-decoration: none; color: #5d5e5f; }
.er_right .news_lie li .news_lie_zi p a:hover { font-family: "微软雅黑"; text-decoration: none; color: #444; }
.er_right .news_lie li .news_lie_zi b { font-family: "微软雅黑"; width: 142px; height: 34px; display: block; text-align: center; font-weight: normal; line-height: 34px; font-size: 14px; color: #333; float: right; margin-top: 20px; }
.er_right .news_lie li .news_lie_zi b a { font-family: "微软雅黑"; text-decoration: none; color: #333; width: 142px; height: 34px; display: block; background: #e7e7e7; }
.er_right .news_lie li .news_lie_zi b a:hover { font-family: "微软雅黑"; text-decoration: none; color: #fff; width: 142px; height: 34px; display: block; background: #00a6f3; }
.er_right .news_nei { height: auto; overflow: hidden; font-size: 14px; line-height: 1.5; color: #4C4C4C; padding-right: 15px; padding-left: 15px; }
.er_right .news_nei h2 { font-family: "微软雅黑"; font-size: 18px; height: 45px; text-align: center; }
.er_right .news_nei p {  font-size: 12px; color: #5d5e5f; margin-top: 15px; line-height: 20px; font-family: "微软雅黑"; }
.er_right .join, .er_right .about_er, .er_right .join { width: 100%; }
.er_right .join li { height: auto; min-height: 200px; float: left; width: 259px; border-right: 1px solid #c1c1c1; margin: 10px 0; }
.er_right .join li h2 { color: #444; font-family: "微软雅黑"; font-size: 16px; text-align: center; height: 40px; line-height: 40px; }
.er_right .join li p { width: 90%; margin: 0 auto; line-height: 22px; font-family: "微软雅黑"; }
.er_right .about_er p { text-indent: 2em; font-family: "微软雅黑"; font-size: 12px; color: #444; margin-bottom: 20px; }
.er_right .gedi_lie { width: 260px; float: left; }
.er_right .gedi_lie .gedi_title { width: 90%; margin-left: 18px; font-size: 20px; color: #444; font-family: "微软雅黑"; font-weight: 600; }
.er_right .gedi_lie .add { width: 100%; min-height: 280px; border-right: 1px solid #e4e4e4; }
.er_right .gedi_lie .add ul { width: 90%; margin-left: 18px; }
.er_right .gedi_lie .add ul li { font-family: "微软雅黑" !important; color: #444; }
.er_right .gedi_lie .add ul p { margin-bottom: 20px; font-family: "微软雅黑"; text-indent: 0px !important; }
.er_right .gong_chang { width: 380px; height: 214px; border: 1px solid #e4e4e4; background: url(../images/img_1.jpg); float: left; margin-right: 22px; font-family: "微软雅黑"; }
.er_right .luo_yang { width: 373px; height: 214px; font-family: "微软雅黑"; border: 1px solid #e4e4e4; background: url(../images/img_2.jpg); float: left; }
.er_right .gong_chang dl, .er_right .luo_yang dl { width: 85%; margin: 0 auto; margin-top: 20px; }
.gong_chang h2,.luo_yang h2 { font-weight: bold; font-size: 16px; color: #444; height: 35px; line-height: 35px; }
.gong_chang ul,.luo_yang ul{width:90%; margin:0 auto;}
.gong_chang li,.luo_yang li { font-family: "微软雅黑" !important; margin-bottom:0px !important; height:25px; list-style-type:none; font-size: 12px; color: #444; height: 20px; line-height: 20px; }
.huo_dong h2 { with: 100%; height: 40px; line-height: 40px; font-family: "微软雅黑"; font-size: 18px; color: #444; border-bottom: 1px solid #e4e4e4; font-weight: normal; }
.huo_dong ul li { list-style-type: none; float: left; width: 232px; overflow: hidden; margin: 0 12px; }
.er_right .course { width: 100%; min-height: 762px; display: block; background: url(../images/li_cheng.png) no-repeat top center; }
.er_right .course .c10{top:-20px;}
.er_right .course .c11{top:-50px;}
.er_right .course .c12{top:-80px; left:20px !important;}
.er_right .course .c13{top:-100px;}
.er_right .course .c14{top:-120px;}
.er_right .course .c15{top:-140px;}
.er_right .course .c16{top:-80px;}
.er_right .course .c17{top:-20px;}
.er_right .course .course_lie ul li h2{ text-align:left;}
.er_right .course .course_lie_2 ul li h2{ text-align:right;}
.er_right .course .course_lie ul li h2,.er_right .course .course_lie_2 ul li h2{height:30px;}
.er_right .course .course_lie ul li p,.er_right .course .course_lie_2 ul li p{ height:auto; margin:0px; line-height:18px; text-indent:0px;}
.er_right .course .course_lie { width: 350px; position: relative; height: auto; right: -450px; }
.er_right .course .course_lie_2 { width: 365px; position: relative; height: auto; left: 70px; }
.er_right .course .course_lie ul li, .er_right .course .course_lie_2 li { font-family: "微软雅黑"; float: left; margin-right: 20px; }
.er_right .course .course_lie dt, .er_right .course .course_lie_2 dt { font-family: "微软雅黑"; font-size: 20px; height: 40px; line-height: 40px; font-style: italic; font-weight: bold; }
.er_right .course .course_lie dt a, .er_right .course .course_lie_2 dt a, .er_right .course .course_lie_3 dt a { color: #444; text-decoration: none; }
.er_right .course .course_lie dt a:hover, .er_right .course .course_lie_2 dt a:hover, .er_right .course .course_lie_3 dt a:hover { color: #00a6f3; text-decoration: none; }
.er_right .course .course_lie_2 li { text-align: right; }
.er_right .course .course_lie_3 { position: relative; }
.er_right .course .course_lie_3 li { float: left; font-family: "微软雅黑"; }
.er_right .course .course_lie_3 dt { font-family: "微软雅黑"; font-size: 20px; height: 40px; line-height: 40px; font-style: italic; font-weight: bold; }
.lecheng_bottom { width: 100px; margin: 0 auto; }
.menu_body { background: #f1f1f1; }
.menu_body a { border-top: 1px solid #ebebeb; }
.menu_list { width: 100%; text-align: center; font-size: 14px; font-family: "微软雅黑"; }
.product { width: 100%; }
.product ul li { float: left; list-style-type: none; background: #f5f5f5; width: 240px;  margin: 0 11px 20px 11px; }
    .product ul li a {
    display:block; width:100%}
    .product ul li span {width: 100%; height:175px; display:block; vertical-align:middle; text-align:center; margin:0 auto
    }
.product ul li img { max-width: 100%;max-height:175px; overflow:hidden;  margin:0 auto}
.product ul li p { width: 100%; float: left; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 2px; font-family: "微软雅黑"; }
.product ul li b { width: 100%; min-height: 40px; background: #fff; display: block; font-size: 14px; text-align: center; font-weight: normal; }
.product ul li a b { background: #fff; color: #333; }
.product ul li a:hover b { background: #c80000; color: #fff; }
.product ul li a b span { width: 22%; float: right; height: auto; min-height: 40px; background-color: #c6c6c6; background-image: url(../images/more.png); display: block; background-repeat: no-repeat; background-position: center center; }
.product ul li a:hover b span { background-color: #fff; background-image: url(../images/more_2.png); }
.product .product_xiang { width: 490px; float: right; padding-left: 10px; }
.product .product_xiang h2 { font-weight: normal; color: #222; font-size: 20px; height: 40px; }
.product .product_xiang table tr { height: 30px; line-height: 30px; font-family: "微软雅黑"; }
.product .product_xiang table tr .td1 { width: 100px; background: #e7e7e7; text-indent: 1em; border: 2px solid #fff; }
.product .product_xiang table tr .td2 { width: 360px; background: #f6f6f6; text-indent: 1em; border: 2px solid #fff; }
.product .product_xiang .xiang_guan { width: 100%; }
.product .product_xiang .xiang_guan h2 { font-size: 16px; font-family: "微软雅黑"; color: #222; height: 40px; line-height: 40px; }
.product .product_xiang .xiang_guan ul li { background: none; font-size: 11px; float: left; list-style-type: none; width: 160px; font-family: "微软雅黑"; margin: 0px; padding: 0px; }
.product .product_xiang .xiang_guan ul li img { display: block; max-width: 100% }
.product .product_xiang .xiang_guan ul li a { color: #444; text-decoration: none; }
.product .product_xiang .xiang_guan ul li a:hover { color: #0091ed; text-decoration: none; }
.product .big_left { width: 295px; float: left; }
.product .product_xiang .xiang_guan ul li span { text-align: center; line-height: 25px; display: block; }
.product .product_biao { width: 100%; height: auto; }
.product .product_biao .product_biao_title { width: 100%; height: 40px; border-bottom: 1px solid #eaeaea; display: block; }
.product .product_biao .product_biao_title ul li { float: left; list-style-type: none; width: 120px; height: 40px; margin: 0; margin-right: 8px; text-align: center; line-height: 40px; font-family: "微软雅黑"; }
.product .product_biao .product_biao_title ul li a { width: 120px; height: 40px; display: block; }
.product .product_biao .product_biao_title ul li a:hover { width: 120px; height: 40px; display: block; background: #c80000; color: #fff; width: 120px; height: 40px; display: block; }
.xiang_nei h2 { margin: 15px 0; font-family: "微软雅黑"; font-size: 16px; line-height: 45px; color: #222; font-weight: 600; }
.xiang_nei table tr span{ text-align:center; line-height:20px;}
.xiang_nei table tr td p{ margin-bottom:0px !important; margin-top:0px !important;}
.xiang_nei table{}
.xiang_nei table th{ border: 1px solid #C4C4C4; padding: 3px; }
.xiang_nei table td{ border: 1px solid #C4C4C4; padding: 3px; }
.er_right .case { width: 100%; }
.product .product_biao .xiang_nei p { margin: 15px 0; font-family: "微软雅黑"; font-size: 12px; line-height: 20px; color: #4C4C4C; }
.er_right .case { width: 100%; }
.er_right .case ul li { list-style-type: none; float: left; width: 90px; margin: 0 4px; background: #c80000; height: 30px; line-height: 30px; text-align: center; font-family: "微软雅黑"; }
.er_right .case ul li a { width: 90px; height: 30px; display: block; color: #fff; text-decoration: none; background: #c80000; }
.er_right .case ul li a:hover { width: 90px; height: 30px; display: block; color: #444; text-decoration: none; background: #eaeaea; }
.er_right .case .id { width: 100%; height: auto; margin-bottom: 20px; }
.er_right .case .id .id_title { width: 100%; height: 40px; border-bottom: 1px solid #eaeaea; }
.er_right .case .id .id_title h2 { font-family: "微软雅黑"; width: 150px; height: 40px; background: #eaeaea; color: #444; text-align: center; line-height: 40px; font-weight: normal; font-size: 16px; }
.er_right .case .id .id_img { width: 260px; float: left; height: auto; text-align: center; margin-right:20px; }
.er_right .case .id .id_p{width:530px; float:right;}
.er_right .case .id p { font-family: "微软雅黑"; font-size: 12px; text-indent: 2em; line-height: 20px; color: #444; margin-bottom: 10px; }
.zoom { width: 290px; border-right: 1px solid #d6d6d6; float: left; display: inline-block; }
.zoom:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; }
.zoom img { display: block; }
.zoom img::selection { background-color: transparent; }
#image3 img:hover { cursor: url(images/grab.cur), default; }
#image3 img:active { cursor: url(images/grabbed.cur), default; }
.pictureDIV { float: left; margin: 0 0 20px; }
.jqzoom { border: medium none; cursor: pointer; display: block; float: left; margin: 0; padding: 0; position: relative; }
.zoomdiv { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; display: none; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; z-index: 100; }
.jqZoomPup { border: 1px solid #aaa; height: 20px; left: 0; position: absolute; top: 0; visibility: hidden; width: 20px; z-index: 10; background-attachment: scroll; background-image: url(../images/jqZoomPup-bg.png); background-repeat: repeat; background-position: 0 0; }
.spec-preview { border: 1px solid #ccc; height: 292px; width: 292px; }
.spec-preview .jqzoom img { height: 292px; width: 292px; }
.spec-scroll { clear: both; margin-top: 5px; width: 294px; }
.spec-scroll .prev { float: left; margin-right: 5px; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { background: none repeat scroll 0 0 #ebebeb; border: 1px solid #ccc; cursor: pointer; display: block; font-family: "宋体"; height: 54px; line-height: 54px; text-align: center; text-decoration: none; width: 10px; }
.spec-scroll .items { float: left; height: 56px; overflow: hidden; position: relative; width: 261px; }
.spec-scroll .items ul { height: 56px; list-style: outside none none; margin: 0; padding: 0; position: absolute; width: 999999px; }
.spec-scroll .items ul li { float: left; margin: 0; padding: 0; text-align: center; width: 65px; }
.spec-scroll .items ul li img { border: 1px solid #ccc; height: 50px; padding: 2px; width: 50px; }
.spec-scroll .items ul li img:hover { border: 2px solid #ff6600; padding: 1px; }
/*会员中心样式
------------------------------------------------------------------------------------*/
/*会员登录*/
.login-box { margin: 0 auto; width: 100%; }
.login-box .left-box { float: left; padding-top: 10px; width: 100%; }
.login-box .left-box dl { clear: both; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; margin-top: 10px; margin-bottom: 10px; }
.login-box .left-box dl dt { display: block; float: left; width: 20%; height: 35px; line-height: 35px; text-align: right; font-size: 18px; color: #444; font-family: "微软雅黑"; }
.login-box .left-box dl dd { width: 80%; float: left; height: 35px; line-height: 35px; }
.login-box .left-box dl dd input { width: 40%; height: 35px; line-height: 35px; border: 1px solid #e3e3e3; font-size: 14px; color: #6A6A6A; font-family: "微软雅黑", "宋体"; padding-right: 10px; padding-left: 10px; }
.login-box .left-box #msgtips { display: none; font-size: 12px; color: #F00; }
.login-box .left-box dl dd .btn_login { display: inline-block; margin-right: 10px; cursor: pointer; border: 1px solid #e3e3e3; background: #0091ed; color: #fff; font-size: 16px; font-family: "Microsoft Yahei"; line-height: 30px; text-align: center; height: 30px; }
.login-box .center-box { float: left; margin-left: 20px; width: 1px; height: 240px; background: url(../images/login_line.gif) no-repeat; overflow: hidden; }
.login-box .right-box { display: inline; float: right; margin-top: 20px; width: 270px; }
.login-box .right-box p { text-align: center; font-size: 14px; color: #F00; font-family: "Microsoft Yahei"; }
.login-box .right-box p.button { padding: 8px 0 0; }
.login-box .right-box p.button a { display: inline-block; padding: 10px 30px; border: 1px solid #408f40; background: #52A152; color: #fff; font-size: 18px; line-height: 1em; font-family: "Microsoft Yahei"; }
.login-box .right-box p.button a:hover { text-decoration: none; }
.login-box .right-box p.note { padding-bottom: 20px; font-size: 18px; color: #666; font-weight: 500; line-height: 1.8em; }
.login-box .center-box { float: left; margin-left: 20px; width: 1px; height: 240px; background: url(../images/login_line.gif) no-repeat; overflow: hidden; }
.oauth_inner { padding-top: 50px; }
.oauth_inner label { display: block; float: left; width: 100px; height: 36px; line-height: 36px; color: #777; font-size: 14px; font-family: "Microsoft Yahei"; }
.oauth_inner .oauth_list { margin-left: 100px; }
.oauth_inner .oauth_list a { display: block; float: left; margin: 6px 15px 6px 0; line-height: 35px; vertical-align: middle; }
.oauth_inner .oauth_list a img { vertical-align: middle; }
/*会员注册*/
.reg-box { margin: 0 auto; }
.reg-top ul { width: 100%; margin: 0 auto; height: 55px; line-height: 55px; background: #f9f9f9; }
.reg-top ul li { float: left; padding: 0 50px 0 10px; height: 55px; line-height: 55px !important; font: bold 18px "Microsoft Yahei"; color: #666; }
.reg-top ul li em { margin-right: 5px; padding: 2px 5px; background: #999; color: #FFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
.reg-top .step .step1, .reg-top .stepsendmail .step2, .reg-top .stepcheckmail .step3, .reg-top .stepcheckerror .step2, .reg-top .stepverify .step2, .reg-top .stepsucceed .step3 { color: #FF6C1E; line-height: 55px; }
.reg-top .step .step1 em, .reg-top .stepsendmail .step2 em, .reg-top .stepcheckmail .step3 em, .reg-top .stepcheckerror .step2 em, .reg-top .stepverify .step2 em, .reg-top .stepsucceed .step3 em { background: #FF6C1E; }
.reg-con { margin-top: 30px; }
.reg-con dl { clear: both; padding: 8px 0; font-size: 14px; line-height: 28px; font-family: "Microsoft Yahei"; }
.reg-con dl dt { display: block; float: left; width: 150px; text-align: right; }
.reg-con dl dt em { padding-right: 5px; color: #FF0000; font-style: normal; }
.reg-con dl dd i { display: block; line-height: 28px; color: #999; font-size: 12px; font-style: normal; clear: both; }
.reg-con dl dd .btn_submit { border: 1px solid #0091ed; color: #fff !important; font-size: 18px; line-height: 45px; text-align: center; font-family: "Microsoft Yahei"; cursor: pointer; width: 120px; background-color: #0091ed; }
/*授权登录*/
.oauth_box { margin: 0 auto; padding: 40px 40px 80px 40px; width: 760px; }
.main_box {  margin: 0 auto; background: #fff; }
.base_tit { border-bottom: 1px solid #DADADA; color: #444; font-size: 14px; margin: 20px auto 2px 0; padding-bottom: 5px; }
.base_tit span { float: right; font-size: 12px; font-weight: 100; margin: 5px 0 0 0; color: #ccc; }
.base_tit span a { color: #999; }
.main_tit { border-bottom: 1px solid #EEE; color: #444; font-size: 18px; height: 45px; line-height: 45px; font-family: "微软雅黑"; }
.main_tit strong { color: #999; font: bold 12px/18px arial; margin: 0 10px; }
.main_tit span { float: right; font-size: 12px; font-weight: 100; margin: 5px 5px 0 0; }
.main_tit span { color: #ccc; }
.main_tit span a { color: #999; }
.main_tit i { display: block; margin-top: 5px; color: #999; font-size: 12px; font-style: normal; font-weight: normal; }
.main_head h3 { margin-bottom: 15px; font-size: 15px; }
.main_head .tips_box { margin-left: 146px; }
.bar_tit { border-bottom: 1px solid #EEE; color: #444; font-size: 15px; margin: 0 0 20px; padding: 0 0 10px; }
.avatarbox { float: left; text-align: center; }
.avatarbox img { width: 120px; height: 120px; padding: 2px; border: 1px solid #eee; }
.avatarbox span { display: block; margin: 5px auto 0 auto; }
.tips_box { position: relative; }
.tips_box h2 { border-bottom: 1px solid #EEE; color: #3B8DD1; font-size: 15px; margin: 0 0 20px; padding: 0 0 10px; }
.tips_box dl { float: left; width: 50%; _width: 48%; line-height: 2.4em; }
.tips_box dl dt { float: left; color: #666; }
.tips_box dl dd { color: #999; }
.form_box dl { clear: both; padding: 8px 0; font-size: 12px; line-height: 48px; line-height: 48px; width: 100%; }
.form_box dl dt { height: 48px; display: block; float: left; width: 20%; line-height: 48px; text-align: right; font-size: 14px; color: #444; font-family: "微软雅黑"; }
.form_box dl dt em { padding-right: 5px; color: #FF0000; font-style: normal; }
.form_box dl dd { float: left; width: 80%; }
.form_box dl dd input { width: 40%; height: 48px; line-height: 48px; border: 1px solid #e3e3e3; }
.form_box dl dd i { display: block; line-height: 28px; color: #999; font-size: 12px; font-style: normal; }
.form_box dl dd em { line-height: 28px; color: #999; font-size: 12px; font-style: normal; }
.form_box dl dd .btn_submit { padding: 10px 30px; border: 1px solid #429342; background: #52A152; color: #fff; font-size: 14px; line-height: 1em; cursor: pointer; font-family: 'Microsoft YaHei'; }
.item_box { clear: both; padding: 8px 0; font-size: 12px; }
.item_box li { display: block; float: left; margin: 0 25px; height: 28px; line-height: 28px; }
.item_box li label input { margin-right: 3px; }
.item_box li em { color: #999; }
.tab_head { overflow: hidden; position: relative; }
.tab_head .add { font-weight: 700; position: absolute; right: 4px; top: 12px; z-index: 100; color: #444; font-family: "Microsoft Yahei"; }
.tabs { border-bottom: 1px solid #ddd; float: left; line-height: 36px; margin: 0 0 10px 0; width: 100%; }
.tabs li { float: left; margin: 0 0 -1px 5px; }
.tabs li a { float: left; background: #F0F0F0; border: 1px solid #ddd; display: block; padding: 0 25px; color: #444; }
.tabs li a:hover, .tabs li .current, .tabs li.selected a { text-decoration: none; background: #fff; border-bottom-color: #fff; }
.tab_inner { display: none; }
.cart_box { width: 1024px; margin: 0 auto; background: #fff; }
.cart_step { position: relative; }
.cart_step li { float: left; width: 33.33%; height: 35px; line-height: 35px; text-align: center; background: url(../images/cart_arrow.gif) no-repeat right -45px #F6F6F6; color: #999; }
.cart_step li span { display: inline-block; margin-right: 5px; font-weight: bold; font-size: 15px; }
.cart_step li.item { background-position: right 0; }
.cart_step li.selected { background: url(../images/cart_arrow.gif) no-repeat right -90px #E8E8E8; color: #8CAC52; }
.cart_step li.last { background-image: none; }
.cart_table { border: 1px solid #E6E4E3; }
.cart_table th { padding: 0.6em; color: #444; font-weight: 400; background: #f3f3f3; border-bottom: 1px solid #E6E4E3; }
.cart_table td { padding: 0.6em; border-bottom: 1px solid #E6E4E3; }
.cart_table td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #eee; }
.cart_table .reduce, .cart_table .subjoin { display: inline-block; width: 9px; height: 9px; text-indent: -999em; background: url(../images/cart_icon.gif) no-repeat; overflow: hidden; }
.cart_table .reduce { background-position: -18px 0px; }
.cart_table .subjoin { background-position: 0px 0px; }
/*用户头像样式*/
.img_box { margin: 10px 0; border: 1px solid #ccc; border-radius: 3px; padding: 2px; width: 180px; }
.avatar_box { margin: 10px 0; }
.avatar_big_warp { float: left; display: table; *position:relative;
border: 1px solid #ccc; border-radius: 3px; padding: 2px; width: 350px; height: 350px; overflow: hidden; }
.avatar_big_box { display: table-cell; *position:absolute;
*top:50%;
*left:0;
*width:100%;
vertical-align: middle; text-align: center; background: #f4f4f4; }
.avatar_big_pic { margin: auto; display: inline-block; *display:inline;
_display: inline-block; *position:relative;
*top:-50%;
}
.avatar_big_pic img {/*max-width:350px;max-height:350px;width:expression(this.width>350?"350px":this.width);*/ }
.avatar_small_warp { float: left; margin-left: 20px; width: 186px; }
.avatar_small_warp p { color: #666; font-family: "Microsoft Yahei"; line-height: 24px; }
.avatar_small_box { margin-bottom: 10px; padding: 2px; border: 1px solid #ccc; border-radius: 3px; width: 180px; height: 180px; overflow: hidden; }
.avatar_small_pic { width: 180px; height: 180px; overflow: hidden; }
/*上传头像*/
.avatar_upload { margin: 10px 0; }
.avatar_upload a.files { margin: 0 auto; float: left; width: 120px; height: 30px; overflow: hidden; display: block; /*border:1px solid #4fabe4;*/ border-radius: 3px; background: url(../images/icon_upbtn_bg.png) left top no-repeat; text-decoration: none; }
.avatar_upload a.files input { margin-left: -270px; font-size: 24px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; }
.avatar_upload a.files, .avatar_upload a.files input { outline: none;/*ff*/ hide-focus:expression(this.hideFocus=true);/*ie*/
}
.avatar_upload .uploading { float: left; background: url(../images/loading.gif) no-repeat left center; padding-left: 18px; display: none; line-height: 24px; height: 24px; color: #333; }
.ftable { width: 100%; border: 1px solid #eee; font-family: "Microsoft Yahei"; }
.mtable { width: 100%; font-family: "Microsoft Yahei"; }
.mtable th, .ftable th { padding: 0.6em; color: #444; font-weight: 400; background: #f3f3f3; border-bottom: 1px solid #eee; }
.mtable td, .ftable td { padding: 0.6em; border-bottom: 1px solid #F3F3F3; }
.ftable td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #ccc; }
.mtable .tr_odd_bg, .ftable .tr_odd_bg { background: #F9F9F9; }
.page_foot { clear: both; padding-top: 15px; height: 35px; }
.page_btns { float: left; }
.page_btns a { color: #444; font-weight: bold; margin-right: 5px; }
.page_btns .pipe { color: #CBCBCB; margin: 0 5px; }
/*订单状态样式*/
.order_flow { margin: 0 auto; padding: 0; font-size: 12px; font-weight: normal; padding-bottom: 4px; }
.order_flow_left, .order_flow_arrive, .order_flow_wait, .order_flow_right_arrive, .order_flow_right_wait { margin: 0; padding: 0; background: url(../images/sprites_orderdetails.gif) no-repeat scroll 0 0; float: left; line-height: 16px; text-align: center; width: 90px; }
.order_flow div span { margin: 0; padding: 0; background: none repeat scroll 0 0 #FFFFFF; display: block; }
.order_flow div span p { margin: 0; padding: 0; }
.order_flow .name { margin: 0; padding: 0 0 4px 0; }
.order_flow .time { background: none; padding: 0; color: #999; }
.order_flow_arrive { background-position: 0 -40px; }
.order_flow_wait { background-position: 0 -20px; color: #878787; }
.order_flow_right_arrive { background-position: 0 -80px; }
.order_flow_right_wait { background-position: 0 -60px; color: #878787; }
.order_flow_input { display: block; margin: 2px auto; padding: 0; width: 20px; height: 20px; text-indent: -999px; cursor: pointer; overflow: hidden; }
.order_box { padding: 15px 5px 10px; line-height: 180%; }
.accept_box { text-align: left; line-height: 24px; }
.accept_box dl { clear: both; }
.accept_box dl dt { width: 80px; float: left; }
/*登录成功状态css*/
.successful { width: 100%; margin: 0 auto; text-align: center; }
.successful h1 { font-family: "微软雅黑"; height: 35px; font-size: 16px; color: #444; text-align: center; line-height: 35px; font-weight: normal; }
.successful h1 i { font-style: normal; color: #4D4D4D; }
.successful .close { width: 70%; height: 35px; margin: 0 auto; line-height: 35px; background: #0091ed; color: #fff; border: none; font-family: "微软雅黑"; font-size: 14px; cursor: pointer }
/*资源下载*/
.attach_list { font-family: "Microsoft Yahei"; }
.attach_list ul { list-style: outside none none; margin: 0; padding: 10px; }
.attach_list ul li { background: url("../images/icon_down.gif") no-repeat scroll left center rgba(0, 0, 0, 0); line-height: 30px; margin: 0; height: auto; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 30px; width: 100%; }
.attach_list ul li span { float: right; }
.attach_list ul li i { color: #666; font-style: normal; margin-left: 10px; }
/*分页*/
.flickr{ font-family: "微软雅黑"; font-size:12px; text-align:center; margin-top:40px;}
.flickr a{ padding:6px 10px; background:#f8f8f8; margin:0 5px; border:1px solid #eaeaea;}
.flickr .current{padding:6px 10px; background:#c80000; margin:0 5px; color:#fff;}
.flickr .disabled{background:#f8f8f8; color:#bebebe;padding:6px 10px; margin:0 5px; border:1px solid #eaeaea;}
