@charset "utf-8"; /* CSS Document */ /*****header*******/ .header { width: 100%; z-index: 9999; background: #fff; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; position: relative; } .headerfix { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; } .header_con { width: 100%; z-index: 999; background: #fff; position: fixed; top: 0; left: 0; right: 0; margin: auto; } .nav_search { width: 20px; height: 20px; float: right; margin-top: 27px; margin-left: 15px; } .nav_search img { display: block; width: 100%; height: 100%; } .header_top { height: 20px; text-align: right; float: right; } .header_top h3 { width: 90%; height: 20px; text-align: right; margin: 0; font-size: 16px; line-height: 78px; color: #a9a9a9; background-color: white; font-family: Arial, Helvetica, sans-serif; } .header_top h3 a { padding: 0 5px; color: #0d548d; } .header_con.active { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .header_con .nav_box { position: relative; } .header_con .logo { left: 0; } .nav_box { width: 76%; margin: 0 auto; } .logo { width: 220px; position: absolute; left: 60px; top: 0; } .logo .logo_box { margin-top: 15px; } .logo .logo_box img { width: 100%; } .top_menu { background: #000; } .top_con { width: 80%; margin: 0 auto; } .menu { float: right; margin-bottom: 0; text-align: right; font-size: 0; } .phone { width: 50%; float: left; } .phone h3 { color: #999; font-size: 12px; margin: 10px 0; line-height: 20px; padding-left: 20px; background: url(../images/ph.png) left center no-repeat; background-size: 14px; } .top_dmt { width: 50%; float: right; text-align: right; padding: 10px 0; margin: 0; } .top_dmt li { display: inline; padding: 0 10px; } .top_dmt li:hover a { color: #fff; } .top_dmt li a { color: #999; font-size: 14px; } .menu li { text-align: center; display: inline-block; position: relative; } .menu li a { display: inline; line-height: 14px; font-size: 16px; color: #666; padding: 0px 15px; letter-spacing: 1px; line-height: 78px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .seach { /* float: right; */ width: 100px; background: #d9d9d9; position: absolute; right: 0; top: 0; } .seach .tp_box { width: 25px; margin: 0 auto; padding: 26.5px 0; } .seach .tp_box img { width: 100%; display: inline-block; line-height: 74px; } /*****鏂板姞****/ .header1 { position: absolute; top: 0px; left: 0; width: 100%; z-index: 9; display: none; } .menu_btn { position: fixed; top: 60px; right: 60px; width: 60px; height: 60px; z-index: 9999; } .menu_an { width: 60px; height: 60px; border: solid 2px #b2b2b2; cursor: pointer; } .menu_wz { position: absolute; top: 60px; z-index: 1; } .menu_an:after { content: ""; display: block; width: 20px; height: 1px; background: #b2b2b2; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_an:before { content: ""; display: block; width: 20px; height: 1px; background: #b2b2b2; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_an.closen span { display: block; width: 20px; height: 1px; background: #b2b2b2; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: 0px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.closen span { background: #0d548d; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.closen:before { margin-top: -8px; background: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.closen { border-color: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.closen:after { margin-top: 8px; background: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_an.open:before { transform: rotate(45deg) translate(4px, 5px); -webkit-transform: rotate(45deg) translate(4px, 5px); -moz-transform: rotate(45deg) translate(4px, 5px); -ms-transform: rotate(45deg) translate(4px, 5px); -o-transform: rotate(45deg) translate(4px, 5px); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_an.open:after { transform: rotate(-45deg) translate(2px, -3px); -webkit-transform: rotate(-45deg) translate(2px, -3px); -moz-transform: rotate(-45deg) translate(2px, -3px); -ms-transform: rotate(-45deg) translate(2px, -3px); -o-transform: rotate(-45deg) translate(2px, -3px); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.open { border-color: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_an.open:before, .menu_btn:hover .menu_an.open:after { background: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_wz h5 { transform-origin: left center; transform: rotate(90deg) translate(-22px, -30px); color: #b2b2b2; width: 100px; } .menu_wz h5:before { content: ""; width: 20px; height: 1px; background: #b2b2b2; display: inline-block; position: relative; top: -4px; margin-right: 10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_btn:hover .menu_wz h5:before { width: 26px; background: #007474; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .mennu_sear::-webkit-input-placeholder { color: #A1A1A1; } .mennu_sear:-moz-placeholder { color: #A1A1A1; } .mennu_sear::-moz-placeholder { color: #A1A1A1; } .mennu_sear:-ms-input-placeholder { color: #A1A1A1; } .menu_box { background: #062138; position: fixed; top: 0; left: 0; width: 100%; // height: 100%; z-index: 6666; padding: 60px 260px; overflow: hidden; display: none; } .menu_left { width: 33.33%; float: left; padding-right: 15px; } .menu_left h5 { font-size: 24px; color: #fff; text-transform: capitalize; letter-spacing: 1px; margin-top: 0; margin-bottom: 30px; } .menu_left h3 { display: block; color: #666; font-size: 20px; margin: 0; padding: 10px 0; line-height: 1.1; } .menu_left_ts h3 { color: #D2D2D2; text-transform: uppercase; font-size: 14px; width: 79%; line-height: 22px; letter-spacing: 1px; } .menu_top:hover .menu_left_ts h3 { color: #d2d2d2; } .menu_top .menu_left h3:hover { color: #fff; } .menu_top .menu_left_ts h3:hover { color: #d2d2d2; } .menu_left h5:after { content: ""; display: inline-block; vertical-align: middle; background-color: #4d4d4d; width: 60px; height: 1px; margin-left: 12px; } .menu_bottom { margin-top: 50px; } .menu_bottom h5:after { content: ""; display: inline-block; vertical-align: middle; background-color: #4d4d4d; width: 60px; height: 1px; margin-left: 12px; } .menu_bottom h5 { font-family: "Rubik"; font-size: 14px; color: #4d4d4d; text-transform: capitalize; letter-spacing: 1px; margin-top: 0; margin-bottom: 30px; } .menu_left ul { margin-bottom: 40px; } input.mennu_sear { background: transparent; border: none; font-size: 45px; color: #A1A1A1; text-transform: uppercase; } .menu_wz li { float: left; padding: 0 10px; } .menu_wz li a { color: #666; } .menu_wz li.active a { color: #fff; } .menu_wz ul { width: 200px; text-transform: capitalize; transform-origin: left center; transform: rotate(90deg); } .menu_wz ul { margin-left: 30px; } .menu_follow { position: fixed; bottom: 215px; right: 60px; width: 60px; } .menu_follow li { height: 60px; border: solid 2px transparent; padding: 16px; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_follow li:hover { border-color: #0d548d; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .follow_wz h5 { text-transform: capitalize; font-size: 12px; color: #fff; position: relative; } .follow_wz { transform-origin: center; transform: rotate(90deg) translateX(-48px); } .follow_wz h5:after { content: ""; width: 30px; height: 1px; display: inline-block; position: absolute; right: -40px; top: 50%; background: #fff; } .hidden_menu { position: absolute; top: 16px; left: 16px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .menu_follow li:hover .hidden_menu { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; } .header_line{ position:relative; bottom:-7px; left:0; width:100%; height:2px; background:#3a92d8; } /*****header*******/ .headernav { position: absolute; width: 100%; height: 120px; z-index: 999; top: 0; left: 0; background: #fff; } .headernav .logo { width: 220px; position: absolute; left: 60px; top: 0; } .headernav .logo .logo_box { margin-top: 40px; } .headernav .logo .logo_box img { display: block; width: 100%; } .headernav .nav_main { margin: 0; padding: 0; list-style: none; font-size: 18px; font-weight: 800; float: right; margin-right: 80px; margin-top: 10px; } .headernav .nav_main > li { display: block; width: 160px; text-align: center; color: #0d548d; margin: 0; padding: 0; box-sizing: border-box; float: left; cursor: pointer; position: relative; height: 60px; } .headernav .nav_main > li a { display: block; width: 100%; font-size: 18px; color: #0d548d; letter-spacing: 1px; line-height: 22px; border-left: 1px solid #ccc; } .headernav .nav_main > li:last-child { color: #9B9B9B; } .headernav .nav_main > li:last-child span { display: inline-block; margin: 0 5px; font-size: 18px; } .headernav .nav_main > li:last-child span.active { color: #14355C; } .nav_two { width: 100%; height: auto; border-bottom: 5px solid #0d548d; position: absolute; top: 120px; left: 0; background: rgba(0, 114, 160, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50d548d, endColorstr=#E50d548d); } .headnavBox { width: 100%; position: relative; top: 0; left: 0px; z-index: 9999; display: none; height: 0; } .navborder { width: 100%; height: auto; /* border: 2px solid #000; */ position: relative; z-index: 999; padding: 10px 5px 10px; } .navBoxTop h3 { margin-bottom: 0; color: #fff; font-weight: bold; } .navBoxTop h3 a { font-size: 28px; letter-spacing: 1px; color: #fff; line-height: 30px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } .navBoxList { margin: 20px auto 20px; padding: 0 30px; } .navBoxitem img { display: block; width: 100%; } .navBoxitem h4 { font-size: 16px; line-height: 24px; color: #eee; height: 24px; letter-spacing: 2px; font-weight: bold; } .navBoxMore { text-align: center; padding: 10px 0 25px; } .navBoxMore a { font-size: 16px; color: #fff; font-weight: bold; line-height: 40px; height: 40px; display: inline-block; } .navBoxMore a:hover { text-decoration: underline; } .navBoxBot { text-align: center; background: #FFFFFF; } .navBoxBot h3 { font-size: 15px; color: #666; text-transform: capitalize; letter-spacing: 2px; margin-top: 10px; margin-bottom: 0; } .navBoxBot a { padding: 5px 30px; line-height: 30px; border: 2px solid #e0e0e0; display: inline-block; margin-left: 40px; color: #b5b5b5; font-family: Arial, Helvetica, sans-serif; } .navBoxBot a:hover { border:#0d548d 2px solid; color:#0d548d; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; } .head_top { float: right; margin-top: 15px; margin-right: 80px; width: 100%; text-align: right; margin-bottom: 15px; } .head_top li { float: right; margin: 0px 0 0 25px; } .head_top li a { float: left; color: #999; text-transform: uppercase; line-height: 22px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; } .head_top li span { float: left; margin: 0 10px; color: #b3b3b3; } .head_top li .zw{ font-family:"寰蒋闆呴粦"; } .head_top li .zw:hover { color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .head_top li .yw:hover { color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .head_top li input { padding-left: 5px; height: 30px; width: 200px; border: 0; border-bottom: 1px solid #ccc; color: #ccc; letter-spacing: 1px; display: none; } .head_top .lang { margin-top: 5px; } .head_top .search { position: relative; } .head_top .search img { width: 30px; /* position: absolute; */ bottom: 0; right: 3px; } .phoneBj{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:2; display:none; } /*****banner*******/ .banner { position: relative; } .banner .swiper-banner .swiper-wrapper a{ display: block; width:100%; height:100%; } .arrow-left_01 { background: rgba(0,0,0,0.6); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 60px; height: 60px; left: 100px; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 50%; text-align: center; } .banner_pagination { text-align: center; z-index: 9; } .banner_pagination .swiper-pagination-switch { width: 80px; height: 4px; border-radius: 0; } .arrow-right_01 { background: rgba(0,0,0,0.6); border-radius: 50%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 60px; height: 60px; right: 100px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-right_01.active { right: 25px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .arrow-left_01.active { left: 25px; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .arrow-left_01 img { width: 30px; display: block; margin: 0 auto; margin-top: 5px; } .arrow-right_01 img { width: 30px; display: block; margin: 0 auto; margin-top: 5px; } .arrow-left1{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 45px; height: 45px; left: 20px; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 50%; text-align: center; } .arrow-left1 img{ width: 100%; } .arrow-right1{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 45px; height: 45px; right: 20px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-right1 img{ width: 100%; } .arrow-left2{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 45px; height: 45px; left: 20px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-left2 img{ width: 100%; } .arrow-right2{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 45px; height:45px; right: 20px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-right2 img{ width: 100%; } .arrow-left4{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 60px; height: 60px; right: 20px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-left4 img{ width: 100%; } .arrow-right4{ opacity: 1; filter: alpha(opacity=0); -moz-opacity: 1; -khtml-opacity: 1; width: 60px; height: 60px; right: 20px; text-align: center; padding: 10px 0; top: 51%; margin-top: -20px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .arrow-right4 img{ width: 100%; } .banner_txt { position: relative; top: 32%; } .banner_txt h5 { text-align: center; font-size: 42px; color: #fff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; } .banner_txt h5 span { display: inline-block; font-size: 44px; padding-bottom: 10px; } .banner_txt h3 { text-align: center; font-size: 66px; color: #fff; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 50px; margin-top: 50px; font-family: Arial, Helvetica, sans-serif; } .banner_txt a { text-align: center; } .banner_txt a div { color: #fff; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #fff; width: 160px; margin: 0 auto; padding: 10px 10px; font-family: Arial, Helvetica, sans-serif; } .banner_txt div img { width: 15px; display: inline-block; margin-bottom: 3px; } .banner_down { background: #fff; width: 68%; position: absolute; bottom: -30px; left: 16%; z-index: 3; padding: 0 35px; box-shadow: 0px 2px 5px #CAC6C6; } .cur_number span { font-size: 14px; float: left; color: #adadad; display: inline-block; } .cur_number i { float: left; height: 16px; width: 1px; background: #adadad; transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg); margin-top: 3px; } .cur_number .cur_1 { margin-right: 10px; } .cur_number .cur_2 { margin-left: 10px; } .cur_box { float: left; } .cur_number { float: left; padding: 20px 0; } .cur_box h3 { margin-left: 20px; font-size: 14px; text-transform: capitalize; line-height: 20px; color: #999; float: right; } .cur_tb { float: left; } .cur_by { float: right; } .cur_by h3 { font-size: 14px; color: #999; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; } .cur_tb { width: 26px; float: left; padding: 17px 0; margin-left: 39%; } .cur_tb img { width: 100%; } .banner .banner_bg { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*****banner*******/ /*****sec1*******/ .index_sec1 { margin-top: 50px; } .index_sec1_box { overflow: hidden; } .index_sec1_con { width: 30%; float: left; } .index_sec1_img { display: block; position: relative; overflow: hidden; } .index_sec1_img img { width: 100%; } .index_sec1_zhe { width: 100%; height: 100%; position: absolute; top: 0; text-align: center; left: 0; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; padding-top: 29%; } .index_sec1_zhe h5 { font-size: 16px; color: #fff; line-height: 24px; letter-spacing: 2px; border: 1px #fff solid; width: 45%; padding: 8px 0; margin: 0 auto; } .index_sec1_img:hover .index_sec1_zhe { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_sec1_con1 { width: 40%; float: left; padding-right: 5px; } .index_sec1_con2:hover .index_sec1_zhe3 { height: 220px; } .index_sec1_cons { padding:0 3px; margin-bottom: 5px; } .index_sec1_imgs { display: block; overflow: hidden; position: relative; } .index_sec1_imgs img { width: 100%; } .index_sec1_zhe3 { position: absolute; bottom: -2px; left: 0; height: 56px; width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .index_sec1_zhe2 { position: absolute; top: 0px; left: 0; width: 100%; padding: 17px 20px 20px; background: rgba(13,84,141,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50d548d, endColorstr=#E50d548d); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; height: 100%; } .index_sec1_zhe2 h3 { font-size: 18px; color: #fff; margin: 0; letter-spacing: 2px; padding-left: 15px; font-weight:bold; } .index_sec1_zhe2 h3:before { width: 8px; height: 20px; background: #e3c590; position: absolute; top: 18px; left: 20px; content: '\20'; } .index_sec1_zhe2 h5 p{ font-size: 14px; color: #fff; margin: 20px 0 30px 0; line-height: 24px; letter-spacing:1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden; text-overflow: ellipsis; /* height: 120px; */ } .cy_img1{ width: 100%; margin-bottom: 5px!important; } .cy_img1 img{ width: 100%; } .cy_img2{ width: 50%; float: left; margin-bottom: 5px; } .cy_img2 img{ width: 100%; } .cy_img3{ width: 50%; float: left; margin-bottom: 5px; } .cy_img3 img{ width: 100%; } /*****sec1*******/ /*****sec2*******/ .cont_two { width: 80%; margin: 0 auto; } .cont_two h3 { font-size: 26px; color: #333; } .cont_two h3 span { text-transform: uppercase; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; } .cont_two .tit_line { width: 45px; height: 2px; background: #333; margin-top: 25px; } .cont_two .xm_img { width: 100%; overflow: hidden; position: relative; } .cont_two .xm_img img { width: 100%; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; } .cont_two .xm_txt { background: #f2f2f2; padding: 30px 40px 30px 40px; } .cont_two .xm_txt h3 { margin: 0; color: #333; font-size: 20px; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } .cont_two .xm_txt h3 span { font-weight: bold; } .cont_two .xm_txt h4 { color: #666; font-size: 18px; letter-spacing: 1px; margin-bottom: 25px; line-height: 24px; margin-top: 20px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } /*****sec2*******/ /*****sec3*******/ .index_sec3 { padding: 35px 0; background: #000; } .index_sec3 h5 { color: #fff; font-size: 14px; text-align: center; margin: 0 0 15px 0; } .txt-tit { margin-bottom: 30px; border-bottom: 5px solid #ccc; } .txt-tit h6 { color: #fff; line-height: 35px; font-size: 30px; text-align: left; letter-spacing: 5px; margin: 0; float: left; border-bottom: 5px solid #0d548d; padding-bottom: 10px; margin-bottom: -5px; font-weight: bold; } .txt-tit h4 { color: #999; font-size: 14px; text-transform: capitalize; letter-spacing: 0px; line-height: 20px; margin: 0; float: left; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; } .txt-tit h4 span { display:none; width: 25px; height: 1px; background: #999; margin-bottom: 3px; margin-right: 5px; } /*****sec3*******/ /*** index_sec2 ***/ .index_sec2 { padding: 0 0 70px 0; } .index_sec2_dianji { width: 100%; overflow: hidden; } .index_sec2_state { padding: 15px 0 10px; width: 25%; float: left; border-right: 2px solid #ffffff; text-align: center; cursor: pointer; background: #f2f2f2; } .index_sec2_state.active { background: #0d548d; color: #ffffff; } .index_sec2_state.active h3{ color:#fff;} .index_sec2_state.active h6{ color:#fff;} .index_sec2_state.active .biao{ display:none !important;} .index_sec2_state.active .biao1{ display:block !important;} .index_sec2_state h3 { font-size: 18px; color: #333; margin: 0; margin-top: 15px; letter-spacing: 2px; font-weight:bold; } .index_sec2_state h6 { font-size: 14px; color: #999; margin: 10px 0; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; letter-spacing: 1px; } .index_sec2_state:last-child { width: 25%; border: none; } .index_sec2_state_img { display: block; width: 30px; height: 30px; margin: 0 auto; } .biao{ display:block !important;} .biao1{ display:none !important;} .index_sec2_state_img img { display: block; width: 100%; height: 100%; } .index_sec2_all { margin-top: 40px; width: 100%; } .videoA{ width: 100%; } .index_sec2_pic { display: block; width: 100%; top: 50%; } .index_sec2_pic img { display: block; width: 100%; height: 100%; } #player { display: block; width: 100%; height: 100%; } .index_sec2_pic .pic_ico { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; z-index:36; } .index_sec2_pic .pic_ico img { display: block; width: 100%; height: 100%; } .index_sec2_word { width: 100%; background: #ffffff; } .index_sec2_word h2 { width: 100%; margin: 0; font-size: 14px; border-bottom: 1px solid #ebebeb; line-height: 60px; text-align: center; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; } .index_sec2_one { /* padding: 60px 40px 0; */ } .index_sec2_oneimg { width: 60px; height: 60px; margin: 0 auto; } .index_sec2_oneimg img { display: block; width: 100%; height: 100%; margin: 0 auto; } .index_sec2_one h3 { font-size: 18px; color: #333; text-align: center; margin: 0; letter-spacing: 2px; font-weight: bold; line-height: 26px; } .index_sec2_one>span { display: block; width: 40px; height: 2px; background: #0d548d; margin: 20px auto; } .index_sec2_one h6 { line-height: 26px; font-size: 14px; color: #666; text-align: left; margin: 0 auto; letter-spacing: 1px; width: 90%; margin-bottom: 30px; text-indent: 2.3em; } .hid_text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 7;/* height: 136px; */overflow:hidden;text-overflow:ellipsis;} .index_sec2_one a { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 18px; /* background: #0d548d; */ color: #fff; text-align: center; margin: 0 auto; margin-top: 50px; } .index_sec2_all .col-lg-8 { padding-right: 0; } .index_sec2_all .col-lg-4 { padding-left: 0; } .index_sec2_one .xm_txt_on { width: 140px; color: #999; padding: 8px 0; letter-spacing: 1px; text-align: center; position: relative; margin: 0 auto; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec2_one .xm_txt_on:hover { background: #ebebeb; color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec2_one:hover .public_btn{ padding:0 15px 0 0 ; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec2_one:hover .public_btn_din { width: 100%; } .index_sec2_one:hover .public_btn span { color: #fff; } /***footer***/ .index_secfoot { margin-top: 0; height: 70px; background: #C8A974; line-height: 70px; text-align: center; text-transform: uppercase; } .index_secfoot_nav { width: 80%; margin: 0 auto; } .index_secfoot_box { font-size: 14px; color: #0d548d; letter-spacing: 1px; font-family:Arial, Helvetica, sans-serif; } .index_secfoot_box span { color: #fff; font-size: 14px; } .index_secfoot_box img { width: 30px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; margin-left: 20px } .index_secfoot_box img:last-child { width: 33px; } // .index_sec1_bottom li:last-child { // border: 0; // } .footer { padding: 15px 0 5px; background: #0d548d; } .footer_nav { padding:0 90px; margin: 0 auto; } .footerlogo { height: 32px; margin: 0 0 54px; background: #000; background: url(../images/cyc02.png); background-size: 5px 5px; } .index_sec2_box .footer .row { margin: 0px; } .footerlogo a { width: 144px; height: 39px; margin: 0 0 0 -15px; padding: 0 15px; background: #f3f4f4; display: block; } .footernavwarp { } .footernavwarp .col-lg-3 { padding-left: 0px; } .footernavwarp ul li { margin: 0 0 8px; text-transform: capitalize; } .footernavwarp ul li a { color: #808080; font-size: 13px; } .footernavwarp ul li a:hover { color: #005DA0; } .footernav .first { font-size: 15px; display: block; margin: 0 0 15px; text-transform: uppercase; color: #005DA0; } .copy { font-size: 12px; line-height: 40px; color: #B1B1B1; margin: 0 25px 0 0; } .copy span { font-family: "Microsoft YaHei", "寰蒋闆呴粦"; } .unohacha_logo { float: right; } .footercopy .col-lg-6 { padding: 0px; } .footercopy { margin-top: 10px; border-top: #3B7DB2 1px dotted; +margin-top: 100px; } .footer_box { overflow: hidden; +padding-left: 90px; } .footer_box ul { width: 16%; float: left; } .footer_box li { line-height: 24px; height: 24px; } .footer_box li:hover .mouse { color: #FFFFFF; padding-left: 10px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .footer_box li:first-child { position: relative; margin-bottom: 5px; } .footer_box li:first-child a { color: #C8A974; font-size: 13px; font-weight: bold; } .footer_box li a { color: #FFFFFF; font-size: 13px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; letter-spacing: 1px; } .footer_title { font-size: 14px; color: #C8A974; margin-bottom: 5px; font-weight: bold; } .footer_box1 { padding-left: 10%; +padding-left: 0; } .footer_box1 li { line-height: 24px; font-size: 13px; color: #FFFFFF; letter-spacing:1px; } .footer_box1 li a{ color: #FFFFFF; } /***footer***/ /***footer***/ /*****鏂板姞*****/ .cont_two .xm_list { margin-top: 60px; } .index_sec5_con { width: 80%; margin: 0 auto; } .index_sec5 { padding-bottom: 70px; } .index_sec5_list { padding-right: 10px; } .txt-tit h2 span { width: 40px; height: 1px; background: #000; display: inline-block; margin: 6px 15px; } .cont_two .txt-tit h2 { color: #000; } .cont_two .txt-tit h6 { color: #000; } .cont_two .txt-tit h2 span { width: 40px; height: 1px; background: #000; display: inline-block; margin: 10px 15px; } .cont_one .txt-tit { position: relative; margin-bottom: 60px; } .cont_one .txt-tit h2 span { width: 40px; height: 1px; background: #000; display: inline-block; margin: 10px 15px; } .index_sec5 .txt-tit h2 span { width: 40px; height: 1px; background: #000; display: inline-block; margin: 10px 15px; } .index_sec5 .txt-tit { margin: 60px 0; } /*index7*/ .solution { position: relative; margin-bottom: 80px; } .solution_con { width: 74%; margin: 0 auto; } #slider { position: relative; width: 100%; height: 100%; overflow: hidden; height: 190px; } #slider .slide { position: absolute; top: 0px; height: 100%; width: 45%; overflow: hidden; } #slider .title { color: #FFF; font-size: 23px; margin-right: 1.5em; text-decoration: none; } #slider .backgroundText { position: absolute; width: 100%; height: 100%; top: 100%; } #slider .name { position: absolute; top: 50%; color: #FFF; width: 250px; left: 10px; text-align: center; } #slider .text { position: absolute; top: 1%; top: 100%; color: #FFF; font-family: verdana, arial, Helvetica, sans-serif; font-size: 0.9em; text-align: justify; width: 30%; left: 10px; display: none !important; } #slider .diapo { position: absolute; filter: alpha(opacity=100); opacity: 1; } /*index7*/ .index_sec_box1 { margin: 0 auto; position: relative; padding:0 90px; } .index_sec_box2 { padding:0 90px; margin: 0 auto; position: relative; } /*index_sec8*/ .index_sec_box { padding:0 90px; margin: 0 auto; } .index_sec8 { position: relative; padding: 50px 0; } .index_sec8_con { display: block; padding: 25px 20px 20px 20px; } .index_sec8_con h3 span { display: inline-block; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; color: #000; font-size: 24px; position: relative; font-weight: normal; line-height: 35px; letter-spacing: 1px; font-weight: bolder; } .index_sec8_con h3 p { font-size: 42px; float: left; top: -7px; position: relative; z-index: 999999; } .index_sec8_con h3 a { color: #fff; font-size: 12px; position: absolute; right: 10px; top: 1px; } .index_sec8_con1:hover .index_sec8_left img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_sec8_img { overflow: hidden; margin-top: 0px; } .index_sec8_img img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .newest_title{ padding-top:25px; } .newest_title h3 { font-size:24px; color: #000; margin-top: 15px; letter-spacing: 1px; font-weight: bold; } .newest_title h3 span{ width:5px; height: 46px; background:#0d548d; display:block; float:left; margin-right: 10px; position: relative; } .newest_title h4{ font-size: 12px; font-weight: normal; color: #999; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; padding-left: 16px; padding:0; } .index_sec8_con h5 { font-size: 14px; color: #666; line-height: 22px; letter-spacing: 1px; height: 66px; overflow: hidden; } .index_sec8_con h6{ font-size: 14px; color: #666; line-height: 22px; letter-spacing: 1px; } .index_sec8_con:hover .public_btn_din { width: 100%; } .xm_lista:hover .public_btn_din { width: 100%; } .xm_lista:hover .public_btn span { color: #fff; } .index_sec8_con:hover .public_btn span { color: #fff; } .index_sec8_con:hover .public_btn { padding:0 15px 0 0; } .index_sec8_top { background: #0d548d; padding: 30px; overflow: hidden; -webkit-box-shadow: 0 0px 5px 1px #333 inset; -moz-box-shadow: 0 0px 5px 1px #333 inset; box-shadow: 0 0px 5px 1px #333 inset; cursor: pointer; } .index_sec8_left { width: 60px; height: 60px; border-radius: 15px; padding: 10px; background: #014076; -webkit-box-shadow: 0 0px 3px #fff, 0 0 3px #000 inset; -moz-box-shadow: 0 0px 3px #fff, 0 0 3px #000 inset; box-shadow: 0 0px 3px #fff, 0 0 3px #000 inset; float: left; } .index_sec8_left img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec8_con1 { position: relative; overflow: hidden; } .index_sec8_con1 .pic_box { width: 100%; position: relative; } .index_sec8_con1 .pic_box .video_pic { width: 120%; margin-left: -10%; } .index_sec8_con1 .pic_bt { background: rgba(0,0,0,0.8); position: absolute; bottom: 0; left: 0; width: 100%; } .index_sec8_con1 .pic_bt h3 { text-align: center; color: #fff; margin: 20px; font-size: 16px; letter-spacing: 3px; } .index_sec8 .swiper-active-switch { background: #0d548d; } .pagination8 { bottom: 60px; } .index_sec8_swiper { /* border: 1px solid #dedede; */ } .index_sec8_lis { line-height: 32px; /* border: 1px solid #dedede; */ padding: 25px 0px 0px 20px; margin-bottom: 0; } .index_sec8_title { margin-bottom: 20px; } .index_sec8_title h3 { color: #000000; font-size: 24px; position: relative; letter-spacing: 1px; margin-top: 15px; margin-bottom: 0; font-weight: bold; } .index_sec8_title h3 span{ width:5px; height: 46px; background: #0d548d; display:block; float:left; margin-right: 10px; position: relative; } .index_sec8_title h4{ font-size: 12px; font-weight:normal; color: #999; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding-left: 16px; } .index_sec8_title h3 p { font-size: 42px; float: left; top: -7px; position: relative; z-index: 9; } .index_sec8_lis li { border-bottom: 1px #dedede dashed; padding: 15px 0 10px; } .index_sec8_lis li a { color: #666; font-size: 15px; display: block; overflow: hidden; line-height: 50px; letter-spacing: 1px; } .index_sec8_lis li:hover h3 { color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec8_con .xm_txt_on { width: 140px; color: #999; padding: 8px 0; letter-spacing: 1px; text-align: center; position: relative; margin: 25px 0 10px 0; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec8_con .xm_txt_on:hover { background: #f2f2f2; color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec8_con .xm_txt_on i { position: absolute; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; width: 0; left: 0; top: 0; height: 100%; background: #0d548d; z-index: 1; display: block; } .index_sec8_con .xm_txt_on span { position: relative; z-index: 2; display: block; text-align: center; } .index_sec8_con .xm_txt_on span .more_2 { position: absolute; z-index: 2; width: 25px; top: 0px; right: 20px; } .index_sec8_con:hover .xm_txt_on i { width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .index_sec8_con:hover .xm_txt_on span { color: #fff; } .index_sec8_con:hover .xm_txt_on .more_1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec8_con .xm_txt_on img { width: 25px; margin-left: 10px; } .index_sec8_box1 { border: 1px solid #dedede; background: #f4f4f4; overflow:hidden; } .index_sec8_box1 .public_btn{ margin:10px auto; } .index_sec8_box1:hover .public_btn{ padding:0 15px 0 0 ; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec8_box1:hover .public_btn_din { width: 100%; } .index_sec8_box1:hover .public_btn span { color: #fff; } .index_sec8_btn{ width: 50px; height: 50px; position: absolute; top: 31%; text-align: center; line-height: 50px; z-index: 5; } .index_sec8_btn i{ color: #fff; font-size: 50px; } .index_sec8_btnL{ left: 5px; } .index_sec8_btnR{ right: 5px; } .innewsMore .public_btn{ margin: 3px auto; } /* 鎸夐挳 */ .public_btn { width: 160px; height: 35px; line-height: 33px; position: relative; border: 1px solid #0d548d; padding: 0 16px 0 50px; text-align: center; position:relative; z-index: 0; border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; overflow: hidden; cursor: pointer; margin-top: 35px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; behavior: url(PIE.htc); } .public_btn span { font-size: 14px; color: #0d548d; position: relative; z-index: 9; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-weight: lighter; } .public_btn_din { width: 35px; height: 100%; background: #0d548d; position: absolute; top: 0; left: 0; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; border-radius: 17px; } .public_btn_din img { width: 15px; position: absolute; top: 11px; right: 8px; } /*index_sec8*/ /*index_sec9*/ .index_sec9 { margin-top: 50px; } .cont_two .xm_img { width: 100%; overflow: hidden; position: relative; } .cont_two .xm_img img { width: 100%; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; } .cont_two .xm_txt { background: #f2f2f2; padding: 30px 40px 30px 40px; } .cont_two .xm_txt h3 span { font-weight: bold; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; } .cont_two .list_cont { margin-bottom: 20px; } .index_sec9_swiper { } .index_sec9 .txt-tit h2 span { background: #000; } .index_sec9_box { display: block; padding: 20px 15px; } .index_sec9_img { overflow: hidden; } .index_sec9_img img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec9_box:hover .index_sec9_img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_sec9_txt { background: #fff; } .index_sec9_txt h3 { font-size: 18px; color: #000; margin-top: 0; } .index_sec9_txt h5 { font-size: 14px; color: #333; line-height: 24px; } .arrow-left9, .arrow-right9 { position: absolute; top: 53%; width: 35px; height: 35px; } .arrow-left9 { left: 50px; } .arrow-right9 { right: 50px; } .arrow-left9 img, .arrow-right9 img { width: 100% } .index_sec9 .index_sec_box { position: relative; } .index_sec9_img { position: relative; overflow: hidden; } .index_sec9_img img { width: 100%; } .index_sec9_txt { position: absolute; bottom: -87%; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(13,84,141,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50d548d, endColorstr=#E50d548d); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec9_txt h3 { font-size: 18px; letter-spacing: 2px; color: #fff; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; font-weight: bold; margin-top: 15px; } .index_sec9_txt h5 { font-size: 14px; color: #fff; line-height: 24px; margin-top: 30px; letter-spacing: 1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; text-align:left; } .index_sec9_xian { width: 40px; height: 3px; background: #fff; margin: 20px auto; } .xm_lista:hover .index_sec9_txt { padding: 10% 20px 0; bottom:0; } .index_sec9 .xm_txt_on { width: 140px; color: #ccc; padding: 8px 0; letter-spacing: 1px; text-align: center; position: relative; margin: 40px auto 0; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; display:none; } .index_sec9 .xm_txt_on:hover { background: #f2f2f2; color: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .index_sec9 .xm_txt_on i { position: absolute; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; width: 0; left: 0; top: 0; height: 100%; background: #0d548d; z-index: 1; display: block; } .index_sec9 .xm_txt_on span { position: relative; z-index: 2; display: block; text-align: center; } .index_sec9 .xm_txt_on span .more_2 { position: absolute; z-index: 2; width: 25px; top: 0px; right: 20px; } .index_sec9 .index_sec9_txt .xm_txt_on:hover i { width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .index_sec9 .index_sec9_txt .xm_txt_on:hover span { color: #fff; } .index_sec9 .index_sec9_txt .xm_txt_on:hover .more_1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec9 .xm_txt_on img { width: 25px; margin-left: 10px; } /*index_sec9*/ /*鏂板姞*/ .menu_lis { position: absolute; top: 78px; margin: auto; margin-left: -90px; display: none; background: #f5f5f5; width: 180px !important; left: 50% !important; } .menu_lis_se { position: absolute; width: 4000px; margin-left: -2000px; background: #f2f2f2; height: 50px; display: none; } .menu_lis li { /* display:block; */ width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; position: relative; } .menu_lis li:after { content: ''; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: #0d548d; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .menu_lis li:hover:after { height: 100%; } .menu_lis li a { color: #666 !important; font-size: 15px; border: 0; line-height: 40px; } .menu>li:hover .menu_lis a { color: #333; width: 100%; display: block; border-bottom: #ccc 1px dotted; } .menu>li.active:before { height: 100%; } .menu>li a { position: relative; z-index: 2; } .menu li:hover a { color: #fff; } .menu>li:before { content: ''; position: absolute; bottom: 0; left: 0; background: #0d548d; height: 0%; width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .menu_lis li:hover a { color: #fff!important; transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; } .menu>li.active>a { color: #fff!important; } .linenone { border-right: none !important; } /*鏂板姞*/ /***鏁堟灉***/ .banner_txt { position: absolute; left: 0; top: 37%; width: 80%; left: 10%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 99; } .banner_txt1 { z-index: 9; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .banner_txt2 { z-index: 10; } .banner_txt3 { z-index: 11; } .swiper-wrapper.cy_con { width: 100% !important; } .swiper-wrapper.cy_con .swiper-slide { float: none; } .swiper-wrapper.cy_con .swiper-slide2 { display: none; } .swiper-wrapper.cy_con .swiper-slide3 { display: none; } .cont_box_left { position: relative; left: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .cont_tp { position: relative; bottom: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .cont_box { overflow: hidden; } .cont_two { overflow: hidden; } .xm_tit { position: relative; left: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin-bottom: 50px; margin-top: 30px; } .xm_lista { position: relative; bottom: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; padding: 0 15px 0; } .index_sec4_texta1 { position: relative; top: -50px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec4_texta2 { position: relative; bottom: -50px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .fd { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; } .index_sec5 .title h2 { position: relative; bottom: -200px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec5 .title h6 { position: relative; bottom: -200px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec5_list { position: relative; bottom: -200px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .arrow-left2.cy_left { transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 鍜 Chrome */ -o-transform: rotate(90deg); text-transform: uppercase; font-size: 16px; letter-spacing: 2px; top: 50%; margin-top: -15px; left: 30px; } .arrow-right2.cy_right { transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 鍜 Chrome */ -o-transform: rotate(90deg); text-transform: uppercase; font-size: 16px; letter-spacing: 2px; top: 50%; margin-top: -15px; right: 30px; } .by_box { padding: 25px 0; } .by_box h2 { text-align: center; color: #fff; letter-spacing: 1px; margin: 0 auto; border-bottom: solid 1px #666; width: 30%; font-family: Arial, Helvetica, sans-serif; } .by_box h6 { text-align: center; color: #fff; font-size: 28px; letter-spacing: 4px; line-height: 55px; margin: 0; margin-top: 15px; } .index_sec1 .txt-tit h6, .index_sec2 .txt-tit h6, .index_sec8 .txt-tit h6, .index_sec9 .txt-tit h6 { position: relative; left: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec1 .txt-tit h4, .index_sec2 .txt-tit h4, .index_sec8 .txt-tit h4, .index_sec9 .txt-tit h4 { position: relative; left: 300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec1_con, .index_sec1_con1 { position: relative; top: 300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec9_swiper { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); } .index_sec9_swiper.active { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; } .index_sec8_lis { position: relative; left: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec8_swiper { left: 300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec8 .index_sec8_con1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); } .index_sec8 .index_sec8_con1.active { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: all 0.5s .5s; -moz-transition: all 0.5s .5s; -ms-transition: all 0.5s .5s; -o-transition: all 0.5s .5s; -webkit-transition: all 0.5s .5s; } .index_sec2_dianji { position: relative; top: -300px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .index_sec2 .TabHide4 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: relative; top: 300px; } .index_sec2 .index_sec_box { overflow: hidden; } .index_sec8_con .news_title{ font-size: 18px; line-height: 24px; color: #333; } /***鏁堟灉***/ /*鏂板姞*/ .news_cont .news_pic{ float:left; width:25%; +width: 23%; overflow:hidden; } .news_cont .news_text{ padding-left:20px; float: left; width: 75%; overflow: hidden; } .news_cont .news_pic img{ display:block; width:100%; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .news_cont .news_text h3{ font-size: 16px; line-height: 26px; color: #333; margin:0; font-weight: bold; letter-spacing: 1px; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .news_cont .news_text h5{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin-top:5px;} .news_cont .news_text h4{ line-height: 24px; margin-top: 10px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; height:48px; overflow:hidden; } .index_sec8_lis li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .index_sec2_one .public_btn{ margin: 50px auto; } /*搴曢儴鏁堟灉*/ .wave-box { position: relative; height: 60px; background: #fff; } .marquee-box{ overflow:hidden; width:100%; position:absolute; left:0; top:0 } .marquee { width: 8000%; height: 60px; } .wave-list-box { float: left; } .wave-list-box ul { padding: 0; float: left; height: 60px; overflow: hidden; zoom: 1; } .wave-list-box ul li { height: 60px; width: 100%; float: left; line-height: 30px; list-style: none; } /* 9-25娣诲姞 */ .index_sec9-2{ display: none; } .finner{ margin-top: 60px; } /*10-31*/ .videoBox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; display: none; } .videoBox_bg { width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0.65; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; -webkit-opacity: 0.65; -webkit-transition: 0.8s ease; -moz-transition: 0.8s ease; -ms-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease; } .videoBoxCon_on { opacity: 1 !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; -webkit-opacity: 1 !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .colse { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 9; } .videoBoxCon { position: absolute; top: 11%; left: 17%; width: 66%; z-index: 999; overflow: hidden; background: rgba(0,0,0,0.5); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .Box-padding { margin: 15px; } .videoBoxCon-main video { width: 100%; } .index_sec9_txt h5 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:10; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 237px; } @media(max-width:1680px) { .by_box h2 { width: 36%; } .xm_lista:hover .index_sec9_txt h3 { margin-top: 20%; } .index_sec9_txt { bottom: -85%; } .index_sec2_one { padding: 50px 40px 0; } .index_sec2_one .public_btn{ margin-top:30px; } /*.index_sec2_one h6{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } */.index_sec8_con h5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; height: 110px; } .news_cont .news_text h4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .index_sec1_zhe2 h5{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 150px; } .index_sec9_txt h5{ height: 237px; } .index_sec9_txt h5 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 117px; } .index_sec1_zhe2 h5 p{ font-size: 14px; color: #fff; margin: 20px 0 30px 0; line-height: 24px; letter-spacing:1px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; /* height: 100px; */ } } @media(max-width:1500px) { .cont_one .cont_box h5 { margin-top: 0; } .cont_one .cont_bg { height: 500px; } .by_box h2 { width: 42%; } .xm_lista:hover .index_sec9_txt h3 { margin-top: 18%; } .index_sec9_txt { bottom: -83%; } } @media(max-width:1440px) { .menu { width: 80%; } .xm_lista:hover .index_sec9_txt h3 { margin-top: 20%; } .index_sec8_con1 .pic_box .pic_ico { top: 35%; } .cont_two .xm_txt h4 { margin-bottom: 15px; margin-top: 15px; } .index_sec9_txt { bottom: -80%; +bottom: -80px; } .index_sec_box1 { } .index_sec_box2 { } .index_sec_box { padding:0 90px; } .index_sec8_con h3 { font-size: 18px; } .index_sec8_con .xm_txt_on { margin: 15px 0 10px 0; } .solution_con { width: 80%; } .xm_lista:hover .index_sec9_txt { padding: 2% 20px 0; } .index_sec9_txt h5 { height: 70px; overflow: hidden; } .index_sec2_one { padding: 40px 20px 0; } .nav_box { width: 88%; } .index_sec2_one h3{ letter-spacing:1px; } .headernav .nav_main > li { width: 130px; } .index_sec9_txt h5 p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 69px; } .index_sec8_btn{ top:24%; } } @media(max-width:1360px) { .cont_two .xm_txt { padding: 30px 30px; } .cont_two .xm_txt h4 { font-size: 16px; line-height: 18px; } .by_box h2 { width: 46%; } .index_sec8_title h3{ font-size:18px;} .newest_title h3{font-size: 18px;} .index_sec8_title h3 span{ height:40px;} .index_sec8_con h3 span{ height:40px;} .index_sec8_title h4{ font-size:12px;} .index_sec8_con h4{ font-size:14px; padding-left:0;} , .index_sec8_title h3 p.index_sec8_con h3 p { font-size: 36px; } .xm_lista:hover .index_sec9_txt h3 { margin-top: 28%; } .index_sec2_one h6 { width: 100%; margin-bottom: 20px; line-height: 22px; } .index_sec2_one { padding: 35px 30px 0; } .index_sec2_one h3{ font-size:17px;} } @media(max-width:1280px) { .index_sec9_txt { bottom: -80%; } .index_sec8_lis li a { line-height: 42px; } .index_sec2_one { padding: 25px 25px 0; } .index_sec2_one h6 { line-height: 20px; } .index_sec2_one>span { margin: 12px auto; } /*****9.23淇敼*********/ .index_sec9_txt{ bottom:-70%; } .index_sec9_txt h3 { font-size: 12px; letter-spacing: 2px; color: #fff; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; font-weight: bold; margin-top: 7px; } .txt-tit{ margin-bottom: 30px; } .index_sec8 .index_sec_box { padding: 0 10px; } .col { width: 100%; float: left; } .footer_nav{ padding: 0 10px; } .footer_nav .col-lg-4 { +width: 28% !important; } .footer_nav .col-md-4 { +width: 28% !important; } .headernav .logo .logo_box{ margin-top: 10px; } } @media(max-width:768px) { .index_sec1_con, .index_sec1_con1 { width: 100%; } .navbar-nav { width: 100%; margin-left: 0px; text-transform: uppercase; } .navbar-nav li { text-align: center; border-bottom: 1px dotted #e5e5e5; line-height: 40px; } .navbar-nav li a { color: #666; font-size: 13px; } .navbar-nav li a:hover { color: #0752a4; } .headerbg { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999999; background: #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .logo_boxlist { float: left; width: 130px; margin-top: 10px; } .navbar-toggle { margin-top: 10px; } .navbar-toggle .icon-bar { background-color: #000; } .navbar-collapse { border-top: 1px solid #e5e5e5; } /*****9.23淇敼*********/ .headernav{ display: none; } .index_sec_box2 { padding: 0 10px; margin: 0 auto; position: relative; } .xm_lista{ padding:0; } .arrow-left9 { left: 0; } .arrow-right9 { right: 0; } .index_sec9{ display: none; } .index_sec9-2{ display: block; } .index_sec9{ display: none; } .menu_box { overflow: visible; background: white; padding:0; display:block; box-shadow: 0 2px 0 0 #E5E5E5; } .index_sec_box1{ width: 95%; margin:auto; padding:0; } .index_sec1_con2{ margin-bottom: 10px; } .navbar-collapse{ background: #fff; overflow-x: visible; } .col { width: 100%; float: left; } .index_sec_box { padding: 0 10px; margin: 0 auto; } .index_sec2_state h3 { font-size: 15px; letter-spacing: 0; } .index_sec2_state h6 { font-size: 12px; } .index_sec9_txt{ padding: 0px; height:auto; bottom:0 } .index_sec9_txt h3 { font-size: 16px; font-weight: bold; margin: 10px 0; line-height: 16px; } .banner .swiper-banner2 { height: 300px; } .banner .banner_pagination2{ bottom:10px;} .index_sec9_swiper{ margin-top:-50px; } .arrow-right9 { z-index: 1; } .arrow-left9 { z-index: 1; } .index_sec8_title h3 span { height: 50px; } .index_sec8_title h3 { font-size: 16px; text-align: left; } .index_sec8_title h4 { text-align: left; } .index_sec2_all .col-lg-4 { padding-left: 15px; } .index_sec2{ padding: 0 0 50px; } .index_sec8_con h3 span { height: 50px; float: left; width: 5px; background: #0d548d; display: block; margin-right: 10px; position: relative; } .index_sec8_con h3 { font-size: 16px; text-align: left; position: relative; color: #333; margin-top: 10px; font-weight: 900; } .index_sec8_con h6{ font-size: 12px; padding-left: 0; text-align: left; } .index_sec8_img{ width: 100%; } .index_sec8_img img{ width: 100%; } .index_sec8_con h4 { font-size: 12px; padding-left: 0; text-align: left; font-weight: normal; color: #999; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; padding-left: 16px; } .index_sec8_con .news_title { font-size: 14px; line-height: 20px; font-weight: 900; color: #333; } .index_sec8_con h5 { font-size: 12px; color: #666; line-height: 18px; letter-spacing: 1px; height: 66px; overflow: hidden; } .index_sec8_box1 { height: auto !important; border: none; background: none; } .index_sec9 { margin-top: 30px; } .index_sec2_one { padding: 20px; } .banner_pagination .swiper-pagination-switch { width: 50px; height: 4px; border-radius: 0; } .wave-box{ display: none; } .footer { padding: 0; } .footer_nav>.row{ display: none; } .footerwarp .hidden-xs{ display: none; } .txt-tit h6 { line-height: 20px; font-size: 18px; padding-bottom: 10px; margin-bottom: -5px; margin-top: 20px; } .txt-tit h4 { font-size: 12px; line-height: 20px; margin-top: 24px; } .index_sec2_one h3 { font-size: 15px; } .index_sec2_one h6 { line-height: 20px; font-size: 12px; height: 140px; } .navbar-toggle{ margin-right: -10px !important; } .collapse_lis { margin-top: 0; display: none; } .index_sec1 { margin-top: 0px; } .index_sec8 { position: relative; padding: 0 0 30px; } .index_sec8_lis{ padding:0; } ..index_sec2_state{ height: 100%; } .index_sec8_swiper{ cursor: -webkit-grab; height: 460px !important; } .news_cont .news_text h3{ font-size: 14px; } .news_cont .news_text h4{ font-size: 12px; } .index_sec8_con{ padding: 0; } .index_sec8_box1 .col-lg-7{ height: auto; } .index_sec2_word { height: auto !important; } .index_sec8_lis{ height: auto !important; } .news_cont .news_pic { float: left; width: 100%; overflow: hidden; } .index_sec8_lis li{ margin-top: 15px; } .news_cont .news_text{ width: 100%; padding-left: 0; padding-top: 20px; float: none; text-align: left; } .index_sec8_con h5{ line-height: 24px; text-align: left; } .index_sec8_btn{ top:32%; } .index_sec8_btnL{ left:0; } .index_sec8_lis li{ border-bottom: none; */ padding: 15px 0 10px; overflow: hidden; margin-bottom: 20px; background: #f9f9f9; } .index_sec8_lis li a { padding:0 10px; } .txt-tit{ margin-bottom: 20px; } .footercopy { margin-top:0; border-top: none; } .container-fluid{ width: 100%; padding-left:0 !important; padding-right: 0 !important; } .footercopy .row{ height: auto; } .visible-xs{ text-align: center; margin-right: 0; } .container-fluid:before{ content:none !important; } .finner{ margin-top:0; } .arrow-left_01{ width: 35px; height: 35px; } .arrow-right_01{ width: 35px; height: 35px; } .arrow-left_01 img{ width: 20px; margin-top: -2px; } .arrow-right_01 img{ width: 20px; margin-top: -2px; } .index_sec1_zhe2 h3{ font-size: 15px; } .cy_img1,.cy_img2,.cy_img3{ margin-bottom: 5px; } .index_sec1_zhe3{ height: 38px; } .index_sec1_zhe2{ padding: 12px 20px 20px; } .index_sec1_zhe2 h3:before{ top:11px; } .index_sec1_con2:hover .index_sec1_zhe3 { height: 38px; } .index_sec2_one .public_btn { margin: 20px auto; } .pagination9 { bottom: -5px; } .index_sec8_title { margin-bottom: 10px; } .index_sec8_box1 .public_btn { margin: 0 auto; position: relative; z-index: -1; } .chanye{ opacity:0; } .footer_text{ padding: 0 10px; } .footer_navs{ width: 100%; padding: 10px 0; overflow: hidden; border-bottom:#3B7DB2 1px dotted } .navs{ width: 20%; float: left; text-align: center; } .navs a{ color: #C8A974; font-size: 12px; } .footer_box1{ padding-left: 0; margin-top: 10px; text-align: left; } .footer_nav { padding: 0; } .footerwarp { background: #0F5083; } .footer_title{ font-size: 14px; margin-bottom: 6px; } .footer_box1 li{ font-size: 12px; line-height: 20px; } .index_sec2_all .col-lg-8 { padding-right: 15px; } .arrow-left_01{ left: 20px; } .arrow-right_01{ right: 20px; } .xm_txt_on { display:none; } .xm_lista:hover .index_sec9_txt { padding: 0px; height: auto; bottom: 0; +bottom: -60px; } .xm_lista:hover .index_sec9_txt h3{font-size: 16px; font-weight: bold; margin: 10px 0; line-height: 16px;} .index_sec2_state { height: 132px; width: 25%; } .index_sec2_state:last-child { width: 25%; border: none; } } @media(max-width:414px) { } #welf-wrap.col-lg-6 { +width: 40% !important; } .cont_list .col-lg-3 { +width: 20% !important; } #industry_sec1 { +padding-bottom: 50px !important; zoom: 1; }