@import url(https://www.cnrencai.com/static/css/index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
li,ol,ul{list-style:none outside none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{color: #2965b1;text-decoration:none;}
a:hover{text-decoration:underline}
body,button,input,select,textarea{font-size: 12px;}
body{font-size: 12px;background: #f5f9f9;}
.clearfix,.clear{clear:both;}
a{text-decoration:none;outline:0;cursor:pointer;font-size: 15px;}
a:link{text-decoration:none}
a:hover{text-decoration:underline;color:#bd0a01}
.tdn a:hover,a.tdn:hover{text-decoration:none}
.clearfix,.clear{display:block;}
u{text-decoration:none;}
/*header*/
.header {padding: 5px 0;width: 100%;float: left;background: #fff;}
.header .banner{margin-bottom: 10px;}
.header .banner img{ width:1058px;}
.sub_menu{margin: auto;width: 100%;background: #fff;}
.header .logo {width: 100%;float: left;text-align: center;margin: 10px 0 0;}
.header .logo a {display: inline-block;width: 135px;height: 55px;background: url("//static.cnrencai.com/img/logo_news.png") no-repeat;text-indent: -9999px;background-size: 100%;}
.topLink {float: left;}
.topLink li {float: left;line-height: 54px;width: 25%;text-align: center;}
.topLink a {float: left;color: #333;font-size: 16px;width: 100%;}

/*rougao*/
.rougao {float: right;margin-top: 10px;display: none;}
.rougao .jianyi {background-color: #e8b856;}
.rougao a {height: 30px;line-height: 30px;float: left;color: #fff;font-size: 14px;background-color: #0099cc;border-radius: 4px;width: 84px;text-align: center;margin-left: 15px;}
.rougao a:hover{background-color: #0797ca;color: #fff!important;}
.rougao .jianyi:hover{background-color: #e85d5d;color: #fff!important;}

.banner{float: left;width: 100%;text-align: center;background-image: url(//static.cnrencai.com/img/banner.jpg);height: 291px;background-position: center;background-repeat: no-repeat;background-size: 100%;display: none;}
/*w450〃*/
.w450{
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    float: left;
    padding: 3%;
    width: 94%;
    margin-bottom: 10px;
    }
.w450_box{float: left;margin-top: 15px;width: 100%;}
.txtlist {float: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.txtlist li {height: 40px;line-height: 40px;overflow: hidden;float: left;width: 100%;font-size: 14px;}
.txtlist li a {padding-right: 10px;color: #000000;}
.txtlist li code{
    
    
    
    
    text-align: center;
    
    
    
    
    font-size: 12px;
    color: #9d9d9d;
    margin-right: 10px;
    background: #f0f0f0;
    border-radius: 48px;
    height: 21px;
    line-height: 21px;
    padding: 0 6px;
    margin-top: 11px;
    float: left;}
.comtitle h2 {float:left;font-weight: 700;}
.comtitle h2 a{float:left;font-weight: 700;font-size: 22px;color: #333;}
.comtitle h2:before{content:"";width: 0;height: 0;border-top: 14px solid transparent;border-left: 19px solid #e8b856;border-bottom: 14px solid transparent;border-radius: 0;margin-top: 6px;background: #ffffff;float: left;margin-right: -16px;}
.comtitle h2 a:before{content:"";width: 0;height: 0;border-top: 11px solid transparent;border-left: 17px solid #0099cc;border-bottom: 11px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 8px;background: #ffffff;float: left;margin-right: 8px;}

.comtitle{
    line-height: 38px;
    float: left;
    background: url("//static.cnrencai.com/img/cms/cn_fl.png")no-repeat -122px center;
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #0099cc;
    margin-bottom: -1px;
    }
.comtitle .more{color: #e7805c;float: right;}
.comtitle .com_list{float: left;background: #fff;padding: 0 25px;max-width: 802px;height: 41px;overflow: hidden;line-height: 41px;display: none;}
.comtitle .com_list a{padding: 0 5px;font-size: 15px;color: #666;}
.imgarea{float: left;width: 100%;margin-top: 10px;}
.imgarea .img_pic{display: flex;float: left;width: 100%;flex-wrap: nowrap;justify-content: space-between;}
.imgarea .img_pic a{width: 31%;float: left;color: #333333;position: relative;}
.imgarea .img_pic img{width: 100%;float: left;border-radius: 10px;}
.imgarea .img_pic span{float: left;height: 38px;line-height: 38px;width: 100%;overflow: hidden;text-align: center;font-size: 15px;}
.imgarea .info{float: left;margin-top: 10px;}
.info .info_title{color: #000;font-size: 16px;margin-bottom: 5px;font-weight: 700;margin-top: 0px;}
.info .info_title{float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;}
.info .info_title:before{content:"";width: 0;height: 0;border-top: 6px solid transparent;border-left: 12px solid #0099cc;border-bottom: 6px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 14px;background: #f5f5f8;float: left;margin-right: 8px;}

.hot_img {display: inline;float: left;width: 100%;padding: 10px 0;    }
.hot_img .fle {float: left;width: 127px;margin-right: 8px;border-radius: 10px;overflow: hidden;}
.hot_img .fle img {width: 100%;float: left;}
.hot_img .flr {width: 55%;float: left;padding-left: 10px;}
.hot_img h3 {float: left;font-size: 12px;width: 100%;overflow: hidden;}
.hot_img h3 a {float: left;font-size: 16px;width: 100%;height: 34px;line-height: 34px;overflow: hidden;color: #333;font-weight: 700;}
.hot_img p {width: 100%;color: #9b9b9b;
    float: left;
    
    line-height: 24px;
    overflow: hidden;
    height: 48px;font-size: 14px;}

/*box_left*/
.box_left {float: right;width: 100%;margin-top: 10px;}
.box_left h4 {float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;}
.box_left h4:before{content:"";width: 7px;height: 17px;border-radius: 60px;background: #e8b856;float: left;margin-top: 12px;margin-right: 8px;}

.new_list li {height: 40px;line-height: 40px;overflow: hidden;float: left;width: 100%;}
.new_list li code {background: #676767;width: 4px;height: 4px;float: left;margin-top: 14px;display: none;}
.new_list li:before{content:"w";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 7px;background: #0099cc;border-radius: 4px;}

.new_list li  a {color: #333;padding-left:8px;}
.box_right {float: left;width: 100%;}
.box_right h4 {float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;}
.box_right h4:before{content:"";width: 7px;height: 17px;border-radius: 60px;background: #0099cc;float: left;margin-top: 12px;margin-right: 8px;}

.hot_list {float: left;width: 100%;}
.hot_list li {height: 41px;line-height: 41px;width: 97%;margin-left: 2px;overflow: hidden;}
.hot_list li:before{content:"1";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 7px;background: #e33e42;border-radius: 4px;}
.hot_list li:nth-child(2):before{content:"2";background: #e7805c;}
.hot_list li:nth-child(3):before{content:"3";background: #e8b856;}
.hot_list li:nth-child(4):before{content:"4";background: #c7c7c7;}
.hot_list li:nth-child(5):before{content:"5";background: #c7c7c7;}
.hot_list li:nth-child(6):before{content:"6";background: #c7c7c7;}
.hot_list li:nth-child(7):before{content:"7";background: #c7c7c7;}
.hot_list li:nth-child(8):before{content:"8";background: #c7c7c7;}

.hot_list a {color: #333333;font-size: 15px;float: left;width: 251px;overflow: hidden;}
.hot_list code {float: right;color: #e7805c;/* background: #e7805c; */height: 12px;line-height: 11px;padding: 0 4px;margin-top: 15px;border-radius: 2px;font-family: inherit;}

/*top*/
.sidel {width: 100%;margin: auto;}
.jobNew{width: 94%;float: left;padding: 3%;background: #fff;border-radius: 10px;margin: 10px 0;}
.focus_pic {float: left;width: 340px;}
.focus_pic .banner {height: 230px;margin-top: 0;overflow: hidden;position: relative;width: 340px;}
.focus_pic .banner ul.bannerBg{float: left; height: 230px; left: 0; position: absolute; top: 0; width: 500%;}
.focus_pic .banner ul.bannerBg li{float: left; height: 230px; width: 340px;}
.focus_pic .banner ul.bannerBg li img{height: 230px; width: 340px;}
.focus_pic .bannerCont{bottom: 10px; height: 5px; position: absolute; right: 10px; width: 125px; z-index: 9;}
.focus_pic .bannerCont a{background: #ffffff none repeat scroll 0 0; float: left; height: 5px; margin-right: 5px; width: 20px;}
.focus_pic .bannerCont em{background: #E41111  none repeat scroll 0 0; height: 5px; left: 0; position: absolute; top: 0; width: 20px;}
.focus_new{float: right;width: 100%;overflow: hidden;margin-top: 10px;background: #fff;}
.focus_new h2{float: left;margin-top: 10px;width: 100%;font-size: 16px;font-weight: 800;color: #323232;margin-bottom: 8px;}
.focus_new h2{color: #000000;float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;margin-top: 0;}
.focus_new h2:before{content:"";width: 7px;height: 17px;border-radius: 60px;background: #0099cc;float: left;margin-top: 12px;margin-right: 8px;}

.focus_new ul li{float: left;height: 40px;width: 100%;overflow: hidden;line-height: 40px;}
.focus_new ul li font{font-size: 12px;
    color: #9f9f9f;
    margin-right: 10px;
    background: #f0f0f0;
    
    border-radius: 48px;
    height: 24px;
    line-height: 24px;padding: 0 6px;margin-top: 10px;float: left;}
.focus_new ul li font a{color: #0099cc;}
.focus_new ul li span {float: left;padding-left: 5px;width: 69%;}
.focus_new ul li span a  {float: left;width: 100%;color: #333;}
jobNew .jobNew_left{
    width: 94%;
    padding: 3%;
    background: #fff;
    border-radius: 15px 15px 0 0;
    margin: auto;
    overflow: hidden;
    float: left;
    padding-bottom: 10px;
    }
.jobNew .jobNew_pic img{width: 100%;float: left;margin-bottom: 11px;}
.NewsList{
    width: 100%;
    background: #fff;
    border-radius: 0 0 15px 15px;
    margin: auto;
    overflow: hidden;
    float: left;
    padding-top: 0;
    height: 269px;
    }
.NewsList .titNew li{float: left;width: 100%;height: 40px;line-height: 40px;overflow: hidden;}
.NewsList .titNew li img{width:80px;height:100px;}
.NewsList .titNew li .NewImg{float:left;width:80px;}
.NewsList .titNew  .Newinfo{width: 100%;height: 34px;overflow: hidden;float: left;line-height: 34px;display: none;}
.NewsList .titNew  .Newinfo a{font-size: 16px;margin-right: 10px;color: #333;font-weight: 700;text-align: center;width: 100%;}
.NewsList .titNew  .Newinfo a:hover{color: #ff9d2c;}
.titNew{width: 100%;float: left;margin-bottom: 10px;}
.titNew ul{display: flex;flex-wrap: wrap;justify-content: space-around;width: 100%;}
.NewsList .titNew li a{color: #333333;float: left;width: 100%;white-space: nowrap;line-height: 40px;font-size: 15px;overflow: hidden;text-overflow: ellipsis;}
.NewsList .titNew li a:before{content:"w";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 12px;margin-right: 7px;background: #0099cc;border-radius: 4px;}

.titNew li a:hover{color:#CA1B00;}
.jobNew_right{
    float: right;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    margin: auto;
    overflow: hidden;
    }
.jobNew_right_top{width: 100%;float: left;margin-top: 15px;}
.jobNew_right_top .title{float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;}
.jobNew_right_top .title span{width: 100%;float: left;}
.jobNew_right_top .title span:before{content:"";width: 0;height: 0;border-top: 6px solid transparent;border-left: 12px solid #0099cc;border-bottom: 6px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 14px;background: #f5f5f8;float: left;margin-right: 8px;}
.bord_ls{line-height: 18px;width: 100%;float: left;padding: 9px 0;}
.bord_ls .fle{width: 116px;height: 77px;overflow: hidden;float: left;margin-right: 10px;}
.bord_ls .fle img{float: left;height: 77px;width: 116px;border-radius: 10px;}
.bord_ls .flr{width: 63%;float: left;}
.bord_ls .flr span a{color: #333;font-size: 16px;line-height: 27px;height: 27px;display: inline-block;width: 100%;overflow: hidden;}
.bord_ls .flr p{font-size: 14px;color:#999;line-height: 24px;height: 50px;overflow: hidden;}
.bord_two{margin-top:10px}
.bord_two .title{background:#34B7A7}.bord_two .title span{background:none; color: #FFF; float: left; font-size: 16px; padding:0 15px;}.bord_txt{border-bottom: 1px solid #dbdbdb; line-height: 20px; padding: 6px 15px 10px; width: 268px; float:left}
.bord_txt span{color: #333; font-size: 14px;height: 26px; line-height: 26px;}
.bord_txt{color:#999}
.bord_txt p a{color:#F63}
.jobNew_right_bot{width: 100%;float: left;}
.jobNew_right_bot .title {color: #000000;margin: 6px 0;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 100%;border-radius: 8px;margin-bottom: 10px;}
.jobNew_right_bot .title span{width: 100%;float: left;}
.jobNew_right_bot .title span:before{content:"";width: 7px;height: 17px;border-radius: 60px;background: #e8b856;float: left;margin-top: 12px;margin-right: 8px;}

.jobNew_right_bot ul li{float: left;line-height: 44px;width: 100%;height: 44px;overflow: hidden;}
.jobNew_right_bot ul li code{background: #676767;width: 4px;height: 4px;float: left;margin-top: 15px;display: none;}
.jobNew_right_bot ul li a{color: #333;font-size: 15px;}
.jobNew_right_bot ul li:before{content:"1";line-height: 15px;color: #ffffff;width: 16px;height: 16px;font-size: 12px;text-align: center;float: left;margin-top: 15px;margin-right: 7px;background: #e33e42;border-radius: 4px;}
.jobNew_right_bot ul li:nth-child(2):before{content:"2";background: #e7805c;}
.jobNew_right_bot ul li:nth-child(3):before{content:"3";background: #e8b856;}
.jobNew_right_bot ul li:nth-child(4):before{content:"4";background: #c7c7c7;}
.jobNew_right_bot ul li:nth-child(5):before{content:"5";background: #c7c7c7;}

/*banner*/
.floatPic {float: left;width: 100%;height: 246px;overflow: hidden;position: relative;border-radius: 10px;background: #fff;}
.floatPic ul.floatBg {float: left;width: 200%;height: 246px;/* position: absolute; */top: 0px;left: -100%;}
.floatPic ul.floatBg li {float: left;width: 370px;height: 246px;}
.floatPic ul.floatBg li img {width: 370px;height: 246px;}
.floatCont a { float: left;width: 20px;margin-right: 5px;background: none repeat scroll 0% 0% #FFF;height: 5px;}
.floatCont { position: absolute;bottom: 10px; right: 10px;width: 125px; height: 5px; z-index: 9;}
.floatCont em {position: absolute;background: none repeat scroll 0% 0% #0099cc;width: 20px;height: 5px;left: 0px;top: 0px;}

/*jobNewNav*/
.jobNewNav{ width: 100%;background: #f8f8f8;float: left;padding: 10px 0}
.jobNewNav_box{margin: 0 auto;width: 1058px}
.jobNewNav .title{float: left;width: 100%;font: 20px/16px "Microsoft YaHei";color: #000;margin-bottom: 10px;height: 24px;line-height: 28px;}
.jobNewNav li{float: left;margin: 5px;height: 30px;line-height: 30px;border: 1px dotted #DDD;text-align: center;background-color: #fafafa;}
.jobNewNav li a{color: #3665c3;font-size: 14px;float: left;height: 100%;line-height: 30px;width: 92px;}
.jobNewNav li a:hover{ text-decoration:underline; color:#cc0000;}

/* flink*/
.flink{margin: auto;background: #fff;border-radius: 12px;width: 94%;margin-top: 10px;overflow: hidden;padding: 3%;}
.flink ul{width: 1100px;margin: auto;}
.flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #333;}
.flink b:before{content:"";float: left;background: #0099cc;width: 5px;height: 17px;margin-right: 5px;border-radius: 60px;margin-top: 5px;}
.flink b:after{content:"";display: inline-block;background: #eeeeee;height: 2px;width: 226px;margin-left: 15px;}

.flink li{line-height: 22px;color: #b7b7b7;margin: 6px;float: left;}
.flink li:nth-child(1){color: #4586f1;}
.flink li a{color: #888;font-size: 12px;}
.flink li a:hover{color: #4586f1;}


/* footer */
.footer{background-color: #333945;float: left;width: 100%;text-align: center;padding: 8px 0;margin-top: 10px;}
.footer a{line-height: 24px;color: #fff;font-size: 12px;}
.footer p{line-height: 24px;color: #fff;font-size: 12px;}
.footer p a:hover{color:red;}@charset "gb2312";
.wz li {float: left;height: 22px;line-height: 22px;overflow: hidden;}
.wz li a{white-space: nowrap;padding-right: 15px;color: #999;}

.sidetop {left: 50%;margin-left: 540px;margin-top: 350px;position: fixed; width: 54px;z-index: 400;}
.backtop a {background: rgba(0, 0, 0, 0) url("//static.yjbys.com/img/edu/2016/backtop.png") no-repeat scroll 0 0;color: #484848;display: block;height: 90px;width: 22px;}
}