body {color:#666666} a{color:#222222}a:active,a:hover {color:#0858b1} @media (min-width: 1600px) {.container{ width: 1600px; }} @media (min-width: 1600px) {.container{ width: 1600px; }} /* 通用头部 */ #Top{ width: 100%; float: left;} #Top .pz_top{ float: left; width: 100%; z-index: 99999; position: fixed; left: 0; top: 0;background: #fff;} #Top .pz_top .top1{ float: left; width: 100%; height: 0; padding: 18px 0;} #Top .pz_top .top1 .ico{ float: right;} #Top .pz_top .top1 .ico{ display: inline-block; margin-left: 18px; position: relative;} #Top .pz_top .top1 .ico a{ display: block; width: 26px; height: 22px;} #Top .pz_top .top1 .whact{ display: none; z-index: 99; width: 120px; height: 120px; line-height: 0; padding: 2px; background: #fff; border: 1px solid #ccc; position: absolute; left: 50%; margin-left: -60px; top: 25px;} #Top .pz_top .top1 .ico1:hover .whact{ display: block;} #Top .pz_top .top1 .kc{ padding: 0 30px; margin-right: 5px; float: right; border-right: 1px solid rgba(255, 255, 255, 0.6); background-size: 22px 22px;} #Top .pz_top .top1 .kc a{ font-size: 16px; color: #fff;} #Top .pz_top .top1 .kc a:hover{ color: #ff9900;} #Top .pz_top .top2{ padding: 0; width: 100%; float: left; background: #fff; border-radius:5px;} #Top .pz_top .top2 .logo{ width: 400px; margin: 10px 0; float: left; line-height: 0;} #Top .pz_top .top2 .lj{ margin-left: 30px; float: right;} #Top .pz_top .top2 .lj a{ display: inline-block; height: 60px; line-height: 60px; padding: 0 20px; margin: 20px 0 20px 0; font-size: 24px; font-weight:600; border-radius: 3px; color: #0858b1;} #Top .pz_top .top2 .lj .zxxd{ background: rgba(0, 0, 0, 1); border: 1px solid transparent;} #Top .pz_top .top2 .lj .zxxd:hover{ background: none; border: 1px solid #fff;} #Top .pz_top .top2 .lj .ydcx{ background: linear-gradient(to right, #0858b1, #0858b1);} #Top .pz_top .top2 .lj .ydcx:hover{background: linear-gradient(to right, #0858b1, #0858b1);} #Top .pz_top.on{ background: #ff9900;} #Top .pz_top.on .top1{ display: none;} #Top .pz_top.on .top2 .logo{ width: 220px;} #Top .pz_top.on .top2 .lj a{ height: 30px; line-height: 28px; margin: 21px 0 21px 10px;} #Top .pz_top.on .menu .nli span a{ line-height: 70px;} #Top .pz_top.on .menu .nli .sub{ top: 73px;} /* menu */ #Top .menu{ float: center;} #Top .menu .nli{ float: left; position: relative; margin: 0 33px;} #Top .menu .nli span a{ display: block; font-size: 18px; line-height: 100px; text-align: center; color: #333; position: relative;} #Top .menu .nli.active span a,#Top .menu .nli:hover span a{ /*border-bottom: 5px solid #e06b1e;*/ color:#0858b1; font-weight:500;} #Top .menu .nli .sub{ display: none; position: absolute; width: 120px; top: 100px; left: 50%; margin-left: -60px; z-index: 999;} #Top .menu .nli .sub li{ height: 50px; line-height: 50px; text-align: center; background: #8b8b8b; border-bottom:1px solid #aaa;} #Top .menu .nli .sub li:last-child{ border-bottom:0;} #Top .menu .nli .sub li a{ display: block; width: 100%; color: #fff; font-size: 14px;} #Top .menu .nli .sub li a:hover{ background: #0858b1; color: #fff;} #Top .menuph{ display: none;} #Top .xialaph{ display: none;} @media screen and (max-width:1599px){ #Top .pz_top .top2{ padding: 0 ;} #Top .pz_top .top2 .lj{ margin-left: 0;} #Top .pz_top .top2 .lj a{ padding: 0 15px;} #Top .menu .nli{ margin: 0 25px;} } @media screen and (max-width:1400px){ #Top .pz_top .top2{ padding: 0 ;} #Top .pz_top .top2 .lj{ margin-left: 0;} #Top .pz_top .top2 .lj a{ padding: 0 15px;} #Top .pz_top .top2 .logo{ width: 360px; margin: 10px 0; float: left; line-height: 0;} #Top .menu .nli{ margin: 0 20px;} } @media screen and (max-width:1199px){ #Top .pz_top .top2 .logo{ width: 330px;} #Top .menu .nli{ margin: 0 10px;} } @media screen and (max-width:991px){ #Top .pz_top{ background: #fff;} #Top .pz_top .top1{ display: none;} #Top .pz_top .top2{ padding: 0;} #Top .pz_top .top2 .logo{ width: 150px; margin: 5px 0;} #Top .pz_top .top2 .lj{ display: none;} #Top .top_ph{ width: 100%; float: left; margin-top: 10px;} #Top .top_ph a{ display: block; width: 33.3%; float: left; text-align: center;} #Top .pz_top.on .top2 .logo{ width: 150px; margin: 5px 0;} #Top .menu{ display: none;} #Top .menuph{ display: block;} #Top .xialaph{ display: block;} /*手机按钮*/ #Top .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;} #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px;} #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #0858b1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #0858b1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #Top .menuph .navbtn::after { top: -11px;} #Top .menuph .navbtn::before { top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} /*手机下拉*/ #Top .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 0 100px 0; display: none; z-index:98; background:#ffffff;} #Top .xialaph .ul2, #Top .xialaph .ul3{ display: none;} #Top .xialaph h4 a{ float: left; width: 60%; color: #333333; font-size:16px; line-height: 50px;} #Top .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} #Top .xialaph h4{ float: left; width: 100%; position: relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #ff9900;} #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform:uppercase;} #Top .xialaph h5{ float: left; width: 100%; position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} #Top .xialaph li:last-child h5::after{ display: none;} #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;} #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none;} #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block;} #Top .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #333333; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{ padding-top: 0;} #Top .xialaph .phsou{ position: relative; margin-top: 34px;} #Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #ffffff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} #Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } #Top .img_d, .disno{ display: none;} } @media screen and (max-width:767px){ } /* 通用底部 */ #Down{ width: 100%; float: left;} #Down .pz_down{ padding: 3% 0; width: 100%; float: left; background: #27292c;} #Down .pz_down .footLeft{ float: left; width: 30%;} #Down .pz_down .footLeft .over{ width: 100%; overflow: hidden;} #Down .pz_down .footLeft .img{ width: 54px; float: left;} #Down .pz_down .footLeft .right{ float: left; opacity: 0.9;} #Down .pz_down .footLeft .right .t1{ font-size: 36px; line-height: 36px; margin: 0 0 20px 0; font-weight: bold; color: #fff;} #Down .pz_down .footLeft .right .t2{ font-size: 14px; line-height: 24px; text-transform: uppercase; color: #fff;} #Down .pz_down .footLeft .copy{ margin: 30px 0; font-size: 14px; line-height: 30px; color: #fff; opacity: 0.6;} #Down .pz_down .footLeft .copy a{ color:#CCCCCC;} #Down .pz_down .footLeft .yq{ position: relative;} #Down .pz_down .footLeft .yq .p{ display: none; line-height: 32px; padding: 0 45px 0 20px; font-size: 16px; cursor: pointer; border: 1px solid #696969; position: relative; border-radius: 5px; color: #fff; opacity: 0.6;} #Down .pz_down .footLeft .yq .p::after{ content: ">"; display: block; font-family: "宋体"; position: absolute; right: 20px; top: 0; color: #fff; transform: rotate(-90deg);} #Down .pz_down .footLeft .yq .lj{ display: none; position: absolute; bottom: 34px; left: 0; width: 130px; background: #27292c; border: 1px solid #696969;} #Down .pz_down .footLeft .yq .lj a{ display: block; padding: 5px 0; line-height: 16px; font-size: 14px; color: #fff; opacity: 0.6; text-align: center;} #Down .pz_down .footLeft .yq .lj a:hover{ background: #ff9900;} #Down .pz_down .footNav{ float: left; width: 70%;} #Down .pz_down .footNav .l1{ float: left; padding-right: 12%;} #Down .pz_down .footNav .l1 .p{ font-size: 18px; font-weight: bold; color: #fff; opacity: 0.8; margin-bottom: 20px;} /*#Down .pz_down .footNav .l1 .p::after{ content: ""; display: block; width: 20px; height: 1px; margin: 20px 0; background: #fff; opacity: 0.2;}*/ #Down .pz_down .footNav .l1 a{ display: block; font-size: 14px; line-height: 32px; color: #fff; opacity: 0.8;} #Down .pz_down .footNav .l1 a:hover{ color: #ff9900;} #Down .pz_down .footNav .img{ width: 128px; line-height: 0;} /* 侧漂浮 */ #Down .side{ display: none; width: 80px; background: #fff; border: 1px solid #e4e4e4; position: fixed; top: 300px; right: 30px; z-index: 99999;} #Down .side .pic{ line-height: 0; border-bottom: 1px solid #e4e4e4;} #Down .side .pic img{ width: 60px; padding: 2px; margin: 9px 9px 0 9px; border: 1px solid #d9d8d8;} #Down .side .pic .p{ font-size: 12px; line-height: 28px; text-align: center; color: #3e3d3d;} #Down .side .u1{ padding: 9px 0;} #Down .side .l1{ width: 62px; height: 62px; padding-top: 9px; cursor: pointer; text-align: center; background: #98989a; margin: 0 9px 1px 9px;} #Down .side .l1 img{ width: 24px; height: 24px;} #Down .side .l1 .p{ font-size: 12px; color: #fff;} #Down .side .l1:hover{ background: #0858b1;} #Down .side.on{ display: block;} /* 20200413修改开始 */ #Down .side .l1{ position: relative;} #Down .side .l1 .side_qq{ display: none; position: absolute; top: 0; right: 80px; width: 200px; height: 62px; line-height: 62px; background: #0858b1; color: #fff; font-size:18px} #Down .side .l1:hover .side_qq{ display: block;} #Down .side .l1 .side_dh{ display: none; position: absolute; top: 0; right: 80px; width: 200px; height: 62px; line-height: 62px; background: #0858b1; color: #fff; font-size:24px; font-weight:bold;} #Down .side .l1:hover .side_dh{ display: block;} /* 20200413修改结束 */ /*phone底部导航*/ #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#ff9900; z-index:999;} #Down .pf_down li{ width:20%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} #Down .pf_down li.l1 .ico7{ background:url(../image/btn1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(../image/btn2.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(../image/btn3.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li:last-child{ border:none;} /* 20200413修改开始 */ #Down .pf_down li{ width:20%;} #Down .pf_down li.l4 .ico7{ background:url(../image/btn4.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l5 .ico7{ background:url(../image/btn5.png) no-repeat center; background-size:20px 20px;} /* 20200413修改结束 */ @media screen and (max-width:1599px){ #Down .pz_down .footLeft{ width: 30%;} #Down .pz_down .footNav{ width: 70%;} #Down .pz_down .footNav .l1{ padding-right: 5%;} } @media screen and (max-width:1199px){ #Down .pz_down .footLeft{ width: 34%;} #Down .pz_down .footNav{ width: 66%;} #Down .pz_down .footNav .l1{ padding-left: 3%;} } @media screen and (max-width:991px){ #Down .pz_down .footLeft{ width: 100%; text-align: center;} #Down .pz_down .footLeft .over{ width: 270px; display: inline-block;} #Down .pz_down .footLeft .img{ float: none; margin: 0 auto;} #Down .pz_down .footLeft .right{ float: none;} #Down .pz_down .footLeft .right .t1{ font-size: 16px; line-height: 16px;} #Down .pz_down .footLeft .copy{ margin: 10px 0; font-size: 14px; line-height: 18px;} #Down .pz_down .footLeft .yq .p{ font-size: 14px;} #Down .pz_down .footLeft .yq .lj{ left: 50%; width: 122px; margin-left: -61px;} #Down .pz_down .footNav{ width: 100%; text-align: center;} #Down .pz_down .footNav .u1{ width: 128px; display: inline-block} #Down .pz_down .footNav .l1{ display: none;} /*#Down .pz_down .footNav .l1:last-child{ display: inline-block; margin-top: 10px; padding-left: 0;}*/ #Down .pz_down .footNav .l1 .p{ font-size: 14px;} #Down .pz_down .footNav .l1 .p::after{ margin: 5px auto 10px auto;} } @media screen and (max-width:767px){ } /* 首页banner */ #Slide{ width: 100%; float: left; padding-top:100px;} #Slide .pz_banner{ width: 100%; float: left; position: relative;} #Slide .pz_banner .slide_banner{ width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;} #Slide .pz_banner .slide_banner img{ width: 100%;} #Slide .pz_banner .number{ overflow: hidden; position: absolute; bottom: 65px; left: 9.2%; color: #fff; z-index: 90;} #Slide .pz_banner .number em{ float: left; font-size: 36px; line-height: 36px;} #Slide .pz_banner .number i{ float: left; font-size: 14px; line-height: 14px; margin-top: 16px;} #Slide .pz_banner .number span{ float: right; font-size: 14px; line-height: 14px; margin-top: 16px;} #Slide .pz_banner .line{ width: 66%; height: 1px; background: #fff; opacity: 0.4; position: absolute; left: 17%; bottom: 85px;} #Slide .pz_banner .slide_banner .slick-prev,#Slide .slide_banner .slick-next{ width: 44px; height: 44px; border-radius: 50%; background: #fff; position: absolute; top: auto; bottom: 45px; z-index: 90;} #Slide .pz_banner .slide_banner .slick-prev:hover,#Slide .slide_banner .slick-next:hover{ background: #ff9900;} #Slide .pz_banner .slide_banner .slick-prev{ left: auto; right: 12.23%;} #Slide .pz_banner .slide_banner .slick-prev::after{ content: "<"; display: block; font-size: 14px; font-family: "宋体"; width: 44px; height: 44px; line-height: 44px; color: #9a9a9a; text-align: center;} #Slide .pz_banner .slide_banner .slick-next{ right: 9%;} #Slide .pz_banner .slide_banner .slick-next::after{ content: ">"; display: block; font-size: 14px; font-family: "宋体"; width: 44px; height: 44px; line-height: 44px; color: #9a9a9a; text-align: center;} #Slide .pz_banner .slide_banner .slick-prev:hover::after,#Slide .pz_banner .slide_banner .slick-next:hover::after{ color: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Slide .pz_banner .line{ width: 60%; left: 20%;} #Slide .pz_banner .slide_banner .slick-prev{ right: 15%;} } @media screen and (max-width:991px){ #Slide{padding-top:0;} #Slide .pz_banner{ margin-top: 46px;} #Slide .pz_banner .number{ bottom: 25px;} #Slide .pz_banner .number em{ font-size: 16px; line-height: 16px;} #Slide .pz_banner .number i{ font-size: 12px; line-height: 12px; margin-top: 3px;} #Slide .pz_banner .number span{ font-size: 12px; line-height: 12px; margin-top: 3px;} #Slide .pz_banner .line{ width: 50%; left: 25%; bottom: 30px;} #Slide .pz_banner .slide_banner .slick-prev,#Slide .slide_banner .slick-next{ width: 20px; height: 20px; bottom: 10px;} #Slide .pz_banner .slide_banner .slick-prev::after{ font-size: 12px; width: 20px; height: 20px; line-height: 20px;} #Slide .pz_banner .slide_banner .slick-next::after{ font-size: 12px; width: 20px; height: 20px; line-height: 20px;} #Slide .pz_banner .slide_banner .slick-prev{ right: 16%;} } @media screen and (max-width:767px){ } /* 首页板块一 */ #Content{ width: 100%; float: left;} #Content .homeCon1{ width: 100%; float: left; padding: 6% 0;} #Content .homeCon1 .left{ float: left; width: 48%;} #Content .homeCon1 .tit{ float: left; margin-top: 20px;} #Content .homeCon1 .tit .entit{ font-size: 48px; line-height: 60px; font-weight: bold; color: #222;} #Content .homeCon1 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #Content .homeCon1 .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #Content .homeCon1 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #Content .homeCon1 .info{ font-size: 16px; line-height: 34px; height: auto; overflow: hidden; margin: 30px 0 0 0; color: #666; width: 100%; float: left;} #Content .homeCon1 .more{ float: left; display: block; font-size: 14px; height: 50px; line-height: 50px; padding: 0 100px 0 30px; position: relative; background: #262626; color: #fff;} #Content .homeCon1 .more::after{ content: ">"; display: block; color: #ff9900; position: absolute; right: 38px; top: 0;} #Content .homeCon1 .more:hover{ background: #0858b1;} #Content .homeCon1 .more:hover::after{ color: #fff;} #Content .homeCon1 .right2{ padding: 80px 0 60px 0; width: 44%; float: right;} #Content .homeCon1 .right{ padding: 80px 80px 60px 80px; width: 48.9%; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 10px #ccc; float: right;} #Content .homeCon1 .right .bt{ font-size: 26px; line-height: 26px; margin-bottom: 40px; color: #333; font-weight:bold;} #Content .homeCon1 .right .hd{ margin: 40px 0 35px 0; width: 100%; overflow: hidden;} #Content .homeCon1 .right .hd .l1{ font-size: 20px; line-height: 20px; margin-right: 60px; color: #666; float: left; cursor: pointer;} #Content .homeCon1 .right .hd .l1.on{ color: #0858b1;} #Content .homeCon1 .right .hd .l1 em{ display: block; float: left; width: 16px; height: 16px; line-height: 8px; margin: 2px 20px 2px 0; text-align: center; border: 1px solid #666; border-radius: 50%;} #Content .homeCon1 .right .hd .l1.on em{ border: 1px solid #0858b1;} #Content .homeCon1 .right .hd .l1.on i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #0858b1; margin-top:2px;} #Content .homeCon1 .right .bd .fv{ font-size: 16px; padding: 20px 30px; margin-bottom: 20px; width: 100%; height: 60px; line-height: 20px; color: #888; border: 1px solid #e3e3e3;} #Content .homeCon1 .right .bd .fv1{ width: 100%; font-size: 18px; margin-top: 10px; height: 60px; line-height: 60px; color: #fff; background: #222; text-align: center;} #Content .homeCon1 .right .bd .fv1:hover{ background:#0858b1;} @media screen and (max-width:1599px){ #Content .homeCon1 .right .hd .l1{ margin-right: 30px;} } @media screen and (max-width:1199px){ #Content .homeCon1 .info{ margin: 20px 0 40px 0;} #Content .homeCon1 .right2{ padding: 40px 0;} #Content .homeCon1 .right{ padding: 40px 0;} #Content .homeCon1 .right .hd .l1{ margin-right: 15px;} } @media screen and (max-width:991px){ #Content .homeCon1 .tit{ margin-top: 0;} #Content .homeCon1 .tit .entit{ font-size: 20px; line-height: 24px;} #Content .homeCon1 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content .homeCon1 .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #Content .homeCon1 .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #Content .homeCon1 .info{ font-size: 14px; line-height: 28px; height: auto; margin: 10px 0 15px 0;} #Content .homeCon1 .more{ font-size: 14px; height: 40px; line-height: 40px; padding: 0 50px 0 15px;} #Content .homeCon1 .more::after{ right: 18px;} #Content .homeCon1 .left{ width: 100%;} #Content .homeCon1 .right2{ width: 100%; padding: 40px 0;} #Content .homeCon1 .right{ padding: 15px; margin-top: 15px;} #Content .homeCon1 .right .bt{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #Content .homeCon1 .right .hd{ margin: 15px 0 10px 0;} #Content .homeCon1 .right .hd .l1{ font-size: 14px; line-height: 16px; margin-right: 10px;} #Content .homeCon1 .right .hd .l1 em{ width: 12px; height: 12px; line-height: 6px; margin: 2px 10px 2px 0;} #Content .homeCon1 .right .hd .l1.on i{ width: 6px; height: 6px;} #Content .homeCon1 .right .bd .fv{ font-size: 12px; padding: 10px 15px; margin-bottom: 10px; height: 36px; line-height: 16px;} #Content .homeCon1 .right .bd .fv1{ font-size: 14px; margin-top: 10px; height: 30px; line-height: 30px;} } @media screen and (max-width:767px){ #Content .homeCon1 .left{ width: 100%;} #Content .homeCon1 .right{ width: 100%;} #Content .homeCon1 .right2{ width: 100%; padding: 40px 0;} } /*首页视频及加盟*/ #jiameng{ width: 100%; float: left;} #jiameng .homeConjm{ width: 100%; float: left; padding: 5% 0;} #jiameng .homeConjm .left{ float: left; width: 30%;} #jiameng .homeConjm .tit{ float: left; margin-top: 50px;} #jiameng .homeConjm .tit .entit{ font-size: 36px; line-height: 60px; font-weight: 500; color: #333;} #jiameng .homeConjm .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #jiameng .homeConjm .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #jiameng .homeConjm .num::before{ jiameng: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #jiameng .homeConjm .info{ font-size: 16px; line-height: 34px; height: auto; overflow: hidden; margin: 30px 0 60px 0; color: #333; width: 100%; float: left;} #jiameng .homeConjm .more{ float: left; display: block; font-size: 14px; height: 50px; line-height: 50px; padding: 0 40px 0 40px; position: relative; background: #0858b1; color: #fff; margin-right:15px; margin-bottom:10px;} #jiameng .homeConjm .more:hover{ background: #222;} #jiameng .homeConjm .more:hover::after{ color: #fff;} #jiameng .homeConjm .right{ padding: 10px; width: 57%; /*background: rgba(0, 0, 0, 0.75);*/ float: right;} /*#jiameng .homeConjm .right .bt{ font-size: 26px; line-height: 26px; margin-bottom: 40px; color: #333; font-weight:bold;} #jiameng .homeConjm .right .hd{ margin: 40px 0 35px 0; width: 100%; overflow: hidden;} #jiameng .homeConjm .right .hd .l1{ font-size: 20px; line-height: 20px; margin-right: 60px; color: #666; float: left; cursor: pointer;} #jiameng .homeConjm .right .hd .l1.on{ color: #0858b1;} #jiameng .homeConjm .right .hd .l1 em{ display: block; float: left; width: 16px; height: 16px; line-height: 8px; margin: 2px 20px 2px 0; text-align: center; border: 1px solid #666; border-radius: 50%;} #jiameng .homeConjm .right .hd .l1.on em{ border: 1px solid #0858b1;} #jiameng .homeConjm .right .hd .l1.on i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #0858b1; margin-top:2px;} #jiameng .homeConjm .right .bd .fv{ font-size: 16px; padding: 20px 30px; margin-bottom: 20px; width: 100%; height: 60px; line-height: 20px; color: #888; border: 1px solid #e3e3e3;} #jiameng .homeConjm .right .bd .fv1{ width: 100%; font-size: 18px; margin-top: 10px; height: 60px; line-height: 60px; color: #fff; background: #222; text-align: center;} #jiameng .homeConjm .right .bd .fv1:hover{ opacity: 0.8;}*/ /*#jiameng .homeConjm .right .u1{ width: 100%; margin: 0; overflow: hidden;} #jiameng .homeConjm .right .u1 .l1{ width: 32%; padding: 50px 0; margin:0 2% 0 0; float: left; text-align: center; background:rgba(255,255,255,1); overflow: hidden; color:#333; } #jiameng .homeConjm .right .u1 .l1:nth-child(3){ margin:0 0 0 0; } #jiameng .homeConjm .right .u1 .l1:hover{ background: #0858b1; color:#fff;} #jiameng .homeConjm .right .u1 .l1 .img{width: 90px; height:90px; position: relative;} #jiameng .homeConjm .right .u1 .l1 .img img{width: 90px; position: absolute; } #jiameng .homeConjm .right .u1 .l1 .image-a { opacity: 1; } #jiameng .homeConjm .right .u1 .l1 .image-b { opacity: 0; } #jiameng .homeConjm .right .u1 .l1:hover .image-a { opacity: 0; } #jiameng .homeConjm .right .u1 .l1:hover .image-b { opacity: 1; } #jiameng .homeConjm .right .u1 .l1 .t1{ font-size: 20px; font-weight: 500; line-height: 24px; margin: 30px 0 0 0; padding:0 15px;} #jiameng .homeConjm .right .u1 .l1 .t2{ font-size: 14px; line-height: 26px; height: 80px; overflow: hidden; padding:28px 15px 0 15px;}*/ #jiameng .homeConjm .right ul { display: flex; flex-wrap: wrap; /* 允许换行 */ gap: 1.333%; /* 设置间距为1.333% */ padding: 0; margin: 0; } #jiameng .homeConjm .right ul li { list-style: none; width: 32%; /* 每个li的宽度为32%，减去间隔 */ height: auto; /* 设置固定高度 */ padding: 50px 10px; background-color: white; text-align: center; transition: background-color 0.3s ease; display: flex; flex-direction: column; align-items: center; /* 居中对齐内容 */ justify-content: center; box-sizing: border-box; position: relative; color:#333; } #jiameng .homeConjm .right ul li .image-container { width: 90px; height: 90px; position: relative; margin-bottom: 10px; /* 图片和文字之间的间距 */ } #jiameng .homeConjm .right ul li .image-container img.imgA, #jiameng .homeConjm .right ul li .image-container img.imgB { width: 100%; /* 图片宽度适应容器 */ height: 100%; /* 图片高度适应容器 */ object-fit: contain; /* 保证图片完整显示，避免遮挡 */ position: absolute; /* 使图片重叠 */ top: 0; left: 0; transition: opacity 0.3s ease; } #jiameng .homeConjm .right ul li .image-container img.imgB {opacity: 0;} #jiameng .homeConjm .right ul li:hover .image-container img.imgA { opacity: 0; } #jiameng .homeConjm .right ul li:hover .image-container img.imgB { opacity: 1; } #jiameng .homeConjm .right ul li:hover { background-color: #0858b1; color: white; } #jiameng .homeConjm .right ul li .t1{ font-size: 20px; font-weight: 500; line-height: 24px; margin: 30px 0 0 0; padding:0 15px; } #jiameng .homeConjm .right ul li .t2{ font-size: 14px; line-height: 26px; height: 80px; overflow: hidden; padding:28px 15px 0 15px;} @media screen and (max-width:1599px){ #jiameng .homeConjm .left{ float: left; width: 35%;} } @media screen and (max-width:1300px){ #jiameng .homeConjm .left{ float: left; width: 40%;} } @media screen and (max-width:1199px){ #jiameng .homeConjm .left{ width: 35%;} #jiameng .homeConjm .right{ width: 62%;} #jiameng .homeConjm .more{ float: left; display: block; font-size: 14px; height: 50px; line-height: 50px; padding: 0 25px 0 25px; position: relative; background: #0858b1; color: #fff; margin-right:15px; margin-bottom:10px;} } @media screen and (max-width:991px){ #jiameng .homeConjm{ width: 100%; float: left; padding: 0;} #jiameng .homeConjm .left{ width: 100%; padding: 10px; } #jiameng .homeConjm .right{ width: 100%;} #jiameng .homeConjm .right ul { gap: 0; } #jiameng .homeConjm .right ul li { width: 100%; padding: 20px 10px; margin-bottom:20px;} #jiameng .homeConjm .right ul li .image-container {width: 60px; height: 60px;} #jiameng .homeConjm .right ul li .t1{ font-size: 18px; font-weight: 500; line-height: 24px; margin: 20px 0 0 0; padding:0 15px;} #jiameng .homeConjm .right ul li .t2{ font-size: 14px; line-height: 26px; height: 70px; overflow: hidden; padding:18px 15px 0 15px;} } @media screen and (max-width:767px){ } #video { width: 100%; height: auto; margin: 0 auto; position: relative; } #video video { width: 100%; height: 100%; object-fit: fill; } .VideoBtn { position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } /*@media screen and (max-width:1599px){ #jiameng .homeConjm .right .hd .l1{ margin-right: 30px;} } @media screen and (max-width:1199px){ #jiameng .homeConjm .info{ margin: 20px 0 40px 0;} #jiameng .homeConjm .right{ padding: 40px;} #jiameng .homeConjm .right .hd .l1{ margin-right: 15px;} } @media screen and (max-width:991px){ #jiameng .homeConjm .tit{ margin-top: 0;} #jiameng .homeConjm .tit .entit{ font-size: 20px; line-height: 24px;} #jiameng .homeConjm .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #jiameng .homeConjm .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #jiameng .homeConjm .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #jiameng .homeConjm .info{ font-size: 14px; line-height: 24px; height: auto; margin: 10px 0 15px 0;} #jiameng .homeConjm .more{ font-size: 14px; height: 30px; line-height: 30px; padding: 0 50px 0 15px;} #jiameng .homeConjm .more::after{ right: 18px;} #jiameng .homeConjm .right{ padding: 15px 0; margin-bottom: 15px;} #jiameng .homeConjm .right .bt{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #jiameng .homeConjm .right .hd{ margin: 15px 0 10px 0;} #jiameng .homeConjm .right .hd .l1{ font-size: 14px; line-height: 16px; margin-right: 10px;} #jiameng .homeConjm .right .hd .l1 em{ width: 12px; height: 12px; line-height: 6px; margin: 2px 10px 2px 0;} #jiameng .homeConjm .right .hd .l1.on i{ width: 6px; height: 6px;} #jiameng .homeConjm .right .bd .fv{ font-size: 12px; padding: 10px 15px; margin-bottom: 10px; height: 36px; line-height: 16px;} #jiameng .homeConjm .right .bd .fv1{ font-size: 14px; margin-top: 10px; height: 30px; line-height: 30px;} } @media screen and (max-width:767px){ #jiameng .homeConjm .left{ width: 100%;} #jiameng .homeConjm .right{ width: 100%;} }*/ /* 首页板块二 */ #Content2{ width: 100%; float: left;} #Content2 .homeCon2{ width: 100%; float: left; padding: 6% 0;} #Content2 .homeCon2 .tit{ text-align: center; position: relative;} #Content2 .homeCon2 .tit .entit{ font-size: 48px; line-height: 60px; font-weight: bold; color: #222;} #Content2 .homeCon2 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #333;} #Content2 .homeCon2 .num{ width: 100%; position: absolute; top: 215px; font-size: 36px; line-height: 24px; text-align: center; color: #999; opacity: 0.5;} #Content2 .homeCon2 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: 50%; margin-left: -14px; top: -45px; transform: rotate(90deg); background: #999; opacity: 0.5;} #Content2 .homeCon2 .u1{ width: 100%; overflow: hidden;} #Content2 .homeCon2 .l1{ width: 33.3%; margin: 60px 0 10px 0; padding: 80px; float: left; cursor: pointer; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content2 .homeCon2 .l1:hover{transform: translateY(-10px);} #Content2 .homeCon2 .l1 .ico{ width: 80px; height: 75px; margin: 0 auto 40px auto; line-height: 0;} #Content2 .homeCon2 .l1 .title{ position: relative; text-align: center;} #Content2 .homeCon2 .l1 .title .t1{ font-size: 48px; line-height: 48px; text-transform: uppercase; font-weight: bold; opacity: 0.08; color: #fff;} #Content2 .homeCon2 .l1 .title .t2{ width: 100%; font-size: 26px; line-height: 26px; position: absolute; bottom: -7px; font-weight: bold; color: #fff;} #Content2 .homeCon2 .l1 .info{ font-size: 18px; line-height: 34px; height: 102px; overflow: hidden; margin: 35px 0 55px 0; color: #fff;} #Content2 .homeCon2 .l1 .more{ display: block; width: 50px; height: 50px; line-height: 50px; margin: 50px auto 0 auto; text-align: center; border-radius: 50%;} #Content2 .homeCon2 .l1:nth-child(1){ background: #222;} #Content2 .homeCon2 .l1:nth-child(1) .more{ background: #3c3c3c; color: #ff9900;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 150px; background: #0858b1;} #Content2 .homeCon2 .l1:nth-child(2) .more{ background: #fff; color: #0858b1;} #Content2 .homeCon2 .l1:nth-child(3){ background: #f2f2f2; box-shadow: 0 0 5px #ccc;} #Content2 .homeCon2 .l1:nth-child(3) .title .t1{ color: #333;} #Content2 .homeCon2 .l1:nth-child(3) .title .t2{ color: #333;} #Content2 .homeCon2 .l1:nth-child(3) .info{ color: #666;} #Content2 .homeCon2 .l1:nth-child(3) .more{ background: #ff9900; color: #fff;} @media screen and (max-width:1599px){ #Content2 .homeCon2 .l1{ padding: 60px 30px;} } @media screen and (max-width:1199px){ #Content2 .homeCon2 .l1{ padding: 40px;} } @media screen and (max-width:991px){ #Content2 .homeCon2 .tit .entit{ font-size: 16px; line-height: 16px;} #Content2 .homeCon2 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content2 .homeCon2 .num{ top: 50px; font-size: 16px; margin-top: 10px; line-height: 16px;} #Content2 .homeCon2 .num::before{ top: -12px; margin-left: -8px; width: 15px; height: 2px;} #Content2 .homeCon2 .u1{ margin-top: 50px;} #Content2 .homeCon2 .l1{ padding: 20px; margin: 10px 0 10px 0;} #Content2 .homeCon2 .l1 .ico{ width: 40px; height: 35px; margin: 0 auto 15px auto;} #Content2 .homeCon2 .l1 .title .t1{ font-size: 16px; line-height: 16px;} #Content2 .homeCon2 .l1 .title .t2{ font-size: 14px; line-height: 14px; bottom: -5px;} #Content2 .homeCon2 .l1 .info{ font-size: 14px; line-height: 18px; height: auto; margin: 10px 0 15px 0;} #Content2 .homeCon2 .l1 .more{ width: 30px; height: 30px; line-height: 30px; margin: 10px auto 0 auto;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 50px;} } @media screen and (max-width:767px){ #Content2 .homeCon2 .l1{ width: 99%; margin: 5px 0.5% 5px 0.5%;} #Content2 .homeCon2 .l1:nth-child(2){ margin-top: 5px;} } /* 首页板块三 */ #Content3{ width: 100%; float: left;} #Content3 .homeCon3{ width: 100%; float: left; padding: 4% 0 5% 0;} #Content3 .homeCon3 .tit{ float: left;} #Content3 .homeCon3 .tit .entit{ font-size: 36px; line-height: 60px; font-weight: 500; color: #222;} #Content3 .homeCon3 .tit .cntit{ font-size: 38px; line-height: 38px; margin-top: 20px; color: #fff;} #Content3 .homeCon3 .num{ float: right; font-size: 36px; margin-top: 75px; line-height: 24px; color: #999; opacity: 0.5; position: relative;} #Content3 .homeCon3 .num::before{ content: ""; display: block; width: 26px; height: 3px; position: absolute; left: -55px; top: 10px; background: #999; opacity: 0.5;} #Content3 .xwTab{ margin-top: 55px; width: 100%; float: left; position: relative;} #Content3 .xwTab .hd{ position: absolute; top: -100px; right: 40px;} #Content3 .xwTab .hd .u1{ width: 100%; overflow: hidden;} #Content3 .xwTab .hd .l1{ float: left; font-size: 18px; margin-left:23px; padding-bottom: 12px; cursor: pointer; color: #222;} #Content3 .xwTab .hd .l1.on{ color: #0858b1; border-bottom: 3px solid #0858b1;} #Content3 .xwTab .bd .ul{ width: 100%; overflow: hidden; display: -webkit-box;} #Content3 .xwTab .bd { width: 100%; position: relative;} #Content3 .xwTab .bd .img{ line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content3 .xwTab .bd .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align:middle; -ms-interpolation-mode:bicubic;} #Content3 .xwTab .bd .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content3 .xwTab .bd .l1{ width: 32%; overflow: hidden; background:#f2f2f2; padding:6px; margin-right:2%; } #Content3 .xwTab .bd .l1 .text{ float: left; width: 100%; height: 100%; padding: 30px; background: #fff;} #Content3 .xwTab .bd .l1 .text .da{ font-size: 16px; line-height: 16px; color: #888;} #Content3 .xwTab .bd .l1 .text .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 20px 0 25px 0; background: #0858b1;} #Content3 .xwTab .bd .l1 .text .t1{ font-size: 18px; line-height: 30px; max-height: 60px; margin-bottom: 25px; overflow: hidden; color: #333;} #Content3 .xwTab .bd .l1 .text .more{ display: inline-block; height: 36px; line-height: 34px; padding: 0 42px 0 24px; font-size: 12px; position: relative; border: 1px solid #d0d0d0; color: #888;} #Content3 .xwTab .bd .l1 .text .more::after{ content: ">"; display: block; font-family: "宋体"; color: #888; position: absolute; right: 22px; top: 0;} #Content3 .xwTab .bd .l1 .text .more:hover{ background: #0858b1; color: #fff; border: 1px solid #0858b1;} #Content3 .xwTab .bd .l1 .text .more:hover::after{ color: #fff;} #Content3 .xwTab .bd .l1 .img{ width: 100%; line-height: 0;} /*#Content3 .xwTab .bd .l1:nth-child(2) .text{ float: right;}*/ #Content3 .xwTab .bd .l1:nth-child(3){ margin-right:0; } @media screen and (max-width:1599px){ #Content3 .xwTab .bd .l1 .text{ padding: 23px 30px;} #Content3 .xwTab .bd .l1 .text .t1{ margin-bottom: 25px;} } @media screen and (max-width:1199px){ #Content3 .xwTab .bd .l1 .text{ padding: 27.5px 30px;} #Content3 .xwTab .bd .l1 .text .t1{ max-height: 30px; margin-bottom: 15px;} #Content3 .xwTab .bd .l1 .text .da::after{ margin: 20px 0 15px 0;} } @media screen and (max-width:991px){ #Content3 .homeCon3 .tit .entit{ font-size: 16px; line-height: 16px;} #Content3 .homeCon3 .tit .cntit{ font-size: 14px; line-height: 10px; margin-top: 5px;} #Content3 .homeCon3 .num{ font-size: 16px; margin-top: 10px; line-height: 16px;} #Content3 .homeCon3 .num::before{ width: 15px; height: 2px; left: -20px; top: 8px;} #Content3 .xwTab{ margin-top: 20px;} #Content3 .xwTab .hd{ top: -30px; right: 40px;} #Content3 .xwTab .hd .l1{ font-size: 14px; margin: 0 5px; padding-bottom: 2px;} #Content3 .xwTab .hd .l1.on{ border-bottom: 1px solid #ff9900;} #Content3 .xwTab .bd .l1 .text{ padding: 20px 15px;} #Content3 .xwTab .bd .l1 .text .da{ font-size: 14px; line-height: 14px;} #Content3 .xwTab .bd .l1 .text .da::after{ height: 1px; margin: 5px 0 10px 0;} #Content3 .xwTab .bd .l1 .text .t1{ font-size: 16px; line-height: 20px; max-height: 40px; margin-bottom: 10px;} #Content3 .xwTab .bd .l1 .text .more{ height: 26px; line-height: 24px; padding: 0 30px 0 20px;} #Content3 .xwTab .bd .l1 .text .more::after{ right: 12px;} } @media screen and (max-width:767px){ #Content3 .xwTab .bd{ width: 100%; margin-top: 15px;} #Content3 .xwTab .bd .l1{ width: 100%; overflow: hidden; background:#f2f2f2; padding:6px; margin-right:0; margin-bottom:10px;} #Content3 .xwTab .bd .l1 .text{ width: 100%;} #Content3 .xwTab .bd .l1 .img{ width: 100%;} #Content3 .xwTab .bd .l1 .text .t1{ font-size: 14px; line-height: 20px; max-height: 40px; margin-bottom: 10px;} #Content3 .xwTab .bd .ul{ display: block;} } /* 内页banner */ #Slide2{ width: 100%; float: left;} #Slide2 .pz_banner{ width: 100%; float: left; position: relative;} #Slide2 .zy_banner{ line-height: 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Slide2 .pz_banner{ margin-top: 46px;} } @media screen and (max-width:767px){ } /* 内页导航 */ #Content5{ width: 100%; float: left; background:#f5f5f5; padding:30px 0;} #Content5 .subNav{ text-align: center;} #Content5 .subNav .nybt{ font-size: 42px; line-height: 42px; color: #222; text-align: center;} #Content5 .subNav .u1{ margin: 0 0 0 0; display: inline-block; overflow: hidden;} #Content5 .subNav .l1{ font-size: 16px; width: 200px; height: 50px; line-height: 50px; margin: 5px; border-radius:5px; background: #fff; float: left; text-align:center;} #Content5 .subNav .l1 a{ color: #333; display:block;} #Content5 .subNav .l1.on,#Content5 .subNav .l1:hover{ background: #0858b1;} #Content5 .subNav .l1.on a,#Content5 .subNav .l1:hover a{ color: #fff;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content5 .subNav .l1{ width: 200px;} } @media screen and (max-width:991px){ #Content5{padding:15px 0;} #Content5 .subNav .nybt{ font-size: 16px; line-height: 16px; color: #222; text-align: center;} #Content5 .subNav .u1{ margin: 10px 0 0 0;} #Content5 .subNav .l1{ font-size: 14px; width: 100px; height: 30px; line-height: 30px;} } @media screen and (max-width:767px){ #Content5 .subNav .l1{ width: 90px;} } #Content6{ width: 100%; float: left;} #Content6 .about1 .info{ width: 78%; margin: 0 auto; font-size: 16px; line-height: 36px; color: #333;} #Content6 .about1 .info h2{ font-weight:bold; padding-bottom:15px; color: #333;} #Content6 .contact1{ width: 80%; margin: 0 auto; overflow:hidden; background:#666;} #Content6 .contact1 .leftcon{ width: 40%; float:left; margin-right:5%; font-size: 16px; line-height: 36px; color: #fff; padding:50px 30px; } #Content6 .contact1 .leftcon h2{ font-size:28px; line-height: 36px; color: #fff; font-weight:bold; margin-bottom:35px;} #Content6 .contact1 .leftcon a{ color: #fff; } #Content6 .contact1 .map{ width: 55%; float:left;} #dituContent {height: 450px; } #Content6 .contact1 .leftcon2{ width: 100%; font-size: 16px; line-height: 36px; color: #fff; padding:0; } #Content6 .contact1 .wangdian{ width: 1000px;padding:50px 0; margin:0 auto; text-align:left} #Content6 .contact1 .wangdian form{ margin-bottom:30px;} #Content6 .contact1 .wangdian input{ width:100%; line-height:50px; border:1px solid #ddd; margin-bottom:10px; padding:0 30px; color:#333;} #Content6 .contact1 .wangdian form .btt{ width:100%; line-height:50px; background-color:#666666; color:#FFFFFF; font-size:16px;} #Content6 .contact1 .wangdian form .btt:hover{ background-color:#0858b1;} #Content6 .contact1 .wangdian span{ display:block; line-height:40px;} #Content6 .contact1 .wangdian span a{ color:#666;} #Content6 .contact1 .wangdian span a:hover{ color:#0858b1;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ #Content6 .about1 .info{ width: 100%;} #Content6 .contact1{ width: 100%;} #Content6 .contact1 .leftcon2{ display:none;} #Content6 .contact1 .wangdian{ width:100%; padding:30px 0; font-size:14px;} #Content6 .contact1 .wangdian input{ width:100%; line-height:50px; border:1px solid #ddd; margin-bottom:10px; padding:0 30px; color:#333;} #Content6 .contact1 .wangdian form .btt{ width:100%; line-height:50px; background-color:#666666; color:#FFFFFF; font-size:16px;} } @media screen and (max-width:991px){ #Content6 .about1 .info{ font-size: 14px; line-height: 24px;} #Content6 .contact1{ width: 100%; margin: 0 auto; overflow:hidden; background:#fff;} #Content6 .contact1 .leftcon{ width: 100%; float: none; margin-right:0; font-size: 14px; line-height: 30px; color: #333; padding:30px 20px; } #Content6 .contact1 .leftcon h2{ font-size:24px; line-height: 36px; color: #333; font-weight:bold; margin-bottom:25px;} #Content6 .contact1 .leftcon a{ color: #333; } #Content6 .contact1 .map{ width: 100%; float:none;} } @media screen and (max-width:767px){ } #Content6 .wenhua .u1{ width: 100%; margin: 0; overflow: hidden;} #Content6 .wenhua .u1 .l1{ width: 32.333%; padding: 20px; margin 0; float: left; text-align: center; background:rgba(255,255,255,1); overflow: hidden; border: 1px solid #fff;} #Content6 .wenhua .u1 .l1:hover{ background:rgba(255,255,255,1);} #Content6 .wenhua .u1 .l1 img{width: 80px; height: auto;} #Content6 .wenhua .u1 .l1 .t1{ font-size: 18px; font-weight: bold; line-height: 24px; margin: 30px 0 0 0; color:#000; padding:0 15px;} #Content6 .wenhua .u1 .l1 .t2{ font-size: 14px; line-height: 30px; color:#333; height: 70px; overflow: hidden; padding:20px 15px 0 15px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content6 .wenhua .u1{ width: 100%;} #Content6 .wenhua .u1 .l1{ width: 50%; padding: 20px 0; margin 0; float: left; text-align: center; background:rgba(255,255,255,0.25); overflow: hidden; border: 1px solid #fff;} #Content6 .wenhua .u1 .l1:nth-child(5){ width: 100%; } #Content6 .wenhua .u1 .l1:hover{ background:rgba(255,255,255,1);} #Content6 .wenhua .u1 .l1 img{width: 60px; height: auto;} #Content6 .wenhua .u1 .l1 .t1{ font-size: 16px; font-weight: bold; line-height: 24px; margin: 10px 0 0 0; color:#000; padding:0 15px;} #Content6 .wenhua .u1 .l1 .t2{ font-size: 12px; line-height: 30px; color:#333; height: 70px; overflow: hidden; padding:10px 15px 0 15px;} } @media screen and (max-width:767px){ } #List{ width: 100%; float: left;} #List .newsList1{ padding: 20px 40px; background: #fff;} #List .newsList1 .u1{ width: 100%; margin: 0; padding: 20px 40px; overflow: hidden;} #List .newsList1 .l1{ float: left; width: 31.3%; margin: 1%; padding: 50px 40px; background: #f5f5f5;} #List .newsList1 .l1 .da{ font-size: 16px; line-height: 16px; color: #888;} #List .newsList1 .l1 .da::after{ content: ""; display: block; width: 24px; height: 3px; margin: 15px 0 30px 0; background: #0858b1;} #List .newsList1 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden; color: #333;} #List .newsList1 .l1 .info{ font-size: 14px; line-height: 26px; height: 52px; margin: 20px 0 45px 0; overflow: hidden; color: #666;} #List .newsList1 .l1:hover .tit{ color: #0858b1;} #List .newsList1 .l1 .img{ line-height: 0;} #List .newsList2{ padding: 40px 0 0 0; background: #fff;} #List .newsList2 .u1{ width: 102%; margin: -15px -1% 45px -1%; overflow: hidden;} #List .newsList2 .l1{ float: left; width: 48%; margin: 15px 1%; padding: 35px 30px; border-radius: 10px; background: #f5f5f5;} #List .newsList2 .l1 .da{ width: 13%; float: left; text-align: center;} #List .newsList2 .l1 .da .da_r{ font-size: 36px; color: #ff9900;} #List .newsList2 .l1 .da .da_ny{ font-size: 16px; color: #9f9f9f;} #List .newsList2 .l1 .text{ width: 87%; padding-left: 30px; float: left; border-left: 1px solid #e9e9e9;} #List .newsList2 .l1 .tit{ font-size: 18px; line-height: 18px; height: 18px; overflow: hidden;} #List .newsList2 .l1 .info{ font-size: 14px; margin: 25px 0 30px 0; line-height: 26px; height: 52px; overflow: hidden; color: #666;} #List .newsList2 .l1 .more{ margin: 45px 0 10px 0;} #List .newsList2 .l1 .more a{ font-size: 14px; padding:5px 15px; background-color:#222; color:#FFFFFF;} #List .newsList2 .l1 .more a:hover{ background-color:#0858b1; } #List .newsList2 .l1:hover{ background: #fff; box-shadow: 0 0 10px #ccc;} #List .newsList2 .wack1{ width: 100%; text-align: center;} #List .newsList2 .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List .newsList2 .pz_fy a { float: left; width: 38px; height: 38px; line-height: 36px; border: 1px solid #b1b1b1; color: #272727; font-size: 14px; font-family: Arial; margin: 0 5px;} #List .newsList2 .pz_fy a:hover, #List .newsList2 .pz_fy a.on { background: #0858b1; color:#fff; border: 1px solid #0858b1;} #List .newsList2 .pz_fy .l2{ font-size: 12px; color: #666; width: 100px;} #List .newsList2 .pz_fy .l2:hover{ background-color: #0858b1; color: #fff; border: 1px solid #0858b1;} #List .newsList2 .pz_fy .r2{ width: 100px; font-size: 12px; color: #666;} #List .newsList2 .pz_fy .r2:hover{ background-color: #0858b1; color: #fff; border: 1px solid #0858b1;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #List .newsList1{ padding: 20px 0;} #List .newsList1 .l1{ padding: 10px 5px;} #List .newsList1 .l1 .da{ font-size: 12px; line-height: 12px;} #List .newsList1 .l1 .da::after{ width: 20px; height: 1px; margin: 5px 0 10px 0;} #List .newsList1 .l1 .tit{ font-size: 16px; line-height: 16px; height: 16px;} #List .newsList1 .l1 .info{ font-size: 14px; line-height: 20px; height: 40px; margin: 5px 0 10px 0;} #List .newsList2{ padding: 20px 0 0 0;} #List .newsList2 .u1{ margin: -5px -1% 15px -1%;} #List .newsList2 .l1{ margin: 5px 1%; padding: 10px 5px;} #List .newsList2 .l1 .da{ width: 13%;} #List .newsList2 .l1 .da .da_r{ font-size: 16px;} #List .newsList2 .l1 .da .da_ny{ font-size: 12px;} #List .newsList2 .l1 .text{ width: 87%; padding-left: 10px;} #List .newsList2 .l1 .tit{ font-size: 16px; line-height: 16px; height: 16px;} #List .newsList2 .l1 .info{ font-size: 14px; margin: 5px 0 10px 0; line-height: 20px; height: 40px;} #List .newsList2 .l1 .more{ font-size: 12px; margin: 25px 0 10px 0;} #List .newsList2 .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;} #List .newsList2 .fy_pc a{ padding: 5px 25px; background: #ff9900; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} #List .newsList2 .fy_pc span{ padding: 5px 25px; color: #272727;} } @media screen and (max-width:767px){ #List .newsList1 .u1{ width: 100%; margin: 0;} #List .newsList1 .l1{ width: 100%; margin: 5px 0;} #List .newsList2 .u1{ width: 100%; margin: -5px 0 15px 0;} #List .newsList2 .l1{ width: 100%; margin: 5px 0;} } #Subpage{ width: 100%; float: left; background: #f7f7f7;} #Subpage .newsCon .bg{ width: 100%; overflow: hidden; background: #fff; margin:40px 0;} #Subpage .newsCon .left{ width: 76%; padding: 50px 60px; border-right: 1px solid #e5e5e5; float: left;} #Subpage .newsCon .left .tit{ font-size: 36px; line-height: 38px; color: #333;} #Subpage .newsCon .left .time{ width: 100%; overflow: hidden; font-size: 14px; line-height: 18px; padding: 20px 0 25px 0; border-bottom: 1px solid #e2e2e2; color: #444;} #Subpage .newsCon .left .time span{ display: block; float: left;} #Subpage .newsCon .left .time .s2{ margin: 0 20px 0 5px;} #Subpage .newsCon .left .info{ font-size: 16px; line-height: 34px; margin: 20px 0; color: #333;} #Subpage .newsCon .left .info h2{margin: 20px 0; color: #222;} #Subpage .newsCon .left .sx_fy{ float:left; width:100%; padding-top:7.82%; margin-top:3.13%; position:relative; background:url(../image/fy.png) center top no-repeat;background-size: 100%;} #Subpage .newsCon .left .sx_fy a{ float:left; width:50%; color:#232323; font-size:16px; line-height:24px; /*overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;*/} #Subpage .newsCon .left .sx_fy a span{ font-size: 14px; font-weight:bold; color:#8b8b8b;} #Subpage .newsCon .left .sx_fy a.l_fy{ padding-right:10px;} #Subpage .newsCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;} #Subpage .newsCon .left .sx_fy a:hover, #Subpage .newsCon .left .sx_fy a:hover span{ color:#ff9900;} #Subpage .newsCon .left .sx_fy .dot{ font-size: 14px; width: 50px; height: 50px; line-height: 50px; position: absolute; top: 0; left: 50%; margin-left: -23px; text-align: center; border-radius: 50%; background: #0858b1; color: #fff;} #Subpage .newsCon .right{ width: 24%; float: right; padding: 60px 30px;} #Subpage .newsCon .right .t1{ font-size: 30px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; color: #333;} #Subpage .newsCon .right .l1{ padding: 30px 0; border-bottom: 1px dashed #c6c6c6;} #Subpage .newsCon .right .l1 .bt{ font-size: 18px; line-height: 30px; color: #333;} #Subpage .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(../image/ico1.png) no-repeat left center; color: #444;} #Subpage .newsCon .right .l1:hover .bt{ color: #ff9900;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Subpage .newsCon .left{ width: 100%; padding: 15px; border-right: 0; border-bottom: 1px solid #e5e5e5;} #Subpage .newsCon .left .tit{ font-size: 16px; line-height: 18px;} #Subpage .newsCon .left .time{ padding: 10px 0;} #Subpage .newsCon .left .time .s2{ margin: 0 10px 0 5px;} #Subpage .newsCon .left .info{ font-size:14px; line-height: 24px; margin: 10px 0;} #Subpage .newsCon .left .sx_fy .dot{ font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin-left: -15px;} #Subpage .newsCon .right{ width: 100%; padding: 15px 10px;} #Subpage .newsCon .right .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;} #Subpage .newsCon .right .l1{ padding: 10px 0;} #Subpage .newsCon .right .l1 .bt{ font-size: 16px; line-height: 20px;} #Subpage .newsCon .right .l1 .time{ padding-left: 22px; font-size: 14px; margin-top: 10px; line-height: 18px; background: url(../image/ico1.png) no-repeat left center; color: #444;} #Subpage .newsCon .left .sx_fy a{ font-size: 14px;} } @media screen and (max-width:767px){ } #chaxun{ width: 100%; float: left;} #chaxun .pz_banner{ width: 100%; } #chaxun .waybCon{ width: 50%; padding: 2%; border-radius: 5px; margin:2% auto; background-color:#f5f5f5;} #chaxun .waybCon .bt{ font-size: 42px; line-height: 42px; margin-bottom: 40px; text-align: center; color: #333;} #chaxun .waybCon .hd{ margin: 50px 0 30px 0; width: 100%; overflow: hidden; text-align: center;} #chaxun .waybCon .hd .u1{ display: inline-block;} #chaxun .waybCon .hd .l1{ font-size: 20px; line-height: 20px; margin: 0 30px; color: #666; float: left; cursor: pointer;} #chaxun .waybCon .hd .l1.on{ color: #ff9900;} #chaxun .waybCon .hd .l1 em{ padding: 2px; display: block; float: left; width: 16px; height: 16px; line-height: 8px; margin: 2px 20px 2px 0; text-align: center; border: 1px solid #666; border-radius: 50%;} #chaxun .waybCon .hd .l1.on em{ border: 1px solid #ff9900;} #chaxun .waybCon .hd .l1.on i{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ff9900;} #chaxun .waybCon .bd .fv{ font-size: 16px; padding: 20px 30px; margin-bottom: 20px; width: 100%; height: 60px; line-height: 20px; color: #888;} #chaxun .waybCon .bd .fv1{ width: 100%; font-size: 16px; margin-top: 10px; height: 60px; line-height: 60px; color: #fff; background: #444; text-align: center;} #chaxun .waybCon .bd .fv1:hover{ opacity: 0.8; background: #0858b1; } @media screen and (max-width:1599px){ #chaxun .waybCon{ width: 50%; left: 25%; padding: 3%;} } @media screen and (max-width:1199px){ #chaxun .waybCon{ width: 60%; left: 20%; padding: 2%;} #chaxun .waybCon .bt{ font-size: 32px; line-height: 32px; margin-bottom: 20px;} #chaxun .waybCon .hd{ margin: 20px 0 15px 0;} } @media screen and (max-width:991px){ #chaxun .pz_banner{ margin:26px 0;} #chaxun .waybCon{ width: 90%; left: 5%;} #chaxun .waybCon .bt{ font-size: 16px; line-height: 16px; margin-bottom: 10px;} #chaxun .waybCon .hd{ margin: 15px 0 10px 0;} #chaxun .waybCon .hd .l1{ font-size: 14px; line-height: 16px; margin: 0 10px;} #chaxun .waybCon .hd .l1 em{ width: 12px; height: 12px; line-height: 6px; margin: 2px 10px 2px 0;} #chaxun .waybCon .hd .l1.on i{ width: 6px; height: 6px;} #chaxun .waybCon .bd .fv{ font-size: 12px; padding: 10px 15px; margin-bottom: 8px; height: 36px; line-height: 16px;} #chaxun .waybCon .bd .fv1{ font-size: 14px; margin-top: 0; height: 30px; line-height: 30px;} } @media screen and (max-width:767px){ #chaxun .waybCon{ padding: 15px;} #chaxun .waybCon .hd .l1{ margin: 0 5px;} } #wangarea{ width: 100%; float: left;} #wangarea .pz_banner{ width: 100%; } #wangarea .waybCon{ width: 60%; padding: 0; border-radius: 5px; margin:2% auto; background-color:#fff;} #wangarea .waybCon h2{ font-size: 28px; font-weight:bold; width:100%; text-align:center;} #wangarea .waybCon .hd{ margin: 30px 0 30px 0; width: 100%; overflow: hidden; } #wangarea .waybCon .hd .tit{ line-height:40px; border-bottom:1px solid #eee; font-weight:bold; color:#0858b1; font-size:20px; margin:0 1%;} #wangarea .waybCon .hd .tbody{ overflow:hidden; padding-top:15px;} #wangarea .waybCon .hd .tbody a{ width:23%; margin:10px 1%; padding:1%; float:left; text-align:left; color:#666; font-size:14px; border-radius:3px; border:1px solid #ddd;} #wangarea .waybCon .hd .tbody a:hover{ border:1px solid #0858b1;} #wangarea .waybCon .hd .tbody a span{ display:block; line-height:36px; border-bottom:1px solid #eee; font-size:16px; color:#000000;} #wangarea .waybCon .hd .tbody a p{ padding-top:10px;} #wangarea .waybCon table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; margin: 0 auto 20px; } #wangarea .waybCon table td, #wangarea .waybCon table th { padding:10px; font-size: 16px; line-height: 1.6; border: 1px solid #d2d2d2; vertical-align: middle; } #wangarea .waybCon table p { margin-bottom: 0; } #wangarea .waybCon table th { padding: 10px; background-color: #efefef; background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); background-image: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); background-image: -ms-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); background-image: -o-linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); background-image: -linear-gradient(top, #fdfdfd 0%, #e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6', GradientType=0 ); } #wangarea .waybCon table tr:nth-of-type(odd) { background: #f7f7f7; } #wangarea .waybCon table tbody tr:hover { background: #e5ebee; } @media screen and (max-width:1399px){ #wangarea .waybCon{ width: 80%; left: 20%; padding: 2%;} #wangarea .waybCon .hd .tbody a{ width:31.333%; margin:10px 1%; padding:1%; float:left; text-align:left; color:#666; font-size:14px; border-radius:3px; border:1px solid #ddd;} } @media screen and (max-width:991px){ #wangarea .pz_banner{ margin:26px 0;} #wangarea .waybCon{ width: 90%; left: 5%;} #wangarea .waybCon .hd .tbody a{ width:48%; margin:10px 1%; padding:1%; float:left; text-align:left; color:#666; font-size:14px; border-radius:3px; border:1px solid #ddd;} #wangarea .waybCon table td, #wangarea .waybCon table th { padding:5px; font-size: 14px; line-height:24px; border: 1px solid #d2d2d2; vertical-align: middle; } } @media screen and (max-width:767px){ } #Content14{ width: 100%; float: left;} #Content14 .cultCon .l1{ margin-bottom: 75px; width: 100%; overflow: hidden;} #Content14 .cultCon .l1:last-child{ margin-bottom: 0;} #Content14 .cultCon .l1 .t1{ font-size: 36px; line-height: 36px; font-weight: bold; color: #333; text-align: center;} #Content14 .cultCon .l1 .t2{ font-size: 18px; line-height: 18px; margin: 40px 0; color: #333; text-align: center;} #Content14 .cultCon .l1 .left{ width: 49%; float: left; line-height: 0;} #Content14 .cultCon .l1 .right{ width: 49%; float: right; line-height: 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content14 .cultCon .l1{ margin-bottom: 15px;} #Content14 .cultCon .l1 .t1{ font-size: 16px; line-height: 16px;} #Content14 .cultCon .l1 .t2{ font-size: 14px; line-height: 18px; margin: 5px 0 5px 0;} } @media screen and (max-width:767px){ } /* 3业务范围板块三 */ #Content20{ width: 100%; float: left; background: #fff;} #Content20 .busiCon3 .pic .picTop{ margin-top: 130px; position: relative;} #Content20 .busiCon3 .pic .picTop .img{ line-height: 0; position: relative;} #Content20 .busiCon3 .pic .picTop .img .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);} #Content20 .busiCon3 .pic .picTop .text{ width: 240px; padding: 5% 0 6% 0; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -120px; background: #ff9900;} #Content20 .busiCon3 .pic .picTop .text .ico{ width: 100px; height: 100px; margin: 0 auto; line-height: 0;} #Content20 .busiCon3 .pic .picTop .text .t1{ font-size: 20px; margin: 45px 0 35px 0; color: #fff;} #Content20 .busiCon3 .pic .picTop .text .t2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; text-transform: uppercase; color: #fff; opacity: 0.3;} #Content20 .busiCon3 .pic .picBot3{ padding: 20px 40px; } #Content20 .busiCon3 .pic .picBot3 .u1{ width: 100%; margin: 0; overflow: hidden;} #Content20 .busiCon3 .pic .picBot3 .l1{ width: 29.3333%; margin: 2%; float: left; text-align: center; background-color:#f8f8f8; overflow: hidden;} #Content20 .busiCon3 .pic .picBot3 .l1 .ico{ line-height: 0;} #Content20 .busiCon3 .pic .picBot3 .l1 .t1{ font-size: 20px; line-height: 24px; font-weight:bold; margin: 30px 0 20px 0; color:#222; padding:0 15px;} #Content20 .busiCon3 .pic .picBot3 .l1 .t2{ font-size: 14px; line-height: 30px; height: 130px; overflow: hidden; padding:10px 15px 30px 15px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content20 .busiCon3 .pic .picTop{ margin-top: 60px;} #Content20 .busiCon3 .pic .picTop .text{ width: 100px; padding: 6% 0 4% 0; left: 50%; margin-left: -50px;} #Content20 .busiCon3 .pic .picTop .text .ico{ width: 50px; height: 50px;} #Content20 .busiCon3 .pic .picTop .text .t1{ font-size: 16px; margin: 15px 0 10px 0;} #Content20 .busiCon3 .pic .picTop .text .t2{ font-size: 14px; line-height: 20px; height: 60px;} #Content20 .busiCon3 .pic .picBot3{ padding: 20px;} #Content20 .busiCon3 .pic .picBot3 .u1{ width: 110%; margin: -5px -5%;} #Content20 .busiCon3 .pic .picBot3 .l1{ width: 90%; margin: 5px 5%;} #Content20 .busiCon3 .pic .picBot3 .l1 .t1{ font-size: 16px; line-height: 26px; margin: 15px 0 10px 0;} #Content20 .busiCon3 .pic .picBot3 .l1 .t2{ font-size: 14px; line-height: 20px; height: auto; overflow: hidden;} } @media screen and (max-width:767px){ } /* 首页主营业务 */ #Content40{ width: 100%; float: left; background: #fff;} #Content40 .busiCon4 .pic .picBot4{ padding: 30px 0 60px 0; } #Content40 .busiCon4 .pic .picBot4 h2{ font-size: 36px; line-height: 60px; padding: 30px 0 50px 0; font-weight: 500; color: #333; text-align: center; letter-spacing:3px; } #Content40 .busiCon4 .pic .picBot4 .u1{ width: 100%; margin: 0; overflow: hidden;} #Content40 .busiCon4 .pic .picBot4 .l1{ width: 33.3333%; padding: 60px 0; margin 0; float: left; text-align: center; background-color:#fff; overflow: hidden; border: 1px solid #eee;} #Content40 .busiCon4 .pic .picBot4 .l1 img{ width: 80px;} #Content40 .busiCon4 .pic .picBot4 .l1:hover{ border: 1px solid #0858b1;} #Content40 .busiCon4 .pic .picBot4 .l1 .ico{ line-height: 0;} #Content40 .busiCon4 .pic .picBot4 .l1 .t1{ font-size: 18px; line-height: 24px; margin: 30px 0 0 0; color:#222; padding:0 15px;} #Content40 .busiCon4 .pic .picBot4 .l1 .t2{ font-size: 14px; line-height: 30px; height: 130px; overflow: hidden; padding:10px 15px 30px 15px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content40 .busiCon4 .pic .picBot4{ padding: 40px 0;} #Content40 .busiCon4 .pic .picBot4 h2{ font-size: 24px; line-height: 36px; padding: 10px 0 30px 0; font-weight: bold; color: #222; text-align: center; } #Content40 .busiCon4 .pic .picBot4 .u1{ width: 100%; } #Content40 .busiCon4 .pic .picBot4 .l1{ width: 50%; padding: 30px 0; margin 0; } #Content40 .busiCon4 .pic .picBot4 .l1 img{ width: 60px;} #Content40 .busiCon4 .pic .picBot4 .l1 .t1{ font-size: 16px; line-height: 26px; margin: 10px 0 10px 0;} #Content40 .busiCon4 .pic .picBot4 .l1 .t2{ font-size: 14px; line-height: 20px; height: auto; overflow: hidden;} } @media screen and (max-width:767px){ } .probody{ margin-bottom:20px; width:100%; overflow:hidden;} .probody li{ width: 32%; margin: 1% 2% 1% 0; float: left; background-color:#f2f2f2; transition: all 0.3s ease-out 0s;} .probody li:hover{ background-color:#0858b1;} .probody li:nth-child(3n){ margin: 1% 0 1% 0; } .probody .cyimg{ width:100%;} .probody .cycon{ width:100%; padding:20px;} .probody .cycon h3{ font-size:20px; color:#333; line-height:32px; margin-bottom:15px;} .probody .cycon .cydes{ font-size:14px; color:#666; line-height:20px; height: 40px; } .probody li:hover .cycon h3{ color:#fff;} .probody li:hover .cycon .cydes{ color:#fff;} @media (max-width: 1200px) { .probody li{ width: 48%; margin: 1%; float: left} .probody li:nth-child(3n){width: 48%; margin: 1%;} } @media (max-width: 992px) { .probody{ margin-bottom:20px; } .probody li{ width: 98%; margin: 1%; float: left} .probody li:nth-child(3n){width: 98%; margin: 1%;} .probody .cycon h3{font-size:18px; color:#333; line-height:30px; margin-bottom:10px;} .probody .cycon .cydes{height: auto;} } /* 首页网点 */ #Content50{ width: 100%; float: left; background: url(../image/home_bg.jpg) no-repeat center; background-size: cover;} #Content50 .busiCon5 .picBot5{ padding: 60px 0; } #Content50 .busiCon5 .picBot5 h2{ font-size: 48px; line-height: 60px; padding: 30px 0; font-weight: bold; color: #222; text-align: center; } #Content50 .busiCon5 .picBot5 .wdlist{ width: 100%; margin: 5px auto; overflow: hidden;} #Content50 .busiCon5 .picBot5 .wdlist a{ float: left; width: 15%; height: 50px; line-height: 50px; margin:8px 2% 8px 0; text-align: center; background:#f2f2f2; overflow: hidden;} #Content50 .busiCon5 .picBot5 .wdlist a:hover{background:#0858b1; color: #fff;} #Content50 .busiCon5 .picBot5 .wdlist a:first-child{ background:#ccc;font-weight: bold;} #Content50 .busiCon5 .picBot5 .wdlist a:last-child{ margin:8px 0 8px 0;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content50 .busiCon5 .picBot5{ padding: 20px 0;} #Content50 .busiCon5 .picBot5 h2{ font-size: 24px; line-height: 36px; padding: 10px 0; font-weight: bold; color: #222; text-align: center; } #Content50 .busiCon5 .picBot5 .wdlist{ width: 100%; margin: 0;} #Content50 .busiCon5 .picBot5 .wdlist a{ float: left; width: 31%; height: 40px; line-height: 40px; margin:8px 2% 8px 0; text-align: center; background:#f2f2f2; overflow: hidden; font-size: 14px;} #Content50 .busiCon5 .picBot5 .wdlist a:hover{background:#0858b1; color: #fff;} #Content50 .busiCon5 .picBot5 .wdlist a:first-child{display: block; background:#ccc;font-weight: bold; width: 100%;} } @media screen and (max-width:767px){ } /* 内页网点 */ #Contentin50{ width: 100%; float: left; } #Contentin50 .busiCon5 .picBot5{ padding: 10px 0 50px 0; } #Contentin50 .busiCon5 .picBot5 .wdlist{ width: 100%; margin: 5px auto; overflow: hidden;} #Contentin50 .busiCon5 .picBot5 .wdlist a{ float: left; width: 15%; height: 50px; line-height: 50px; margin:8px 2% 8px 0; text-align: center; background:#f2f2f2; overflow: hidden;} #Contentin50 .busiCon5 .picBot5 .wdlist a:hover{background:#0858b1; color: #fff;} #Contentin50 .busiCon5 .picBot5 .wdlist a:first-child{ background:#ccc;font-weight: bold;} #Contentin50 .busiCon5 .picBot5 .wdlist a:last-child{ margin:8px 0 8px 0;} @media screen and (max-width:991px){ #Contentin50 .busiCon5 .picBot5{ padding: 20px 0;} #Contentin50 .busiCon5 .picBot5 .wdlist{ width: 100%; margin: 0;} #Contentin50 .busiCon5 .picBot5 .wdlist a{ float: left; width: 31%; height: 40px; line-height: 40px; margin:8px 2% 8px 0; text-align: center; background:#f2f2f2; overflow: hidden; font-size: 14px;} #Contentin50 .busiCon5 .picBot5 .wdlist a:hover{background:#0858b1; color: #fff;} #Contentin50 .busiCon5 .picBot5 .wdlist a:first-child{display: block; background:#ccc;font-weight: bold; width: 100%;} } /* 首页合作伙伴 */ #Content60{ width: 100%; float: left; background: #f2f2f2;} #Content60 .busiCon6 .picBot6{ padding: 60px 0; } #Content60 .busiCon6 .picBot6 h2{ font-size: 48px; line-height: 60px; padding: 30px 0; font-weight: bold; color: #222; text-align: center; } #Content60 .busiCon6 .picBot6 .wdlist{ width: 100%; overflow: hidden;} #Content60 .busiCon6 .picBot6 .wdlist li{ float: left; width: 18%; margin:10px 1%; text-align: center; overflow: hidden; transition: all .3s ease-out 0s;} #Content60 .busiCon6 .picBot6 .wdlist li img{ border-radius: 5px;} @media screen and (max-width:1599px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Content60 .busiCon6 .picBot6{ padding: 20px;} #Content60 .busiCon6 .picBot6 h2{ font-size: 24px; line-height: 36px; padding: 10px 0; font-weight: bold; color: #222; text-align: center; } #Content60 .busiCon6 .picBot6 .wdlist{ width: 110%; margin: -5px -5%;} #Content60 .busiCon6 .picBot6 .wdlist li{ float: left; width: 48%; margin:5px 1%; text-align: center; overflow: hidden; transition: all .3s ease-out 0s;} } @media screen and (max-width:767px){ } .picbaidu{ width: 100%;} .picbaidu .compic{ width: 50%; float: left;} .picbaidu .combaidu{ width: 50%; float: left;} @media screen and (max-width:991px){ .picbaidu{ width: 100%;} .picbaidu .compic{ width: 100%; float: left;} .picbaidu .combaidu{ width: 100%; float: left;} } .insearch{background-color:#f2f2f2; height:150px; width:100%; overflow:hidden; padding-top:42px;} .insearch_left{ width:50%; float:left; } .insearch_left form { display: flex; align-items: center; justify-content: space-between; width:100%; max-width: 680px; height: 66px; transition: all .3s ease-in-out; text-align:left; float:left; } .insearch_left input[type=text] { height:66px; line-height:46px; padding:10px 20px; width: calc(100% - 80px); outline: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .insearch_left input[type=text]::placeholder { color: #666;} .insearch_left input[type=submit] { width: 80px; height: 100%; background-image: url(../image/so.png); background-size: 35px 35px; background-position: center; background-repeat: no-repeat; background-color: #0858b1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .insearch_right{width:50%; float:left; } .insearch_right li{float:left; margin-left:10%; } .insearch_right li .cleft{float:left; margin-right:15px; line-height:66px;} .insearch_right li .cleft img{ height:60px; } .insearch_right li .cright{float:left; line-height:66px; } .insearch_right li .cright a{font-size:18px; color: #0858b1; } @media screen and (max-width:1480px){ .insearch_left form { max-width: 600px;} .insearch_right li{float:left; margin-left:8%; } } @media screen and (max-width:1359px){ .insearch_left form { max-width: 560px;} .insearch_right li{float:left; margin-left:6%; } .insearch_right li .cright a{font-size:16px; color: #0858b1; } } @media screen and (max-width:1199px){ .insearch_left form { max-width: 500px;} .insearch_right li{float:left; margin-left:4%; } } @media screen and (max-width:991px){ .insearch{background-color:#f2f2f2; height:auto; width:100%; overflow:hidden; padding:30px 15px;} .insearch_left{ width:100%; float:left; } .insearch_left form { display: flex; align-items: center; justify-content: space-between; width:100%; max-width: 100%; height: 50px; transition: all .3s ease-in-out; text-align:left; float:left; } .insearch_left input[type=text] { height:50px; line-height:36px; padding:10px 10px; width: calc(100% - 60px); outline: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size:14px;} .insearch_left input[type=submit] { width: 60px; height: 100%; background-image: url(../image/so.png); background-size: 30px 30px; background-position: center; background-repeat: no-repeat; background-color: #0858b1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .insearch_right{width:100%; float:left; display:none} } .fwf_menu{ width:100%; overflow:hidden; margin-bottom:40px; text-align:center;} .fwf_menu a{ width:120px; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; display:inline-table; margin-right:15px;} .fwf_menu a:hover, .fwf_menu a.cur{ background-color:#0858b1; color:#fff;} @media screen and (max-width:991px){ .fwf_menu a{ width:70px; height:30px; line-height:30px; font-size:12px; text-align:center; background-color:#333; color:#fff; display:inline-table; margin-right:10px; margin-bottom:10px;} }