*{ padding: 0; margin: 0; } body{ font-family: "Source Han Sans CN", Lyh-Regular, helvetica, arial, sans-serif; color:#737373; } html{ font-family: "Source Han Sans CN", Lyh-Regular, helvetica, arial, sans-serif; color:#737373; } a,li,h1,h2,p{ text-decoration: none; list-style: none; color:#737373; font-family: "Source Han Sans CN", Lyh-Regular, helvetica, arial, sans-serif; margin: 0; } .news1 .container-fluid{padding: 0;} .navbar-default .navbar-toggle .icon-bar{ background:#fff ; } .header-all.hover {position:fixed;_position:absolute;left:0;top:0;width:100%;z-index:9999;background-color:#fff;} header{ width:100%; background: #fff; line-height:36px; } .dropdown-menu{width: 100%;} .hidden-xs{ float: left; } .header_a { background: #f4f4f4 !important; } .left{ float: left; } .right{width:15%;float: right !important;} #bdimgshare_1495777251106{display: none !important;} .right a{ float: right; padding-left:5px; } .navbar-default{ background: #da151e; } .navbar-default .navbar-nav li>a{ color:#fff; font-size:16px; font-weight: bold; } .v-tj li i { padding-right:6px; } .left_1 div { font-size:14px; line-height:22px; padding-top:10px; } .v-tj li a { font-size:14px; } .nav li:hover .dropdown-menu a { font-size:14px; } .nav li:hover .dropdown-menu{ display: block; } .navbar-header{ position: relative; } .logo_li img{width:100%;height:auto;} .ul_a li,.ul_b li{ float: left; padding: 0 0; } .lg_yin{display: none;} .lg_yin li img{ width:76%; height:auto; } .lg_yin .logo01{ position: fixed; left:4%; top:-13px; z-index: 99999; } .lg_yin .logo02{ position: fixed; right:20%; top:-11px; z-index: 99999; } .logo_li{ padding-top: 20px !important; } .ewm{ float: right !important; padding: 10px 0; } .ewm span{ font-size: 22px; font-weight: bold; color:#3b3b3b; padding-left: 8px; } .ewm span .phone{ color:#da151e; } .navbar{ margin-bottom: 0; margin-top: -10px; } .susuo{ background: #fff; padding: 10px 0px; } .susuo_left{ line-height: 26px; } .susuo_left a:hover{ color:#da151e; } .susuo_left span{ padding: 0 8px; } .susuo .container{ } .navbar-nav a{ width: 158px; text-align: center; } .dropdown-menu{ background: rgba(244,244,244,1); } .dropdown-menu li a{ color:#3b3b3b !important; } .dropdown-menu li a:hover{ background: #d7d6d6; } .search{ float: right; } .s_ipt{ width:185px; height:30px; font-size: 13px; color:#d7d6d6; /* font-family: "微软雅黑"; */ text-indent: 26px; color:#000; } .susuo input{ outline: none; border:1px solid #d7d6d6; border-radius: 3px; } .bg{ height:30px; width:50px; background: #da151e; color:#fff; margin-left: -5px; } .banner{ width:100%; height:auto; } .b_pos{ width:39%; display: inline-block; padding: 50px 0; margin-left: 20%; margin-top: 20px; } .b_pos_p{ width:13%; display: inline-block; float: right; margin-right: 25%; padding: 50px 0; } .b_pos .p1{ font-size: 35px; color:#da151e; font-weight: bold; } .b_pos .p2{ font-size: 13px; color:#da151e; font-weight: bold; } .b_pos .p3{ font-size: 25px; line-height: 30px; } .b_pos .p4{ margin-top: 20px; font-size: 30px; } .b_pos .p4 span{ width:120px; height:120px; font-size: 26px; padding: 24px 22px; border-radius: 50%; border:1px solid #7e8283; display: inline-block; text-align: center; } .b_pos .p4 span:hover{ background: #da151e; border:1px solid #fff; color:#fff; } .b_pos_p img{ width:100%; height:auto; display: block; } .banner{ background: url(../img/back123.jpg) no-repeat; width:100%: height:auto; } .banner .swiper-container{ width:100%; } .banner .swiper-container .swiper-slide img{ width:100%; height:auto; min-height: 110px; } .banner .swiper-pagination-bullet{ background: #fff; opacity: 1; height:12px; width:12px; border-radius: 50%; } .banner .swiper-pagination-bullet-active{ background: #da151e; } .swiper-container1 { width: 80%; vertical-align: top; overflow: hidden; display: inline-block; float: right; } .swiper-container1 .swiper-slide{ border:1px solid #dbd7d7; width:100%; padding-bottom: 1px; } .col-qg-3{ width: 32%;} .coop{ padding: 18px 0; border:1px solid #dbd7d7; } .coop .h_le{ margin-top: 0; display: inline-block; } .coop .h_le { display: inline-block; font-size:24px ; font-weight: bold; color:#fff; padding: 22px 15px; background: #da151e; text-align: center; } .coop .h_le a:hover{ text-decoration: none; color:#fff; } .swiper-container1 .swiper-slide img{ width:100%; } .swiper-container1 .swiper-slide{ height: auto; } .navbar-nav .active{ color:#fff; } .navbar-nav .active a{ color:#da151e !important; } .navbar-nav .open a{ color:#da151e !important; } .navbar-nav .open a:hover{ color:#da151e !important; } .navbar-nav li a:hover{ color:#fff !important; } .navbar-nav .open{ color:#fff; } .nav1{ background: url(../img/back01.jpg); width:100%; } .pro_none{display: none;overflow: hidden;margin-top: 20px;} .pro_none img{width:100%;} .pro_none p{text-align: center;margin: 15px 0;} .pro_none p:hover{ color:#da151e; } .pro_none a:hover p{ color:#da151e; } .nav1 .container:nth-child(2){ /*margin-top: 50px;*/ padding-bottom: 104px; } .nav1 .left_1{ background: #da151e; padding: 0 5px; padding-bottom: 5px; margin-top: 20px; } .nav1 .left_1 h1{ color:#fff; text-align: center; font-size: 22px; font-weight:bold; padding: 15px 0; } .nav1 .left_1 div{ background:#fff; padding: 10px 10px; } .nav1 .left_1 p{ background: #eeeeee; padding: 10px 15px; border-radius: 5px; margin: 14px 0; } .nav1 .left_1 p a{ font-size: 15px; color:#605f5f; font-weight: bold; padding-left: 20px; } .nav1 .left_1 p .active{ color:#da151e; } .nav1 .left_1 p a:hover{ color:#da151e; } .nav1 .left_1 p a i{ line-height:20px; width:20px; text-align: center; border-radius: 50%; background: #fff; color:#da151e; font-weight: bold; float: right; } .right_1{ padding-right: 0; } .right_1_top{ background: #7d7d7d; margin: 20px 0; padding: 12px 15px; } .right_1_top span{ color:#fff; font-size: 22px; font-weight: bold; padding-left: 15px; } .right_1_top a{ float: right; color:#fff; font-size: 17px; padding-top: 5px; padding-right: 15px; } .right_1 .pro div{ padding: 0 0; margin-right: 16px; } .right_1 .pro div:nth-child(3n){ margin-right: 0; } .right_1 .pro img{ width:100%; border:1px solid #d2d1d1; } .right_1 .pro p{ text-align: center; margin: 0; font-size: 13px; height:40px; line-height:20px; overflow:hidden; margin:10px 0 20px; } .right_1 .pro p:hover{ color:#da151e; text-decoration: none !important; } .col-qg-3 a{ color:rgb(115, 115, 115); } .col-qg-3 a:hover{ color:#da151e; } .col-qg-3 a:hover p{ color:#da151e; } .left_2{ width:25%; } .left_2_a i{ font-size: 50px; color:#d3d3d3; display: block; margin-bottom: -23px; } .left_2_a{ color:#da151e; font-weight: bold; font-size: 80px; width:135px; float: left; padding-left: 60px; } .left_2_a span{ padding-left: 50px; float: right; } .left_2_a .fa-quote-right{ padding-left: 70px; } .left_2_b{ width:100px; font-size: 60px; font-weight: bold; float: right; transform: rotate(90deg); color:#c9c9c9; padding-left: 32px; padding-top: 0px; } .yin{ width:100%; display: none; text-align: center; } .yin_1 i{ font-size: 50px; color:#d3d3d3; vertical-align: top; } .yin_1{ color:#da151e; font-weight: bold; font-size: 80px; } .yin_1 span{ } .fa-quote-right{ } .yin_2{ font-size: 60px; font-weight: bold; color:#c9c9c9; padding: 0 30px; } .right_2{ height:450px; width:450px; border-radius: 50%; border:2px dashed #ccc; float: right; position: relative; margin-top: 10%; margin-right: 10%; } .right_2 .right_text{ width:77%; color:#4c4b4a; padding-top: 20%; padding-left: 14%; } .right_2 .right_text p{ font-size: 22px; font-weight: bold; } .right_2 .text{ width:90%; outline: none; color:#cbcbcb; margin-bottom: 10px; padding: 10px 0; padding-left: 20px; } .ly{ width:80%; outline: none; color:#cbcbcb; padding-left: 20px; padding-top: 10px; padding-bottom: 20px; } #ti{ border:none; width:10%; padding: 16px 5px; float: right; outline: none; background: #4c4b4a; color:#fff; margin-right: 27px; } .right_2 ul li{ width:180px; height:180px; border-radius: 50%; } .right_2 ul li p{ color: #fff; font-weight: bold; font-size: 18px; text-align: center; margin: 0; } .right_2 .li_1{ position: absolute; top:-24%; left:15%; background: #4c4b4a; padding: 13% 4%; } .right_2 .li_2{ position: absolute; top:10%; right:-20%; background: #da151e; padding: 10% 4%; } .right_2 .li_3{ position: absolute; top:260px; right:-80px; background: #4c4b4a; padding: 13% 4%; } .right_2 .li_4{ position: absolute; bottom:-80px; left:136px; background: #da151e; padding: 10% 4%; } .rw1{ position: absolute; left:-39%; bottom: -24%; } .right_3{ display: none; } .right_3 ul{ width:100%; overflow: hidden; display: flex; } .right_3 ul li{ flex: 1; margin-bottom: 20px; align-items:center; justify-content:center; /*border-radius: 50%;*/ } .right_3 ul li:nth-child(4){ margin-right: 0; } .right_3 ul li { color: #fff; font-weight: bold; font-size: 13px; margin: 0; padding: 20px 15px; } .right_3 .li_1{ align-items:center; justify-content:center; background: #4c4b4a; } .right_3 .li_2{ background: #da151e; } .right_3 .li_3{ background: #4c4b4a; } .right_3 .li_4{ background: #da151e; } .right_3 .right_text{ width:100%; color:#4c4b4a; margin: 0 auto; } .right_3 .right_text p{ font-size: 22px; font-weight: bold; } .right_3 .text{ width:100%; outline: none; color:#cbcbcb; margin-bottom: 11px; padding: 10px 0; padding-left: 20px; } .right_3 .ly{ width:90%; outline: none; color:#cbcbcb; padding-left: 20px; padding-top: 10px; padding-bottom: 20px; } .right_3 #ti{ border:none; width:10%; float: right; outline: none; background: #4c4b4a; color:#fff; height:72px; } .nav2{ width:100%; background: url(../img/bak02.png); overflow: hidden; padding-top: 150px; } .nav2 .nav2_h1{ font-size: 40px; color:#da151e; font-weight: bold; margin-left: 13%; } .nav2 .nav2_h2 span:nth-child(1){ font-size: 30px; color:#c4c4c4; font-weight: bold; } .nav2 .nav2_h2 span:nth-child(2){ font-size: 38px; color:#4c4b4a; font-weight: bold; } .nav2_top{ overflow: hidden; margin-top: 5%; } .nav2_top .nav2_center{ text-align: center; } .nav2_mg{ margin-left: 20%; margin-top: 7%; height:auto; } .tv{ background: url(../img/bak03.png) no-repeat; height:400px; width:50%; overflow: hidden; z-index: 999; float: right; padding-top:20px; padding-left: 55px; padding-right: 68px; } .tv .p_h1{ display: inline-block; font-size: 60px; color:#da151e; font-weight: bold; } .nav2 .nav2_top .tv .p_h2{ display: inline-block; } .nav2 .nav2_top .tv .p_h2 .sp1{ font-size: 15px; display: block; color:#696969; font-weight: bold; } .nav2 .nav2_top .tv .p_h2 .sp2{ color:#da151e; font-size: 24px; font-weight: bold; } .nav2 .nav2_top .tv p{ margin: 3% 0; font-size: 15px; } .nav2 .nav2_top .tv p i{ color:#da151e; padding-right: 10px; } .nav2_middle{ display: inline-block; } .nav2_middle img{ height:auto; width:100%; } .nav2_middle_text{ float: right; display: inline-block; vertical-align: top; padding-top: 5%; padding-left: 5%; } .nav2_middle_text .p_h1{ font-size: 60px; color:#fff; font-weight: bold; display: inline-block; } .nav2_middle_text .p_h2{ display: inline-block; } .nav2_middle_text .p_h2 .sp1{ display: block; font-size: 15px; color:#fff; font-weight: bold; } .nav2_middle_text .p_h2 .sp2{ color:#fff; font-size: 24px; font-weight: bold; } .nav2_middle_text p{ color:#fff; font-size: 15px; } .nav2_middle_text p i{ padding-right: 10px; } .nav2_bottom{ } .nav2_bottom_text{ float: left; display: inline-block; vertical-align: top; /*padding-top: 5%; padding-left: 5%;*/ } .nav2_bottom_text .p_h1{ font-size: 60px; color:#fff; font-weight: bold; display: inline-block; } .nav2_bottom_text .p_h2{ display: inline-block; } .nav2_bottom_text .p_h2 .sp1{ display: block; font-size: 15px; color:#fff; font-weight: bold; } .nav2_bottom_text .p_h2 .sp2{ color:#fff; font-size: 24px; font-weight: bold; } .nav2_bottom_text p{ color:#fff; font-size: 15px; } .nav2_bottom_text p i{ padding-right: 10px; } .nav2_bottom img{ padding-left: 14%; } .nav2_footer_text .p_h1{ font-size: 60px; color:#4c4b4a; font-weight: bold; display: inline-block; } .nav2_footer_text .p_h2{ display: inline-block; } .nav2_footer_text .p_h2 .sp1{ display: block; font-size: 15px; color:#4c4b4a; font-weight: bold; } .nav2_footer_text .p_h2 .sp2{ color:#4c4b4a; font-size: 24px; font-weight: bold; } .nav2_footer_text p{ color:#4c4b4a; font-size: 15px; font-weight: bold; } .nav2_footer_text p i{ padding-right: 10px; } .nav3{ background: url(../img/bak04.png) no-repeat; width:100%; background-size: 100% 105%; } .nav3_hreder .p1{ font-size: 24px; font-weight: bold; color:#4c4b4a; text-align: center; margin-top: 30px; } .nav3_hreder .p2{ float: right; font-size: 24px; font-weight: bold; color:#4c4b4a; padding-right: 5%; line-height: 50px; } .nav3_hreder p span{ font-size: 32px; color:#da151e; } .nav3 .swiper-container2{ overflow: hidden; margin-top: 20px; padding-bottom: 35px; } .nav3 .swiper-container2 a{ display: inline-block; } .nav3 .swiper-container2 a img{ width:100%; height:auto; } .nav3 .swiper-container2 a img:hover{ background: #000; opacity: .8; color:#4c4b4a; } .nav3 .swiper-container2 a p:nth-child(2){ height:47px; line-height: 47px; text-align: center; background: #fff; color:#4c4b4a; } .nav3 .swiper-container2 a p:nth-child(2):hover{ color:#da151e; text-decoration: underline; } .nav3 .swiper-container2 a p:nth-child(1):hover{ color:#da151e; text-decoration: underline; } .nav3 .swiper-container2 .swiper-pagination-bullet{ height:15px; width:15px; background: #fff; opacity: 1; } .nav3 .swiper-container2 .swiper-pagination-bullets{ bottom: 0; } .nav3 .swiper-container2 .swiper-pagination-bullet-active{ background: #da151e; } .nav3_footer{ overflow: hidden; padding-top: 70px; } .nav3_footer .ping h2{ display: inline-block; font-size: 60px; color:#4c4b4a; font-weight: bold; margin-right: 10px; } .nav3_footer .ping div{ display: inline-block; } .nav3_footer .ping div span{ display: block; } .nav3_footer .ping div span:nth-child(1){ color:#da151e; font-size: 18px; font-weight: bold; } .nav3_footer .ping div span:nth-child(2){ color:#c4c4c4; font-size: 18px; font-weight: bold; } .nav3_footer ul{ margin-top: 50px; } .nav3_footer ul li{ padding: 0; margin-bottom: 30px; } .nav3_footer ul li .pic{ display: inline-block; width:36%; padding: 0; } .nav3_footer ul li .pic img{ width:100%; height:auto; } .nav3_footer ul li .nr{ display: inline-block; width:60%; padding: 0; margin-left: 15px; } .nav3_footer ul li .nr a{ display: block; } .nav3_footer ul li .nr a:nth-child(1){ color:#da151e; font-size: 15px; font-weight:bold; line-height: 28px; } .nav3_footer ul li .nr a:nth-child(2){ color:#6a6969; font-size: 14px; line-height: 24px; } .nav3_footer ul li .nr a:nth-child(3){ width:120px; line-height: 35px; background: #4c4b4a; text-align: center; border-radius: 5px; margin-top: 10px; color:#fff; } .nav3_footer ul li .nr a:nth-child(3):hover{ background: #da151e; } .news1 .by{ font-size: 30px; color:#4c4b4a; font-weight: bold; position: relative; height:100px; position: relative; } .news1 .by span{ font-size: 18px; color:#da151e; font-weight:bold; } .news1 .by h1{ position: absolute; top:37px; right:22%; color:#4c4b4a; font-size: 40px; font-weight: bold; position: absolute; left:14%; } .news1 .by p{ font-size: 30px; color:#d2d2d2; float: right; margin-right: 24%; margin-top: 34px; } .by_yin{ display: none; } .news1 .by_yin span{ font-size: 18px; color:#da151e; font-weight:bold; } .by_yin h1{ color:#4c4b4a; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .news1_dh{ overflow: hidden; padding-bottom: 20px; display: inline-block; } .news1_header{ text-align: center; } .news1_dh li{ float: left; cursor: pointer; background:#fff; border:5px solid #ccc; width:80px; height:80px; line-height: 80px; text-align: center; font-weight: bold; font-size: 14px; color:#4c4b4a; border-radius: 50%; margin-right: 50px; } .news1_dh li:nth-child(9){ margin-right: 0; } .news1_dh li:hover{ background: #da151e; color:#fff; border:5px solid #fff; } .news1 .news1_header .phone{ width:25%; background: #fff; color:#da151e; } .news1 .news1_header .width_p{ width:100%; background: #da151e; color:#fff; line-height: 55px; background: #da151e; font-size: 15px; font-weight: bold; border:1px solid #fff; display: none !important; } .phonew .width_p{display: none;} .news1{ background: #e3e3e3; } .news1 .phone{ line-height: 55px; background: #fff; font-size: 15px; font-weight: bold; color:#4c4b4a; border:1px solid #fff; } .phonez{ width:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; background: #fff; } .news2{ width:100%; background: #da151e; } .news2 h1{ font-size: 26px; font-weight: bold; color:#fff; line-height: 50px; padding-top: 20px; } .news2_left{padding: 0;} .news2_left p{ color:#fff; font-size: 13px; line-height: 24px; text-indent: 26px; margin-bottom: 30px; } .swiper-container10{overflow: hidden;} .news2_left p a{ color:#fff; } .news2_left dl dd:nth-child(4){ margin-right: 0; } .news2_left dl dd{ float: left; width:18%; margin-right: 20px; margin-bottom: 20px; } .news2_left dl dd img{ width:100%; height:auto; } .news2_right{margin-bottom: 30px;} .news2_right img{width:100%;height:auto;} .news2_right div a{ display: block; } .swiper-container3{ position: relative; } .swiper-container12{ overflow: hidden; margin: 40px 0; } .swiper-container12 img{ width:100%; height:auto; border:10px solid #ccc; border-radius: 50%; } .news_lunbo{ width:100%; overflow: hidden; margin-top: 80px; padding-bottom: 50px; } .swiper-container3 .swiper-pagination{ bottom: -30px !important; } .news_lunbo img{ width:100%; height:auto; border:5px solid #fff; } .swiper-pagination-bullet{ background: #fff !important; opacity: 1 !important; } .swiper-pagination-bullet-active{ background: #bb0a12 !important; } .news3{ background: url(../img/pos01.png) no-repeat; width:100%; background-size: 100%; } .news3 .container{ position: relative; } .news3 .p1{ width:100%; overflow: hidden; } .news3 .p1 a{ color:#fff; background: #4c4b4a; line-height: 35px; text-align: center; font-size: 15px; display: block; width:120px; float: right; margin-top: 100px; border-radius: 5px; margin-right: 115px; } .news3 .container .p2{ color:#e7e7e7 !important; font-weight: bold !important; font-size: 50px ; margin-top: 30px; } .news3 .container .pos{ position: absolute; top:116px; left:0; } .news3 .container .pos h3{ color:#4c4b4a; font-weight: bold; font-size: 26px; line-height: 40px; } .news3 .container .pos h4{ color:#da151e; font-weight: bold; font-size: 26px; padding-left: 100px; } .news3 ul{ width:100%; overflow: hidden; margin-bottom: 60px; } .news3 ul li{ float: left; margin-bottom: 20px; } .news3 ul li img{ width:100%; height:auto; } .news4{ width:100%; background: #e7e7e7; padding: 20px 0; } .news4_a{ padding-top: 20px; } .news4_a_t{ height:55px; border-bottom: 1px solid #d4d4d4; } .news4_a_t h6{ font-size: 30px; font-weight: bold; color:#4c4b4a; display: inline-block; line-height: 50px; border-bottom: 5px solid #da151e; margin: 0; } .news4_a_t a{ font-size: 15px; color:#4c4b4a; float: right; display: inline-block; line-height: 50px; } .news4 a:hover{ color:#da151e; } .n4_right p a:hover{ color:#da151e; } .n4_left{ width:40%; padding: 0; } .news4 .n4_left{ margin-right: 15px; } .news4 .n4_left a img{ border:4px solid #d4d4d4; width:100%; height:auto; } .n4_right{ width:55%; padding: 0; } .news4 .n4_right span{ font-size: 12px; } .news4 .n4_right p:nth-child(3) a{ font-size: 14px; line-height: 22px; } .news4_a_m{ margin-top: 15px; overflow: hidden; } .news4 .n4_right a{ color:#4c4b4a; font-size: 15px; } .news4_a_f{ margin-top: 10px; } .news4_a_f p a{ color:#4c4b4a; font-size: 14px; line-height: 30px; } .news4_a_f p span{ float: right; line-height: 30px; } .wenti{ margin-top: 15px; } .wenti dd{ margin-bottom: 30px; } .wenti dd:nth-child(3){ margin-bottom: 0; } .wenti dd a{ display: block; line-height: 26px; color:#4c4b4a; } .wenti dd a:hover{ color:#da151e; } .wenti dd a span:nth-child(1){ font-size: 15px; background: #da151e; display: inline-block; border-radius: 3px; color:#fff; padding: 0px 3px; margin-right: 10px; height:20px; line-height: 20px; } .wenti dd a:nth-child(2) span{ font-size: 15px; background: #a6a6a6; display: inline-block; border-radius: 3px; color:#fff; padding: 0px 3px; margin-right: 10px; height:20px; line-height: 20px; } .footer{ background:#3b3b3b; width:100%; } .footer .container{ text-align: center; } .footer .footer_t{ background:#da151e; height:15px; } .footer .container ul{ display: inline-block; padding: 20px 0; } .footer .container ul li{ float: left; margin-bottom: 15px; } .footer .container ul li a{ color: #fff; font-size: 16px; } .footer .container ul li span{ color:#fff; font-size: 14px; padding: 0 15px; } .footer .container .f_left{ margin-top: 20px; padding-right: 65px; padding-left: 0; } .footer .container .f_left img{ float: right; margin-bottom: 30px; width:60%; height:auto; } .footer .container .f_right{ padding-bottom: 30px; } .footer .container .f_right p{ color:#fff; font-size: 13px; line-height: 30px; float: left; } .footer .container ul li a:hover{ color:#da151e; } /*小屏幕一键导航*/ .bohao{ width:100%; line-height: 45px; background: #da151e; position: fixed; bottom: 0px; left:0; z-index: 9999; display: none; } .bohao a{ color:#fff; font-size: 15px; width:50%; display: inline-block; text-align: center; font-weight: bold; float:left; } /*关于我们*/ .banner1 img{ width:100%; height:auto; min-height: 100px; } .nav_about{ border-bottom: 1px solid #e5e5e5; } .hover{ background: #da151e; color:#fff !important; } .nav_about .container ul{ margin-bottom: 0; padding: 0; } .nav_about .container ul li a{ display: inline-block; padding: 10px 15px; font-size: 15px; color:#7d7d7d; float: left; } .nav_about .container ul li a:hover{ background: #da151e; color:#fff ; } .nav_about .weizhi{ padding: 10px 0; float: right; } .nav_about .weizhi a:hover{ color:#da151e; } .about_text .a_h{ margin: 30px 0; } .about_text .a_h p{ line-height: 30px; } .about_text .a_m p{ margin-bottom: 30px; text-indent: 26px; } .right_1_wz{ line-height: 50px; background: #7d7d7d; color:#fff; margin-bottom: 20px; } .right_1_wz span{ padding-left: 20px; font-size: 15px; } .right_1_wz p{ display: inline-block; float: right; color:#fff; padding-right: 20px; } .right_1_wz p a{ color:#fff; } .right_1_wz p a:hover{ color:#da151e; } .pro_center .right_1_wz{ margin-top: 20px; } .pro{ margin-bottom: 30px; overflow: hidden; width:100%; margin-top: 20px; } .hj{ margin-top: 30px; } .ye{ text-align: center; } .ye div{ display: inline-block; } .ye span{ padding: 8px 12px; display: inline-block; border:1px solid #dddddd; cursor: pointer; } .ye a{ padding: 8px 12px; display: inline-block; border:1px solid #dddddd; } .ye a:hover{ background:#da151e; color:#fff; } .right_1{ margin-bottom: 30px; } .pro li img{ width:100%; height:auto; border:2px solid #d2d1d1; } .pro li{ margin-bottom: 25px; } .about_text .ye{ margin-bottom: 30px; } .xq{ width:100%; overflow: hidden; } .xq_left { width:35% !important; height:320px !important; padding-left: 0; border:1px solid #d2d1d1; } #showbox p{ z-index: 99999 !important; left:300px !important; border: 1px solid #ccc; height:200px !important; overflow: hidden; background: #fff; } #showbox p img{ height:600px !important; width:600px !important; z-index: 999999; } #showbox b{ height:318px; } #showbox b img{ height:100% !important; width:100% !important; z-index: 999999; border:none; } #showbox span{ width:100px !important; height:100px !important; background: #555 !important; opacity: 0.2 !important; } .ms img{ width:100% !important; height:auto !important; } .xq_left .m1{ display: inline-block; width:100%; height:auto; } .xq_left_a { width:35%; height:auto; padding-left: 0; border:1px solid #d2d1d1; overflow: hidden; display: none; } .xq_left_a img{ display: inline-block; width:100%; height:auto; } .xq_right{ display: inline-block; width:65%; padding-right: 0; } .xq_right h1{ font-size: 15px; font-weight: bold; color:#605f5f; line-height: 40px; } .zixun{ padding: 10px 20px; background: #eeeeee; font-size: 13px; font-weight: bold; line-height: 40px; } .zixun span{ color:#da151e; } .zixun a{ float: right; background: #da151e; color:#fff; padding: 0px 15px; } .pro_center{ background: none; } .pro_center .xq_right .x_p1{ line-height: 30px; margin-top: 15px; } .pro_center .xq_right .x_p2{ line-height: 26px; } .pro_center .xq_right .x_p2 span{ color:#da151e; } .pro_center .jishu{ margin-top: 15px; } .pro_center .jishu table caption{ font-size: 15px; font-weight: bold; } .pro_center .jishu table th{ border-bottom: none; } .pro_center .jishu table th,.pro_center .jishu table td{ text-align: center; } .fan a{ font-size: 15px; color:#da151e; float: right; margin-bottom: 30px; } /*视频播放*/ .zhez{ width:100%; height:100%; position: fixed; top:0; left:0; background: #000; opacity: .8; display: none; z-index: 888; } .tank{ width:600px; height:500px; position: fixed; top:0; left:0; z-index: 999; background: #fff; display: none; padding: 5px 10px; } .weizhi p{ float: right; } /*案例*/ .case{ width:100%; margin-bottom: 30px; } .anli{ margin-bottom: 30px; } #case_a{ width:19%; display: inline-block; } #case_a img{width:100%;height:auto;} .about_text .container .case .case_a { width:35%; float: none; } .case li{ margin-top: 30px; padding-bottom: 30px; } .case .case_b{ width:80%; display: inline-block; float: none; vertical-align: top; } .case li{ border-bottom:1px dashed #cccdcd; } .case .case_b .c_p1{ font-size: 15px; } .case .case_b .c_p2{ font-size: 13px; margin-top: 20px; line-height: 28px; } /*合作伙伴*/ .hz{ width:100%; margin-top: 30px; } .hz li img{ width:100%; } .hz li{ float: left; margin-right: 15px; border:1px solid #dbd7d7; padding: 0; margin-bottom: 20px; width:15.5%; } .hz li:nth-child(6n){ margin-right: 0; } .anli .container{ overflow: hidden; margin-top: 30px; } .swiper-container6 .swiper-slide{ } .swiper-container6 .swiper-slide img{ width:100%; height:auto; border:1px solid #dbd7d7; margin-bottom: 20px; } /*资质证书*/ .swiper-container7 .swiper-slide img{ width:100%; height:auto; border:1px solid #dbd7d7; margin-bottom: 20px; padding: 10px 10px; } /*联系我们*/ .map{ width:100%; margin-top: 30px; } .message{ float: left; margin-top: 25px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; } .message h6{ font-size: 17px; color:#000; margin-bottom: 20px; } .message p{ line-height: 30px; font-size: 15px; } .message p i{ padding-right: 10px; width:30px; } .message img{ margin-left: 40px; margin-top: 15px; } .message .form-control{ outline: none !important; width:100%; height:45px; padding-left: 28px; /* font-family: "微软雅黑"; */ margin-bottom: 20px; outline: none; } .message .textarea{ width:100%; height:150px; padding-left: 28px; padding-top: 15px; /* font-family: "微软雅黑"; */ margin-bottom: 45px; outline: none; } .message .submit{ width:165px; height:45px; line-height:45px; font-size: 18px; color:#fff; text-align: center; /* font-family: "微软雅黑"; */ background: #464646; border:none; cursor: pointer; } .message .submit:hover{ background: #A01616; } .map img{ width:100%; height:auto; } .ms p{ width:73%; float: right; margin-bottom: 30px; } .jishu img{ width:100% !important; height:auto !important; } .ms table{ width:100%; } /*媒体查询*/ {padding: 0;} @media only screen and (max-width: 1366px){ .nav3{background: url(../img/bak004.png) no-repeat;background-size: 100% 105%;} .news3 .p1 a{margin-top: 67px;margin-right: 236px;} } @media only screen and (max-width: 1250px){ .b_pos{left:13%;} .b_pos .p1{font-size: 16px;} .b_pos .p2{font-size: 14px;} .b_pos .p3{font-size: 15px;line-height: 25px;} .b_pos .p4{margin-top: 15px;} .b_pos .p4 span{width:75px; height:75px;font-size: 14px; padding: 18px 22px;} .navbar-nav a{width: 128px;} .tv{width:62%;} .nav2_mg{display: inline-block;margin-left: 0;} .tv p{width:90%;} .news1_dh li{line-height: 80px; } .footer .container ul{width:65%;} .right_1 .pro div{margin-right: 13px;} .hz li{width:17.5%} .hz li:nth-child(6n){margin-right: 15px;} .hz li:nth-child(5n){margin-right: 15px;} } @media only screen and (max-width: 992px) { .dropdown-menu li a:hover{ background: none !important; color:rgb(218, 21, 30) !important; } .pro_center{margin-bottom: 50px;} .list_pages ul li{margin: 5px 2px !important;} .about_text{margin-bottom: 50px;} .weizhi p{float: none;} .navbar-nav a{width: 98px;} .b_pos{margin-left: 10% ;} .phonez{display: none;} .b_pos_p{width:18%;} .logo_li{padding: 15px 0 !important;} .coop .h_le{background: #fff;color:#da151e;} .b_pos{left:15%;} .b_pos .p1{font-size: 15px;} .b_pos .p2{font-size: 13px;} .b_pos .p3{font-size: 14px;line-height: 22px;} .b_pos .p4{margin-top: 10px;} .b_pos .p4 span{font-size: 12px;} .nav2 .nav2_h2 span:nth-child(1){font-size: 22px;} .news2 h1{text-align:center;} #ti{margin-right: 0;} .susuo{ display: none;} .right_1{padding-left: 0;} .search{text-align: center !important;} .footer .container .f_left img{float: none;display: block;} .footer .container .f_left {margin-top: 40px;} .footer .container ul{width:85%;} .by{display: none;} .by_yin{display: block;} .news1_dh li{ line-height: 65px;font-size: 13px;} .tv{width:90%;margin-top: 20px;} .nav2_bottom img{padding-left: 0;} .nav2_top{padding: 0;} .nav2_middle{padding: 0 !important;} .nav2_middle_text{padding: 0;} .nav2_bottom{padding: 0;} .nav2_bottom_text{padding: 0;} .nav2_footer{padding: 0;} .nav2_footer_text{padding: 0;} .tv p{width:90%;} .p_h1,.sp1,.sp2,.nav2_middle_text p,.nav2_bottom p {color:#737373 !important;} .ewm{display: none;} .header_a {display: none;} .logo_li{padding-bottom: 20px;} .susuo_left{display: none;} .coop .h_le a{font-size: 13px !important;margin-bottom: 15px;} .left_1{display: none;} .pro .col-qg-3{width:48%;} .right_1 .pro div:nth-child(2n){margin-right: 0;} .nav1 .right_1 .pro div:nth-child(3){margin-right: 16px;} .swiper-container1{width:100% !important;margin-top: 20px;} .left_2{display: none;} .right_2{display: none;} .right_3{display: block;} .yin{display: block;margin-bottom: 40px;padding-left: 0;padding-right: 0;} .nav2{padding-top: 40px;} } @media only screen and (max-width: 640px) { .b_pos{left:7%;} .b_pos .p1{font-size: 13px;} .b_pos .p2{font-size: 12px;display: none;} .b_pos .p3{font-size: 12px;line-height: 15px;} .b_pos .p4{display: none;} .zixun{padding: 10px 7px;} .zixun a{padding: 0 6px;} .wenti dd{margin-bottom: 10px;} .nav3_footer{padding-top: 15px;} .nav3_footer ul{padding-top: 15px;} .nav2_bottom_text .p_h2 .sp2{font-size: 18px;} .nav2_bottom_text .p_h1{font-size: 40px;} .news3 .container .p2{text-align: center;} .news3 .container .pos{left:20%;} .hz li{width:100% !important;} .hz li:nth-child(3n){margin-right: 0px;} .hz li:nth-child(4n){margin-right: 15px;} .footer .container{text-align: left;} #floatDivBoxs {display:none;} } @media only screen and (max-width: 800px){ .b_pos{top:9%;} .b_pos{left:10%;} .b_pos .p4{display: none;} } @media only screen and (max-width: 325px){ .b_pos{top:10% !important;} .b_pos_p{top:10% !important;} .coop .h_le{padding: 0 15px;} .news1_dh{padding-left: 8% !important;} .b_pos_p{width:30% !important;} } @media only screen and (max-width: 375px){ .news1_dh{padding-left: 4%;} .b_pos_p{padding: 30px 0;} .b_pos{padding: 30px 0;} } @media only screen and (max-width: 415px){ .news1_dh{padding-left: 7%;} } @media only screen and (max-width: 740px) { body {padding-top:40px;} .banner1{padding-top: 42px;} .b_pos{margin-top: 0;} .b_pos_p{top:11%;padding-top: 20px;} .b_pos{margin-left: 10% ;} .news1 .news1_header .width_p{} .b_pos .p1{font-size: 13px;} .b_pos .p2{font-size: 12px;} .b_pos .p3{font-size: 12px;line-height: 18px;} .b_pos .p4{margin-top: 10px;} .b_pos .p4 span{width:55px; height:55px;line-height: 50px;font-size: 12px;} .xq_left{display: none;} .xq_left_a{display: block; width:100%;} .bohao{display: block;} .news1 .by_yin span{display: block;line-height: 32px;text-align: center;} .news4{margin-bottom: 45px;} .footer{display: none;} .navbar{position: fixed;z-index: 9999;width:100%;} /* .banner{margin-top: 52px;} */ .header_b .ul_b{display: none;} .lg_yin{display: block;} .tv{height:100%;} .pro_none{display: block;} .pro_block{display: none;} .hz li{width:22.5%;} .hz li:nth-child(4n){margin-right: 15px;} .yin_1{font-size: 50px;} .yin_1 i{font-size: 30px;} .yin_2{font-size: 30px;} .nav2_h1{font-size: 18px !important;} .nav2_h2 span{font-size: 18px !important;} .right_3 .right_text p{font-size: 15px;margin-bottom: 10px;} .case .case_b .c_p1{margin-top: 20px;} #case_a{width:100%;} .case .case_b{width:100%;} .xq_left{width:100%;} .xq_right{width:100%;} .news1_dh li{ width:75px !important;line-height:75px;margin-bottom: 10px;margin-right: 7px;} .ul_b li{width:50%;padding: 10px 0;} .logo_01{width:100%;} .banner .swiper-pagination-bullet{display: none;} .swiper-container1{width:100% !important;} .pro .col-qg-3{width:100%;margin-right: 0;} .right_3 ul{width:100%;text-align: center;} .tv{background: none;width:100%;padding-left: 0;padding-right: 0;} .tv p{width:100%;} .nav2{background: #e7e7e7;} .nav3_footer ul li .nr{width:100%;} .nav3_footer ul li .pic{width:100%;} .nav3_footer ul li .nr{margin-left:0;margin-top: 20px;} .nav3{background: #e7e7e7;} .n4_left{width:100%;} .n4_right{width:100%;} .n4_right{margin-top: 15px;} .footer .container ul{width:94%;} .footer .container ul li a{font-size: 14px;} .footer .container .f_left{margin-top: 10px;} .footer .container .f_left img{margin-bottom: 10px;} .footer .container .f_right{margin-top: 0px;} } @media only screen and (max-width: 640px){ .p_h2{line-height: 0.7;} .nav3_hreder .p2{text-align:center; float:none;} .nav2_mg{width:50%;} .news3 .container ul li{width:100%;} .n4_left{width:100%;} .n4_right{width:100%;margin-top: 15px;} .news4_a_f p a{width:100%} .news4_a_f p span{width:100%} .footer .container ul{width:100% !important;} .tv .p_h1{font-size:40px!important;} .nav2 .nav2_top .tv .p_h2 .sp2{font-size: 17px;} .nav2_middle_text .p_h1{font-size: 40px;} .nav2_middle_text .p_h2 .sp2{font-size: 17px;} .nav2_footer_text p {color: #737373;} .nav2_footer_text .p_h1{font-size: 40px;} .nav2_footer_text .p_h2 .sp2{font-size: 17px;} .nav3_hreder .p1{font-size: 16px;} .nav3_hreder p span{font-size: 22px;display: block;} .nav3_hreder .p2{font-size: 16px;} .nav3_footer .ping h2{font-size: 18px;} .by_yin h1{font-size: 18px;text-align: center;} .news3{background:none ;} .ping{width: 100%;text-align: center;} .nav3_footer .ping h2{ display: inline-block;} .nav2 .nav2_h1,.nav3_footer .ping h2{ font-size:24px !important;} .nav2 .nav2_h1,.nav2 .nav2_h2{ text-align: center;} .nav2 .nav2_h2 span:nth-child(1){ display: none;} .yin{ margin-bottom: 18px;} .nav1 .container:nth-child(2){ padding-bottom: 12px;} .news3 .container .p2{font-size: 33px;} .news3 .container .pos h3{font-size: 18px;} .news3 .container .pos h4{font-size: 18px;} } @media only screen and (max-width: 375px) { .news3 .container .pos{left:14%;} } @media only screen and (max-width: 325px) { .news3 .container .pos{left:7%;} } .ul1{ width:75px; margin: 0 auto; margin-top: 10px; } .ul1 li{ height:12px; width:12px; background: #fff; border-radius: 50%; display: inline-block; } .swiper-pagination1{ width:100px !important; margin: 0 auto; } .banner1{ position: relative; min-height: 100px; } .swiper-container16{ overflow: hidden; } /* 产品推荐 */ .pro-tj {} .pro-tj li {width:100%;text-align:center;margin-bottom:10px;line-height:24px;font-size:14px;} .pro-tj li img {width:100%;/*! height:90px; */margin-bottom:10px;} .pro-tj li {} .v-tj {} .v-tj li {height:30px;line-height:30px;overflow: hidden;} .v-tj li {} .video {position:relative;z-index:22;} .coop .swiper-wrapper, .news_lunbo .swiper-container3 .swiper-wrapper,.news_lunbo .swiper-container3 .swiper-wrapper .swiper-slide, .news3 .swiper-container12 .swiper-wrapper,.news3 .swiper-container12 .swiper-wrapper .swiper-slide { height: auto !important; }