html,body,p,ul,li,h1,h2,h3{ padding:0; margin:0; text-indent: 0; list-style: none;}
/*公共css设置*/
body {
  font-size: 18px;
  font-size: 0.18rem;
  font-family: "微软雅黑",Arial, Helvetica,sans-serif;
  /* 12÷10=1.2 */
  color: #333333;
  /*width: 6.4rem;*/
}
a,a:visited {
  text-decoration: none;
  color:#000;
}
a:hover {
  text-decoration: none;
  color:#000;
}
body a,body a:visited, body a:hover {
  text-decoration: none;
}
img {
  /*取消图片具有超链接在低版本浏览器中的边框问题*/
  /*display: block;*/
  border: none;
  max-width: 7.5rem;
}
a{ text-decoration:none;color:#000;}
.w710{
	width: 7.1rem;
	margin: 0 auto;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #eee;
}
#main_container{
	width: 7.5rem;
	margin: 0 auto;
	padding: 0;
}
#main_container img{
	max-width: 750px;
	max-width: 7.5rem;
}
.doc_leftTabBox{
	margin: 0.2rem auto;
}
.doc_leftTabBox .hd{ 
	height:0.6rem; 
	line-height:0.6rem; 
	padding:0 0.1rem; 
	font-size:0.26rem; 
	position:relative;
	margin: 0.3rem auto;
}
.doc_leftTabBox .hd ul{ 
	position:absolute; 
	top:0; 
	overflow:hidden;  

}
.doc_leftTabBox .hd ul li{ 
	float:left; 
	width:1.45rem;
	text-align: center;
	border: 1px solid #1771c2;
	line-height: 0.5rem;
}
.doc_leftTabBox .hd ul li:nth-child(2){
	border-left:none;
	border-right: none
}
.doc_leftTabBox .hd ul li a{
	color:#1771c2; 
}
.doc_leftTabBox .hd ul .on{ 
	background:#1771c2;  
}
.doc_leftTabBox .hd ul .on a{ 
	display:block;
	color: #fff;
	line-height: 0.5rem;
}
.col1{
	margin-bottom: 0.5rem;
}
.col1 h2{
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #323232;
	margin: 0.2rem auto;
}
.col1 h2 a{
	display: flex;
}
.col1 h2 span,.col2 h2 a,.col3 h2 a, .col4 h2 p{
	font-size: 0.3rem;text-indent: 2
}
.col1 h2 span{
	display: inline-block;
	width: 6rem;
}
.col1 h2 img{
	width: 1rem;
	height: 100%;
	margin-right: 0.1rem;
	vertical-align: top;
	display: inline-block;
	flex-shrink: 0;
}
.col1 .img img{
	width: 100%;
	margin-top: 0.3rem;
}
.col1 .col1_cont em{
	display: inline-block;
	width:0.5rem;
	height: 0.3rem;
	font-size: 0.17rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #d33d3e;
	text-align: center;
	line-height: 0.3rem;
	font-style: normal;
	border: 1px solid #d33d3e;
	margin-right: 0.2rem;
  white-space: nowrap;
}
.col1 .col1_cont.hot{
	display: flex;
}
.col1 .col1_cont p{
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0px;
	color: #787878;
	vertical-align:top;
	overflow: hidden;
}
.col1 .col1_cont p a{
	font-size: 0.18rem;
	color: #787878;
	display: block;
}
.col1 .hot p{
	display: inline-block;
	width: 6.3rem;
}
.col1 .col1_cont p span{
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0px;
	color: #787878;
	float: right;
}
.img_big img{
	width: 1.77rem!important;
}
.img_big p{
	width: 5.2rem!important;
}

.col2 {
	padding-top: 0.1rem;
}
.col2 h2{
	font-size: 0.3rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #323232;
}
.col2 h2 span{
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #787878;
	float: right;
	line-height: 0.6rem;
}
.col2 iframe,.col2 video{
	margin: 0.3rem auto 0;
	width: 7.1rem;
	height: 3.5rem;
}

.col3,.col4{
	margin: 0.5rem auto;
}
.col3 h2,.col4 h2{
	font-size: 0.3rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #323232;
}
.col3 .cont_fl{
	display: inline-block;
	width: 4.9rem;
}
.col3 .cont_fl img{
	width: 1.3rem;
	margin:0.1rem 0.4rem 0.1rem 0;
	vertical-align: middle;
}
.col3 .cont_fl span,.col4 .cont_fr p span{
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	vertical-align: middle;
	letter-spacing: 0px;
	color: #787878;
}
.col3 .cont_fl>p,.col4 .cont_fr>p a{
	font-size: 0.18rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0px;
	color: #787878;
	margin-top: 0.1rem;
	overflow: hidden;
}
.col3 iframe,.col3>img,.col3 video{
	width: 2.2rem;
	height: 1.6rem;
	float: right;
}

.col4{
	position: relative;

}
.col4 .img_fl{
	width: 3rem;
	height: 1.6rem;
	border-radius: 5px;
	display: inline-block;
	vertical-align:top;
}
.col4 .cont_fr {
	width: 4rem;
	display: inline-block;
}
.col4 .cont_fr img{
	width:0.95rem;
	vertical-align: top;
	margin-right: 0.1rem;
}
.col4 .cont_fr h2 span{
	width: 2.9rem;
	display: inline-block;
}
.col4 .cont_fr p span{
	position: absolute;
	right: 0;
	bottom:0;
}
.hr{
	width: 7.1rem;
	height: 4px;
	margin: 0 auto;
	background-color: #b5b5b5;
	opacity: 0.3;
}
.box4 h2 img{
	width: 2rem;
	margin-top: 0.1rem;
}
.box4 h2 span{
	width: 5rem;
}


@media screen and (min-width:750px){
    html{font-size:100px;}
}
@media screen and (min-width:414px) and (max-width:639px){
    html{font-size:55px;}
}
@media screen and (min-width:375px) and (max-width:413px){
    html{font-size:50px;}
}
@media screen and (min-width:320px) and (max-width:374px){
    html{font-size:45px;}
}
