﻿/* CSS Document */
*{margin:0;padding:0;}
body {
	margin:0;
	background:#f8f7f7;
	font-size:14px;
}

body img{border:none; max-width:100%;}
html, body {-webkit-user-select: text;}
html, body {-webkit-user-select: text;}
* {
    -webkit-touch-callout:text;
    -moz-touch-callout:text;
    -ms-touch-callout:text;
      touch-callout:text;
 }


#layout{ max-width:100%; margin:0 auto; overflow:hidden;}

title-wrap {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box; }
.top1{text-align: center;}
.top{text-align:center;position:relative;height:65px;background-image: linear-gradient(0deg, #ffffff,#f0f0f0);line-height:70px; font-size:20px; font-weight:bold;color:#7f8585;border-style: none none solid none;border-width: 0px 0px 1px 0px;border-color: #F0F0F0;}
.top a.ret{position:absolute;top:0; left:2%;width:50px; height:80px; display:block; background:url(../img/ret_nor.png) no-repeat center; background-size:auto 50px;}
.top a.ret:hover{ background:url(../img/ret_pre.png) no-repeat center;background-size:auto 50px;}
.top a.search{float:right;width:50px; height:80px;background-size:auto 50px;display:block;}
.top a.search:hover{ ackground-size:auto 50px;}

.conter{width:100%;}
.contop{position:relative;width:100%; height:280px;}
.contop .topimg1,.contop .topimg2,.contop .topimg3{position:absolute; text-align:center; line-height:180%;}
.contop .topimg1{left:2%; top:52%;}
.contop .topimg1 a{ color:#a4cb4e; font-weight:bold; font-size:16px;}
.contop .topimg2{ left:40%; top:10%;}
.contop .topimg2 a{ color:#d13451; font-weight:bold; font-size:16px;}
.contop .topimg3{ right:2%; top:52%;}
.contop .topimg3 a{ color:#cc7f1a; font-weight:bold; font-size:16px;}

.conter .img1,.conter .img2,.conter .img3,.conter .img4,.conter .img5,.conter .img6,.conter .img7{width:102px; height:160px; text-align:center; color:#666;}
.conter .img1 img,.conter .img2 img,.conter .img3 img,.conter .img4 img,.conter .img5 img,.conter .img6 img,.img7 img{ width:90px; height:90px;}
.conter a{color:#666; text-decoration:none;}
.conter a:hover img{filter:alpha(opacity=70);  /*支持 IE 浏览器*/-moz-opacity:0.70; /*支持 FireFox 浏览器*/opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/ }

.conter .img1{position:absolute; bottom:20%; left:45%;}
.conter .img2{position:absolute; top:38%; left:10%;}
.conter .img3{position:absolute; top:32%; right:8%;}
.conter .img4{position:absolute; top:55%; right:10%;}
.conter .img5{position:absolute; top:20%; right:60%;}
.conter .img6{position:absolute; bottom:28%; left:12%;}
.conter .img7{position:absolute; top:18%; right:28%;}

.conter .img1 img,.conter .img4 img,.conter .img6 img,.conter .img1,.conter .img4,.conter .img6{width:70px; height:70px;}
.conter .img2 a,.conter .img5 a,.conter .img3 a,.conter .img7 a{ color:#FF0000}
/*二级*/
h1{ margin:1% 0; color:#999; font-size:16px;font-family:"微软雅黑"; padding-left:2%;}
.conlist{}
.conlist li{float:left; list-style:none;  text-align:center;font-family:"微软雅黑";}
.conlist li img{ width:110px; height:110px;}

/*列表*/
.listbox{ position:relative;width:100%;}
.listbox:after{ clear:both; content:""; display:block;}
.listbox .list{ margin:0 4%; padding:0% 0;font-family:"微软雅黑";}
.listbox .list .list_title{line-height:160%; padding:0 2%; font-size:11px;color:#d13451;}
.listbox .list .list_title span{float:right;display:block;width:29px;height:45px;}
.listbox .list .list_title span.close{background:url(../img/list_icon2.png) no-repeat center;background-size:auto 25px;}
.listbox .list .list_con{ padding:1% 2%;}
.listbox .list .none{ display:none;}
.list_con ul{list-style:none;}
.list_con ul li{ line-height:100%;font-size:16px; color:#666;background:url(../img/dian.png) no-repeat center left; background-position:0 8px; text-align:center;}
.list_con ul li pre{ padding-left:3%; text-align:left;}
.list_con ul li p{ padding-left:3%; text-align:left;}
.list_con ul li img{ margin:4% auto; min-height:200px;}











