body {color:#888888} a{color:#333333}a:active,a:hover {color:#1260a0} @media (min-width: 1260px) {.container{ width: 1260px; }} @media (min-width: 1260px) {.container{ width: 1260px; }} #Top .head{ float:left; width:100%; background:#fff; position:fixed; left:0; top:0; z-index:101; padding: 0 60px; box-shadow: 0 5px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.05); } #Top .logo{float: left; margin-top: 31px; width:294px; line-height:0;transition: all 0.5s linear;-moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;} /*menu*/ #Top .menu{float: right; margin-right: 40px;} #Top .menu .nli{float:left; padding:0; margin:0 0 0 10px; position:relative;} #Top .menu .nli span a{ float:left; position:relative; color:#333333; padding:0 30px; font-size:18px; line-height:120px; z-index: 9} #Top .menu .nli span a:after{position: absolute; content: ''; width: 100%; background: rgba(0,64,152,0.1); height: 0; left: 0; bottom:0; z-index: -1; transition: all 0.5s linear; -moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#004098; } #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{border-bottom: 4px solid #004098; height: 100%;} #Top .menu .sub{ display:none; float:left; position:absolute; left:0%; top:120px; width:100%; z-index:66;} #Top .menu .sub li{ float:left; width:100%; margin-bottom:1px;} #Top .menu .sub li a{ float:left; width:100%; text-align:center; color:#333; font-size:15px; line-height:25px; background:#fff; background:rgba(255,255,255,0.8); padding:6px 0;} #Top .menu .sub li a:hover{ background:#0e6eb8; color:#fff;} #Top .head.on{ box-shadow:0 5px 10px rgba(0,0,0,0.1);} #Top .head.on .menu .nli span a{ line-height:84px;} #Top .head.on .menu .sub{ top:84px;} #Top .head.on .logo{ margin:20px 0;} #Top .rightOffice{float: right; margin-top: 20px; display:none;} #Top .rightOffice span{float: left; margin: 0 12px;} #Top .rightOffice span a{display: block; color:#666666; font-size:16px; line-height: 36px; text-align: center;} #Top .rightOffice span a i, #Top .rightOffice span a em{display: block;} #Top .rightOffice span a i{font-size:0; line-height: 0; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Top .rightOffice span a:hover{color:#0e6eb8;} #Top .rightOffice span a:hover i{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); } /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:17px 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; -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: #4d463f; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; 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: #4d463f; } #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:60px 0 50px 0; display: none; z-index:66; background:#fff; background:rgba(255,255,255,0.90)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%;position: relative; } #Top .xialaph h4 a{ float:left; width:66%; color: #666666; font-size:16px; line-height:50px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #005f9f; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.1; } #Top .xialaph h5 a{ float:left; width:100%; color: #666666; font-size:14px; line-height: 40px; } #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: #000; opacity: 0.1; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top:21px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top:17px; 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 .img_d{ display: none; } @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Top .menu{margin-right: 15px;} #Top .menu .nli span a{ padding:0 15px;font-size:16px;line-height: 107px;} #Top .menu .sub{top:107px;} #Top .menu .sub li a{font-size:14px;} #Top .rightOffice span a{font-size: 14px;} #Top .rightOffice span a i img{width: 35px;} } @media screen and (max-width:1024px){ #Top .menu{ display:none;} #Top .logo{ width:160px; margin:12px 0;} #Top .rightOffice{margin: 13px 20px 0 0; } #Top .rightOffice span a{line-height: 34px;} #Top .rightOffice span a i img{width: 30px;} #Top .menuph{ display:block;} } @media screen and (max-width:767px){ #Top .head{padding: 0 15px;} #Top .rightOffice {margin: 13px 10px 0 0;} #Top .rightOffice span{margin: 0 10px 0 0;} #Top .rightOffice span a{line-height: 25px;} #Top .rightOffice span a i img{width: 25px;} } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#ccc; z-index:60; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.6);} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li .ico{ width:100%; float:left; height:20px;} #Down .pf_down li .ico img{ width:20px; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*底部*/ #Down .pz_down{ float:left; width:100%; background:#fff;} #Down .pz_down.pageBor{border-top:2px solid #f4f4f4;} #Down .foot1{ float:left; width:100%; padding:50px 0 40px 0;position:relative; z-index:6;} #Down .footNav{ float:left; width: 85%;} #Down .footNav .ul1{ float:left; width:20%; padding-right:15px;} #Down .footNav .footTit{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px;} #Down .footNav .box{ float:left; width:100%; margin-top:16px;} #Down .footNav .box li{ float:left; width:100%;} #Down .footNav .box li a{ float:left; color:#6e6e6e; color:rgba(51,51,51,0.8); font-size:14px; line-height:30px;} #Down .footNav .box li a:hover{ color:#1260a0;} #Down .footUs{ float:right; width:120px; text-align: center;} #Down .footUs span{display: block; border: 1px solid #d9d9d9; padding: 6px; font-size: 0;} #Down .footUs em{display: block;color:#333333; font-size:14px; line-height: 34px; margin-bottom:5px;} #Down .foot2{ float:left; width:100%; padding:20px 0; position:relative; z-index:6; border-top:1px solid #ebebeb; } #Down .Copyright{ float:left; color:#9a9a9a; color:rgba(51,51,51,0.6); font-size:14px; line-height:24px;} #Down .Copyright a{color:#9a9a9a; color:rgba(51,51,51,0.6);} #Down .Copyright a:hover{ color:#1260a0;} #Down .FootMap{ float:right;color:#9a9a9a; color:rgba(51,51,51,0.6); font-size:14px; line-height:24px;} #Down .links{ float:right; color:#9a9a9a; color:rgba(51,51,51,0.6);font-size:14px; line-height:24px; margin-right: 25px; position: relative} #Down .links:after{position: absolute; content: ''; width: 2px; height: 15px; background:#e5e5e5; right:-13px; top:50%; margin-top: -7px;} #Down .FootMap:hover{color:#1260a0;} #Down .links:hover{color:#1260a0;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Down .foot1{padding:35px 0 30px 0;} #Down .footNav .box li a{ font-size:13px;} } @media screen and (max-width:1024px){ #Down .foot1{ padding:15px 0 0 0;} #Down .footNav{ width:100%; display:none; margin:0 0 10px 0;} #Down .footNav .ul1{ width:100%; padding-right:0; margin-top:10px;} #Down .footNav .footTit{ background:#fe8c29; border-radius:3px; padding:4px 12px;} #Down .footNav .box{ margin:0; display:none;} #Down .footNav .box li{ float:left; width:16.66%;} #Down .footUs{ float:left; width:100%; display: block} #Down .footUs span{display: inline-block;width: 120px;} #Down .footUs em{display:block;} #Down .foot2{ padding:15px 0;} } @media screen and (max-width:767px){ #Down .pz_down{ margin-bottom:50px;} #Down .footNav .box li{ width:33.33%;} #Down .footUs{ text-align:center;} #Down .foot2{ text-align:center;} #Down .Copyright{ width:100%;} #Down .FootMap{ float:none; display:inline-block; vertical-align:top; margin-right:0; position: relative;margin-right: 25px;} #Down .FootMap:after{position: absolute; content: ''; width: 2px; height: 15px; background:#e5e5e5; right:-13px; top:50%; margin-top: -7px;} #Down .links{ float:none; display:inline-block; vertical-align:top; position: static; margin-right: 0;} #Down .links:after{ display: none;} #Down .footUs span{width: 90px; padding:4px;} } /*banner*/ #Content .slideBox{ float:left; width:100%; position:relative; margin-top: 120px;} #Content .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center; line-height:0;} #Content .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #Content .slide_banner img{ width:100%;} #Content .slide_banner .slick-dots{ height:6px; bottom:30px;} #Content .slide_banner .slick-dots li{ background:#fff; width:52px; height:6px; margin:0 10px; text-indent:-9999px; overflow:hidden; vertical-align:top;opacity:0.3; filter:alpha(opacity=30); } #Content .slide_banner .slick-dots li.slick-active{background:#fff;opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content .slideBox{margin-top: 107px;} } @media screen and (max-width:1024px){ #Content .slideBox{margin-top:56px} #Content .slide_banner .slick-dots{ height:4px; bottom:20px;} #Content .slide_banner .slick-dots li{ width:40px; height:4px; margin:0 10px; } } @media screen and (max-width:767px){ #Content .slide_banner .slick-dots{ bottom:15px;} #Content .slide_banner .slick-dots li{ width:30px; margin:0 7px; } } /*首页-main*/ #Content2 .hCont1{} #Content2 .homeNew{float: left; width: 34.15%; margin: 60px 2.45% 0 0;} #Content2 .homeNew h2{float: left; width: 100%; line-height: 26px;} #Content2 .homeNew h2 span{float: left; color:#004098; font-size:24px; font-weight: bolder;} #Content2 .homeNew h2 a{float: right; color:#004098; font-size:12px; } #Content2 .homeNew ul{float: left; width: 100%; margin-top: 19px;} #Content2 .homeNew ul li{float: left; width: 100%;} #Content2 .homeNew ul li a h3{float: left; width: 100%; line-height: 30px;font-size:18px; font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #Content2 .homeNew ul li a .time{float: left; width: 100%; color:#dbdbdb; font-size:18px; line-height: 20px; font-weight: bolder;} #Content2 .homeNew ul li a .textP{float: left; width: 100%; margin-top: 13px; color:#888888; font-size:14px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} #Content2 .homeNew ul li a:hover h3{color:#1260a0;} #Content2 .homeSwatches{float: left; width: 31.7%;position: relative; margin-top: 60px;} #Content2 .homeSwatches .realEstate{ float: left; width: 100%; height: 100%;overflow: hidden;font-size:0; line-height: 0; position: relative;} #Content2 .homeSwatches .realEstate a img{ transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Content2 .homeSwatches .titH{position:absolute; left: 30px; top:45px;font-weight: bolder;} #Content2 .homeSwatches .titH b{display: block; color:#fff; font-size: 18px; font-family: Arial; opacity: 0.3; filter:alpha(opacity=30); line-height: 20px;} #Content2 .homeSwatches .titH span{display: block;font-size:24px; line-height: 40px; color:#fff;} #Content2 .homeSwatches .realEstate a:hover img{ transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); } @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content2 .homeSwatches .titH{left: 20px; top:25px;} } @media screen and (max-width:1024px){ #Content2 .homeNew{width: 100%;margin: 40px 0 0 0; border-bottom:1px dashed #ccc; padding-bottom:30px;} #Content2 .homeSwatches{width: 50%; margin-top: 30px;} } @media screen and (max-width:767px){ #Content2 .hCont1{ margin:0 -15px;} #Content2 .homeNew{margin: 20px 0 15px 0; padding:0 15px 12px 15px;} #Content2 .homeNew h2 span{font-size:20px;} #Content2 .homeNew ul{margin-top:8px;} #Content2 .homeNew ul li a h3{font-size:16px;} #Content2 .homeNew ul li a .time{font-size: 16px;} #Content2 .homeNew ul li a .textP{margin-top:5px;} #Content2 .homeSwatches{ margin-top:0;} #Content2 .homeSwatches img{ min-height:110px;} #Content2 .homeSwatches .titH{left:10px !important; top:22px !important;} #Content2 .homeSwatches .titH b{font-size: 15px; line-height:19px;} #Content2 .homeSwatches .titH span{font-size:17px; line-height:23px !important;} #Content2 .back1 .homeSwatches .titH span{ margin-top:0;} #Content2 .back1 .homeSwatches .titH b{ margin-top:10px;} } #Content3 .back1{float: left; width: 100%; margin-top: 30px; background: rgba(72,141,189,0.1);} #Content3 .homeWanxiang{float: left; width:34.15%;position: relative; margin-right: 2.45%;overflow: hidden;} #Content3 .homeWanxiang .img{float: left; width: 100%; font-size: 0; line-height: 0;} #Content3 .homeWanxiang a img{ transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Content3 .homeWanxiang .titH{position:absolute; left: 0px; top:40px;font-weight: bolder;} #Content3 .homeWanxiang .titH b{display: block; color:rgba(1,65,144,0.3); font-size: 18px; font-family: Arial; line-height: 20px;} #Content3 .homeWanxiang .titH span{display: block;font-size:24px; line-height: 42px; color:#004098;} #Content3 .homeWanxiang a:hover img{ transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08);} #Content3 .homeSwatches.grey{margin-top: 0; background:#004098; overflow: hidden; font-size: 0; line-height: 0;} #Content3 .homeSwatches.grey img{opacity: 0.8; filter:alpha(opacity=80); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Content3 .homeSwatches{float: left; width: 31.7%;position: relative; margin-top: 60px;} #Content3 .homeSwatches .realEstate{ float: left; width: 100%; height: 100%;overflow: hidden;font-size:0; line-height: 0; position: relative;} #Content3 .homeSwatches .realEstate a img{ transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Content3 .homeSwatches .titH{position:absolute; left: 30px; top:45px;font-weight: bolder;} #Content3 .homeSwatches .titH b{display: block; color:#fff; font-size: 18px; font-family: Arial; opacity: 0.3; filter:alpha(opacity=30); line-height: 20px;} #Content3 .homeSwatches .titH span{display: block;font-size:24px; line-height: 40px; color:#fff;} #Content3 .homeSwatches .realEstate a:hover img{ transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); } #Content3 .homeSwatches.grey .titH{top:40px;} #Content3 .homeSwatches.grey .titH span{line-height: 42px; color:#fff;} #Content3 .homeSwatches.grey .titH b{color:#fff;opacity: 0.3; filter:alpha(opacity=30);} #Content3 .homeSwatches.grey a:hover img{ transform: scale(1.08); -moz-transform: scale(1.08); -webkit-transform: scale(1.08); } #Content3 .homeSwatches.grey.white img{opacity:1; filter:alpha(opacity=100);} #Content3 .homeSwatches.grey.white .titH span{color:#fff;} #Content3 .homeSwatches.grey.white .titH b{color:#fff;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ #Content3 .homeWanxiang{width: 100%; margin:0; padding-bottom:15px; overflow:visible;} #Content3 .homeWanxiang:after{ float:left; width:200%; height:15px; background:#fff; content:''; position:absolute; left:-50%; bottom:0;} #Content3 .homeWanxiang .titH{left: 20px; top:25px;} #Content3 .homeSwatches{width: 50%; margin-top: 30px;} #Content3 .homeSwatches.grey .titH{top:25px;} } @media screen and (max-width:767px){ #Content3 .homeSwatches{ margin-top:0;} #Content3 .homeSwatches img{ min-height:110px;} #Content3 .homeSwatches .titH{left:10px !important; top:22px !important;} #Content3 .homeSwatches .titH b{font-size: 15px; line-height:19px;} #Content3 .homeSwatches .titH span{font-size:17px; line-height:23px !important;} #Content3 .back1 .homeSwatches .titH span{ margin-top:0;} #Content3 .back1 .homeSwatches .titH b{ margin-top:10px;} #Content3 .back1{margin-top: 15px;} #Content3 .homeWanxiang .titH{left:10px; top:20px;} #Content3 .homeWanxiang .titH b{font-size: 15px; line-height:19px; margin-top:10px;} #Content3 .homeWanxiang .titH span{font-size:17px; line-height:23px;} } #Content4 .enTit{position: absolute; width: 100%; right: 0; bottom: 40px; color:#fff; font-size:48px; line-height: 48px; font-weight: bolder; text-align: right;} /*二级导航*/ #Content4 .slideBox1{float: left; width: 100%; border-bottom:2px solid #f4f4f4;} #Content4 .pz_SideLayer{ float:right;} #Content4 .pz_SideLayer .l1{ float:left; margin-left: 23px;} #Content4 .pz_SideLayer .l1 a{ float:left; height:60px; line-height:60px; color:#888888; font-size:12px; font-weight:bold; position:relative;} #Content4 .pz_SideLayer .l1 a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:-1px; background:#004098;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%);} #Content4 .pz_SideLayer .l1.on a, #Content4 .pz_SideLayer .l1:hover a{ color:#004098;} #Content4 .pz_SideLayer .l1.on a:after, #Content4 .pz_SideLayer .l1:hover a:after{ width:100%;} #Content4 .slideBox1 .slideR{float: left;} #Content4 .slideBox1 .slideR span{float: left;} #Content4 .slideBox1 .slideR span a{float: left; width: 60px; height: 60px; background: #f4f4f4; text-align: center; line-height: 60px;} #Content4 .slideBox1 .slideR em{float: left; margin: 15px 0 15px 29px; line-height:30px;} #Content4 .slideBox1 .slideR em a{float: left; color:#888888; font-size:12px; font-weight: bolder;} #Content4 .slideBox1 .slideR em a.on, #Content4 .slideBox1 .slideR em a:hover{color:#1260a1} #Content4 .slideBox1 .slideR em i{float: left; width: 20px; height: 30px; position: relative;} #Content4 .slideBox1 .slideR em i:after{position: absolute; content: ''; left: 50%; top:50%; margin-top: -3px; margin-left: -1.5px; width: 0; height: 0; border-top:3px solid transparent; border-left: 3px solid #989898; border-bottom: 3px solid transparent;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content4 .enTit{ bottom:30px; font-size:38px; line-height: 38px;} } @media screen and (max-width:1024px){ #Content4 .enTit{ bottom:20px; font-size:28px; line-height: 28px;} } @media screen and (max-width:767px){ #Content4 .enTit{ bottom:15px; font-size:24px; line-height: 24px;} #Content4 .slideBox1{ height:46px;} #Content4 .pz_SideLayer .l1 a{ height:45px; line-height:45px; } #Content4 .pz_SideLayer{float: left; display: block; text-align: center; width: 100%;} #Content4 .pz_SideLayer .l1{float: none; display: inline-block; margin: 0 10px;} } #Content5 .enTit{position: absolute; width: 100%; right: 0; bottom: 40px; color:#fff; font-size:48px; line-height: 48px; font-weight: bolder; text-align: right;} #Content5 .slideBox{ float:left; width:100%; position:relative; margin-top: 120px;} #Content5 .slide_banner{float: left; width: 100%; line-height:0;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content5 .slideBox{margin-top: 107px} #Content5 .enTit{ bottom:30px; font-size:38px; line-height: 38px;} } @media screen and (max-width:1024px){ #Content5 .slideBox{margin-top:56px} #Content5 .enTit{ bottom:20px; font-size:28px; line-height: 28px;} } @media screen and (max-width:767px){ #Content5 .enTit{ bottom:15px; font-size:24px; line-height: 24px;} } #Content6 .aboutText{float: left; width: 100%; margin:38px 0;} #Content6 .aboutText .leftWord{float: left; width:74.39%; margin-top: 7px;} #Content6 .aboutText .leftWord h1{float: left; width: 100%; color:#f0f0f0;font-size:48px; line-height: 48px; font-weight: bolder;} #Content6 .aboutText .leftWord h2{float: left; width: 100%; color:#004098; font-size: 24px; line-height:34px; font-weight: bolder; letter-spacing:2px;} #Content6 .aboutText .leftWord .aboutInfo{float: left; width: 100%; margin-top: 15px; color:#333333; font-size:14px; height:48px; line-height: 24px; overflow:hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:relative; } #Content6 .aboutText .leftWord .aboutInfo.on{ -webkit-line-clamp:inherit; height:auto;} #Content6 .aboutText .leftWord .aboutInfo .ico{ float:left; position:absolute; right:0; bottom:0; background:#f7f5f4; width:17px; padding:8px 4px; cursor:pointer;} #Content6 .aboutText .img{ float:right; width:285px; line-height:0; margin-top:30px;} /*about1*/ #Content6 .about1{ float:left; width:100%; margin-bottom:30px;} #Content6 .about1 .l1{ float:left; width:100%; margin-bottom:30px; background:#f7f5f4; padding:35px 40px;} #Content6 .about1 .l1:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content6 .about1 .l1 .tit1{ float:left; width:100%; color:#1260a0; font-size:24px; line-height: 34px; font-weight:bold; letter-spacing:2px;} #Content6 .about1 .l1 .tit2{ float:left; width:100%; color:#1260a0; font-size:18px; line-height: 28px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;opacity:0.3; filter:alpha(opacity=30); margin:3px 0 20px 0;} #Content6 .about1 .l1 .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; height:48px; overflow:hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:relative;} #Content6 .about1 .l1.on .info{ -webkit-line-clamp:inherit; height:auto;} #Content6 .about1 .l1 .info .ico{ float:left; position:absolute; right:0; bottom:0; background:#f7f5f4; width:17px; padding:8px 4px; cursor:pointer;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content6 .aboutText .leftWord{ width:68.39%;} } @media screen and (max-width:1024px){ #Content6 .about1{ margin-bottom:15px;} #Content6 .about1 .l1{ margin-bottom:15px; padding:15px 15px;} #Content6 .about1 .l1 .tit1{ font-size:18px; line-height:28px;} #Content6 .about1 .l1 .tit2{ font-size:16px; line-height:26px; margin:1px 0 5px 0;} #Content6 .aboutText .img{ width:260px;} #Content6 .aboutText .leftWord { width:62.39%;} #Content6 .aboutText .leftWord .aboutInfo{ margin-top:5px;} #Content6 .aboutText .leftWord h1{ font-size:30px; line-height:40px;} #Content6 .aboutText .leftWord h2{ font-size:20px; line-height:30px;} } @media screen and (max-width:767px){ #Content6 .aboutText{ margin:20px 0;} #Content6 .aboutText .leftWord { width:100%;} #Content6 .aboutText .img{ width:100%; text-align:center; margin-top:10px;} #Content6 .aboutText .img img{ width:260px;} } /*aboutT2*/ #Content7 .aboutT2{ float:left; width:100%; background:#1260a0; position:relative; padding:55px 0 70px 0;} #Content7 .aboutT2 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.95; filter:alpha(opacity=95);} #Content7 .about2{ float:left; width:57.31%; position:relative; z-index:6;} #Content7 .about2 .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px;} #Content7 .about2 .tit1{ float:left; width:100%; color:#1260a0; font-size:30px; line-height:40px; margin:49px 0 4px 0;} #Content7 .about2 .tit2{ float:left; width:100%; color:#1160a0; font-size:24px; line-height:34px;opacity:0.3; filter:alpha(opacity=30); text-transform:uppercase; font-weight:bold;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ #Content7 .aboutT2{ padding:27px 0 40px 0;} #Content7 .about2 .tit1{ font-size:20px; line-height:30px; margin:20px 0 0 0;} #Content7 .about2 .tit2{ font-size:18px; line-height:28px;opacity:0.7; filter:alpha(opacity=70);} } @media screen and (max-width:767px){ #Content7 .about2{ width:100%;} } /*aboutT3*/ #Content8 .aboutT3{ float:left; width:100%; margin:65px 0 63px 0;} #Content8 .aboutT3 .tit1{ float:left; width:100%; color:#f0f0f0;font-size:48px; line-height: 48px; font-weight: bolder; text-transform:uppercase;} #Content8 .aboutT3 .tit2{ float:left; width:100%; color:#004098; font-size: 24px; line-height:34px; font-weight: bolder; letter-spacing:2px;} #Content8 .aboutT3 .cont{ float:left; width:100%; margin-top:50px;} #Content8 .aboutT3 .cont .ul1{ margin:0 -15px;} #Content8 .aboutT3 .cont .l1{ float:left; width:33.33%; padding:0 15px;} #Content8 .aboutT3 .cont .tit3{ float:left; width:100%; color:#1260a0; font-size:24px; line-height:34px; font-weight:bold; letter-spacing:2px; padding:0 32px;} #Content8 .aboutT3 .cont .line{ float:left; width:100%; height:1px; margin:35px 0; background:#e5e5e5; padding:0 32px;} #Content8 .aboutT3 .cont .line span{ float:left; width:42px; height:3px; background:#1260a0; position:relative; top:-1px;} #Content8 .aboutT3 .cont .p1{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-bottom:12px;padding:0 32px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ #Content8 .aboutT3{ margin:30px 0;} #Content8 .aboutT3 .tit1{ font-size:30px; line-height:40px;} #Content8 .aboutT3 .tit2{ font-size:20px; line-height:30px;} #Content8 .aboutT3 .cont{ margin-top:15px;} #Content8 .aboutT3 .cont .ul1{ margin:0 -7px;} #Content8 .aboutT3 .cont .l1{ padding:0 7px; margin-bottom:5px;} #Content8 .aboutT3 .cont .tit3{ font-size:18px; line-height:28px; padding:0 12px;} #Content8 .aboutT3 .cont .line{ padding:0 12px; margin:15px 0} #Content8 .aboutT3 .cont .p1{ margin-bottom:6px; padding:0 12px;} } @media screen and (max-width:767px){ #Content8 .aboutT3 .cont .l1{ width:100%;} } #Content9 .aboutBg4{ float:left; width:100%; background:#f4f4f4; position:relative; padding:83px 0 80px 0; } #Content9 .aboutBg4 .bg4{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.1; filter:alpha(opacity=10);} #Content9 .about4{ float:left; width:100%; position:relative; z-index:6;} #Content9 .about4 .lin{ float:left; width:100%; height:1px; background:#d6d6d6; position:absolute; left:0; top:50%; z-index:6;} #Content9 .about4 .ul1{ float:left; width:100%; position:relative; z-index:8; padding:0 10px;} #Content9 .about4 .slick-next, #Content9 .about4 .slick-prev{ width:48px; height:63px; left:-76px; } #Content9 .about4 .slick-next{ left:auto; right:-76px;} #Content9 .about4 .li{ float:left; width:220px; margin-right:-65px;} #Content9 .about4 .li .info{ float:left; width:100%; height:219px; padding-left:24px; position:relative; z-index:1;} #Content9 .about4 .li .info .p1{ float:left; width:100%; color:#004098; font-size:16px; line-height:26px; font-weight:bold; margin:10px 0 3px 0;} #Content9 .about4 .li .info .p2{ float:left; width:70%; color:#282828; font-size:14px; line-height:24px;} #Content9 .about4 .li .years{ float:left; width:100px; height:100px; background:#fff; background:rgba(255,255,255,0.21); border-radius:50%; box-shadow:0 0 12px rgba(171,171,171,0.38); position:relative; z-index:6;top:0; margin-top:-50px; margin-left:22px;} #Content9 .about4 .li .years span{ float:left; width:80px; height:80px; text-align:center; color:#fff; font-size:24px; font-weight:bold; font-family:Arial; line-height:80px; background:#1361a1; border:2px solid #fff; border-radius:50%; box-shadow:0 0 12px rgba(171,171,171,0.38); margin:10px;} #Content9 .about4 .ln2{ margin-top:169px;} #Content9 .about4 .ln2 .info{ padding-top:80px; margin-top:-50px;} #Content9 .about4 .ln2 .years{ margin-top:0;} .about4 .slick-prev{ background:url(/template/theme/CN/3750_img8_1.png) center no-repeat; background-size:100% auto;} .about4 .slick-next{ background:url(/template/theme/CN/3750_img7_1.png) center no-repeat; background-size:100% auto; } .about4 .slick-next:hover{ background:url(/template/theme/CN/3750_img7.png) center no-repeat rgba(19,97,161,0.2); background-size:100% auto;} .about4 .slick-prev:hover{ background:url(/template/theme/CN/3750_img8.png) center no-repeat rgba(19,97,161,0.2); background-size:100% auto;} .about4 .li .info{ background:url(/template/theme/CN/3750_img6.png) left top no-repeat; } .about4 .ln2 .info{ background:url(/template/theme/CN/3750_img5.png) left top no-repeat; } @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content9 .about4 .slick-next, #Content9 .about4 .slick-prev{ left:-15px; } #Content9 .about4 .slick-next{ left:auto; right:-15px;} } @media screen and (max-width:1024px){ #Content9 .aboutBg4{ padding:40px 0;} #Content9 .about4 .slick-prev, #Content9 .about4 .slick-next{ width:38px; height:56px; top:auto; bottom:5px;} #Content9 .about4 .ul1{ padding:0 10px;} #Content9 .about4 .li{ margin-right:0; position:relative; padding-bottom:20px;} #Content9 .about4 .li .years{ width:66px; height:66px; margin-top:0; margin-left:12px; position:absolute; left:0; top:auto; bottom:0;} #Content9 .about4 .li .years span{ width:56px; height:56px; font-size:18px; line-height:60px; margin:5px;} #Content9 .about4 .li .info .p2{ width:90%; font-size:13px; line-height:22px;} #Content9 .about4 .ln2{ margin-top:0;} #Content9 .about4 .ln2 .info{ padding-top:0; margin-top:0;} #Content9 .about4 .lin{ top:auto; bottom:33px;} .about4 .li .info, .about4 .ln2 .info{ background:url(/template/theme/CN/3750_img6.png) left top no-repeat;} } @media screen and (max-width:767px){ } /*3企业文化*/ #Content10 .corCulture{float: left; width: 100%; margin: 25px 0 80px 0;} #Content10 .corCulture .corTit{float: left; width: 100%; color:#333333; font-size:24px; line-height: 80px;} #Content10 .corCulture .corList{float: left; width: 100%;} #Content10 .corCulture .corList .li1{float: left; width: 100%; position: relative;} #Content10 .corCulture .corList .li1 .img{float: left; width: 100%; height:100%; line-height: 0; position:absolute; left:0; top:0; z-index:1;} #Content10 .corCulture .corList .li1 .img img{ display:none;} #Content10 .corCulture .corList .li1 .text{ float:right; width: 59.75%; background: #1361a1; background: rgba(19,97,161,0.8); color:#fff; padding: 30px 5.3%; position:relative; z-index:6;} #Content10 .corCulture .corList .li1 .info{float: left; max-height: 470px; min-height: 470px; overflow:hidden; overflow-y:auto; scrollbar-width:thin; display:flex;flex-direction: column;justify-content:center;align-items:center; } #Content10 .corCulture .corList .li1 .info::-webkit-scrollbar { width:2px } #Content10 .corCulture .corList .li1 .info::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:15px } #Content10 .corCulture .corList .li1 .info::-webkit-scrollbar-thumb { width:2px; height:60px; background-color:#1878f3; border-radius:15px } #Content10 .corCulture .corList .li1 .text h4{float: left; width: 100%; font-size:26px; font-weight: bolder; line-height: 40px;} #Content10 .corCulture .corList .li1 .text .textCon{float: left; width: 100%;line-height: 42px;font-size:16px; margin-top: 18px;} #Content10 .corCulture .corList .li1.right{margin-top: 60px;} #Content10 .corCulture .corList .li1.right .text{ float:left; background: #004098; background: rgba(241,171,64,0.6);} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content10 .corCulture{margin: 15px 0 60px 0;} #Content10 .corCulture .corList .li1.right{margin-top: 40px;} #Content10 .corCulture .corList .li1 .info{min-height: 344px; max-height: 344px;} #Content10 .corCulture .corList .li1 .text h4{font-size:24px;} #Content10 .corCulture .corList .li1 .text .textCon{line-height: 38px;} } @media screen and (max-width:1024px){ #Content10 .corCulture{margin: 15px 0 30px 0;} #Content10 .corCulture .corTit{font-size: 20px; line-height: 60px;} #Content10 .corCulture .corList .li1.right{margin-top:30px;} #Content10 .corCulture .corList .li1 .text{ padding:15px;} #Content10 .corCulture .corList .li1 .text h4{font-size: 20px; line-height: 30px;} #Content10 .corCulture .corList .li1 .text .textCon{margin-top: 15px; font-size:14px; line-height: 30px;} #Content10 .corCulture .corList .li1 .info{ min-height:214px; max-height: 214px;} } @media screen and (max-width:767px){ #Content10 .corCulture{margin: 10px 0 20px 0;} #Content10 .corCulture .corTit{font-size: 18px; line-height:50px;} #Content10 .corCulture .corList .li1.right{margin-top:17px;} #Content10 .corCulture .corList .li1 .text{ float: left; width: 100%; padding: 0 15px;} #Content10 .corCulture .corList .li1 .text h4{font-size: 18px;} #Content10 .corCulture .corList .li1 .info{ margin: 18px 0; max-height:100%;} #Content10 .corCulture .corList .li1 .text .textCon{margin-top: 10px;} #Content10 .corCulture .corList .li1.right .text{ background: #004098; background: rgba(241,171,64,0.8); } #Content10 .corCulture .corList .li1 .img{ position:static;} #Content10 .corCulture .corList .li1 .img img{ display:block;} } /*4荣誉资质*/ #List .honorBox{float: left; width: 100%; margin: 10px 0 70px 0;} #List .honorBox ul{float: left; width: 100%;position: relative; padding-bottom: 50px;} #List .honorBox ul:after{position: absolute; content: ''; width: 2px; height: 100%; background: #f5f5f5; left:36.42%;z-index: 2;} #List .honorBox ul li{float: left; width: 100%; margin-top: 45px; } #List .honorBox ul li .leftYears{float: left; width: 36.58%; padding-left: 20px;} #List .honorBox ul li .leftYears h1{float: left; width: 100%; color:#004098; font-size: 36px; line-height: 45px; font-weight: bolder; position: relative;} #List .honorBox ul li .leftYears h1:after{position: absolute; content: ''; width: 20px; height: 20px; background: #fff; border:4px solid #004098; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; right: -9px; top:50%; margin-top: -10px; z-index: 3;} #List .honorBox ul li .leftYears h1:before{position: absolute; content: ''; width: 70%; right: 0; top:50%; margin-top: -1.5px; height: 3px; background: #feeacb; background: linear-gradient(left, #fffaf3, #fee9c9); background: -ms-linear-gradient(left, #fffaf3, #fee9c9); background: -webkit-linear-gradient(left, #fffaf3, #fee9c9); background: -moz-linear-gradient(left, #fffaf3, #fee9c9); } #List .honorBox ul li .leftYears h3{float: left; width: 100%; color:#333333; font-size:18px; line-height:28px; margin-top:6px;} #List .honorBox ul li .rightText{float:right;width:63.42%; margin-top: 6px;padding-left: 70px;} #List .honorBox ul li .rightText .li2{float: left; width: 100%;color:#555555; font-size:14px; line-height:24px; margin:6px 0;} #List .honorBox ul li .rightText .li2 span{float: left; padding-left: 20px; position: relative; width:10.4%;} #List .honorBox ul li .rightText .li2 span i{position: absolute; left: 0; top:5px; width: 10px; height: 14px; font-size: 0; line-height: 0;} #List .honorBox ul li .rightText .li2 .p1{float: left; padding-left: 80px; position: relative; width:89.6%} #List .honorBox ul li .rightText .li2 .p1:after{position: absolute; content: ''; width: 42px; height: 1px; background: #e5e5e5; left:5px; top:12px;} #List .honorBox .more{float: left; width:82px; height: 28px; background: #1260a0; line-height: 28px; text-align: center; color:#fff; font-size:14px; margin-left: 31.7%; border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;} #List .honorBox .more:hover{background:#004098;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #List .honorBox ul li{margin-top: 35px;} #List .honorBox ul li .leftYears h1{font-size: 32px; line-height: 40px;} #List .honorBox ul li .leftYears h1:before {width: 60%;} #List .honorBox ul li .rightText{padding-left: 55px; margin-top: 0;} #List .honorBox ul li .rightText .li2 .p1:after{left:15px;} } @media screen and (max-width:1024px){ #List .honorBox{margin-bottom: 50px;} #List .honorBox ul li .leftYears{padding-left:0;} #List .honorBox ul li .leftYears h3{font-size:15px; line-height:24px; padding-right:10px;} #List .honorBox ul li .rightText{padding-left:20px; margin-top: 0;} #List .honorBox ul li .rightText .li2 span{width: 13%; padding-left:14px;} #List .honorBox ul li .rightText .li2 .p1{width: 87%; padding-left: 70px;} #List .honorBox ul li .rightText .li2 .p1:after{width:35px;left: 16px;} #List .honorBox .more{margin-left: 29%;} } @media screen and (max-width:767px){ #List .honorBox ul li .leftYears h1{ font-size:24px;} #List .honorBox ul li .leftYears h1:before{ height:2px; width:40%;} #List .honorBox ul li .leftYears h1:after{ width:16px; height:16px; border:3px solid #004098;} #List .honorBox ul li .rightText .li2 span{ width:30%;} #List .honorBox ul li .rightText .li2 .p1{ width:70%; padding-left:20px;} #List .honorBox ul li .rightText .li2 .p1:after{ left:0; width:12px;} } /*5卓越业绩*/ #List2 .StrengthTit{float: left; width: 100%; margin-top: 54px;} #List2 .StrengthTit h1{display: block; color:#f0f0f0; font-size:48px; line-height: 45px; font-weight: bolder;} #List2 .StrengthTit h2{display: block; color:#004098; font-size: 30px; line-height: 42px;font-weight: bolder;} #List2 .StrengthList{float: left; width: 100%; margin-bottom: 80px;} #List2 .StrengthList ul{float: left; width: 100%; margin-top: -10px;} #List2 .StrengthList ul li{float: left; width: 48.78%; margin-top: 30px;} #List2 .StrengthList ul li:nth-child(2n){margin-left:2.44%;} #List2 .StrengthList ul li a{float: left; width: 100%; text-align: center;} #List2 .StrengthList ul li a .tImg{float: left; width: 100%; font-size:0; line-height: 0; background: #1361a1;position: relative;} #List2 .StrengthList ul li a .tImg img{ transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List2 .StrengthList ul li a .tImg .more{ position: absolute; width:0; height:0; border:0 solid #fff;border:0 solid rgba(255,255,255,0.6); color:#fff; font-size:12px; text-align: center; line-height: 60px; left: 50%; top:50%; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%; overflow: hidden; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List2 .StrengthList ul li a .dText{float: left; width: 100%; background: #f5f5f5; height: 83px; line-height: 83px; color:#333333; font-size:24px; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List2 .StrengthList ul li a:hover .dText{color:#fff; background: #1361a1;} #List2 .StrengthList ul li a:hover .tImg img{opacity: 0.2;filter:alpha(opacity=20);} #List2 .StrengthList ul li a:hover .tImg .more{ width: 62px; height: 62px;border:1px solid #fff;border:1px solid rgba(255,255,255,0.6);left: 50%; margin-left: -31px; top:50%; margin-top: -31px; } @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #List2 .StrengthTit{margin-top:45px;} #List2 .StrengthTit h1{font-size:42px;} #List2 .StrengthTit h2{font-size:26px; line-height: 38px;} #List2 .StrengthList{margin-bottom: 70px;} #List2 .StrengthList ul li a .dText{font-size:22px; height: 75px; line-height: 75px;} } @media screen and (max-width:1024px){ #List2 .StrengthTit{margin-top: 35px;} #List2 .StrengthTit h1{font-size: 36px;line-height: 40px;} #List2 .StrengthTit h2{font-size:22px; line-height:30px;} #List2 .StrengthList{margin-bottom: 50px;} #List2 .StrengthList ul{margin-top: 0;} #List2 .StrengthList ul li{margin-top: 20px;} #List2 .StrengthList ul li a .dText{font-size:18px;height: 65px; line-height: 65px;} } @media screen and (max-width:767px){ #List2 .StrengthTit{margin-top: 25px;} #List2 .StrengthTit h1{font-size:28px;line-height:30px;} #List2 .StrengthTit h2{font-size:20px; line-height:24px;} #List2 .StrengthList{margin-bottom: 30px;} #List2 .StrengthList ul li{margin-top: 15px;} #List2 .StrengthList ul li a .dText{font-size:16px;height:40px; line-height: 40px;} #List2 .StrengthList ul li a:hover .tImg .more{ width:52px; height: 52px;border:1px solid #fff;border:1px solid rgba(255,255,255,0.6);left: 50%; margin-left: -26px; top:50%; margin-top: -26px; line-height: 50px; } } #Content11 .lineBg{float: left; width: 100%; height:2px; background:#f4f4f4;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:767px){ } /*6业绩详情*/ #Subpage .StrengthTit{float: left; width: 100%; margin-top: 54px;} #Subpage .StrengthTit h1{display: block; color:#f0f0f0; font-size:48px; line-height: 45px; font-weight: bolder;} #Subpage .StrengthTit h2{display: block; color:#004098; font-size: 30px; line-height: 42px;font-weight: bolder;} #Subpage .StrengthInfo{float: left; width: 100%; margin: 24px 0 73px 0;} #Subpage .StrengthInfo .slickCen{float: left; width: 100%;} #Subpage .StrengthInfo .slick-slide{padding: 0 5px;} #Subpage .StrengthInfo .slick-slide .img{float: left; width: 100%; background: #000; font-size:0; line-height: 0;} #Subpage .StrengthInfo .slick-slide img{ opacity:0.5;filter:alpha(opacity=50);} #Subpage .StrengthInfo .slick-slide.slick-active img{ opacity:1;filter:alpha(opacity=100);} #Subpage .StrengthInfo .slickCen .slick-prev, #Subpage .StrengthInfo .slickCen .slick-next {width:62px;height: 62px;left:95px;top:50%; margin-top: -20px; z-index: 6;background: #1361a1; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #Subpage .StrengthInfo .slickCen .slick-next{ left: auto; right:95px;} #Subpage .StrengthInfo .slickCen .slick-prev:after, #Subpage .StrengthInfo .slickCen .slick-prev:before, #Subpage .StrengthInfo .slickCen .slick-next:after, #Subpage .StrengthInfo .slickCen .slick-next:before { float: left; width: 20px; height: 2px; background:#fff; content: ''; position: relative; } #Subpage .StrengthInfo .slickCen .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: -7px; left: 20px; } #Subpage .StrengthInfo .slickCen .slick-prev:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top: 6px; left: -0.5px; } #Subpage .StrengthInfo .slickCen .slick-next:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; right: -20px; } #Subpage .StrengthInfo .slickCen .slick-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -8px; right: 0px; } #Subpage .StrengthInfo .slickCen .slick-prev:hover, #Subpage .StrengthInfo .slickCen .slick-next:hover{ background: #004098; } #Subpage .StrengthWords{float: left; width: 100%; margin-top: 32px; color:#333333; font-size:16px; line-height: 30px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Subpage .StrengthTit{margin-top:45px;} #Subpage .StrengthTit h1{font-size:42px;} #Subpage .StrengthTit h2{font-size:26px; line-height: 38px;} #Subpage .StrengthInfo .slickCen .slick-prev, #Subpage .StrengthInfo .slickCen .slick-next {width:50px;height: 50px;left:95px;top:50%; margin-top: -10px; } #Subpage .StrengthInfo .slickCen .slick-next{ left: auto; right:95px;} #Subpage .StrengthInfo .slickCen .slick-prev:before{top: -7px;left: 15px;} #Subpage .StrengthInfo .slickCen .slick-prev:after{top: 6px;left: -5px;} #Subpage .StrengthInfo .slickCen .slick-next:before{top: 5px;right: -15px;} #Subpage .StrengthInfo .slickCen .slick-next:after{top: -8px;right: 5px;} #Subpage .StrengthInfo{margin: 20px 0 65px 0;} #Subpage .StrengthWords{margin-top: 25px;} } @media screen and (max-width:1024px){ #Subpage .StrengthTit{margin-top: 35px;} #Subpage .StrengthTit h1{font-size: 36px;line-height: 40px;} #Subpage .StrengthTit h2{font-size:22px; line-height:30px;} #Subpage .StrengthInfo .slickCen .slick-prev, #Subpage .StrengthInfo .slickCen .slick-next{left:65px;} #Subpage .StrengthInfo .slickCen .slick-next{ left: auto; right:65px;} #Subpage .StrengthInfo{margin: 15px 0 45px 0;} #Subpage .StrengthWords{font-size:14px; line-height: 26px;margin-top:15px;} } @media screen and (max-width:767px){ #Subpage .StrengthTit{margin-top: 25px;} #Subpage .StrengthTit h1{font-size:28px;line-height:30px;} #Subpage .StrengthTit h2{font-size:20px; line-height:24px;} #Subpage .StrengthInfo .slickCen .slick-prev, #Subpage .StrengthInfo .slickCen .slick-next {width:30px;height: 30px;left:20px;top:50%; margin-top: -0px; } #Subpage .StrengthInfo .slickCen .slick-next{ left: auto; right:15px;} #Subpage .StrengthInfo .slickCen .slick-prev:after, #Subpage .StrengthInfo .slickCen .slick-prev:before, #Subpage .StrengthInfo .slickCen .slick-next:after, #Subpage .StrengthInfo .slickCen .slick-next:before {width: 10px;height:1px;} #Subpage .StrengthInfo .slickCen .slick-prev:before {top: -4px;left: 10px;} #Subpage .StrengthInfo .slickCen .slick-prev:after {top: 3px;left: 0px;} #Subpage .StrengthInfo .slickCen .slick-next::before {top: 3px;right: -10px;} #Subpage .StrengthInfo .slickCen .slick-next::after{top: -4px;right: 0px;} #Subpage .StrengthInfo{margin: 15px 0 25px 0;} } /*7媒体中心*/ #List3 .mediaBox{ float: left; width: 100%; padding: 50px 0 60px 0; position: relative} #List3 .mediaBox:after{position: absolute; content: ''; width: 2px; height: 100%; background: #eaeaea; left: 34.14%;top:0;} #List3 .leftMediaNew{float: left; width:31.7%;} #List3 .leftMediaNew .newsListLeft{float: left; width: 100%;} #List3 .leftMediaNew .newsListLeft .li_hp{float: left; width: 100%;} #List3 .leftMediaNew .newsListLeft h3{float: left; width: 100%; color:#333333; font-size: 18px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #List3 .leftMediaNew .newsListLeft .time{float: left; width: 100%; color:#e3e3e3; font-size:30px; line-height: 40px; font-weight: bolder; font-family: Arial;} #List3 .leftMediaNew .newsListLeft .nImg{float: left; width: 100%; margin-top: 12px;font-size: 0; line-height: 0; overflow: hidden;} #List3 .leftMediaNew .newsListLeft .nImg img{ transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List3 .leftMediaNew .newsListLeft .nText{float: left; width: 100%; margin-top: 15px; color:#666666; font-size:14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} #List3 .leftMediaNew .newsListLeft a:hover h3{color:#C02} #List3 .leftMediaNew .newsListLeft a:hover .nImg 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); } #List3 .leftMediaNew .newsListLeft .slick-dots{ height:6px; bottom:-34px; text-align: left;} #List3 .leftMediaNew .newsListLeft .slick-dots li{ background:#1361a1; width:38px; height:5px; margin:0 10px 0 0; text-indent:-9999px; overflow:hidden; vertical-align:top;opacity:0.3; filter:alpha(opacity=30); } #List3 .leftMediaNew .newsListLeft .slick-dots li.slick-active{background:#1361a1;opacity:1; filter:alpha(opacity=100);} #List3 .rightNewsList{float:right; width:62.6%;} #List3 .rightNewsList ul{float: left; width: 100%; margin-top: -25px;} #List3 .rightNewsList li{float: left; width: 100%;} #List3 .rightNewsList li a{float: left; width: 100%; padding-left: 150px;position: relative} #List3 .rightNewsList li a .timing{position: absolute; left: 0; top:32px; color:#e3e3e3; font-size: 24px; line-height: 35px; font-weight: bolder; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List3 .rightNewsList li a .rText{float: left; width: 100%;border-bottom:1px dotted #cccccc; padding: 31px 0 34px 0;} #List3 .rightNewsList li a .rText h3{float: left; width: 100%; color:#333333; font-size:18px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List3 .rightNewsList li a .rText .p{float: left; width: 100%; color:#666666; font-size: 14px; line-height: 24px; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } #List3 .rightNewsList li a:hover .timing, #List3 .rightNewsList li a:hover .rText h3{color:#004098;} #List3 .rightNewsList .newsMore{float: left; width: 100%; margin-top: 40px;} #List3 .rightNewsList .newsMore a{float: left; width: 100%; height: 62px; line-height: 62px; text-align: center; color:#1361a1; font-size: 16px; background: #f2f2f2;} #List3 .rightNewsList .newsMore a:hover{background: #1361a1;color:#fff;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ #List3 .mediaBox{padding: 35px 0 45px 0;} #List3 .leftMediaNew .newsListLeft h3{font-size: 16px;} #List3 .leftMediaNew .newsListLeft .time{font-size: 26px; line-height: 32px;} #List3 .leftMediaNew .newsListLeft .nImg{margin-top: 10px;} #List3 .rightNewsList ul{margin-top: -21px;} #List3 .rightNewsList li a{padding-left: 125px;} #List3 .rightNewsList li a .timing{font-size:20px; top:21px;} #List3 .rightNewsList li a .rText{padding: 21px 0 25px 0;} #List3 .rightNewsList li a .rText h3{font-size:16px;} #List3 .rightNewsList .newsMore{margin-top: 30px;} } @media screen and (max-width:767px){ #List3 .mediaBox{padding: 20px 0 30px 0;} #List3 .mediaBox:after{display: none;} #List3 .leftMediaNew{width: 100%;} #List3 .leftMediaNew .newsListLeft .slick-dots{bottom: -24px; height:3px;} #List3 .leftMediaNew .newsListLeft .slick-dots li{ height:3px;} #List3 .rightNewsList{width: 100%;} #List3 .rightNewsList ul{margin-top:35px;} #List3 .rightNewsList li a{padding-left: 0;} #List3 .rightNewsList li a .timing{top: 10px;} #List3 .rightNewsList li a .rText{padding: 40px 0 15px 0;} #List3 .rightNewsList li a .rText .p{ margin-top:2px;} #List3 .rightNewsList .newsMore{margin-top: 20px;} #List3 .rightNewsList .newsMore a{height: 40px; line-height: 40px;} } /*8新闻详情*/ #Subpage2 .pageNews{float: left; width: 100%; margin: 60px 0 75px 0; height: 100%; position:relative;} #Subpage2 .pageLeftInfo{float: left; width: 74.39%;} #Subpage2 .pageLeftInfo h2{float: left; width: 100%; color:#333333; font-weight: bolder; font-size: 24px; line-height: 24px;} #Subpage2 .pageLeftInfo .dTime{float: left; width: 100%; color:#888888; font-size:14px; line-height: 30px; margin-top: 20px;} #Subpage2 .pageLeftInfo .dTime img{vertical-align: middle; margin-top: -2px;} #Subpage2 .pageLeftInfo .newsWords{float: left; width: 100%; margin-top: 32px; border-top:1px solid #dedede; color:#555555; font-size: 16px; line-height: 36px; padding-top: 30px;} #Subpage2 .pageLeftInfo .caseShare{float: left; width: 100%; text-align: center; margin:60px 0 40px 0;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium a{width: 31px!important;height: 31px!important; margin-right:20px!important;} #Subpage2 .UP_DOWN{float: left; width: 100%; border-top:1px solid #dedede; padding-top: 28px;position: relative;} #Subpage2 .UP_DOWN a{color:#555555; font-size:16px; line-height: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #Subpage2 .UP_DOWN a:hover{color:#004098;} #Subpage2 .UP_DOWN .left{float: left; width: 50%; padding-right: 95px;} #Subpage2 .UP_DOWN .right{float: left; width: 50%; padding-left: 95px; text-align: right;} #Subpage2 .UP_DOWN .return{position: absolute; width: 148px; height: 20px; left: 50%; top:28px; margin-left: -74px; border-left: 1px dotted #b2b2b2;border-right: 1px dotted #b2b2b2; text-align:center;} #Subpage2 .pageRelatedNews{position: absolute; right: 0; top:0; width: 23.17%; background: #f5f5f5; padding: 20px 25px; height: 100%;} #Subpage2 .pageRelatedNews h2{float: left; width: 100%; color:#333333; font-size:24px; line-height: 40px;} #Subpage2 .pageRelatedNews ul{float: left; width: 100%; margin-top: 12px; border-top:1px solid #e7e7e7} #Subpage2 .pageRelatedNews ul li{float: left; width: 100%; padding: 15px 0;border-bottom: 1px dotted #c4c4c4;} #Subpage2 .pageRelatedNews ul li .b{float: left; width: 100%; color:#004098; font-size:18px; font-weight: bolder; line-height: 31px;} #Subpage2 .pageRelatedNews ul li .p2{float: left; width: 100%; color:#333333; font-size:14px; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } #Subpage2 .pageRelatedNews ul li a:hover .p2{text-decoration:underline;} #bsWXBox{ box-sizing:content-box;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium .bshare-weixin{background: url("/template/theme/CN/3757_proIn7.jpg")!important; background-size: 100%!important;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium .bshare-qqim{background: url("/template/theme/CN/3757_proIn8.jpg")!important; background-size: 100%!important;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium .bshare-qzone{background: url("/template/theme/CN/3757_proIn9.jpg")!important; background-size: 100%!important;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium .bshare-sinaminiblog{background: url("/template/theme/CN/3757_proIn10.jpg")!important; background-size: 100%!important;} #Subpage2 .pageLeftInfo .caseShare .bshare-toutiao{display: inline-block;width: 31px;height: 31px;margin-right: 20px;background: url("/template/theme/CN/3757_proIn11.jpg"); background-size: 100%;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Subpage2 .pageNews{margin: 50px 0 65px 0;} } @media screen and (max-width:1024px){ #Subpage2 .pageNews{margin:35px 0 40px 0;} #Subpage2 .pageLeftInfo{width: 100%;} #Subpage2 .pageLeftInfo h2{font-size:20px;} #Subpage2 .pageLeftInfo .dTime{margin-top: 15px;} #Subpage2 .pageLeftInfo .newsWords{margin-top: 22px; padding-top:20px;font-size:14px; line-height: 26px;} #Subpage2 .pageLeftInfo .caseShare{margin: 40px 0 25px 0;} #Subpage2 .UP_DOWN{padding-top:23px;} #Subpage2 .UP_DOWN a{font-size:14px;} #Subpage2 .UP_DOWN .return{top:23px;} #Subpage2 .pageRelatedNews{width: 100%; position: static; float: left; margin-top: 23px;padding: 15px 20px;} #Subpage2 .pageRelatedNews h2{font-size: 20px; line-height: 30px;} } @media screen and (max-width:767px){ #Subpage2 .pageNews{margin: 25px 0;} #Subpage2 .pageLeftInfo .dTime{margin-top:10px; line-height:24px;} #Subpage2 .pageLeftInfo .newsWords{margin-top: 15px; padding-top: 15px;} #Subpage2 .pageLeftInfo .caseShare{margin: 30px 0 25px 0;} #Subpage2 .pageLeftInfo .caseShare .bshare-custom.icon-medium a{ width: 25px!important; height: 27px!important;margin-right: 10px !important; } #Subpage2 .UP_DOWN{padding-top: 15px;} #Subpage2 .UP_DOWN a{line-height: 25px;} #Subpage2 .UP_DOWN .left{width: 100%; padding-right: 0} #Subpage2 .UP_DOWN .right{width: 100%; padding-left: 0; text-align: left;} #Subpage2 .UP_DOWN .return{position:static; float: left; width: 100%; top:0; border-top:1px dotted #b2b2b2; border-left: 0; border-right: 0; margin-left: 0; margin-top: 15px; padding-top: 10px; height: auto;} #Subpage2 .pageRelatedNews{margin-top: 15px;} #Subpage2 .pageRelatedNews ul li{padding: 10px 0;} } /*Honest1*/ #Content12 .Honest1{ float:left; width:100%; background:#f9f8f8; margin:60px 0; position:relative;} #Content12 .Honest1 .bg1{ float:left; width:34.14%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#f5f4f3;} #Content12 .Honest1 .cont1{ float:left; width:34.14%; position:relative; z-index:6;} #Content12 .Honest1 .cont1 .info1{ float:left; width:100%; background:#004098; color:#fff; font-size:18px; line-height:30px; padding:44px 11.9% 50px 11.9%; height:184px; overflow:hidden;} #Content12 .Honest1 .cont1 .info2{ float:left; width:100%; padding:10px 11.9% 95px 11.9%;} #Content12 .Honest1 .cont1 .info2 .l1{ float:left; width:100%; border-bottom:1px solid #e2e1e0; padding:45px 0 45px 107px; position:relative;} #Content12 .Honest1 .cont1 .info2 .tit1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} #Content12 .Honest1 .cont1 .info2 .tit2{ float:left; width:100%; color:#004098; font-size:16px; line-height:25px; margin-top:6px;} #Content12 .Honest1 .cont1 .info2 .ico{ float:left; width:65px; height:60px; position:absolute; left:16px; top:43px;} #Content12 .Honest1 .cont2{ float:left; width:65.86%;} #Content12 .Honest1 .cont2 .info1{ float:left; width:100%; color:#fff; font-size:30px; line-height:36px; letter-spacing:1px; font-weight:bold; padding:58px 11.48% 54px 30.2%; height:184px; overflow:hidden;} #Content12 .Honest1 .cont2 .info2{ float:left; width:100%; padding:20px 40px 44px 40px;} #Content12 .Honest1 .cont2 .info2 .l1{ float:left; width:100%; margin-bottom:20px; color:#333333; font-size:24px; line-height:34px; border-bottom:1px solid #e5e5e5; padding:15px 0;} #Content12 .Honest1 .cont2 .info2 .l2{ float:left; width:100%; margin-top:23px;} #Content12 .Honest1 .cont2 .info2 .tit1{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px; position:relative; padding-left:40px; font-weight:bold;} #Content12 .Honest1 .cont2 .info2 .ico{ float:left; width:28px; height:28px; position:absolute; left:0; top:0; border-radius:50%; background:#1361a1;} #Content12 .Honest1 .cont2 .info2 .p1{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; padding-left:40px; margin-top:9px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #Content12 .Honest1 .cont1 .info1{ font-size:16px;} #Content12 .Honest1 .cont2 .info1{ font-size:24px;} } @media screen and (max-width:1024px){ #Content12 .Honest1{ margin:30px 0;} #Content12 .Honest1 .bg1{ display:none;} #Content12 .Honest1 .cont1{ width:100%; background:#f5f4f3;} #Content12 .Honest1 .cont1 .info1{ font-size:16px; line-height:26px; padding:15px 15px; height:auto;} #Content12 .Honest1 .cont1 .info2{ padding:10px 15px 30px 15px;} #Content12 .Honest1 .cont1 .info2 .l1{ padding:15px 0 15px 70px;} #Content12 .Honest1 .cont1 .info2 .ico{ width:50px; height:46px; left:6px; top:18px;} #Content12 .Honest1 .cont2{ width:100%;} #Content12 .Honest1 .cont2 .info1{ padding:15px 15px; height:auto; font-size:20px; line-height:30px;} #Content12 .Honest1 .cont2 .info2{ padding:10px 15px 30px 15px;} #Content12 .Honest1 .cont2 .info2 .l1{ margin-bottom:10px; font-size:18px; line-height:28px; padding:6px 0;} #Content12 .Honest1 .cont2 .info2 .l2{ margin-top:12px;} #Content12 .Honest1 .cont2 .info2 .p1{ margin-top:5px;} } @media screen and (max-width:767px){ } /*job3*/ #List4 .job3{ float:left; width:100%; text-align:center; color:#444444; font-size:16px; line-height:30px; background:#f6f6f6; padding:0 0 54px 0;} #List4 .job3 .cont{ float:left; width:100%; padding:0 23%;} #List4 .job1{ float:left; width:100%; text-align:center; margin:60px 0 0 0;} #List4 .job1 .ul1{ margin:0 -15px;} #List4 .job1 .li{ float:left; width:33.33%; padding:0 15px 60px 15px; position:relative;} #List4 .job1 .li:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; bottom:0; content:''; border-left:23px solid transparent; border-right:23px solid transparent;border-bottom:22px solid #f6f6f6; margin-left:-23px;} #List4 .job1 .lab{ float:left; width:100%; position:relative; background:#000000; line-height:0; cursor:pointer;} #List4 .job1 .lab .pic{opacity:0.6; filter:alpha(opacity=60);} #List4 .job1 .lab .tit{ float:left; width:100%; position:absolute; left:0; top:50%; color:#fff; font-size:30px; line-height:40px; margin-top:-20px; text-align:center; letter-spacing:3px; font-weight:bold;} #List4 .job1 .li.on .lab{ background:#1361a1;} #List4 .job1 .li.on .pic{opacity:0.3; filter:alpha(opacity=30);} #List4 .job1 .li.on:after{ display:block;} #List4 .job2{ float:left; width:100%; background:#f6f6f6; padding:30px 0 36px 0;} #List4 .job2 .li{ float:left; width:100%; background:#f6f6f6; margin-top:30px; } #List4 .job2 .li .info{ float:left; width:100%; background:#fff; padding:15px 40px; color:#666666; font-size:16px; line-height:30px;} #List4 .job2 .li .info .tit{ float:left; padding-right:10px;} #List4 .job2 .li .info .l1{ color:#101010; width:21%;} #List4 .job2 .li .info .l2{ width:25%;} #List4 .job2 .li .info .l3{ width:22%;} #List4 .job2 .li .info .l4{ padding-right:0;} #List4 .job2 .li .info .l5{ float:right; font-size:12px; padding:0;} #List4 .job2 .li .info .l5 a{ color:#666666;} #List4 .job2 .li .info.active{ background:#1361a1; color:#fff;} #List4 .job2 .li .info.active .l1{ color:#fff;} #List4 .job2 .li .info.active .l5 a{ color:#fff;} #List4 .job2 .li .cont{ display:none; float:left; width:100%; background:#fff; padding:32px 40px 40px 40px; color:#333333; font-size:16px; line-height:32px; margin-top:1px;} #List4 .job2 .li .cont .p1{ float:left; width:100%;} #List4 .job2 .li .cont .p2{ float:left; width:100%; margin-top:51px;} #List4 .job2 .li .cont .btn{ float:left; width:158px; line-height:44px; color:#fff; font-size:16px; text-align:center; background:#004098;} #List4 .job2 .li .cont .btn:hover{ background:#1361a1;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #List4 .job3 .cont{ padding:0 16%;} } @media screen and (max-width:1024px){ #List4 .job3{ font-size:14px; line-height:26px; padding:0 0 30px 0;} #List4 .job3 .cont{ padding:0;} #List4 .job1{ margin:30px 0 0 0;} #List4 .job1 .ul1{ margin:0 -7px;} #List4 .job1 .li{ padding:0 7px 24px 7px;} #List4 .job1 .li:after{ border-left:12px solid transparent; border-right:12px solid transparent;border-bottom:11px solid #f6f6f6; margin-left:-23px;} #List4 .job1 .lab .tit{ font-size:16px; line-height:26px; margin-top:-13px; letter-spacing:1px;} #List4 .job2{ padding:20px 0;} #List4 .job2 .li{ margin-top:15px;} #List4 .job2 .li .info{ padding:10px 15px; font-size:14px; line-height:26px;} #List4 .job2 .li .info .l1{ width:25%;} #List4 .job2 .li .info .l2{ width:22%;} #List4 .job2 .li .info .l3{ width:20%;} #List4 .job2 .li .cont{ padding:18px 15px 25px 15px;} #List4 .job2 .li .cont{ font-size:14px; line-height:28px;} #List4 .job2 .li .cont .p2{ margin-top:25px;} #List4 .job2 .li .cont .btn{ width:120px; line-height:36px; font-size:14px;} } @media screen and (max-width:767px){ #List4 .job1 .ul1{ margin:0 -3px;} #List4 .job1 .li{ padding:0 3px 24px 3px;} #List4 .job2 .li .info{ line-height:22px; padding:12px 15px;} #List4 .job2 .li .info .l1{ width:60%;} #List4 .job2 .li .info .l2{ width:40%; padding-right:0;} #List4 .job2 .li .info .l3{ width:60%;} #List4 .job2 .li .info .l4{ display:none;} #List4 .job2 .li .info .l5{ width:40%;} } /*contact1*/ #List5 .contact1{ float:left; width:100%; position:relative; margin:60px 0;} #List5 .contact1 .line{ float:left; width:2px; height:100%; background:#f4f4f4; position:absolute; left:25.52%; top:0; z-index:1;} #List5 .contactL{ float:left; width:25.52%; position:relative; z-index:6;} #List5 .contactL .li{ float:left; width:100%; margin-bottom:2px; background:#f4f4f4; color:#333333; font-size:16px; line-height:26px; padding:18px 9.55%; cursor:pointer; position:relative;} #List5 .contactL .li:after{ display:none; float:left; width:0; height:0; position:absolute; left:100%; top:0; content:''; border-top: 31px solid transparent; border-bottom:31px solid transparent;border-left: 30px solid #1361a1; } #List5 .contactL .li.on{ width:103%; background:#1361a1; color:#fff;} #List5 .contactL .li.on:after{ display:block;} #List5 .contactR{ float:right; width:65.85%;} #List5 .contactR .cont{ display:none; float:left; width:100%;} #List5 .contactR .title{ float:left; width:100%; color:#333333; font-size:24px; line-height:36px;} #List5 .contactR .info{ float:left; width:100%; margin-top:28px;} #List5 .contactR .info .l1{ float:left; width:100%; position:relative; color:#333333; font-size:16px; line-height:26px; padding-left:75px; } #List5 .contactR .info .p1{ float:left; width:100%; border-bottom:1px dashed #e5e5e5;min-height:66px; padding:21px 0 29px 0;} #List5 .contactR .info .ico{ float:left; width:54px; height:54px; position:absolute; left:0; top:6px;} #List5 .contactR .box{ float:left; width:100%;} #List5 .bdmap{ float:left; width:100%; height:377px; overflow:hidden; margin-top:30px; position:relative;} #List5 .bdmap .BMap_pop{ display:none;} #List5 .bdmap .BMap_shadow img{ display:none;} #List5 .BMapLabel{ border:none !important; background:none !important; left:395px !important; top:149px !important; width:61px; height:38px; } #List5 .BMapLabel{ background:url(/template/theme/CN/3760_img17.png) center no-repeat !important;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ #List5 .contact1 .line{ left:27.52%;} #List5 .contactL{ width:27.52%;} #List5 .contactL .li{font-size:14px;} } @media screen and (max-width:1024px){ #List5 .contact1{ margin:30px 0;} #List5 .contact1 .line{ display:none;} #List5 .contactL{ width:100%;} #List5 .contactL .li{font-size:14px; line-height:24px; padding:6px 15px; } #List5 .contactL .li:after{ border-top:18px solid transparent; border-bottom:18px solid transparent;border-left:12px solid #1361a1; } #List5 .contactL .li.on{ width:100%;} #List5 .contactR{ width:100%; margin-top:15px;} #List5 .contactR .title{ font-size:20px; line-height:30px;} #List5 .contactR .info{ margin-top:10px;} #List5 .contactR .info .l1{ font-size:14px; line-height:24px; padding-left:52px;} #List5 .contactR .info .ico{ width:40px; height:40px;} #List5 .contactR .info .p1{ padding:14px 0 16px 0;min-height:52px; } #List5 .bdmap{ margin-top:20px;} } @media screen and (max-width:767px){ } #Content13 .page{ float:left; width:100%; margin:80px 0; color:#333; font-size:16px; line-height:36px;} @media screen and (max-width:1260px){ } @media screen and (max-width:1260px){ } @media screen and (max-width:1024px){ #Content13 .page{margin:40px 0; color:#333; font-size:14px; line-height:28px;} } @media screen and (max-width:767px){ } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#1361a1;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}