@charset "UTF-8";

/*common*/
html{color:#000; }
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
a{ text-decoration: none; }
body{ font-size: 14px; font-family: "Microsoft YaHei"; /*background: url(banner.png) no-repeat center top; background-color: #fff;*/ }
.clearfix:after{ content: ""; display: block; clear: both;visibility: hidden; height: 0; font-size:0;}
.clearfix{ zoom:1; }
.fl{float: left;}
.mg40{ margin-right: 40px; }
.mt40{ margin-top: 40px; }
.mt15{ margin-top: 15px; }

/*banner*/
.banner{ height: 560px; background: url(banner.png) no-repeat center top;}

/*内容*/
.contentwarp{ width: 1200px; margin:0 auto; /*height: 800px;*/ padding: 40px ; border:1px solid #ebebeb; overflow: hidden; box-shadow: 0 5px 15px rgb(0 0 0 / 30%);
	position: relative; top:-100px; box-sizing: border-box; background-color: #fff;}

/*宣传片*/
.publicityColomW{ position: relative; height: 80px;  }
.publicityBLine{  border-bottom: 1px solid #317ada;height: 30px;  }
.ztVideoWrap{ background-color: #000; border-radius: 8px; }
.pubColomName{ width: 176px; position: absolute; top:7px; left: 50%; margin-left: -85px;  background-color: #fff; text-align: center;  }
.pubColomName > a{ font-size: 30px; font-weight: 800;  color: #317ada; }

/*行业标准*/
.rtStandard{ float: left; box-shadow: 7px 7px 7px #f7f7f7;}
.countryStandard{ float: right; box-shadow: 7px 7px 7px #f7f7f7;}


/*newsListCommon*/
.listColomnTitW{ height: 40px; background: url(columeBg.png) repeat-x 0px 10px; }
.listcommon{ float: left; margin-top: 20px; margin-bottom: 20px; width: 538px; }
.colomnName{ padding-right: 25px; color: #136bd7; display: inline-block; background-color: #fff; font-size: 30px; font-weight: 800; }
.newsIcon{color:#000; display: inline-block; width: 22px; text-align: left;}
.theoryWrap{ float: left; width: 580px;  overflow: hidden; margin-bottom: 10px;}
.morelinkWrap{ float: right; margin-top: 10px; padding-left:10px; display: inline-block; background-color: #fff;}

.lxgl{ margin-right: 40px; }
.gzzd{ margin-right: 40px; }

.columHeadWrap{ text-align: center; }
.comList{ background-color: #fff; padding: 25px; box-sizing: border-box; width: 580px; height: 360px; position: relative;}
.listcommon ul{ margin-top: 20px; }
.listcommon ul li{ line-height: 30px; }
.listcommon ul li a{font-size: 16px; color: #000; letter-spacing:1px;}
.listDate{ color: #9b9b9b; padding-left: 10px; float: right; font-size: 16px;}

.morelink{ position: absolute; right: 20px; width: 60px; line-height: 30px;}
.morelink > a{ color: #e58e40; font-size: 16px; }

/*理论学习改*/
.theoryAfterW{ overflow: hidden; margin-bottom: 10px; }
.comListAfter{ background-color: #fff;  box-sizing: border-box; width: 100%; height: 360px; padding:60px 150px;  margin: 0 auto;}
.comListAfter ul li{ display: block;  line-height: 34px; }
.comListAfter ul li a{font-size: 16px; color: #000; letter-spacing:1px;}

.threeImgWrap a:first-child{ margin-right: 30px; }
.threeImgWrap a:first-child+a{ margin-right: 30px; }

/*=============footer=============*/



/*=============移动=============*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner{ height: 17rem; background-image: url(phoneBanner.png); background-size: contain;}

	.contentwarp{ width: 100%;  padding: 1.5em; box-sizing: border-box; border:none; box-shadow: none;}
	.ztVideoWrap video{ width: 100%; height: auto; }
	.StandardWrap img{ width: 100%; }
	.listcommon{ width: 100%; }
	.countryStandard{ margin-top:1rem; }
	.listcommon ul li{ overflow: hidden; position: relative;}
	.listcommon ul li a{ position: absolute; left: 1em; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; right:5em; }
	
	.threeImgWrap a{margin-right: 0; }
	.threeImgWrap a img{ width: 100%; margin-top:1rem; }
}