/* CSS Document */

/*

备注：

引用
<Iframe  src="hd.html" width="1420" height="400" marginheight="0" marginwidth="0" scrolling="no"  frameborder="0"></iframe>

模糊
.about img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
	opacity: 0.5;
	padding-left:1px;

}

表格1px
.about table { 
	border-collapse: collapse; 
	border: none; 
} 
.about table td { 
	border: solid #000 1px; 
} 


均分

.abc{
	height:110px;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;	
	align-content:flex-end;
}


文字对齐
多文字
留言
文本两端对齐
留言两端对齐
.index_ysdiv{	
	background:url(../images/ysbj.jpg) no-repeat;
	background-size: cover;全屏
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh; 高背景
	text-align: justify !important; 文本两端对齐
	text-align-last: justify;留言两端对齐
	border-radius: 10px;圆角
	transition: all 0.5s ease-out 0s;动画
	cursor:pointer;手形
	letter-spacing:8px;字间距为8px
	visibility:hidden;占位
	nav ul li:first-child第一个LI
	nav ul li:last-child 最后一个L
	box-sizing:border-box;实际减
	
}

开启3D角度

.m_close img {
	transform-style:preservd-3d;
	transform:rotate(0deg);
	transition:1s;
}

.m_close:hover img{
	transform:rotate(360deg);
}	


.my-headdiv
.hydiv
.hddiv-1
.index-aboutdiv
.index-newsdiv

<!--动画一个animate.min.css，一个wow.min.js-->

图 320*260
	 350*290
	  500*400
	  800*650
动态高亮，
主导航导航[nav:scode]'=='{sort:tcode}
二级导航 [nav:scode]'=='{sort:scode}
  
	  
*/


*{
	margin:0;
	padding:0;
}

@font-face {
	font-family:alfy;
	src: url("../fonts/AlimamaFangYuanTiVF-Thin.ttf");
}

@font-face {
	font-family:algdh;
	src: url("../fonts/zcool-gdh_Regular.ttf ");
}


@font-face {
	font-family:alhp;
	src: url("../fonts/Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf ");
}

@font-face {
	font-family:alhp45;
	src: url("../fonts/Alibaba_PuHuiTi_2.0_45_Light_45_Light.ttf ");
}

@font-face {
	font-family:impact;
	src: url("../fonts/impact.ttf ");
}

.zm{
	font-family: "impact";	
}


body{
	margin:0 auto;
	font-size:12px;
	font-family: "微软雅黑";
	/*background: #FF0000;*/
	overflow-x:hidden;	
}

h1,h2,h3,h4,h5,h6,b{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

em,i,dfn,cite,strong,small{
	font-style:normal;
}
	
ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none;
}


table{
	border-collapse:collapse;
	border-spacing:0;
}

textarea{
	resize:none;
}


/*IE6 去间隙*/	

img{
	border:0;
}

a{
	cursor:pointer;
	text-decoration:none;
	color: #999999;
}

a:hover {
	cursor:pointer;
	text-decoration:none;
	color: #999999;
}

.clear{
	clear:both;
}


.left{
	float:left;

}

.right{
	float:right;

}

.fff{
	color:#FFFFFF;
}


.b{
	font-weight:bold;
}

.p-70{
	padding:70px;
}

.m-70{
	margin:70px;
}

.p-60{
	padding:60px;
}

.m-60{
	margin:60px;
}

.p-50{
	padding:50px;
}

.m-50{
	margin:50px;
}

.p-40{
	padding:40px;
}

.m-40{
	margin:40px;
}


.p-30{
	padding:30px;
}

.m-30{
	margin:30px;
}

.p-20{
	padding:20px;
}

.m-20{
	margin:20px;
}


.p-10{
	padding:10px;
}

.m-10{
	margin:10px;
}

.p-5{
	padding:5px;
}

.m-5{
	margin:5px;
}

.mx-70{
	margin:0 70px;
}



.px-70{
	padding:0 70px;
}

.mx-70{
	margin:0 70px;
}

.px-60{
	padding:0 60px;
}

.mx-60{
	margin:0 60px;
}

.px-50{
	padding:0 50p ;
}

.my-50{
	margin:0 50px;
}

.px-40{
	padding:0 40px;
}

.mx-40{
	margin:0 40px;
}

.px-30{
	padding:0 30px;
}

.mx-30{
	margin:0 30px;
}

.px-20{
	padding:0 20px;
}

.mx-20{
	margin:0 20px;
}

.px-10{
	padding:0 10px;
}

.mx-10{
	margin:0 10p ;
}

.px-5{
	padding:0 5px;
}

.mx-5{
	margin:0 5px;
}

.py-70{
	padding:70px 0;
}

.my-70{
	margin:70px 0;
}

.py-60{
	padding:60px 0;
}

.my-60{
	margin:60px 0;
}

.py-50{
	padding:50px 0;
}

.my-50{
	margin:50px 0;
}

.py-40{
	padding:40px 0;
}

.my-40{
	margin:40px 0;
}

.py-30{
	padding:30px 0;
}

.my-30{
	margin:30px 0;
}


.py-20{
	padding:20px 0;
}

.my-20{
	margin:20px 0;
}

.py-10{
	padding:10px 0;
}

.my-10{
	margin:10px 0;
}

.py-5{
	padding:5px 0;
}

