@charset "utf-8"; body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, p { margin:0; padding:0; font-style: normal; font-weight:normal; font-size:14px; } ol, ul, li { list-style: none; } img { border: 0; vertical-align:top; } body { font-family: "Arial"; color: #4c4c4c; background: #fff; } a { text-decoration:none; color: #4c4c4c; } .clear { clear:both; height:0; line-height:0; font-size:0; display:block; overflow:hidden } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size:0 } .clearfix { zoom:1 } .fl { float:left; display: inline; } .fr { float:right; display: inline; } a:hover { color: #da251c; } input:focus { outline: 0 none; } /*common*/ body, html { background: #fff; } .banner_text { min-width: 1200px; } textarea:focus { outline: 0 none; } html, body { width: 100%; min-width: 1240px; font-family: "寰蒋闆呴粦"; } ::-moz-placeholder { color: #afb0b4; } ::-webkit-input-placeholder { color:#afb0b4; } :-ms-input-placeholder { color:#afb0b4; } * { -webkit-animation-fill-mode:both !important; -ms-animation-fill-mode:both !important; -moz-animation-fill-mode:both !important; -o-animation-fill-mode:both !important; animation-fill-mode:both !important; } input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } input[type="text"],input[type="password"],input[type="submit"]{ border-radius: 0; -webkit-appearance: none; } textarea { -webkit-appearance: none;} .pre { position: relative; } .animate_top { -webkit-animation: s1-1 0.7s ease; -ms-animation: s1-1 0.7s ease; -moz-animation: s1-1 0.7s ease; -o-animation: s1-1 0.7s ease; animation: s1-1 0.7s ease; } @-webkit-keyframes s1-1 { 0% { opacity: 0; -webkit-transform:translateY(40px); } } @-ms-keyframes s1-1 { 0% { opacity: 0; -ms-transform:translateY(40px); } } @-moz-keyframes s1-1 { 0% { opacity: 0; -moz-transform:translateY(40px); } } @-o-keyframes s1-1 { 0% { opacity: 0; -o-transform:translateY(40px); } } @keyframes s1-1 { 0% { opacity: 0; transform:translateY(40px); } } .animate_opa0 { -webkit-animation: s1-2 0.7s ease; -ms-animation: s1-2 0.7s ease; -moz-animation: s1-2 0.7s ease; animation: s1-2 0.7s ease; } @-webkit-keyframes s1-2 { 100% { opacity: 0; -webkit-transform:translateY(-40px); } } @-ms-keyframes s1-2 { 100% { opacity: 0; -webkit-transform:translateY(-40px); } } @-moz-keyframes s1-2 { 100% { opacity: 0; -webkit-transform:translateY(-40px); } } @keyframes s1-2 { 100% { opacity: 0; -webkit-transform:translateY(-40px); } } body{ padding-top: 0px; } .nav li:hover .o_sub_nav{ display: block; } .o_sub_nav{ border-top: 1px solid #e5e5e5; position: absolute; top:40px; left: 0%; margin-left: -60px; width: 160px; background: #fff; border-top: 1px solid #ebecec; display: none; box-shadow: 0 5px 5px rgba(0,0,0,0.1); } .o_sub_nav dt a:hover{ border-bottom: 0 none; } .nav li:nth-child(2){ position: static; } .o_sub_nav .in { padding: 10px; } .o_sub_nav .in .t{ border-bottom: 1px solid #e5e5e5; padding-bottom: 27px; margin-bottom: 30px; } .o_sub_nav dt{ } .o_sub_nav dt a{ color: #767171; font-size: 18px; display: block; padding: 10px 0; text-align: center; } .o_sub_nav dd { font-size: 16px; color: #ababab; } .o_sub_nav dt a:hover{ font-weight: bold; color: #de3731; } .o_sub_nav .b dl{ width: 100%; } .o_sub_nav_2 .b dl{ width: 100%; } .o_sub_nav_1{ width: 100%; top: 60px; background: url(../images/m6.png) repeat-y center 0; } .o_sub_nav_1 .in{ width: 1200px; margin: 0 auto; padding-top: 50px; } .o_sub_nav_1 .l{ padding-left: 65px; width: 565px; } .o_sub_nav_1 .r{ padding-bottom: 85px; padding-left: 50px; } .o_sub_nav_1 .l a{ float: left; display: block; width: 230px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #434343; text-align: left; text-indent: 13px; margin-right: 52px; } .o_sub_nav_1 .l a:hover{ background: url(../images/m5.png) #e81212 no-repeat 95% center; color: #fff; font-weight: normal; border-bottom: 0 none; -webkit-transition: all .0s linear; transition: all 0s linear; } .o_sub_nav_1 .r .btn{ display: block; width: 150px; height: 50px; background: #e81212; font-size: 16px; color: #fff; line-height: 50px; text-align: center; margin-top: 18px; } .o_sub_nav_1 .r .btn:hover{ font-weight: normal; border-bottom: 0 none; -webkit-transition: all .0s linear; transition: all 0s linear; background: #d10f0f; } .o_sub_nav .f{ padding-bottom: 30px; } .o_sub_nav .f a{ margin-right: 25px; } .banner { width: 100%; height:520px; position: relative; overflow: hidden; } .o_banner{ height: 400px; width: 100%; } .banner .p3 { -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; } .banner .p3 a { display: inline-block; width:180px; height: 56px; line-height: 56px; font-size: 18px; } .banner .p3 .a1{ color: #fff; text-indent: 36px; background: url(../images/m10.png) #e81212 no-repeat 124px center; margin-right: 20px; border: 1px solid #e81212; } .banner .p3 .a1:hover{ background-color: #d10f0f; } .banner .p3 .a2{ color: #fff; text-align: center; border: 1px solid #fff; } .banner .p3 .a2:hover{ background: #fff; color: #e81212; border: 1px solid #fff; } .banner .p3 .a2:hover{ } .banner .text{ width: 1200px; margin: 0 auto; padding-top: 113px; position: relative; } .banner .swiper-slide-1 .text .p1{ font-size: 56px; color: #ef0000; margin-bottom: 20px; font-weight: bold; } .banner .swiper-slide-1 .text .p2{ font-size:22px; color: #bdbcc2; margin-bottom: 58px; } .banner .text .link { position: absolute; top: 195px; right: 0; } .banner .text .link span{ position: absolute; top: 73px; left: 0; width: 74px; text-align: center; color: #fff; } .banner .text .link:after{ content:''; display:block; width:50px; height: 50px; background: url(../images/m13.png) no-repeat 0 0; position: absolute; top:0; left: 0%; margin: 10px 0 0 14px; -webkit-animation: s1-7-1 5s linear infinite; } @-webkit-keyframes s1-7-1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(720deg); } } .banner .swiper-button-prev, .banner .swiper-button-next{ width: 35px; height: 35px; left: 50%; right: auto; margin-top: 200px; margin-left: 500px; } .banner .swiper-button-prev{ background: url(../images/m8.png) no-repeat 0 center; } .banner .swiper-button-next{ background: url(../images/m9.png) no-repeat 0 center; margin-left: 550px; } .banner .swiper-pagination-bullet{ width: 24px; height: 4px; border-radius: 0!important; } .banner .swiper-slide{ height: 520px; width: 100%; } .banner .swiper-slide-2 .text .p1{ font-size: 56px; color: #fffbfb; margin-bottom: 20px; font-weight: bold; text-align: center; } .banner .swiper-slide-2 .text .p2{ font-size:22px; color: #fff; margin-bottom: 58px; text-align: center; } .banner .swiper-slide-2 .text .p3{ text-align: center; } .banner .swiper-slide-2 .text .p3 .a1{ text-align: left; background: url(../images/m11.png) no-repeat 0 center; color: #e81212; } .o_banner .d1 { padding-top: 120px; position: absolute; left: 0%; width: 100%; text-align: center; } .o_banner .d1 .p1{ text-align: center; font-size: 40px; font-weight: bold; color: #fff; margin-bottom: 5px; } .o_banner .d1 .p2{ text-align: center; font-size: 24px; color: #fff; max-width: 900px; margin: 0 auto; } .o_banner .d1 .p3 { margin-top: 42px; } .o_banner .d1 .p3 a { display: inline-block; width: 180px; height: 56px; line-height: 56px; color: #e81212; font-size: 18px; text-align: center; background: url(../images/m34.png) #fff no-repeat 0 center; } .o_banner .d1 .p3 a:hover{ color: #c10b0b; } .o_banner .d1 .btn_box .btn_2:hover{ background: #fff; color: #e81212; } .fixed_r_nav{ position: fixed; top:70%; right: 0; width: 50px; z-index: 10; } .fixed_r_nav li{ margin-bottom: 10px; } .fixed_r_nav li a{ display: block; } .fixed_r_nav .li_2 a{ width:50px; height: 120px; background: url(../images/m31.png) no-repeat center center; } .fixed_r_nav .li_4 { display: none; } .fixed_r_nav .li_4 a{ width:50px; height: 50px; background: url(../images/m32.png) no-repeat center center; } .client_dd_main .modal_1 li .text .p2{ height: 76px; overflow: hidden; } .mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index: 98; } .server_pop{ position: fixed; top: 50%; left: 50%; width: 856px; height: 660px; margin: -330px 0 0 -428px; background: #fff; display: none; z-index: 99; } .server_pop .inner{ position: relative; } .server_pop .close_btn{ position: absolute; top: 0; right: 10px; font-size: 50px; color: #82828b; } .server_pop .d1{ text-align: center; font-size: 28px; color: #e60012; margin-bottom: 20px; padding-top: 50px; } .server_pop .d2{ text-align: center; font-size: 16px; color: #929292; margin-bottom: 26px; } .server_pop .d3{ padding-left: 60px; margin-bottom: 10px; } .server_pop .d3 ul{ margin-right: -60px; } .server_pop .d3 li{ margin-bottom: 12px; } .server_pop .d3 li label{ width: 80px; font-size: 18px; text-align: right; margin-right: 22px; color: #3b3b3b; margin-top: 8px; } .server_pop .d3 li label span{ color: #e10012; margin-right: 6px; } .server_pop .d3 .text{ width: 590px; height: 20px; line-height: 20px; padding: 10px; font-size: 18px; border: 1px solid #ececec; } .server_pop .select_box { float: left; border: 1px solid #ececec; margin-right: 13px; } .server_pop .select_box select{ border: 0 none; width: 194px; height: 39px; line-height: 39px; color: #666; text-indent: 15px; font-size: 18px; background: #fff; } .server_pop .d3 .textarea_box textarea{ width: 590px; height: 70px; padding: 10px; border: 1px solid #ececec; resize:none; } .server_pop .d4{ padding-left: 160px; } .server_pop .d4 input{ border: 0 none; cursor: pointer; background: #e60012; font-size: 18px; color: #fff; width: 166px; height: 44px; line-height: 44px; text-align: center; } .search_pop{ position: fixed; top: 50%; left: 50%; width: 856px; display: none; margin: -330px 0 0 -428px; background: #fff; z-index: 99; } .search_pop .inner{ position: relative; } .search_pop .close_btn{ position: absolute; top: 0; right: 10px; font-size: 50px; color: #82828b; } .search_pop .d1{ text-align: center; font-size: 28px; color: #e60012; margin-bottom: 20px; padding-top: 50px; } .search_pop .d2{ padding: 0 60px 60px; } .search_pop table{ background: #fff; background: #e8e8e8; margin-bottom: 20px; } .search_pop div{ background: #fff; padding: 8px 0 8px 20px; } .search_pop .tit{ background: #f9f9f9; } .search_pop td{ } input,textarea{ font-family: "寰蒋闆呴粦"; } #num-nav1 { position: absolute; bottom: 150px; left: 0; text-align: center; width: 100%; z-index: 9; } #num-nav1 a { background:rgba(255, 255, 255, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fffffff, endcolorstr=#7Fffffff); height: 4px; width: 24px; text-align: center; line-height: 116px; border-radius:0; color: #fff; margin-right: 10px; overflow: hidden; display: inline-block; } .slideBox1 .hd { display: block; } #num-nav1 .active-slide { background: #fff; } .slideBox .hd a { position: absolute; width: 80px; height: 80px; top: 50%; left: 10%; margin: -40px 0 0 0; z-index: 3; cursor: pointer; background: url(../images/arr_l.png) no-repeat center center; display: none; } #next2 { margin: -40px 0 0 0; right: 10%; left: auto; background: url(../images/arr_r.png) no-repeat center center; } #prev2:hover { opacity: 0.8 } #next2:hover { opacity: 0.8 } .slideBox1 .effect { width: 100%; height: 100%; } .slideBox { position:relative; width: 100%; } .slideBox .bd { position:relative; height:100%; z-index:0; } .slideBox .bd ul { width: 100%!important; } .slideBox .bd li { width: 100%!important; height: 487px; text-align: center; } a:hover { -webkit-transition: all .1s linear; transition: all .1s linear; } .index_main .i_hd{ margin-bottom:48px; } .index_main .i_hd .more_btn{ margin-top: 56px; } .index_main .i_hd a img{ width: 100px; } .index_main .modal_3 { width: 100%; overflow: hidden; position: relative; background: #fff; min-height: 620px; } .index_main .modal_3 .in { width: 1200px; margin: 0 auto; padding-top:57px; position: relative; overflow: hidden; padding-bottom: 90px; } .index_main .modal_3 .bd{ width: 100%; } .index_main .modal_3 .item { width: 300px; height: 389px; } .index_main .modal_3 .item img{ width: 300px; height: 389px; } .index_main .modal_3 .item .img{ width: 300px; height: 389px; overflow: hidden; } .index_main .modal_3 .item .title{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 180px; } .index_main .modal_3 .item .p1{ color: #fff; font-size: 28px; text-align: center; position: relative; margin-bottom: 50px; } .index_main .modal_3 .item .p1:after{ content:''; width: 28px; height:2px; position: absolute; bottom: -20px; left: 50%; margin-left: -14px; background: #dedede; } .index_main .modal_3 .info{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 40px; display: none; height: 349px; background: rgba(0,0,0,0.5); } .index_main .modal_3 .item .p2{ color: #fff; font-size: 14px; height: 170px; padding: 0 30px; text-align: left; line-height: 22px; } .index_main .modal_3 .item .p3 a{ display: block; font-size: 16px; color: #fff; width: 150px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #e81212; } .index_main .modal_3 .item:hover .title{ display: none; } .index_main .modal_3 .swiper-slide { width: 300px!important; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .index_main .modal_3 .swiper-button-prev{ width: 50px; height: 50px; background: url(../images/f36_l.png) no-repeat center center; background-size: 100%; top: 60%; left: auto; right: -3px; display: none; } .index_main .modal_3 .swiper-button-next{ width: 50px; height: 50px; background: url(../images/f36.png) no-repeat center center; background-size: 100%; top: 60.5%; } .index_main .modal_3 .swiper-pagination{ bottom: 60px; left: 0; } .index_main .modal_3 .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0 8px; } .index_main .modal_3 .swiper-button-next, .index_main .modal_3 .swiper-container-rtl .swiper-button-prev{ right: -3px; } .index_main .modal_3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { background: #333!important; border-radius: 0%; width: 24px; height: 4px; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #e1e1e1; border-radius: 50%; } .index_main .modal_3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #e50012!important; } .index_main .modal_4 .swiper-container{ background: transparent; } .index_main .modal_3 .swiper-pagination .swiper-pagination-bullet-active{ background: #e81212!important; } .index_main .modal_qyzs{ width: 100%; background:#fff; min-height:600px; margin-bottom: 70px; } .index_main .modal_qyzs .in { width: 1200px; margin: 0 auto; padding-top:13px; display: none; } .index_main .modal_qyzs .l_box{ width: 400px; height: 440px; position: relative; } .index_main .modal_qyzs .l_box img{ width: 400px; height: 440px; } .index_main .modal_qyzs .l_box .text{ position: absolute; width: 338px; padding: 25px 30px; background: #fff; top: 27px; left: -13px; box-shadow: 0 0 15px #bbb; } .index_main .modal_qyzs .l_box .text .p1{ font-size: 22px; color: #1e1515; margin-bottom: 17px; } .index_main .modal_qyzs .l_box .text .p2{ font-size: 16px; color: #7b7b7b; margin-bottom: 22px; line-height: 26px; } .index_main .modal_qyzs .l_box .text .p3 a{ display: block; width: 210px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #e81212; } .index_main .modal_qyzs .l_box .text .p3 a:hover{ background: #cd0d0d; } .index_main .modal_qyzs .r_box { width: 770px; } .index_main .modal_qyzs .r_box ul{ margin-right: -25px; } .index_main .modal_qyzs .r_box li{ float: left; width: 245px; height: 210px; background: #f9f9f9; margin: 0 18px 18px 0; display: inline; text-align: center; position: relative; overflow: hidden; } .index_main .modal_qyzs .r_box li .d1{ padding-top: 28px; } .index_main .modal_qyzs .r_box li .d1 .img{ margin-bottom: 18px; } .index_main .modal_qyzs .r_box li .d1 .p1{ color: #504d4d; font-size: 18px; margin-bottom: 28px; position: relative; } .index_main .modal_qyzs .r_box li .d1 .p1:after{ content:''; width: 28px; height:2px; position: absolute; top: 36px; left: 50%; margin-left: -18px; background: #ef6e6e; } .index_main .modal_qyzs .r_box li .d1 .p2{ color: #959595; font-size: 16px; } .index_main .modal_qyzs .r_box li .info{ position: absolute; top: 250px; left: 0; padding-top: 16px; width: 100%; height: 194px; background: #af3d3c; } .index_main .modal_qyzs .r_box li .info .p1{ color: #fff; font-size: 16px; line-height: 30px; margin-bottom: 10px; } .index_main .modal_qyzs .r_box li .info .p2 a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #e81212; } .index_main .modal_qyzs .r_box li:hover .info{ -webkit-transform:translateY(-250px); -ms-transform:translateY(-250px); transform:translateY(-250px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .index_main .modal_client{ width: 100%; background:#fff; min-height:800px; background: url(../images/q11.jpg) no-repeat center 0; } .index_main .modal_client .in { width: 1200px; margin: 0 auto; padding-top:45px; display: none; } .index_main .modal_client{ width: 100%; overflow: hidden; } .index_main .modal_client .i_hd .more_btn{ color: #fff; } .index_main .swiper-container_client { margin-top: -20px; } .index_main .swiper-container_client .item{ width: 800px; position: relative; } .index_main .swiper-container_client .item:after{ content:''; width: 100%; height:100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); } .index_main .swiper-container_client .swiper-slide-active .item:after{ display: none; } .index_main .swiper-container_client .item .img{ width: 800px; height: 420px; overflow: hidden; } .index_main .swiper-container_client .item img{ width: 100%; } .index_main .swiper-container_client .item .info{ background: #fff; padding: 30px 36px; height: 90px; } .index_main .swiper-container_client .item .info .logo{ margin-right: 34px; margin-top: 18px; } .index_main .swiper-container_client .item .info .logo img{ height: 55px; } .index_main .swiper-container_client .item .info .text{ width: 510px; } .index_main .swiper-container_client .item .info .text .p1{ font-size: 22px; color: #1e1515; margin-bottom: 17px; } .index_main .swiper-container_client .item .info .text .p2{ font-size: 16px; color: #7b7b7b; } .index_main .swiper-container_client .item:hover .info .text .p1{ color: #d51a1a; } .index_main .swiper-container_client .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.9); } .index_main .swiper-container_client .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1); } .index_main .swiper-container_client .swiper-button-prev{ width: 50px; height: 50px; background: url(../images/f36_l.png) no-repeat center center; background-size: 100%; top: 50%; left: 50%; margin-left: -490px; } .index_main .swiper-container_client .swiper-button-next{ width: 50px; height: 50px; background: url(../images/f36.png) no-repeat center center; background-size: 100%; top: 50.5%; left: 50%; margin-left:440px; } .index_main .swiper-container_client .swiper-pagination-fraction{ bottom: -40px; color: #fff; } .index_main .swiper-container_client{ position: relative; } .index_main .swiper-container_client .swiper-pagination-current{ } .index_main .modal_news .r_box li:hover .text .p2 .arr{ background: url(/mu8/images/m26_on.png) no-repeat center center; } .index_main .modal_news{ width: 100%; background:#fff; min-height:730px; } .index_main .modal_news .in { width: 1200px; margin: 0 auto; padding-top:53px; display: none; } .index_main .modal_news .i_hd { border-bottom: 1px solid #e9e9e9; position: relative; padding-bottom: 30px; } .index_main .modal_news .i_hd .news_nav{ position: absolute; top: 54px; right: 200px; } .index_main .modal_news .i_hd .news_nav a{ float: left; font-size: 20px; color: #504d4d; margin-right: 70px; position: relative; } .index_main .modal_news .i_hd .news_nav .on{ color: #e81212; } .index_main .modal_news .i_hd .news_nav .on:after{ content:''; width: 36px; height:3px; position: absolute; top: 53px; left: 50%; margin-left: -18px; background: #e81212; } .index_main .modal_news .l_box{ width: 400px; height: 480px; position: relative; } .index_main .modal_news .l_box .img{ width: 400px; height: 480px; overflow: hidden; } .index_main .modal_news .l_box .img img { width: 400px; height: 480px; } .index_main .modal_news .l_box .text{ position: absolute; top: 0; left: 0; width: 350px; height: 480px; padding: 0 25px; background: url(../images/m25.png) no-repeat 0 0; } .index_main .modal_news .l_box .text .p1{ font-size: 20px; color: #fff; margin-bottom: 20px; padding-top: 365px; } .index_main .modal_news .l_box:hover .p1{ color: #e50112; } .index_main .modal_news .l_box .text .p2 .time{ color: #fff; font-size: 16px; } .index_main .modal_news .l_box .text .p2 .arr{ width: 14px; height: 9px; background: url(../images/m26.png) no-repeat 0 0; margin-top: 10px; } .index_main .modal_news .r_box li{ width: 776px; height: 143px; margin-bottom: 28px; } .index_main .modal_news .r_box li img{ width: 220px; height: 140px; } .index_main .modal_news .r_box li .img{ margin-right: 28px; width: 220px; height: 140px; overflow: hidden; } .index_main .modal_news .r_box li .text{ padding: 16px 0 0; width: 526px; border-bottom: 1px solid #e3e3e3; height: 124px } .index_main .modal_news .r_box li .text .p1{ font-size: 20px; color: #1e1515; margin-bottom: 33px; } .index_main .modal_news .r_box li:hover{ } .index_main .modal_news .r_box li:hover .p1{ color: #e50112; } .index_main .modal_news .r_box li .text .p2 .time{ color: #a1a1a1; font-size: 16px; } .index_main .modal_news .r_box .text .p2 .arr{ width: 14px; height: 9px; background: url(../images/m26.png) no-repeat 0 0; } .index_main .modal_news .bd{ margin-bottom: 10px; } .index_main .modal_news .item{ display: none; } .modal_6 { position: relative; width: 100%; min-height: 149px; background: url(/mu8/images/q9.jpg) no-repeat center 0; } .modal_6 .in { padding-top: 23px; width: 1000px; margin: 0 auto; } .modal_6 .bd a{ display: inline-block; width: 180px; height: 58px; line-height: 58px; text-indent: 40px; font-size: 18px; color: #fff; background: #e81212; margin-top:25px; } .modal_6 .bd a:hover{ background-color: #cd0d0d; } .footer { width: 100%; background: #f9f9f9; position: relative; } .footer .in{ width: 1200px; padding: 47px 0 0; margin: 0 auto; } .footer .l_box .f_logo{ margin-bottom: 60px; } .footer .l_box .f_link { padding-right: 80px; border-right: 1px solid #e0e0e0; } .footer .l_box .f_link a{ color: #3e3e3e; font-size: 16px; font-weight: bold; } .footer .l_box .f_link a:hover,.footer .r_box .m dt a:hover{ color: #e50012; } .footer .l_box .f_link img{ margin-top: 30px; display: block; } .footer .r_box .t{ margin-bottom: 59px; padding-left: 92px; } .footer .r_box .t li{ float: left; height: 54px; padding-top: 10px; font-size: 16px; } .footer .r_box .t .li_1{ margin-right: 270px; padding-left: 70px; background: url(/mu8/images/m29.png) no-repeat 0 center; cursor: pointer; } .footer .r_box .t .li_1:hover{ background-position: 0 3px; } .footer .r_box .t .li_2:hover{ background-position: 0 3px; } .footer .r_box .t .li_1:hover{ color: #e81212; } .footer .r_box .t .li_2:hover{ color: #e81212; } .footer .r_box .t .li_2{ padding-left: 70px; background: url(/mu8/images/m30.png) no-repeat 0 center; } .footer .r_box .m dt{ margin-bottom: 28px; } .footer .r_box .m dt a{ font-size: 16px; color: #3e3e3e; font-weight: bold; } .footer .r_box .m dd a{ display: block; font-size: 14px; color: #7c7c7c; margin-bottom: 15px; } .footer .r_box .m dd a:hover{ color: #e50012; } .footer .r_box .m dl{ margin-left: 96px; } .footer .b_box{ margin-top: 30px; border-top: 1px solid #e0e0e0; height: 52px; line-height: 52px; text-align: center; color: #9b9b9b; font-size: 14px; } /*U8*/ .index_main .u8_modal_1 { width: 100%; overflow: hidden; position: relative; background: #fff; min-height: 500px; } .index_main .u8_modal_1 .in { width: 1200px; margin: 0 auto; padding-top:40px; position: relative; overflow: hidden; padding-bottom:55px; } .index_main .u8_modal_1 .bd{ margin-right: -32px; } .index_main .u8_modal_1 .item { float: left; width: 590px; height: 389px; margin-right: 22px; position: relative; overflow: hidden; } .index_main .u8_modal_1 .item:after{ content:''; width: 100%; height:100%; position: absolute; top: 0; left: 0%; margin-left: 0; background: rgba(0,0,0,0.3); } .index_main .u8_modal_1 .item img{ width: 590px; height: 389px; } .index_main .u8_modal_1 .item .img{ width: 590px; height: 389px; overflow: hidden; } .index_main .u8_modal_1 .item .title{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 160px; z-index: 11 } .index_main .u8_modal_1 .item .p1{ color: #fff; font-size: 28px; text-align: center; position: relative; margin-bottom: 40px; } .index_main .u8_modal_1 .item .title .p2{ text-align: center; } .index_main .u8_modal_1 .item .p1:after{ content:''; width: 28px; height:2px; position: absolute; bottom: -20px; left: 50%; margin-left: -14px; background: #dedede; } .index_main .u8_modal_1 .info{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 40px; display: none; z-index: 1; } .index_main .u8_modal_1 .item .p2{ color: #fff; font-size: 16px; height: 170px; padding: 0 20px; text-align: left; line-height: 22px; } .index_main .u8_modal_1 .item .p3 a{ display: block; font-size: 16px; color: #fff; width: 150px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #e81212; } .index_main .u8_modal_1 .item:hover .title{ display: none; } .index_main .u8_modal_1 .item:hover .info{ display: block; } .index_main .u8_modal_1 .item:hover:after{ background: rgba(0,0,0,0.6); } .index_main .u8_modal_2{ width: 100%; background:#fff; min-height:450px; margin-bottom: 50px; } .index_main .u8_modal_2 .in { width: 1200px; margin: 0 auto; display: none; } .index_main .u8_modal_2 .bd ul{ margin-right: -25px; } .index_main .u8_modal_2 .bd li{ float: left; width: 383px; height: 330px; background: #f9f9f9; margin: 0 25px 0 0; display: inline; text-align: center; position: relative; overflow: hidden; } .index_main .u8_modal_2 .bd li .d1{ } .index_main .u8_modal_2 .bd li .d1 .img{ margin-bottom: 18px; } .index_main .u8_modal_2 .bd li .d1 .p1{ color: #504d4d; font-size: 18px; margin-bottom: 28px; position: relative; } .index_main .u8_modal_2 .bd li .d1 .p1:after{ content:''; width: 28px; height:2px; position: absolute; top: 36px; left: 50%; margin-left: -18px; background: #ef6e6e; } .index_main .u8_modal_2 .bd li .d1 .p2{ color: #959595; font-size: 16px; } .index_main .u8_modal_2 .bd li .info{ position: absolute; left: 0; padding-top: 80px; width: 100%; height: 250px; background: rgba(170,6,1,0.7); top: 350px; } .index_main .u8_modal_2 .bd li .info .p1{ color: #fff; font-size: 16px; line-height: 30px; padding: 0 25px; height: 140px; margin-bottom: 10px; } .index_main .u8_modal_2 .bd li .info .p2 a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #e81212; } .index_main .u8_modal_2 .bd li:hover .info{ -webkit-transform: translateY(-350px); -ms-transform: translateY(-350px); transform: translateY(-350px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } /*guaid_modal*/ .guaid_modal{ width: 100%; height: 90px; background: #fff; text-align: center; margin-bottom: 47px; overflow: hidden; } .guaid_modal a{ display: inline-block; width: 204px; height: 93px; font-size: 24px; color: #3e3e3e; } .guaid_modal .on{ background: #e50012; color: #fff; } .guaid_modal .on span{ display: block; } .guaid_modal a span{ color: #f08d91; font-size: 34px; display: block; display: none; padding-top: 5px; } .guaid_modal a:hover{ background: #e50012; color: #fff; } .guaid_modal a:hover span{ display: block; } .sub_nav_modal{ background: #f8f8f8; text-align: center; margin-bottom: 43px; } .sub_nav_modal a{ display: inline-block; width: 130px; height: 40px; line-height: 40px; text-align: center; border-radius: 30px; border: 1px solid #d0d0d0; font-size: 16px; color: #6f6f6f; margin: 0 7px 10px; } .sub_nav_modal .on,.sub_nav_modal a:hover{ background: #e50012; border: 1px solid #e50012; color: #fff; } .news_main .in .swiper-pagination{ position: absolute!important; bottom:76px!important; right: 15px; width: 100px; left: auto; } .news_main .in .swiper-pagination .swiper-pagination-current{ color: #eb4652; } .news_main .in .swiper-button-next,.news_main .in .swiper-button-prev{ top: auto; bottom: 78px; width: 19px; height: 15px; } .news_main .in .swiper-button-next{ right: 22px; } .news_main .in .swiper-button-prev{ left: auto; right: 95px; } .news_main .modal_2 li{ width: 100%; background: #fff; margin-bottom: 26px; } .news_main .modal_2 li a{ display: block; padding: 33px 0; overflow: hidden; } .news_main .modal_2 li .time{ width: 179px; text-align: center; padding-top: 32px; } .news_main .modal_2 li .time .p1{ font-size: 34px; color: #e50012; font-weight: bold; } .news_main .modal_2 li .time .p2{ font-size: 14px; color: #c9c9c9; } .news_main .modal_2 li .img { margin-right: 26px; width: 235px; height: 169px; overflow: hidden; } .news_main .modal_2 li .img img{ width: 235px; } .news_main .modal_2 li .text{ width: 766px; } .search_d_main .modal_2 li .img{ margin-left: 33px; } .search_d_main .modal_2 li .text{ width: 900px; } .search_d_main .modal_2{ padding-top: 40px; } .news_main .modal_2 li .text .p1{ font-size: 22px; color: #474041; margin-bottom: 14px; } .news_main .modal_2 li .text .p2{ font-size: 16px; color: #7b7b7b; margin-bottom: 28px; line-height: 26px; } .news_main .modal_2 li .text .p3{ width: 140px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; border:1px solid #c8c8c8; } .news_main .modal_2 li:hover .p1{ color: #e50112!important } .news_main .modal_2 li:hover .p3{ border:1px solid #e50112; background: #e50112; color: #fff; } img{ -webkit-transition: -webkit-transform .5s linear; transition: transform .5s linear; } .index_main .modal_3 .swiper-slide:hover img , .news_main .modal_1 .img:hover img, .solution_main .modal_7 li:hover img,.news_main .modal_2 li:hover img,.index_main .modal_3 .item img:hover, .index_main .modal_4 .bd .img img:hover, .client_d_main .modal_1 img:hover,.news_main .modal_1 li:hover img,.st_main .modal_2 li:hover img ,.index_main .modal_news .l_box:hover img, .index_main .u8_modal_1 .item:hover img, .fa_main_d .modal_info .img:hover img.fa_main_d .modal_info .text .p4 a, .fa_main_d .modal_kh li:hover .img img,.fa_main_d .modal_info .img img:hover, .product_main .modal_jjfa .item:hover img, .index_main .swiper-container_client .item:hover .img img,.index_main .modal_news .r_box li:hover img, .p_main .q_box .r_box .img:hover img, .p_main .modal_5 .l_box .img:hover img,.client_dd_main .modal_1 li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s linear; transition: transform .5s linear; } .o_banner_list{ width: 100%; background:#f9f9f9; height: 127px; } .o_banner_list .in{ width: 1200px; margin: 0 auto; } .o_banner_list .item{ width: 25%; height: 127px; border-right: 1px solid #e2e2e2; margin-right: -1px; position: relative; } .o_banner_list .item_4{ border: 0 none; } .o_banner_list .item:hover .p1{ color: #dd3730 ; } .o_banner_list .item:hover{ background-color: #eee; -webkit-animation-name: flymover; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; } @-webkit-keyframes flymover{ 0%{background-position-y:center} 100%{background-position-y:30px;} } .o_banner_list .item p{ padding-left: 83px; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .o_banner_list .item img{ -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .o_banner_list .item .p1{ padding-top: 30px; padding-bottom: 16px; color: #dd3730; font-size: 18px; } .o_banner_list .item .p2{ color: #a1a1a1; font-size: 14px; } .o_banner_list .item .img{ position: absolute; top: 30px; left: 15px; } .o_banner_list .item:hover p,.pro_main .modal_2 .bd .item_2 li:hover{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .o_banner_list .item:hover .img{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .yxszh_banner .p1{ font-size: 46px; color: #fff; } .o_banner_d .img{ display: inline-block; vertical-align: -8px; margin-right: 30px; } .o_banner_d .txt{ display: inline-block; text-align: left; } .o_banner_d .txt .s{ display: block; } .o_banner_d .txt .s1{ font-size: 46px; color: #fff; } .o_banner_d .txt .s2{ font-size: 18px; color: #fff; } .num-nav { position: absolute; bottom: 20px; left: 20px; text-align: center; z-index: 9; } .num-nav a { background:#ebe5e5; height: 16px; width: 16px; text-align: center; line-height: 116px; border-radius:50%; margin-right: 10px; overflow: hidden; display: inline-block; } .num-nav .active-slide { background: #e60012; } .index_main { position: relative; z-index: 1; } .mc { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); display: none; z-index: 10; } input, textarea { font-family: "寰蒋闆呴粦"; } .slideBox2 .bd li { width: 383px; height: 447px; } .sub_nav { width: 244px; background: #fff; margin-right: 19px; } .sub_nav .bd li { border-bottom: 1px solid #e1e1e1; } .sub_nav .bd li:last-child { border-bottom: 3px solid #e60012; } .sub_nav .bd li a { display: block; height: 48px; line-height: 48px; color: #292929; font-size: 18px; background: #fff; padding-left: 27px; background: url(../images/i7.png) no-repeat 90% center; } .sub_nav .bd li .on, .sub_nav .bd li a:hover { background-color: #e60012; color: #fff; } .sub_nav_2 .hd { background: #e60012; height: 54px; line-height: 54px; font-size: 22px; padding-left: 27px; color: #fff; cursor: pointer;/* background: url(../images/a_b.png) #e60012 no-repeat 91% center; */ } .sub_nav_2 .hd.on { background: url(../images/a_t.png) #e60012 no-repeat 91% center; } .sub_nav .bd li .on, .sub_nav .bd li a:hover { color: #e60012; background: url(../images/i9.png) no-repeat 90% center; } .pro_main .modal_1{ width: 1200px; margin: -110px auto 45px; box-shadow: 0 10px 26px rgba(105,105,105,0.2); background: url(../images/img1.jpg) #fff no-repeat center bottom; background-size: 100%; height: 830px; position: relative; z-index: 2; } .pro_main .modal_1 .in { padding: 0 50px; padding-top: 40px; } .pro_main .modal_1 .hd{ padding-left: 54px; height: 34px; line-height: 34px; background: url(../images/i00.png) no-repeat 0 0; margin-bottom: 38px; } .pro_main .modal_1 .hd .p1{ font-size: 28px; color: #352829; } .pro_main .modal_1 .bd { } .pro_main .modal_1 .bd p{ font-size: 18px; color: #766e6e; margin-bottom:25px; } .pro_main .modal_1 .bd li{ padding-left: 22px; background: url(../images/i10.png) no-repeat 0 3px; color: #766e6e; font-size: 18px; margin-bottom: 12px; } .pro_main .modal_2{ } .pro_main .modal_2{ min-height: 760px; width: 1200px; margin: 0 auto; } .pro_main .modal_2 .in{ display: none; } .pro_main .modal_2 .hd{ padding-left:52px; height: 32px; line-height: 32px; background: url(../images/i00.png) no-repeat 0 0; margin-bottom: 37px; } .pro_main .modal_2 .hd .p1{ font-size: 28px; color: #352829; } .pro_main .modal_2 .bd .item_1 p{ font-size:18px; color: #766e6e; } .pro_main .modal_2 .bd .item_2 ul{ margin-right: -82px; } .pro_main .modal_2 .bd .item_2 li{ float: left; margin-top:39px; margin-right: 52px; width:470px; padding-left:106px; padding-bottom: 28px; border-bottom: 1px solid #e7e7e7; } .pro_main .modal_2 .bd .item_2 li .p1{ font-size: 22px; color: #5a4e4e; margin-bottom: 18px; } .pro_main .modal_2 .bd .item_2 li .p2{ font-size:16px; color: #766e6e; height: 46px; } .pro_main .modal_2 .bd .item_2 .li_1{ background: url(../images/i11_1.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 .li_2{ background: url(../images/i11_2.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 .li_3{ background: url(../images/i11_3.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 .li_4{ background: url(../images/i11_4.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 .li_5{ background: url(../images/i11_5.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 .li_6{ background: url(../images/i11_6.png) no-repeat 0 0; background-size: 73px; } .pro_main .modal_2 .bd .item_2 li:last-child{ border: 0 none; } .pro_main .modal_2 .bd .item_2 li:nth-child(5){ border: 0 none; } .pro_main .modal_3{ min-height: 593px; background: url(../images/bg5.jpg) #f9f9f8 no-repeat center 0; } .pro_main .modal_3 .in{ width: 1200px; margin: 0 auto; display: none; } .pro_main .modal_3 .in{ padding-top:96px; } .pro_main .modal_3 .hd{ padding-left: 54px; height: 34px; line-height: 34px; background: url(../images/i00.png) no-repeat 0 0; margin-bottom:34px; } .pro_main .modal_3 .bd .text .hd .p1{ font-size: 28px; color: #352829; } .pro_main .modal_3 .bd .text p{ font-size: 18px; color: #766e6e; line-height: 30px; } .pro_main .modal_3 .bd .img img{ width: 580px; margin-right: 36px; } .pro_main .modal_3 .text{ width: 570px; } .pro_main .modal_4{ min-height:930px; background: #fff; } .pro_main .modal_4 .in{ width: 1200px; margin: 0 auto; padding-top: 62px; display: none; } .pro_main .modal_4 .hd{ padding-left: 52px; height: 34px; line-height: 34px; background: url(../images/i00.png) no-repeat 0 3px; margin-bottom: 42px; } .pro_main .modal_4 .hd .p1{ color: #352829; font-size: 28px; } .pro_main .modal_4 .bd .item_1{ margin-bottom: 50px; } .pro_main .modal_4 .bd .item_1 p{ font-size: 18px; color: #766e6e; } .pro_main .modal_4 .bd .item_2 { text-align: center; } .gaidu_modal{ text-align: center; width:100%; margin: 0 auto 57px; background: #fff; height: 52px; padding-top: 38px; color: #ddd4d5; } .gaidu_modal a{ font-size:20px; height: 20px; line-height: 20px; color: #352829; padding: 0 45px; position: relative; } .gaidu_modal .on,.gaidu_modal a:hover{ color: #e50012; font-weight: bold; } .gaidu_modal .on:after{ content:''; width: 40px; height:2px; position: absolute; top: 36px; left: 50%; margin-left: -20px; background: #e50012; } .client_main{ padding-bottom: 60px; } .client_main .modal_1 .in{ width: 1200px; margin: 0 auto; padding-bottom: 32px; } .client_main .modal_1 li{ width: 100%; background: #fff; margin-bottom: 26px; } .client_main .modal_1 li a{ display: block; overflow: hidden; } .client_main .modal_1 li .time{ width: 179px; text-align: center; padding-top: 32px; } .client_main .modal_1 li .time .p1{ font-size: 34px; color: #e50012; font-weight: bold; } .client_main .modal_1 li .time .p2{ font-size: 14px; color: #c9c9c9; } .client_main .modal_1 li .img { margin-right: 26px; width:510px; height: 320px; overflow: hidden; } .client_main .modal_1 li .img img{ width: 510px; } .client_main .modal_1 li .text{ width: 640px; padding-top: 43px; } .client_main .modal_1 li .text .p1{ font-size: 22px; color: #474041; margin-bottom: 14px; } .client_main .modal_1 li .text .p2{ font-size: 16px; color: #7b7b7b; margin-bottom: 28px; line-height: 26px; } .client_main .modal_1 li .text .p3{ width: 140px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; border:1px solid #c8c8c8; } .client_main .modal_1 li:hover .p1{ color: #e50112!important } .client_main .modal_1 li:hover .p3{ border:1px solid #e50112; background: #e50112; color: #fff; } .ex_main .modal_1 ul{ margin-right: -20px; } .ex_main .modal_1 li{ float: left; width: 590px; margin: 0 18px 30px 0; display: inline; } .ex_main .modal_1 li .img{ width: 231px; height: 181px; margin-right: 32px; } .ex_main .modal_1 li img{ width: 231px; height: 181px; } .ex_main .modal_1 li .text{ width: 307px; padding-top: 20px; } .ex_main .modal_1 li .text .p2{ margin-bottom: 16px; } .ex_main .modal_1 li .text .p3{ width: 120px; height: 36px; line-height: 36px; } .ex_main_d{ padding-bottom: 60px; } .ex_main_d .modal_1 { width: 100%; background: #fff; padding: 44px 0; } .ex_main_d .modal_1 .in{ width: 1200px; margin: 0 auto; } .ex_main_d .modal_1 .img img{ width: 512px; } .ex_main_d .modal_1 .img{ margin-right: 35px; } .ex_main_d .modal_1 .text{ padding-top: 20px; width: 650px; } .ex_main_d .modal_1 .logo{ } .ex_main_d .modal_1 .logo img{ margin-bottom: 13px; } .ex_main_d .modal_1 .tit{ font-size: 24px; color: #e50012; margin-bottom: 30px; } .ex_main_d .modal_1 .info{ font-size: 16px; color: #535353; line-height: 26px; } .ex_main_d .modal_1 .intro{ font-size: 16px; } .ex_main_d .modal_1 .t{ margin-bottom: 30px; } .ex_main_d .modal_1 .b{ font-size: 16px; color: #535353; line-height: 26px; } .ex_main_d .ex_info{ background: #fff; } .ex_main_d .ex_info:nth-child(2n){ background: #f8f8f8; } .ex_main_d .ex_info .in{ width: 1200px; margin: 0 auto; padding: 50px 0; } .ex_main_d .ex_info .hd{ font-size: 26px; color: #1e1515; margin-bottom: 60px; text-align: center; position: relative; } .ex_main_d .ex_info .hd:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:50px; left: 50%; margin-left: -31px; } .ex_main_d .ex_info .bd p{ font-size: 16px; color: #535353; line-height: 26px; margin-bottom: 43px; } .ex_main_d .ex_info .bd .img{ text-align: center; margin-bottom: 43px; } .fa_main_d .modal_1 { width: 100%; background: #fff; padding: 44px 0; } .fa_main_d .modal_1 .in{ width: 1200px; margin: 0 auto; } .fa_main_d .modal_1 .text p{ font-size: 18px; color: #323232; margin-bottom: 40px; line-height: 28px; } .fa_main_d .modal_1 .img{ text-align: center; } .fa_main_d .modal_1 .img img{ width: 970px; } .fa_main_d .modal_2 { width: 100%; background: #f8f8f8; padding: 65px 0; } .fa_main_xx .modal_2.three li{ width: 33%; } .fa_main_d .modal_2 .in{ width: 1200px; margin: 0 auto; display: none; overflow: hidden; } .fa_main_d .modal_2 .hd{ text-align: center; font-size: 26px; color: #1e1515; position: relative; margin-bottom: 93px; } .fa_main_d .modal_2 .hd:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:50px; left: 50%; margin-left: -31px; } .fa_main_d .modal_2 ul{ margin-right: -20px; } .fa_main_d .modal_2 li{ float: left; width: 25%; } .product_main .modal_2 li{ float: left; width: 248px; height: 130px; margin-right: 16px; padding: 40px 0 0 140px; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; background-color: #fff!important; margin-bottom: 20px; } .fa_main_d .modal_2 li .p1{ font-size: 18px; color: #504d4d; font-weight: bold; margin-bottom: 30px; position: relative; } .fa_main_d .modal_2 li .p1:after{ content:''; display:block; width:28px; height: 2px; background: #e81212; position: absolute; top:35px; left: 0%; } .product_main .modal_1 li{ -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .product_main .modal_2 li:hover,.ex_main .modal_1 li:hover{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .fa_main_xx .modal_2 li:hover{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .product_main .modal_2 li .p2{ font-size: 16px; color: #a0a0a0; width: 230px; height: 65px; overflow: hidden; } .product_main .modal_2 .li_1{ background: url(../images/m36.png) #fff no-repeat 43px 40px; } .product_main .modal_2 .li_2{ background: url(../images/m37.png) #fff no-repeat 43px 40px; } .product_main .modal_2 .li_3{ background: url(../images/m38.png) #fff no-repeat 43px 40px; } .fa_main_xx .modal_2 li { text-align: center; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .fa_main_xx .modal_2 li .p1:after{ content:''; display:block; width:28px; height: 2px; background: #e81212; position: absolute; top:35px; left: 50%; margin-left: -14px; } .fa_main_xx .modal_2 li .img{ margin-bottom: 24px; } .fa_main_xx .modal_2 li .img img{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #f8f8f8; } .fa_main_xx .modal_2 li .p2{ width: 80%; margin: 0 auto; color: #a0a0a0; } .fa_main_xx .modal_2 li:hover img{ border: 2px solid #e51f1f; } .fa_main_d .modal_info { width: 100%; background: #f8f8f8; padding: 65px 0; } .fa_main_d .modal_info .in{ width: 1200px; margin: 0 auto; display: none; } .fa_main_d .modal_info .hd{ text-align: center; font-size: 26px; color: #1e1515; position: relative; margin-bottom: 93px; } .fa_main_d .modal_info .hd:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:50px; left: 50%; margin-left: -31px; } .fa_main_d .modal_info{ background: #fff; } .fa_main_d .modal_info:nth-child(2n){ background: #f8f8f8; } .fa_main_d .modal_info .img{ width: 562px; overflow: hidden; height: 321px; } .fa_main_d .modal_info .img img{ width: 562px; } .fa_main_d .modal_info .text{ width: 608px; } .fa_main_d .modal_info .text .p1{ font-size: 24px; color: #504d4d; font-weight: bold; margin-bottom: 21px; } .fa_main_d .modal_info .text .p2{ font-size: 18px; line-height: 28px; color: #504d4d; margin-bottom: 36px; } .fa_main_d .modal_info .text .p3{ font-size: 16px; color: #535353; margin-bottom: 70px; line-height: 30px; } .fa_main_d .modal_info .text .p4 a{ display: block; width: 160px; height: 50px; font-size: 16px; text-align: center; line-height: 50px; background: #e81212; color: #fff; } .fa_main_d .modal_info:nth-child(2n) .img{ float: left; } .fa_main_d .modal_info:nth-child(2n) .text{ float: right; } .product_main .modal_jjfa { width: 100%; background: url(/mu8/images/q54.jpg) #fff no-repeat center center; height: 633px; } .product_main .modal_jjfa .in{ width: 1200px; margin: 0 auto; padding-top: 56px; position: relative; height:573px; display: none; } .product_main .modal_jjfa .hd{ text-align: center; font-size: 26px; color: #fff; position: relative; margin-bottom: 95px; } .product_main .modal_jjfa .hd:after{ content:''; display:block; width:62px; height: 3px; background: #fff; position: absolute; top:50px; left: 50%; margin-left: -31px; } .product_main .modal_jjfa .item{ width: 385px; } .product_main .modal_jjfa .item .img{ width: 385px; height: 216px; overflow: hidden; } .product_main .modal_jjfa .item .img img{ width: 385px; height: 216px; } .product_main .modal_jjfa .item:hover .p1{ color: #e81212; } .product_main .modal_jjfa .item .text{ padding: 20px 15px 0; height: 130px; background: #fff; } .product_main .modal_jjfa .item .p1{ font-size: 18px; color: #383838; margin-bottom: 20px; } .product_main .modal_jjfa .item .p2{ font-size: 16px; color: #747474; height: 66px; overflow: hidden; line-height: 22px; } .product_main .swiper-container_client{ width: 1200px; overflow: hidden; height: 390px; } .product_main .modal_jjfa .swiper-button-prev{ width: 50px; height: 50px; background: url(/mu8/images/f36_l.png) no-repeat center center; background-size: 100%; top: 370px; left: 0%; margin-left:-25px ; } .product_main .modal_jjfa .swiper-button-next{ width: 50px; height: 50px; background: url(/mu8/images/f36.png) no-repeat center center; background-size: 100%; top: 370px; left: auto; right: -25px; } .product_main .modal_jjfa .swiper-pagination-fraction{ bottom: 30px; color: #fff; } .fa_main_d .modal_kh { width: 100%; background: url(/mu8/images/q35.jpg) #fff no-repeat center center; background-size: cover } .fa_main_d .modal_kh .in{ width: 1200px; margin: 0 auto; padding-top: 64px; display: none; } .fa_main_d .modal_kh .hd{ text-align: center; font-size: 26px; color: #1e1515; position: relative; margin-bottom: 93px; } .fa_main_d .modal_kh .hd:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:50px; left: 50%; margin-left: -31px; } .fa_main_d .modal_kh ul{ margin-right: -32px; } .fa_main_d .modal_kh li{ float: left; width: 386px; margin-right: 22px; text-align: center; background: #fff; margin-bottom: 22px; } .fa_main_d .modal_kh li .img{ width: 386px; height: 223px; overflow: hidden; } .fa_main_d .modal_kh li img{ width: 386px; height: 223px; } .fa_main_d .modal_kh li .logo{ text-align: center; padding-top: 20px; height: 80px; } .fa_main_d .modal_kh li .logo img{ height: 48px; width: auto; } .o_banner .d1 .btn_box a{ margin: 0 10px; } .o_banner .d1 .btn_box .btn_1{ width: 180px; height: 56px; line-height: 56px; background: url(/mu8/images/m35.png) #fff no-repeat center center; text-align: left; text-indent: 36px; } .o_banner .d1 .btn_box .btn_2{ width: 180px; height: 56px; line-height: 56px; background: transparent; border: 1px solid #fff; color: #fff; } .product_main .modal_cpgk{ width: 100%; height: 485px; background: #fff; } .product_main .modal_cpgk .in{ width: 1200px; margin: 0 auto; padding-top: 50px; } .product_main .modal_cpgk .hd{ text-align: center; font-size: 26px; color: #1e1515; position: relative; margin-bottom: 60px; } .product_main .modal_cpgk .hd:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:50px; left: 50%; margin-left: -31px; } .product_main .modal_cpgk .bd .img{ margin-right: 110px; width: 400px; } .product_main .modal_cpgk .bd .img img{ width: 100%; } .product_main .modal_cpgk .bd .text .d1{ font-size: 16px; color: #535353; margin-bottom: 45px; } .product_main .modal_cpgk .bd .text .d2 a{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; } .product_main .modal_cpgk .bd .text .d2 a:hover,.fa_main_d .modal_info .text .p4 a:hover{ background: #ce0707; } .product_main .modal_cpgk .bd .text { width: 678px; } .product_main .modal_cpgk .bd .text .d1{ font-size: 16px; color: #535353; line-height: 30px; margin-bottom: 43px; padding-top: 5px; } .product_main .modal_cpgk .bd .text .d2 a{ width: 180px; height: 56px; line-height: 56px; background: #e81212; color: #fff; font-size: 16px; } .pro_o_banner .d1 .p1{ font-size: 50px; } .pro_o_banner .d1 .p2{ font-size: 40px; } .friend_main .modal_1 { width: 100%; background: #fff; height: 280px; } .friend_main .modal_1 .in{ width: 1200px; margin: 0 auto; padding-top: 63px; } .friend_main .modal_1 li{ float: left; width: 33.33%; text-align: center; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .friend_main .modal_1 li .img{ margin-bottom: 27px; } .friend_main .modal_1 li .text p{ position: relative; font-size: 16px; } .friend_main .modal_1 li .text p:after{ content:''; display:block; width:28px; height: 2px; background: #e81212; position: absolute; top:28px; left: 50%; margin-left: -14px; } .friend_main .modal_2{ width: 100%; height: 330px; background: url(../images/q41.jpg) #fff no-repeat center center; } .friend_main .modal_2 .hd{ margin-bottom: 40px; } .friend_main .modal_2 .in{ width: 1200px; margin: 0 auto; padding-top: 56px; } .friend_main .search_modal{ width: 1100px; height:80px; position: relative; margin: 0 auto 0; } .friend_main .search_modal .search_in .text { height: 80px; line-height: 80px; background: #fff; text-indent: 25px; width: 805px; border: 0 none; border-left: 1px solid #e3e3e3; font-size: 16px; } .friend_main .search_modal .submit_btn { width: 110px; height: 80px; background: url(../images/m68.png) #e50012 no-repeat center center; border: 0 none; cursor: pointer; z-index: 1; } .friend_main .search_modal .s_box select{ float: left; margin-right: 1px; width: 180px; height: 80px; border: 0 none; font-size: 18px; color: #504d4d; padding-left: 38px; background: url(../images/m69.png) #fff no-repeat 85% center; } .friend_main .modal_3{ width: 100%; padding-bottom: 30px; background: #f8f8f8; } .friend_main .modal_3 .in{ width: 1200px; margin: 0 auto; padding-top: 80px; } .friend_main .modal_3 .hd{ margin-bottom: 33px; } .friend_main .i_hd{ margin-bottom: 77px; position: relative; } .friend_main .i_hd .s1{ position: absolute; top: 30px; left: 25px; font-size: 30px; color: #1e1515; } .friend_main .i_hd .s1:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:-10px; left: 0%; margin-left: 0; } .friend_main .modal_3 .bd ul{ margin-right: -12px; } .friend_main .modal_3 .bd li{ float: left; width: 230px; height: 90px; margin: 0 12px 12px 0; display: inline; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .friend_main .modal_3 .bd li img{ height: 90px; } .friend_main .modal_4{ width: 100%; padding-bottom: 20px; background: #fff; } .friend_main .modal_4 .in{ width: 1200px; margin: 0 auto; padding-top: 80px; } .friend_main .modal_4 .hd{ margin-bottom: 33px; } .friend_main .modal_4 .bd ul{ margin-right: -12px; } .friend_main .modal_4 .bd li{ float: left; width: 230px; height: 90px; margin: 0 12px 12px 0; display: inline; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .friend_main .modal_4 .bd li img{ height: 90px; } .friend_main .modal_4 .bd li:hover,.friend_main .modal_3 .bd li:hover,.friend_main .modal_1 li:hover,.p_main .modal_1 li:hover,.p_main .modal_2 li:hover{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .p_main .modal_1{ width: 100%; height:412px; background: #fff; } .p_main .modal_1 .in{ width: 1200px; margin: 0 auto; padding-top: 30px; } .p_main .modal_1 ul{ margin-right: -50px; } .p_main .modal_1 li{ float: left; width: 260px; margin-right: 50px; margin-bottom: 20px; display: inline; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .p_main .modal_1 li:hover .text .p1{ color: #e81212; } .p_main .modal_1 li .img{ text-align: center; margin-bottom: 20px; } .p_main .modal_1 li .text .p1{ text-align: center; position: relative; margin-bottom: 25px; font-size: 18px; color: #504d4d; font-weight: bold; } .p_main .modal_1 li .text .p2{ font-size: 16px; color: #959595; line-height: 26px; } .p_main .modal_1 li .text .p1:after{ content:''; display:block; width:28px; height: 2px; background: #e81212; position: absolute; top:32px; left: 50%; margin-left: -14px; } .p_main .modal_2{ width: 100%; height:480px; overflow: hidden; position: relative; } .over { height:480px!important; overflow: hidden; z-index: 1; background: #3c4451; } .over img{ -webkit-transition: -webkit-transform 0s linear!important; transition: transform 0s linear!important; } .p_main .modal_2 .in{ position: absolute; top: 0; left: 0; width: 1200px; left: 50%; margin-left: -600px; padding-top: 57px; display: none; z-index: 1; } .p_main .i_hd{ margin-bottom: 77px; position: relative; } .p_main .i_hd .s1{ position: absolute; top: 30px; left: 25px; font-size: 30px; color: #ffffff; } .p_main .i_hd .s1:after{ content:''; display:block; width:62px; height: 3px; background: #fff; position: absolute; top:-10px; left: 0%; margin-left: 0; } .p_main .i_hd .s2{ position: absolute; top: 80px; left: 25px; font-size: 16px; color: #ffffff; } .p_main .modal_2 .more_btn{ color: #fff; } .p_main .modal_2 ul{ margin-right: -20px; } .p_main .modal_2 li{ float: left; width: 285px; height: 140px; background: #fff; text-align: center; padding-top: 40px; margin-right: 20px; display: inline; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .p_main .modal_2 li .p1{ font-size: 34px; color: #e50012; font-weight: bold; margin-bottom: 37px; position: relative; } .p_main .modal_2 li .p2{ font-size: 16px; color: #999; } .p_main .modal_2 li .p1:after{ content:''; display:block; width:28px; height: 2px; background: #e81212; position: absolute; top:60px; left: 50%; margin-left: -14px; } .p_main .modal_3{ width: 100%; padding-bottom: 20px; background: #f8f8f8; } .p_main .modal_3 .in{ width: 1200px; margin: 0 auto; padding-top: 66px; display: none; } .p_main .modal_3 .i_hd{ margin-bottom: 60px; } .p_main .modal_3 .i_hd .s1{ color: #1e1515; } .p_main .modal_3 .i_hd .s1:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:-10px; left: 0%; margin-left: 0; } .p_main .modal_3 .i_hd .s2{ color: #949494; } .p_main .modal_3 .i_hd .more_btn{ margin-top: 50px; } .p_main .modal_3 .bd ul{ margin-right: -15px; } .p_main .modal_3 .bd li{ float: left; width: 281px; height: 161px; padding: 26px 0 0 107px; margin: 0 15px 15px 0; display: inline; background-repeat: no-repeat; background-color: #fff; background-position: 26px 31px; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .p_main .modal_3 .bd li:hover{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .p_main .modal_3 .bd li .p1{ font-size: 20px; color: #363030; font-weight: bold; margin-bottom: 17px; } .p_main .modal_3 .bd li .p2{ font-size:16px; color: #8d8d8d; margin-bottom: 13px; } .p_main .modal_3 .bd li .p3 a{ color: #666; font-size: 16px; } .p_main .modal_3 .bd li .p3 a:hover{ color:#e81212; } .p_main .modal_3 .bd .li_1{ background: url(../images/m52.png) #fff no-repeat 26px 31px ; } .p_main .modal_3 .bd .li_2{ background: url(../images/m53.png) #fff no-repeat 26px 31px ; } .p_main .modal_3 .bd .li_3{ background: url(../images/m54.png) #fff no-repeat 26px 31px ; } .p_main .modal_3 .bd .li_4{ background: url(../images/m55.png) #fff no-repeat 26px 31px ; } .p_main .modal_3 .bd .li_5{ background: url(../images/m56.png) #fff no-repeat 26px 31px ; } .p_main .modal_3 .bd .li_6{ background: url(../images/m57.png) #fff no-repeat 26px 31px ; } .p_main .modal_4{ width: 100%; min-height:720px; background: url(../images/q44.jpg) no-repeat center center; } .p_main .modal_4 .in{ width: 1200px; margin: 0 auto; padding-top: 57px; display: none; } .p_main .modal_4 .i_hd{ margin-bottom: 55px; } .p_main .modal_4 .more_btn{ color: #fff; margin-top: 50px; } .p_main .q_box{ width:1200px; margin: 0 auto; } .p_main .q_box .l_box{ width: 240px; background: url(../images/m64.png) repeat-y center 0; } .p_main .q_box .l_box li{ width: 240px; height: 84px; line-height: 84px; text-align: center; font-size: 22px; cursor: pointer; color: #ffd5d5; } .p_main .q_box .l_box li.on{ color: #fff; position: relative; background: url(../images/m65.png) no-repeat center center; } .p_main .q_box .l_box li:hover{ color: #fff; } .p_main .q_box .r_box{ width:960px; } .p_main .q_box .r_box .item{ display: none; position: relative; } .p_main .q_box .r_box .img{ width: 960px; height: 420px; overflow: hidden; } .p_main .q_box .r_box .d1{ position: absolute; top: 55px; left: 35px; } .p_main .q_box .r_box .d1 .p1{ font-size: 26px; color: #373535; margin-bottom: 16px; } .p_main .q_box .r_box .d1 .p2{ font-size: 16px; color: #828282; margin-bottom: 25px; } .p_main .q_box .r_box .d1 a{ display: inline-block; font-size: 18px; color: #fff; width: 160px; height: 50px; line-height: 50px; text-align: center; background: #e81212; } .p_main .q_box .r_box .d1 a:hover{ background: #cb0a0a; color: #fff; } .p_main .modal_5{ width: 100%; height:700px; background: #fff; } .p_main .modal_5 .in{ width: 1200px; margin: 0 auto; padding-top: 57px; display: none; } .p_main .modal_5 .i_hd{ margin-bottom: 55px; } .p_main .modal_5 .i_hd .s1{ color: #1e1515; } .p_main .modal_5 .i_hd .s1:after{ content:''; display:block; width:62px; height: 3px; background: #e81212; position: absolute; top:-10px; left: 0%; margin-left: 0; } .p_main .modal_5 .i_hd .s2{ color: #949494; } .p_main .modal_5 .more_btn{ margin-top: 50px; } .p_main .modal_5 .item{ width: 1200px; } .p_main .modal_5 .l_box{ width: 520px; margin-right: 80px; } .p_main .modal_5 .r_box{ width: 600px; position: relative; } .p_main .modal_5 .l_box .img { width: 520px; height: 300px; overflow: hidden; } .p_main .modal_5 .l_box .img img{ width: 520px; height: 300px; } .p_main .modal_5 .l_box .logo img{ height:67px; } .p_main .modal_5 .l_box .logo { text-align: center; background: #f8f8f8; padding-top: 20px; height: 80px; } .p_main .modal_5 .swiper-modal_5{ width: 1200px; overflow: hidden; position: relative; } .p_main .modal_5 .r_box { position: relative; margin-top: 20px; } .p_main .modal_5 .r_box .d1{ margin-bottom: 10px; } .p_main .modal_5 .r_box .d1 a{ font-size: 26px; color: #1e1515; } .p_main .modal_5 .r_box .d1 a:hover{ color: #da251c; } .p_main .modal_5 .r_box .d2{ font-size: 20px; color: #1e1515; margin-bottom: 28px; font-weight: bold; } .p_main .modal_5 .r_box .d3{ font-size: 16px; color: #959595; margin-bottom:36px; } .p_main .modal_5 .r_box .d4 ul{ margin-right: -100px; } .p_main .modal_5 .r_box .d4 li{ float: left; width: 136px; margin-right: 92px; } .p_main .modal_5 .r_box .d4 li .p1{ font-size: 18px; color: #2d2525; font-weight: bold; margin-bottom: 5px; } .p_main .modal_5 .r_box .d4 li .p2{ font-size: 16px; color: #959595; } .p_main .modal_5 .r_box .d4 { margin-bottom: 34px; } .p_main .modal_5 .r_box .d5 a{ font-size: 16px; } .p_main .modal_5 .r_box:after{ content:''; display:block; width:4px; height: 139px; background: #e50012; position: absolute; top:6px; left: -20px; } .p_main .modal_5 .swiper-container-horizontal>.swiper-pagination-bullets,.p_main .modal_5 .swiper-pagination-custom,.p_main .modal_5 .swiper-pagination-fraction{ top: 40px; right: 100px; left: auto; bottom: auto; text-align: right; } .p_main .modal_5 .swiper-modal_5 .swiper-button-prev{ width: 14px; height: 9px; background: url(../images/m66.png) no-repeat center center; background-size: 100%; top: 68px; left: auto; right: 142px; } .p_main .modal_5 .swiper-modal_5 .swiper-button-next{ width: 14px; height: 9px; background: url(../images/m67.png) no-repeat center center; background-size: 100%; top: 68px; left: auto; right: 75px; } .p_main .modal_hzhb{ width: 100%; background: url(../images/q45.jpg) no-repeat center 0; background-size: cover; padding-bottom: 20px; } .p_main .modal_hzhb .in{ width: 1200px; margin: 0 auto; padding-top: 43px; display: none; } .p_main .modal_hzhb .l{ margin-right: 34px; } .p_main .modal_hzhb .r{ width: 975px; } .p_main .modal_hzhb .r ul{ margin-right: -20px; } .p_main .modal_hzhb .r li{ float: left; margin-right: 12px; display: inline; margin-bottom: 12px; } .p_main .modal_news{ width: 100%; height:540px; background:#fff; } .p_main .modal_news .in{ width: 1200px; margin: 0 auto; padding-top: 70px; display: none; } .p_main .modal_news ul{ margin-right: -20px; } .p_main .modal_news li{ float: left; width: 325px; height: 230px; background: #f8f8f8; margin-right: 20px; display: inline; padding: 40px 30px 0; } .p_main .modal_news li .d1{ font-size: 16px; color: #a1a1a1; margin-bottom: 20px; } .p_main .modal_news li .d2{ font-size: 20px; color: #1e1515; font-weight: bold; margin-bottom: 20px; } .p_main .modal_news li .d3{ font-size: 16px; color: #747373; margin-bottom: 20px; height: 90px; } .p_main .modal_news li .d4{ width: 14px; height: 9px; background: url(../images/m62.png) no-repeat center center; } .p_main .modal_news li:hover{ background: #e81212; } .p_main .modal_news li:hover .d1,.p_main .modal_news li:hover .d2,.p_main .modal_news li:hover .d3{ color: #fff; } .p_main .modal_news li:hover .d4{ background: url(../images/m63.png) no-repeat center center; } .pager{ text-align: center; padding-top: 20px; padding-bottom: 50px; } .pager .p_in{ display: inline-block; } .pager a{ float: left; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #fff; font-size: 18px; margin: 0 5px; } .pager .on{ background: #e50012; color: #fff; } .pager .pre{ background: url(../images/f18.png) #fff no-repeat center center; overflow: hidden; } .pager .pre:hover{ background: url(../images/f18_1.png) #fff no-repeat center center; } .pager .next{ background: url(../images/f19.png) #fff no-repeat center center; overflow: hidden; } .pager .next:hover{ background: url(../images/f19_1.png) #fff no-repeat center center; overflow: hidden; } .news_gaidu_modal a{ padding: 0 100px; } .news_main .in{ width: 1200px; margin: 0 auto; } .news_main .modal_1 li{ margin-bottom:40px; } .news_main .modal_1 img{ width: 100%; } .news_main .modal_1 .img{ width: 500px; height: 320px; overflow: hidden; margin-right:43px; } .news_main .modal_1 .text { padding:45px 0 0 0; } .news_main .modal_1 .text .p1{ margin-bottom: 32px; } .news_main .modal_1 .text .p1 { font-size: 22px; color: #474041; } .news_main .modal_1 a:hover .p1{ color: #e50112!important; } .news_main .modal_1 .text .p2{ margin-bottom: 60px; line-height: 26px; } .news_main .modal_1 .text .p2 { font-size: 16px; color: #b5aeaf; } .news_main .modal_1 li{ background: #fff; } .news_main .modal_1 li .text{ width: 620px; } .news_main .modal_1 li .more_btn { width: 19px; height: 15px; margin-left: 3px; background: url(../images/i108.png) no-repeat 0 0; } .news_main .modal_1 li a:hover .more_btn{ background: url(../images/i108_1.png) no-repeat 0 0; -webkit-transform:translateX(5px); -ms-transform:translateX(5px); transform:translateX(5px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .news_main .in{ padding-bottom: 0; } .dt_main .in{ width: 1200px; margin: 0 auto; } .dt_main .modal_1 ul{ margin-right: -30px; } .dt_main .modal_1 li{ float: left; width: 315px; height: 440px; margin: 0 25px 25px 0; display: inline; background: #fff; padding: 0 35px; } .dt_main .modal_1 li .time{ font-size: 14px; color: #c9c9c9; margin-bottom: 27px; padding-top: 40px; } .dt_main .modal_1 li .time span{ font-size: 34px; color: #e50012; } .dt_main .modal_1 li .tit{ font-size: 22px; color: #3e3e3e; margin-bottom: 22px; font-weight: bold; } .dt_main .modal_1 li .text{ font-size: 16px; color: #7b7b7b; margin-bottom: 22px; height: 116px; overflow: hidden; margin-bottom: 18px; } .dt_main .modal_1 li .more{ display: block; width: 180px; height: 56px; text-align: center; line-height: 56px; font-size: 18px; color: #3e3e3e; border: 1px solid #e3e3e3; } .dt_main .modal_1 li:hover{ background: url(../images/q23.jpg) #fff no-repeat center center; } .dt_main .modal_1 li:hover .more{ background: #e50012; color: #fff; border: 1px solid #e50012; -webkit-animation: s1-1 0.7s ease; -ms-animation: s1-1 0.7s ease; -moz-animation: s1-1 0.7s ease; -o-animation: s1-1 0.7s ease; animation: s1-1 0.7s ease; } .dt_main .modal_1 li:hover .time span,.dt_main .modal_1 li:hover .time ,.dt_main .modal_1 li:hover .tit,.dt_main .modal_1 li:hover .text{ color: #fff; -webkit-animation: s1-1 0.7s ease; -ms-animation: s1-1 0.7s ease; -moz-animation: s1-1 0.7s ease; -o-animation: s1-1 0.7s ease; animation: s1-1 0.7s ease; } .news_d_main { padding-top: 40px; margin-bottom: 33px; } .news_d_main .modal_1 .in{ width: 1200px; background: #fff; padding-top: 36px; margin: 0 auto; padding-bottom: 35px; } .news_d_main .modal_1 img{ } .news_d_main .modal_1 p{ font-size: 18px; line-height: 30px; color: #4c4747; } .news_d_main .modal_1 .tit{ font-size: 26px; padding: 0 38px; color: #474041; padding-bottom: 14px; text-align: center; } .news_d_main .modal_1 .time{ font-size: 16px; color: #aeaeae; padding: 0 38px; border-bottom: 1px solid #d9d9d9; margin-bottom: 34px; padding-bottom: 25px; text-align: center; } .news_d_main .modal_1 .text{ margin: 0 38px; border-bottom: 1px solid #d9d9d9; margin-bottom: 26px; } .news_d_main .modal_1 .text p{ margin-bottom: 33px; } .news_d_main .modal_1 .text img{ width: 520px; margin: 0 auto; display: block; margin-bottom: 33px; } .news_d_main .modal_1 .ft a{ font-size: 16px; color: #928b8b; display: inline-block; width: 155px; height: 44px; line-height: 44px; text-indent: 60px; margin: 0 38px; background: url(../images/f15.png) no-repeat 33px center; border: 1px solid #d0d0d0; } .news_d_main .modal_1 .ft a:hover{ color: #e50112; border: 1px solid #e50112; } .client_d_main .modal_1 { width: 100%; background: #fff; padding: 46px 0 80px; } .client_d_main .modal_1 .in{ width: 1200px; margin: 0 auto; } .client_d_main .modal_1 .img{ width: 580px; height: 380px; overflow: hidden; } .client_d_main .modal_1 img{ width: 580px; } .client_d_main .modal_1 .text{ width: 543px; margin-bottom: 20px; } .client_d_main .modal_1 .text .d1{ margin-bottom: 30px; } .client_d_main .modal_1 .text .d1 img{ width: 230px; } .client_d_main .modal_1 .text .d2{ font-size: 26px; margin-bottom: 40px; color: #474041; } .client_d_main .modal_1 .text .d3{ font-size: 16px; color: #b5aeaf; line-height: 26px; margin-bottom: 44px; } .client_d_main .modal_1 .text .d4 a{ display: block; width: 180px; height: 56px; line-height: 56px; color: #fff; font-size: 18px; text-indent: 38px; background: url(../images/f17.png) #e50012 no-repeat 128px center; } .client_d_main .modal_1 .text .d4 a:hover{ background-color: #e81212!important; } .client_d_main .modal_2{ min-height: 1100px; } .client_d_main .modal_2 .in{ padding: 53px 0 60px; width: 1200px; margin: 0 auto; display: none; } .client_d_main .modal_2 .hd{ font-size: 26px; color: #474041; margin-bottom: 45px; } .client_d_main .modal_2 .hd span{ position: relative; } .client_d_main .modal_2 .hd span:after{ content:''; display:block; width:44px; height: 2px; background: #e50012; position: absolute; top:43px; left: 0%; } .client_d_main .modal_2 .bd .d1{ padding: 30px; background: #fff; margin-bottom: 30px; } .client_d_main .modal_2 .bd .d1 p{ font-size: 16px; color: #5e5758; line-height: 30px; } .client_d_main .modal_2 .bd .d2{ padding-bottom: 30px; } .client_d_main .modal_2 .bd .d2 p{ font-size: 16px; color: #766e6e; padding-left: 30px; background: url(../images/f16.png) no-repeat 0 7px; margin-bottom: 20px; line-height: 30px; } .client_d_main .modal_2 .bd .d3 .txt .tit{ color: #474041; font-size: 26px; margin-bottom: 33px; } .client_d_main .modal_2 .bd .d3 .txt p{ font-size: 16px; color: #766e6e; margin-bottom: 45px; line-height: 28px; } .client_d_main .modal_2 .bd .d3 img{ width: 506px; margin-left: 120px; } .solution_main .modal_1{ width: 1200px; margin: 0 auto 30px; background: #fff; margin-top: -120px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .solution_main .modal_1 .in{ padding: 55px 22px 50px 50px; } .solution_main .modal_1 img{ width: 743px; } .solution_main .modal_1 p{ font-size: 18px; line-height: 30px; color: #766e6e; margin-bottom: 30px; } .solution_main .modal_1 .text{ width: 366px; } .solution_main .modal_1 .hd{ font-size: 28px; margin-bottom: 30px; } .solution_main .modal_1 .more{ display: block; width:140px; height: 35px; line-height: 35px; font-size:16px; text-align: center; border-radius: 30px; color: #fff; background: #e50012; } .solution_main .modal_1 .bd img{ width: 100%; } .solution_main .modal_2 { background: #f9f9f8; margin-bottom: 40px; padding-top: 57px; padding-bottom: 57px; } .solution_main .modal_2 .in{ width: 1200px; margin: 0 auto 40px; } .solution_main .modal_2 img{ margin-right: 20px; } .solution_main .modal_2 .hd{ font-size: 28px; margin-bottom: 30px; } .solution_main .modal_2 p{ font-size: 18px; line-height: 30px; color: #766e6e; margin-bottom: 45px; } .solution_main .modal_2 .text{ width: 570px; padding-top: 10px; } .solution_main .modal_2 li{ padding-left: 27px; background: url(../images/i10.png) no-repeat 0 6px; margin-bottom: 20px; color: #766e6e; font-size: 16px; line-height: 30px; } .solution_main .modal_3 .in{ width: 1200px; margin: 0 auto 40px; } .solution_main .modal_3 img{ } .solution_main .modal_3 p{ font-size: 18px; line-height: 30px; color: #766e6e; margin-bottom: 30px; } .solution_main .modal_3 .hd{ font-size: 28px; margin-bottom:30px; } .solution_main .modal_3 .bd img{ margin: 0 auto; margin-bottom:25px; display: block; width: 1050px; } .solution_main .modal_3 .bd li{ padding-left: 30px; background: url(../images/i10.png) no-repeat 0 8px; margin-bottom: 20px; color: #766e6e; font-size: 16px; line-height:30px; } .solution_main .modal_4{ background: #f9f9f8; margin-bottom: 40px; padding-top: 57px; } .solution_main .modal_4 .in{ width: 1200px; margin: 0 auto ; } .solution_main .modal_4 img{ } .solution_main .modal_4 .hd{ font-size: 28px; margin-bottom: 45px; } .solution_main .modal_4 .text{ width: 537px; margin-right: 35px; } .solution_main .modal_4 .p{ font-size: 20px; line-height:30px; color: #766e6e; margin-bottom: 30px; } .solution_main .modal_4 ul{ margin-right: -60px; padding-bottom: 60px; } .solution_main .modal_4 li { float: left; padding-top: 104px; width: 190px; margin-right: 60px; text-align: center; } .solution_main .modal_4 li .p1{ font-size: 18px; margin-bottom:10px; color: #766e6e; } .solution_main .modal_4 li .p2{ font-size: 14px; color: #766e6e; } .solution_main .modal_4 .li_1{ background: url(../images/i13_1.png) no-repeat center 0; } .solution_main .modal_4 .li_2{ background: url(../images/i13_2.png) no-repeat center 0; } .solution_main .modal_4 .li_3{ background: url(../images/i13_3.png) no-repeat center 0; } .solution_main .modal_4 .li_4{ background: url(../images/i13_4.png) no-repeat center 0; } .solution_main .modal_4 .li_5{ background: url(../images/i13_5.png) no-repeat center 0; } .solution_main .modal_5 .in{ width: 1200px; margin: 0 auto ; padding-bottom: 70px; } .solution_main .modal_5 img{ } .solution_main .modal_5 p{ font-size: 18px; line-height: 30px; color: #766e6e; margin-bottom: 35px; } .solution_main .modal_5 .hd{ font-size: 28px; margin-bottom:28px; } .solution_main .modal_5 .bd img{ } .solution_main .modal_5 .bd li{ padding-left:26px; background: url(../images/i10.png) no-repeat 0 7px; margin-bottom: 15px; color: #766e6e; line-height: 30px; font-size: 16px; } .solution_main .modal_5 ul{ width: 506px; margin-left: 20px; } .solution_main .modal_7{ background: #f9f9f8; } .solution_main .modal_7 .in{ width: 1200px; margin: 0 auto; padding:62px 0; } .solution_main .modal_7 .hd{ text-align: center; font-size: 28px; color: #352829; margin-bottom: 40px; } .solution_main .modal_7 .b .img{ margin-bottom: 26px; overflow: hidden; } .solution_main .modal_7 ul{ margin-right: -30px; } .solution_main .modal_7 li{ background: #fff; width: 380px; height: 400px; float: left; margin-right: 30px; } .solution_main .modal_7 li .img{ overflow: hidden; } .solution_main .modal_7 li .p1{ font-size: 22px; color: #352829; text-align: left; margin-bottom: 0.2rem; margin-bottom: 17px; } .solution_main .modal_7 li .p2{ font-size: 14px; color: #888; text-align: left; line-height: 22px; } .solution_main .modal_7 li .info{ padding: 29px 20px 0; } .solution_main .modal_7 li:hover .p1{ color: #e50112; } .header_search_box, .menu_box,.m_footer{ display: none; } .video_pop{ position: fixed; top: 10%; left: 50%; margin-left: -400px; width: 800px; z-index: 991; display: none; height: 500px; background: #000; } .video_pop .in{ position: relative; width: 100%; height: 100%; } .video_pop .close_btn{ position: absolute; top: -10px; right: 10px; font-size: 60px; color: #aeaeae; z-index: 2222; } .o_banner .search_modal{ width: 1032px; height:70px; position: relative; margin: 30px auto 0; } .o_banner .search_in .text { height: 70px; line-height: 70px; background: #fff; text-indent: 18px; width: 920px; border: 1px solid #dcdcdc; font-size: 16px; } .o_banner .submit_btn { width: 90px; height: 70px; background: url(../images/f14.png) #e50012 no-repeat center center; border: 0 none; cursor: pointer; z-index: 1; } .st_banner .d1 .p3 a{ width: 233px; text-indent: 47px; background-position: 169px center; } .st_main .modal_1{ width: 100%; padding: 68px 0 86px;background: #fff; } .st_main .modal_1 .in{ width: 1200px; margin: 0 auto; } .c_hd { position: relative; text-align: center; font-size: 28px; color: #474041; margin-bottom: 74px; } .c_hd strong{ font-weight: normal; } .index_main .modal_4 .in .f_img{ display: none; } .c_hd strong:after{ content:''; display:block; width:126px; height: 1px; background: #c5c5c5; position: absolute; top:54px; left: 50%; margin-left: -63px; } .c_hd span:after{ content:''; display:block; width:48px; height: 2px; background: #e60012; position: absolute; top:53px; left: 50%; margin-left: -24px; } .st_main .modal_1 ul{ margin-right: -60px; } .st_main .modal_1 li{ margin-bottom:40px; width: 255px; margin-right: 60px; float: left; display: inline; } .st_main .modal_1 .p1{ font-size: 20px; color: #474041; margin-bottom: 40px; position: relative; } .st_main .modal_1 li:hover .p1{ color: #e60012; } .st_main .modal_1 li:hover{ -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; } .st_main .modal_1 .p1:after{ content:''; display:block; width:38px; height: 2px; background: #ee737c; position: absolute; top:33px; left: 0%; } .st_main .modal_1 .p2{ color: #938e8f; font-size: 16px; line-height: 26px; } .st_main .modal_1 li{ padding-top: 103px; } .st_main .modal_1 .li_1{ background: url(../images/f22.png) no-repeat 0 0; } .st_main .modal_1 .li_2{ background: url(../images/f23.png) no-repeat 0 0; } .st_main .modal_1 .li_3{ background: url(../images/f24.png) no-repeat 0 0; } .st_main .modal_1 .li_4{ background: url(../images/f25.png) no-repeat 0 0; } .st_main .modal_2{ padding: 78px 0 75px; min-height: 400px; } .st_main .modal_2 .in{ width: 1200px; margin: 0 auto; display: none; } .st_main .modal_2 li{ float: left; width: 380px; height: 410px; margin-right: 30px; display: inline; background: #fff; } .st_main .modal_2 ul{ margin-right: -30px; } .st_main .modal_2 li .img { width: 380px; height: 220px; overflow: hidden; } .st_main .modal_2 li .img img{ width: 380px; height: 220px; } .st_main .modal_2 li .text{ padding: 32px 30px 0; } .st_main .modal_2 li .text .p1{ font-size: 22px; color: #474041; margin-bottom: 24px; } .st_main .modal_2 li:hover .p1{ color: #e60012; } .st_main .modal_2 li .text .p2{ font-size: 16px; color: #938e8f; } .st_main .modal_3 { min-height: 300px; } .st_main .modal_3 .hd{ text-align: center; } .st_main .modal_3 .hd .p1{ font-size: 30px; color: #474041; margin-bottom: 20px; } .st_main .modal_3 .hd .p2{ font-size: 18px; color: #938e8f; margin-bottom: 75px; } .st_main .modal_3{ width: 100%; padding: 86px 0 92px;background: #fff; } .st_main .modal_3 .in{ width: 1200px; margin: 0 auto; display: none; } .st_main .modal_3 li{ float: left; width: 540px; height: 180px; padding: 20px 20px; background: #f5f5f5; margin-right: 40px; display: inline; } .st_main .modal_3 ul{ margin-right: -40px; } .st_main .modal_3 li .img img{ width: 240px; height: 175px; } .st_main .modal_3 li .img { margin-right: 34px; } .st_main .modal_3 li .p1{ font-size: 22px; color: #474041; margin-bottom: 14px; } .st_main .modal_3 li .text{ width: 260px; } .st_main .modal_3 li .p2{ font-size: 16px; color: #938e8f; margin-bottom: 20px; } .st_main .modal_3 li .p3 .a1{ width: 120px; height: 36px; line-height: 36px; text-indent: 15px; color: #fff; font-size: 16px; background: url(../images/f17.png) #e50012 no-repeat 86px center; margin-right: 15px; } .st_main .modal_3 li .p3 .a1:hover{ background-color: #bf0707; } .st_main .modal_3 li .p3 .a2{ width: 118px; height: 34px; line-height: 34px; color: #e50012; font-size: 16px; text-align: center; border: 1px solid #e50012; } .st_main .modal_3 li .p3 .a2:hover{ background-color: #e50012; color: #fff; } .scheme_d_main .hd { margin-bottom: 58px; font-size: 26px; color: #474041; position: relative; } .scheme_d_main .hd span:after{ content:''; display:block; width:44px; height: 2px; background: #e50012; position: absolute; top:43px; left: 0%; } .scheme_d_main .modal_2 .bd .d1{ background: transparent; padding: 0; } .scheme_d_main .modal_2 .l{ margin-right: 70px; margin-top: 40px; } .scheme_d_main .modal_2 { background: #f5f5f5; min-height: 300px; } .scheme_d_main .modal_3 { min-height: 800px; } .scheme_d_main .modal_3 .in{ width: 1200px; margin: 0 auto; padding: 65px 0; display: none; } .client_d_main .modal_3 .bd .d1{ margin-bottom: 39px; } .client_d_main .modal_3 .bd .d1 p{ font-size: 18px; } .client_d_main .modal_3 { background: #fff; } .client_d_main .modal_3 .d3 dt{ color: #e50012; font-size: 20px; margin-bottom: 18px; } .client_d_main .modal_3 .d3 dd{ color: #3a3536; font-size: 16px; margin-bottom: 32px; } .scheme_d_main .modal_4 { min-height: 800px; } .scheme_d_main .modal_4 .in{ width: 1200px; margin: 0 auto; padding: 65px 0; display: none; } .scheme_d_main .modal_4 .bd .d1 p{ font-size: 18px; margin-bottom: 36px; } .scheme_d_main .modal_4 .bd .d2{ margin-bottom: 47px; } .scheme_d_main .modal_4 .bd .d3 li{ float: left; width: 360px; padding-left: 14px; margin-right: 18px; border-left: 3px solid #dd0011; margin-bottom: 45px; } .scheme_d_main .modal_4 .bd .d3 li .p1{ font-size: 20px; color: #e50012; margin-bottom: 18px; } .scheme_d_main .modal_4 .bd .d3 li .p2{ font-size: 16px; color: #3a3536; } .scheme_d_main .modal_5{ background: #fff; min-height: 700px; } .scheme_d_main .modal_5 .in{ width: 1200px; margin: 0 auto; padding: 65px 0; display: none; } .scheme_d_main .modal_5 .bd .d1 p{ font-size: 18px; margin-bottom: 36px; } .scheme_d_main .modal_7 { min-height: 660px; background: url(../images/bg010.jpg) no-repeat center 0; } .scheme_d_main .modal_7 .in{ width: 1200px; margin: 0 auto; padding: 72px 0; display: none; } .scheme_d_main .modal_7 .hd{ text-align: center; font-size: 26px; color: #e50012; padding: 0 0 45px; margin-bottom: 0; } .scheme_d_main .modal_7 .hd strong{ position: relative; } .scheme_d_main .modal_7 .hd strong:after{ content:''; display:block; width:44px; height: 1px; background: #e50012; position: absolute; top:43px; left: 50%; margin-left: -22px; } .scheme_d_main .modal_7 ul{ margin-right: -30px; } .scheme_d_main .modal_7 li{ float: left; margin-right: 30px; margin-bottom:30px; width: 380px; height: 463px; background: #fff; } .scheme_d_main .modal_7 .img img{ width: 380px; height: 260px; } .scheme_d_main .modal_7 .img{ overflow: hidden; } .scheme_d_main .modal_7 .text { padding: 28px 36px 0; } .scheme_d_main .modal_7 .text .p1{ font-size: 22px; color: #352829; height: 90px; border-bottom: 1px solid #f5f5f5; position: relative; } .scheme_d_main .modal_7 .text .p1:after{ content:''; display:block; width:44px; height: 2px; background: #e50012; position: absolute; bottom:-1px; left: 50%; margin-left: -22px; } .scheme_d_main .modal_7 a:hover .text .p1{ color:#e50112; } .scheme_d_main .modal_7 li:hover{ height: 461px; border-bottom: 2px solid #e50012; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); } .scheme_d_main .modal_7 .text .p2{ text-align: center; } .scheme_d_main .modal_7 li{ background: #fff; } .m_img{ display: none; } .m_banner{ display: none; } .banner .swiper-pagination{ position: absolute; bottom: 30px; left: 50%; margin-left: -600px; width: 100%; text-align: left; color: #fff; } .banner .swiper-pagination .swiper-pagination-bullet-active{ background: #fff!important; opacity: 1; } .banner .swiper-pagination-bullet{ opacity: 0.5; line-height: 999px; overflow: hidden; }