*{font-family:"宋体","micorsoft yahei","微软雅黑"}
body{font-family:"宋体","micorsoft yahei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; padding:
0; margin:0;font-size: 14px; color: #000000}
ul{list-style:none; padding:0;margin:0;font-family:"micorsoft yahei","微软雅黑"}
p{ padding:0; margin:0;}
a{color:#555;outline: none;text-decoration: none}
a:focus{outline: none;}
table{border-collapse:collapse}
.clear{clear: both;}
h1, h2, h3, h4, h5, h6{font-family:inherit;font-weight:500;}
input, textarea{outline:none;border-width: 0}
.clear{ clear: both;}
.left{ float: left}
.right{ float: right}
.body_width{width: 940px; margin: 0 auto}
.b{ font-weight: bold}

::-webkit-scrollbar-track-piece {
background-color:#f8f8f8;
}
::-webkit-scrollbar {
width:9px;
    height:9px;
}
::-webkit-scrollbar-thumb {
background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}

/*导航*/
.headtop{width: 100%; height: 44px; background: #eeeeee; border-bottom: 1px #e2e2e2 solid;}
.headtop .logtxt{height: 44px; line-height: 44px; color: #666666;font-size: 12px;}
.headtop .menber{height: 44px; line-height: 44px; color: #666666}
.headtop img{vertical-align: sub}
.headtop .box{ width: 336px;height: 26px;background: #ffffff; border-radius: 10px; float: left; font-size: 12px;color: #6f6f6f; margin: 10px 0 0 320px}
.headtop .box select{border:0;color: #6f6f6f; margin: 3px 0 0 5px}
.headtop .box .searchinput{width: 244px; height: 23px; padding: 0}
.headtop .box .searchsub{margin: 4px 7px 0 0;cursor: pointer}

.headtop a{font-size: 12px;color: #666666}

.header{ width: 930px;height: 92px; margin: 0 auto;}
.header_xian{width: 100%;height: 92px;border-bottom:2px solid #004ea2 }
.header .logo{ margin: 20px 0px 0px 0px}
.header .nav{ }
.header ul li{width: 80px; float:left;height: 92px; line-height: 92px; text-align: center; margin-left: 10px }
.header ul li a{color: #666666;display: block; font-weight: bold}
.header ul li.active{background:#004ea2 url("../images/navbg.png") center bottom no-repeat;}
.header ul li.active a{color: #fefefe;}
.header ul li:hover{background:#004ea2 url("../images/navbg.png") center bottom no-repeat;}
.header ul li:hover a{color: #fefefe;}
.banner .br{width: 100%; height: 390px; }
.banner{position: relative}
.banner .box{width: 100%;position: absolute;top: 0; left: 0}
.banner .loginbox{width: 930px; margin: 0 auto;}

.banner .login_right{width: 258px;border:solid 1px #dbdbdb; background: #ffffff; padding: 22px 10px 10px 10px; margin-top: 15px}
.banner .login_right input.ys {height: 44px;background: #f7f7f7; color: #666666; font-size: 12px; margin-bottom: 12px; text-indent: 16px; padding: 0}
.banner .login_right input.w100{width: 100%}
.banner .login_right .reg{ width: 100%; height: 44px; line-height: 44px; background: #004ea2; color: #ffffff; font-family: "micorsoft yahei", "微软雅黑";font-size: 18px; text-align: center; margin: 22px 0 14px 0;cursor: pointer}
.banner .login_right .log{margin: 12px 0 14px 0}
.banner .login_right .reglink{color: #8d8d8d; font-size: 12px; text-align: center}
.banner .login_right .reglink a{color: #006fe4; text-decoration:underline; }

.banner .login_right .nextlogin{ font-size: 12px;color: #8d8d8d; clear: both}
.banner .login_right .nextlogin a{ font-size: 12px;color: #8d8d8d}
.banner .login_right .nextlogin input[type=checkbox]{display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.banner .login_right .other_login{color: #c0c0c0; height: 20px; line-height: 20px; position: relative;clear: both; font-size: 12px; text-align: center; margin:  20px 0 20px 0;}
.banner .login_right .other_login .xian{width: 100%;height: 1px; background: #c0c0c0;position: absolute; top:10px; left:0;}
.banner .login_right .other_login span{background: #ffffff;position:relative; z-index: 2}
.banner .login_right .other_img{text-align: center; margin-bottom: 19px}
.banner .login_right .other_img img.first{margin-right: 48px}
.banner .banner_title{font-weight: bolder;font-size: 42px;color: #ffffff;font-family: '黑体'; margin:119px 0 30px 0}
.banner .banner_txt{font-weight: bolder;font-size: 24px;color: #ffffff; line-height: 45px}

/*首页*/
.index_width{ width: 930px; margin: 46px auto}

.anti_fake .fwtitle{ font-size: 16px; color: #004ea2; margin: 0px  0px 15px 13px}
.anti_fake .box{ width: 407px; height: 223px; border: solid 1px #e4e4e4}
.anti_fake .zs{ width: 203px; height: 125px; float: left; border-right: solid 1px #ebebeb}
.anti_fake .zs .icon{  margin: 27px 0px 0px 16px}
.anti_fake .zs .txt{ margin: 27px 14px 0px 0px; font-size: 12px; color: #8d8d8d; line-height: 23px}
.anti_fake .zs.noborder{border:0}
.anti_fake .zssearch{ width: 380px; height: 82px ; background: #004ea2; padding: 18px 14px 0px 13px}
.anti_fake .seainput{ width: 280px; height: 42px; background: #f7f7f7}
.anti_fake .seainput img{ float: left; margin: 12px 0px 0px 8px}
.anti_fake .seainput input{ float: left; margin: 0px 0px 0px 8px; width: 238px; height: 36px; border: 0; background: #f7f7f7;padding: 0}
.anti_fake .seasub{width:86px; height:42px; line-height: 42px; background: #f7f7f7; text-align: center;cursor: pointer}
.anti_fake .errormsg{ margin-top: 15px; font-size: 12px; color: #fefefe}


.indexrecommend{ margin-top: 15px}
.indexrecommend .boxtitle{ width: 100%;height: 30px; border-bottom: 1px solid #004ea2; position: relative;font-weight: bold}
.indexrecommend .boxtitle .bg{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left top;position: absolute; left: 38px; bottom: -9px}
.indexrecommend .boxtitle span.left{font-size: 16px;color: #004ea2; padding-left: 12px}
.indexrecommend .boxtitle span.right{font-size: 14px;color: #666666; margin: 4px 14px 0 0}


.indexrecommend .course{width: 930px; margin-top: 20px }
.indexrecommend ul li{padding: 10px 13px; border:solid 1px #e4e4e4; float: left; margin:0 27px 0 0}
.indexrecommend ul li.nomargin{margin-right: 0px}
.indexrecommend ul li img{width: 184px; height: 164px}
.indexrecommend .ctitle{color: #004ea2; font-weight: bold; margin: 8px 0 15px 0;}
.indexrecommend .cprice{position: relative; height: 14px; text-indent: 27px; font-size: 12px}
.indexrecommend .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.indexrecommend .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}


.attract{ margin-top: 31px}
.attract .boxtitle{ width: 100%;height: 30px; border-bottom: 1px solid #004ea2; position: relative;font-weight: bold}
.attract .boxtitle .bg{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left top;position: absolute; left: 38px; bottom: -9px}
.attract .boxtitle span.left{font-size: 16px;color: #004ea2; padding-left: 12px}
.attract .attract_img{margin-top: 31px; text-align: center}
.attract .attract_img img{width: 100%}

.indexlx{width: 930px;border:solid 1px #e4e4e4; margin-top: 22px}
.indexlx .boxtitle{height: 43px; line-height: 43px;font-size: 16px;color: #004ea2; font-weight: bold;background: url("../images/lx.png") no-repeat left top;border-bottom:solid 1px #e4e4e4;}
.indexlx .boxtitle span.left{ margin-left: 24px}


.indexlx .contact_us{ padding: 13px 10px 13px 12px}
.indexlx .contact_left{width: 732px}
.indexlx .contact_info{color: #666666;font-weight: bold; margin: 30px 0 0 6px; }
.indexlx .contact_info p{margin-bottom: 34px; }
.indexlx .inputgroup input{height: 44px;background: #f7f7f7; text-indent: 15px;float: left; margin-right: 28px; color: #666666;margin-bottom: 15px;padding: 0}
.indexlx .inputgroup input.i1{width: 171px}
.indexlx .inputgroup input.i2{width: 235px}
.indexlx .inputgroup input.i3{width: 264px; margin-right: 0px}
.indexlx .inputgroup textarea{width:723px;height: 97px;background: #f7f7f7; text-indent: 15px;color: #666666;padding-top: 9px}
.indexlx .wechat_code{ text-align: center; color:#333333; font-size: 12px }
.indexlx .wechat_code img{ margin-bottom: 18px;}
.indexlx .contact_sub{width: 210px; height: 44px; background:#004ea2; font-size:16px; font-family: "micorsoft yahei", "微软雅黑";color: #ffffff; text-align: center; line-height: 44px; margin-top:13px; cursor: pointer  }

.information{width: 454px;}
.information .category{border-bottom: solid 1px #004ea3;width: 434px; height:33px; padding-left: 20px;}
.information .category a{float: left; height:33px;line-height:33px;text-align: center;  color: #333333; font-size: 16px; font-weight: bold;position: relative; margin-right: 19px}
.information .category a.active{color: #004ea2}
.information .category a.active span{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left;background-position:0 0 ;position: absolute;bottom: -9px;left: 40%}
.information .course_content{ display: none}


.information .newleft{width: 454px; height: 100%;}
.information .newleft ul li{float: left; margin-bottom:14px}
.information .indexnews{width: 100%; margin-top: 19px; }
.information .indexnews .ndate{ width: 90px; height: 65px; border-right: solid 1px #d7d7d7; }
.information .indexnews .ndate span{display: block; text-align: center; }
.information .indexnews .ndate span.day{ font-size: 24px; color: #004ea2; padding: 10px 0 2px 0;}
.information .indexnews .ndate span.mouth{ font-size: 14px; color: #333333;}
.information .indexnews .ntitle,.information .indexnews .ndesc{width: 330px;}
.information .indexnews .ntitle{color: #004ea2; margin:2px 0 11px 20px; font-weight: bold }
.information .indexnews .ndesc{ font-size: 12px;color: #333333; line-height: 18px;margin-left: 20px;}


/*尾部*/
.footer{ width: 100%; height:220px ;background: #1e1e1e}
.footer .footerxian{width: 100%; height:79px ; border-bottom: solid 1px #4b4b4b}
.footer .box{ width: 930px; margin: 0 auto}

.footer  .links_title{ color: #f4f4f4; padding:24px 0px 10px 0px }
.footer  .links_list a{font-size: 12px; color: #666666; margin-right: 10px}

.footer .nav{ width: 930px; margin: 0 auto; text-align: center;color: #f4f4f4; margin-top: 30px; margin-bottom: 11px}
.footer .nav a{color: #f4f4f4}
.footer .info{width: 930px; margin: 0 auto; text-align: center;font-size: 12px; color: #666666; line-height: 23px}
/*尾部2*/
.footer2{ width: 100%; height:116px ;background: #f7f7f7}
.footer2 .nav{ width: 930px; margin: 0 auto; text-align: center;color: #666666; padding-top: 17px; margin-bottom: 10px}
.footer2 .nav a{color: #666666;}
.footer2 .info{width: 930px; margin: 0 auto; text-align: center;font-size: 12px; color: #666666; line-height: 22px}

/*关于我们*/
.zsx_about .body{ margin: 26px 0 100px 0px}
.zsx_about .title{width: 100%;height: 50px; line-height: 50px;border-bottom: solid 1px #e4e4e4;color: #999999}
.zsx_about .title a{color: #999999}

.zsx_about .menu{width: 196px}
.zsx_about .menu ul li{height: 40px;line-height: 40px; border:solid 1px #ebebeb; margin-bottom: 13px; text-indent: 13px; font-weight: bold; color: #666666; position: relative}
.zsx_about .menu ul li.active .icon{width: 10px; height: 16px; background: url("../images/bg.png") no-repeat left; background-position: -15px 0; position: absolute; right: 14px; top:13px}
.zsx_about .menu ul li a{color: #666666; display: block}
.zsx_about .menu ul li.active a{color: #004ea2;}
.zsx_about .content{width: 700px; color: #666666; line-height: 28px}
/*contact*/
.zsx_about .contact{width: 700px;}
.zsx_about .contact_us{ margin-top: 74px}
.zsx_about .contact .contact_left{width: 512px}
.zsx_about .contact .contact_info{color: #666666;font-weight: bold; margin: 30px 0 0 6px; }
.zsx_about .contact .contact_info p{margin-bottom: 34px; }
.zsx_about .contact .inputgroup input{height: 44px;background: #f7f7f7; text-indent: 15px;float: left; margin-right: 24px; color: #666666;margin-bottom: 15px;padding: 0}
.zsx_about .contact .inputgroup input.i1{width: 117px}
.zsx_about .contact .inputgroup input.i2{width: 167px}
.zsx_about .contact .inputgroup input.i3{width: 179px; margin-right: 0px}
.zsx_about .contact .inputgroup textarea{width:508px;height: 97px;background: #f7f7f7; text-indent: 15px;color: #666666;padding-top: 9px}
.zsx_about .contact .wechat_code{ text-align: center; color:#333333; font-size: 12px }
.zsx_about .contact .wechat_code img{ margin-bottom: 18px;}
.zsx_about .contact .contact_sub{width: 210px; height: 44px; background:#004ea2; font-size:16px; font-family: "micorsoft yahei", "微软雅黑";color: #ffffff; text-align: center; line-height: 44px; margin-top:13px; cursor: pointer  }
/*new detail*/
.zsx_about .new_title{font-weight: bold; color: #666666; text-align: center; margin: 15px 0 15px 0 ;}
.zsx_about .new_txt{color: #666666; text-align: center;font-size: 12px}
.zsx_about .new_content{color: #666666; padding: 39px 20px; line-height: 25px;}
.zsx_about .new_up_down{height: 70px; line-height: 70px; border-top: solid 1px #e4e4e4; text-align: center}
.zsx_about .new_up_down a{ font-weight: bold; color: #666666;}
.zsx_about .new_up_down a:first-child{ margin-right: 145px}
/*new list*/
.zsx_news{}
.zsx_news .title{width: 100%;height: 50px; line-height: 50px;color: #999999}
.zsx_news .title a{color: #999999}
.zsx_news .body{ margin: 0px 0 100px 0px}
.zsx_news .category a{float: left; height:48px;line-height:48px;width: 468px;text-align: center; border:solid 1px #e4e4e4; color: #333333; font-size: 16px; font-weight: bold;position: relative}
.zsx_news .category a.active{border-bottom:solid 2px #004ea2; color: #004ea2}
.zsx_news .category a.active span{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left;background-position:0 0 ;position: absolute;bottom: -10px;left: 230px}

.zsx_news .newleft{width: 638px; height: 700px; padding: 26px 38px 0px 10px;border-right:solid 1px #ebebeb;}
.zsx_news .newleft ul li{float: left; margin-bottom: 25px}
.zsx_news .content{width: 100%; border:solid 1px #ebebeb; margin-top: 30px; }
.zsx_news .content .ndate{ width: 90px; height: 65px; border-right: solid 1px #d7d7d7; }
.zsx_news .content .ndate span{display: block; text-align: center; font-weight: bold}
.zsx_news .content .ndate span.day{ font-size: 24px; color: #004ea2; padding: 10px 0 2px 0;}
.zsx_news .content .ndate span.mouth{ font-size: 14px; color: #333333;}
.zsx_news .content .ntitle,.zsx_news .content .ndesc{width: 528px;}
.zsx_news .content .ntitle{color: #004ea2; margin:2px 0 11px 0; font-weight: bold }
.zsx_news .content .ndesc{ font-size: 12px;color: #666666; line-height: 18px}

.zsx_news .newright{width: 252px}
.zsx_news .newright h1{font-size: 16px; color: #004ea2; text-align: center; margin-top: 17px;}
.zsx_news .newright .course{width: 206px; margin-left: 20px}
.zsx_news .newright ul li{padding: 10px 11px; border:solid 1px #e4e4e4; float: left; margin-bottom: 12px}
.zsx_news .newright ul li img{width: 184px;height: 164px;}
.zsx_news .newright .ctitle{color: #004ea2; font-weight: bold; margin: 8px 0 15px 0;}
.zsx_news .newright .cprice{position: relative;
    height: 14px; text-indent: 27px; font-size: 12px}
.zsx_news .newright .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.zsx_news .newright .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}

/*product check  */
.zsx_news .procheck{width: 100%; border:solid 1px #ebebeb; margin-top: 30px; }
.zsx_news .procheck ul li{width: 100%;border-bottom:solid 1px #ebebeb; font-weight: bold;float: left;clear: both}
.zsx_news .procheck ul li .left{width: 85%}
.zsx_news .procheck .check_name{color: #004ea2; font-size: 16px; margin: 19px 0 10px 18px ;}
.zsx_news .procheck .check_cate{color: #999999;margin: 0px 0 22px 18px ;}
.zsx_news .procheck .checkprice{color: #004ea2; font-size: 12px;margin: 23px 19px 0 0 ;}

/*user center*/
.user .userleft {width: 202px; height: 749px; background: #f8fafc;margin-bottom: 50px}
.user .body{ margin: 20px 0 0px 0px}
.user .userleft .user_img{ text-align: center; padding: 30px 0 30px 0; }
.user .userleft .user_img img{ width: 87px;height: 87px; border-radius: 100%; margin-bottom: 15px}
.user .userleft .user_img p{color: #666666; font-size: 12px; }

.user .userleft .menu{}
.user .userleft .menu ul li{height: 48px;line-height: 48px; text-indent: 30px; font-weight: bold; color: #666666; position: relative}
.user .userleft .menu ul li a{color: #666666; display: block}

.user .userleft .menu ul li.active{background: #0050a3}
.user .userleft .menu ul li .icon{width: 10px; height: 16px; background: url("../images/bg.png") no-repeat left; background-position: -66px 0; position: absolute; right: 14px; top:16px;}
.user .userleft .menu ul li.active .icon{display: block}
.user .userleft .menu ul li.active .icon{width: 10px; height: 16px; background: url("../images/bg.png") no-repeat left; background-position: -51px 0; position: absolute; right: 14px; top:16px}
.user .userleft .menu ul li.active a{color: #ffffff;}

.user .userright .course{width: 700px; margin-left: 30px; }
.user .userright ul li{padding: 10px 13px; border:solid 1px #e4e4e4; float: left; margin:0 30px 22px 0}
.user .userright ul li.nomargin{margin-right: 0px}
.user .userright ul li img{width: 184px; height: 164px}
.user .userright .ctitle{color: #004ea2; font-weight: bold; margin: 8px 0 15px 0;}
.user .userright .cprice{position: relative; height: 14px; text-indent: 27px; font-size: 12px}
.user .userright .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.user .userright .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}

/*我的订单*/
.user .order{}
.user .order ul li{width: 704px; border:solid 1px #dcdcdc; margin-bottom: 15px }
.user .order .order_title{ width: 100%; height: 34px; line-height: 34px;border-bottom:solid 1px #dcdcdc; color: #666666; font-size: 12px; font-weight: bold}
.user .order .order_title span{padding: 0px 14px 0px 12px}
.user .order .order_img{float: left;}
.user .order .order_img img{width: 92px; height: 82px;}

.user .order .box{padding: 12px 12px 10px 10px ;}
.user .order .cprice{position: relative;height: 14px; text-indent: 27px; font-size: 12px; color: #666666}
.user .order .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.user .order .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.user .order .ctitle{color: #004ea2; font-weight: bold; margin: 9px 0 15px 0;}
.user .order .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}
.user .order .info{ width: 179px; margin-left: 12px}
.user .order .order_info{font-size: 12px; color: #666666; font-weight: bold; margin-top: 10px}

/*防伪查询*/
.fwcx{width: 100%;  border:solid 1px #ebebeb; margin-top: 30px;}


.fwcx .cxbox{ width: 416px; height: 96px; border: solid 1px #e4e4e4}
.fwcx .zs{ width: 207px; height: 96px; float: left; border-right: solid 1px #ebebeb}
.fwcx .zs .icon{  margin: 17px 0px 0px 16px}
.fwcx .zs .txt{ margin: 17px 20px 0px 0px; font-size: 12px; color: #8d8d8d; line-height: 23px}
.fwcx .zs.noborder{border:0}
.fwcx .zssearch{ width: 495px; height: 80px ; background: #004ea2; padding: 18px 14px 0px 13px}
.fwcx .seainput{ width: 375px; height: 42px; background: #f7f7f7}
.fwcx .seainput img{ float: left; margin: 12px 0px 0px 8px}
.fwcx .seainput input{ float: left; margin: 0px 0px 0px 8px; width: 238px; height: 40px;line-height: 40px; border: 0; background: #f7f7f7; padding: 0}
.fwcx .seasub{width:86px; height:42px; line-height: 42px; background: #f7f7f7; text-align: center;cursor: pointer}
.fwcx .errormsg{ margin-top: 15px; font-size: 12px; color: #fefefe}

.fwcx .certificate{ width:888px; margin: 0 auto;clear: both}
.fwcx .certificate_title{ padding: 15px 0px 15px 0px; font-size: 16px; color: #004ea2; font-weight: bold}
.fwcx .certificate_bg{ width:888px; height: 500px; background: url("../images/certificate.jpg") no-repeat left; margin-bottom: 20px }
.fwcx .certificate_info{ width: 402px;  font-size: 16px; color: #000000; font-weight: bold; margin:143px 0px 0px 44px }
.fwcx .certificate_info p{ margin-bottom: 20px}

.fwcx .certificate_pic{margin:141px 37px 0 0}
.fwcx .certificate_pictitle{ padding: 0px 0px 15px 0px; font-size: 16px; color: #000000; font-weight: bold}
.fwcx .certificate_img{ }
.fwcx .certificate_img img{width: 372px;border: solid 1px #bbbbbb }

.fwcx .certificate_big{text-align: center; margin-top: 14px;font-size: 16px; color: #004ea2; font-weight: bold;text-decoration:underline;}

.recommend{ margin-top: 31px}
.recommend .boxtitle{ width: 100%;height: 30px; border-bottom: 1px solid #004ea2; position: relative;font-weight: bold}
.recommend .boxtitle .bg{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left top;position: absolute; left: 38px; bottom: -9px}
.recommend .boxtitle span.left{font-size: 16px;color: #004ea2; padding-left: 12px}
.recommend .boxtitle span.right{font-size: 14px;color: #666666; margin: 4px 14px 0 0}


.recommend .course{width: 940px; margin-top: 20px }
.recommend ul li{padding: 10px 13px; border:solid 1px #e4e4e4; float: left; margin:0 30px 22px 0}
.recommend ul li.nomargin{margin-right: 0px}
.recommend ul li img{width: 184px; height: 164px}
.recommend .ctitle{color: #004ea2; font-weight: bold; margin: 8px 0 15px 0;}
.recommend .cprice{position: relative; height: 14px; text-indent: 27px; font-size: 12px}
.recommend .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.recommend .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}

/*reg login forget*/
.login{width: 784px; margin:114px auto;}
.login .login_left{ margin-top: 24px}
.login .login_right{width: 258px;border:solid 1px #dbdbdb; padding: 22px 10px 10px 10px}
.login .login_right input.ys {height: 44px;background: #f7f7f7; color: #666666; font-size: 12px; margin-bottom: 12px; text-indent: 16px; padding: 0}
.login .login_right input.w100{width: 100%}
.login .login_right .reg{ width: 100%; height: 44px; line-height: 44px; background: #004ea2; color: #ffffff; font-family: "micorsoft yahei", "微软雅黑";font-size: 18px; text-align: center; margin: 22px 0 14px 0;cursor: pointer}
.login .login_right .log{margin: 12px 0 14px 0}
.login .login_right .reglink{color: #8d8d8d; font-size: 12px; text-align: center}
.login .login_right .reglink a{color: #006fe4; text-decoration:underline; }

.login .login_right .nextlogin{ font-size: 12px;color: #8d8d8d; clear: both}
.login .login_right .nextlogin a{ font-size: 12px;color: #8d8d8d}
.login .login_right .nextlogin input[type=checkbox]{display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.login .login_right .other_login{color: #c0c0c0; height: 20px; line-height: 20px; position: relative;clear: both; font-size: 12px; text-align: center; margin:  20px 0 20px 0;}
.login .login_right .other_login .xian{width: 100%;height: 1px; background: #c0c0c0;position: absolute; top:10px; left:0;z-index: -1}
.login .login_right .other_login span{background: #ffffff;}
.login .login_right .other_img{text-align: center; margin-bottom: 19px}
.login .login_right .other_img img.first{margin-right: 48px}

.login .login_right .sendcode{width:80px; height:42px; line-height:42px;display: block; border:solid 1px #f7f7f7; text-align: center;font-size: 12px; color: #004ea2;font-weight: bold; cursor: pointer}



.login .login_right input.w50{width: 66%}
.login .login_right .forget_title{color: #666666;}
.login .login_right .forget_tips{color: #666666; font-size: 12px; margin: 5px 0px 7px 0px; line-height: 17px}

.login .forget{padding:10px 10px 10px 10px}
.login .login_right .sub{ width: 100%; height: 44px; line-height: 44px; background: #004ea2; color: #ffffff; font-family: "micorsoft yahei", "微软雅黑";font-size: 18px; text-align: center; margin: 0px 0 0 0;cursor: pointer}
.login .forget .sendcode{color: #666666;font-weight: bold; cursor: pointer}

/*人才招聘*/
.personnel{width: 700px}
.personnel .personnel_title{width: 700px; height: 27px; line-height: 27px; color: #004ea2;border-bottom: solid 1px #004ea2; font-weight: bold; margin-bottom: 30px;margin-top: 30px}
.personnel .box{position: relative;}
.personnel .icon{width: 14px; height: 18px; background: url("../images/bg.png") no-repeat left; position: absolute; left: 41%; bottom: -19px}
.personnel .personnel_info{color: #666666; margin-bottom: 28px; line-height: 25px}
.personnel .personnel_info .pad{padding-left: 45px}


/*课程学习*/
.lesson {}
.course_title{width: 100%;height: 50px; line-height: 50px;color: #999999}
.course_title a{color: #999999}
.coursebg img{width: 100%}

.lesson .category{border-bottom: solid 1px #004ea3;height:48px; padding-left: 20px; margin-top: 20px}
.lesson .category a{float: left; height:48px;line-height:48px;text-align: center;  color: #666666; font-size: 16px; font-weight: bold;position: relative; margin-right: 19px}
.lesson .category a.active{color: #004ea2}
.lesson .category a.active span{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left;background-position:0 0 ;position: absolute;bottom: -9px;left: 40%}

.lesson .list{width: 940px; margin-top: 28px }
.lesson .list ul li{padding: 10px 13px; border:solid 1px #e4e4e4; float: left; margin:0 30px 22px 0}
.lesson .list ul li.nomargin{margin-right: 0px}
.lesson .list ul li img{width: 184px; height: 164px}
.lesson .list .ctitle{color: #004ea2; font-weight: bold; margin: 8px 0 15px 0;}
.lesson .list .cprice{position: relative; height: 14px; text-indent: 27px; font-size: 12px}
.lesson .list .cprice span.right{border:solid 1px #e4e4e4; background: #f9f9f9;text-indent: 0;border-radius:10px;padding: 2px 4px; margin-top: -2px}
.lesson .list .icon{width: 18px; height: 18px; background: url("../images/bg.png") no-repeat left;background-position:-27px 0;position: absolute; left: 0;bottom: 0}

/*课程学习详情*/
.lesson_detail{}
.lesson_detail .box{width: 938px; height: 460px;border:solid 1px #e4e4e4;}

.lesson_detail .video{width: 640px; height: 356px; background: #000000; margin: 4px 0 0 4px;}
.lesson_detail .chapter{width: 279px; height: 356px; background: #e4e4e4; margin: 4px 4px 0 0; padding: 3px 3px 0 3px;overflow-y: scroll; }
.lesson_detail .chapter ul li{float: left; width: 100%; background: #ffffff; margin-bottom: 3px;cursor: pointer; padding-bottom: 7px}
.lesson_detail .chapter .active{ margin: 14px 0px 0px 12px}
.lesson_detail .chapter .cbox{ margin: 16px 0px 0px 11px; font-weight: bold; width: 232px}
.lesson_detail .chapter .title{color: #004ea2; margin-bottom: 5px}
.lesson_detail .chapter .min{color: #666666}
.lesson_detail .lesson_title{color: #666666; padding: 21px 0px 16px 11px; font-weight: bold }
.lesson_detail .lesson_info{color: #666666; font-weight: bold; height: 48px; line-height: 48px; border-top: solid 1px #e4e4e4 ; padding: 0px 11px 0px 11px;}
.lesson_detail .lesson_info a{color: #666666;}
.lesson_detail .lesson_info .left{font-size: 12px}
.lesson_detail .lesson_info .right img{ vertical-align: sub;margin-right: 4px }

.lesson_detail .category{border-bottom: solid 1px #004ea3;height:48px; padding-left: 20px; margin-top: 20px}
.lesson_detail .category a{float: left; height:48px;line-height:48px;text-align: center;  color: #666666; font-size: 16px; font-weight: bold;position: relative; margin-right: 19px}
.lesson_detail .category a.active{color: #004ea2}
.lesson_detail .category a.active span{width: 14px; height: 8px; background: url("../images/bg.png") no-repeat left;background-position:0 0 ;position: absolute;bottom: -9px;left: 40%}

.lesson_detail .course_content{color: #666666;  padding: 18px 0px 0px 0px; line-height: 25px; display: none}

/*分页*/
.pages{font-weight: bold; text-align: center;margin-top: 20px;height: 55px}
.pages a.num{border:solid 1px #004ea2; padding: 8px 10px}
.pages a{margin-right: 10px; color: #004ea2}
.pages a.current{background: #004ea2; color: #ffffff}
.pages a.prev,.pages a.next{border:solid 1px #004ea2; padding: 8px 10px}

/*user set*/
.setting{width: 706px; margin: 28px 0 0 15px}
.setting ul li{float: left; width: 100%; height: 67px; border-bottom: solid 1px #d7dcdf; margin-bottom: 20px}
.setting .edit{border:solid 1px #dcdcdc; padding:11px 19px; color: #666666; margin-right: 35px}
.setting .icon{margin-left: 15px; margin-right: 19px;background: url("../images/member.png") no-repeat left top; }
.setting .icon1{width: 29px; height: 34px; margin-top: 3px;}
.setting .icon2{width: 32px; height: 24px; margin-top: 6px;background-position:-32px 0 ;}
.setting .icon3{width: 34px; height: 36px; margin-top: 1px;background-position:-67px 0 ;}
.setting .icon4{width: 34px; height: 38px; margin-top: 3px;background-position:-103px 0 ;}


.setting .txt{color: #0050a3;font-weight: bold;margin-right:9px }
.setting .txtval{color: #666666;font-size: 13px;}
.setting .systips{color: #666666;font-size: 12px; margin-top: 12px}

.sysbox{width: 348px; height: 314px; border:solid 1px #dcdcdc; background: #ffffff;padding: 19px 18px 15px 20px}
.sysbox .usersettitle{color: #666666;font-weight: bold;}
.sysbox .usersettips{color: #666666;font-size: 12px;line-height: 28px; margin: 5px 0 10px 0 }
.sysbox .usersetcode{height:42px; line-height:42px;color: #666666; font-size: 12px; width: 81px;}
.sysbox .usersetgroup{width: 100%; margin-bottom: 8px}
.sysbox .g1{ margin-bottom: 18px}
.sysbox input.ys {height: 44px;background: #f7f7f7; color: #666666; font-size: 12px; text-indent: 5px}
.sysbox input.w100{width: 100%}
.sysbox input.w1{width: 65%}
.sysbox .sendcode{width:80px; height:44px; line-height:44px;display: block; border:solid 1px #f7f7f7; text-align: center;font-size: 12px; color: #004ea2;font-weight: bold;cursor: pointer}
.sysbox .c1{color: #666666;}
.sysbox .usersetval{width: 250px}

.sysbox .m2{margin-top: 10px}
.sysbox .sub{width: 122px; height: 44px;line-height:44px;text-align: center;cursor: pointer;color: #ffffff;font-size: 18px;  background: #004ea2;margin-right:6px }
.sysbox .reset{width: 122px; height: 44px;line-height:44px;text-align: center;cursor: pointer;color: #ffffff;font-size: 18px;  background: #666666;}

.sysbox .imgtitle{height:68px; line-height:68px;color: #666666; font-size: 12px; width: 81px;}
.sysbox .usersetimg img{
    width: 68px;
    height: 68px;
    border-radius: 100%;
}
.sysbox .showimg{display: none;  margin: 0 0 0 85px;}
/*我的消息*/
.user .messages{width: 700px;margin-left: 30px}
.user .messages ul li{width: 100%; float: left; border-bottom: solid 1px #d7dcdf;padding-bottom: 15px; margin-bottom: 15px}
.user .messages .msgtxt{color: #000;}
.user .messages .msgcon{margin-top: 17px; color:#999}

.user .messages .msgtitle{ font-weight: bold}
.user .messages .msgdetail_title{ text-align: center;color: #000;margin: 15px 0 15px 0}
.user .messages .msgdetail_type{ text-align: center;color: #000;font-weight: bold}

/*招商加盟*/
.join .title{width: 100%;height: 50px; line-height: 50px;color: #999999}
.join .title a{color: #999999}
.join .joinimg .img1{width: 939px;height: 638px;background: url("../images/join.jpg") no-repeat left top;}
.join .joinimg .img2{width: 939px;height: 767px;background: url("../images/join1.jpg") no-repeat left top;}
.join .joinimg .img3{width: 939px;height: 529px;background: url("../images/join2.jpg") no-repeat left top;}
.join .joinimg .img4{width: 939px;height: 395px;background: url("../images/join3.jpg") no-repeat left top;}
.join .joinimg .img5{width: 939px;height: 877px;background: url("../images/join4.jpg") no-repeat left top;}
.join .subjoin{width: 939px;height: 414px;background: url("../images/join5.jpg") no-repeat left top;}

.subjoin .contact_left{width: 724px;margin:123px 0 0 109px}
.subjoin .contact_info{color: #666666;font-weight: bold; margin: 30px 0 0 6px; }
.subjoin .contact_info p{margin-bottom: 34px; }
.subjoin .inputgroup input{height: 44px;background: #f7f7f7; text-indent: 15px;float: left; margin-right: 27px; color: #666666;margin-bottom: 15px;padding: 0}
.subjoin .inputgroup input.i1{width: 171px}
.subjoin .inputgroup input.i2{width: 235px}
.subjoin .inputgroup input.i3{width: 264px; margin-right: 0px}
.subjoin .inputgroup textarea{width:720px;height: 97px;background: #f7f7f7; text-indent: 15px;color: #666666;padding-top: 9px}
.subjoin .contact_sub{width: 210px; height: 44px; background:#f6e193; font-size:16px; font-family: "micorsoft yahei", "微软雅黑";color: #252317; text-align: center; line-height: 44px; margin-top:13px; cursor: pointer  }