body{font-family: "microsoft yahei";line-height: 2; margin: 0; padding: 0; font-size: 16px; color: #333; text-align: justify;}
ul,li,h3,dl,dt,dd,i,tr,td,p{margin: 0; padding: 0; list-style: none; border: 0;}
table{border-collapse: collapse; border: none;margin: auto;} 
td{border: solid #000 1px;}
a{color: #333; text-decoration: none;}
a:hover{text-decoration: none;}
img{max-width: 100%;width: auto\9!important;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container{
  width: 1300px;
 
  margin: auto;
} 
.full-container{
	width: 100%;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clear{
  clear: both;
}
/* 垂直居中 */
.middle {
     display: flex;
                align-items: center; /*定义body的元素垂直居中*/
                justify-content: center; /*定义body的里的元素水平居中*/
}
/* 单行超出。。。 */
.over{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/* 多行超出。。。 */
.over2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.over3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.over4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.over5{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

/*鼠标经过出现阴影*/
.hover-shadow{
	position: relative;
	top: 0;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}
.hover-shadow:hover{
	top: -5px;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
	box-shadow:0px 0px 18px 7px #cfcfcf;
}
/*鼠标经过出旋转360°*/
 .hover-360{
            transition: All 0.3s ease-in-out;
            -webkit-transition: All 0.3s ease-in-out;
            -moz-transition: All 0.3s ease-in-out;
            -o-transition: All 0.3s ease-in-out;
        }

.hover-360:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.news{margin-top: 40px;}
.news li{border-bottom: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; margin: 15px 0px;}
.news li img{float: left; width: 280px; height: 175px; padding-right: 20px;}
.news li h3{font-size: 18px; font-weight: bold; color: #2C2C2C; line-height: 35px;}
.news li span{color: #999; font-size: 12px;}
.news li .shijian{background: url(../img/shijian.png) left no-repeat; padding-left: 24px; margin-right: 20px;}
.news li .liulan{background: url(../img/liulan.png) left no-repeat; padding-left: 24px; }
.news li .gd{float: right;}




/* .prolist{margin-left: -30px;}
.prolist li{width: 335px; float: left; margin-left: 30px; margin-top: 20px; text-align: center;}
.prolist li img{width: 335px; height: 250px;}
 */
.zycon{min-height: 600px;}
#c_right_content
{ 
  padding-top:30px;
}
#a_title
{
  font-size:24px;
  color:#333;
  line-height:40px;  
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#a_info
{
  border-bottom:1px dashed #ccc;
  margin-bottom: 20px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  line-height:30px;
  position: relative;
}
#a_info span
{
  font-size:14px;
  color:#666;
  margin-right:15px;
}
#a_content
{
  
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:15px #FAFCFE solid;
  min-height:200px;
}
.lujing{border-bottom:1px solid #ccc; line-height: 40px; margin-bottom: 10px; padding-left: 20px;}
.video{width: 600px; margin: auto;}
.page {text-align: center;clear: both; padding: 20px;}
.page span.close,
.page strong,
.page a {display: inline-block;padding: 3px 3px;margin-right: 10px;}
.selfpage{background:  #d22e2f; color: #fff;}
.selfpage a{color: #fff;}
.close{float: none; font-size: 14px; font-weight: normal; opacity: 1;}
#a_list
{
  
  margin-left:auto;
  margin-right:auto;
}
#a_list li
{
  padding-left:5px;
  border-bottom:1px dashed #D8D8D8;
}
#a_list li a
{
  color:#333;
  font-size:15px;
  line-height:40px;
  font-size:'宋体';
  padding-left:17px;
  background:url('../img/go.gif') no-repeat left center;
}
#a_list li a:hover
{
  color:#000;
  text-decoration:underline;
}
#a_list li span
{
  width:120px;
  font-size:14px;
  line-height:40px;
  float:right;
  color:#06C;
}

.sy{text-align: center; clear: both;}
.sy a{margin-right: 20px; }



#moquu_top,#moquu_wxin,#moquu_wshare {
  z-index:2;
  width:30px;
  height:30px;
  right:10px;
  position:fixed;
  cursor:pointer;
  _position:absolute;
  _bottom:auto;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

.prolist{margin-left: -30px;}
.prolist li{width: 335px; float: left; margin-left: 30px; margin-top: 20px; text-align: center;}
.prolist li img{width: 335px; height: 250px;}

#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}

/* 手机 */
@media (max-width:768px){
	div{box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */}
	.container{
	  
	  margin: auto;
	 
	  padding-left: 15px;
	  padding-right: 15px;
	  width: calc(100% - 30px);
	} 	
	
	.hidden-wap{
		display: none;
	}
	.sjfoot{width: 100%;height: 65px;color: #FFF;}
	    .sjfoot a{color: #FFF;}
	    .sjfoot .menus{background: #25333e; width: 100%;height: 65px;font-size: 14px;padding:  0; position: fixed; bottom: 0}
	    .sjfoot .menus .iconfont{font-size: 20px;}
	    
	    .pull-left{width: 25%; float: left; text-align: center;}
}
/* 电脑 */
@media (min-width:768px){
	.col-pc-6{width: 50%; padding-left: 15px; padding-right: 15px; float: left;}
	
	.hidden-pc{
		display: none;
	}
}
