*{padding:0px; margin:0px;}
html {_overflow-y:scroll;height: 100%;}
/*****锛侊紒椤甸潰閫氱敤css鏍峰紡瀹氫箟寮€濮?*****/
/* body鐨刢ss瀹氫箟:杩欓噷瀹氫箟椤甸潰涓婁笅宸﹀彸杈硅窛锛岄〉闈㈣儗鏅鑹诧紝婊氬姩鏉￠鑹叉牱寮 */
body{
    font-family: Arial, Tahoma,"寰蒋闆呴粦";    /*鏂囧瓧瀛椾綋瀹氫箟 */
	font-size: 12px;    /*鏂囧瓧澶у皬瀹氫箟 */
	color: #6f6f6f; /*鏂囧瓧棰滆壊瀹氫箟 */  
	height: 100%;

	}
/* 缃戠珯瓒呴摼鎺ss閫氱敤璁剧疆 */
a{text-decoration: none;} /* 閾炬帴鏃犱笅鍒掔嚎,鏈変负underline */ 
ul,li{list-style-type:none;}
img{border: 0px;max-width: 100%;}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*娓呴櫎娴姩*/
*{
	box-sizing:border-box;
}
.slideBox img{ max-width:100%; display:block; margin:0 auto}
.slideBox{ position:relative; overflow:hidden; margin:0 auto; background-size:100% 100%/* 璁剧疆鐒︾偣鍥炬渶澶у搴 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; display:none }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{   vertical-align:top; width:100%;/* 鍥剧墖瀹藉害100%锛岃揪鍒拌嚜閫傚簲鏁堟灉 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }

.header{ width:100%; position:relative; margin:0 auto;   max-width:768px; background:url(../images/headerbg.jpg) repeat-x ;z-index: 1000;height: 50px;background-size: 8px 100%;line-height: 50px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}

.homeA{
    position: absolute;
    top: 0;
    left: 0;
}
.nav{  position:absolute; right:0; top:0px; cursor:pointer;}
.nav img{height: 50px;}
.navul{ position:absolute; top:99%; right:0%; width:147px; display:none; z-index:105}
.navul li{ width:100%; line-height:50px;position:relative; background:rgba(38,41,54,.9);border-bottom: 1px dashed #4b6374}
.ico{ position:absolute;left: 16px; top: 50%;transform:translateY(-50%);}
.ico img{ max-width:40px; width:70%; margin:0 auto; display:block}
.navul li a{ width:100%; color:#FFFFFF; font-size:14px; display:block;text-align: center;}
.navul li:last-child{border: none}
.banner img{display: block;}
.content{  max-width:768px; margin:0 auto;overflow: hidden;padding-bottom: 10px;}
.icontent{overflow: hidden;z-index: 0;height: 100%;position: absolute;top:0;left: 0;overflow: hidden;max-width: 768px;}
.icontent img{max-width: 100%}
.main{ position:absolute; left:0; top:66%;z-index:10; width:100%;}
.main li{ width:33.3%;float:left; }
.main li a{ display:block; width:100%; height:100%}

/*鍐呴〉*/

.tel{ height:35px; color:#555555; font-size:14px; line-height:35px;}
.tel img{ width:22px; margin:5px 5px 5px 10px; float:left}
.tel strong{ color:#262936; font-weight:bold}
.top{ line-height:35px; position:relative; height:35px; background:#e3e3e3; color:#383838; font-size:14px; border-bottom:1px solid #bcbcbc;}
.top img{width:30px; margin:5px 5px 5px 10px; float:left}
.top .more{ position:absolute;color:#FFF; padding:0 10px 0 40px; right:0; top:0; background-image:url(../images/morebg.png) ;background-repeat: no-repeat;background-position: 10px center;}
.moreul{ width:100%;position:absolute; left:0; top:36px; display:none; z-index:888}
.moreul li{ line-height:35px; background:#ededed;  border-bottom:1px solid #959595;}
.moreul li a{ color:#616161; text-indent:15%; display:block}
.more1{ background:url(../images/morebg1.png) no-repeat 90% center #b2b6b1; padding:0 30px 0 10px; line-height:25px; margin:0 auto; width:132px; border-radius:2px; color:#FFF}

.bottom{ width:90%; margin:0 5%; padding:10px 0 0; line-height:24px; color:#000;min-height: 400px;}

.article{ height:auto; width:100%; margin-bottom:10px;}
.article ul li{ width:100%; height:85px; float:left; text-align:left; border-bottom:1px solid #d7d7d7;}
.article ul li .time{ width:62px; background:#1f2244; height:62px;float:left; margin:10px; text-align:center; font-size:14px; line-height:18px; color:#FFF}
.article ul li .time span{ font-size:26px; font-weight:bold; line-height:40px; display:block}
.article ul li .title{float:left; height:62px; position:relative; width:70%;margin:10px 0;line-height:21px;overflow:hidden; color:#343434}
.article ul li .title a{    color:#343434;height:42px;width:100%; }
.article ul li .title a span{ height:21px; display:block; line-height:21px; width:100%; overflow:hidden;color:#000; font-weight:bold; font-size:14px;}
.article ul li .title .heng{ width:25px; height:2px; background:#343434; position:absolute; left:0; top:21px;}

.news{ height:auto; width:100%; margin-bottom:10px;}
.news ul li{display: table;width: 100%;height:85px;text-align:left; border-bottom:1px solid #d7d7d7;}
.news ul li .title{display: table-cell;vertical-align:middle;height:62px; position:relative; width:70%;padding:10px 10px;line-height:21px;overflow:hidden; color:#343434;}
.news ul li .title a{color:#343434;display: block;background: url(../images/listbg.png) no-repeat right center;padding-right: 50px;}
.news ul li .title a span{ height:21px; display:block; line-height:21px; width:70%; overflow:hidden;color:#6e6e6e; font-weight:bold; font-size:14px;}


.news_title{ width:100%;text-align:center;font: bold 18px/24px "榛戜綋"}
.news_time{width:100%; font-size:12px; line-height:20px; text-align:center; margin-bottom:10px;}
.news_img{ margin-bottom:10px;}
.news_img img{ max-width:100%; display:block; margin:0 auto} -->


.news_title{ width:100%; font-size:14px; line-height:20px; text-align:center;}
.news_time{width:100%; font-size:12px; line-height:20px; text-align:center; margin-bottom:10px;}
.news_img{ margin-bottom:10px;}
.news_img img{ max-width:100%; display:block; margin:0 auto}
.pro{ width:95%; margin:2% 2.5%;min-height: 400px;}
.pro li{ width:48%; margin:1%; float:left;text-align: center;}
.pro li a{ display:block;border:1px solid #bfbfbf}
.pro li a img{height: 120px; display:block; margin:0 auto; padding:3px; }
.pro li span{height: 15px;overflow: hidden;display: block;}
.pro li a span{ display:block; line-height:25px; text-align:center; height:25px; overflow:hidden; color:#484848}

.footer{position:fixed; left:0; bottom:0; width:100%;background: url(../images/footerbg.jpg) repeat-x; z-index:100;background-size: 1px 100%;}
.floatLink{ width:100%;  }
.floatLink ul li{ width:33.33%; float:left; text-align:center; padding:10px 0 4px ;}
.floatLink ul li:first-child{border-left:none}
.floatLink ul li:last-child{border-right:none}
.floatLink ul li a{ width:100%; display:block; font-size:15px;color:#FFF}
.floatLink ul li a img{ width:20px; vertical-align:middle; display:inline-block }
.floatLink ul li a span{ line-height:20px;color: #fff;display: block;}
.page{ display:block; width:90%;color: #000; text-align:right; background:#ededee; float:left; line-height:30px; padding:0 2%;margin:10px 5%;}
.page span{ float:left; padding-left:2px}
/* 鍒嗛〉 */
.page a { padding:4px 6px; color:#000 }
.page a.num{ margin:0 5px; padding:2px 3px; color:#FFF; background:#ababab;}
.page a.num:hover { color: #fff; background:#338021;}
.page a.select{ margin:0 5px; padding:2px 3px; color:#FFF; background:#338021;}


@media screen and (min-width:360px)  {
.nav{ font-size:20px}
.navul li{ line-height:60px;}
.navul li a{ font-size:16px; }
}

@media screen and (min-width:680px)  {

.main li a img{ max-width:100%; margin:15% auto}
.main li a span{ line-height:60px; font-size:18px}
}

.pager-next-pre{width: 100%;margin-top: 20px;}
.pager-next-pre span{width: 50%;float: left;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pager-next-pre span:nth-child(1){background: #ccc}
.pager-next-pre span:nth-child(2){background: #999}
.pager-next-pre span a{color: #333}


.hr_100{height: 100px;}
.form input,.form textarea{border-radius: 0;box-shadow: none;-webkit-appearance:none; /*鍘婚櫎input榛樿鏍峰紡*/}
.li_inputbox{ height:30px; display:block; margin:10px 0;}
.li_input{height:30px;}
.guestbook_main{width: 90%;border:1px solid #ccc;margin: 0 auto;padding-bottom: 6px;margin-top: 10px;margin-bottom: 80px;}

.guestbook_top{padding: 4px 0;color: #ff7128; padding-left: 4%; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Saf4+, Chrome */background-image: -webkit-linear-gradient(top, #fff, #ccc);}
.guestbook_title{font-weight: bold;color: #474747;padding-left: 4%;line-height: 2;}
.guestbook_msg{line-height: 2;border-bottom: 1px dashed #ccc;margin-right: 4%;margin-bottom: 4px;margin-left: 4%}
.guestbook_reply{color: #ff7128;font-weight: bold;position: relative;}
.guestbook_reply strong{position: absolute;left: 0;top:0;}
.guestbook_reply p{text-indent: 80px;}

.scott .num{padding:1% 4%;background: #ccc;margin: 0 2%}
.scott a{color: #474747}
.scott a.select{background: #ff7128;color: #fff;}

.gtitle{background: #f1f1f1;padding: 2% 0;text-align: center;color: #ff7128;margin: 6px 0}
.gtitle span{color: red}
.gtitle strong{color: #393c3a}
.li_inputbox {position: relative;}
.li_inputbox i{color: red;margin: 0 2px}
.li_inputbox label,.li_textbox label{position: absolute;width: 21%;height: 30px;line-height: 30px;text-align: right;}
.li_inputbox input{width: 45%;margin-left: 22%;border:1px solid #ccc;}
.li_textbox textarea{width: 70%;margin-left: 22%;border:1px solid #ccc;}
.li_textbox{height: 50px}
.li_textbox textarea{height: 50px;}

.form_b{text-align: center;margin: 10px}
.form_b input{width:30%;padding: 2% 0 ;background: #ea7133;color: #fff;border:none;margin: 0 2%;box-shadow: none;}

.page a.select,.page a.num:hover,.top .more{background-color: #0190d2}

.cs li{
    width: 33.333%;
    float: left;text-align: center;
}
.cs li img{
    width:90%;
}