@charset "utf-8";
/* CSS Document */

body{margin:0; background:url(../images/ap.jpg); font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.clean{clear:both;}
h1{display:none;}
.head{  float:left;  width:919px; background: url(../images/index/head-bg.jpg);  float: none;   width: 100%;  height: 122px;   position: relative; background-size: cover; }
.head img{ float:left; float:none; }
.head-logo{ margin-top: 18px; }
.head a{ display: inline-block; }
.head-nav{ position: absolute; right: 30px; bottom: 18px;}
.head-nav a{ display: inline-block; vertical-align: top;  -webkit-filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 60%));
    filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 60%)); }

.head-nav a:first-child{ margin-right: 13px;}


.head-nav img{ width: 100%; }
.head02{ float:right; width:53px;  height:21px;padding:5px 0 0 16px; color:#333333; background:url(../images/index/icon_01.jpg) no-repeat;}
.head02 a,head02 a:hover{ text-decoration:none; color:#333333; }
#container{margin:auto; width:919px; background-color:#FFFFFF;}
.flash{ float:left;width:919px; height:271px;}

#wrap{ float:left; width:734px; height:172px; background-color:#FFFFFF; margin-top:14px; _margin:0px; width: 707px; }
#wrap ul li{ float:left; height:172px;  width:215px;  background:url(../images/index/pic_07.jpg) no-repeat center; float: none; display: inline-block; vertical-align: top; position: relative;}

#wrap ul li .pic{ float:left;  width:140px; float: none;  display: block;  margin: auto; }
#wrap ul li a{ display: block;}
.jcarousel-btn{ text-align: center; width:215px; margin: auto;}

#picture{
	float:left;
	width:919px;
	height:172px;
	background-color:#FFFFFF;
	margin-bottom:30px;
	width: 100%;
}
.pro-btn{ text-align: center; width:215px; margin: auto; }

#picture ul li{ float:left; height:172px;  background: url(../images/index/pic_07.jpg) no-repeat center;  /* float: none; */display: inline-block;  vertical-align: top;  position: relative; text-align: center;}

#picture ul li .pic02{float:left; width:140px; float: none; /*text-align: center; */ margin: auto; display: block; }
#picture ul li a{  display: block; }


.index_pro{float:left;color:#000; width:207px;  text-align:left; font-weight:bold; line-height:30px; text-align:center; float: none; display: block; margin: auto; }

.index_pro a,index_pro a:hover{color:#000; font-weight:bold; }

.search{float:right; width:176px; height:159px; background:url(../images/index/pic_08.jpg) no-repeat; margin:21px 0 0 0; _margin:10px 0 0 0;padding-top:14px; position:relative; }

.search_tex{ border:#CCCCCC 1px solid; background:#FFFFFF; color:#333333; width:141px; line-height:18px; margin-left:19px;}
.search_tex02{  color:#333333; width:141px; line-height:18px; margin:8px 0 0 19px;}

.search_icn{ float:left; margin:0 0 6px 19px;_margin:0 0 3px 9px; }

.idxform-title{ font-family: 'Arial'; font-weight: 900; font-size: 22px; text-shadow: 2px 3px 4px rgba(0,0,0,0.4); display: none; }

.index_search{ position:absolute; width:155px; top: 116px; left:11px; }
.index_search .all{ float:left; width:155px; margin-bottom:5px; }
.index_find{ float:left;width:120px; border:#666 1px solid; height:18px;}
.index_icn{float:left; margin-left:5px;}

.footer{ float:left; width:899px; height:56px; padding-left:20px; background:url(../images/index/pic_09.jpg) no-repeat; color:#FFFFFF;padding-top:10px;margin-top:12px; margin-top:30px;}

.footer a,footer a:hover{color:#FFFFFF; text-decoration:none;  }

#coverslide {
    overflow: hidden;
	position:relative;
    width: 919px;
    height: 271px;
	z-index:10;
}


#coverslide-nav-wrapper {
	position:absolute;
	top:370px;
	left:1130px;
	width:138px;
	height:15px;
	z-index:999;
	}

#coverslide-nav-wrapper ol {
	height: 14px;               /* hasLayout for IE */
    /*margin: -3px 0 0 105px;*/
}


#coverslide-nav-wrapper ol li {
	float: left;
	width: 18px;
	height: 15px;
	margin-right: 7px;
	
	
	
}

#coverslide-nav-wrapper ol li a {
	display: block;
	line-height: 14px;
    border: 1px solid #fff;
    background-color: #999;
	color:#fff;
	text-decoration:none;
	text-align:left;
	padding-right:3px;
}

#coverslide-nav-wrapper ol li a:hover {
	background-color: #333;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
}

#coverslide-nav-wrapper ol li.active a {
	background-color: #999;
	border:1px solid #fff;
}


@media only screen and (max-width:980px){
*{   box-sizing: border-box;}
.head{ width: 100%; }
#container{ width: 100%; }
.footer{ width: 100%; height: auto; float: none; background-size: cover; padding: 10px; background-position: center;}

.head02{ margin-right: 15px; }
.flash{ width: 100%; height: auto;  float: none;}
#coverslide{ width: 100%;  margin-bottom: 20px; height: auto;}
#coverslide img{ width: 100%; }
#wrap{ float: none;  width: 100%;  text-align: center; margin: auto; overflow: hidden;}
.search{  background: url(../images/index/index-bg01.jpg) repeat; width: calc(100% - 40px); padding: 20px; border-radius: 5px; margin: 20px 20px 0 0; height: auto; }
.search_icn{ display: inline-block; float: none; margin-right: 10px; margin-left: 0; }
.index_search{ position: static;  display: inline-block; vertical-align: top; width: 100%; }
.index_search .all{ float: none;  display: inline-block; margin-bottom: 0; vertical-align: sub; }
.idxform-title{ display: inline-block; padding-right: 10px; }


}


@media only screen and (max-width:768px){
.head-nav{ right: 5px; }
.head-nav a:first-child{ margin-right: 5px; }
.head-nav a{ width: 190px; }
#wrap ul li{ text-align: center; margin: auto;}
#picture ul li{  text-align: center; margin: auto; }
}


@media only screen and (max-width:640px){
.head-nav{ position: static; text-align: center; padding: 15px; background: url(../images/ap.jpg); margin-bottom: 20px; }
.head-nav a{ width:auto; }
.head{ height: auto; }
.idxform-title{ width: 100%; }
}



@media only screen and (max-width:480px){

.head-nav{ padding: 15px 10px; }
.head-nav a{ width: 48%;}

#wrap ul li{ background-size:contain ;}
#picture ul li{ background-size:contain ;}


}



@media only screen and (max-width:375px){
.index_search .all{ margin-bottom: 10px; width: 100%; }
.index_find{ width: calc(100% - 33px); }
}



@media only screen and (max-width:360px){
#coverslide{ height: 100px; }
}