body{ width: 100%; font-size: 62.5%; margin:0px;font-family: "微锟斤拷锟脚猴拷","锟斤拷锟斤拷"; } html{ font-size: 20px; } li{list-style: none;} a{text-decoration:none;} .left_header{ width:25%; height: 100%; position: fixed; top:0px; left: 0px; /*border-right:2px solid #ececec; */ box-shadow:0 2px 4px 0 rgba(0,0,0,0.20); } .logo{ width: 200px; height: 50px; margin:0px auto; margin-top: 40px; } .logo img{ width: 100%; } .header_menu{ width: 250px; height: 30px; margin:0px auto; margin-top: 20px; } .header_menu li{ width: 50%; font-size: 18px; font-weight: bold; text-align: center; line-height: 30px; float: left; cursor:pointer; color: #000 } .header_title{ font-size: 24px; font-weight: bold; width: 200px; margin: 0px auto; margin-top: 183px; } .h_t{ width: 200px; margin:20px auto; } .h_t li{ width: 100px; height: 35px; font-size: 18px; line-height: 35px; color: #808080; margin-top: 10px; cursor:pointer } .h_t li.f_ative{ color: #FA6E13; font-weight: bold; } .menu_show{ display: block } .menu_hide{ display: none } .contact{ width: 75%; height: 100%; float: right; background: #F8F8F8 } .banner{ width: 100%; height: 230px; position: relative; /*opacity:0.39;*/ } .banner .p1{ font-size: 30px; color: #fff; position: absolute; width: 50%; top: 50%; left:50%; margin-top: -30px; margin-left: -25%; text-align: center; font-family:PingFangSC-Semibold; } .banner .p2{ position: absolute; font-family:PingFangSC-Semibold; font-size:16px; color:#ffffff; width: 50%; top: 50%; left:50%; margin-top: 20px; margin-left: -25%; text-align: center; } .main{ width: 100%; } .main_title{ width: 72%; /*height: 120px;*/ padding-bottom: 30px; margin-left: 10%; margin-top: 70px; border-bottom: 2px solid #ececec; position: relative; } .tt1{ width: 100%; height: 30px; } .tt1 li{ margin-right: 15px; float: left } .tt1 .english{ font-family:DINAlternate-Bold; font-size: 18px; color: #FA6E13; font-weight: bold; line-height: 30px; } .tt1 .chinese{ font-family:DINAlternate-Bold; font-size: 18px; color: #000; font-weight: bold; line-height: 27px; } .tt2{ font-family:DINAlternate-Bold; font-size: 44px; font-weight: bold; } .dot{ width: 6px; height: 6px; border-radius: 50%; border: 2px solid #ececec; position: absolute; left: -4px; bottom: -6px; background: #F8F8F8 } .clear{ clear:both; } /*搴曢儴*/ .footor{ background: #F8F8F8; /*position: fixed; bottom: 0px;*/ width: 100%; height: 210px; } .foot{ float: left; margin-left: 10%; width: 90%; height: 50px; margin-top: 120px; } .foot img{ width: 135px; height: 30px; float: left; margin-right: 20px; } .foot li{ float: left; padding: 0px 20px; height: 34px; line-height: 34px; text-align: center; font-family:PingFangSC-Semibold; font-size:14px; color:#b3b3b3; } /*鍒嗛〉*/ .page{text-align:center;margin:8px; clear:both;} .page a{background:#fff;margin:1px;padding:4px 8px;border:1px solid #ccc;color:#A0A0A0;width:20px; height:18px;} .page a:hover{background:#f00;margin:1px;padding:4px 8px;border:1px solid #ccc;color:#fff; width:20px; height:18px;} .page span{background:#f00;color:#fff;margin:1px;padding:4px 8px;border:1px solid #ccc;} .page_pre{ width:50px; height:18px;} .page a.pre{ background:url(../images/index_r53_c18_s1.jpg) no-repeat; border:0px; width:50px; height:18px; display:inline-block; padding:0px; line-height:18px; text-indent:6px;} .page a.pre:hover{background:url(../images/page_pre_hover.jpg) no-repeat; border:0px; width:50px; height:18px; display:inline-block; padding:0px; line-height:18px; color:#f00; text-indent:6px;} .page_next{ width:50px; height:18px;}