html{margin:0;padding:0;border:0;font-family:"Microsoft YaHei";}
*{font-family:"Microsoft YaHei";}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-family:"Microsoft YaHei";}
ul,ol,li{list-style-type:none;}
body{overflow-x:hidden;background:#F2F3F8;}
/*common*/
a{text-decoration: none;color:#666}
*:focus {outline: none;}
a:hover{ color: #836B49;}
input::-webkit-input-placeholder {  color: #ccc; }
input::-moz-input-placeholder {  color: #ccc;  }
input::-ms-input-placeholder {  color: #ccc; }
/* display */
.none { display: none; }
.di { display: inline; }
.table { display:table}
.block  { display: block !important; }
.dib { display: inline-block; }

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

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
.box  {box-sizing: border-box;}

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel,.pr { position: relative; }
.abs,.pa{ position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }
.fs { font-family: "宋体", Helvetica, Arial, sans-serif;  }


/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }
.text-flex{
    display: flex !important;
    align-items:left;
    justify-content: center;
    flex-direction: column;
}


/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clear{clear:both;}

/*table*/
table { width: 100%;border-spacing:0;border-collapse: collapse;}

/* margin */
.m0 { margin:0 !important; }

.ml0 { margin-left: 0}.ml1 { margin-left: 1px; }.ml2 { margin-left: 2px; }.ml5 { margin-left: 5px; }.ml10 { margin-left: 10px; }.ml15 { margin-left: 15px; }.ml20 { margin-left: 20px; }.ml25 { margin-left: 25px;}.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }.mr2 { margin-right: 2px; }.mr5 { margin-right: 5px; }.mr10 { margin-right: 10px; }.mr15 { margin-right: 15px; }.mr20 { margin-right: 20px; }.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px !important; }.mt2 { margin-top: 2px; }.mt5 { margin-top: 5px; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px; }.mt30 { margin-top: 30px; }.mt40 { margin-top:40px; }.mt50 { margin-top:50px; }.mt60 { margin-top:60px; }

.mb1 { margin-bottom: 1px; }.mb2 { margin-bottom: 2px; }.mb5 { margin-bottom: 5px; }.mb10 { margin-bottom: 10px; }.mb15 { margin-bottom: 15px; }.mb20 { margin-bottom: 20px; }.mb25 { margin-bottom: 25px; }.mb30 { margin-bottom: 30px; }.mb40 { margin-bottom: 40px; }.mb50 { margin-bottom: 50px; }.mb60 { margin-bottom: 60px; }

/* padding */
.p0 { padding: 0; }.p1 { padding: 1px; }.p2 { padding: 2px; }.p5 { padding: 5px; }.p10 { padding: 10px; }.p15 { padding: 15px; }.p20 { padding: 20px; }.p30 { padding: 30px; }

.pl1 { padding-left: 1px; }.pl2 { padding-left: 2px; }.pl5 { padding-left: 5px; }.pl10 { padding-left: 10px; }.pl15 { padding-left: 15px; }.pl20 { padding-left: 20px; }.pl30 { padding-left: 30px; }.pl80 { padding-left: 80px; }

.pr1 { padding-right: 1px; }.pr2 { padding-right: 2px; }.pr5 { padding-right: 5px; }.pr10 { padding-right: 10px; }.pr15 { padding-right: 15px; }.pr20 { padding-right: 20px; }.pr30 { padding-right: 30px; }

.pt1 { padding-top: 1px; }.pt2 { padding-top: 2px; }.pt5 { padding-top: 5px; }.pt10 { padding-top: 10px !important;}.pt15 { padding-top: 15px; }.pt20 { padding-top: 20px; }.pt30 { padding-top: 30px; }.pt40 { padding-top: 40px; }.pt50 { padding-top:50px; }.pt60 { padding-top:60px; }.pt70 { padding-top:70px; }.pt80 { padding-top:80px; }

.pb1 { padding-bottom: 1px}.pb2 { padding-bottom: 2px; }.pb5 { padding-bottom: 5px; }.pb10 { padding-bottom: 10px; }.pb15 { padding-bottom: 15px; }.pb20 { padding-bottom: 20px; }.pb30 { padding-bottom: 30px; }.pb40 { padding-bottom: 40px; }.pb50 { padding-bottom:50px; }.pb60 { padding-bottom:60px; }.pb70 { padding-bottom:70px; }.pb80 { padding-bottom:80px; }

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bg_none{background:none !important;}
.bg_red{background:#d10312 !important;}
.bg_red2{background:#cc1000 !important;}
.bg_fff{background:#fff !important;}
.bg_ccc{background:#ccc !important;}
.bg_ddd{background:#ddd !important;}
.bg_eee{background:#eee !important;}
.bg_333{background:#333 !important;}
.bg_444{background:#444 !important;}
.bg_blue{background:#3681f2 !important;}
.bg_f6{background:#f6f6f6 !important;}
.bg_f8{background:#f8f8f8!important;}


/*字体颜色*/
.c_fff,.cf{color:#fff !important;}
.c_000,.c0{color:#000 !important;}
.c_333,.c3{color:#333 !important;}
.c_666,.c6{color:#666 !important;}
.c_999,.c9{color:#999 !important;}
.c_ccc,.cc{color:#ccc !important;}
.c_ededed{color:#ededed !important;}
.c_red{color:#cf0408 !important;}
.c_blue{color:#3681f2 !important;}

/*字体大小*/
.font_12,.f12{font-size:12px !important;}
.font_14,.f14{font-size:14px !important;}
.font_16,.f16{font-size:16px !important;}
.font_18,.f18{font-size:18px !important;}
.font_20,.f20{font-size:20px !important;}
.font_22,.f22{font-size:22px !important;}
.font_24,.f24{font-size:24px !important;}
.font_26,.f26{font-size:26px !important;}
.font_28,.f28{font-size:28px !important;}
.font_30,.f30{font-size:30px !important;}
.font_35,.f35{font-size:35px !important;}
.font_40,.f40{font-size:40px !important;}

/*英文小写转大写*/
.uppercase{ text-transform: uppercase;}

.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls5{letter-spacing: 5px;}

/*宽度*/
.w100{width:100%}
.w95{width:95%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w33{width:33%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w10{width:10%}


.blank50{height:50px;width:100%}
.blank40{height:40px;width:100%}
.blank30{height:30px;width:100%}
.blank20{height:20px;width:100%}
.blank10{height:10px;width:100%}


/*行高*/
.lh_12,.lh12{line-height:12px !important;}
.lh_14,.lh14{line-height:14px !important;}
.lh_16,.lh16{line-height:16px !important;}
.lh_18,.lh18{line-height:18px !important;}
.lh_20,.lh20{line-height:20px !important;}
.lh_22,.lh22{line-height:22px !important;}
.lh_24,.lh24{line-height:24px !important;}
.lh_26,.lh26{line-height:26px !important;}
.lh_28,.lh28{line-height:28px !important;}
.lh_30,.lh30{line-height:30px !important;}
.lh_35,.lh35{line-height:35px !important;}
.lh_40,.lh40{line-height:40px !important;}
.lh_50,.lh50{line-height:50px !important;}

/*角边颜色*/
.bnone{border:none !important;}
.b_ccc,.bc{border:#ccc 1px solid !important;}
.b_999,.b9{border:#999 1px solid !important;}
.b_666,.b6{border:#666 1px solid !important;}
.b_666,.b6{border:#666 1px solid !important;}
.b_eee,.be{border:#eee 1px solid !important;}
.b_red{border:#cf0408 1px solid !important;}

/*圆角边*/
.br5{border-radius:5px;}.br10{border-radius:10px;}
.br15{border-radius:15px;}.br20{border-radius:20px;}
.br25{border-radius:25px;}.br30{border-radius:30px;}
.br35{border-radius:35px;}.br40{border-radius:40px;}
.br45{border-radius:45px;}.br50{border-radius:50px;}
.nowrap {
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}
.lhxs{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.wrap,.width{width:1180px}
.con{width:1200px;margin:0px auto;}
.list_title{width:1180px; margin-left:-600px; left:50%;    bottom: 38%; font-size: 46px; color: #fff; line-height: 58px;}
.local{padding:30px 0;}
.local,.local a{	color:#333;font-size:14px;}

/*根据页面新增颜色**/
.bg_auto{background:#836B49}
.c_auto{color:#836B49}
.border_auto{border:#836B49 1px solid }
.space {display: flex; font-size: 16px; width: 100%; justify-content: space-between;align-items: center;}


.div_flex{display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-between;
}


.big_text{text-decoration: dashed;width:440px; height:440px; line-height:70px; font-size:24px; color:#f0f2f1}
.big_text p{border-bottom:1px dashed #999;font-size:21px;    letter-spacing: 6.5px;}
.pc_none{display:none;}

.top{
    width:100%;
    height:100px;
    position: fixed;
    background:rgba(16, 3, 3, 0.6);
    box-shadow:0px 3px 5px rgba(51, 51, 51, 0.85);
    top: 0px;
    z-index: 3;
}
.topbg{
    width:100%;
    height:20px;
    background:url(https://www.casl.org.cn/images/theme/topbg.png) repeat-x;
    position: relative; display:none;
    z-index: 6;
}
.top_width{
    width:1200px;
    margin:0px auto;
}
.logo{
    float:left;
    padding-top:7px;
}

.top {
    width: 100%;
    height: 80px;
    background: #1084c0;
    position: relative;
    z-index: 6;
}

.topbg {
    width: 100%;
    height: 10px;
    background: url(https://www.casl.org.cn/images/theme/topbg.png) repeat-x;
    position: relative;
    z-index: 6;
}

.top_width {
    width: 1200px;
    margin: 0px auto;
}

.logo {
    float: left;
    padding-top: 8px;
}

.nav {
    float: right;
}

.nav ul li {
    float: left;
    width: 120px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative;
}

.nav ul li.on {
    width: 100px;
    background: #fff;
    position: relative;
    right: 2px;
}

.nav ul li.on a {
    color: #1084c0;
}

.nav ul li a {
    font-size: 18px;
    text-decoration: none;
    color:#FFF
}

#nav_line {
    width: 0px;
    height: 28px;
    background: #fff;
    position: absolute;
    right: 1px;
    top: 33px;
}



.click_menu{ line-height:45px; font-size:16px; font-weight:bold; display:none; /*background: #FFF;box-shadow: 0px 0px 5px #555; */ margin-bottom: 0px !important; position: fixed; top: 0px;z-index:999;right:0px;padding-top:20px;}
.click_menu .c_menu{display:inline-block;height:26px;width:26px;line-height:26px;padding-left:14px;font-size:12px;background:url(https://www.casl.org.cn/images/theme/m_right.png) no-repeat -36px 0px;    background-size: 62px;}
.click_menu .phone{display:inline-block;width:26px;height:26px;margin-right:12px;background:url(https://www.casl.org.cn/images/theme/m_right.png) no-repeat 0 0px;    background-size: 62px;}

.backtotop{  position: fixed; bottom: 80px;left: 40px;z-index:2; width:174px; height:360px;}
.backtotop a{background:url(https://www.casl.org.cn/images/theme/backtop.png) no-repeat top center; width:60px; height:60px;display: inline-block; }

@media (min-width: 1200px) and (max-width: 1440px){
    .backtotop{ left:0px; z-index:2; width:100px; height:auto;}
    .backtotop img{width:100%;height:auto;}
}

.footer1{ background:#272a31}
.footer2{ background:url(https://www.casl.org.cn/images/theme/footer.jpg) no-repeat top center; height: 185px}
.footer3{ background:#2d343d}
.foot1{ background:url(https://www.casl.org.cn/images/theme/logo3.png) no-repeat left center; height:33px;line-height:33px;padding-left:42px;}
.footer2 a{color:#fff;   font-size:15px; margin-right: 40px;}
.footer2 a:hover{text-decoration: underline;}
.foottext{border-right:1px solid #41464A;min-height:180px}
.foottext .container ul li a{color:#878787}
.foot_info li{width:100%;display:table; margin-bottom:16px;}
.foot_info p{float:left;min-height:20px; line-height: 20px;  padding-left: 10px;  width: 85%;}