@charset "utf-8";
/* CSS Document */
.banner{ width: 100%; max-width: 640px; margin:0 auto;position:relative;overflow:hidden;z-index:1;line-height:0;}
.indtel{ background: #64a534; padding: 0.77em 7.5%; line-height: 29px; }
.indtel .tel{ float:right; width: 60%; color: #fff;  text-align: right}
.indtel .tel span{font-size: 12px;}
.indtel .tel img{ max-width: 65%; vertical-align: text-top; margin-top: 2px;}
.search{ float:left; width: 33%; border-bottom: 1px solid #fff; line-height: 29px; margin-top: -2px; }
.search .scbtn{ width: 19%; float: left; }
.search input{ float:right;  line-height: 26px; border: 0; background: none; width: 80%;}
.indjj{ padding:0 7.5%; background: #fff; }
.indjj .tit{ text-align: center; padding-top: 1em; padding-bottom: 0.6em}
.indjj .tit img{ width:59%; }
.indjj .txt{ text-align: left; font-size: 0.8em; line-height: 2.2em;}
.indjj .video{ display: block; text-align: center; padding: 1em 0 }
.indmore{ width:9.2em; display: block; margin: 0 auto;  margin-top: 13px; padding-bottom:1em}
.indys{ background: #999; padding: 0.38em 7.5% 0.5em 7.5%; text-align: left}
.indys .tit{ width: 51%; padding: 0.5em 0}
.indys .txt{ font-size:12px; color: #fff;}
.indys2{ background: #fff; position: relative;}
.indys2 .ys2img{ position: absolute; right: 0; top:1.1em; width: 42%}
.ys2txt{ float:left; width: 48%;font-size: 0.7em; line-height: 2em; padding-left: 7.5%; padding-top: 1em}
.ys2txt b{ text-decoration:underline; }
.indys2 .indmore{ padding-top:0.7em}
.indpro{ background: #f4f4f4}
.indpro .tit{ width:33%; margin: 0 auto; padding-top: 1.3em}
.proban{ width: 100%; max-width: 640px; margin:0 auto;position:relative;overflow:hidden;z-index:1;line-height:0; padding: 1em 0}
.proban .proli{ width: 70%; overflow: hidden}
.proban .proli a{ display: block; border: 1px solid #a0a0a0; text-align: center; }
.proban .swiper-slide-prev,.proban .swiper-slide-next{ opacity: 0.5}
.proban .swiper-slide-active{  opacity: 1}
.indnews{ height:15em; }
.indnews .nl{ float:left; width: 17.5%; height: 100%; background: #64a534; padding-left: 7.5%;}
.indnews .nl .tit{ padding-top: 1.73em; width: 60%; }
.indnews .nl .nwmore{ display: block; width: 67%; margin-top: 1.93em;}
.indnews .nr{ float: right; background: #fff; width: 75%; height: 100%; }
.indnews .nr .nwulcon{ width: 84%; margin: 0 auto;}
.nwulcon ul li{ border-bottom: 1px dashed #999; background: url(../images/nwicon.png) left center no-repeat; background-size: 3%; padding-left:  4%; margin-top: 4%; text-align: left; height: 2.6em; line-height: 2.6em; font-size: 12px;}
.nwulcon ul li a{  line-height: 2.6em; display: inline-block; max-width: 60%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; color: #555;}
.nwulcon ul li .date{ float: right; color: #999; font-size: 11px;}
.indal{ position: relative; background: #f4f4f4 }
.indal .alimg{ padding-top: 1.3em; }
.indal .topbg{ background: #fff; height: 5.5em; opacity: 0.8; width: 100%; position: absolute; top: 0; }
.indal .tit{ width: 51.5%; position: absolute; top: 2em; left: 50%; margin-left: -25.5%; }
.indhb{ background: #f4f4f4}
.indhb .tit{ width: 57%; margin: 0 auto;padding-top: 1.73em; padding-bottom: 0.4em;}
.hbcon{ padding: 8% 2%; padding-top: 0;}
.hbcon ul li{ float:left; /*height: 3.8em*/; width: 46%; padding: 8px 2%; text-align: center; }
.hbcon ul li a{  /*height: 5em; line-height: 3.8em;*/ overflow: hidden; display: block}
/*.hbcon ul li a img{ max-height: 3.8em; max-width: 90% }*/

/*视频中心*/
#video{ padding-top: 1em;}
#videoBox{position:fixed; width:100%; height:100%; left:0; top:0; z-index:1010; background:rgba(0,0,0,0.95); display: none;}
#videoBox_cover{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1010; text-align:right; cursor:hand; cursor:pointer; padding:0.6rem 1rem; color: #fff;}
#closeVideo{ position: absolute; z-index: 1011; left: auto; right: 0.5rem; top: 0.5rem; color: #fff;font-size:2rem;cursor:hand; cursor:pointer;}
#playBox{ z-index: 1012;  width: 100%; max-width: 720px; color: #fff; text-align: center; margin: 0 auto; min-height: 3em; }