@CHARSET "UTF-8";

/* 通用  */

   /*重置*/



.first_text{text-indent:35px}

.cf-content{width:1200px;margin:0 auto;}

.left{float:left;}

.right{float:right;}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 

.clearfloat{zoom:1}

.head{cursor:pointer;}

.bold{font-weight:bold;}

.red{color:red;}

/*水平居中*/

.center{text-align: center} 

.justify{text-align: justify} 

/*a变快*/

.right_cont a{display: block}

/*不计算宽高*/

*{font-family: 微软雅黑}

*{-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;} 

/*多行溢出*/

.overflow{display: -webkit-box;

	 

  overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;}

.overflow2{display: -webkit-box;

	overflow: hidden;

	 text-overflow:ellipsis; 

  -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;}

.overflow3{word-break:keep-all;           /* 不换行 */

    white-space:nowrap;          /* 不换行 */

    overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */

    text-overflow:ellipsis; 

	-webkit-box-orient: vertical;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

    -webkit-line-clamp: 3;

}

/*字体大小px*/

.size_12{font-size: 13px;}

.size_14{font-size: 14px;}

.size_16{font-size: 16px;}

.size_18{font-size: 18px;}

.size_20{font-size: 20px;}

.size_22{font-size: 22px;}

.size_24{font-size: 24px;}

.size_26{font-size: 26px;}

.size_28{font-size: 28px;}

.size_30{font-size: 30px;}

.size_32{font-size: 32px;}

.size_34{font-size: 34px;}

.size_38{font-size: 38px;}

.size_40{font-size: 40px;}

.size_42{font-size: 42px;}

.size_44{font-size: 44px;}

.size_46{font-size: 46px;}

.size_48{font-size: 48px;}

.size_50{font-size: 50px;}

/*常规颜色*/

.color_0{color: #000}

.color_10{color: #1a1a1a}

.color_20{color: #333}

.color_30{color: #4d4d4d}

.color_32{color: #818181}

.color_40{color: #666}

.color_50{color: #808080}

.color_60{color: #999}

.color_70{color: #b3b3b3}

.color_80{color: #cccccc}

.color_90{color: #e5e5e5}

.color_100{color: #fff}

.color_96{color: #f5f5f5}

/*字体加粗*/

.weight_0{font-weight: normal}

.weight_700{font-weight: 700}

.weight_600{font-weight: 600}

.weight_600{font-weight: 500}

/*块*/ 

.block{display: block}

.inline-block{display: inline-block}

/*行高*/

.line_1{line-height: 1}

.line_15{line-height: 1.5}

.line_18{line-height: 1.8}

.line_2{line-height: 2}

.line_3{line-height: 2}

/*填充*/ 

.patopbottom_10{padding:  10px 0;}

.paleftright{padding: 0 10px;}

.paleftright20{padding: 0 20px;}

.paright{padding-right: 10px;}

.paleft{padding-left: 10px;}

.patop{padding-top: 10px;}

.paleft20{padding-left: 20px;}



/*边角*/

.radius{border-radius: 50%}

/*宽*/

.width_100{width: 100%;}

/*首行缩进*/

.indent{text-indent: 1em;}

.indent2{text-indent: 2em;}

.margtop2{margin-top:2rem;}

.margtop4{margin-top:4rem;}

.margtop6{margin-top:6rem;}

.am-g-fixed{ max-width: 1200px;margin: 0 auto}



.video-title{text-align:center;color:#444;font-size:24px;margin-bottom:5rem;}

.videolist-title{font-weight:bold;font-size:22px;margin-bottom:2rem;}



/* 底部固定导航20210622added by syh */

 @media screen and (max-width: 750px) {

        .social_nav5{height:6.5rem;position:fixed; bottom:0; min-width:320px; max-width:1020px; width:100%;  z-index:999; 

background: rgba(14,30,63,0.8);}



.social_nav5 li{ width:25%; float:left; position:relative;border-right:1px solid #2f3335;border-left:1px solid #4e4e4e; font-size:1.5rem; text-align:center; color:#fff;line-height:1rem; height:5rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

.social_nav5 li:last-child{border-right:none;}

.social_nav5 li em{ width:35%; display:block; margin:0 auto; padding:0.7rem 0 0.5rem 0;}

.social_nav5 li a{ color:#fff;}

.social_nav5 li.cur{ color:#fff;}

.social_nav5 li .erji{ position:absolute; bottom:5rem; left:0; width:100%; text-align:left; background:#3d3d3d; display:none; }

.social_nav5 li .erji a{ display:block; border-bottom:1px solid #4e4e4e; font-size:1rem; height: 2.5rem; line-height:2.5rem;position:relative; text-align:center;  color:#fff;}

.social_nav5 li .erji a:last-child{border-bottom:none;}

       

     

       }





/*底部结束*/