/* 轮播图 */
.banner {
    width: 1200px;
    margin: 90px auto 0;
}

/* 设置整体大框架 */
.contentOne {
	/* 设置相对定位 */
	/* position: relative; */
	width: 100%;
	height: 405px;
}

.contentOne ul {
	/* 去除标签<ul><li></li></ul>默认加的样式 */
	list-style-type: none;
	/* height: 405px; */
}

.contentOne ul>li {
	width: 1200px;
	height: 405px;

	/* 设置绝对定位 */
	position: absolute;

	/* 设置过度效果 时间为1s */
	transition: 1s;

	/* 设置最大透明度 默认一开始图片为透明的 当下面js加载的时候
		第一张图片设置为不透明
	*/
	opacity: 0;
}

/* 设置每个图片的样式 */
.contentOne ul>li img {
	/* 设置每一张图片的大小 */
	width: 1200px;
	height: 405px;
}

/* 设置轮播图下面的小点 */
.contentOne ol {
	/* 设置相对定位 */
	position: relative;

	/* 设置网格布局 */
	display: grid;

	/* 设置网格布局中的列数及宽度 */
	grid-template-columns: repeat(3, 75px);

	/* 设置网格布局中的行数及宽度 */
	grid-template-rows: auto;

	/* 设置网格行与列之间的间隙 */
	/* 间隙为1em */
	grid-gap: 0.5em;
	gap: 1em;

	/* 右浮动 */
	float: right;

	/* 设置浮点的向上的内边距 */
	margin-top: 355px;

	/* 去除列表样式 */
	list-style: none;

	/* 把图像的上边缘设置在其包含元素上边缘之下0px高的位置 */
	top: 0;

	/* 把图像的左边缘设置在其包含元素上边缘之下0px高的位置 */
	left: 0;
}

.contentOne ol li {
	/* 设置每个小点的大小 */
	width: 25px;
	height: 10px;

	/* 设置里面的文字的大小 */
	font-size: 15px;

	/* line-height 属性设置行间的距离（行高） */
	line-height: 20px;

	/* 浮动左对齐 */
	float: left;

	/* 设置文本居中 */
	text-align: center;

	/* 把表格做成圆点 */
	border-radius: 2em;

	/* 设置圆点的边框 */
	border: 0px solid #af9d9d;
}

.titleSize {
    width: 1200px;
    margin: 3% auto;
}

.titleCN {
	font-size: 35px;
	text-align: left;
}

.titleEN {
	font-size: 10px;
	text-align: left;
}

/* 产品介绍的css */
.jieshao{
	width: 1200px;
	background: #1B1F25;
	height: 780px;
    margin:0 auto;
}
/*.jieshaos{
	width: 80%;
	margin: 0 auto;
}*/
#tablist{
	width: 21%;
	float: left;
    padding-left:2%;
}
#tablist li{
	height: 85px;
	font-size:14px;
	color:rgba(255,255,255,0.5);
	    margin: 85px 0px;
}
#tablist li h4{
	font-size:26px;
	line-height:35px;
}
#tablist li p{
	padding-top: 10px;
}
.content-box{
	width: 77%;
	float: left;
}





#tablist li a{
	color: #777777;
}
#tablist li.tabin {
	
	color:rgba(255,255,255,1);
			   padding-bottom: 10px;
			position: relative;
			padding-left: 15px; 
}
#tablist li.tabin a{
	color:rgba(255,255,255,1);
}
#tablist li.tabin:before{
content: ' ';
    border-left: 2px solid #FE5260;
    display: inline-block;
    height: 33px;
    position: absolute;
    top: 36%;
    left: 0;
    margin-top: -13px;
		}

.content{
	display: none;
    width: auto!important;
}
.contentin {
	display: block;
}
.content h1 {
	font-size:18px;
	margin-bottom:20px;
	margin-top:20px;
}
.content p {
	font-size:14px;
}
.contents{
	width: 462px;
    /*width: 400px;*/
	height: 390px;
	float: left;
}
.contents img{
	width: 100%;
	height: 100%;
}
.contents_shuoming{
    background: rgba(0,0,0,0.5);
    opacity: 0.5;
    border-radius: 5px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    margin-top: -39px;
    padding: 2px 13px;
    margin-left: 10px;
}