@charset "utf-8"; /* CSS Document */ *{margin:0;padding:0;border:none;outline:none;list-style:none;font-weight: normal;color:#555;font-family:Arial, Helvetica, sans-serif;font-size: 16px;line-height:24px;} body{text-align:center;bakcground-color:#FFF;} article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {margin:0;padding:0;display:block; } a{text-decoration: none;} .clear{clear: both;} .nav_box{width:100%;} .bg{background: linear-gradient(to bottom, #ffffff 0%,#F6F6F6 100%);opacity:0.96;} .pd90{padding-bottom:90px;} .pt30{padding-top:30px;} .mt40{margin-top:40px;} .mt60{margin-top:60px;} .mt100{margin-top:100px;} .mt120{margin-top:120px;} .mt150{margin-top:150px;} .mt200{margin-top:200px;} .mn{width:87%;margin-left:auto;margin-right:auto;} .topnav{position:fixed;z-index:99999;top:0px;left:0px;width:100%;} .top{height:80px;width:87%;margin-left:auto;margin-right:auto;} .logo{width:20%;height:100%;float:left;} .logo img{margin:10% auto;max-width:100%;} .tmenu{width:55%;float:left;height:100%;margin-left:15%;} .tmenu ul{margin:4.85% auto;} .tmenu li{float:left;color:#222;font-weight:bolder;width:20%;font-size:16px;text-align:left;} .tmenu li:nth-child(2){width:30%;} .tmenu li:nth-child(3){width:30%;} .tmenu li a{color:#222;} .tmenu li a:hover{color:#ec6921;} .tmenu li ul{display:none;} .tsmenu{background-color:#eb5f12;width:100%;min-height:140px;padding-bottom:10px; opacity:1;display:none;z-index:99999;} .smenu{width:55%;margin-left:35%;} .smenu div{float:left;width:20%;margin:10px 0;min-height:120px;} .smenu div:nth-child(2){width:30%;} .smenu div:nth-child(3){width:30%;} .smenu div li{text-align:left;} .smenu div li a{line-height:28px;color:#FFF;font-size:15px;} .smenu div li a:hover{font-weight:bolder;} .engbtn{width:8%;float:left;margin:2.5% auto;float:right;} .engbtn_btn{margin-top:6px;height:22px;line-height:16px;border-radius:10px;overflow:hidden;width:73%;background-color:#ed6921;color:#FFF;text-align:left;} .engbtn_btn svg{float:left;position:relative;top:-5px;} .engbtn_btn a{color:#FFF;font-size:14px;} .engbtn_btn a:hover{color:#FF0;} .mobilebtn{display:none;} /*********底部css**********/ #bottomnav{padding-top:10px;background-color:#292929;-webkit-transition: all 1s;transition: all 1s;} #bottomnav.scthide{margin-top:0px;} .bottomtxt{width:87%;margin-left:auto;margin-right:auto;padding-top:20px;overflow:hidden;} #bmenu{width:calc(59% - 1px);float:left;border-right:1px solid #404040;margin-right:2%;overflow:hidden;} #bmenu li{padding-right:4%;font-weight:bolder;color:#EEE;float:left;text-align:left;} #bmenu li a{color:#EEE;} #bmenu li b{font-weight:bolder;} #bmenu li ul{margin-top:10px;} #bmenu li li{width:100%;float:none;font-weight:100;line-height:28px;text-decoration:none;} #bmenu li li a{text-decoration:none;color:#959595;font-size:14px;} .bottom_contact{width:38%;float:left;text-align:left;overflow:hidden;} .bottom-lxfs{width:64%;float:left; background:url(../images/bottom_contact_bg.jpg) no-repeat top left;} .bottom-lxfs ul{margin-left:35px;margin-top:2px;margin-right:15px;} .bottom-lxfs li{color:#959595;padding-top:5px;padding-bottom:12px;font-size:15px;line-height:17px;} .bottom-gzh{width:35%;float:left;text-align:center;} .bottom-gzh img{width:100%;margin-top:5px;border-radius:5px;} .bottom-gzh p{font-size:11px;color:#959595;line-height:14px;} .copry_txt{margin-top:15px;border-top:1px solid #191919;font-size:12px;line-height:20px;color:#999;padding-top:10px;padding-bottom:8px;} .copry_txt span{padding-left:20px;} .copry_txt p{line-height:22px;font-size:12px;} .copry_txt a{color:#999;font-size:12px;} #bottomMap{position:absolute;right:150px;top:0px;width:125px;height:145px;background:url(images/bottom_map.jpg) no-repeat top center;} @media screen and (max-width:768px){ .logo{width:15%;} .logo img{height:50%;margin:15% auto;} .tmenu{width:78%;} .engbtn{width:7%;margin:4% auto;} .bottom_contact img{display:none;} } @media screen and (max-width:640px){ .mn{width:94%;} .pd90{padding-bottom:20px;} .mt60{margin-top:15px;} .mt100{margin-top:30px;} .mt150{margin-top:85px;} .logo{width:60%;} .logo img{height:70%;margin:5% auto;} .tmenu{display:none;width:60%;top:80px;height:240px;right:0;background-color:#444;position:absolute;z-index:99999;} .tmenu li{width:80%;margin-left:10%;float:none;color:#FFF;font-size:1.3em;line-height:2.4em;border-bottom:1px solid #666;} .tmenu li:nth-child(2){width:80%;} .tmenu li:nth-child(3){width:80%;} .tmenu li a{color:#FFF;} .tsmenu{display:none;width:0;height:0;} .mobilebtn{display:block;width:12%;float:right;margin-top:7%;} .engbtn{width:20%;float:left;margin:7% auto;float:right;} .engbtn_btn{height:21px;line-height:21px;width:100%;background-color:#dc3c46;color:#FFF;} #bottomnav{width:100%;overflow:hidden;} .bottom_contact{width:90%;margin-left:5%;float:none;} .bottom_contact img{display:none;} #bottom{height:150px;min-height:160px;padding:0px 10px;font-size:14px;} #bottom span{display:block;margin-left:auto;margin-right:auto;line-height:18px;} #bmenu{display:none;} .bottom-lxfs{width:100%;} .bottom-gzh{display:none;} }