@charset "utf-8";
body{ margin:0; padding:0; color:#333; font-family:"微软雅黑"; font-size:14px; }
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333; }
a:hover{color:#221816; }
ul{ margin:0; padding:0;}
li{ list-style:none;}
img{ border:0;}
td{ line-height:20px;}
.clear{ width:1px; height:0; overflow:hidden; clear:both;}
form{ margin:0; padding:0;}
.page{ float:left; width:100%; text-align:center; padding-bottom:50px;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; }
.page a.current,.page a:hover{ color:#fff; border:1px solid #000; background:#000;}
input,select,textarea{  font-family:"微软雅黑"; outline:none}
.fl{ float:left;}
.fr{ float:right}
/*头部*/
.topbg{ position:fixed; width:100%; top:0; left:0; height:100px;z-index:99999;}
.top{ width:100%; padding:25px 0; height:50px; position:relative;  background:#fff;}
.logo{ height:50px; top:25px; left:20px; position:absolute}
.h100{ height:100px;}

.navbtn{ display:none}

.top_r{ top:25px; right:20px; position:absolute; }

.head_hover{background: #fff; /*border-bottom: 1px solid rgba(204, 204, 204, 0.19); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 6px  rgba(192,193,193,0.15)\9;behavior: url(images/PIE.htc);*/}
/*:root .head_hover{  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);  }   
*/
#nav2{ display:none}
#nav { display:block; height:26px; margin-top:12px; float:left; overflow:hidden;}
#nav .jquery_out {float:left;line-height:26px;display:block; }

#nav .mainlevel { float:left;/*IE6 only*/ background-repeat:no-repeat}
#nav .mainlevel a {color:#404040; text-decoration:none; line-height:24px; display:block; text-transform:uppercase; margin-left:40px;font-size:12px; border-bottom:2px solid #fff; }
#nav .mainlevel a.hov{  border-bottom:2px solid #333}
#nav .mainlevel a:hover { border-bottom:2px solid #333}

#nav .mainlevel ul {display:none; position:absolute; list-style-type:none; padding:0; margin:0; z-index:1020; padding-top:16px; width:100px; margin-left:20PX; }
#nav .mainlevel ul li { width:80px; height:32px; padding:0 10px; line-height:30px; background:#F1F1F1; list-style-type:none;/*IE6 only*/}
#nav .mainlevel ul li a{ width:100%; height:30px;background:#F1F1F1; line-height:30px; padding:0; border-bottom:2px solid #F1F1F1; margin:0; font-size:12px; text-align:center}
#nav .mainlevel ul li a:hover{  border-bottom:2px solid #333}
.close{ display:none}


.content{position:fixed; _position: absolute; z-index: 2;left: 0; top:0;  _top:expression(eval(document.body.scrollTop||document.documentElement.scrollTop)); width: 100%; }
.bannerbox{overflow:hidden;width:100%;}
.content ul{ }
.content_ul li{ display:block; width:100%;background-repeat: no-repeat; background-position: center center; background-size: cover; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%;  text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#999; width:12px; height:12px; margin:0 8px; cursor:pointer; border-radius: 100%;}
.slidenum span.current{background:#000;}

.lbtn10,.rbtn10{position: absolute; left: 50px; top: 50%; margin: -16px 0 0; cursor: pointer; background: url(lbtn3.png) no-repeat 0 center; width: 32px; height: 32px;  text-indent: -99999em; border-radius: 40px;}

.rbtn10{left: auto; right:50px; background: url(rbtn3.png) no-repeat right center;  }
.more23{ width:200px; text-align:center; background:#fff; color:#fff; font-size:14px; margin:0 auto; line-height:50px; border:1px solid #000; height:50px; color:#000; margin-bottom:60px;}
.more23 a{ color:#000; display:block; font-weight:bold;}
.more23 a:hover{  color:#000}
.nbanner{ width:100%; height:300px;}
.sitem{ width:1080px; margin:0 auto; overflow:hidden; line-height:32px; text-align:right;}
/*banner效果 end*/	
.main{ float: left; width: 100%; position: relative; z-index: 3; background: #fff; overflow:hidden}
.stitle1{ width:100%; text-align:center; margin-top:80px; line-height:32px; color:#000; font-size:17px; font-weight:bold; text-align:center}
.stxt1{ width:100%; text-align:center; margin-top:15px; margin-bottom:70px; line-height:30px; color:#666;font-size:14px;text-align:center}
.stitle2{ width:100%; text-align:center; margin-bottom:60px; line-height:32px; color:#000; font-size:17px; font-weight:bold; text-align:center}


.pic_effect{  position: relative; overflow: hidden; width:20%;}
.pic_effect img{display: block; width:100%; vertical-align: bottom;opacity: 1;filter:alpha(opacity=100);transform: scale(1, 1);transition: all 0.3s ease 0s; }
.pic_effect a{ display: block; background: #fff;transition: background 0.3s ease 0s;}
.pic_effect a:hover {background: #fff;}
.pic_effect a:hover img{ opacity:0.6;filter:alpha(opacity=60);transform: scale(1.08, 1.08);}
.prop{position: absolute; opacity: 0; filter: alpha(opacity=0); top: 50px; left: 0px;transition: all 0.3s ease 0s; font-size: 2.4em; color: #fff; font-weight: bold; padding: 0.33em 0.83em 0.42em; line-height: 1.17em;}
.pic_effect a:hover .prop{ top: 10px;opacity: 1; filter: alpha(opacity=100);}

.newslist{ width:1110px; overflow:hidden}
.newslist li{ width:525px; float:left; margin-right:30px; margin-bottom:30px;}
.news_tu{ width:120px; height:90px; float:left}
.news_tu img{ width:120px; height:90px;}
.news_main{ width:380px; float:right;}
.news_t{ width:100%; line-height:30px; font-size:14px; overflow:hidden; height:30px;}
.news_t a{ color:#000; font-weight:bold;}
.news_txt{ width:100%; line-height:30px; font-size:14px; overflow:hidden; height:60px; color:#666}

.wrap{ width:1080px; margin:0 auto;}
.scaselist{ width:1113px; overflow:hidden; margin:0 auto; overflow:hidden}
.scaselist li{ width:338px; float:left; overflow:hidden; margin-bottom:20px; margin-right:33px;}
.scase_tu{ width:338px; height:254px; float:left;}
.scase_tu img{ width:338px; height:254px;}
.scase_t{ float:left; width:100%; text-align:center; height:80px; line-height:80px; overflow:hidden; font-weight:bold; font-size:14px; color:#000}
.scaselist li p.tnh{ float:left; width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden; margin-top:20px; color:#000; font-weight:bold; margin-bottom:0; font-style:normal; font-size:14px;}
.scaselist li p{ float:left; width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden;  margin-bottom:30px; font-size:12px;}

.footbg{ width:100%; padding:25px 0; overflow:hidden; background:#1f2023; font-size:12px;}
.foot{ width:1080px; margin:0 auto; overflow:hidden; color:#fff; border-bottom:1px solid #666; padding-bottom:25px;}
.footbg a,.footbg{ color:#fff;}
.foot a:hover{ text-decoration:underline}
.fpt{ width:100%; font-size:14px; line-height:25px; margin-bottom:10px; color:#fff;}
.sitemap{ width:260px; float:left; overflow:hidden}
.sitemap li{ width:130px; float:left; overflow:hidden; line-height:30px;}
.fcontact{ width:450px; margin-left:80px;line-height:30px; float:left}
.fewm{ float:right; width:200px;}
.fewm img{ width:90px; height:90px; margin-left:20px;}
.bottom{ width:1080px; margin:0 auto; margin-top:25px; line-height:20px; text-align:center;}

.site{ width:100%; text-align:center; font-size:20px; line-height:180px; letter-spacing:1px;color:#000; }
.contents1{ width:1080px; margin:0 auto; overflow:hidden; line-height:28px; font-size:14px; padding-bottom:100px;}
.contents1 img{ max-width:100%; height:auto}
.contents1 strong{ color:#000}

.contents{ width:1080px; margin:0 auto; overflow:hidden; line-height:28px; font-size:14px; padding-bottom:30px;}
.contents img{ max-width:100%; height:auto}
.contents strong{ color:#000}


.site2{ width:100%; text-align:center; font-size:20px;line-height:100px; letter-spacing:1px; color:#000; font-weight:bold;}
.news_txt{ width:100%; height:50px; line-height:25px; overflow:hidden}
.newslist{ padding-bottom:30px;}

.contactus{ line-height:50px;}
.cewm img{ width:150px; margin-right:30px; margin-top:20px;}
.contact2{ float:left; width:520px; overflow:hidden}
.ditu{ width:560px; height:400px; float:right}

.plian{ width:100%; height:25px; line-height:25px; overflow:hidden; text-align:center; float:left; margin-bottom:20px;}
.plian2{ width:100%; height:25px; line-height:25px; overflow:hidden; text-align:center; margin-top:20px; float:left;}

.prolink{ width:100%; float:left; text-align:center; margin-bottom:30px;}
.prolink a{ display:inline-block; margin:0 10px; line-height:30px; font-size:18px;}
.prolink a.hov{  color:#9a0028;}
.prolink2{ width:100%; float:left; text-align:center; margin-bottom:30px; margin-top:-20px;}
.prolink2 a{ display:inline-block; line-height:30px; font-size:14px;}
.prolink2 span{ padding:0 12px;display:inline-block;}
.prolink2 a.hov{  color:#9a0028;}

@media screen and (max-width: 768px) {
	
.topbg{ position:fixed; width:100%; top:0; left:0; height:80px;z-index:99999;}
.top{ width:94%; padding:15px 3%; height:50px; position:relative;  background:#fff;}
.logo{ height:50px; top:15px; left:3%; position:absolute}
.h100{ height:80px;}

.top_r{ top:25px; right:20px; position:absolute; }

.head_hover{background: #fff; border-bottom: 1px solid rgba(204, 204, 204, 0.19); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 6px  rgba(192,193,193,0.15)\9;behavior: url(images/PIE.htc);}
:root .head_hover{  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);  }   

.lbtn10,.rbtn10{ display:none}
.navbtn{ display:block; float:right; height:24px; margin-top:13px;}
.navbtn img{ height:24px;}
#nav { display:none;  }

#nav2 { width:50%; display:block; line-height:35px; position:fixed; right:-50%; top:0; margin:0; z-index:99; height:100%; background:#000; padding-top:20px;}
#nav2 .jquery_out {float:left;line-height:35px;display:block; width:100%; }
#nav2  li { /*IE6 only*/ background-repeat:no-repeat; margin:0;width:100%;  display:inline-block;}
#nav2 li a {color:#fff; text-decoration:none; line-height:45px; width:80%; margin-left:10%; border-bottom:1px dashed #fff;   display:block; text-align:center; text-transform:uppercase;font-size:15px;}
#nav2 li a.hov{ color:#fff; border:0;border-bottom:1px dashed #fff; }
#nav2 li a:hover {color:#fff; border:0;border-bottom:1px dashed #fff;}
#nav2 li ul { list-style-type:none; padding:0; margin:0 auto; z-index:1020; width:80%; background:#fff; }
#nav2 .close{ display:block; float:right; height:20px; margin-right:10%; margin-bottom:10px; cursor:pointer;}
#nav2 li ul a{ width:100%; color:#000; margin:0; height:35px; line-height:35px; border:0;}
#nav2 li ul li{ width:100%; color:#fff; margin:0; height:35px; line-height:35px;}
#nav2 li ul a:hover{color:#000;}
.youxiala2{ height:auto;
display:none;}
.youxiala3{ height:auto;
display:none;}

.main{ float: left; width:100%; padding:0; position: relative; z-index: 3; background: #fff; overflow:hidden}
	
.stitle1{ width:100%; text-align:center; margin-top:40px; line-height:32px; color:#000; font-size:17px; font-weight:bold; text-align:center}
.stxt1{ width:100%; text-align:center; margin-top:15px; margin-bottom:30px; line-height:25px; color:#666;font-size:14px;text-align:center}
.stitle2{ width:100%; text-align:center; margin-bottom:30px; line-height:25px; color:#000; font-size:17px; font-weight:bold; text-align:center}

	.wrap{ width:94%; margin:0 auto;}
	
	.newslist{ width:100%; overflow:hidden}
.newslist li{ width:100%; float:left; margin-right:0; margin-bottom:30px;}
.news_tu{ width:30%; height:auto; float:left}
.news_tu img{ width:100%; float:left; height:auto;}
.news_main{ width:68%; float:right;}
.news_t{ width:100%; line-height:30px; font-size:14px; overflow:hidden; height:30px;}
.news_t a{ color:#000; font-weight:bold;}
.news_txt{ width:100%; line-height:30px; font-size:14px; overflow:hidden; height:60px; color:#666}
	
.scaselist{ width:100%; overflow:hidden; margin:0 auto; overflow:hidden}
.scaselist li{ width:100%; float:left; overflow:hidden; margin-bottom:20px; margin-right:0;}
.scase_tu{ width:100%; float:left;}
.scase_tu img{ width:100%; height:auto}
.scase_t{ float:left; width:100%; text-align:center; height:80px; line-height:80px; overflow:hidden; font-weight:bold; font-size:14px; color:#000}
.scaselist li p.tnh{ float:left; width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden; margin-top:20px; color:#000; font-weight:bold; margin-bottom:0; font-style:normal; font-size:14px;}
.scaselist li p{ float:left; width:100%; text-align:center; height:30px; line-height:30px; overflow:hidden;  margin-bottom:10px; font-size:12px;}

.footbg{ width:94%; padding:25px 3%; overflow:hidden; background:#1f2023}
.foot{ width:100%; float:left; margin:0 auto; overflow:hidden; color:#6a6a6a; border-bottom:1px solid #666; padding-bottom:25px;}
.footbg a,.footbg{ color:#6a6a6a;}
.foot a:hover{ text-decoration:underline}
.fpt{ width:100%; font-size:14px; line-height:25px; margin-bottom:10px; color:#999;}
.sitemap{ width:100%; float:left; overflow:hidden; margin-top:0px;}
.sitemap li{ width:33%; float:left; overflow:hidden; line-height:30px;}
.fcontact{ width:100%; float:left;  margin-left:0px;line-height:30px; float:left; margin-top:20px;}
.fewm{ float:right; width:100%; overflow:hidden; margin-top:20px;}
.fewm img{ width:90px; height:90px; margin-left:20px;}
.bottom{ width:100%; float:left; margin:0 auto; margin-top:25px; line-height:20px; text-align:center;}

.page{ float:left; width:100%; text-align:center; padding-bottom:50px;}
.page a{ display:inline-block; line-height:30px; padding:0 8px; border:1px solid #e0e0e0; border-radius:3px; margin:0 2px; }
.page a.current,.page a:hover{ color:#fff; border:1px solid #000; background:#000;}


.site{ width:100%; text-align:center; font-size:18px;line-height:80px; letter-spacing:1px;color:#000; }
.contents1{ width:94%; margin:0 auto; overflow:hidden; line-height:28px; font-size:15px; padding-bottom:50px;}
.contents1 img{ max-width:100%; height:auto}
.contents1 strong{ color:#000}

.contents{ width:94%; margin:0 auto; overflow:hidden; line-height:28px; font-size:15px; padding-bottom:20px;}
.contents img{ max-width:100%; height:auto}
.contents strong{ color:#000}


.site2{ width:100%; text-align:center; font-size:20px;line-height:100px; letter-spacing:1px; color:#000; font-weight:bold;}
.news_txt{ width:100%; height:50px; line-height:25px; overflow:hidden}
.newslist{ padding-bottom:30px;}

.contactus{ line-height:50px;}
.cewm img{ width:150px; margin-right:30px; margin-top:20px;}
.contact2{ float:left; width:520px; overflow:hidden}
.ditu{ width:560px; height:400px; float:right}

.plian{ width:100%; height:25px; line-height:25px; overflow:hidden; text-align:center; float:left; margin-bottom:10px;}
.plian2{ width:100%; height:25px; line-height:25px; overflow:hidden; text-align:center; margin-top:10px; float:left;}
.more23{ width:100px; text-align:center; background:#fff; color:#fff; font-size:14px; margin:0 auto; line-height:30px; border:1px solid #000; height:30px; color:#000; margin-bottom:60px;}
.more23 a{ color:#000; display:block}
.more23 a:hover{  color:#000}
.nbanner{ display:none}
.sitem{ width:94%; margin:0 auto; overflow:hidden; line-height:32px; text-align:right;}
}