.container1, .container{ padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;} @media (min-width: 768px) { .container{ width: 768px; } .container1{width:768px;} } @media (min-width: 992px) { .container{ width: 992px; } .container1{width:992px;} } @media (min-width: 1200px) { .container{width:1200px;} .container1{width:1200px;} } @media (min-width: 1400px) { .container{width:1400px;} .container1{width:1400px;} } @media (min-width: 1570px) { .container{width:1570px;} } /*内页头部--*/ #obtn .pcTop{ width: 100%; position:absolute; top:19px; left: 0; z-index: 9999;} #obtn .pcTop .logo{ width:auto; float: left; line-height: 0;} #obtn .pcTop .logo .img1{ display:block; height:80px; width:auto;} #obtn .pcTop .right{ float: right;} #obtn .pcTop .menu1{ float:left; margin:25px 20px 0 0; position: relative;} #obtn .pcTop .menu1 .l1{ float:left; margin: 0 35px; position:relative;} #obtn .pcTop .menu1 .l1 .a1{ float:left; color:#fff; font-size:16px; padding: 0 20px; padding-bottom:15px; line-height:31px; position:relative;} #obtn .pcTop.on .menu1 .l1 .a1{color:#01295c;} #obtn .pcTop .menu1 .l1 .a1:after{ float:left; width:0; height:31px; z-index:-1;position:absolute; left:50%; top:0; content:''; background: #01295c; border-radius: 31px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .pcTop.on .menu1 .l1.active .a1, #obtn .pcTop.on .menu1 .l1:hover .a1{color:#fff;} #obtn .pcTop .menu1 .l1:hover .a1:after, #obtn .pcTop .menu1 .l1.active .a1:after{left: 0; width: 100%;} @media screen and (max-width:1400px){ #obtn .pcTop .menu1 .l1{margin:0 10px;} } @media screen and (max-width:1199px){ #obtn .pcTop .menu1 .l1{margin:0 5px;} #obtn .pcTop .menu1 .l1 .a1{ padding:0 15px;} } .menu1 .l1 .sub{ display: none; position: absolute; width: 120px; top: 45px; left: 50%; margin-left: -60px; z-index: 999;} .menu1 .l1 .sub li{ height: 40px; line-height: 40px; text-align: center; position:relative;} .menu1 .l1 .sub li a{ display: block; color: #FFF; background:rgba(0,0,0,0.5); font-size: 13px;} .menu1 .l1 .sub li:hover>a{ background:rgba(0,0,0,1)} .menu1 .l1 .sub li .sub_1{position:absolute; width:120px; top:0; left:120px; display:none;} .menu1 .l1 .sub li .sub_1 a:hover{background:rgba(0,0,0,1)} .menu1 .l1 .sub li:hover .sub_1{display:block;} #obtn .subWhole{position:absolute; top:98px; width: 100%; background: #fff; background: rgba(255,255,255,0.8);} #obtn .subWhole .subBox{float: left; width: 100%;} #obtn .subWhole .subBox .l2{float: left; width:14.2857%;} #obtn .subWhole .subBox .l2 a{float: left; width: 100%; color:#333333; font-size: 18px; line-height: 45px; padding: 50px 0 40px 0;} #obtn .subWhole .subBox .l2 a .ico2{display: block; height: 85px; overflow: hidden;} #obtn .subWhole .subBox .l2 a .ico2 i{display: block; text-align: center; font-size: 0; line-height:0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .subWhole .subBox .l2 a .ico2 i img{width: 85px; height: 85px; border:1px solid #01295c; border-radius: 50%; -moz-border-radius: 50%; -webkot-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .subWhole .subBox .l2 a.on, #obtn .subWhole .subBox .l2 a:hover{ background: #01295c;} #obtn .subWhole .subBox .l2 a.on .ico2 i:first-child, #obtn .subWhole .subBox .l2 a:hover .ico2 i:first-child{ margin-top: -85px;} #obtn .subWhole .subBox .l2 a.on .ico2 i img, #obtn .subWhole .subBox .l2 a:hover .ico2 i img{border:1px solid #fff;} #obtn .subWhole .subBox .l2 a span{display: block; width: 100%; text-align: center; margin-top: 16px;} #obtn .subWhole .subBox .l2 a.on span, #obtn .subWhole .subBox .l2 a:hover span{color:#fff;} /*搜索*/ #obtn .pHSearch{float: left; font-size: 0; line-height: 0; width: 42px; height: 42px; border:1px solid #fff; margin-top:19px; cursor: pointer; position: relative; border-radius: 42px; -moz-border-radius: 42px; -webkit-border-radius: 42px; } #obtn .pcTop.on .pHSearch{background:#01295c; background: rgba(18,42,78,0.5);} #obtn .pHSearch .addSlide{display: none; position: absolute; width: 376px; height: 50px; right: -4px; top: 64px; background-color: rgba(0,0,0,0.8); z-index: 9; border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -o-border-radius:25px 0 0 25px; } #obtn .pHSearch .addSlide .arr{ position: absolute; width: 0; height: 0; border-bottom: rgba(0,0,0,0.8) solid 6px; border-left: transparent solid 5px; border-right: transparent solid 5px; right: 16px; bottom: 50px;} #obtn .pHSearch .addSlide .souButn{ position: absolute; width: 51px; height: 50px; border: 0; border-left: rgba(255,255,255,0.1) solid 1px; right: 0; top: 0; background: 0; -webkit-appearance:none; outline: 0; } #obtn .pHSearch .addSlide .souInput{ float: left; width: 100%; padding: 0 51px 0 28px; background: 0; border: 0; height: 50px; color: #fff; font-size: 14px;} @media screen and (max-width:1199px){ #obtn .subWhole .subBox .l2 a{padding:40px 0 30px 0;font-size: 16px;} #obtn .subWhole .subBox .l2 a .ico2{height:75px;} #obtn .subWhole .subBox .l2 a .ico2 i img{width: 75px; height: 75px;} #obtn .subWhole .subBox .l2 a.on .ico2 i:first-child, #obtn .subWhole .subBox .l2 a:hover .ico2 i:first-child{ margin-top: -75px;} } @media screen and (max-width:1023px){ #obtn .pcTop{position: fixed;} #obtn .pcTop .right{display: none;} #obtn .subWhole{display: none;} } /*下拉*/ #obtn .menuph{ float:right; display: none; cursor: pointer; width:0.48rem; height:0.4rem;text-align: center; padding: 0.213333rem 0;} #obtn .menuph .point{ width:0.48rem; height:0.4rem; position: relative;} #obtn .menuph .point:hover .navbtn, #obtn .menuph .point:hover .navbtn::after, #obtn .menuph .point:hover .navbtn::before{width:0.48rem;} #obtn .menuph .navbtn{ position: absolute; top:0.16rem; right: 0; display: inline-block; width:0.48rem; height: 2px; background:#01295c; -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; } #obtn .menuph .navbtn::after, #obtn .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:0.48rem; height: 2px;content: ''; -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; background:#01295c; } #obtn .menuph .navbtn::after{top:-0.16rem;} #obtn .menuph .navbtn::before{ top:0.16rem;} #obtn .menuph .point.active .navbtn{ background: transparent;} #obtn .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; background:#01295c; } #obtn .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background:#01295c; } /*手机下拉*/ #obtn .xialaph{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-top:1.413333rem; overflow-y: auto;z-index: 200; background:#f5f5f5; } #obtn .xialaph .img_d{ display:none;} #obtn .xialaph .ul2, #obtn .xialaph .ul3{display: none; background:#f6f6f6;} #obtn .xialaph h4 a{ display: block;color: #333333; font-size: 0.426666rem; line-height:1.2rem; position: relative; /* font-weight: bold;*/ text-transform: uppercase; } #obtn .xialaph h4.active a{color:#01295c;} #obtn .xialaph h4{ position: relative;} #obtn .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #obtn .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;display: none } #obtn .xialaph li:first-child h4::after{display:none;} #obtn .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#eeeeee; /*opacity: 0.1;*/ } #obtn .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;} #obtn .xialaph h5 a{ display: block; color: #666666;font-size:0.373333rem;line-height:1.146666rem; padding:0 0.56rem;} #obtn .xialaph h5{position: relative;} #obtn .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);; /*opacity: 0.05;*/ } #obtn .xialaph li:last-child h5::after{display: none;} #obtn .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #333333 solid 1px; border-right: #999999 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } #obtn .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px; border-color:#01295c; } /*.xialaph .ul2{ padding-left: 30px; }*/ #obtn .xialaph .ul3{ padding-top: 12px; padding-bottom: 15px; padding-left:0.666666rem; position: relative;} #obtn .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; background-color: #e5e5e5;} #obtn .xialaph li:last-child .ul3::after{ display: none;} #obtn .xialaph .ul3 li a{ color: #333333; font-size:14px; line-height:30px; display: block;} #obtn .xialaph .ul3 li{ padding-top: 5px;} #obtn .xialaph .ul3 li:first-child{padding-top: 0;} #obtn .xialaph h5 b{ position: absolute; right: 15px; top: 50%; width: 9px;height: 9px;float: right; border-top: #333333 solid 1px; border-right: #333333 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } #obtn .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px; } #obtn .telPh{display: none;float: right;color: #555555;font-size: 0.4rem;line-height: 0.8rem;font-weight: bolder;margin-right: 0.52rem; } #obtn .telPh img {vertical-align: middle;margin-top: -0.08rem;width: 0.52rem;height: 0.52rem;background: #01295c; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;} @media screen and (max-width:1023px){ #obtn .menuph{display: block;} #obtn .pcTop{padding: 0.266666rem 0;top: 0;left: 0;background: #ffffff;z-index: 9999;border-top: 0.09333rem solid #01295c;box-shadow: 0px 4px 13px rgba(0,0,0,0.1);-moz-box-shadow: 0px 4px 13px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 4px 13px rgba(0,0,0,0.1);} #obtn .pcTop .logo .img1{height:40px;} #obtn .pcTop .logo{position:absolute; top:5px;} #obtn .telPh{display: block;} } /*内页-底部*/ #obtn .pz_down{float:left; width: 100%; background: #f6f6f6;} /*返回顶部*/ #obtn .pHUp{float: left; display: block; width: 100%; text-align: center; margin-top: 34px;} #obtn .pHUp a{display: inline-block; color:#585858; font-size: 14px; line-height: 30px;} #obtn .pHUp span{display: block; line-height: 22px;} #obtn .pHUp span img{vertical-align: middle; margin-top: -3px;} #obtn .footer{float: left; width: 100%; margin:44px 0 95px 0;} #obtn .footNav{ float:left; width:77%;} #obtn .footNav .ul1{ float:left; width:20%; padding-right:15px;} #obtn .footNav .footTit{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px;} #obtn .footNav .box{ float:left; width:100%; margin-top:16px;} #obtn .footNav .box li{ float:left; width:100%;} #obtn .footNav .box li a{ float:left; color:#737373; font-size:14px; line-height:26px;} #obtn .footNav .box li a:hover{ color:#01295c;} #obtn .footUs{ float:right; width:170px; text-align: left;} #obtn .footUs .dTel{float: left; width: 100%; color:#2c2c2c;font-size: 16px; line-height: 28px;} #obtn .footUs .dTel b{display: block; font-size: 24px; line-height: 32px;} #obtn .footUs .ico1{float: left; width: 100%; margin-top: 5px;} #obtn .footUs .liIco{float: left; width: 29px; height: 29px;position: relative; margin-right: 8px;} #obtn .footUs .liIco i{float: left; width: 29px; height: 29px; border:1px solid #898989; cursor: pointer; border-radius: 29px; -moz-border-radius: 29px; -webkit-border-radius: 29px; -o-border-radius: 29px; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } #obtn .footUs .liIco i.tw{display: none;} #obtn .footUs .liIco.on i:first-child, #obtn .footUs .liIco:hover i:first-child{margin-top: -29px;display: none;} #obtn .footUs .liIco.on i.tw, #obtn .footUs .liIco:hover i.tw{display: block;} #obtn .footUs .liIco.on i, #obtn .footUs .liIco:hover i{background: #01295c; border-color:#fff;} #obtn .footUs .liIco .dWec{position: absolute; width: 90px; height: 90px; padding: 5px; border:1px solid #c2c2c2; background: #fff; top:37px; left: 50%; margin-left: -45px;display: none;} #obtn .footUs .liIco.on .dWec{display: block;} #obtn .footUs .liIco .dWec:after{position: absolute; content: '';top:-6px; left: 50%; margin-left: -5px; display: none; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #c2c2c2; } #obtn .footUs .liIco.on .dWec:after{display: block;} #obtn .footer1{float: left;width: 100%; background: #01295c;border-top:1px solid #cdd8e2;} #obtn .footer1 .Copyright{float: left; font-size:14px; width: 100%; text-align: center; color:#fff; padding:16px 0; line-height: 30px;} #obtn .footer1 .Copyright a{color:#fff;} @media screen and (max-width:1023px){ #obtn .pHUp{float: left; display: block; width: 100%; text-align: center; margin: 20px 0;} #obtn .footer{display: none;} #obtn .footer1{color:#7a7a7a; background: #eaeaea; margin-bottom: 1.48rem;} #obtn .footer1 .Copyright{font-size: 0.32rem; line-height: 0.533333rem; padding: 0.293333rem 0;color: #585858;} #obtn .footer1 .Copyright a{color:#585858;} } /*手机底部*/ #obtn .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:1.48rem; background:#01295c; z-index:60;} #obtn .pf_down li{ width:25%; float:left; text-align:center; border-right:1px solid #fff;border-top:1px solid #fff} #obtn .pf_down li:last-child{ border:none;border-top:1px solid #fff;} #obtn .pf_down li a{ float: left; width: 100%;padding:0.226666rem 0 0.133333rem 0;} #obtn .pf_down li a .ico7{ float:left; width:100%; height:0.533333rem; position: relative} #obtn .pf_down li a .ico7 img{position: absolute; left: 50%; margin-left:-0.266666rem; width:0.533333rem; height:0.533333rem} #obtn .pf_down li a .name{ width:100%; float:left; font-size:0.32rem; color:#fff; line-height: 0.586666rem;} #obtn .pf_down li.on a, #obtn .pf_down li a:hover{background:#293f5f;} /*右侧漂浮*/ #obtn .pf_right{ float:right; width:60px; position:fixed; right:7px; top:50%; margin-top:-75px; z-index:9; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} #obtn .pf_right ul{ float:left; width:100%; background:#fff; border-top:1px solid #e6e6e6;} #obtn .pf_right li{ float:left; width:100%; position:relative; height:52px; z-index:6; border:1px solid #e6e6e6; border-top:0;} #obtn .pf_right li:last-child{ border:0; background:#01295c; height:57px;} #obtn .pf_right li .ico{ float:left; width: 100%; height: 100%; line-height:0; text-align:center; position:relative; z-index:6; 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; } #obtn .pf_right li .ico i{float: left; width: 100%; height: 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #obtn .pf_right li .ico i:last-child{opacity: 0;} #obtn .pf_right .HotWeChat, #obtn .pf_right .Hotline{ float:left; position:absolute; top:-1px; right:-300px; background:#fff; background: rgba(255,255,255,0.8); padding: 0 28px; border-right: 1px solid #e6e6e6; color:#01295c; font-size:24px; white-space: nowrap; line-height:52px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; z-index:9; } #obtn .pf_right .HotWeChat{width:78px; height:78px; padding: 4px;} #obtn .pf_right .HotWeChat img{font-size: 0; line-height: 0;} #obtn .pf_right .HotWeChat:after, #obtn .pf_right .Hotline:after{position: absolute; content: ''; right: -7px; top:20px; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid rgba(255,255,255,0.8); border-bottom: 7px solid transparent; } #obtn .pf_right li:hover .HotWeChat, #obtn .pf_right li:hover .Hotline{right:70px;} #obtn .pf_right li:hover .ico i:last-child{opacity: 1;} #obtn .pf_right li:hover .ico i:first-child{opacity: 0; margin-top: -50px;} @media screen and (max-width:767px){ #obtn .pf_right{ width:0.8rem; right:0.093333rem; top:50%;} #obtn .pf_right li{ height:0.666666rem; } #obtn .pf_right li:last-child{height:0.76rem;} #obtn .pf_right .HotWeChat, #obtn .pf_right .Hotline{top:-1px; right:-4rem; padding: 0 0.306666rem 0 0.346666rem; border-right: 1px solid #e6e6e6; font-size:0.32rem; line-height:0.693333rem; } #obtn .pf_right .HotWeChat{width: 1.04rem; height: 1.04rem; padding: 0.066666rem;} #obtn .pf_right .HotWeChat:after, #obtn .pf_right .Hotline:after{ right: -0.093333rem; top:0.253333rem; width: 0; height: 0; border-top: 0.093333rem solid transparent; border-left: 0.093333rem solid rgba(255,255,255,0.8); border-bottom: 0.093333rem solid transparent; } #obtn .pf_right li:hover .HotWeChat, #obtn .pf_right li:hover .Hotline{right:0.933333rem;} #obtn .pf_right li:hover .ico i:last-child{opacity: 1;} #obtn .pf_right li:hover .ico i:first-child{opacity: 0; margin-top: -0.666666rem;} } /*banner*/ #obtn .iBanner{ float:left; width:100%; line-height:0; font-size:0;} @media screen and (max-width:1023px) { #obtn .iBanner{margin-top: 1.413333rem;} } /* 分页 */ #obtn .wack1{ float:left; width:100%; padding:60px 0 70px 0; text-align:center;} #obtn .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #obtn .wack1 .pz_fy a{ float:left; width:31px; height:31px; line-height:29px; border-radius:31px; -moz-border-radius:31px; -webkit-border-radius:31px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #obtn .wack1 .pz_fy a:hover, #obtn .wack1 .pz_fy a.on{color:#fff; border:#01295c 1px solid; background:#01295c;} #obtn .wack1 .pz_fy .l_fy, #obtn .wack1 .pz_fy .r_fy{ width:100px;} #obtn .wack1 .pz_fy .l_fy i, #obtn .wack1 .pz_fy .r_fy i{ display:block; width:16px; height:2px; background:#01295c; margin:14px auto; position:relative;} #obtn .wack1 .pz_fy .l_fy i:after, #obtn .wack1 .pz_fy .l_fy i:before, #obtn .wack1 .pz_fy .r_fy i:after, #obtn .wack1 .pz_fy .r_fy i:before{float:left; width:7px; height:2px; background:#01295c; content:''; position:relative;} #obtn .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:3px; left:-7px; } #obtn .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:-3px; left:0px; } #obtn .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #obtn .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #obtn .wack1 .pz_fy .l_fy:hover i, #obtn .wack1 .pz_fy .r_fy:hover i{ background:#fff;} #obtn .wack1 .pz_fy .l_fy:hover i:after, #obtn .wack1 .pz_fy .l_fy:hover i:before, #obtn .wack1 .pz_fy .r_fy:hover i:after, #obtn .wack1 .pz_fy .r_fy:hover i:before{ background:#fff;} @media screen and (max-width:1023px){ #obtn .wack1{padding:30px 0;} #obtn .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #obtn .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #01295c; background:#01295c; border-radius:16px; overflow:hidden;} #obtn .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } /*1品牌故事*/ #obtn .pageAboutOne{float: left; width: 100%;position: relative} #obtn .pageABg1{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0.06;filter:alpha(opacity=6); z-index: -1;} #obtn .pageADuravit{float: left; width: 100%; padding: 100px 0;} #obtn .pageADuravit .pageAtopEn{float: left; width: 100%;} #obtn .pageADuravit .pageAtopEn .lEn{float: left; color:#222222; font-size: 60px; line-height: 54px; letter-spacing:7px;} #obtn .pageADuravit .pageAtopEn .rMarks{float: right; width: 60px; height: 54px; position: relative;} #obtn .pageADuravit .pageAtopEn .rMarks span{position: absolute; right: 0; top:40px;font-size: 150px; font-weight: bolder; font-family: Arial; line-height: 54px; color:#333; opacity: 0.3;filter:alpha(opacity=30);} #obtn .pageADuravit .pageAText{float: left; width: 100%; padding: 52px 6.2% 0 11.6%;position: relative;} #obtn .pageADuravit .pageAText .h1{float: left; width: 100%; color:#333333; font-size: 30px; line-height: 45px;} #obtn .pageADuravit .pageAText .p1{float: left; width: 100%; margin-top: 24px; color:#555555; font-size: 16px; line-height: 30px;} #obtn .pageADuravit .pageAText .img2{float: left; width: 100%; font-size: 0; line-height: 0; margin-top: 34px; } #obtn .pageADuravit .pageABra{position:absolute; left: 0; bottom: 100px; background: #01295c; font-size: 60px; color:#fff; font-weight: bolder; font-family: Arial; line-height: 87px; padding: 0 32px;} @media screen and (max-width:1399px){ #obtn .pageADuravit .pageABra{font-size: 50px; line-height: 80px; padding: 0 30px;} } @media screen and (max-width:1199px){ #obtn .pageADuravit{padding: 70px 0;} #obtn .pageADuravit .pageAtopEn .lEn{font-size: 45px; line-height: 50px;} #obtn .pageADuravit .pageAtopEn .rMarks{height: 50px;} #obtn .pageADuravit .pageAtopEn .rMarks span{font-size: 120px; line-height: 50px; top:30px;} #obtn .pageADuravit .pageAText{padding-top: 40px;} #obtn .pageADuravit .pageAText .h1{font-size: 28px;} #obtn .pageADuravit .pageAText .img2{margin-top: 30px;} #obtn .pageADuravit .pageABra{font-size: 40px; line-height: 60px; padding: 0 20px; bottom: 80px;} } @media screen and (max-width:1023px){ #obtn .pageADuravit{padding:60px 0;} } @media screen and (max-width:767px){ #obtn .pageADuravit{padding:30px 0;} #obtn .pageADuravit .pageAtopEn .lEn{font-size:35px; line-height: 40px;letter-spacing:5px;} #obtn .pageADuravit .pageAtopEn .rMarks{height: 40px;} #obtn .pageADuravit .pageAtopEn .rMarks span{font-size:90px; line-height: 40px; top:20px; } #obtn .pageADuravit .pageAText{padding-top:18px;} #obtn .pageADuravit .pageAText .h1{font-size:24px;line-height: 35px;} #obtn .pageADuravit .pageAText .p1{font-size: 14px; margin-top: 15px; line-height: 24px;} #obtn .pageADuravit .pageAText .img2{margin-top: 20px;} #obtn .pageADuravit .pageABra{font-size: 25px; line-height: 35px; padding: 0 10px;bottom: 30px;} } /*commitment*/ #obtn .pageAboutTow{float: left; width: 100%; background: #01295c; position: relative; z-index: -1;} #obtn .pageABg2{position: absolute; width: 100%; height: 100%; left: 0; top:0; opacity: 0.05;filter:alpha(opacity=5); z-index: -1;} #obtn .pageAlImg{float: left; width: 46%; font-size: 0; line-height: 0;} #obtn .pageABox{position: absolute; left: 0; top:50%; width: 100%; margin-top: -271px;} #obtn .pageAWord{float: right; width: 47%; text-align: right; padding-right:7%; color:#fff; font-size: 16px; line-height: 30px;} #obtn .pageAWord .enTit{float: left; width: 100%;font-size: 48px; line-height: 58px; letter-spacing: 5px;} #obtn .pageAWord .bro1{float: left; width: 95%; height: 120px; border-right: 1px solid #fff; margin: 37px 0;} #obtn .pageAWord .cnTit{float: left; width: 100%; font-size: 30px; line-height: 40px;} #obtn .pageAWord .p2{float: left; width: 100%; margin-top: 40px; } @media screen and (max-width:1399px){ #obtn .pageABox{margin-top: -239px;} #obtn .pageAWord .bro1{ height: 80px; margin: 30px 0;} #obtn .pageAWord .p2{margin-top: 30px;} } @media screen and (max-width:1199px){ #obtn .pageABox{margin-top: -198px;} #obtn .pageAWord{width:52%;padding-right: 6%; font-size: 15px; line-height: 28px;} #obtn .pageAWord .enTit{font-size: 38px; line-height: 48px;} #obtn .pageAWord .bro1{ height:50px; margin: 25px 0;} #obtn .pageAWord .cnTit{font-size: 24px; line-height: 32px;} #obtn .pageAWord .p2{margin-top: 20px;} } @media screen and (max-width:1023px){ #obtn .pageAlImg{width: 100%;} #obtn .pageABox{top: auto; margin-top: 0; bottom: 0; background: #01295c; } #obtn .pageAWord{width: 100%; text-align: center; padding:30px 0;} #obtn .pageAWord .bro1{width: 100%; border:0; height: 40px; margin: 0; position: relative} #obtn .pageAWord .bro1:after{position: absolute; content: ''; width: 50px; height: 2px; left: 50%; margin-left: -25px; top:50%; margin-top: -1px; background: #fff;} #obtn .pageAWord .p2{line-height: 30px;} } @media screen and (max-width:767px){ #obtn .pageABox{position: static; background: none;} #obtn .pageAWord .enTit{font-size:28px; line-height: 40px;} #obtn .pageAWord .cnTit{font-size: 20px; line-height: 28px;} #obtn .pageAWord .bro1{height: 30px;} #obtn .pageAWord .bro1:after{width: 40px; margin-left: -20px; height: 1px;} #obtn .pageAWord .p2{font-size: 14px; line-height: 24px;} } #obtn .pageAboutSmart{float: left; width:79%; margin: 100px 0; position: relative; font-size: 0; line-height: 0;} #obtn .pageAboutSmart span{position: absolute; right:-133px; top:0; color:#333333; font-size:1.17333rem; font-family: Arial; font-weight: bolder; opacity: 0.1;filter:alpha(opacity=10);white-space:nowrap; writing-mode: vertical-lr; writing-mode: tb-lr; } @media screen and (max-width:1399px){ #obtn .pageAboutSmart{width: 83%;} #obtn .pageAboutSmart span{font-size:65px;right:-120px;} } @media screen and (max-width:1199px){ #obtn .pageAboutSmart{width: 83%;} #obtn .pageAboutSmart{margin: 70px 0;} #obtn .pageAboutSmart span{font-size:56px;right:-80px;} } @media screen and (max-width:1023px){ #obtn .pageAboutSmart{width: 85%;} #obtn .pageAboutSmart{margin: 60px 0;} #obtn .pageAboutSmart span{writing-mode:unset;writing-mode:unset; top:auto;bottom: 0px; right: -60px;font-size:70px;} } @media screen and (max-width:767px){ #obtn .pageAboutSmart{width: 88%; margin: 30px 0;} #obtn .pageAboutSmart span{font-size:40px;} #obtn .pageAboutSmart span{right: -30px;} } #obtn .pageAboutFour{float: left; width: 100%; position: relative;} #obtn .pageABg3{position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: -1; opacity: 0.1;filter:alpha(opacity=10);} #obtn .pageAFList{float: left; width: 100%; margin: 120px 0 110px 0;} #obtn .pageAFList ul{margin: 0 -15px;} #obtn .pageAFList .li1{float: left; width:33.33333%; padding: 0 15px; cursor: pointer;} #obtn .pageAFList .li1 .tImg{float: left; width: 100%; font-size: 0; line-height: 0; overflow: hidden;} #obtn .pageAFList .li1 .tImg img{ -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageAFList .li1 .h2{float: left; width: 100%; margin-top: 30px; color:#01295c; font-size: 28px; line-height:48px;} #obtn .pageAFList .li1 .p3{float: left; width: 100%; color:#666666; font-size: 16px; line-height: 30px;} #obtn .pageAFList .li1:hover .tImg img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } @media screen and (max-width:1199px){ #obtn .pageAFList{margin: 90px 0 80px 0;} #obtn .pageAFList .li1 .h2{margin-top: 15px;font-size: 24px;} } @media screen and (max-width:1023px){ #obtn .pageAFList{margin:70px 0 60px 0;} #obtn .pageAFList ul{margin: 0 -10px;} #obtn .pageAFList .li1{padding: 0 10px;} #obtn .pageAFList .li1 .h2{font-size: 20px; line-height: 35px;} #obtn .pageAFList .li1 .p3{font-size: 14px; line-height: 24px;} } @media screen and (max-width:767px){ #obtn .pageAFList{margin:15px 0 30px 0;} #obtn .pageAFList ul{margin: 0;} #obtn .pageAFList .li1{padding: 0; margin-top: 15px; width: 100%;} #obtn .pageAFList .li1 .h2{margin-top:10px;} } /*2匠心产品*/ #obtn .pageProList{float: left; width: 100%; margin-top:105px;} #obtn .pageProList ul{margin: 0 -15px; display:flex; flex-wrap: wrap; align-items: flex-start;} #obtn .pageProList li{float: left; width: 25%; padding: 0 15px; margin-top: 45px;} #obtn .pageProList li a{float: left; width: 100%; border:1px solid #f3f4f5;position: relative} #obtn .pageProList li a .tImg{float: left; width: 100%; font-size: 0; line-height: 0; overflow: hidden;} #obtn .pageProList li a .tImg img{ width: 100%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageProList li a:hover img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } #obtn .pageProList li a .dText{float: left; width: 100%; background: #f3f4f5; text-align: center; color:#888888; font-size: 14px; line-height: 24px; padding: 24px 10px;} #obtn .pageProList li a .dText h3{float: left; width: 100%; color:#333333; font-size: 18px; line-height: 28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .pageProList li a .dText span{float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .pageProList li a .maskBox{position: absolute; left: 0; bottom: 0; width: 100%; height:0;overflow:hidden; background:#000; background: rgba(0,0,0,0.3); padding: 0 10px 0 10px; text-align: center; display: block; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageProList li a:hover .maskBox{ height:100%;padding: 120px 10px 0 10px; } #obtn .pageProList li a .maskBox h3{float: left; width: 100%; color:#fff; font-size: 18px; line-height:35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .pageProList li a .maskBox span{float: left; width: 100%;color:#fff; font-size:14px; line-height: 34px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .pageProList li a .maskBox .morePro{float: left; width: 100%; display: block; margin-top: 30px;} #obtn .pageProList li a .maskBox .morePro em{display: inline-block; width: 181px; height: 52px; border:1px solid #fff; padding: 0 20px; color:#fff; font-size: 14px; line-height: 52px; text-align: left; position: relative} #obtn .pageProList li a .maskBox .morePro em:after{position:absolute; content: ''; width:15px; height: 1px; background: #fff; right: 20px; top:50%; } #obtn .pageProList li a .maskBox .morePro em:before{position:absolute; content: ''; width: 0; height: 0; right: 20px; top:50%; margin-top: -3px; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid #fff; } @media screen and (max-width:1199px){ #obtn .pageProList{margin-top: 38px;} #obtn .pageProList li a .dText{padding: 18px 10px;} #obtn .pageProList li a .dText h3{font-size: 16px;} #obtn .pageProList li a .maskBox h3{font-size: 16px;} #obtn .pageProList li a:hover .maskBox{ padding: 70px 10px 0 10px; } } @media screen and (max-width:1023px){ #obtn .pageProList{margin-top:10px;} #obtn .pageProList li{width: 50%; margin-top: 30px;} } @media screen and (max-width:767px){ #obtn .pageProList ul{margin: 0 -10px;} #obtn .pageProList li{padding: 0 10px; margin-top: 20px;} /*#obtn .pageProList li:nth-child(11), #obtn .pageProList li:nth-child(12), #obtn .pageProList li:nth-child(13), #obtn .pageProList li:nth-child(14), #obtn .pageProList li:nth-child(15), #obtn .pageProList li:nth-child(16){display: none;}*/ #obtn .pageProList li a .dText{padding: 13px 10px;} #obtn .pageProList li a .maskBox .morePro em{width: 100%; height: 42px; line-height: 40px;} #obtn .pageProList li a:hover .maskBox{ padding: 50px 10px 0 10px; } } /*3匠心产品详情*/ #obtn .pageProInfo{float: left; width: 100%; margin: 34px 0 60px 0;} #obtn .proTop{float: left; width: 100%;} #obtn .proTop .proLImg{float: left; width: 50%; padding-right: 50px;} #obtn .proTop .proLImg .img{float: left; width: 100%; font-size: 0; line-height: 0;} #obtn .proTop .proLImg .slick-dots{padding-right: 50px;bottom: -40px;} #obtn .proTop .proLImg .slick-dots li{width: 16px; height: 16px; background: #cccccc; margin: 0 10px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; } #obtn .proTop .proLImg .slick-dots li.slick-active{ background: #01295c;} #obtn .proTop .proRText{float: right; width: 40%; padding: 90px 0 0 0;} #obtn .proTop .proRText h1{float: left; width: 100%; color:#333333; font-size:36px;line-height: 45px;} #obtn .proTop .proRText .p5{float: left; width: 100%; margin: 23px 0 12px 0; min-height: 48px; font-size: 18px; color:#888888; line-height: 24px;} #obtn .proTop .proRText .sizeAtt{float: left; width: 100%; border-left: 1px solid #e0e0e0; padding-left: 10%; padding-bottom: 15px;} #obtn .proTop .proRText .sizeAtt .li3{float: left; width: 100%; color:#222222; font-size: 16px; line-height: 30px; padding: 13px 0;} #obtn .proTop .proRText .sizeAtt .li3 span{color:#888888;} #obtn .proTop .proRText .sizeAtt .download{float: left; width: 149px; height: 39px; background: #01295c; text-align: center; line-height:39px; font-size: 16px; color:#ffffff; margin-top: 16px;} #obtn .proTop .proRText .sizeAtt .download.tianmao{width:auto; margin-left:15px;} @media screen and (max-width:1399px){ #obtn .proTop .proRText{padding:50px 0 0 0;} } @media screen and (max-width:1199px){ #obtn .proTop .proLImg{padding-right: 0;} #obtn .proTop .proLImg .slick-dots{padding-right: 0} #obtn .proTop .proRText h1{font-size: 28px; line-height: 35px;} #obtn .proTop .proRText .p5{font-size: 16px;margin:18px 0 12px 0;} #obtn .proTop .proRText .sizeAtt .li3{font-size: 15px; line-height: 28px; padding:10px 0; } } @media screen and (max-width:1023px){ #obtn .proTop .proLImg{width: 100%; border:1px solid #e0e0e0} #obtn .proTop .proLImg .slick-dots{bottom: 20px;} #obtn .proTop .proRText{width: 100%; padding: 30px 0 0 0;} } @media screen and (max-width:767px){ #obtn .proTop .proRText h1{font-size: 24px; line-height: 32px;} } #obtn .proDown{float: left; width: 100%; margin-top: 80px; border-top:1px solid #e7e7e7; padding: 40px 0 0 0;} #obtn .proDown .h1{float: left; width: 100%; color:#333333; font-size: 36px; line-height: 70px;} #obtn .proDown .proWord{float: left; width: 100%; padding-left: 190px;position: relative} #obtn .proDown .proWord .span{position: absolute; left: 0; top:50px; font-size: 30px; color:#666666; line-height: 30px;} #obtn .proDown .p6{float: left; width: 100%; border-bottom: 1px solid #e7e7e7; padding: 50px 0 40px 0;color:#666666; font-size: 16px; line-height: 30px;} #obtn .proDown .proFy{float: left; width: 100%; text-align: right; display: block; padding: 22px 0;} #obtn .proDown .proFy a{display: inline-block; margin-left:30px;color:#333333; font-size: 14px; line-height: 30px;max-width: 40%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .proDown .proFy a:hover{color:#01295c;} @media screen and (max-width:1199px){ #obtn .proDown{margin-top: 60px;padding:30px 0 0 0;} #obtn .proDown .h1{font-size: 32px; line-height:60px;} #obtn .proDown .p6{padding:40px 0 30px 0;} #obtn .proDown .proWord .span{font-size: 24px; top:40px;} } @media screen and (max-width:1023px){ #obtn .proDown {margin-top:40px;padding:20px 0 0 0;} #obtn .proDown .h1{font-size: 26px; line-height: 50px;} #obtn .proDown .proWord{padding-left: 0;} #obtn .proDown .proWord .span{position: static; float: left; width: 100%; top:0; margin-top: 20px;font-size: 20px;} #obtn .proDown .p6{padding:15px 0 20px 0; font-size: 14px; line-height: 26px;} #obtn .proDown .proFy{padding: 15px 0;} } @media screen and (max-width:767px){ #obtn .proDown {margin-top:30px;} } #obtn .proRecom{float:left; width: 100%;} #obtn .proRecom .h11{float: left; width: 100%; color:#666666; font-size: 30px; line-height: 70px;} #obtn .proRecom .pageProList{margin-top:0;} #obtn .proRecom .pageProList li{margin-top: 28px; width: 33.333%;} @media screen and (max-width:1199px){ #obtn .pageProInfo{margin-bottom:40px;} #obtn .proRecom .h11{ font-size:26px; line-height: 60px;} } @media screen and (max-width:1023px){ #obtn .pageProInfo{margin-bottom:30px;} #obtn .proRecom .h11{ font-size:22px; line-height: 40px;} #obtn .proRecom .pageProList li{margin-top: 20px;} } @media screen and (max-width:767px){ #obtn .pageProInfo{margin: 30px 0 10px 0;} #obtn .proRecom .pageProList li{width:100%;margin-top: 20px;} } /*4工程案例*/ #obtn .pageCaseList{float:left; width: 100%; margin: 80px 0 0 0;} #obtn .pageCaseList ul{margin: 0 -70px;} #obtn .pageCaseList .li2{float: left; width:50%; margin-top:20px; padding: 0 70px;} #obtn .pageCaseList .li2:nth-child(2n){margin-top:80px;} #obtn .pageCaseList .li2 a{float: left; width: 100%; padding-bottom: 43px; position: relative;} #obtn .pageCaseList .li2 .tImg{float: left; width: 100%; font-size: 0; line-height: 0; overflow: hidden;} #obtn .pageCaseList .li2 .tImg img{ -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageCaseList .li2 a:hover .tImg img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } #obtn .pageCaseList .li2 .dText{position: absolute; left: 0; bottom:0; width: 100%; padding: 0 30px;} #obtn .pageCaseList .li2 .wordBox{float: left; width: 100%; background:#f9f9f9; padding:20px 50px 3px 50px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageCaseList .li2 a:hover .wordBox{ background: #142243; background:rgba(20,34,67,0.9); } #obtn .pageCaseList .li2 .wordBox h2{float: left; width: 100%; color:#333333; font-size: 20px; line-height: 40px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageCaseList .li2 a:hover .wordBox h2{color:#fff;} #obtn .pageCaseList .li2 .wordBox .p4{float:left; width: 100%; color:#888888; font-size: 14px; line-height: 24px; height: 24px; margin: 3px 0 25px 0; overflow: hidden; -webkit-line-clamp:1; -webkit-box-orient: vertical; display: -webkit-box; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageCaseList .li2 a:hover .wordBox .p4{ color:#fff;height: 96px; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -webkit-box; } #obtn .pageCaseList .li2 .pCMore{float: left; width: 100%; line-height: 70px; border-top:3px solid #142243; color:#888888; font-size: 14px;} #obtn .pageCaseList .li2 a:hover .pCMore{ color:#fff; border-top:3px solid #fff;border-top:3px solid rgba(255,255,255,0.3); } #obtn .pageCaseList .li2 .pCMore em{ float: right; width:16px; height:2px; background:#979797; position:relative; margin: 35px auto;} #obtn .pageCaseList .li2 .pCMore em:after, #obtn .pageCaseList .li2 .pCMore em:before{float:left; width:7px; height:2px; background:#979797; content:''; position:relative;} #obtn .pageCaseList .li2 .pCMore em:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:3px; right:-2px; } #obtn .pageCaseList .li2 .pCMore em:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-3px; right:-9px;} #obtn .pageCaseList .li2 a:hover .pCMore em{ background:#fff;} #obtn .pageCaseList .li2 a:hover .pCMore em:after, #obtn .pageCaseList .li2 a:hover .pCMore em:before{ background:#fff;} @media screen and (max-width:1399px){ #obtn .pageCaseList{margin:70px 0 0 0;} #obtn .pageCaseList ul{margin: 0 -50px;} #obtn .pageCaseList .li2{ margin-top:20px; padding: 0 50px;} } @media screen and (max-width:1199px){ #obtn .pageCaseList{margin:50px 0 0 0;} #obtn .pageCaseList ul{margin: 0 -40px;} #obtn .pageCaseList .li2{ margin-top:20px; padding: 0 40px;} #obtn .pageCaseList .li2:nth-child(2n){margin-top: 50px;} #obtn .pageCaseList .li2 .wordBox{padding: 20px 30px 3px 30px;} } @media screen and (max-width:1023px){ #obtn .pageCaseList{margin:30px 0 0 0;} #obtn .pageCaseList ul{margin: 0 -20px;} #obtn .pageCaseList .li2{ margin-top:20px; padding: 0 20px;} #obtn .pageCaseList .li2 .dText{ padding: 0 20px;} #obtn .pageCaseList .li2 .wordBox h2{font-size: 18px;} } @media screen and (max-width:767px){ #obtn .pageCaseList{margin: 10px 0 0 0;} #obtn .pageCaseList .li2{width: 100%; margin-top:20px; padding: 0 20px;} #obtn .pageCaseList .li2:nth-child(2n){margin-top: 20px;} #obtn .pageCaseList .li2:nth-child(4), #obtn .pageCaseList .li2:nth-child(5), #obtn .pageCaseList .li2:nth-child(6){display: none;} #obtn .pageCaseList .li2 .wordBox{padding:15px 20px 3px 20px;} #obtn .pageCaseList .li2 .wordBox .p4{margin: 3px 0 15px 0;} #obtn .pageCaseList .li2 .pCMore{line-height: 60px;} #obtn .pageCaseList .li2 .pCMore em{margin: 30px auto;} } /*5工程案例详情*/ #obtn .pageCaseInfo{ float:left; width:100%; margin:100px 0 0 0; overflow:hidden;} #obtn .pageCaseInfo .slick-slide .img{ float:left; width:100%; z-index:22;} #obtn .pageCaseInfo .slick-slide .img span{ float:left; width:100%; line-height:0; position:relative;background:#fff; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1); margin:12% 0;} #obtn .pageCaseInfo .slick-slide .img span img{opacity:0.1; filter:alpha(opacity=10);} #obtn .pageCaseInfo .slick-slide .img a{ display:none; float:left; width:100%; color:#919191; font-size:14px; line-height:24px; margin-top:12px; text-align:center;} #obtn .pageCaseInfo .slick-current .img span{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5);transform: scale(1.5); position:relative; z-index:33;} #obtn .pageCaseInfo .slick-current .img span img{opacity:1; filter:alpha(opacity=100);} #obtn .pageCaseInfo .slick-current .img a{ display:block;} #obtn .pageCaseInfo .slick-prev, #obtn .pageCaseInfo .slick-next{ width:35px; height:65px; background:url(/Theme/cn/images/case6.png) center no-repeat; background-size:100% 100%; left:14%;} #obtn .pageCaseInfo .slick-next{ left:auto; right:14%; background:url(/Theme/cn/images/case7.png) center no-repeat; background-size:100% 100%;} #obtn .pageCaseText{float: left; width: 100%; color:#4c4c4c; font-size: 16px; line-height: 30px; margin:50px 0 32px 0;} #obtn .caseWords{float: left; width: 100%;} #obtn .sy_fy{ float:left; width:100%; margin-top:30px; padding:15px 0; border-top:1px solid #dbdbdb;} #obtn .sy_fy a{ float:left; width:48%; color:#333333; font-size:14px; line-height:30px;} #obtn .sy_fy a.r_fy{ float:right; text-align:right;} #obtn .sy_fy a:hover{ color:#01295c;} @media screen and (max-width:1199px){ #obtn .pageCaseInfo{margin: 70px 0 0 0;} } @media screen and (max-width:1023px){ #obtn .pageCaseInfo{ margin:35px 0 0 0;} #obtn .pageCaseInfo .slick-prev, #obtn .pageCaseInfo .slick-next{ width:18px; height:34px;} #obtn .pageCaseText{margin:30px 0 10px 0;} #obtn .sy_fy{ margin-top:20px; padding:15px 0 15px 0;} } @media screen and (max-width:767px){ #obtn .pageCaseInfo{ margin:30px 0 0 0;} #obtn .pageCaseText{font-size: 15px; line-height: 26px;} #obtn .pageCaseText{margin:20px 0 10px 0;} } /*6全球展厅*/ #obtn .pageHallList{float: left; width: 100%;} #obtn .pageHallList ul{float: left; width: 100%;} #obtn .pageHallList li{float: left; width: 100%; margin-top: 80px;} #obtn .pageHallList li a{float: left; width: 100%; position: relative; padding-bottom: 80px;} #obtn .pageHallList li a .pageHBg1{position: absolute; right: 0; bottom: 0; width: 94.5%; height: 500px; background: #f8f8f8; z-index: -1; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageHallList li:nth-child(2n) a .pageHBg1{right: auto; left: 0;} #obtn .pageHallList li a:hover .pageHBg1{ background: #fff; box-shadow: 0 0 20px rgba(182,0,5,0.06); -moz-box-shadow: 0 0 20px rgba(182,0,5,0.06); -webkit-box-shadow: 0 0 20px rgba(182,0,5,0.06); -o-box-shadow: 0 0 20px rgba(182,0,5,0.06); -ms-box-shadow: 0 0 20px rgba(182,0,5,0.06); } #obtn .pageHallList li a:after{position: absolute; content:''; width: 4px; height: 24px; background: #01295c; right:4.8%; top:75px;z-index: 1;} #obtn .pageHallList li:nth-child(2n) a:after{right: auto; left:4.8%;} #obtn .pageHallList li .lImg{float: left; width:50%; padding-right: 50px; font-size: 0; line-height: 0; overflow: hidden; } #obtn .pageHallList li:nth-child(2n) .lImg{float: right;padding:0 0 0 50px;} #obtn .pageHallList li .lImg img{ -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageHallList li .rText{float: left; width: 50%; text-align: right;padding: 0 4.2% 0 0; } #obtn .pageHallList li:nth-child(2n) .rText{padding: 0 0 0 4.2%; text-align: left;} #obtn .pageHallList li a h1{float: left; width: 100%; color:#01295c; font-size: 36px; line-height: 58px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #obtn .pageHallList li .pHText{float: left; width: 100%; font-size: 16px; line-height: 36px; color:#666666; margin: 110px 0 70px 0; height: 216px; overflow: hidden; -webkit-line-clamp:6; -webkit-box-orient: vertical; display: -webkit-box; } #obtn .pageHallList li .pHMore{float: right; width: 176px; height: 46px; background: #474747; text-align: center; color:#fff; font-size: 14px; line-height: 46px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #obtn .pageHallList li a:hover .pHMore{background: #01295c;} #obtn .pageHallList li:nth-child(2n) .pHMore{float: left;} #obtn .pageHallList li a:hover .lImg img{ transform: scale(1.09,1.09); -ms-transform: scale(1.09,1.09); -webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09); } @media screen and (max-width:1399px){ #obtn .pageHallList li .pHText{margin: 80px 0 50px 0; height: 180px; overflow: hidden; -webkit-line-clamp:5; -webkit-box-orient: vertical; display: -webkit-box; } #obtn .pageHallList li a .pageHBg1{height: 410px;} } @media screen and (max-width:1199px){ #obtn .pageHallList li a{padding-bottom: 60px;} #obtn .pageHallList li{margin-top: 60px;} #obtn .pageHallList li a h1{font-size: 32px; line-height: 50px;} #obtn .pageHallList li .pHText{margin: 50px 0 35px 0; height: 144px; overflow: hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -webkit-box; } #obtn .pageHallList li a:after{top:65px;} #obtn .pageHallList li a .pageHBg1{height: 320px;} } @media screen and (max-width:1023px){ #obtn .pageHallList li{margin-top: 40px;} #obtn .pageHallList li a h1{font-size: 28px;line-height: 40px;} #obtn .pageHallList li .pHText{font-size: 15px; line-height: 26px; height: 78px;margin: 60px 0 25px 0; overflow: hidden; -webkit-line-clamp:3; -webkit-box-orient: vertical; display: -webkit-box; } #obtn .pageHallList li .pHMore{width: 160px; height: 40px; line-height: 40px;} #obtn .pageHallList li a:after{top:55px;} #obtn .pageHallList li a{padding-bottom: 40px;} #obtn .pageHallList li a .pageHBg1{height: 225px;} } @media screen and (max-width:767px){ #obtn .pageHallList li{margin-top: 20px;} #obtn .pageHallList li:nth-child(2n) .lImg, #obtn .pageHallList li .lImg{float: left; width: 100%;padding:0;} #obtn .pageHallList li:nth-child(2n) .rText, #obtn .pageHallList li .rText{width: 100%; padding: 15px; text-align: left;position: relative;} #obtn .pageHallList li a .rText:after{position: absolute; content:''; width:30px; height: 2px; background: #01295c; left:15px; top:65px;} #obtn .pageHallList li a{background: #f8f8f8; padding-bottom: 10px;} #obtn .pageHallList li a h1{font-size: 22px; position: relative} #obtn .pageHallList li a .pageHBg1{height: auto;} #obtn .pageHallList li a:after{display: none;} #obtn .pageHallList li .pHText{margin:20px 0;} #obtn .pageHallList li .pHMore{float: left;} } /*7新闻资讯*/ /*news*/ #obtn .news{ width:100%; float:left; margin-top:68px;} #obtn .news ul{ width:100%; float:left;} #obtn .news ul li{ width:100%; float:left; padding:32px 0; border-bottom:solid 1px #e5e5e5;} #obtn .news ul li .img{ float:right; width:326px; height:224px; overflow:hidden; position:relative;} #obtn .news ul li .img img{ width:100%; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;} #obtn .news ul li:hover .img img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #obtn .news ul li .text{ float:left; width:1000px;} #obtn .news ul li .text .title{ width:100%; float:left; padding-left:90px; position:relative; font-size:24px; color:#333; line-height:53px;} #obtn .news ul li .text .title .time{ position:absolute; left:0; top:0; width:74px;} #obtn .news ul li .text .title .time:before{ content:''; width:1px; height:44px; background:#ccc; top:50%; margin-top:-22px; position:absolute; right:0;} #obtn .news ul li .text .title .time h4{ font-size:16px; color:#333; line-height:32px;} #obtn .news ul li .text .title .time h4 span{ font-size:30px; font-family:Arial; margin-right:10px;} #obtn .news ul li .text .title .time h6{ font-size:16px; color:#333; line-height:18px;font-family: 'OPENSANS-REGULAR';} #obtn .news ul li .text .jj{ width:100%; float:left; margin-top:26px; position:relative; font-size:16px; color:#666; line-height:32px; height:64px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} #obtn .news ul li .text .detail{ width:144px; height:44px; line-height:42px; text-align:center; font-size:16px; color:#666; background:#fff; border:solid 1px #e1e1e1; float:left; margin-top:32px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } #obtn .news ul li:hover .text .detail{ background:#01295c; border-color:#01295c; color:white;} #obtn .news ul li:hover .text .title{ color:#01295c;} @media screen and (max-width: 1399px){ #obtn .news{ margin-top:48px;} #obtn .news ul li .text{ width:800px;} } @media screen and (max-width: 1199px){ #obtn .news ul li .text{ width:600px;} } @media screen and (max-width: 1023px){ #obtn .news{ margin-top:30px;} #obtn .news ul li{ padding:25px 0;} #obtn .news ul li .text{ width:460px;} #obtn .news ul li .text .title{ margin-top:10px; padding-left:70px; font-size:18px; line-height:43px;} #obtn .news ul li .text .title .time{ width:64px;} #obtn .news ul li .text .title .time:before{ height:22px; margin-top:-11px;} #obtn .news ul li .text .title .time h4{ font-size:14px; line-height:26px;} #obtn .news ul li .text .title .time h4 span{ font-size:20px; margin-right:6px;} #obtn .news ul li .text .title .time h6{ font-size:14px; line-height:16px;} #obtn .news ul li .text .jj{ margin-top:14px; font-size:14px; line-height:26px; height:52px;} #obtn .news ul li .text .detail{ width:100px; height:34px; line-height:32px; font-size:14px; margin-top:15px;} #obtn .news ul li .img{ width:250px; height:171px;} } @media screen and (max-width: 767px){ #obtn .news{ margin-top:20px;} #obtn .news ul{ margin-top:0px;} #obtn .news ul li{ padding:18px 10px;} /*#obtn .news ul li:nth-child(4), #obtn .news ul li:nth-child(5), #obtn .news ul li:nth-child(6), #obtn .news ul li:nth-child(7){display: none}*/ #obtn .news ul li .text{ width:100%; margin-top:10px;} #obtn .news ul li .img{ width:100%; height:auto;} #obtn .news ul li .text .title{ margin-top:4px;} } /*8新闻资讯详情*/ #obtn .news_det{ float:left; width:100%; margin:80px 0 76px 0;} #obtn .news_det .l1{ float:left; width:100%; text-align:center; color:#444444; font-size:28px; line-height:38px;} #obtn .news_det .l2{ float:left; width:100%; margin-top:32px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:9px 0;} #obtn .news_det .l2 p{ float:left; color:#888888; font-size:14px; line-height:34px;} #obtn .news_det .l2 .but1{ float:right; color:#777777; font-size:14px; line-height:34px; padding-right:49px;background:url('../_im_g/news_but.png') right center no-repeat;} #obtn .news_det .l2 .but1:hover{ color:#01295c;} #obtn .news_det .l3{ float:left; width:100%; color:#4a4a4a; font-size:16px; line-height:36px; padding:35px 0 40px 0;} #obtn .news_det .l3 p{text-indent:50px;} #obtn .news_det .sy_fy1{ float:left; width:100%; margin-top:30px; padding:28px 0 39px 0; border-top:1px solid #d7d8d8;} #obtn .news_det .sy_fy1 a{ float:left; width:48%; color:#666666; font-size:16px; line-height:26px;} #obtn .news_det .sy_fy1 a.r_fy{ float:right; text-align:right;} #obtn .news_det .sy_fy1 a:hover{ color:#01295c;} #obtn .main_2{ width:100%; float:left;} #obtn .main_2 .title{ width:100%; float:left; font-size:21px; color:#01295c; line-height:28px;} #obtn .main_2 ul{ width:100%; float:left; margin-top:20px;} #obtn .main_2 ul li{ width:46%; float:left; border-bottom:solid 1px #d7d8d8;} #obtn .main_2 ul li:nth-child(2n){ float:right;} #obtn .main_2 ul li a{ float:left; width:100%; position:relative; padding-right:90px;} #obtn .main_2 ul li h5{ float:left; width:100%; font-size:16px; color:#333333; line-height:49px;} #obtn .main_2 ul li .time{ float:left; font-size:14px; line-height:49px; color:#777777; position:absolute; right:0; top:0;} #obtn .main_2 ul li.lc1{ float:right;} #obtn .main_2 ul li:hover h5{ color:#01295c;} #obtn .main_2 ul li:hover .time{ color:#01295c;} #obtn .bdshar2{ float:left; width:100%; text-align:center; height:36px;} #obtn .bdshar_2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #obtn .bdshar_2 a, #obtn .bdshar_2 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;} .bd_weixin_popup{ box-sizing:content-box;} @media screen and (max-width:1199px){ #obtn .news_det{margin:60px 0 76px 0;} } @media screen and (max-width:1023px){ #obtn .news_det{ margin:30px 0 40px 0;} #obtn .news_det .l1{ font-size:18px; line-height:28px; } #obtn .news_det .l2{ padding:6px 0; font-size:12px; line-height:22px; margin-top:15px;} #obtn .news_det .l3{ font-size:14px; line-height:28px; padding:15px 0 20px 0;} #obtn .news_det .sy_fy1{ margin-top:20px; padding:15px 0 15px 0;} #obtn .news_det .sy_fy1 a{ font-size:15px; line-height:26px;} #obtn .main_2 ul{ margin-top:8px;} #obtn .main_2 ul li h5{ font-size:14px; line-height:36px;} #obtn .main_2 ul li .time{ font-size:13px; line-height:36px;} } @media screen and (max-width:767px){ #obtn .news_det .l2 p{ width:100%; line-height:16px; font-size:12px; margin-top:5px;} #obtn .news_det .l2 .but1{ float:left; background-size:25px 25px; padding-right:32px; font-size:12px;} #obtn .main_2 ul li{ width:100%;} #obtn .main_2 .title{font-size: 18px;} #obtn .bdshar_2 a, #obtn .bdshar_2 .bds_more{ margin:0 4px !important;} } /*9联系我们*/ #obtn .ContUs{ float:left; width:100%; margin:90px 0 40px 0; padding:0 1.5%;} #obtn .ContUs li{ float:left; width:33.33%; padding:0 4%; text-align:center; margin-top:15px;} #obtn .ContUs .img{ float:left; width:100%; line-height:0; display: block; text-align:center;} #obtn .ContUs .block1{display: inline-block; width: 140px; height: 140px; background: #01295c;border:4px solid #e3e4e5; padding: 24px 0 18px 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; } #obtn .ContUs .img img{ display:block; margin:0 auto; width:60px; height:50px;} #obtn .ContUs .img:hover img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #obtn .ContUs .title{ float:left; width:100%; color:#fff; font-size:18px; line-height:40px;} #obtn .ContUs .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; margin-top: 30px; border-top:1px dotted #b2b2b2; padding: 24px 0 0 0;} #obtn .ContUs .info a{ color:#666666;} @media screen and (max-width:1399px ) { #obtn .ContUs{margin:70px 0 40px 0; padding:0;} } @media screen and (max-width:1199px ) { #obtn .ContUs .title{ font-size:16px;} } @media screen and (max-width:1023px ) { #obtn .ContUs{ margin:30px 0 30px 0;} #obtn .ContUs .info{margin-top: 15px;padding:15px 0 0 0;} #obtn .ContUs li{ padding:0; width:100%;} } #obtn .bdmap{ float:left; width:100%; height:530px; position:relative; top:0; z-index:6; margin-bottom: 90px;} #obtn .bdmap .bdmap img{ max-width:inherit !important} #obtn .bdmap .BMap_shadow img{ max-width:inherit !important;} #obtn .bdmap .BMap_pop div{background:none !important; border:none !important; box-shadow:none !important;} #obtn .bdmap .BMap_pop div:nth-child(8){ display:none;} #obtn .bdmap .BMap_pop div:nth-child(9){ left:0 !important; top:0 !important; margin:124px 0 0 340px;} #obtn .bdmap .BMap_pop .BMap_bubble_content{ float:left; width:520px !important; background:#fff !important;} #obtn .bdmap .BMap_pop .iw_poi_title{ color:#333333; font-size:18px !important; line-height:36px !important; background:url(../_im_g/ab23.png) left center no-repeat; padding-left:34px; font-weight:normal; margin-top:10px !important; margin-bottom:10px !important; margin-left:34px !important; margin-right:24px !important; display:flex;flex-direction: column;justify-content:center; height:120px; float:right; width:322px;} #obtn .bdmap .BMap_stdMpCtrl{ margin-bottom:40px;} #obtn .bdmap .BMap_shadow{ display:none;} #obtn .bdmap .BMap_pop img{ display:none;} #obtn .BMap_Marker{ float:left; width:108px !important; height:108px !important; background:#fff !important; background:rgba(255,255,255,0.4) !important; border-radius:50%; border:none !important; box-shadow:0 0 7px rgba(0,0,0,0.14); margin:-54px 0 0 -54px !important;} #obtn .BMap_Marker:after{ float:left; width:78px; height:78px; background:#fff; content:''; position:absolute; left:50%; top:50%; margin:-39px 0 0 -39px; border-radius:50%; z-index:1;} #obtn .BMap_Marker:before{ float:left; width:16px; height:16px; background:#01295c; border-radius:50%; z-index:6; content:'';position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; border-radius:50%;} #obtn .BMap_Marker img{ display:none !important;} #obtn .bdmap .BMap_pop .iw_poi_img{ float:left; width:140px; height:140px;} @media screen and (max-width:1469px){ #obtn .bdmap .BMap_pop div:nth-child(9){ margin:104px 0 0 255px;} #obtn .bdmap .BMap_pop .BMap_bubble_content{ width:365px !important; } #obtn .bdmap .BMap_pop .iw_poi_img{ width:100px; height:100px;} #obtn .bdmap .BMap_pop .iw_poi_title{ font-size:14px !important; line-height:24px !important; padding-left:20px; width:230px; margin-left:20px !important; margin-right:15px !important; height:80px;} #obtn .bdmap .BMap_stdMpCtrl{ top:auto !important; bottom:60px;} } @media screen and (max-width:1032px){ #obtn .bdmap{ height:440px; margin:0 0 30px 0;} #obtn .bdmap .BMap_pop .BMap_bubble_content{ width:320px !important; } #obtn .bdmap .BMap_pop div:nth-child(9){ margin:0px 0 0 0;} #obtn .bdmap .BMap_pop .iw_poi_title{ height:50px; width:160px; padding-left:20px; width:228px; margin-left:12px !important; margin-right:10px !important; line-height:22px !important; } #obtn .bdmap .BMap_pop .iw_poi_img{ width:70px; height:70px;} #obtn .BMap_Marker{ width:80px !important; height:80px !important; margin:-40px 0 0 -40px !important;} #obtn .BMap_Marker:after{ width:44px; height:44px; margin:-22px 0 0 -22px;} #obtn .BMap_Marker:before{ width:10px; height:10px; margin:-5px 0 0 -5px;} } /*二级导航-全球展厅*/ #obtn .slideBox{ float:left; width:100%; border-bottom:1px solid #f2f2f2;} #obtn .slideBox .pz_SideLayer{ float:right;} #obtn .slideBox .pz_SideLayer .l1{ float:left;} #obtn .slideBox .pz_SideLayer .l1 a{ float:left; height:100px; line-height:100px; color:#444444; font-size:16px; padding:0 15px; position:relative;} #obtn .slideBox .pz_SideLayer .l1 a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:-1px; background:#01295c;oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);} #obtn .slideBox .pz_SideLayer .l1.on a, #obtn .slideBox .pz_SideLayer .l1:hover a{ color:#01295c; font-weight: bolder;} #obtn .slideBox .pz_SideLayer .l1.on a:after, #obtn .slideBox .pz_SideLayer .l1:hover a:after{ width:100%;} #obtn .slideR{ float:left; color:#444444; font-size:14px; line-height:40px; padding-left:29px; margin:30px 0;} #obtn .slideR a{ color:#444444;} #obtn .slideR a.on, #obtn .slideR a:hover{ color:#01295c;} @media screen and (max-width:1199px){ #obtn .slideBox .pz_SideLayer .l1 a{ height:80px; line-height:80px;} #obtn .slideR{ margin:20px 0;} } @media screen and (max-width:991px){ #obtn .slideR{ display:none;} #obtn .slideBox .pz_SideLayer{float: left;} #obtn .slideBox .pz_SideLayer .l1 a{ height:46px; line-height:46px; font-size:14px; padding:0 10px; } } @media screen and (max-width:767px){ #obtn .slideBox{white-space:nowrap; height:46px;} #obtn .slideBox .container{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer{ overflow-x:scroll; white-space:nowrap;} #obtn .slideBox .pz_SideLayer .l1{ float:none; display:inline-block; white-space:nowrap;} } /*二级导航1*/ #obtn .slideBox1{float: left; width: 100%; border-bottom: 1px solid #e8e8e8; position: relative} #obtn .pz_SideLayer1{float: left; width: 100%;} #obtn .pz_SideLayer1 .l1{float: left;} #obtn .pz_SideLayer1 .l1 a{float: left; width: 100%; padding: 40px 5%; color:#333333; font-size: 24px;line-height: 40px; border-left: 1px solid #e8e8e8; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #obtn .pz_SideLayer1 .l1 a i{display: block; font-size: 18px;} #obtn .pz_SideLayer1 .l1.on a, #obtn .pz_SideLayer1 .l1 a:hover{color:#fff; background: #01295c;} #obtn .pz_SideLayer1 .l1 a span{float: left;} #obtn .pz_SideLayer1 .l1 a em{float: right; width: 80px; height: 80px;overflow: hidden; font-size: 0; line-height: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #obtn .pz_SideLayer1 .l1.on a em img:first-child, #obtn .pz_SideLayer1 .l1 a:hover em img:first-child{margin-top: -80px;} #obtn .pz_SideDown{position: absolute; left: 0; top:161px; width: 100%; background: #f8f8f8; height: 60px; padding: 0 60px; display:none;} #obtn .pz_SideDown .li5{float: left; padding: 0 60px;} #obtn .pz_SideDown .li5 .a{float:left; width: auto; color:#333333!important; font-size: 16px; line-height: 60px;padding: 0;background: #f8f8f8!important; border-left: 0;position: relative} #obtn .pz_SideDown .li5 .a:after{position: absolute; content: ''; width: 100%; bottom: 0; height:0; background: #01295c; left: 0;} #obtn .pz_SideDown .l1.on .li5 .a, #obtn .pz_SideDown .li5 .a.on, #obtn .pz_SideDown .li5 .a:hover{background: #f8f8f8!important;line-height: 60px; color:#01295c; font-weight: bolder!important;} #obtn .pz_SideDown .li5 .a.on:after, #obtn .pz_SideDown .li5 .a:hover:after{height: 3px;} #obtn .pz_SideLayer1 .l1.on .pz_SideDown{display: block;} @media screen and (max-width:1399px){ #obtn .pz_SideLayer1 .l1 a{font-size: 20px; line-height: 30px; padding: 30px 5%;} #obtn .pz_SideLayer1 .l1 a i{font-size: 16px;} #obtn .pz_SideLayer1 .l1 a em{width: 60px; height: 60px;} #obtn .pz_SideLayer1 .l1.on a em img:first-child, #obtn .pz_SideLayer1 .l1 a:hover em img:first-child{margin-top: -60px;} #obtn .pz_SideLayer1 .l1.active .pz_SideDown{top: 121px;} } @media screen and (max-width:1199px){ #obtn .pz_SideLayer1 .l1 a{font-size: 16px; line-height: 28px; padding: 25px 5%;} #obtn .pz_SideLayer1 .l1 a i{font-size: 14px;} #obtn .pz_SideLayer1 .l1 a em{width: 56px; height: 56px;} #obtn .pz_SideLayer1 .l1.on a em img:first-child, #obtn .pz_SideLayer1 .l1 a:hover em img:first-child{margin-top: -56px;} #obtn .pz_SideLayer1 .l1.active .pz_SideDown{top:107px;} } @media screen and (max-width:1032px){ #obtn .slideBox1{border-bottom:0;} #obtn .pz_SideLayer1{overflow-x: scroll;white-space: nowrap;} #obtn .pz_SideLayer1 .l1{float: none; display: inline-block;white-space: nowrap; width: 160px!important;} #obtn .pz_SideLayer1.case {overflow-x: auto;white-space: nowrap;} #obtn .pz_SideLayer1.case .l1{float: left; display: inline-block;white-space: nowrap; width:50%!important;border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; } #obtn .pz_SideLayer1.case .l1:nth-child(2n){border-right:0;} #obtn .pz_SideLayer1 .l1 a{padding:10px 20px; font-size: 14px; line-height: 24px;} #obtn .pz_SideLayer1 .l1 a em{display: none;} #obtn .pz_SideLayer1 .l1 a{border-left:0;} #obtn .pz_SideLayer1 .l1.active .pz_SideDown{top:75px; height: 40px; line-height: 40px; padding: 0 10px;overflow-x: scroll;white-space: nowrap;} #obtn .pz_SideDown .li5{padding: 0 10px;} #obtn .pz_SideDown .l1.on .li5 .a, #obtn .pz_SideDown .li5 .a.on, #obtn .pz_SideDown .li5 .a:hover{line-height: 40px;} #obtn .pz_SideDown .li5 .a{font-size: 14px; line-height: 40px;} } /*二级导航3*/ #obtn .pz_SideLayer2{float: right;margin: 30px 0;} #obtn .pz_SideLayer2 .l1{float: left; margin-left: 50px;} #obtn .pz_SideLayer2 .l1 a{color:#444444; font-size: 16px; line-height: 40px; padding-right: 10px; float:left; position: relative; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #obtn .pz_SideLayer2 .l1 a:after{position: absolute; content: ''; width: 100%; height:0; background: #01295c; left: 0; bottom: -30px; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #obtn .pz_SideLayer2 .l1 a i{float: left; width: 40px; height: 40px; overflow: hidden;font-size: 0; line-height: 0;} #obtn .pz_SideLayer2 .l1 a span{float: left; margin-left: 10px;} #obtn .pz_SideLayer2 .l1.on a, #obtn .pz_SideLayer2 .l1 a:hover{color:#01295c; font-weight: bolder;} #obtn .pz_SideLayer2 .l1.on a i img:first-child, #obtn .pz_SideLayer2 .l1 a:hover i img:first-child{margin-top: -40px} #obtn .pz_SideLayer2 .l1.on a:after, #obtn .pz_SideLayer2 .l1 a:hover:after{height: 2px;} #obtn .Level3{float: left; width: 100%; display: block; text-align: center; background: #fafafa; height: 60px;} #obtn .Level3 .liS{display: inline-block; margin: 0 35px;} #obtn .Level3 .liS a{float: left; color:#333333; line-height: 60px; font-size: 15px; position: relative;} #obtn .Level3 .liS a:after{position: absolute; content: ''; width:0;height:0; left: 50%; margin-left: -6px; bottom: 0; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #fafafa;} #obtn .Level3 .liS a.on, #obtn .Level3 .liS a:hover{color:#01295c; font-weight: bolder;} #obtn .Level3 .liS a.on:after, #obtn .Level3 .liS a:hover:after{ border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #01295c; } /*20220524start*/ @media screen and (max-width:1399px){ #obtn .pz_SideLayer2 .l1{margin-left: 20px;} } /*20220524end*/ @media screen and (max-width:1199px){ #obtn .pz_SideLayer2{margin: 20px 0;} #obtn .pz_SideLayer2 .l1{margin-left: 20px;} #obtn .pz_SideLayer2 .l1 a{font-size: 15px;} #obtn .pz_SideLayer2 .l1 a i{width: 30px; height: 30px; margin-top: 5px;} #obtn .pz_SideLayer2 .l1.on a i img:first-child, #obtn .pz_SideLayer2 .l1 a:hover i img:first-child{margin-top: -30px} #obtn .pz_SideLayer2 .l1 a:after {bottom: -20px;} #obtn .Level3{height: 50px;} #obtn .Level3 .liS a{font-size: 14px; line-height: 50px;} } @media screen and (max-width:1023px){ #obtn .pz_SideLayer2{width: 100%; margin:10px 0; text-align:center; display: block;} #obtn .pz_SideLayer2 .l1{margin: 0 10px; float:none; display: inline-block;} #obtn .pz_SideLayer2 .l1 a:after {bottom: -12px;} #obtn .Level3 .liS{margin: 0 7px;} #obtn .Level3 .container1{ overflow-x:scroll; white-space:nowrap;} } @media screen and (max-width:767px){ #obtn .slideBox.slideBox1{height: auto;} } /* @media screen and (max-width:1399px){} @media screen and (max-width:1199px){} @media screen and (max-width:1023px){} @media screen and (max-width:767px){} */ .slide_banner{ float:left; width:100%; position:relative; overflow:hidden;} .slide_banner .slick-slide{ float:left; width:100%; position:relative; z-index:3; line-height:0;} .slide_banner .slick-dots{ bottom:24px; display: flex; justify-content: center;} .slide_banner .slick-dots li{ display: flex; width:12px; height:12px; margin:0 6px; background:#fff; border-radius:50%; opacity:0.74;} .slide_banner .slick-dots li.slick-active{ opacity:1;} @media screen and (max-width:992px){ .slide_banner .slick-dots{ bottom:12px; } .slide_banner .slick-dots li{width:9px; height:9px; margin:0 5px;} } /**/ ._CASE{ float:left; width:100%; background:#f5f5f5; padding-top:132px; padding-bottom:137px;} ._News{ float:left; width:100%; position:relative; padding-top:125px; padding-bottom:155px;} ._NewsBg{ float:left; width:100%; height:100%; opacity:0.4; position:absolute; left:0; top:0; z-index:1;} ._Brand{ float:left; width:100%; padding-top:163px; padding-bottom:163px;} ._product{ float:left; width:100%; position:relative; padding-top:160px; padding-bottom:166px;} ._productBg{ float:left; width:100%; height:100%; opacity:0.1; position:absolute; left:0; top:0; z-index:1;} ._CASE .container1, ._News .container1, ._Brand .container1, ._product .container1{ position:relative; z-index:3;} .midd_i1{ float:left; width:100%; position:relative; z-index:3;} .ltt_gcal{ width:50%; float:left;} .ltt_gcal_img{ width:50%; float:left; height:256px; overflow:hidden;} .ltt_gcal_img img { width:100%;display:block; height:256px;} .ltt_gcal_wz{ width:50%; float:left; padding:22px 24px 28px 24px; box-sizing:border-box;} .ltt_gcal_wz_bt{ font-size:16px; line-height:26px; color:#000; height:26px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} .ltt_gcal_wz_nr{ font-size:14px; line-height:24px; color:#666; height:120px; margin:12px 0 20px 0; display: -webkit-box; overflow:hidden; -webkit-line-clamp:5; -webkit-box-orient: vertical; word-break: break-all;} .ltt_gcal:hover .ltt_gcal_wz_bt{ font-weight:bold;} .ltt_gcal:hover .midd_24{ background:#000; color:#fff; border:1px solid #000;} .midd_41{font-size:14px; color:#666; line-height:24px; } .midd_44{font-size:16px; color:#333; line-height:30px;} .midd_1{ float:left; width:calc(50% + 10px); height:505px; background:#005199; } .midd_2{ float:right; margin-right:20px; width:590px; } .midd_6{ font-size: 24px; line-height:34px; text-transform: uppercase; color: #FFF; } .midd_3{ font-size:44px; line-height:54px; color: #FFF; position:relative; padding-bottom:20px; margin-top:8px; } .midd_3:after{ float:left; width:38px; height:4px; content:''; position:absolute; left:0; bottom:0; background:#fff; opacity:0.4;} .midd_2 h6{ color:#fff; line-height:24px; text-indent:25px; margin-top:55px; margin-bottom:50px; height:144px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-break: break-all; overflow:hidden; } a.midd_19{ display:block; font-size:14px; color:#fff; width:120px; height:30px; border:1px solid #fff; text-align:center; line-height:30px; } .midd_4{ float:left; width:calc(50% - 10px); height:505px; } .midd_5{ background-image: url(../images/8.png); background-repeat: no-repeat; background-position: center center; background-size:cover; height: 683px; width: 100%; } .midd_7{ color:#333; } .midd_8{ color: #333; } .midd_8:after{ background:#999999; opacity:1;} .midd_9{ float:left; width:300px; height:400px; margin-top:60px; position:relative; } .midd_9 img{ display:block; width:100%; height:100%; } .midd_10{ margin:28px; width:calc(100% - 28px * 2); height:calc(100% - 28px * 2); position:absolute; top:0; display:none; border:3px solid #fff; } .midd_11{ background-color: rgba(0, 81, 153, 0.5); height:70px; margin:0 22px; margin-top:132px; padding-top:10px; } .midd_12{ font-size:18px; color:#fff; border:2px solid #fff; margin: 0 17px; height:56px; text-align:center; line-height:56px; overflow:hidden; padding:0 15px; text-overflow:ellipsis; white-space:nowrap; } .midd_15{ float:left; width:100%; position:relative; z-index:3; background:#fff; margin-top:60px; } .midd_17{ float:left; width:970px; height:390px; } .midd_18{ float:left; width:280px; padding:0 20px; } .midd_18 h5{ color:#333; margin-top:25px; margin-bottom:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .midd_18 h6{ color:#666; line-height:24px; text-indent:30px; height:192px; width:100%; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; word-break: break-all; margin-bottom:23px; overflow:hidden; } a.midd_20{ color:#666; border-color:#333; } img.midd_21{ width:650px; height:390px; float:right; display:block; } .midd_16{ float:right; width:230px; } .midd_16 li{ height:130px; padding-right:20px; text-align:right; font-size:18px; line-height:130px; float:right; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .midd_13{ color:#fff; background:#005199; width:250px; } .midd_14{ color:#333; border-bottom:1px solid #e6e6e6; width:210px; } .midd_22{ background-image: url(../images/15.png); background-repeat: no-repeat; background-position: center center; background-size:cover; height: 556px; width: 100%; } .midd_23{ padding:26px 24px 41px 24px; float:left; width:calc(100% / 3); background:#fff; margin-top:60px;border-right:1px solid #e6e6e6; } .midd_23:last-child{border-right:none;} .midd_23:hover{ background:#f6f6f6; } .midd_23 h5{ font-size:16px; color:#01295c; line-height:26px; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .midd_23:hover h5{ font-weight:bold; } .midd_23 h6{ color:#555555; font-size:14px; line-height:24px; height:96px; overflow:hidden; display: -webkit-box; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-break: break-all; margin:26px 0 35px 0; } .midd_24{ color:#666; display:block; width:100px; height:28px; font-size:14px; border:1px solid #cccccc; text-align:center; line-height:26px; } .midd_23:hover .midd_24{ color:#fff; border:1px solid #000; background:#000; } ._News .container1 .midd_3.midd_30{margin-bottom:50px;} @media screen and (min-width:300px) and (max-width:800px){ ._CASE{ padding-top:25px; padding-bottom:25px;} ._News{ padding-top:25px; padding-bottom:25px;} ._Brand{ padding-top:25px; padding-bottom:25px;} ._product{ padding-top:25px; padding-bottom:25px;} .midd_1{ width:100%; height:auto; padding-bottom:25px; } .midd_2{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; } .midd_6{ font-size:18px; line-height:28px; } .midd_3{ font-size:20px; line-height:30px; margin-top:0; padding-bottom:12px; } .midd_2 h6{ margin:15px 0; } .midd_4{ width:100%; height:auto; display:none; } .midd_5{ height: auto; width: calc(100% - 20px); padding-right: 10px; padding-bottom: 25px; padding-left: 10px; } .midd_9{ width:50%; height:237px; } .midd_9:nth-child(5),.midd_9:nth-child(6){ margin-top:0; } .midd_9:nth-child(3),.midd_9:nth-child(4){ margin-top:25px; } .midd_10{ margin:15px; width:calc(100% - 15px * 2); height:calc(100% - 15px * 2); border-width:2px; display: block; } .midd_11{ margin:77px 10px; height:43px; } .ltt_gcal{ width:100%; height: auto;} .ltt_gcal_img,.ltt_gcal_wz{ width: 100%;} .ltt_gcal_wz{ padding:20px 20px 30px 20px;} .ltt_gcal_img img{ height:auto;} .ltt_gcal:nth-child(2) .ltt_gcal_img{ float:right;} .ltt_gcal:nth-child(3) .ltt_gcal_wz{ float:right;} .midd_12{ height:30px; line-height:30px; border-width:1px; margin:0 10px; font-size:16px; padding:0 10px; } .midd_15{ margin-top:20px; width:100%; height:auto; } .midd_17{ width:100%; height:auto; } .midd_18{ width: calc(100% - 20px); padding:0 10px 15px; float:right; } .midd_18 h5{ margin-top:15px; margin-bottom:10px; } .midd_18 h6{ height:168px; -webkit-line-clamp:7; margin-bottom:15px; } a.midd_19{ margin-left:auto; margin-right:auto; } img.midd_21{ width:100%; height:auto; } .midd_16{ width:100%; } .midd_16 li{ width:calc(33.33% - 10px); height:35px; line-height:35px; float:left; text-align:center; padding-right:0; border-bottom:0; font-size:16px } .midd_22{ height: auto; width: calc(100% - 20px); padding-right: 10px; padding-bottom: 25px; padding-left: 10px; } .midd_23 h6{ margin:10px 0 15px 0;-webkit-line-clamp:3; height:72px;} .webbottom li img{ max-height: 20px;} .midd_23{ padding:20px 20px 30px 20px; margin-top:20px; width:100%; height:auto; border:0; } .ltt_gcal_wz_nr{ margin:10px 0 15px 0; -webkit-line-clamp:3; height:72px;} /*._News .container1 .midd_6.midd_60, ._News .container1 .midd_3.midd_30{text-align:left;}*/ ._News .container1 .midd_3.midd_30{margin-bottom:0px;} /*._News .container1 .midd_3.midd_30:after{ left:0; margin-left:0; }*/ } ._Brand .text{ float:left; width:44%; margin-top:10px;} ._Brand .cont{ float:left; width:100%; color:#323c43; font-size:16px; line-height:30px; margin-top:45px;} ._Brand .img{ float:right; width:50.2%; line-height:0; position:relative;} ._Brand .img span{ font-weight:bold; line-height:1; position:absolute; top:0; right:100%; color:#01295c; width:120px; text-align:center; font-size:120px; opacity:0.04; text-transform:uppercase;} ._Brand .list{ float:left; width:100%; margin-top:60px;} ._Brand .list ul{flex-wrap:wrap; display: flex;} ._Brand .list li{ float:left; width:25%; text-align:center; border-left:1px solid #d9d9d9; padding:9px;} ._Brand .list li:last-child{ border-right:1px solid #d9d9d9;} ._Brand .list li h1{ float:left; width:100%; color:#333333; font-size:48px; line-height:58px; font-weight:bold;} ._Brand .list li h1 span{ display:inline-block; vertical-align:top; font-weight:normal; width:20px; height:20px; background:#333; color:#fff; border-radius:50%; font-size:12px; line-height:20px; text-align:center; margin-left:8px;} ._Brand .list li h6{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:2px;} ._product{ overflow:hidden;} ._product .hd{ float:right; position:relative; top:0; margin:-68px -24px 0 0;} ._product .hd li{ float:left; color:#fff; font-size:18px; line-height:32px; padding:0 24px; border-radius:32px; cursor:pointer;-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; } ._product .hd li.on{ background:#fff; color:#010101;} ._product .tab-list{ float:left; width:100%; margin-top:45px; position:relative; z-index:3;} ._product .list{ float:left; width:100%; position:absolute; left:0; top:0; opacity:0; z-index:4;-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; } ._product .list.active{ position:relative; opacity:1; z-index:5;} ._product .list ul{ margin:0 -15px;} ._product .list li{ float:left; width:25%; padding:15px; height:auto;} ._product .list li a{ float:left; width:100%; border:1px solid #e6e6e6; position:relative; background:#fff;} ._product .list li em{ float:left; width:100%; line-height:0;} ._product .list li h5{ float:left; width:100%; line-height:30px; font-size:18px; color:#333333; padding:14px; border-top:1px solid #e6e6e6; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-align:center;} ._product .list li h4{ float:left; width:100%; line-height:20px; font-size:18px; color:#fff; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-align:center; padding:0 10px;} ._product .list li .text{ float:left; width:88%; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); padding:32px 0; opacity:0;} ._product .list li .text:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000; opacity:0.66;} ._product .list li .text h4{ float:left; width:100%; position:absolute; left:0; bottom:50%; z-index:5; margin-bottom:14px;} ._product .list li .text i{ float:left; width:100%; line-height:0; position:absolute; left:0; top:50%; z-index:5; padding:0 10px; margin-top:14px;} ._product .list li .text i img{ display:block; margin:0 auto; width:52px; height:52px;} ._product .list li:hover em{ opacity:0;} ._product .list li:hover h5{ opacity:0;} ._product .list li:hover .text{ opacity:1;} ._product .list li:hover .text em{ opacity:1;} ._product .list .slick-dots{ position:static; margin-top:45px;flex-wrap:wrap; display: flex; justify-content:center; align-items: center;} ._product .list .slick-dots li{ width:12px; height:12px; margin:0 5px; padding:0; border:1px solid #fff; border-radius:50%;} ._product .list .slick-dots li.slick-active{ background:#fff;} @media screen and (max-width:1369px){ ._Brand .cont{ line-height:26px; margin-top:20px;} ._product .hd{ margin:-68px -12px 0 0;} ._product .hd li{ font-size:15px; padding:0 12px;} } @media screen and (max-width:1000px){ ._product .hd{ float:left; margin:20px 0 0 -10px;} ._product .hd li{ font-size:14px; padding:0 10px; line-height:30px;} } @media screen and (min-width:300px) and (max-width:800px){ ._Brand .text{ width:100%; margin-top:0;} ._Brand .cont{ font-size:14px; line-height:24px; margin-top:20px;} ._Brand .img{ width:100%; margin-top:20px;} ._Brand .list{ margin-top:20px;} ._Brand .list li h1{ font-size:30px; line-height:40px;} ._Brand .list li h6{ font-size:14px; line-height:24px;} ._product .tab-list{ margin-top:14px;} ._product .list ul{ margin:0 -6px;} ._product .list li{ width:50%; padding:6px;} ._product .list li h5{ font-size:16px; line-height:28px;} ._product .list li h4{ font-size:16px; line-height:28px;} ._product .list li .text h4{ margin-bottom:6px;} ._product .list li .text i{ margin-top:6px;} ._product .list li .text i img{ width:30px; height:30px;} ._product .list .slick-dots{ margin-top:14px;} } @media screen and (min-width:300px) and (max-width:600px){ ._Brand .list{ margin-top:0;} ._Brand .list li{ width:50%; margin-top:20px;} ._Brand .list li:nth-child(2n){ border-right:1px solid #d9d9d9;} } ._banner{ float:left; width:100%; position:relative; z-index:2; line-height:0; height:100vh;} ._banner .slick-slide{ float:left; width:100%; position:relative; height:100vh;} ._banner .slick-slide .img{ float:left; width:100%; height:100%; position:absolute; left:0; top:0;} ._banner .slick-dots{ bottom:25px; display: flex; justify-content: center; z-index:6;} ._banner .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#fff; margin:0 5px; opacity:0.6; } ._banner .slick-dots li.slick-active{ opacity:1;} .pagecon{padding:30px 0; color: #4a4a4a; font-size: 16px; line-height: 32px;} @media screen and (max-width:1000px){ .pagecon{padding:15px 0; color: #4a4a4a; font-size: 14px; line-height: 24px;} }