/* CSS Document */ /*澶撮儴*/ .head_top_total{ color: #fff; position: fixed; top: 0; left: 0; z-index: 100; width:100%; background: rgba(255,255,255,0.5); backdrop-filter: blur(2.9px); box-shadow: 0 10px 25px rgba(0,0,0,0.05);} .head_top{ width:100%; height:30px;} .head_top_son{ width:1200px; margin:0 auto;} .head_top_son_left{ float:left; line-height:30px;} .head_top_son_left ul li{ float:left; margin-right:25px; font-size:14px; color: #323232;} .head_top_son_left ul li img{ float:left; margin-top: 8px;} .head_top_son_right{ float:right; line-height:30px;} .head_top_son_right ul span { color: rgba(0,0,0,0.25); } .head_top_son_right ul li{ display:inline-block; color:#323232; font-size:14px;padding: 0 5px;} .heaed_top_nav{ width:100%; height:100px; position:relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .heaed_top_nav_son{ width:1200px; margin:0 auto;} .heaed_top_nav_son .logo{ float:left;padding-top: 14px;} .heaed_top_nav_son .logo h1{margin:0; background:url(../images/index/logo.png) no-repeat center; width:240px; height:72px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-indent: -9999px;background-size:240px 72px;} .heaed_top_nav_nav{font-size: 17px; width:59%; overflow: hidden; float:left; margin-top: 26px; margin-left: 53px;} .heaed_top_nav_nav.on{ margin-top: 16px;} .heaed_top_nav_nav ul li{width: auto; position: relative; margin-left: 1%;float: left; border-top:2px solid transparent; height: 74px; } .heaed_top_nav_nav ul li:hover{ background:#F1F1F1; border-top:2px solid #ED1B24;} .heaed_top_nav_nav > ul > li > a { padding: 16px 25px; border-top: 4px solid transparent; font-size: 17px; display:block; color:#000;} .head_top_shousuo{ float:right;padding: 32px; border-left:1px solid #DEDEDE; cursor:pointer;} .head_top_son_left ul li span { margin-right: 8px;} .ico2.on{transform: rotate(180deg);} /*澶撮儴 end*/ /*涓嬫媺*/ .head_xial{position: absolute; width: 100%;z-index: 99; top: 100px;} .head_xial_son{width: 100%; margin: 0px auto;overflow: hidden; background-color: rgba(255,255,255,0.9); background:#F1F1F1; padding-top:66px; padding-bottom: 20px;} .head_xial_son .sm1{ width:1043px; margin:0 auto; overflow:hidden;} .sm1_left{ float:left; width:539px;} .sm1_left_son_left{ float:left; width:315px;} .sm1_left_son_left h3{ font-weight:normal; font-size: 30px; color:#373737;} .sm1_left_son_left p{ color: #686868; font-size: 14px; line-height: 24px; margin-top: 16px; width: 315px; height: 120px; overflow: hidden; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .heaed_top_nav_nav ul li.on{ height: 52px; padding-top: 5px; line-height: 43px; } .nav_language{ float:left; color:#000; position:relative;padding: 30px 0; min-width: 89px; margin-top: 18px;} .nav_language.on{ color:#ED1B24; background:#F1F1F1;} .nav_language_son{ position:absolute; left:-55px; top:81px; background:#F1F1F1; min-width: 89px; text-align:center; padding:15px 0px; min-width: 144px;} .nav_language_son ul li{ color:#000; line-height: 32px;} .nav_language_son ul li:hover{ color:#ED1B24;} .nav_language .ico2{ padding: 0 5px; /* line-height: 37px; */ display: block; /* float: left; */ float: right; margin-top: 9px; margin-right: 5px; transition: all 0.3s;} .nav_language .ico1{ padding:0 5px;} .nav_language.mu{padding: 15px 0; } .nav_language_son.mu{top: 50px;} .sm1_left_son_left_a{ color:#3C3C3C; font-size:16px; margin-top: 35px; display: block;} .sm1_left_son_right{ float:right;} .sm1_left_son_right ul li{ color:#373737; font-size:18px; line-height: 40px;} .sm1_left_son_right ul li:hover{ color:#ED1B24;} .sm1_right{ float:right; width: 397px;} .sm1_right_img{ width:396px; height:230px; overflow:hidden;} .sm1_right_img img{ width:100%; height:100%; transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; -webkit-transition: all 0.3s;} .sm1_right_img img:hover{ transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .sm1_right p{ font-size:14px; color:#686868;line-height: 22px;margin-top: 10px; width: 397px; height: 66px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .heaed_top_nav_son .logo h1.on{ width: 130px; background-size: 100% auto; height: 42px; } .heaed_top_nav.mu{ height:68px; } .heaed_top_nav_nav > ul > li > a.on{ padding: 0 25px; } .heaed_top_nav_nav > ul > li:last-child{ display: none; } .head_top_shousuo.on{ padding:17px;} .head_xial.on{ top:68px;} /*涓嬫媺 end*/ /*鎼滅储 涓嬫媺*/ .search_box{text-align: center; font-size: 0;} search_select { width: 12%; text-align: left; box-sizing: content-box; padding: 0px 6px; } .search_main { display: inline-block; vertical-align: middle; font-size: 16px; height: 40px; line-height: 40px; border: 1px solid #dcdcdc; border-radius: 0px; } select-ui-choose-default { border-radius: 0; text-align: left; } select-ui-choose-default { height: 2em; line-height: 2em; border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #aaa; } .serach_inp { border-left: none; width: 30%; border-right: none; padding: 0px 6px; } .search_main { display: inline-block; vertical-align: middle; font-size: 16px; height: 40px; line-height: 40px; border: 1px solid #dcdcdc; border-radius: 0px; } .search_btn { outline: none; box-sizing: content-box; width: 8%; background: #ED1B24; color: #fff; border-color: #ED1B24; padding: 0; cursor:pointer; } /*鎼滅储 涓嬫媺*/ .nav_language{ float:left; color:#000; position:relative;padding: 30px 0; min-width: 89px; margin-top: 10px;} .nav_language.on{ color:#ED1B24; background:#F1F1F1;} .nav_language_son{ position:absolute; left:-55px; top:80px; background:#F1F1F1; min-width: 89px; text-align:center; padding:15px 0px; min-width: 144px;} .nav_language_son ul li{ color:#000; line-height: 32px;} .nav_language_son ul li:hover{ color:#ED1B24;} .nav_language .ico2{ padding: 0 5px; /* line-height: 37px; */ display: block; /* float: left; */ float: right; margin-top: 9px; margin-right: 5px;} .nav_language .ico1{ padding:0 5px;} .nav_language.mu{padding: 15px 0;margin-top:18px; } .nav_language_son.mu{top: 50px;} .nav_language .ico2.on{transform: rotate(180deg);}