body{margin: 0px; padding: 0px;  height: 100%; background-color: #ddd; font-size: 14px;}
#embersCanvas{position:fixed; bottom:0; left:0; }
.container{float:left; width: 1600px; margin-top: 0px;margin-bottom: 0px;margin-right: calc((100% - 1600px)/2); margin-left: calc((100% - 1600px)/2);}

.top{float:left; width: 100%; height: 175px;background-color: #000;}
img.topbj{float:left; width: 100%; height: 175px;}

.absolute{position: absolute; overflow:hidden; z-index: 99; width: 100%;}
.absolute_a{position: absolute; z-index: 99; width: 100%;}

.logo{float:left;width: 160px;height: 160px; margin-top: 10px;margin-bottom: 5px;}
.logo img{float:left;width: 130px;height: 130px; margin: 15px;}
.topbar{float:left;width: 700px; color:#fff;  font-size:14px; line-height: 18px; padding-top: 20px;padding-bottom: 35px;padding-right:0px;padding-left:20px;  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.topbar span{font-weight: bold;color:#FDB913;font-size:36px;line-height:80px;}

.logo_p{height: 230px; width: 500px;  }
.logo_p img{height: 160px; width: 445px; margin-left: 55px;margin-top: 70px;}

.language{ color:#fff;font-size:16px; text-align: right; margin-top: 30px; z-index: 100;}
.languagediv{width: 120px; height: 90px; position: relative; margin-left: calc(100% - 120px);z-index: 100;}
.languagediv dl,.languagediv a{float:left; width: 100%;  margin: 0px; padding: 0px;}
.languagediv dl span{float:left; width: 79px; line-height: 40px;font-size: 14px; text-align: center; color:#666; }
.languagediv a span{float:left; width: 78px; line-height: 40px;font-size: 16px; text-align: center; color:#999; }
.languagediv a.selected{background-color: #222;}
.languagediv a.selected span,.languagediv a.selected:hover span{color:#FDB913; }
.languagediv a:hover span{color:#fff; }

.languagediv dl img,.languagediv a img{float:left; width: 30px; height: 30px; margin-top:5px; margin-bottom:5px;margin-right:5px;margin-left:0px; }

.languagediv .dropdown{position: absolute;display: none; border:1px solid #666; background-color: #000;}
.languagediv:hover .dropdown{display: block;}


.menu{float: left;width: 100%;height:50px; background-color: #FDB913;}
.menu ul{float: left;height:50px; margin: 0px; padding: 0px; border-left:1px solid #EBA806;}
.menu ul li{float: left; list-style: none; list-style-type: none;}
.menu ul li a{float: left; line-height: 50px; text-align: center;font-size:16px; border-right:1px solid #EBA806;color: #333;padding-left: 25px; padding-right:25px; text-decoration: none; }
.menu ul li.selected a{background-color: #f60; color:#fff;font-weight: bold;}
.menu ul li a:hover{background-color: #FDA813; color:#fff;}

.fdmenu{position:fixed;width: 100%;height:50px; background-color: #FDB913; z-index: 999;}
.fdmenu ul{float: right;height:50px; margin: 0px; padding: 0px; border-left:1px solid #EBA806;}
.fdmenu ul li{float: left; list-style: none; list-style-type: none;}
.fdmenu ul li a{float: left; line-height: 50px; text-align: center;font-size:16px; border-right:1px solid #EBA806;color: #333;padding-left: 25px; padding-right: 25px; text-decoration: none; }
.fdmenu ul li.selected a{background-color: #f60; color:#fff;font-weight: bold;}
.fdmenu ul li a:hover{background-color: #FDA813; color:#fff;}
.fdmenu .fdmenu_title{float:left;color:#000; line-height: 50px;font-size:18px;}

.down a{color:#fff; text-decoration: none;}
.down{float:left; width: 100%; padding-top:50px; padding-bottom:30px; color: #fff;background-color:#000;background-image:url('../images/bottom.jpg?v=123');background-repeat:no-repeat; background-position:50% 100%;  }
.downl{float:left;color:#eee;margin-left: 50px;  line-height: 35px;font-size:16px;text-shadow:1px 2px 2px #000;  }
.logoimg{ float:left; height: 150px;  }


.banner{float:left;width: 100%; height: 250px; background-color: #333; overflow: hidden;}
.bannerimg{float:left; width: 100%;height: 250px;}

.inabout_bt{float:left;width: 94%; padding-left: 3%;padding-right: 3%;padding-top: 60px;padding-bottom: 60px; font-size:36px; color:#f60; line-height: 50px; }
.inabout{float:left;width: 94%; padding-left: 3%;padding-right: 3%;padding-bottom: 60px; font-size:16px; color:#333; line-height: 30px; }
.inabout .inaboutimg{float:right; width: 300px; margin-left: 50px; margin-bottom: 50px; border:5px solid #eee;text-shadow:8px 8px 8px #000;}

.ptypelist{float:left;width: 94%; padding-left: 3%;padding-right: 3%;padding-top: 30px; font-size:26px; color:#f60;font-weight: bolder; line-height: 50px; }
.ptypelist img{float:left;height:30px; margin-right:15px; margin-top:10px; margin-bottom:10px; }

.eptypelist{float:left;width: 90%; padding-left: 7%;padding-right: 3%;padding-top: 10px; font-size:20px; color:#333;font-weight: bolder; line-height: 50px; }
.eptypelist img{float:left;height:20px; margin-right:15px; margin-top:15px; margin-bottom:15px; }

ul.plist{float:left; width:86%;margin:0px; padding:0px;margin-left: 7%;margin-right: 7%; margin-top: 20px; margin-bottom: 20px;}
ul.plist li{float:left; width:calc(20% - 22px); border: 1px solid #ddd; padding: 10px; background-color: #f5f5f5; overflow: hidden; list-style: none;  list-style-type: none;}
ul.plist li:hover{border: 1px solid #f60; background-color: #fff;}
ul.plist li a.pimg{float:left; width:100%;display: flex;justify-content: center;align-items: center; overflow: hidden;}
ul.plist li a.pimg img{max-width: 100%; max-height: 100%; object-fit: contain;}
ul.plist li b{float:left; width:100%; line-height: 20px; color:#333;  text-align: center;font-size: 16px; overflow: hidden;}
ul.plist li img.v{height: 20px; width: 20px; line-height: 20px;vertical-align: middle;}


ul.tlist{float:left; width:100%;margin:0px; padding:0px;margin-left: 0%;margin-right: 0%; margin-top: 20px; margin-bottom: 20px;}
ul.tlist li{float:left; width:calc(16.66% - 12px); border: 1px solid #ddd; padding: 5px; background-color: #fff; list-style: none;  list-style-type: none;display: flex;justify-content: center;align-items: center; overflow: hidden;}
ul.tlist li:hover{border: 1px solid #fff; background-color: #f5f5f5;}
ul.tlist li img.pimg{max-width: 100%;
    max-height: 100%;
    object-fit: contain;}