*{margin:0; padding:0; list-style:none; font-size:12px; text-decoration:none;color:#545454; font-family:"微软雅黑"}
.clear{clear:both; height:1px}
img{border:none}
a:link,a:visited{color:#545454;}
a:hover,a:active{color:#01a279;}

a.yz_a1:link,a.yz_a1:visited{color:#f8f8f8;}
a.yz_a1:hover,a.yz_a1:active{color: #FFF; text-decoration: underline}

a.yz_a2:link,a.yz_a2:visited{color:#333; font-weight: 700; display: block; font-size: 14px}
a.yz_a2:hover,a.yz_a2:active{color: #FFF; background: #01a279}

a.yz_a3:link,a.yz_a3:visited{color:#FFF; font-weight: 700; display: block; font-size: 14px; background: #01a279}
a.yz_a3:hover,a.yz_a3:active{}

a.yz_a4:link,a.yz_a4:visited{ font-weight: 700; color: #444; display: block}
a.yz_a4:hover,a.yz_a4:active{color: #FFF;}



body{ background-color: #f5ece4;}
.banner{ width: 100%; height: 500px; margin: auto; border-bottom: 3px solid #01a279; border-top: 3px solid #01a279}
.banner .right_p{ width: 100%; height: 500px; overflow:hidden;}
.ttop{ width: 100%; height: 30px; background: #01a279}
.ttop .top_c{ width: 1100px; height: 30px; margin: auto; line-height: 30px; color: #FFF}
.ttop .top_c .tc_ri{ width: 110px; height: 30px; float: right; color: #FFF}
.navv{ width: 100%; height: 100px; background: #FFF}
.nav{ width: 1100px; height: 100px; margin: auto;}
.nav .clogo{ width: 300px; height: 100px; float: left; background: url(../images/Logo.jpg) left center no-repeat}
.nav .elogo{ width: 300px; height: 100px; float: left; background: url(../images/ELogo.jpg) left center no-repeat}

.nav .naver{ width: 800px; height: 30px; float: right; margin-top: 40px}
.nav .naver #nvh{color: #FFF; background: #01a279}
.nav .naver .na_li{ width: 110px; height: 30px; float: left; line-height: 30px; text-align: center; margin-right: 2px}
.tname_i{ width: 1100px; height: 100px; margin: auto; line-height: 100px; font-size: 30px; font-weight: 700; color: #333; padding-top: 5px}
.tname_i span{ color: #01a279; font-size: 30px; font-weight: 700}
.in_ab{ width: 1080px; height: 360px; margin: auto; padding: 10px; background: #FFF; border: 1px solid #CCC}
.in_ab .ia_le{ width: 480px; height: 360px; float: left}
.in_ab .ia_ri{ width: 580px; height: 360px; float: right; line-height: 48px; font-weight: 14px; font-weight: 700}
.in_ab .ia_ri img{ width: 230px; height: 170px; float: right; border-radius: 10px; box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3); margin-left: 10px;}
.in_pr{ width: 1080px; height: 340px; padding: 10px; background: #FFF; margin: auto; border: 1px solid #CCC}
.in_pr .pr_li{ width: 196px; height: 150px; margin: 8px; border: 1px solid #999; float: left; border-radius: 5px; overflow: hidden; text-align: center}
.in_pr .pr_li:hover{border: 1px solid #777; box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);}
.in_pr .pr_li img{ height: 150px; max-width: 196px}
.in_news{ width: 1080px; height: 200px; padding: 10px; background: #FFF; margin: auto; border: 1px solid #CCC}
.in_news .ns_le{ width: 300px; height: 200px; float: left; border-radius: 8px; overflow: hidden}
.in_news .ns_le img{ width: 300px; height: 200px;}
.in_news .ns_ri{ width: 745px; margin-right: 10px; height: 200px; float: right}
.in_news .ns_ri .newin_li{ width: 740px; height: 40px; line-height: 40px; -webkit-transition:all .3s ease; transition: all .3s ease; text-indent: 20px}
.in_news .ns_ri .newin_li:hover{ border-left: 5px solid #01a279; background: #DDD}
.footer{ width: 1100px; height:50px; margin: auto; line-height: 50px; color: #777; text-align: right }
.in_news .ns_ri .newin_li span{ float: right; padding-right: 10px}

/* about */
.map_now{ width: 1000px; margin: auto; padding: 30px 0; text-align: right; color: #01a279; font-weight: 700}
.abouts{ width: 1000px; margin: auto; padding: 10px 0; line-height:22px; font-size:16px;}
.abouts .map{ width: 650px; height: 300px; border: 3px solid #01a279}

/* pro */
.pross{ width: 1000px; padding: 10px 0; margin: auto}
.pross .prole{ width: 200px; float: left}
.pross .prole .pcl{ width: 195px; margin: 2px 0; height: 30px; line-height: 30px; border-radius: 5xp; background: #DDD; text-indent: 15px}
.pross .prole .pcl i{ float: right; padding-right: 15px; line-height: 30px; color: #FFF; display: none; margin-top: -30px}
.pross .prole .pcl:hover i{display: block}
.pross .prole .pcl:hover{ background: #01a279}

.pross .prori{ width: 780px; float: right}
.pross .prori .pro_li{ width: 240px; height: 320px; margin: 6px; float: left; border: 3px solid #999}
.pross .prori .pro_li img{ width: 240px; height: 320px}
.pross .prori .pro_li:hover{ border: 3px solid #01a279}

.page_n{ width: 720px; margin: 0 auto; text-align: center; font-weight: 700; clear: both;}
.pagenow{ padding: 3px 5px; background: #888; border-radius: 3px; margin: 0 5px; color: #FFF}
a.pagenow1:link,a.pagenow1:visited{padding: 3px 5px; background: #999; border-radius: 3px; margin: 0 5px;}
a.pagenow1:hover,a.pagenow1:active{ background: #01a279; color: #CCC}
a.pagenowa:link,a.pagenowa:visited{padding: 3px 5px; background: #01a279; border-radius: 3px; margin: 0 5px; color: #CCC}
a.pagenowa:hover,a.pagenowa:active{ color: #FFF}

.news_li{ width: 800px; height: 180px; margin: 20px auto; }
.news_li:hover{ border-left: 10px solid #01a279; background: #DDD;}
.news_li .new_top{ width: 800px; height: 30px; line-height: 30px; text-indent: 15px; border-bottom: 1px solid #999; font-weight: 700}
.news_li .new_top span{ float: right; color: #777; padding-right: 15px}
.news_li .new_top i{ color: #777;}
.news_li .new_c{ width: 800px; height: 146px;}
.news_li .new_c .re{ width: 780px; height: 126px; float: right; line-height: 25px; text-overflow: ellipsis; overflow: hidden; margin: 10px; color: #333}
.nex{ width:800px; height:60px; margin:20px auto;border-radius:5px; overflow:hidden}
.nextr{ width:800px; height:30px;}
.nex .nextr .nex1{ width:70px; height:30px; line-height:30px; float:left; text-align:center; color: #333}
.nex .nextr .nex2{ width:730px; height:30px; line-height:30px; float:left; color: #333}
.con_r{ width: 960px; margin: auto; line-height: 25px; padding: 20px}
.con_r .tp1{ width: 960px; height: 40px; line-height: 40px; border-bottom: 2px solid #333; text-align: center; font-size: 16px; font-weight: 700; color: #333}
.con_r .tp2{ width: 960px; height: 30px; line-height: 30px; color: #333; text-align: center; padding-top: 10px}
.con_r .tp3{ width: 960px; line-height: 25px; color: #333; padding-top: 30px}
.con_r .tp3 p,div,i,span{color: #333}