@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'); } body, p, h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei", 寰蒋闆呴粦, STHeiti !important; margin: 0; padding: 0; } a:hover { text-decoration: none; } .swiper-banner .swiper-slide{ position: relative; } #intro-video{ object-fit: cover; width: 100%; height:100vh; height: 100%; } .foot_nav .foot_tit a{ font-size: 16px; color: #666; } /*****header*******/ .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; height: 86px; background: rgba(103, 103, 103, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); } .header.active { top: 0; -webkit-box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 41px rgba(0, 0, 0, 0.1); } .header_box { margin: 0 auto; /* background: #fff; */ -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; position: relative; } .header.active .header_box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -khtml-border-radius: 0px; } .header_bg { height: 86px; width: 80%; margin: 0 auto; } .header_bg .logo { float: left; padding: 0 37px 0 0; } .header_bg .logo img { width: 264px; } .header_bg .header_menu { float: right; margin-right: 30px; } .header_bg .header_menu>li { float: left; } .header_bg .header_menu>li>a { display: block; padding: 0 15px; font-size: 16px; font-weight: 400; line-height: 86px; color: #fff; letter-spacing: 1px; } .header_tool { float: right; } .header_tool .header_language { float: left; padding-right: 26px; margin-top: 13px; } .header_tool .header_icon { float: left; height: 24px; font-size: 0; line-height: 50px; margin-top: 30px; } .header_tool .header_icon span { overflow: hidden; height: 24px; font-size: 0; display: inline-block; cursor: pointer; } .header_tool span a { float: left; font-size: 14px; line-height: 62px; color: #ffffff; padding: 0 6px; letter-spacing: 0px; font-family: 'Titillium Web'; } .header_tool span.active a { color: #86daf7; } .header_tool span img { width: 24px; } .header_share { margin-right: 30px; } .header_language span a:hover { color: #1c5cb0; } .header_menu>li>a:hover { color: #1c5cb0; } .nav_list { position: absolute; background: #fff; width: 100%; left: 0; top: 100%; display: none; z-index: 14; } .nav_top { background: #adaeaf; padding: 15px 0; } .nav_left { float: left; width: 15%; padding: 20px 20px 0 0px; } .nav_menu { float: right; width: 70%; /* iOS 6-, Safari 3.1-6 */ /* Chrome */ /* Firefox 19 */ /*flex瀹瑰櫒*/ margin-top: 15px; } .nav_type { } .nav_type img { width: 100%; } .nav_type h4 { font-size: 14px; color: #fff; font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important; letter-spacing: 1px; } .nav_type h4 a { color: #fff; } .nav_type h4 a i { margin-left: 7px; } .nav_left h3 { color: #000000; font-size: 28px; margin-top: 0px; margin-bottom: 16px; letter-spacing: 5px; } .nav_left .nav_bt { width: 100px; /* background: #0e0e0e; */ height: 30px; line-height: 30px; text-align: center; font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important; text-transform: capitalize; border: #333 1px solid; } .nav_left .nav_bt a { color: #333; font-family: 'Titillium Web'!important; } .nav_left .nav_bt a i { margin-left: 8px; } .nav_left .nav_bt:hover{ background: #1c5aad; border: 1px solid #1c5aad;} .nav_left .nav_bt:hover a{ color: #fff;} .nav_type ul { } .nav_type ul li { font-size: 14px; line-height: 29px; font-family: 'Microsoft YaHei', 'Nanum Barun Gothic', Arial, sans-serif!important; } .nav_type ul li a { color: #666; font-size: 15px; 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; line-height: 30px; } .nav_type ul li a:hover { color: #1c5cb0; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .nav_bot { padding: 20px 0 40px; background: #ececec; } .share_box { position: absolute; width: 100%; background: #eeeeef; padding: 50px 0; top: 100%; left: 0; display: none; } .share_list { text-align: center; } .share_list ul { } .share_list ul li { display: inline-block; line-height: 40px; text-align: center; margin: 0 50px; } .share_list ul li a { } .share_list ul li a i { color: #b4b4b5; line-height: 61px; font-size: 25px; } .search_box { position: absolute; top: 100%; width: 100%; background: #eeeeef; padding: 80px 0; display: none; } .search_input { width: 45%; margin: 0 auto; } .search_input input { display: block; width: 100%; background: transparent; border: none; border-bottom: 1px solid #ccc; height: 45px; font-size: 18px; color: #999; letter-spacing: 1px; text-transform: capitalize; font-family: 'Titillium Web'; } .search_input img { width: 30px; position: absolute; right: 29%; top: 85px; } .header_share.active img, .header_search.active img { margin-top: -24px; } .som_nav h3 { margin-left: 10%; font-size: 15px; letter-spacing: 1px; color: #f5f5f5; } .som_nav h3 span { width: 35px; height: 1px; background: #f5f5f5; display: block; float: left; margin-top: 8px; margin-right: 10px; } .nav_left1 { margin-left: 10%; } /*****header*******/ /* 绾 */ .body_line { position: absolute; width: 1200px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0; z-index: 3; } .line { position: absolute; width: 1px; background: #fff; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .line_1 { left: 0; } .line_2 { left: 33.33%; } .line_3 { left: 66.66%; } .line_4 { right: 0; } .body_nav { width: 1200px; position: fixed; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; z-index: 99999; } .body_nav ul { position: absolute; right: -3px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 6px; z-index: 9999; } .body_nav ul li { width: 6px; height: 6px; background: #e8e8e8; margin: 20px 0; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; position: relative; } .body_nav ul li.active { background: #273896; } /* 绾 */ /*****banner*******/ .banner { position: relative; } .swiper-banner { position: relative; z-index: 9; } .banner_zz { width: 100%; height: 100%; background: url(../images/dot-pattern-dark.png) repeat; position: absolute; top: 0; left: 0; z-index: 6; } .banCon { width: 80%; position: relative; text-align: center; z-index: 91; height: 100%; margin: 0 auto; } .banCTxt { position: absolute; top: 50%; width: 710px; left: 50%; transform: translate(-50%,-50%); } .banCTxt:nth-child(n+2){ opacity: 0; filter: alpha(opacity=0); display: none; } .banCTxt h3 { color: #333; margin: 0; text-transform: uppercase; font-family: 'Titillium Web'!important; /* white-space: nowrap; */ font-size: 18px; letter-spacing: 3px; font-weight: 100; line-height: 28px; } .banCTxt h6 { margin: 0px 0 0; letter-spacing: 2px; font-size: 32px; color: #333; line-height: 55px; margin-bottom: 17px; } .banScorll { width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 99; text-align: center; cursor: pointer; } .banScorll img { width: 40px!important; display: inline-block; cursor: pointer; } /*****banner*******/ /*****sec1*******/ .index_sec1 { padding: 50px 0 30px; } .ind_sec1_tit { width: 80%; text-align: left; margin: 0 auto 40px; } .ind_sec1_tit h2 { color: #1c5aad; letter-spacing: 1px; font-size: 30px; text-transform: uppercase; } .ind_sec1_tit h2 span{ font-size: 20px; color: #333; margin-left: 10px; letter-spacing: 1px; font-weight: 100; font-family: 'Titillium Web'!important; text-transform: capitalize; } .ind_sec1_tit h3 { text-align: left; font-size: 28px; letter-spacing: 3px; margin-top: 10px; color: #1b5aad; text-indent:2em; } .ind_sec1_box { width: 80%; margin: 0 auto; } .ind_sec1_left { position: relative; padding-right:10% ; } .ind_sec1_left h6 { text-transform: uppercase; letter-spacing: 1px; position: absolute; transform: rotate(360deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); left: -20px; top: 34px; font-family: 'Titillium Web'!important; font-size: 14px; } .ind_sec1_left h4 { padding-left: 50px; font-size: 24px; color: #1b5aad; line-height: 40px; margin-bottom: 50px; font-family: 'Titillium Web'!important; } .ind_sec1_left h4 span { color: #333; font-size: 28px; font-family: "寰蒋闆呴粦"; letter-spacing: 3px; } .ind_sec1_limg { position: relative; } .ind_sec1_limg img { width: 100%; } .ind_sec1_limg h5 { position: absolute; bottom: 50px; left: 50px; background: #e88101; color: #fff; font-size: 18px; padding: 15px 20px; font-family: 'Titillium Web'!important; text-transform: capitalize; letter-spacing: 1px; } .ind_sec1_right { padding: 0 50px; /* background: #fff; */ /* -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); */ -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); */ margin-top: 6%; } .ind_sec1_right h4 { font-size: 28px; color: #d7d7d7; font-weight: 100; font-family: 'quicksandbook'!important; text-transform: uppercase; position: relative; } .ind_sec1_right h3 i { color: #e88101; font-weight: 100; font-size: 15px; vertical-align: middle; margin-bottom: 9px; position: absolute; left: -15px; top: 7px; } .ind_sec1_right h3 { font-size: 26px; letter-spacing: 3px; color: #333; margin: 0px 0 20px; position: relative; } .ind_sec1_right h6 { font-size: 15px; letter-spacing: 1px; margin-bottom: 20px; line-height: 26px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .ind_sec1_right h6 span { color: #b83e46; text-transform: uppercase; font-weight: bold; text-decoration: underline; } .ind_sec1_right>h6 a { font-size: 12px; text-transform: uppercase; color: #d75834; font-weight: 600; letter-spacing: 1px; margin-top: 50px; display: block; } /*****sec1*******/ /*****sec2*******/ .index_sec2 { margin-top: -80px; padding-bottom: 100px; position: relative; } .ind_sec2_box { position: relative; width: 90%; margin-left: 10%; } .ind_sec2_titbox { position: absolute; z-index: 2; } .ind_sec2_tit { background: rgba(27, 90, 173, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC407ca7, endColorstr=#CC407ca7); padding: 28px; } .ind_sec2_tit h2 { font-size: 22px; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-family: 'Titillium Web'!important; } .ind_sec2_sbox { width: 130%; } .indsec2_swiper { } .ind_sec2_img { position: relative; } .ind_sec2_img img { width: 100%; } .ind_sec2_img .ind_sec2_txt { position: absolute; bottom: 0; width: 75%; left: 45%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 70px; z-index: 2; } .ind_sec2_img .ind_sec2_txt h5 { color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 3px; font-weight: bold; } .ind_sec2_img .ind_sec2_txt h3 { color: #f5f5f5; font-size: 20px; margin: 10px 0; font-family: 'Titillium Web'!important; letter-spacing: 1px; } .ind_sec2_img .ind_sec2_txt h6 { font-size: 16px; letter-spacing: 1px; color: #fff; margin-bottom: 5px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .ind_sec2_img .ind_sec2_txt h6.end { font-family: 'Titillium Web'!important; } .ind_sec2_img h4 { position: absolute; bottom: 0; right: 0; color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Titillium Web'!important; letter-spacing: 1px; padding: 10px; background: rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); 聽 } .ind_sec2_img:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(27, 90, 173, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C26618b, endColorstr=#4C26618b); z-index: 1; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .indsec2_pag { bottom: 0; width: auto; left: 30%; } .indsec2_pag span { background: #fff; border: 1px solid #1b5aad; } .indsec2_pag span.swiper-active-switch { background: #1b5aad; } .ind_sec2_img:hover:before { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .ind_sec2_dre { position: absolute; top: 0; left: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ind_sec2_dre a { display: block; width: 80px; height: 80px; text-align: center; background: rgb(27, 90, 173); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC407ca7, endColorstr=#CC407ca7); padding: 27px; margin-bottom: 1px; } .ind_sec2_dre a i { font-size: 20px; color: #fff; } /*****sec2*******/ /*****sec3*******/ .index_sec3 { position: relative; padding: 50px 0 30px; } .ind_sec1_tit2 { width:100%; text-align: left; margin-bottom: 30px; } .ind_sec1_tit2 h2 { color: #1c5aad; letter-spacing: 1px; font-size: 30px; text-transform: uppercase; } .ind_sec1_tit2 h2 span{ font-size: 20px; color: #333; margin-left: 10px; letter-spacing: 1px; font-weight: 100; font-family: 'Titillium Web'!important; text-transform: capitalize; } .ind_sec3_box { width: 80%; margin: 0 auto; } .ind_sec3_txt { } .tanel-cell { display: table-cell; vertical-align: middle } .ind_sec3_txt .tanel-cell { padding-left: 7%; } .ind_sec3_txt h5 { font-size: 20px; color: #333; letter-spacing: 0px; } .ind_sec3_txt h3 img { width: 28px; margin-left: 10px; } .ind_sec3_txt h6 { } .ind_sec3_img img { width: 100%; } .ind_sec3_img h4 { font-size: 21px; color: #333; font-weight: 600; letter-spacing: 1px; margin-top: 15px; } /*****sec3*******/ /*****sec4*******/ .index_sec4 { padding: 120px 0; width: 100%; position: relative; text-align: center; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .index_sec4_box { text-align: center; padding: 0 5%; } .index_sec4_box h3 { color: #fff; letter-spacing: 1px; font-size: 20px; font-family: 'Titillium Web'!important; text-transform: uppercase; } .index_sec4_box h6 { font-size: 15px; color: #fff; line-height: 28px; letter-spacing: 1px; } .index_sec4_box h4 { font-size: 34px; color: #fff; letter-spacing: 6px; margin: 20px 0; } .index_sec4_txt { position: absolute; right: 15%; bottom: 0; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); background: url('../images/ind13.jpg') no-repeat center center; background-size: cover; width: 500px; padding: 50px; } .index_sec4_txt h3 { color: #fff; font-size: 20px; line-height: 25px; letter-spacing: 2px; font-family: 'Titillium Web'!important; text-align: left; } .index_sec4_txt img { display: block; width: 24px; margin-top: 30px; } /*****sec4*******/ /*****sec5*******/ .index_sec5 { padding: 60px 0 80px; } .index_sec5_box{ width: 80%; margin: 50px auto 0; } .index_sec5_box>ul { width: 100%; border-top: 1px solid #eee; } .index_sec5_box>ul>li { border-bottom: 1px solid #eee; padding: 50px 10%; position: relative; } .areas_sec2_bj { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 1; } .areas_sec2_bj2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(28, 92, 176); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#1c5cb0, endColorstr=#1c5cb0); } .areas_sec2_txt { position: relative; z-index: 9; } .areas_sec2_txtL { width: 80%; float: left; } .areas_sec2_txtL h2 { font-size: 20px; color: #1c5cb0; margin-top: 0; font-weight: bold; line-height: 30px; } .areas_sec2_txtL h4 { font-size: 15px; color: #333; line-height: 24px; margin: 7px 0 0; } .areas_sec2_txtL h5 { font-size: 18px; color: #fff; margin-top: 30px; float: left; background: #b87f32; line-height: 40px; padding: 0 20px; letter-spacing: 1px; } .areas_sec2_txtL h5 span { font-size: 24px; } .areas_sec2_txtL h5.yanse { background: #671115; } .index_sec5_box>ul>li:hover .areas_sec2_txtL h2 { color: #fff; } .index_sec5_box>ul>li:hover .areas_sec2_txtL h4 { color: #fff; } .index_sec5_box>ul>li:hover .areas_sec2_bj { transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); } .areas_sec2_txt .areas_sec2_txtr { float: left; width: 20%; } .areas_sec2_txt .areas_sec2_txtr h6 { font-size: 14px; letter-spacing: 1px; color: #e88101; font-family: 'Titillium Web'!important; } .index_sec5_box>ul>li:hover .areas_sec2_txtr h6 { color: #fff; } .index_sec5_box>h6 { width: 80%; margin: 0 auto; text-align: right; padding-top: 20px; } .index_sec5_box>h6 a { font-size: 14px; text-transform: uppercase; color: #d75834; font-weight: 600; letter-spacing: 1px; font-family: 'Titillium Web'!important; } .index_sec5_box>h6 a i { margin-left: 5px; } /*****sec5*******/ /***footer***/ .footer { } .footer_box { } .footer_top { background: #333; } .footer_top_box { width: 80%; margin: 0 auto; padding: 15px 0; } .footer_tl { float: left; width: 50%; } .footer_tl h4 { font-size: 23px; color: #fff; letter-spacing: 1px; line-height: 35px; text-transform:capitalize; font-family: 'Titillium Web'!important; } .footer_tl h6 { text-transform: uppercase; font-size: 14px; color: #fff; margin-top: 5px; } .footer_tr { float: left; width: 50%; text-align: right; } .footer_tr img { width: 23px; vertical-align: middle; margin-top: 7px; } .footer_bot { background: #eeeeee; } .IndexCon { width: 80%; margin: 0 auto; position: relative; padding-top: 30px; } .footBotUl { display: block; border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; padding-bottom: 20px; overflow: hidden; } .footBotUl li { float: left; margin-right: 5%; display: inline-block; } .footBotUl li a { font-size: 16px; color: #666; line-height: 24px; margin: 0; 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; } .footBotUl li a img { display: inline-block; width: 20px; margin: 0 6px 2px 0; } .footBotUl li span { font-size: 14px; color: #666; line-height: 24px; } .copy { font-size: 12px; line-height: 40px; color: #666; margin: 0 25px 0 0; font-family: Arial, Helvetica, sans-serif; } .copy span { font-family: "Microsoft YaHei", "寰蒋闆呴粦"; } .unohacha_logo { float: right; } .footBotUl .foot_right { float: right; margin-right: 0; } .footBotUl .foot_right a { color: #666; font-size: 14px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; } .footBotUl .foot_right:hover a { color: #999; } .footBotUl li:hover a { color: #0E70BB; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .foot_nav li i { line-height: 30px; margin-right: 5px; color: #ccc; font-size: 16px; } .foot_nav .foot_tit { font-size: 16px; color: #666; margin-bottom: 10px; } .foot_nav li a { font-size: 14px; letter-spacing: 1px; color: #999; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .foot_nav li { font-size: 14px; letter-spacing: 1px; color: #999; line-height: 30px; } .foot_nav li:hover a { padding-left: 5px; color: #e88101; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .foot_nav li img { display: block; float: left; width: 18px; margin-right: 5px; margin-top: 7px; } .foot_left { width: 80%; float: left; } .foot_left_pleft{ padding:0; } .foot_right { width: 20%; float: left; /* padding-left: 30px;*/ } .foot_line { border-top: 1px solid #ccc; margin: 20px 0 0; } /***footer***/ /*more*/ .more { display: inline-block; line-height: 50px; padding: 0 30px; color: #333; letter-spacing: 1px; margin-top: 40px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; text-transform:capitalize; font-family: 'Titillium Web'!important; font-size: 16px; border: #6d6d6d 1px solid; position: relative; } .more img { display: none; } /*.more i{ display: inline-block;; width: 16px; height:16px; background:url(_URL_images/cus_more.png.htmlg') center/cover no-repeat; margin-left: 5px; }*/ .more:hover { background: #1c5aad; color: #fff; border: #1c5aad 1px solid !important; } .more_ico { position: absolute; top: 38%; } .more:hover .more_ico{ opacity:0; } .more i { margin-right: 6px; } .more i { margin-right: 6px; } .biao1{ } .biao2{ opacity: 0; position: absolute; right: 30px; top: 17px; } .more:hover .biao1{ opacity: 0;} .more:hover .biao2{ opacity: 1;} /*more*/ /*index_add*/ .index_secadd2 { padding: 30px 0; } .ind_secadd2_box { width: 100%; margin: 0 auto; } .ind_secadd2_top{ margin-bottom: 35px; } .ind_secadd2_rimg h5 { position: absolute; background:rgba(27,90,173,0.8); color: #F7F7F7; display: inline; padding: 15px; font-size: 15px; letter-spacing: 1px; left: 0; bottom: 0; text-transform:capitalize; font-family: 'Titillium Web'!important; font-weight: 600; } .ind_secadd2_rimg { position: relative; width: 100%; overflow: hidden; } .ind_secadd2_rimg 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; } .ind_secadd2_right { } .ind_secadd2_right:hover img{ transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); } .ind_secadd2_right:hover .ind_sec2_txt h5{ color: #e88101; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .ind_secadd2_right:hover .ind_sec2_addbot{ background: #e88101; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .ind_secadd2_right:hover .ind_sec2_addbot a{ color:#f5f5f5; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .ind_secadd2_right:hover .ind_sec2_addbot a i{ color:#f5f5f5; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .ind_secadd2_left { margin-bottom: 30px } .ind_secadd2_left .ind_sec2_txt h5 { color: #fff; text-transform: uppercase; font-size: 24px; letter-spacing: 3px; font-weight: bold; text-align: center; } .ind_secadd2_left .ind_sec2_txt h3 { color: #f5f5f5; font-size: 20px; margin: 10px 0; font-family: 'Titillium Web'!important; letter-spacing: 1px; text-align: center; } .ind_sec2_txt h6 { font-size: 16px; letter-spacing: 1px; color: #fff; margin-bottom: 5px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-align: center; } .ind_secadd2_right .ind_sec2_txt { padding: 40px 20px 30px; background: #fff; position: relative; } .ind_secadd2_right .ind_sec2_txt h5{ font-size: 22px; letter-spacing:1px; font-weight:bold; color: #1b5aad; } .ind_secadd2_right .ind_sec2_txt h3 { color: #999; font-size: 16px; font-family: 'Titillium Web'!important; letter-spacing: 1px; margin: 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform: capitalize; } .ind_secadd2_right .ind_sec2_txt h6 { font-size: 15px; letter-spacing: 1px; color: #333; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; text-align: left; } .ind_secadd2_lbg .ind_sec2_txt { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ind_secadd2_lbg { position: relative } .ind_sec2_addbot { height: 50px; line-height: 50px; font-size: 16px; letter-spacing: 1px; font-family: 'Titillium Web'!important; color: #333; background: #e8e8e8; padding: 0 15px; } .ind_sec2_addbot a { color: #999; } .ind_sec2_txt a { position: absolute; display: block; width: 40px; border: 1px solid #e8e8e8; border-right: none; height: 40px; text-align: center; right: 0; bottom: 0; } .ind_sec2_txt a i { font-size: 24px; color: #999; line-height: 35px; } .ind_sec2_addbot a i { font-size: 17px; color: #999; margin-left: 12px; vertical-align: middle; margin-bottom: 4px; } /*index_add*/ /*indec_sec6*/ .case_list .col-sm-4:nth-child(3 - n) { margin-bottom: 15px; } .index_sec6{ width: 100%; padding: 30px 0 120px; } .index_sec6_box{ width: 80%; margin: 0 auto; } .index_sec6_box .col-lg-4{ padding:0 8px; } .index_sec6_con{ width: 100%; position: relative; margin-top: 15px; } .index_sec6_con img{ width: 100%; }.index_sec6_txt{ width: 90%; padding: 25px 20px 22px; position: absolute; bottom: 6%; left: 5%; 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-align: center; background: rgba(31, 30, 30, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); } .index_sec6_txt h5{ color: #fff; font-size: 17px; letter-spacing: 2px; 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_sec6_txt h3{ color: #fff; font-size: 20px; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: 2px; 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_sec6_con:hover .index_sec6_txt{ width: 100%; left: 0; background: rgba(4, 4, 4, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); bottom: 0; } .index_sec6_con:hover .index_sec6_txt h5{ color: #0799cb; } .index_sec6_con:hover .index_sec6_txt h3{ color: #000; } /*2.6*/ .pro_qh_pic img { width: 100%; height: auto; display: block; border-right: #fff 2px solid; } .pro_qh { left: 40%; position: relative; width:120%; } .pro_con { position: relative; overflow: hidden; margin-top: 50px; } .pro_text { position: absolute; width: 20%; left: 10%; top: 0; z-index: 5; background: rgba(31, 30, 30, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); } .arrow-left.pro_left { left: 13.5%; bottom: 40px; width: 40px; height: 40px; z-index: 9; border: #fff 1px solid; text-align: center; top: inherit; } .arrow-right.pro_right { left: 16%; bottom: 40px; top: inherit; width: 40px; height: 40px; z-index: 9; border: #fff 1px solid; text-align: center; } .pro_left img { width: 10px; height: auto; margin-top: 10px; } .pro_right img { width: 10px; height: auto; margin-top: 10px; } .list { padding-left: 0; margin-top:60px; } .pro-list_b{width:70%; margin:0 auto;} .list>li { width: 100%; /*border:1px solid #333; float:left;*/ line-height: 55px; text-align: left; text-decoration: none; } .list>li>a { font-size: 18px; text-decoration: none; color: #fff; display: block; letter-spacing: 1px; } .list>li>a img{position:relative;margin-top:-5px;width: 37px;margin-right: 10px;} .list>li>a:hover { text-decoration: none; /*color:#fff; background:#064e96;*/ display: block; } .list>li.active a { color: #0799cb; } .btn-left1 { position: absolute; left: 0; top: 0; width: 80px; height: 80px; display:none; } .btn-right1 { position: absolute; left: 0; top: 0; width: 80px; height: 80px; display:none; } .pro_left:hover .btn-left1 { display: block; } .pro_right:hover .btn-right1 { display: block; } .swiper-container2{ overflow: initial; } .news_con{ padding:80px 8%; height:auto; overflow:hidden; } .news_conlist{ position:relative; top:60px; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; } .news_conlist:hover{ -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); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_conlist:hover .news_zi h2{ } .news_conlist:hover .news_zi P{ } .news_conlist:hover .news_zi h5{ } .news_img{ position:relative; z-index:1; } .news_zi{ /* background-color: #f5f5f5; */ text-align:left; padding: 5% 5% 8%; border: #c7c7c7 1px solid; } .news_zi h2{ font-size: 16px; color: #333; letter-spacing: 1px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px; margin-top: 10px; line-height: 28px; height: 56px; } .news_zi p{ margin-top: 10px; font-size: 15px; line-height: 30px; letter-spacing: 1px; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; height:52px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .news_zi h5{ padding-top: 10%; color: #333; font-size: 14px; letter-spacing: 1px; } .news_img h4{ width: 100px; background: rgba(74, 74, 74, 0.7); /*鏀寔rgba鐨勬祻瑙堝櫒*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fffffff,endColorstr=#5fffffff); /*IE8鏀寔*/ margin:auto; font-size: 14px; text-align:center; position:absolute; top: 15px; left: 15px; text-transform:uppercase; line-height: 40px; font-family: 'Titillium Web'!important; } .news_img h4 span{ color: #fff;} .news_img img{ width: 100%; } /*鏂板*/ .pro_textbox{ } .pro_dre{ text-align: left; margin-top: 60px; width: 70%; margin: 60px auto 0; } .pro_dre a{ display: inline-block; margin-right: 17px; margin-left: 10px; position: static; } .banner .arrow-left,.banner .arrow-right{ font-size: 25px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; z-index: 9; background: rgba(103, 103, 103, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); display: block; width: 30px; height: 60px; text-align: center; } .banner .arrow-left{ left: 50px; } .banner .arrow-right{ right: 50px; } .banner_img{ position: absolute; width: 100%; overflow: hidden; } .banner_img.active{ display: block } .banner .arrow-left i,.banner .arrow-right i{ line-height: 60px; } .pro_qh .swiper-slide{ /* border-right: 2px solid #fff; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .share_list ul li a img{width: 100%;} .share_list ul li a h6{ font-size: 16px; color: #333; letter-spacing: 3px; margin-top: 13px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .share_list ul li a span{ display: block; width: 70px; margin: 0 10px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; padding: 16px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .share_list ul li a:hover h6{ color: #1c5aad; } .share_list ul li a:hover span{ background: #1c5aad } .swiper-container2 .swiper-wrapper .swiper-slide{ position: relative; } .swiper-container2 .swiper-wrapper .swiper-slide a{ display: block; height: 100%; } .swiper-container2 .swiper-wrapper .swiper-slide:after{ /* content: " "; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; */ /* background: rgba(255,255,255,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); */} .swiper-container2 .swiper-wrapper .swiper-slide-active{ border: 5px solid #fff; } .ind_sec3_top{margin-bottom: 10px;} .ind_sec3_tleft{ float: left; width: 60%; padding-right: 60px; } .ind_sec3_tleft h3{ text-align: left; color: #333; font-family: 'Titillium Web'!important; font-weight: bold; letter-spacing: 3px; font-size: 27px; position: relative; line-height: 35px; } .ind_sec3_tright{ float: left; width: 40%; } .ind_sec3_tright h6{ font-size: 15px; letter-spacing: 1px; color: #666; line-height: 31px; } .ind_sec3_bot{ } .ind_sec3_bleft{ float: left; width: 50%; padding-right: 30px; overflow: hidden; } .ind_sec3_bleftbox{ background: #000; overflow: hidden; position: relative; } .ind_sec3_bleft h5{ } .ind_sec3_bleft h5 a{ color: #fff; } .ind_sec3_bleftbg{ height: 100%; width: 100%; position: relative; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; } .ind_sec3_bright{ float: left; width: 50%; margin-top: -30px; margin-bottom: -30px; } .ind_sec3_bright .ind_sec3img{ position: relative; margin: 30px 0; overflow: hidden; background: #000; } .ind_sec3_bright .ind_sec3img 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; } .ind_sec3_bright .ind_sec3img h5{ } .ind_sec3_bright .ind_sec3img h5 a{ color: #fff; } .ind_sec3_tleft h3:before{ /* content: " "; */ display: block; width: 20px; height: 4px; background: #333; position: absolute; top: 30%; left: 0; } .ind_sec3_bleftbg a{ display: block; position: relative; height: 100%; } .ind_sec3_txt{ 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: absolute; z-index: 2; left: 50px; bottom: 50px; } .ind_sec3_icon{ } .ind_sec3_icon img{ width: 45px!important; margin-bottom: 20px; } .ind_sec3_txt h5{ color: #fff; position: relative; z-index: 10; text-transform: uppercase; font-size: 24px; letter-spacing: 4px; margin: 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; } .ind_sec3_txt h6{ letter-spacing: 1px; font-size: 16px; text-transform: uppercase; font-family: 'Titillium Web'!important; color: #fff; margin-top: 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; } .ind_sec3_bleftbg:hover .ind_sec3_txt,.ind_sec3img:hover .ind_sec3_txt{ bottom: 80px; } .ind_sec3_bleft a:hover .ind_sec3_bleftbg{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); } .ind_sec3img: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); } .ind_sec3_bleftbox:hover .ind_sec3_txt{ bottom: 100px } .banCTxt h5{ font-size: 16px; text-transform: uppercase; font-family: 'futura_bk_btbook'; margin-bottom: 0; width: 198px; background: #f08200; line-height: 52px; text-align: center; } .banCTxt h5 a{ color: #fff; } @media(max-width:1680px) { .ind_sec1_right h3 { margin: 0px 0 25px; } .more { margin-top: 25px; } .nav_type { /*width: 20%;*/ } .nav_imgtype { /* width: 28% */ } .ind_sec1_right h6{ -webkit-line-clamp:4; } .ind_secadd2_right .ind_sec2_txt h6 { height: 45px; } } @media(max-width:1600px) { .ind_sec1_right h6 { margin-bottom: 10px; } .ind_sec1_right h3 { margin: 0px 0 15px; } .index_sec4 { padding: 80px 0 ; } .index_sec5_box>ul>li { padding: 45px 10%; } .nav_type { /* width: 22%; */ } .nav_imgtype { /* width: 28% */ } .nav_left h3 { font-size: 26px; } } @media(max-width:1550px) { .ind_sec1_left h4 { margin-bottom: 70px; } .header_bg .header_menu>li>a { padding: 0 10px; } /* .banCTxt h3 { font-size: 60px; } */ .ind_sec3_txt h6 { line-height: 25px; } .ind_sec1_right h3 { font-size: 24px; margin: 0px 0 15px; } .arrow-left.pro_left,.arrow-right.pro_right{ width: 40px; height: 40px; top: 30%; } .arrow-left.pro_left{ margin-left: 10px; } .list>li>a{ font-size: 16px; } .pro_dre { margin: 30px auto 0; } .list>li { line-height: 40px; } .ind_sec1_right{ margin-top:-20px ;} } @media(max-width:1440px) { .header_share.active img, .header_search.active img { margin-top: -20px; } .header_bg .header_menu>li>a { padding: 0px 12px; } .header_tool .header_icon { height: 20px; margin-top: 27px; } .header_tool .header_icon span { height: 20px; } .header_tool span img { width: 20px; } .header_bg .logo { padding: 0 25px 0 30px; } .ind_sec1_left h4 { padding-top: 20px; } .ind_sec1_left h6 { top: 55px; } .nav_left { padding: 20px 20px 0 2px; } .nav_type { /* width: 25%; */ } .nav_imgtype { /* width: 30%; */ } .header_bg .header_menu { margin-right: 20px; } .header_bg .header_menu>li>a { font-size: 15px; } .ind_sec1_right h6 { font-size: 14px; } .ind_sec3_txt h6 { font-size: 14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; overflow:hidden; text-overflow:ellipsis; } .ind_secadd2_right .ind_sec2_txt h3 { height: 40px; } .index_sec4_txt { bottom: -30px; } .list { margin-top: 40px; } .foot_nav li { font-size: 12px; letter-spacing: 0px; } .foot_nav li a { font-size: 12px; letter-spacing: 0px; } .pro_dre { margin: 20px auto 0; } } @media(max-width:1366px) { .ind_sec1_left h4 { padding-top: 35px; } .ind_sec1_left h6 { top: 70px; } .ind_sec3_txt .tanel-cell { padding-right: 25%; } .banCTxt h6 { font-size: 29px; margin-bottom: 0; } .banCTxt h3 { font-size: 16px; letter-spacing: 1px; } .banCTxt h6 { line-height: 46px; width: 679px; } } @media(max-width:1360px) { .header_share { margin-right: 20px; } .header_tool .header_language { padding-right: 20px; } .header_bg .header_menu { float: right; margin-right: 20px; } .header_bg .logo { padding: 0 20px 0 30px; } .header_bg .header_menu>li>a { padding: 0 13px; } .list>li>a img{ width: 45px; } .arrow-left.pro_left, .arrow-right.pro_right { width: 50px; height: 50px; top: 38%; } .arrow-left.pro_left { margin-left: -5px; } .pro_left img { width: 8px; height: auto; margin-top: 7px; } .pro_right img { width: 8px; height: auto; margin-top: 7px; } .arrow-left.pro_left, .arrow-right.pro_right { width: 30px; height: 30px; top: 30%; } .pro-list_b { width: 80%; margin: 0 auto; } .header_bg .logo img { width: 226px; } .header_bg .header_menu>li>a { line-height: 72px; } .header_bg { height: 72px; } .header_tool .header_language { margin-top: 7px; } .header_tool .header_icon { margin-top: 21px; } .header { height: 72px; } .header_share { margin-right: 15px; } .header_bg .header_menu>li>a { padding: 0 10px; } .header_bg .header_menu { margin-right: 10px; } .nav_bot{ padding: 10px; } } @media(max-width:1280px) { .header_bg .logo img { width: 175px; } .header_bg .header_menu { margin-right: 18px; } .header_bg .header_menu>li>a { padding: 0 11px; } .header_bg .logo { padding: 0; margin-top: 13px; } .ind_sec1_right h6 { -webkit-line-clamp: 4; } .more { margin-top: 34px; } .ind_sec3_txt .tanel-cell { padding-right: 9%; } .body_line { width: 980px; } .banner_bot { width: 980px; } .banner_bot_txt { width: 360px; padding: 0 16px 27px; } .banner_botwid { width: 653px; } .banner_bot_img { width: 253px; } .banner_botwid { height: 169px; } .banner_bl { height: 169px; padding: 17px 0; } .banner_bl span { bottom: 17px; } .banner_bot_txt h3 { padding-top: 6px; } .banner_bot { height: 169px; } .nav_type { /* width: 27%; */ } .nav_imgtype { /* width: 31%; */ } } @media(max-width:1200px) { .header_bg .logo { padding: 0 10px 0 25px; } .header_share { margin-right: 20px; } .header_tool .header_language { padding-right: 20px; } .ind_sec3_txt .tanel-cell { padding-right: 3%; } .nav_type { /*width: 29%;*/ } .nav_imgtype { width: 32%; } .nav_left { padding: 20px 0px 0 0px; } } @media(max-height: 900px){ .list { margin-top: 27px; } .list>li { line-height: 40px; } .pro_dre { margin: 40px auto 0; } } @media(max-height: 768px){ .list>li>a { font-size: 14px; } .list>li>a img { width: 28px; } .list { margin-top: 14px; } .list>li { line-height: 30px; } .arrow-left.pro_left, .arrow-right.pro_right { width: 30px; height: 30px; top: 26%; } .pro_right img { width: 7px; height: auto; margin-top: 7px; } .pro_left img { width: 7px; height: auto; margin-top: 7px; } .pro_dre { margin: 14px auto 0; } } @media(max-width:768px) { .banCTxtp { width: 90%; text-align: left; top: 7%; margin: auto; position: absolute; left: 0px; right: 0px; z-index: 9; } .ind_sec3_tleft, .ind_sec3_tright { width: 100%; padding: 0; } .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: 118px; margin-top: 7px; } .navbar-toggle { margin-top: 10px; margin-right: 0; padding-right: 0; } .navbar-toggle .icon-bar { background-color: #000; } .navbar-collapse { border-top: 1px solid #e5e5e5; } .navbar-toggle .icon-bar { background-color: #000; } .navbar-collapse { border-top: 1px solid #e5e5e5; } .header_icon { padding: 10px 0; margin: auto; width: 100px; } .header_icon a { float: left; width: 50px; } .collapse_lis{ display: none; } .phone .headerbg .menu_box .container{ padding:0; width: 94%; margin: 0 auto } .logo_boxlist a img{ } .banCTxtp h3 { display: none; } .banCTxtp h6 { display: none; } .index_sec5 { padding: 50px 0 40px; } .ind_sec1_tit { width: 94%; margin: 0 auto 30px; } .ind_sec1_tit h2 { font-size: 18px; font-weight: bold; } .ind_sec1_tit h2 span { font-size: 15px; margin-left: 5px; font-weight: 400; } .index_sec5_box { width: 94%; margin: 30px auto 0; } .news_zi { padding: 15px; border: #dadada 1px solid; } .news_zi h2 { font-size: 15px; height: auto; margin-bottom: 0; margin-top: 0; -webkit-line-clamp: 3; } .news_zi p { display: none; font-size: 12px; line-height: 22px; letter-spacing: 1px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 40px; } .news_conlist { margin-bottom: 10px; } .index_secadd2 { padding: 0px ; } .pro_con { margin-top: 30px; height: 205px !important; } .pro_qh { left: 0%; position: relative; width: 100%; } .list>li>a img { width: 17px; margin-right: 2px; } .list>li>a { font-size: 12px; } .list>li { line-height: 24px; } .pro_text { width: 38%; left: 0%; top: 0; } .pro-list_b { width: 90%; } .pro_qhimg img{ width: 100% } .pro_qh{ width: 150%; left: 12%; } .pro_qhimg{ padding: 0 5px; position: relative; } .pro_qhimg div{ } .pro_qhimg div { width: calc(100% - 10px); position: absolute; bottom: 0; text-align: center; left: 5px; padding: 7px 0; background: rgba(0,0,0,0.6); color: #fff; letter-spacing: 3px; font-size: 14px; } .pro_qhimg div img{ width: 28px; margin-right: 5px; margin-top: -3px; } .swiper-containerprop{ position: relative; overflow: inherit; } .ind_sec3_box { width: 94%; } .ind_sec3_bright { float: none; width: calc(100% + 10px); margin-top: 0px; margin-bottom: 0px; margin: 0 -5px; } .ind_sec3_bleftp{ float: none; width: 100%; padding: 0; position: relative; } .ind_sec3_bleftp .ind_sec3img{ } .ind_sec3_bleftp .ind_sec3img img{ width: 100% } .ind_sec3_bright .ind_sec3img { float: left; width: 50%; margin: 10px 0; padding: 0 5px; background: transparent; } .ind_sec3_icon img { width: 28px!important; margin-bottom: 10px; } .ind_sec3_txt h5 { font-size: 15px; font-weight: bold; letter-spacing: 2px; } .ind_sec3_txt { left: 20px; bottom: 23px; } .index_sec3 { padding: 50px 0 40px; } .index_sec6 { padding: 0px 0 50px; } .index_sec6_box { width: 125%; margin-left: 19%; } .index_sec6_con a{ display: block; } .swiper-index_sec6p{ overflow: inherit; } .index_sec6_con{ padding: 0 5px; } .index_sec6_txt h5 { font-size: 14px; } .index_sec6_txt h3 { font-size: 14px; margin-top: 7px; } .index_sec6_txt { padding: 17px 20px 14px; } .index_sec4 { padding: 50px 0; } .index_sec4_box { padding: 0 3%; } .index_sec4_box h3 { font-size: 14px; } .index_sec4_box h4 { font-size: 16px; font-weight: bold; margin: 10px 0px 15px; } .index_sec4_box h6 { font-size: 12px; line-height: 22px; letter-spacing: 1px; } .more { margin-top: 30px; } .more { margin: 30px auto 0 !important; width: 127px !important; letter-spacing: 2px !important; line-height: 35px; font-size:12px; text-align: center; padding: 0;} .IndexCon { width: 94%; margin: 0 auto; position: relative; padding-top: 2px; text-align: center; } .news_img { position: relative; z-index: 1; float: left; width: 50%; } .news_zi { float: left; width: 50%; } .banner{ margin-top:53px; } .ind_sec3_tleft h3 { font-size: 15px; line-height: 20px; } .ind_sec3_tright h6 { font-size: 13px; line-height: 20px; } }