锘?* 棣栭〉*/ body{ width:100%; height:auto; } body,p,img,a,div,span{ font-family:"寰蒋闆呴粦"; margin:0; padding:0;} .clearfix{ clear:both;} a{ text-decoration:none; } a img{border:none;} ul,li{ list-style: none; margin: 0; padding: 0; } .list_05 a:hover{color:#F90;} .content_04_left ul li a:hover{color:#F90;} .top_box{ width:100%; height:50px; float:left; background-color:#f2f2f2;} .top{ margin-right:50px;} .pingtai{ float:right; margin-top:36px;} .pingtai li{ width:auto; float:right; font-size:14px; color:#3b3535; margin-left:20px; line-height: 24px; position:relative; } .pingtai li img{ width:24px; height:24px; background-color:#c4c4c4; float:left; /*margin-right:10px;*/ border-radius:20px; margin-right: 2px; } .pingtai li a{ color:#3b3535; } .pingtai li:hover .p_01{background-color:#000;} .pingtai li:hover .p_02{background-color:#20a329;} .pingtai li:hover .p_03{background-color:#1f91cd;} .ewm_01{ width:auto; font-size:14px; color:#323232; text-align:center; line-height:24px; position:absolute; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.4); border-radius:8px; top: 30px; right: 0; z-index: 999; padding: 10px; display:none;} .pingtai li .ewm_01 .ewm_img{ width:auto; height:167px; float:left; background-color: #fff; margin: 0; border-radius: 0; } .pingtai li:hover div{display:block;} .nav_box{ margin: auto; width:1200px; height:100px; } .logo{ width: 326px; height: 62px; float: left; margin: 19px 0 0 0; } .nav{ width:auto; height:100px; float:right; margin-right:22px;} .nav li{ width:92px; height:auto; float:left; font-size:16px; line-height:87px; font-weight:600; text-align:center; position:relative; box-sizing:border-box; margin:0 7px; border-top:solid 3px #fff; } .nav li a{ width:100%; float:left; color:#323232; } .jiantou{ width:10px; height:9px; background:url('../images/jiantou_icon.png') no-repeat; float:right; margin: 41px 9px 0 0; } .nav .xz{border-top:solid 3px #c71400;} .nav .xz a{ color:#c71400;} .nav .xz .jiantou{ background:url('../images/jiantou_icon_r.png') } .nav li:hover{ border-top:solid 3px #c71400; box-sizing: border-box; } .nav li:hover a{ color:#c71400;} .nav li:hover .jiantou{ background:url('../images/jiantou_icon_r.png') no-repeat;} .nav_01{ display:none; position:absolute; top:80px; width:100%; background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.2); z-index:100; border-radius:5px; overflow:hidden; padding: 6px 0 6px 20px; } .nav_01 li{ width:90%; margin:0 5%; /*height:40px;*/ line-height:40px; font-size:14px; text-align:left; float:left; } .nav .nav_01 li a{ color:#686868;} .nav li:hover .nav_01{display:block;} .nav_01 li:hover{border-top:solid 3px #fff; } .nav_01 li:hover a{ color:#c71400;} .nav_m{ width:100%; float:left; } .nav .nav_01 .nav_m a{ width:auto; line-height:30px; font-size:14px; text-align:left; float:left; font-weight:normal; color:#aaa8a8; } .nav .nav_01 .nav_m p{ width:auto; line-height:30px; font-size:14px; text-align:left; float:left; font-weight:normal; color:#aaa8a8; margin:0 10px; } .nav_01 li .nav_m a:hover{ color:#c71400;} .banner_box{ width:100%; height:450px; overflow:hidden; z-index:1; position: relative; } .banner{ height:450px; position:relative; overflow: hidden; z-index: 1; /*float:left; left:50%; margin-left:-960px;*/ } .banner img{ width:1920px; transition: all 5.8s ease-in-out; -webkit-transition: all 5.8s ease-in-out; -moz-transition: all 5.8s ease-in-out; -o-transition: all 5.8s ease-in-out;} .banner img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .banner2{ height:450px; position:relative; overflow: hidden; z-index: 1; float:left; left:50%; margin-left:-960px; } .banner2 img{ width:1920px; transition: all 5.8s ease-in-out; -webkit-transition: all 5.8s ease-in-out; -moz-transition: all 5.8s ease-in-out; -o-transition: all 5.8s ease-in-out;} .banner2 img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .tongzhi_box{ width:100%; height:50px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.6);} .tongzhi{ width:1200px; height:50px; margin:auto; } .tongzhi img{ width:24px; height:21px; float:left; margin:14px 10px 0 0; } .tongzhi p{ float:left; font-size:12px; line-height:50px; color:#fff; } .search{ float:right; width:257px; margin-top:8px; } .search a{ width:51px; height:34px; background-image:url(../images/search_02.png); } input{ padding:0; margin:0; border:0; outline:none; list-style:none; } #sousuo{ height:34px; width:196px; font-size:13px; color:#939393; line-height:34px; font-family:"寰蒋闆呴粦"; border-radius:2px 0 0 2px; padding-left:10px; } .search *{ float:left; } .content_box{ width:100%; float:left; background-image:url(../images/top_bg_02.png); background-position:top center; background-repeat:no-repeat; } .content_box_02{ width:100%; float:left; } .content{ width:1200px; margin:auto; } /*.jiaoyi{ width:1200px; height:82px; float:left; margin-top:30px; }*/ .jiaoyi{ width:1198px; height:82px; float:left; margin-top:30px; border: solid 1px #e3e3e3; } .jiaoyi img{ width:1198px; height:82px; float:left; } .content_gg{ width:1200px; height:auto; float:left; margin-top:36px; border: 1px solid #e9e9e9; border-radius: 5px; } .tab_nav{ margin:0 0 0 17px; float: left; } .tabs{ display: inline-block; height: 43px; border: 1px solid #db1004; border-bottom: none; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 16px; font-weight: 600; letter-spacing: 1px; padding: 0 25px; line-height: 43px; cursor: pointer; background-color: #fff; } .tabs.active{ background-color: #db1004; color: #fff; } .tabs:hover{ background-color: #db1004; color: #fff; } .tabs_top{ float: left; width: 100%; border-bottom: 2px solid #eeeff3; background-color: #f4f3f2; line-height: 40px;} .active-bar { background-color: #db1004; } .el-tabs__item { height: 40px; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: #303133; position: relative; margin: 0 20px; cursor: pointer; } .is_active { color: #db1004; border-bottom: 2px solid #c71400; } .el-tabs__item:hover { color: #db1004; border-bottom: 2px solid #c71400; } .table_01{ width:100%; float:left;} .table_01 li{ width:100%; float:left; line-height:38px; font-size:14px; color:#606266; } .b_01{ width:20%; float:left; margin-left:1%} .b_02{ width:45%; float:left;} .b_022{ width:59%; float:left;} .b_03{ width:14%; float:left;} .b_04{ width:13%; float:left;} .b_05{ width:7%; float:left;} .table_01 li a{ color:#606266; } .table_01 li:nth-child(2n-1){ background-color:#f4f3f2;} .table_01 li:hover{ background-color:#c3151c;} .table_01 li:hover a{color:#fff;} .content_01{ width:1200px; height:284px; float:left; margin-top:40px; } .content_01_left{ float:left; width:580px; height:284px; } .content_01_left img{ float:left; width:580px; height:284px; } .content_01_right{ width:588px; float:right; height:284px; position:relative; overflow:hidden; background-color:#fff;} .title_01{ width:100%; height:44px; border-bottom:solid #c71400 1px; font-size:18px; color:#333333; float:left; line-height:44px; } .title_01 img{ height:20px; float:left; margin:12px 10px 0 0;} .line_02{ float:left; color:#ccd5e2; margin:0 26px; font-size:20px;} .t_01{ color:#333333; float:left; font-weight:600; width:auto; } .t_02{ float:right; width:auto; font-size:13px; color:#6a6a6a; } .t_02:hover{color:#de371c;} .list_01{ width: 100%; height: auto; margin: 10px 0 0 0; float: left;} .list_01 li{ width:98%; padding:0 1%; height:38px; font-size:14px; float:left; line-height:38px; } .list_01 li a{ color:#606266; float:left; } .dian{ color:#e1e1e1; margin:0 10px 0 0; float:left;} .keshi{ float:right; color:#999999; } .list_01 li:hover a{color:#c71400;} .list_01 li:hover .keshi{color:#c71400;} .list_01 li:hover .dian{color:#c71400;} .list_01 li:hover{ background-color:#f1eeee;} .content_05{ width:1200px; height:auto; margin-top:20px; margin-bottom:30px; float:left; } .content_05 .title_01{ border-bottom:0;} .lianjie { width: 100%; float: left; margin-top: 34px; } .lianjie li{ width:25%; float:left; line-height:36px; text-align:center; font-size:14px; } .lianjie li a{color:#606266;} .lianjie li img{ width: 94px; height: 94px; border-radius: 50px; background-color: #f1f1f1; border: solid 1px #cccccc; } .lianjie li:hover img{ border: solid 2px #c71400; /*background-color:#c71400;*/ } .lianjie li:hover a{ color:#c71400; } .footer_box{ width:100%; padding-top:36px; background-color:#333333; margin-top:40px; float:left; } .footer{ width:1200px; margin:auto; } .nav_04{ width:100px; height:auto; margin-right:20px; float:left; } .nav_04 li{ width:100px; float:left; font-size:14px; line-height:36px; text-align:left; } .nav_04 a{ color:#bfbfbf; } .nav_04 .text_n_01 a{ font-size:18px; line-height:36px; font-weight:bold; color:#fff;} .nav_04 a:hover{ color:#fff;} .bo_01{ width:284px; float:right; font-size:14px; color:#fff; line-height:36px;} .bo_02{ font-size:24px; line-height:40px;} .ewm{ width:167px; float:right; margin-right:80px; font-size:14px; color:#fff; text-align:center; line-height:36px;} .ewm img{ width:167px; height:167px; float:left; } .footer_02{ width:100%; font-size:13px; color:#fff; text-align:center; line-height:40px; float:left; border-top:solid #696969 1px; margin-top:55px;} .el-backtop { position: fixed; background-color: #f1f1f1; width: 40px; height: 40px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 5; right:40px; bottom:40px;} .el-backtop img{ width: 70%; float:left; } /*鏂伴椈鍔ㄦ€?/ .weizhi_box{ width:100%; height:55px; float:left; } .weizhi{ width:1200px; height:55px; margin:auto;} .weizhi p { font-size: 13px; line-height: 55px; color: #999999; float: left; } .weizhi a{ font-size:13px; line-height:55px; color:#999999; float:left;} .content_box_03{ width:100%; float:left; background:url(../images/bg_01.png) no-repeat top center; padding-top:28px;} .content_04{ width:1160px; padding:20px; height:auto; border:solid 1px #d9d9d9; background-color:#fff; display: inline-block; } .content_04_left{ width:238px; float:left; border:solid 1px #e9e9e9; background-color:#f4f3f2; border-radius:8px; } .title_zy_01{ width:100%; height:65px; float:left; text-align:left; font-size:18px; color:#3c3c3c; line-height:65px; font-weight:600; border-radius:5px 5px 0 0; border-bottom: solid #fff 1px;} .title_zy_01 img{ height:20px; float:left; margin:23px 10px 0 12px;} .title_zy_01 p{ float:left; } .nav_02{ width:100%; float:left; height:auto; padding-bottom:36px; box-sizing: border-box; } .nav_02 li{ width:174px;; padding: 0 20px 0 42px; height:autopx; font-size:16px; line-height:42px; border-bottom:solid #fff 1px; margin:auto; float: left; } .nav_02 li p{ float:left; color:#3c3c3c; } .nav_02 li .jiantou_01{ float:right; width:10px; height:15px; margin-top:11.5px; background-image:url(../images/jiantou_gray.png); } .nav_02 .xz_01{background-color:#c3151c;} .nav_02 .xz_01 p{ color:#fff; } .nav_02 .xz_01:hover .jiantou_01{ background-image:url(../images/jiantou_red.png); } .nav_02 li:hover{ background-color:#c3151c;} .nav_02 li:hover p{ color:#fff; } .nav_02 li:hover span{ background-image:url(../images/jiantou_red.png); } /*椤圭洰鍏憡*/ .nav_02 .nav_03{ width: 174px; float: left; background-color: #ffffff; margin-left: -42px; padding: 0 20px 0 42px; } .nav_02 .nav_03 li{ width:100%; float:left; padding:0; height:36px; font-size:14px; line-height:36px; border-bottom:0; } .nav_02 .nav_03 li p{ color:#a5a5a5; } .nav_02 .nav_03 li span{ float:left; width:6px; height:5px; margin:15px 6px 0 0; background-image:url(../images/jian_02.png); } .nav_02 .nav_03 li:hover{ background-color:#fff;} .nav_02 .nav_03 li:hover p{ color:#c3151c; } .nav_02 .nav_03 li:hover span{ background-image:url(../images/jian_01.png); } .search_gj{ width:100%; float:left; } .search_gj li{ width:auto; height:34px; float:left; margin-bottom:20px; position:relative;} .search_gj li p{ float:left; font-size:14; color:#323232; line-height:30px;} .search_01{ width:330px; height:34px; border:solid #dddddd 1px; float:left; padding-left:8px; border-radius:5px; margin-left:14px; } .icon_04{ width:20px; height:20px; position:absolute; right:10px; top:7px; z-index:20; cursor: pointer;} .cx{ width:135px; height:34px; background-color:#db1004; border-radius:5px; border:none; font-size:14px; color:#fff; } .content_04_right{ width:900px; float:right;} .content_04_right .title_01{ width:100%;} .content_04_right .list_01{ width:100%;} .title_03{ width:100%; height:59px; float:left; border-bottom:solid #dddddd 1px; line-height:59px; } .line_03{ width:3px; height:19px; float:left; background-color:#bf0c0d; margin:20px 15px 0 0;} .t_01_n{ font-size:18px; color:#bf0c0d; float:left; font-weight:600; width:auto; } .paging_box{ width:auto; float:right; margin-top:30px;} .paging{ width:auto; height:35px; font-size:16px; } .paging .page_01{ padding:6px 15px; color:#3f3f3f; float:left; margin:0 5px; float:left; border:solid #cccccc 1px;} .paging .page{ padding:6px 15px; background-coler:#fff; border:solid #cccccc 1px; color:#3f3f3f; margin:0 5px; float:left;} .paging .page_01:hover{ padding:7px 16px; background-color:#424242; color:#fff; border:none;} .paging .page:hover{ padding:7px 16px; background-color:#424242; border:none; color:#fff; } /*鍐呭椤?/ .content_box_04{ width:100%; float:left; background:url(../images/bg_02.png) no-repeat top center; padding-top:28px; position:relative;} .content_06{ width:1160px; padding:20px; height:auto; border:solid 1px #d9d9d9; background-color:#fff; display: inline-block; margin-bottom:20px; } .nr_01{ width:100%; height:auto; color:#666; float:left; } .bt_01{ width:100%; float:left; text-align:center; } .bt_01 p{ width:100%; border-bottom:solid #c71400 2px; font-size:22px; font-weight:bold; float:left; color:#c71400; line-height:60px; } .bt_01 span{ font-size:14px; color:#9f9f9f; line-height:40px; } .bt_02{ width:100%; font-size:14px; line-height:2; margin-top:16px; float:left; text-indent:2em; color:#323232;} .da{ position:absolute; width:auto; right:5px; top:34px; z-index:999;} .da span{ font-size:14px; padding:8px 8px; background-color:#fff; color:#323232; border-radius:3px; box-shadow:0 3px 5px rgba(0,0,0,0.2); } .da span:hover{ background-color:#c71400; color:#fff; } /*鍏徃绠€浠?/ .title_04{ width:100%; height:auto; float: left; border-bottom:solid 1px #d4d4d4; margin-bottom:20px; } .tt_01{ font-size:24px; color:#323232; line-height:36px; height:36px; font-weight:bold; text-align:center; } .tt_02{ width: max-content; font-size:14px; color:#cccccc; line-height:20px; border-bottom:solid 1px #fff; margin-bottom:-1px; } .ab_01{ width:100%; position:relative; float:left; margin-bottom:30px; } .ab_left{ width:564px; height:552px; float:left; background-color:#c71400; } .ab_right{ width:409px; height:505px; float:right; background-color:#fff; border:solid #ccc 1px; border-left:none; padding:45px 50px 0 136px; } .ab_img{ position:absolute; width:645px; height:512px; top:20px; left:20px;} .t_11{ width:100%; font-size:24px; float:left; color:#323232; line-height:36px; float:left; } .t_12{ width:100%; font-size:16px; color:#666666; float:left; line-height:30px; text-indent:2em;} /*鑱旂郴鎴戜滑*/ .nav_contact{ width:100%; float:left; margin:30px 0; } .nav_contact li{ width:23.3%; float:left; line-height:30px; margin:0 5%; } .nav_contact li img{ width:28px; height:28px; float:left; margin:1px 10px 0 0; } .c_01{ width:auto; font-size:18px; color:#000000; float:left;} .c_02{ width:100%; font-size:16px; color:#484848; float:left; margin:16px 0 0 0} .c_03{ width:100%; font-size:12px; color:#959494; float:left;} .map{ width:100%; float:left;} .map img{ width:100%; float:left; border-radius:5px;} /*姝e紡鍏憡*/ .bt_03{ width:100%; float:left; text-align:center; margin-bottom: 20px; } .bt_03 p{ width:100%; font-size:22px; font-weight:bold; float:left; color:#3c3c3c; line-height:40px; } .bt_03 span{ font-size:14px; color:#9f9f9f; line-height:30px; } .nav_table{ width:96%; height:40px; padding:0 27px; background-color:#eeeeee; font-size:16px; line-height:40px; font-weight:bold; color:#333333; float:left; /*margin:10px 0;*/} .nav_table li{ width:auto; float:left; } .nav_table p{ float:left; margin:0 10px; color:#b3b3b3; font-weight:normal; } .nav_table li a{ color:#333333; } .nav_table li:hover a{ color:#c71400; } /*椤圭洰鍏憡閾炬帴*/ .nav_xm{ width: max-content; margin: 0 auto; } .nav_xm li{ width:100px; height:36px; background-color:#ffffff; border:solid #d1d1d1 1px; font-size:14px; line-height:36px; border-radius:18px; float:left; text-align:center; } .nav_xm li a{ color:#7d7d7d; } .nav_xm .xm_01{ border:solid #c71400 1px; background-color:#c71400; } .nav_xm .xm_01 a{ color:#fff; } .nav_xm .xm_02{ border:solid #c71400 1px; } .nav_xm .xm_02 a{ color:#c71400; } .line_red{ width:56px; height:2px; background-color:#c71400; float:left; margin-top:18px; } .line_gray{ width:56px; height:2px; background-color:#d1d1d1; float:left; margin-top:18px; } /*.nav_xm li:hover{ font-weight:bold; font-size:16px; }*/ .nav_xm .xm_02:hover{ font-weight:bold; font-size:16px; } .nav_xm .xm_01:hover{ font-weight:bold; font-size:16px; } /*鎵撳嵃 鍒嗕韩 澶嶅埗*/ .fenxiang{ width:100%; float:left; margin-bottom:12px;} .fenxiang a{ width:30px; height:30px; float:right; cursor:pointer; margin:0 6px; } .bds_weixin{background:url(../images/xm_01.png) no-repeat;} .bds_copy{background:url(../images/xm_02.png) no-repeat;} .bds_print{background:url(../images/xm_03.png) no-repeat;} .fenxiang a:hover{opacity:.8;filter:alpha(opacity=80)} /*鍦板浘鏃堕棿杞?/ .cmb-his-container{ width: 1160px; height: 186px; margin: 0 auto; background: url(../images/world.png); padding-top: 244px; overflow:hidden; } .cmb-his-line{ width:1160px; height:195px; background: url("../images/line.png"); } .cmb-his-content{ position: relative; } .cmb-his-item{ position: absolute; bottom: -114px; left: 138px; } .cmb-his-item-hide{ display:none; } .cmb-his-item.cmb-his-active .cmb-his-item-body { display:block; opacity:0; bottom: -20px; } .cmb-his-item.cmb-his-prev .cmb-his-item-body { display:block; } .cmb-his-item-body{ width: 120px; height: 175px; background: #FFFFFF; box-shadow: 0 2px 15px 0 rgba(0,0,0,0.07); position: relative; padding:15px; overflow:hidden; right: 45px; display:none; z-index:1; } .cmb-his-item-point{ width:10px; height:10px; background: url("../images/point.png"); margin-top: 20px; } .cmb-his-ctrl{ position: absolute; right: 19px; bottom: -162px; } .cmb-his-btn{ width:30px; height:30px; display: inline-block; cursor: pointer; } .cmb-his-left{ background: url("../images/left.png"); } .cmb-his-right{ background: url("../images/right.png"); } .cmb-his-ctrl-span{ width:50px; height:30px; display: inline-block; vertical-align: top; padding-top: 5px; font-size: 0px; white-space: nowrap; } .cmb-his-ctrl-span span{ font-size: 14px; color: #3F3F3F; letter-spacing: 0.58px; text-align: justify; font-weight: bold; display: inline-block; } .cmb-his-ctrl-span-cur{ color: #A30030 !important; width: 20px; text-align: right !important; } .cmb-his-ctrl-span-total{ width: 20px } .cmb-his-active-point{ width:22px; height:22px; background:url("../images/point_active.png"); position: absolute; } .cmb-his-item-body-img{ width:120px; height:84px; position:absolute; overflow: hidden; } .cmb-his-item-body-title{ position:absolute; top: 140px; } .cmb-his-item-body-content{ position:absolute; width: 308px; left: 0px; opacity:0; text-align: justify; } .cmb-his-item-body-year{ opacity: 0.24; font-size: 24px; color: #626262; letter-spacing: 0.34px; line-height: 28px; font-style: italic; font-weight: bold; } .cmb-his-item-body-text{ font-size: 14px; color: #333333; letter-spacing: 0.58px; position: relative; top: -13px; font-weight: bold; } .cmb-his-item-body-date{ font-size: 12px; color: #999999; letter-spacing: 0.5px; position: relative; top: -14px; } .cmb-his-item-body-content .cmb-his-item-body-date{ font-size: 14px; top: -33px; left: 229px; } .cmb-his-item-body-content .cmb-his-item-body-text{ font-size: 14px; color: #5c89ea; } .cmb-his-item-body-content .cmb-his-item-body-year{ } .cmb-his-item-body-info{ font-size: 14px; position: relative; top: -24px; color: #999999; } .cmb-his-item-body-img img{ height: 100%; position: relative; } .cmb-his-item-title{ position: relative; } .cmb-his-item.cmb-his-active .cmb-his-item-title { display:none; } .cmb-his-item.cmb-his-prev .cmb-his-item-title { display:none; } .cmb-his-item-title-year{ font-size: 16px; color: #333333; letter-spacing: 0.57px; font-weight:bold; } .cmb-his-item-title-text{ font-size: 14px; color: #999999; margin-top: 8px; letter-spacing: 0.58px; width: 156px; } @media screen and (min-width: 1440px){ .nav_box{ width:90%; } .nav{ width:60%; float:none; margin: auto; padding-left: 124px; } .nav li{ width: 11%; margin: 0 2.5%; } .nav_01 li{ width:90%; margin:0 5%; /*height:40px;*/ line-height:40px; font-size:14px; text-align:left; float:left; } } @media screen and (min-width: 1620px){ .nav_box{ width:86%; } .nav{ width:55%; float:none; margin: auto; padding-left: 124px; } .nav li{ width: 11%; margin: 0 2.5%; } .nav_01 li{ width:90%; margin:0 5%; /*height:40px;*/ line-height:40px; font-size:14px; text-align:left; float:left; } .pingtai li{ margin-left:40px; } } @media screen and (min-width: 1720px){ .nav_box{ width:86%; } .nav{ width:59%; float:none; margin: auto; padding-left: 124px; } .nav li{ width: 10%; margin: 0 3%; } .nav_01 li { width: 90%; margin: 0 5%; line-height: 40px; font-size: 14px; text-align: left; float: left; } } @media screen and (min-width: 1820px){ .nav_box{ width:86%; } .nav{ width:62%; float:none; margin: auto; padding-left: 124px; } .nav li{ width: 10%; margin: 0 3%; } .nav_01 li { width: 90%; margin: 0 5%; line-height: 40px; font-size: 14px; text-align: left; float: left; } } @media screen and (min-width: 1920px){ .nav_box{ width:86%; } .nav{ width:66%; float:none; margin: auto; padding-left: 124px; } .nav li{ width: 9%; margin: 0 3.5%; } .nav_01 li { width: 90%; margin: 0 5%; line-height: 40px; font-size: 14px; text-align: left; float: left; } }