.yellow{ width:100%; line-height:55px;  margin:0 auto; text-align:center; margin-bottom:40px;margin-top:30px;}
.yellow a{ padding-left:12px; padding-right:12px; font-size:15px; padding-top:8px; padding-bottom:8px; border:1px solid #B2B2B2; margin-left:3px; color:#C0C0C0; text-decoration:none;}
.yellow .current{padding-left:13px;  padding-right:13px; font-size:15px; padding-top:9px; padding-bottom:9px;  margin-left:0px; background-color:#841A1E; color:#FFFFFF;}
.jno{ width:100%; text-align:center; margin:0 auto;}

#about{ width:100%;height:50vw;}

#imain{ width:84vw; margin:0 auto; margin-top:3vw; margin-bottom:3vw; overflow:hidden;}
#imain div{ width:24vw; overflow:hidden; float:left; margin:0px 2vw;}
#imain div .title{ width:100%; height:2vw; line-height:2vw; border-left:3px solid #841A1E;}
#imain div .title a{ margin-left:1vw; font-size:17px; color:#000000; text-decoration:none;}
#imain div .title a:hover{color:#841A1E;}
#imain div .con{ width:100%; height:6vw; line-height:2vw; overflow:hidden; margin-top:2vw; font-size:14px; color:#282828;}
#imain div .con a{font-size:14px; color:#282828; text-decoration:none;}
#imain div .con a:hover{color:#0E0E0E;}

#bottom{ width:100%; text-align:center; background-color:#808080; overflow:hidden; padding:15px 0px; margin-top:50px;}
#bottom .con{ width:94vw; margin:0 auto; line-height:40px; font-size:15px; text-align:center; color:#FFFFFF;}

.backto{ margin:0 auto; line-height:60px; width:180px; border:1px solid #EFEFEF; border-radius:60px; margin-top:60px; margin-bottom:80px; text-align:center;}
.backto a{ font-size:16px; color:#1A1A1A; text-decoration:none;}
.backto a:hover{text-decoration:underline;}

.nextnav{ margin:0 auto; margin-top:30px; margin-bottom:80px; text-align:center;}
.nextnav a{ font-size:16px; color:#1A1A1A; text-decoration:none;border:1px solid #EFEFEF;border-radius:80px;line-height:60px; padding:20px 30px; margin:0px 8px;}
.nextnav a:hover{text-decoration:underline;}

.hlist{ margin:0 auto; width:60vw; overflow:hidden;}
.hlist li{width:27vw; float:left; margin:1vw;}
.hlist li a{font-size:17px; color:#000000;}
.hlist li img{ width:100%;}
.hlist li div{ width:100%; height:50px; line-height:50px; text-align:center;}

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

.hlist{ margin:0 auto; width:90vw; overflow:hidden;}
.hlist li{width:100%; float:left; margin:1vw 0vw;}
.hlist li a{font-size:15px; color:#000000;}
.hlist li img{ width:100%;}
.hlist li div{ width:100%; height:40px; line-height:40px; text-align:center;}

#imain{ width:75vw; margin:0 auto; margin-top:5vw; margin-bottom:5vw; overflow:hidden;}
#imain div{ width:100%; overflow:hidden; float:none; margin:2px 0vw;}
#imain div .title{ width:100%; height:25px; line-height:25px; border-left:2px solid #841A1E;}
#imain div .title a{ margin-left:5px; font-size:16px; color:#000000; text-decoration:none;}
#imain div .title a:hover{color:#841A1E;}
#imain div .con{ width:100%; height:75px; line-height:25px; overflow:hidden; margin-top:20px; margin-bottom:30px; font-size:13px; color:#282828;}
#imain div .con a{font-size:13px; color:#282828; text-decoration:none;}
#imain div .con a:hover{color:#0E0E0E;}


#bottom{ width:100%; text-align:center; background-color:#808080; overflow:hidden; padding:35px 0px;margin-top:20px;}
#bottom .con{ width:94vw; margin:0 auto; line-height:40px; font-size:14px; text-align:center; color:#FFFFFF;}

.backto{ margin:0 auto; line-height:40px; width:120px; border:1px solid #EFEFEF; border-radius:40px; margin-top:60px; margin-bottom:60px; text-align:center;}
.backto a{ font-size:14px; color:#1A1A1A; text-decoration:none;}
.backto a:hover{text-decoration:underline;}

.nextnav{ margin:0 auto; margin-top:20px; margin-bottom:50px; text-align:center;}
.nextnav a{ font-size:13px; color:#1A1A1A; text-decoration:none;border:1px solid #EFEFEF;border-radius:80px;line-height:60px; padding:10px 12px; margin:0px 3px;}
.nextnav a:hover{text-decoration:underline;}
}

#ntitle{ width:100%; line-height:28px; text-align:center; font-size:28px; margin:0 auto; margin-top:50PX; color:#000000;}
#title{ width:100%; height:60px; line-height:60px; text-align:center; font-size:32px; margin:0 auto; margin-top:50PX; color:#000000;}
#titleen{ width:100%; height:40px; line-height:40px; text-align:center; font-size:25px; margin:0 auto; color:#5F5F5F; margin-bottom:40PX;}

#fenlei{ width:100%;line-height:50px; margin:0 auto; text-align:center; margin-bottom:50px;}
#fenlei a{ font-size:15px; color:#000000; margin:5px 4px; border:1px solid #EFEFEF; border-radius:3px; padding:15px 25px;word-break:break-all}
#fenlei a:hover{ background-color:#D5D5D5;border:1px solid #D5D5D5;}
#fenlei a.cur{ font-size:15px; color:#000000; margin:0px 10px; background-color:#D5D5D5;border:1px solid #D5D5D5; border-radius:3px; padding:15px 25px;}

#fenlei2{ width:100%;margin:0 auto;line-height:55px;font-size:17px; text-align:center; margin-bottom:30px; overflow:hidden;}
#fenlei2 .fenleion{ width:50vw; margin:0 auto;}
#fenlei2 .fenleion a{ width:100%; float:left; color:#000000;}
#fenlei2 .fenleion img{ margin-left:20px;}
#fenlei2 .fenleions{ width:50vw; margin:0 auto; display:none;}
#fenlei2 .fenleions a{ width:100%; float:left;color:#000000;}
#fenlei2 .fenleions a.cur{ width:100%; float:left; color:#AD0000;}

#content{ width:60vw; margin:0 auto; line-height:35px; font-size:15px; color:#3B3B3B; background-color:#F2F2F2; border-radius:5px; padding-bottom:30px; text-align:left;}
#content img{ margin:0px; margin-bottom:15px; max-width:60vw;border-radius:5px; text-align:center;}
#content p{font-size:17px; margin-bottom:15px; padding:0px 60px; padding-bottom:15px;font-family:"微软雅黑"}



@media screen and (max-width:1000px) {
#ntitle{ width:90%; line-height:28px; text-align:center; font-size:20px; margin:0 auto; margin-top:40PX; color:#000000;}
#title{ width:100%; height:35px; line-height:35px; text-align:center; font-size:20px; margin:0 auto; margin-top:30PX; color:#000000;}
#titleen{ width:100%; height:30px; line-height:30px; text-align:center; font-size:16px; margin:0 auto; color:#5F5F5F; margin-bottom:10PX;}
#fenlei{ width:100%;line-height:40px; margin:0 auto; text-align:center; margin-bottom:20px;}
#fenlei a{ font-size:14px; color:#000000; margin:5px 2px; border:1px solid #EFEFEF; border-radius:3px; padding:8px 10px;word-break:break-all}
#fenlei a:hover{ background-color:#D5D5D5;border:1px solid #D5D5D5;}
#fenlei a.cur{ font-size:14px; color:#000000; margin:0px 5px; background-color:#D5D5D5;border:1px solid #D5D5D5;padding:8px 10px;}

#fenlei2{ width:100%;margin:0 auto;line-height:45px;font-size:15px; text-align:center; margin-bottom:20px; overflow:hidden;}
#fenlei2 .fenleion{ width:50vw; margin:0 auto;}
#fenlei2 .fenleion a{ width:100%; float:left; color:#000000;}
#fenlei2 .fenleion img{ margin-left:20px;}
#fenlei2 .fenleions{ width:50vw; margin:0 auto; display:none;}
#fenlei2 .fenleions a{ width:100%; float:left;color:#000000;}
#fenlei2 .fenleions a.cur{ width:100%; float:left; color:#AD0000;}


#content{ width:90%; margin:0 auto; line-height:30px; font-size:14px; color:#3B3B3B;background-color:#F2F2F2;border-radius:5px; padding-bottom:30px;}
#content img{ margin:0px; margin-bottom:15px; max-width:100%;border-radius:5px;}
#content p{ text-indent:28px; font-size:16px; margin-bottom:15px; padding:0px 40px;}

}


#contact{ width:75vw; margin:0 auto; line-height:35px; font-size:15px; color:#3B3B3B; overflow:hidden;}
#contact .con{ width:36vw; float:left; overflow:hidden; padding-top:60px;}
#contact .message{ width:36vw; float:right; overflow:hidden; }
#contact .message .title{ width:100%; height:60px; line-height:60px; text-align:center; font-size:19px; font-weight:600; color:#000000;}
#contact .message .inp{ width:100%; line-height:40px; text-align:left; color:#000000; font-size:16px;}
#contact .message .int{ width:100%; overflow:hidden; padding:1px 0px;}
#contact .message .int textarea{ width:95%; height:90px; line-height:30px; border:1px solid #E5E5E5; border-radius:3px;}
#contact .message .int input{ width:95%; height:40px; border:1px solid #E5E5E5; border-radius:3px;}
#contact .message .int .submit{ width:150px; height:50px; background-color:#841A1E; color:#FFFFFF; margin-top:20px;}
@media screen and (max-width:1000px) {
#contact{ width:90%; margin:0 auto; line-height:30px; font-size:14px; color:#3B3B3B; overflow:hidden;}
#contact .con{ width:100%; float:left; overflow:hidden; padding-top:20px;}
#contact .message{ width:100%; float:left; overflow:hidden; }
#contact .message .title{ width:100%; height:45px; line-height:45px; text-align:center; font-size:17px; font-weight:600; color:#000000;}
#contact .message .inp{ width:100%; line-height:35px; text-align:left; color:#000000; font-size:15px;}
#contact .message .int{ width:100%; overflow:hidden; padding:1px 0px;}
#contact .message .int textarea{ width:95%; height:75px; line-height:25px; border:1px solid #E5E5E5; border-radius:3px;}
#contact .message .int input{ width:95%; height:35px; border:1px solid #E5E5E5; border-radius:3px;}
#contact .message .int .submit{ width:100px; height:35px; background-color:#841A1E; color:#FFFFFF; margin-top:20px;}
}