.my-5{
	margin:5px 0;
}

.mt-80{
	margin-top:80px;
}

.pt-80{
	padding-top:80px;
}




.mt-70{
	margin-top:70px;
}

.pt-70{
	padding-top:70px;
}


.mt-60{
	margin-top:60px;
}

.pt-60{
	padding-top:60px;
}


.mt-50{
	margin-top:50px;
}

.pt-50{
	padding-top:50px;
}


.mt-40{
	margin-top:40px;
}

.pt-40{
	padding-top:40px;
}

.mt-30{
	margin-top:30px;
}

.pt-30{
	padding-top:30px;
}

.mt-20{
	margin-top:20px;
}

.pt-20{
	padding-top:20px;
}

.mt-10{
	margin-top:10px;
}

.pt-10{
	padding-top:10px;
}

.mt-5{
	margin-top:5px;
}

.pt-5{
	padding-top:5px;
}


.mb-70{
	margin-bottom:70px;
}

.pb-70{
	padding-bottom:70px;
}


.mb-60{
	margin-bottom:60px;
}

.pb-60{
	padding-bottom:60px;
}


.mb-50{
	margin-bottom:50px;
}

.pb-50{
	padding-bottom:50px;
}


.mb-40{
	margin-bottom:40px;
}

.pb-40{
	padding-bottom:40px;
}

.mb-30{
	margin-bottom:30px;
}

.pb-30{
	padding-bottom:30px;
}

.mb-20{
	margin-bottom:20px;
}

.pb-20{
	padding-bottom:20px;
}

.mb-10{
	margin-bottom:10px;
}

.pb-10{
	padding-bottom:10px;
}

.mb-5{
	margin-bottom:5px;
}

.pb-5{
	padding-bottom:5px;
}


.text-center{
	text-align:center;
}

/*文字两端对齐*/
.text-dq{
	text-align: justify !important; 
}


.f-55{
	font-size:55px;

}

.f-50{
	font-size:50px;

}

.f-45{
	font-size:45px;

}


.f-40{
	font-size:40px;

}

.f-36{
	font-size:36px;

}


.f-32{
	font-size:32px;

}

.f-30{
	font-size:30px;

}



.f-28{
	font-size:28px;

}

.f-25{
	font-size:25px;

}

.f-22{
	font-size:22px;

}


.f-20{
	font-size:20px;

}

.f-18{
	font-size:18px;

}


.f-16{
	font-size:16px;

}


.f-15{
	font-size:15px;

}

.f-14{
	font-size:14px;

}


.f-13{
	font-size:13px;

}

.f-12{
	font-size:12px;

}

/*均分*/

.x-ab{
	display: flex;
	justify-content:center;
}

.x-ac{
	display: flex;
	justify-content:space-between;	
}

.xy-ab{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;	
	align-content:center;
}

.xy-ac{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;	
	align-content:space-between;	
}



/*留言单行对齐*/
.guest-dq{
	text-align-last: justify  !important; 
}


/*多行对齐*/
.text-dq{
	text-align: justify !important; 
}


/*大写*/
.dx {
  text-transform: uppercase;
}

/*小写*/
.xx {
  text-transform: lowercase;
}

/*一行*/
.yh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*两行*/
.lh{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: normal; 
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:2;
}

/*三行*/
.sh{
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: normal; 
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:3;
}



.sjzd-nav a{
	color:#666;
	text-decoration:none;
}


/*间距*/
.let-1{
	letter-spacing: 1px;
}

.let-2{
	letter-spacing: 2px;
}


.lin-2{
	line-height:2
}

.lin-3{
	line-height:3
}

.block{
display: block;
}
.none{
display: none;
}

/*布局*/

.tab0,
.index-tab1,
.index-tab2,
.index-tab3,
.index-tab4,
.index-tab5,
.index-tab6,
.index-tab7,
.index-tab8,
.index-tab9,
.index-tab10,
.abot-tab1,
.abot-tab2,
.abot-tab3,
.abot-tab4,
.abot-tab5,
.abot-tab6,
.abot-tab7,
.abot-tab8,
.abot-tab9,
.abot-tab10,
.prolist-tab1,
.prolist-tab2,
.prolist-tab3,
.prolist-tab4,
.prolist-tab5,
.prolist-tab6,
.prolist-tab7,
.prolist-tab8,
.prolist-tab9,
.prolist-tab10,
.pro-tab1,
.pro-tab2,
.pro-tab3,
.pro-tab4,
.pro-tab5,
.pro-tab6,
.pro-tab7,
.pro-tab8,
.pro-tab9,
.pro-tab10,
.newslist-tab1,
.newslist-tab2,
.newslist-tab3,
.newslist-tab4,
.newslist-tab5,
.newslist-tab6,
.newslist-tab7,
.newslist-tab8,
.newslist-tab9,
.newslist-tab10,
.news-tab1,
.news-tab2,
.news-tab3,
.news-tab4,
.news-tab5,
.news-tab6,
.news-tab7,
.news-tab8,
.news-tab9,
.news-tab10
{
	width:100%;
	min-width:1200px;	
}



.container{
	margin:0 auto;
	width:1200px;
}


.my_bannerdiv{
	width:100%;
	min-width:1920px;	
}

.my_banner{
	margin:0 auto;
	width:1920px;
}
