@charset "utf-8";
/* CSS Document */
body{ background:#fafafa;}
body,p,span,h1,h2,h3,h4,h5,h6,input,div,dl,dt,dd{margin:0;padding:0; font-size:14px;font-family:"微软雅黑"}
ul,li{list-style:none;padding:0px;margin:0px;}
a{text-decoration:none;}
img{border:none;margin:0px;padding:0px;}
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#ca2000; text-decoration:none;}
.left{float:left}
.right{float:right;}
.clear{clear:both;}
.red{ color:#F00}

/*top*/
.topAll{ height:175px; background:url(../images/topbg.png) no-repeat center top #fef0f0;}
.top{ width:1200px; height:175px; margin:0 auto;}
.top-L{ width:600px; float:left;}
.top-L img{ padding-top:38px;}
.top-R{ width:340px; height:60px; padding-top:20px; float:right; }
.top-R img{ float:left; margin-right:5px; margin-top:5px;}
.top-R span{ float:left; margin-right:30px; line-height:30px;}

.dhAll{ height:50px; background:#b30003;}
/* 导航css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.dh{height:50px; width:100%;z-index:999; width:1200px; margin:0 auto;}
.navIcon{ height:50px; line-height:50px;  position:relative; z-index:999; width:100%; margin:0 auto;}
.navIcon a{ color:#fff; text-decoration:none;}
.navIcon .nLi{ float:left;  position:relative; display:inline; }
.navIcon .nLi h3{ float:left; font-family:"微软雅黑"; font-size:16px;font-weight:normal}
.navIcon .nLi h3 a{ display:block; padding:0 29px; font-size:18px;}
.navIcon .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:#bc2326;  line-height:40px; padding:8px 0;  }
.navIcon .sub li{ zoom:1; }
.navIcon .sub a{ display:block; text-align:center; color:#fff; font-size:14px;}
.navIcon .sub a:hover{ background:#9d0003; color:#fff;}
.navIcon .on h3 a{ background:#9d0003;color:#fff;}

/*首页焦点图轮播放css */
.ind-flash-ALL{ background:#eee; padding:30px 0;}
.ind-flash { position: relative; width:1200px; height:350px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; margin:0 auto; }
.ind-flash .pic img { width:1200px; height:350px; display: block; }
.ind-flash .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.ind-flash .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.ind-flash .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.ind-flash .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.ind-flash .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.ind-flash .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.ind-flash .num li a,.ind-flash .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.ind-flash .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.ind-flash .num li.on a,.ind-flash .num a:hover{ background:#f60;}

/*首页第二屏*/
.ind-main2{ width:1200px; margin:0 auto;}
.ind-L{ float:left; width:750px;}
.ind-R{ float:right; width:410px;}

/*公共标题*/
.bt{ height:60px; line-height:60px; border-bottom:2px solid #d2d3d4;}
.bt img{ float:left; margin:20px 15px 0 0;}
.bt p{ float:left; width:200px; font-size:18px; font-weight:bold;}
.bt span{ float:right; font-size:14px; color:#999; padding-right:20px;}
.bt span a{ color:#999;}
/*新闻列表*/
.ind-list3{ background:#fff;}
.ind-list3 ul{ padding:20px 23px;}
.ind-list3 ul li{line-height:43px; height:40px; }
.ind-list3 ul li p{ float:left;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:19px; background:url(../images/liicon02.png) no-repeat left 18px; width:560px;}
.ind-list3 ul li span{ float:right; color:#999; font-size:18px;}

/*新闻列表*/
.ind-list4{ background:#fff;}
.ind-list4 ul{ padding:20px 23px;}
.ind-list4 ul li{line-height:43px; height:40px; }
.ind-list4 ul li p{ float:left;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:19px; background:url(../images/liicon02.png) no-repeat left 18px; width:340px;}

/*内页新闻列表*/
.ind-list5{ background:#fff;}
.ind-list5 ul{ padding:20px 0;}
.ind-list5 ul li{line-height:55px; height:55px; padding:0 23px;position: relative; padding-right:90px; transition:all 400ms;}
.ind-list5 ul li p{ float:left;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:19px; background:url(../images/liicon02.png) no-repeat left 23px; width:530px;}
.ind-list5 ul li span{ float:right; color:#999; font-size:18px;}
.ind-list5 ul li:hover{ background:#fef7f8;padding-left: 10px;}

/*内页左侧新闻列表*/
.ny-list{ background:#fff;}
.ny-list ul{ padding:20px 23px;}
.ny-list ul li{line-height:43px; height:40px; }
.ny-list ul li p{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:19px; background:url(../images/liicon02.png) no-repeat left 18px;}


/*新增会员*/
.xinzhy{overflow:hidden; position:relative; }	
.xinzhy .bd{ padding:40px 0 0 20px;}
.xinzhy .bd ul{ overflow:hidden; zoom:1;padding:20px 0 20px 23px; }
.xinzhy .bd ul li{ line-height:43px; height:40px; width:174px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:19px; background:url(../images/liicon02.png) no-repeat left 18px; float:left;  zoom:1; }
.xinzhy .bd ul li span{ padding-right:10px; font-size:18px;}


/*公司简介*/
.jianjie{padding:20px 23px; background:#fff; line-height:31px; color:#333; font-size:18px; height:345px;text-align:justify;}
.jianjie img{ float:left; margin:10px 25px 0 0; width:142px; height:93px;}

/*广告位*/
.ggw{ width:1200px; height:100px; margin:30px auto 5px;}

/*第四屏开始*/
.ind4{ background:#fff; padding:40px 0; margin-top:40px;}

/*品牌活动*/
.pinpai ul{ width:1280px; padding-top:35px;}
.pinpai ul li{ width:230px; height:206px; margin-right:34px; position:relative; float:left;}
.pinpai ul li img{ width:230px; height:160px; }
.pinpai ul li .imgbt{ position:absolute; bottom:45px; width:100%; height:35px; line-height:35px; background:url(../images/huibg.png); text-align:center; color:#fff;}
.pinpai ul li .imgbt a{ color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 200px;}
.pinpai ul li .picbt{ height:45px; line-height:45px; padding:0 15px; background:#eeebeb;}
.pinpai ul li .picbt span{ float:right;}

/* 首页作品赏析-tab切换css */
.ind-zuopin{ padding-top:35px;}
.ind-zuopin .hd{ height:56px; line-height:56px; width:100%; position:relative; }
.ind-zuopin .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:58px; width:1250px;}
.ind-zuopin .hd ul li{ float:left; margin:0 12px 0 0; width:290px; text-align:center; cursor:pointer; font-size:18px; background:#eeebeb; color:#333;}
.ind-zuopin .hd ul li.on a{color:#FFFFFF;}
.ind-zuopin .hd ul li.on{ height:56px;  background:#ce1013; color:#fff;}
.ind-zuopin .bd ul{ padding:35px 0 15px; height:190px; zoom:1; width:1250px;}
.ind-zuopin .bd li{  margin-right:25px; border:1px solid #CCC; float:left;}
.ind-zuopin .bd li img{ width:260px; height:160px; padding:8px;}
.ind-zuopin .bd li:hover{ border:1px solid #C00;}
/*在线听课*/
.zxtk ul{ padding:35px 0 0;  zoom:1; width:1250px;}
.zxtk li{ width:276px; margin-right:25px; float:left; position:relative; text-align:center;}
.zxtk li img{ width:260px; height:160px; padding:8px; border:1px solid #CCC;}
.zxtk li img:hover{ border:1px solid #C00;}
.zxtk li .tubiao{ position:absolute; width:59px; height:59px; left:100px; top:55px; border:none;}
.zxtk li .tubiao img{ width:59px; height:59px; border:none;}
.zxtk li span{ line-height:45px; text-align:center;}

/*友情链接*/
.link-gd{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.link-gd .bd{ padding:40px 0;   }
.link-gd .bd ul{ overflow:hidden; zoom:1; }
.link-gd .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.link-gd .bd ul li .pic{ width:216px; height:88px; margin-right:25px; float:left; position:relative; text-align:center; }
.link-gd .bd ul li .pic img{ width:218px; height:80px; padding:3px; border:1px solid #CCC; }
.link-gd .bd ul li .pic a:hover img{ border-color:#F00;  }

/*底部版权*/
.bottAll-1{ padding:40px 0; background:#c20104;}

.bottAll-1-l{ float:left; width:335px; height:230px; line-height:32px; color:#fff; background:url(../images/bot-xian.png) no-repeat right center; font-size:16px;}
.bottAll-1-C{ float:left; margin-left:45px; width:370px; height:145px; padding:42px; background:#ce3436; border-radius:8px;}
.bottAll-1-C-top{ height:45px; border-bottom:1px solid #c20104;}
.bottAll-1-C-top a{ color:#fff; font-size:18px; float:left; margin-right:25px;}
.bottAll-1-C-bot{ padding-top:25px;}

.bottAll-1-R{ float:right;width:303px; height:188px; padding:20px; background:#ce3436; border-radius:8px;}
.bottAll-1-R img{ float:left;}
.botALL2{ height:66px; line-height:66px; background:#b30003; font-size:16px; text-align:center; color:#fff;}

/*内页开始*/
.nymain{ margin:30px auto; padding:30px; width:1140px; background:#fff;}
.nymain-L{ width:300px; float:left;}
.nymain-R{ width:780px; float:right;}

/*分页*/
.next {margin:20px auto 50px;}
.manu {TEXT-ALIGN: center;font-size:12px;height:40px;padding:5px;line-height:30px;}
.manu A {BORDER: #dbdbdb 1px solid; PADDING:5px 7px; MARGIN:5px;COLOR: #333;TEXT-DECORATION: none}
.manu A:hover {BORDER: #dbdbdb 1px solid; COLOR: #fff;BACKGROUND-COLOR: #ca2000}
.manu A:active {BORDER: #dbdbdb 1px solid;}
.manu .current {BORDER: #dbdbdb 1px solid; PADDING:5px 7px;FONT-WEIGHT: bold;MARGIN: 5px;COLOR: #fff;BACKGROUND-COLOR: #ca2000}
.manu .disabled {PADDING:5px 7px; BORDER: #dbdbdb 1px solid; MARGIN: 5px;COLOR: #ddd;}/* CSS Document */

/*左侧分类*/
.fenlei{ padding-bottom:35px;}
.fenlei-bt{ height:80px; line-height:80px; color:#fff; background:#b30003; text-align:center; font-size:24px;}
.fenlei-nr{ height:60px; line-height:60px; background:#fafafa; text-align:center; font-size:18px; border-bottom:1px  solid #ddd; border-top:1px solid #fff;position: relative; padding-right: 90px; transition: all 400ms;}
.fenlei-nr a{ display:block;}
.fenlei-nr:hover{ background:url(../images/leftbg.jpg) no-repeat left center #fcebeb; padding-left:70px;}
.fenlei-nr-hover{background:url(../images/leftbg.jpg) no-repeat left center #fcebeb;}

/*作品赏析-内页*/
.ny-zuopin ul{ padding:35px 0 15px;  zoom:1; width:870px;}
.ny-zuopin li{  margin-right:25px; margin-bottom:35px;border:1px solid #CCC; float:left;}
.ny-zuopin li img{ width:220px; height:135px; padding:8px;}
.ny-zuopin li:hover{ border:1px solid #C00;}

/*在线听课-内页*/
.nyzxtk ul{ padding:35px 0 0;  zoom:1; width:870px;}
.nyzxtk li{ width:238px; margin-right:25px; margin-bottom:25px; float:left; position:relative; text-align:center;}
.nyzxtk li img{ width:220px; height:135px; padding:8px; border:1px solid #CCC;}
.nyzxtk li img:hover{ border:1px solid #C00;}
.nyzxtk li .tubiao{ position:absolute; width:59px; height:59px; left:90px; top:40px; border:none;}
.nyzxtk li .tubiao img{ width:59px; height:59px; border:none;}
.nyzxtk li span{ line-height:45px; text-align:center;}

.mgt20 {margin-top:20px;}
.hid{overflow:hidden;}
.fr{float:right;}
.ft_arial {font-family:Arial, Helvetica, sans-serif;}

/*详情页*/
h1 {text-align:center;}
.info-time {background:#f7f7f7;text-align:center;line-height:36px;margin:20px auto;color:#999;}
.text-info {text-align:center;}
.text-info p.imgtitle {font-size:16px;text-align:center;margin-bottom:20px;}
.text-info p {color:#555;line-height:28px;text-indent:30px;margin-bottom:20px;text-align:left; font-size:16px;text-align:justify;}
.text-info img {margin-bottom:10px; max-width:100%;}
.info-prev {width:390px;line-height:26px;float:left;text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; margin-top:15px;}
.info-next {width:390px;line-height:26px;float:right;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; margin-top:15px;}
.info-prev a:hover, .info-next a:hover {text-decoration:underline;} 
.ft24{ font-size:24px;}
.ft22{ font-size:22px; color:#333; font-weight:bold;}

/*在线课堂*/
.ketang-sp{ width:780px; height:460px; background:#333; color:#fff; margin-top:25px;}
.ketang-sp img{ width:785px; height:460px;}

/*内页在线课堂列表*/
.kt-list{}
.kt-list ul{ padding:20px 0px;}
.kt-list ul li{line-height:55px; height:55px; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1; padding-left:60px; background:url(../images/shipinicon.png) no-repeat 20px 17px; border-bottom:1px dashed #e4e4e4;}
.kt-list ul li a{ display:block;}
.kt-list ul li:hover{ background:url(../images/shipinicon2.png) no-repeat 20px 17px #fef7f8;}

/*会员登录*/
.dlAll{ background:#fafafa; padding:30px 0;}  
.huiyuan{ width:340px; padding:20px 110px 0 725px; height:480px;  background:url(../images/denglubg.jpg) no-repeat left top #fff; border-radius:10px; margin:0 auto;}
.loginbt{ height:56px; border-bottom:2px solid #ececec; font-weight:bold; font-size:26px; text-align:center; color:#b30003; padding-top:30px; margin-bottom:40px;}
.input{ border:none; outline:none; line-height:40px; background:none; padding-left:60px; font-size:16px;}
.input01{ height:50px; line-height:50px; border:1px solid #ececec; padding:0 20px; background:url(../images/yhm.png) no-repeat 30px 13px #f6f7fb; border-radius:8px; margin-top:20px;}
.input02{ height:50px; line-height:50px; border:1px solid #ececec; padding:0 20px; background:url(../images/mima.png) no-repeat 30px 13px #f6f7fb; border-radius:8px; margin-top:20px;}
.wjmima{ line-height:50px; text-align:right; padding:10px 0;}
.wjmima span{ padding-left:20px;}
.denglan{line-height:50px; border-radius:8px; border:none; background:#b30003; color:#fff; font-size:20px; font-family:"微软雅黑"; width:100%; cursor:pointer;box-shadow: 0 5px 5px #efbbbc;}
.denglan:hover{ background:#9d0003;}

/* 会员注册-手机/邮箱-tab切换css */
.zhuce{ width:500px; margin:30px auto; padding:30px 350px; background:#fff; border-radius:8px;}
.zhuce .hd{ height:56px; line-height:56px;  padding:0 10px 0 20px; position:relative;border-bottom:1px solid #fce1e2;}
.zhuce .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:58px;   }
.zhuce .hd ul li{ float:left; padding:0 50px; margin-right:20px; cursor:pointer; font-size:20px;}
.zhuce .hd ul li.on{ height:56px;  background:#fff; color:#b30003; font-weight:bold;border-left:1px solid #fce1e2;border-top:1px solid #fce1e2;border-right:1px solid #fce1e2;border-bottom:1px solid #fce1e2;}
.zhuce .bd ul{ padding:15px 0 0;  zoom:1; }
.zhuce .bd li{ line-height:54px; font-size:16px; font-family:"微软雅黑";}
.input03{ border:none; outline:none; line-height:40px; background:none; padding-left:20px; font-size:16px; border:1px solid #f1f1f1; width:50%; margin-top:15px; }
.input04{ border:none; outline:none; line-height:40px; background:none; padding-left:20px; font-size:16px; border:1px solid #EBEBEB; width:50%; margin-top:15px; }
.huiy-w{ float:left; width:85px; line-height:50px; text-align:right;}

.huiyuan-main{ width:700px; margin:20px auto; padding:35px 180px; background:#f7f7f7; border-radius:8px;}
.huiy-xinxi li{ line-height:60px; border-bottom:1px solid #efefef; padding:0 30px; font-size:16px;}
.huiy-xinxi li span a{ color:#b3d1d8; float:right;}

/*==========以下部分是Validform必须的===========*/
        .Validform_checktip{
            margin-left:8px;
            line-height:20px;
            height:20px;
            overflow:hidden;
            color:#999;
            font-size:12px;
        }
        .Validform_right{
            color:#71b83d;
            padding-left:20px;
            background:url(../images/right.png) no-repeat left center;
        }
        .Validform_wrong{
            color:red;
            padding-left:20px;
            white-space:nowrap;
            background:url(../images/error.png) no-repeat left center;
        }
        .Validform_loading{
            padding-left:20px;
            background:url(../images/onLoad.gif) no-repeat left center;
        }
        .Validform_error{
            background-color:#ffe7e7;
        }
        #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
        #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
        #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
        #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
        #Validform_msg a.Validform_close:hover{color:#cc0;}
        #Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}