body {color:#333333} a{color:#3571b0}a:active,a:hover {color:#3571b0} @media (min-width: 1430px) {.container{ width: 1430px; }} @media (min-width: 1430px) {.container{ width: 1430px; }} #Top .container1{ margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;} @media (min-width: 768px) { .container1 { width: 768px;} } @media (min-width: 1024px) { .container1 { width: 1024px;} } @media (min-width: 1230px) { .container1 { width: 1230px;} } @media (min-width: 1470px) { .container1 {width: 1470px;} } @media (min-width: 1750px) { .container1 {width: 1750px;} } #Top .head{ float:left; width:100%; background:#fff; position:relative; z-index:88;} #Top .logo{ float:left; margin:28px 0; width:165px; line-height:0;} #Top .lang{ float:right; position:relative; margin:32px 0;} #Top .lang h5{ float:left; min-width:70px; text-align:right; color:#999999; font-size:14px; line-height:36px; padding-right:19px; letter-spacing:2px; cursor:pointer;} #Top .lang h5 img{ float:left; position:absolute; right:0; top:50%; width:12px; height:7px; margin-top:-3px;} #Top .lang ul{ display:none; float:left; width:100%; position:absolute; right:0; top:68px; background:#fff; padding:6px 0; border:1px solid #f2f2f2; box-shadow:0 5px 10px rgba(0,0,0,0.1);} #Top .lang ul li{ float:left; width:100%; color:#999999; font-size:13px; line-height:22px; text-align:center; cursor:pointer;letter-spacing:2px;} #Top .lang ul li:hover{ color:#3571b0;} #Top .so{ float:right; position:relative; width:140px; margin:32px 0;} #Top .so .Search{ float:left; width:100%; height:36px; background:none; border:0; line-height:24px; padding:6px 0 6px 28px; color:#999999; font-size:14px;} #Top .so .sear_sub{ float:left; width:18px; height:18px; border:none; position:absolute; left:0; top:50%; margin-top:-9px; z-index:6; cursor:pointer;} #Top .so .ri-search-2-line{ display:none; float:left; width:18px; height:18px; color:#363636; font-size:18px; position:absolute; left:0; top:50%; margin-top:-9px; z-index:5;} #Top .so ::-webkit-input-placeholder{color:#999999;} #Top .so :-moz-placeholder{color:#999999;} #Top .so ::-moz-placeholder{color:#999999;} #Top .so :-ms-input-placeholder{color:#999999;} /*menu*/ #Top .menu{float:right; margin-right:161px;} #Top .menu .nli{ float:left; padding:0 25px; position:relative;} #Top .menu .nli span a{ float:left; position:relative; color:#333; font-size:16px; line-height:100px;} #Top .menu .nli span a:after{ float:left; width:0; height:2px; position:absolute; left:50%; bottom:0; content:''; background:#3571b0;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%);} #Top .menu .nli span a:before{ float:left; width:0; height:0; position:absolute; left:50%; bottom:1px; content:''; border-left:5px solid transparent; border-right:5px solid transparent;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#3571b0; font-weight:bold;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:86px;} #Top .menu .nli.active span a:before, #Top .menu .nli:hover span a:before{border-bottom: 5px solid #3571b0;} #Top .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;} #Top .menuSub{ display:none; float:left; position:absolute; left:0; top:100px; width:100%; z-index:66;background:#fff; background:rgba(255,255,255,0.9); padding:36px 0 90px 0;} #Top .menuSub .sub{ float:right; margin-right:340px;} #Top .menuSub .ul1{ float:left; width:152px; padding-left:5px;} #Top .menuSub .ul1 li{ float:left; width:100%;} #Top .menuSub .ul1 li a{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:9px 0;} #Top .menuSub .ul1 li a:hover{ color:#3571b0;} #Top .headhover #Top .menuSub{ display:block;} #Top .menuSub .ul1:nth-child(1){width:156px;} #Top .menuSub .ul1:nth-child(2){width:114px;} #Top .menuSub .ul1:nth-child(3){width:114px;} #Top .menuSub .ul1:nth-child(4){width:114px;} #Top .menuSub .ul1:nth-child(5){width:172px;} #Top .menuSub .ul1:nth-child(6){width:156px;} @media screen and (max-width:1750px ){ #Top .menu{ margin-right:91px;} #Top .menu .nli{ padding:0 20px;} #Top .menuSub{ padding:36px 0 50px 0;} #Top .menuSub .sub{ margin-right:282px;} #Top .menuSub .ul1:nth-child(1){width:136px;} #Top .menuSub .ul1:nth-child(2){width:104px;} #Top .menuSub .ul1:nth-child(3){width:104px;} #Top .menuSub .ul1:nth-child(4){width:104px;} #Top .menuSub .ul1:nth-child(5){width:152px;} #Top .menuSub .ul1:nth-child(6){width:136px;} #Top .menuSub .ul1 li a{ font-size:15px; margin:7px 0;} } /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:21px 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:64px 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: #3571b0; } #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:1470px){ #Top .menu{ margin-right:41px;} #Top .menu .nli{ padding:0 12px;} #Top .menu .nli span a{ font-size:15px;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:76px;} #Top .menuSub .sub{ margin-right:237px;} #Top .menuSub .ul1:nth-child(1){width:116px;} #Top .menuSub .ul1:nth-child(2){width:84px;} #Top .menuSub .ul1:nth-child(3){width:84px;} #Top .menuSub .ul1:nth-child(4){width:84px;} #Top .menuSub .ul1:nth-child(5){width:132px;} #Top .menuSub .ul1:nth-child(6){width:116px;} #Top .menuSub .ul1 li a{ font-size:13px;} } @media screen and (max-width:1230px){ #Top .menu{ margin-right:16px;} #Top .menu .nli{ padding:0 10px;} #Top .menu .nli span a{ font-size:13px;} #Top .menu .nli.active span a:after, #Top .menu .nli:hover span a:after{ width:66px;} #Top .menuSub .sub{ margin-right:177px;} #Top .menuSub .ul1:nth-child(1){width:98px;} #Top .menuSub .ul1:nth-child(2){width:72px;} #Top .menuSub .ul1:nth-child(3){width:72px;} #Top .menuSub .ul1:nth-child(4){width:72px;} #Top .menuSub .ul1:nth-child(5){width:111px;} #Top .menuSub .ul1:nth-child(6){width:98px;} #Top .menuSub .ul1 li a{ margin:5px 0; font-size:12px;} #Top .so{ width:100px;} #Top .so .Search{padding:6px 0 6px 24px;} } @media screen and (max-width:992px){ #Top .logo{ margin:10px 0;} #Top .menu{ display:none;} #Top .so{ width:100%; background:#3571b0; border-radius:3px; margin:20px 0 0 0;} #Top .so .Search{ color:#fff; padding:4px 12px 6px 36px;} #Top .so .sear_sub{ left:12px;} #Top .so .ri-search-2-line{ left:12px; color:#fff;} #Top .so ::-webkit-input-placeholder{color:#fff;} #Top .so :-moz-placeholder{color:#fff;} #Top .so ::-moz-placeholder{color:#fff;} #Top .so :-ms-input-placeholder{color:#fff;} #Top .lang{ margin:14px 15px 14px 0;} #Top .lang ul{ top:50px;} #Top .menuph{ display:block;} } @media screen and (max-width:768px){ } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#3571b0; 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.2);} #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 .pf_right{ float:right; width:50px; position:fixed; right:3px; top:50%; margin-top:-75px; z-index:66; -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;} #Down .pf_right ul{ float:left; width:100%; background:#474747;} #Down .pf_right li{ float:left; width:100%; position:relative; height:50px; z-index:6; border-bottom:1px solid #575757;} #Down .pf_right li:last-child{ border-bottom:none;} #Down .pf_right li .ico{ float:left; width:50px; padding:6px; line-height:0; text-align:center; position:relative; z-index:6;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Down .pf_right li:hover .ico{ background:#3571b0;} #Down .pf_right .Hotline{ float:left; position:absolute; top:0; right:-300px; background:#3571b0; padding:6px 58px 6px 10px; color:#fff; font-size:16px; white-space: nowrap; line-height:38px;-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; } #Down .pf_right .Hotline img{ display:inline-block; vertical-align:top;} #Down .pf_right li:hover .Hotline{ right:0;} /*footer*/ #Down .pz_down{ float:left; width:100%; background:#222222;} #Down .foot1{ float:left; width:100%; padding:76px 0 42px 0;position:relative; z-index:6;} #Down .footNav{ float:left;} #Down .footNav .ul1{ float:left; width:176px; padding-right:12px;} #Down .footNav .footTit{ float:left; width:100%; color:#fff; 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; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:30px;} #Down .footNav .box li a:hover{ color:#3571b0;} #Down .footUs{ float:right; width:295px;} #Down .footUs .tel{ float:left; width:100%; line-height:40px; font-size:36px; color:#fff; font-family:Arial; font-weight:bold; position:relative; letter-spacing:1px; white-space:nowrap;} #Down .footUs .tel img{ position:relative; top:3px; margin-right:16px; width:30px; height:30px;} #Down .footUs .addr{ float:left; width:100%; color:#fff; font-size:16px; line-height:32px; margin:14px 0;} #Down .footShare{ float:left;} #Down .footShare a, #Down .footShare .bds_more{ float:left; width:34px !important; height:34px !important; padding:0 !important; margin:0 10px 0 0 !important; border:1px solid #fff; border-radius:50%; background:none !important;} #Down .footShare a:hover, #Down .footShare .bds_more:hover{ border:1px solid #3571b0; background:#C01 !important;} #Down .foot2{ float:left; width:100%; padding:25px 0; position:relative; z-index:6; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1); } #Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{ color:#3571b0;} #Down .FootMap{ float:right; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;} #Down .links{ float:right; position:relative; margin-right:24px;} #Down .links h5{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; padding-right:17px; cursor:pointer;} #Down .links ul{ display:none; float:left; width:90px; text-align:center; position:absolute; right:0; bottom:24px; background:#666666; background:rgba(17,17,17,0.8); padding:6px 0;} #Down .links ul li{ float:left; width:100%;} #Down .links ul li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px;} #Down .links ul li a:hover{ color:#3571b0;} @media screen and (max-width:1430px){ #Down .footNav .ul1{ width:142px;} } @media screen and (max-width:1230px){ #Down .footNav .ul1{ width:116px;} #Down .footNav .box li a{ font-size:13px;} #Down .footUs{ width:250px;} #Down .footUs .addr{ font-size:14px; line-height:30px;} #Down .footUs .tel{ font-size:30px; line-height:36px;} #Down .footUs .tel img{ top:3px; margin-right:12px; width:26px; height:26px;} } @media screen and (max-width:992px){ #Down .foot1{ padding:15px 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:#3571b0; 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%;} #Down .footUs .tel{ font-size:26px; line-height:32px;} #Down .footUs .tel img{ top:3px; margin-right:8px; width:22px; height:22px;} #Down .footUs .addr{ margin:0; line-height:24px;} #Down .footShare{ display:none;} #Down .foot2{ padding:15px 0;} #Down .links{ margin-right:15px;} } @media screen and (max-width:768px){ #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;} #Down .links{ float:none; display:inline-block; vertical-align:top; margin:0 0 0 12px;} } /*banner*/ #Slide .slide_banner{ float:left; width:100%; position:relative; text-align:center;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0; min-height:inherit;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:12px;bottom:30px;} #Slide .slide_banner .slick-dots li{ background:#fff; width:12px; height:12px; margin:0 9; background:#fff; border-radius:50%; text-indent:-9999px; overflow:hidden; vertical-align:top; opacity:0.4; filter:alpha(opacity=40); } #Slide .slide_banner .slick-dots li.slick-active{ opacity:1; filter:alpha(opacity100); } #Slide .slide_banner .slick-prev, #Slide .slide_banner .slick-next{ font-family:Arial; font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; letter-spacing:1px; height:25px; line-height:25px; width:auto; z-index:16;} #Slide .slide_banner .slick-prev{ left:2.08%; padding-left:36px; background:url(/template/theme/CN/1879_prev.png) left center no-repeat; background-size:auto 100%;} #Slide .slide_banner .slick-next{ right:2.08%; padding-right:36px; background:url(/template/theme/CN/1879_next.png) right center no-repeat; background-size:auto 100%;} #Slide .slide_banner .slick-prev:hover, #Slide .slide_banner .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50); } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{ bottom:15px; height:10px;} #Slide .slide_banner .slick-dots li{ width:10px; height:10px; margin:0 5px;} } @media screen and (max-width:768px){ } #Content .homeCont1{ float:left; width:100%; padding:80px 0 95px 0;} #Content .homeTit{ float:left; width:100%; text-align:center;} #Content .homeTit .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:36px;} #Content .homeTit .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;} #Content .homeTit .line{ float:left; width:100%;} #Content .homeTit .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#3571b0;} #Content .fenBu{ float:left; width:100%; margin-top:38px;} #Content .fenBu .ul{ margin:0 -14px;} #Content .fenBu .l1{ float:left; width:50%; padding:0 14px; margin-top:12px;} #Content .fenBu .la{ float:left; width:100%; background:#fff; padding:20px; box-shadow:0 6px 36px rgba(0,0,0,0.08); border-radius:28px;} #Content .fenBu .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:44px; margin-bottom:20px;} #Content .fenBu .img{ float:left; width:100%; line-height:0;} @media screen and (max-width:1430px){ #Content .homeTit .tit1{ font-size:28px; line-height:28px;} } @media screen and (max-width:1230px){ #Content .fenBu .la{ padding:15px;border-radius:20px;} #Content .fenBu .tit{ margin-bottom:15px; font-size:20px; line-height:40px;} } @media screen and (max-width:992px){ #Content .homeCont1{ padding:30px 0;} #Content .homeTit .tit1{ font-size:20px; line-height:20px;} #Content .homeTit .tit2{ font-size:14px; line-height:24px; margin:6px 0;} #Content .homeTit .line span{ height:2px;} #Content .fenBu{ margin-top:8px;} #Content .fenBu .ul{ margin:0 -6px;} #Content .fenBu .l1{ padding:0 6px;} #Content .fenBu .la{ padding:10px;border-radius:10px;} #Content .fenBu .tit{ font-size:16px; line-height:26px; margin-bottom:10px;} } @media screen and (max-width:768px){ #Content .fenBu .l1{ width:100%;} } /*homeCont2*/ #Content2 .homeCont2{ float:left; width:100%; position:relative; background:#12202e; padding:130px 0 80px 0;} #Content2 .homeCont2 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.08; filter:alpha(opacity=8); } #Content2 .homeTit2{ float:left; width:100%; } #Content2 .homeTit2 .tit1{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px;} #Content2 .homeTit2 .tit2{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;opacity:0.5; filter:alpha(opacity=50); } #Content2 .homeTit2 .line{ float:left; width:100%; position:relative;} #Content2 .homeTit2 .line i{ float:left; width:100%; position:absolute; left:0; top:1px; z-index:7; height:2px; background:#fff;opacity:0.3; filter:alpha(opacity=30); } #Content2 .homeTit2 .line span{ float:left; width:42px; height:4px; background:#fff; position:relative; z-index:8;} #Content2 .biaozhun{ width:924px; float:left; position:relative; z-index:6;} #Content2 .xingneng{ width:447px; float:right; position:relative; z-index:6;} #Content2 .homeCoat{ float:left; width:100%; margin-top:37px;} #Content2 .homeCoat .ul1{ margin:0 -15px;} #Content2 .homeCoat .l1{ float:left; width:50%; padding:0 15px; margin-top:12px;} #Content2 .homeCoat .l2{ width:100%;} #Content2 .homeCoat .la{ float:left; width:100%; position:relative; text-align:center;} #Content2 .homeCoat .tit{ float:left; width:100%; background:#3571b0; color:#fff; font-size:24px; line-height:44px; padding:29px 12px 90px 12px; position:relative; z-index:1;} #Content2 .homeCoat .img{ float:left; width:100%; height:0;} #Content2 .homeCoat .img i{ display:block; margin:0 auto; position:relative; top:-70px; width:140px; height:140px; border-radius:50%; border:8px solid rgba(255,255,255,0.26); z-index:6; box-shadow:0 0 9px rgba(0,0,0,0.04);} #Content2 .homeCoat .img i img{ display:block; width:100%; height:100%; border-radius:50%; background:#fff; padding:25px;} #Content2 .homeCoat .info{ float:left; width:100%; padding:70px 12px 50px 12px; background:#fff; background:rgba(255,255,255,0.95); position:relative; z-index:1;} #Content2 .homeCoat .p1{ float:left; width:100%; color:#555555; font-size:16px; line-height:35px; height:70px; overflow:hidden; margin:30px 0 42px 0;} #Content2 .homeCoat .btn{ display:inline-block; vertical-align:top; width:226px; height:54px; line-height:52px; color:#fff; font-size:16px; background:#3571b0; border-radius:54px;} #Content2 .homeCoat .btn img{ display:inline-block; vertical-align:top; position:relative; width:22px; height:22px; margin:16px 8px 0 0;} #Content2 .homeCoat .la:hover{ box-shadow:0 5px 10px rgba(255,255,255,0.2);} #Content2 .homeCoat .la:hover .img i{-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);} #Content2 .homeCoat .la:hover .btn{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1430px){ #Content2 .homeTit2 .tit1{ font-size:28px; line-height:28px;} #Content2 .biaozhun{ width:775px;} #Content2 .xingneng{ width:375px;} #Content2 .homeCoat .ul1{ margin:0 -10px;} #Content2 .homeCoat .l1{ padding:0 10px;} } @media screen and (max-width:1230px){ #Content2 .homeCont2{ padding:80px 0;} #Content2 .biaozhun{ width:633px;} #Content2 .xingneng{ width:309px;} #Content2 .homeCoat .tit{ font-size:20px; line-height:40px;padding:19px 12px 70px 12px; } #Content2 .homeCoat .img i{top:-60px; width:120px; height:120px; border:6px solid rgba(255,255,255,0.26);} #Content2 .homeCoat .img i img{ padding:20px;} #Content2 .homeCoat .info{ padding:50px 12px 40px 12px;} #Content2 .homeCoat .p1{ font-size:14px; line-height:30px; height:60px; margin:20px 0;} #Content2 .homeCoat .btn{ width:160px; height:40px; line-height:38px; font-size:14px;} #Content2 .homeCoat .btn img{ width:16px; height:16px; margin:12px 6px 0 0;} } @media screen and (max-width:992px){ #Content2 .homeCont2{ padding:30px 0;} #Content2 .homeTit2 .tit1{ font-size:20px; line-height:20px;} #Content2 .homeTit2 .tit2{ font-size:14px; line-height:24px; margin:6px 0;} #Content2 .homeTit2 .line i{ height:1px;} #Content2 .homeTit2 .line span{ height:2px;} #Content2 .biaozhun{ width:488px;} #Content2 .xingneng{ width:238px;} #Content2 .homeCoat{ margin-top:8px;} #Content2 .homeCoat .ul1{ margin:0 -6px;} #Content2 .homeCoat .l1{ padding:0 6px;} #Content2 .homeCoat .tit{ font-size:16px; line-height:36px;padding:15px 12px 60px 12px; } #Content2 .homeCoat .img i{top:-50px; width:100px; height:100px; border:5px solid rgba(255,255,255,0.26);} #Content2 .homeCoat .img i img{ padding:16px;} #Content2 .homeCoat .info{ padding:40px 12px 30px 12px;} #Content2 .homeCoat .p1{ font-size:14px; line-height:26px; height:52px; margin:15px 0;} } @media screen and (max-width:768px){ #Content2 .biaozhun{ width:100%;} #Content2 .xingneng{ width:100%; margin-top:20px;} #Content2 .homeCoat .l1{ width:100%;} } /*homeCont3*/ #Content3 .homeCont3{ float:left; width:100%; padding:80px 0; overflow:hidden;} #Content3 .homeTit3{ float:left; width:100%; position:relative; padding:32px 0;} #Content3 .homeTit3 .tit1{ float:left; width:399px; color:#3571b0; font-size:52px; line-height:52px; letter-spacing:5px;padding-top:10px; background:#fff; position:relative; z-index:6; font-weight:bold; font-family:Arial;text-transform:uppercase; } #Content3 .homeTit3 .tit2{ float:left; width:399px; color:#3571b0; font-size:30px; line-height:44px; letter-spacing:5px; padding-bottom:10px; background:#fff; position:relative; z-index:6;} #Content3 .homeTit3 .line{ float:left; width:399px; height:100%; border:12px solid #f8f8f8; position:absolute; left:83px; top:0; z-index:1;} #Content3 .aboutL{ float:left; width:46.28%; margin-top:30px;} #Content3 .aboutL .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:32px; height:192px; overflow:hidden; margin:31px 0 41px 0;} #Content3 .aboutL .more{ float:left;width:188px; height:48px; line-height:46px; color:#fff; font-size:16px; background:#3571b0; border-radius:54px; text-transform:uppercase; text-align:center;} #Content3 .aboutL .more img{ display:inline-block; vertical-align:top; position:relative; width:17px; height:9px; margin:19px 0 0 19px;} #Content3 .aboutL .more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content3 .aboutR{ float:right; width:48.92%; position:relative; line-height:0;} #Content3 .aboutR .img{ float:left; width:100%; line-height:0; position:relative; z-index:1;} #Content3 .aboutR .tit{ float:left; position:absolute; left:20%; bottom:0; z-index:6; font-family:Arial; font-weight:bold; font-size:94px; color:#000000;opacity:0.1; filter:alpha(opacity=10); text-transform:uppercase; line-height:70px; letter-spacing:8px;} @media screen and (max-width:1430px){ #Content3 .homeTit3{ padding:32px 0;} #Content3 .homeTit3 .tit1{ width:350px; font-size:40px; line-height:40px;} #Content3 .homeTit3 .tit2{ width:350px; font-size:24px; line-height:34px;letter-spacing:4px;} #Content3 .homeTit3 .line{ width:350px; border:8px solid #f8f8f8; left:70px;} #Content3 .aboutL{ margin-top:10px;} #Content3 .aboutL .info{ line-height:28px; height:168px; margin:30px 0 30px 0;} #Content3 .aboutR .tit{font-size:70px; line-height:50px; letter-spacing:4px; } } @media screen and (max-width:1230px){ #Content3 .homeTit3{ padding:25px 0;} #Content3 .homeTit3 .tit1{ width:320px; padding-top:6px;} #Content3 .homeTit3 .tit2{ width:320px; padding-bottom:6px;} #Content3 .homeTit3 .line{ width:320px;} #Content3 .aboutL .more{width:140px; height:38px; line-height:36px; font-size:14px;} #Content3 .aboutL .more img{width:17px; height:9px; margin:14px 0 0 12px;} #Content3 .aboutL .info{ line-height:28px; height:140px; margin:22px 0 26px 0;} #Content3 .aboutR .tit{font-size:58px; line-height:42px; letter-spacing:4px; } } @media screen and (max-width:992px){ #Content3 .homeCont3{ padding:30px 0;} #Content3 .homeTit3{ padding:12px 0;} #Content3 .homeTit3 .tit1{ width:240px; padding-top:6px; font-size:30px; line-height:26px; padding-top:4px; letter-spacing:4px;} #Content3 .homeTit3 .tit2{ width:240px; padding-bottom:6px; font-size:18px; line-height:24px;padding-bottom:4px; letter-spacing:3px;} #Content3 .homeTit3 .line{ width:240px; border:4px solid #f8f8f8; left:54px;} #Content3 .aboutL{ margin-top:0;} #Content3 .aboutL .info{ line-height:28px; height:112px; margin:15px 0 18px 0;} #Content3 .aboutR .tit{font-size:44px; line-height:32px; letter-spacing:3px; left:15%;} } @media screen and (max-width:768px){ #Content3 .aboutL{ width:100%;} #Content3 .aboutL .info{ line-height:26px; height:104px; margin:12px 0 15px 0;} #Content3 .aboutR{ width:100%; margin-top:20px;} } /*homeCont4*/ #Content4 .homeCont4{ float:left; width:100%; position:relative; background:#3571b0; padding:80px 0;} #Content4 .homeCont4 .bg4{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.08; filter:alpha(opacity=8); } #Content4 .homeTit4{ float:left; width:100%; text-align:center; position:relative; z-index:6;} #Content4 .homeTit4 .tit1{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px;} #Content4 .homeTit4 .tit2{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; text-transform:uppercase; margin:13px 0;opacity:0.5; filter:alpha(opacity=50); } #Content4 .homeTit4 .line{ float:left; width:100%;} #Content4 .homeTit4 .line span{ display:block; margin:0 auto; width:42px; height:4px; background:#fff;} #Content4 .homeNews{ float:left; width:100%; position:relative; z-index:6; margin-top:40px;} #Content4 .homeNews .hd{ float:left; width:100%; text-align:center;} #Content4 .homeNews .hd ul{ display:inline-block; vertical-align:top;} #Content4 .homeNews .hd li{ float:left; margin:0 10px; width:140px; height:46px; line-height:44px; color:#fff; font-size:18px; background:#fff; background:rgba(255,255,255,0.1);-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; cursor:pointer;} #Content4 .homeNews .hd li.on{ background:#3571b0;} #Content4 .homeNews .bd{ float:left; width:100%; margin-top:40px;} #Content4 .homeNews .ul1{ float:left; width:100%; background:#fff;} #Content4 .homeNews .img{ float:left; width:50%; line-height:0; overflow:hidden;} #Content4 .homeNews .cont{ float:left; width:50%; padding:25px 0;} #Content4 .homeNews .cont .l1{ float:left; width:100%;} #Content4 .homeNews .cont .la{ float:left; width:100%; position:relative; padding:28px 55px 28px 157px;} #Content4 .homeNews .cont .bg{ float:left; width:100%; height:100%; position:absolute; top:0; right:0; z-index:1;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content4 .homeNews .cont .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; position:relative; z-index:6; letter-spacing:1px;} #Content4 .homeNews .cont .ifno{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; position:relative; z-index:6; letter-spacing:1px; margin-top:10px;} #Content4 .homeNews .cont .time{ float:left; color:#333333; font-size:18px; line-height:28px; position:absolute; left:62px; top:50%; z-index:6; font-family:Arial; margin-top:-36px;} #Content4 .homeNews .cont .time time{ display:block; color:#333333; font-size:48px; line-height:48px; font-weight:bold;} #Content4 .homeNews .cont .time span{ display:block; color:#666666; font-size:14px; line-height:24px;} #Content4 .homeNews .cont .la:hover .bg{ background:#3571b0; width:102.85%;} #Content4 .homeNews .cont .la:hover .tit{ color:#fff;} #Content4 .homeNews .cont .la:hover .ifno{ color:#fff;opacity:0.6; filter:alpha(opacity=60);} #Content4 .homeNews .cont .la:hover .time time{ color:#fff;} #Content4 .homeNews .cont .la:hover .time span{ color:#fff;} @media screen and (max-width:1430px){ #Content4 .homeTit4 .tit1{ font-size:28px; line-height:28px;} #Content4 .homeNews .cont{ padding:15px 0;} #Content4 .homeNews .cont .la{ padding:22px 45px 22px 140px;} #Content4 .homeNews .cont .tit{ font-size:18px; line-height:28px;} #Content4 .homeNews .cont .ifno{ margin-top:6px;} #Content4 .homeNews .cont .time{ margin-top:-31px; left:55px;} #Content4 .homeNews .cont .time time{ font-size:36px; line-height:36px;} } @media screen and (max-width:1230px){ #Content4 .homeNews .cont .la{ padding:14px 30px 14px 105px;} #Content4 .homeNews .cont .tit{ font-size:16px; line-height:26px;} #Content4 .homeNews .cont .ifno{ margin-top:4px;} #Content4 .homeNews .cont .time{ margin-top:-27px; left:30px;} #Content4 .homeNews .cont .time time{ font-size:30px; line-height:30px;} #Content4 .homeNews .cont .time span{ font-size:13px;} } @media screen and (max-width:992px){ #Content4 .homeCont4{ padding:30px 0;} #Content4 .homeTit4 .tit1{ font-size:20px; line-height:20px;} #Content4 .homeTit4 .tit2{ font-size:14px; line-height:24px; margin:6px 0;} #Content4 .homeTit4 .line span{ height:2px;} #Content4 .homeNews{ margin-top:20px;} #Content4 .homeNews .hd li{ margin:0 6px; width:100px; height:36px; line-height:34px; font-size:16px;} #Content4 .homeNews .bd{ float:left; width:100%; margin-top:20px;} #Content4 .homeNews .cont{ width:46%; padding:10px 0;} #Content4 .homeNews .cont .la{ padding:8px 15px 8px 80px;} #Content4 .homeNews .cont .tit{ font-size:16px; line-height:26px;} #Content4 .homeNews .cont .ifno{ margin-top:3px;} #Content4 .homeNews .cont .time{ margin-top:-27px; left:15px;} #Content4 .homeNews .cont .time time{ font-size:30px; line-height:30px;} #Content4 .homeNews .cont .time span{ font-size:13px;} #Content4 .homeNews .img{ width:54%;} } @media screen and (max-width:768px){ #Content4 .homeNews .img{ width:100%;} #Content4 .homeNews .cont{ width:100%;} } /*二级导航*/ #Content5 .headline{float:left;width: 100%; border-bottom: 1px solid #e5e5e5;} #Content5 .pz_SideLayer{ float: left;} #Content5 .pz_SideLayer li{ float:left; margin-right: 30px;} #Content5 .pz_SideLayer li a{ float: left; color:#333333; position: relative; font-size:16px; line-height:75px; -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; } #Content5 .pz_SideLayer li a span{ float: left; margin: 0 15px; position: relative; z-index: 99;} #Content5 .pz_SideLayer li a:after{ position: absolute; content: ''; width: 100%; background: #3571b0; top:50%; left: 0; height:0; -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; } #Content5 .pz_SideLayer li a:hover, #Content5 .pz_SideLayer li a.hover{font-weight: bold; color:#fff;} #Content5 .pz_SideLayer li a:hover:after, #Content5 .pz_SideLayer li a.hover:after{ height: 96px; top:-10px;} #Content5 .breadcrumb{ float: right; color:#666666; line-height: 75px; font-size: 16px;} #Content5 .breadcrumb .hover{ display: inline-block; margin-right: 5px;} #Content5 .breadcrumb .hover img{vertical-align: middle; margin-top:-6px;} #Content5 .breadcrumb a.hover, #Content5 .breadcrumb a:hover{ color:#3571b0;} @media screen and (max-width:1430px){ #Content5 .pz_SideLayer li{ margin-right: 20px;} } @media screen and (max-width:1230px){ #Content5 .pz_SideLayer li{ margin-right:10px;} #Content5 .pz_SideLayer li a{ font-size:15px;} #Content5 .pz_SideLayer li a span{ margin:0 14px;} #Content5 .breadcrumb{ font-size:15px;} } @media screen and (max-width:992px){ #Content5 .pz_SideLayer{ display:none; width:100%; z-index:5;float:left; border-top:1px solid #fff; margin-bottom: 5px;} #Content5 .pz_SideLayer li{ width:33.33%; margin:5px 0 0 0; float:left; text-align:center; } #Content5 .pz_SideLayer li a{float: left;width: 100%; margin-right: 0; line-height:33px; height:33px; font-size:14px; position: relative; border:0; text-align: center;} #Content5 .pz_SideLayer li a:after{ height:10px!important; margin-top:-5px;float:left; width:1px; position:absolute; right:0; top:50%!important; content:''; background:#dadcdf; z-index:-1;} #Content5 .pz_SideLayer li a span{display: block; width: 100%; margin: 0;} #Content5 .headline .dt{ width:100%; float:left; font-size:16px; height:50px; line-height:50px; position:relative; color:#3571b0;} #Content5 .headline .dt .ri-arrow-right-s-line{ float: right; font-size:25px; -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; } #Content5 .headline .dt.on{border-bottom: 1px solid #e5e5e5} #Content5 .headline .dt.on .ri-arrow-right-s-line{ transform:rotate(90deg);} #Content5 .pz_SideLayer li a:hover, #Content5 .pz_SideLayer li a.hover{ color:#3571b0; border-bottom: 0; background: rgba(53,113,176,0.2)} #Content5 .breadcrumb{ display: none;} } @media screen and (max-width:768px){ #Content5 .pz_SideLayer li{ width:50%;} } /*zy_banner*/ #Slide2 .zy_banner{ float:left; width:100%;line-height:0;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content6 .pz_SideLayer1{ float:left; width:100%; text-align:center; margin:60px 0;} #Content6 .pz_SideLayer1 li{ display:inline-block; vertical-align:top; margin:0 14px; } #Content6 .pz_SideLayer1 li a{ float:left; width:150px; height:46px; line-height:44px; color:#333333; font-size:16px; background:#f4f4f4;} #Content6 .pz_SideLayer1 li a.hover{ background:#3571b0; color:#fff;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content6 .pz_SideLayer1{ margin:20px 0;} #Content6 .pz_SideLayer1 li{ margin:0 6px; } #Content6 .pz_SideLayer1 li a{ width:110px; height:36px; line-height:34px; font-size:14px;} } @media screen and (max-width:768px){ } #List .news{ width:100%; float:left; background:#f7f7f7;} #List .news .l1{ float:left; width:100%;} #List .news .l1 a{ float:left; width:100%; position:relative; padding-left:508px; height:379px; overflow:hidden;} #List .news .img{ float:left; width:508px; height:379px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #List .news .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List .news .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List .news .text{ float:right; width:100%; padding:0 50px 0 45px;} #List .news .text .time{ width:100%; float:left; font-size:24px; color:#4d4d4d; line-height:72px; height:72px; letter-spacing:1px; margin:30px 0 25px 0;} #List .news .text .time span{ font-weight:bold; font-size:72px; color:#c2c2c2; font-family:Arial; margin-right:5px;} #List .news .text .name{ width:100%; float:left; font-size:22px; color:#333; line-height:32px;} #List .news .text .p{ width:100%; float:left; margin:7px 0 45px 0; font-size:16px; color:#666666; line-height:32px; height:96px; overflow:hidden;} #List .news .more{ float:left; width:100%; border-top:1px dashed #cccccc;font-size:16px; color:#666666; line-height:41px; padding:15px 0;} #List .news .more img{ vertical-align:middle; margin:-3px 0 0 10px; width:16px;} #List .news .l1:hover .more, #List .news .l1:hover .text .name{ color:#3571b0;} #List .news .slick-dots {position: absolute;bottom:30px;display: block;width: 100%;padding: 0;margin: 0; padding-right:50px;list-style: none;text-align: right;overflow:hidden; height:11px;} #List .news .slick-dots li {position: relative;display: inline-block; vertical-align:top; width: 11px;height: 11px;margin:0 0 0 10px;border:solid 1px #3571b0; float:none; padding:0;border-radius:50%;} #List .news .slick-dots li button { display:none;} #List .news .slick-dots li.slick-active{background:#3571b0;} #List .news_list1{ float:left; width:100%; overflow:hidden; } #List .news_list1 li{ float:left; width:100%; margin-top:30px;} #List .news_list1 li a{ float:left; width:100%; position:relative; background:#f7f7f7; padding:20px 100px 20px 186px;} #List .news_list1 li .time{ float:left; position:absolute; left:0; top:20px; width:186px; height:116px; text-align:center; border-right:1px solid #e0e0e0;-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;} #List .news_list1 li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:3px 0;} #List .news_list1 li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;} #List .news_list1 li .text{ float:left; width:100%; padding:0 30px; min-height:116px;} #List .news_list1 li .text h5{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin:10px 0 16px 0;-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; } #List .news_list1 li .text p{ float:left; width:100%; color:#666666; font-size:14px; line-height:26px; height:52px; overflow:hidden;-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; } #List .news_list1 li .text time{ display:none;} #List .news_list1 li:hover a{ background:#3571b0;} #List .news_list1 li:hover .text h5{ color:#fff;} #List .news_list1 li:hover .text p{ color:#fff;opacity:0.8; filter:alpha(opacity=80);} #List .news_list1 li:hover .time{ border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.2);} #List .news_list1 li:hover .time time{ color:#fff;opacity:0.8; filter:alpha(opacity=80); } #List .news_list1 li:hover .time span{ color:#fff;} @media screen and (max-width:1430px){ #List .news .l1 a{ height:340px; padding-left:456px;} #List .news .img{ width:456px; height:340px;} #List .news .text{ padding:0 30px;} #List .news .text .time{ margin:20px 0 15px 0;} #List .news .text .name{ font-size:20px; line-height:30px;} #List .news .text .p{ margin:7px 0 27px 0;} #List .news .more{} #List .news .slick-dots{padding-right:30px;} #List .news_list1 li a{padding:20px 0 20px 186px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #List .news .l1 a{ padding-left:322px; height:240px;} #List .news .text{ padding:0 15px;} #List .news .text .time{ margin:18px 0 5px 0; font-size:16px; line-height:40px; height:40px;} #List .news .text .time span{ font-size:36px;} #List .news .text .name{ font-size:16px; line-height:26px;} #List .news .text .p{ font-size:14px; line-height:26px; height:78px; margin:7px 0 20px 0;} #List .news .more{ padding:2px; font-size:14px;} #List .news .img{ width:322px; height:240px;} #List .news .slick-dots{ bottom:17px; padding-right:15px;} #List .news_list1{ padding-top:10px;} #List .news_list1 li{ margin-top:12px;} #List .news_list1 li a{ padding:12px 0 12px 100px;} #List .news_list1 li .time{ width:100px; height:80px; top:12px;} #List .news_list1 li .time time{ font-size:40px; line-height:40px; margin:5px 0 3px 0;} #List .news_list1 li .time span{ font-size:14px; line-height:14px;} #List .news_list1 li .text{ padding:0 15px; min-height:80px;} #List .news_list1 li .text h5{ font-size:16px; line-height:24px; margin:5px 0 7px 0;} #List .news_list1 li .text p{ line-height:22px; height:44px;} } @media screen and (max-width:768px){ #List .news .l1 a{ padding-left:0; height:auto;} #List .news .img{ width:100%; height:auto; position:static;} #List .news .text .time{ margin:12px 0 3px 0; } #List .news .text .p{ line-height:24px; height:72px; margin:4px 0 14px 0;} #List .news .slick-dots li {width: 9px;height: 9px;margin: 0 3px;} #List .news_list1 li a{ padding:12px 0 12px 90px;} #List .news_list1 li .time{ width:90px; height:74px; top:12px;} #List .news_list1 li .text{ min-height:74px;} #List .news_list1 li .text h5{ margin:2px 0 4px 0;} } /*分页*/ #Pagination .wack1{ float:left; width:100%; padding:60px 0 80px 0; text-align:center;} #Pagination .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:36px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border:1px solid #e2e2e2; color:#555555; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination .wack1 .pz_fy a:hover, #Pagination .wack1 .pz_fy a.on{color:#fff; border:1px solid #3571b0; background:#3571b0;} #Pagination .wack1 .pz_fy .l_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;} #Pagination .wack1 .pz_fy .r_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Pagination .wack1{padding:30px 0;} #Pagination .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #3571b0; background:#3571b0; border-radius:16px; overflow:hidden;} #Pagination .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } /*新闻详情*/ #Subpage .newDet{ width:100%; float:left; margin-top:-4px;} #Subpage .newDet .tit{ width:100%; float:left; text-align:center; font-size:24px; color:#333; line-height:34px;} #Subpage .main_1{ width:100%; float:left; margin-top:25px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:34px; padding:9px 0;} #Subpage .main_1 .p{ float:left; font-size:14px; color:#777;} #Subpage .main_1 .btn{ float:right; font-size:14px;} #Subpage .main_1 .btn a{ float:left; color:#777;} #Subpage .main_1 .btn a img{ display:inline-block; vertical-align:top; width:38px; margin:0 0 0 11px;} #Subpage .main_1 .btn a:hover{ color:#0e6eb8;} #Subpage .text{ width:100%; float:left; margin:44px 0; font-size:16px; color:#333333; line-height:36px;} #Subpage .bshare-custom{ width:100%; float:left; margin-bottom:31px; text-align:center; height:36px;} #Subpage .bshare-custom a{ float:none !important; display:inline-block; vertical-align:top; width:36px; height:36px; margin:0 8px; padding:0; background:none !important;} #Subpage .sx_fy{ width:100%; float:left; padding:16px 0; border-top:solid 1px #d7d8d8;} #Subpage .sx_fy a{ width:49%; float: left; font-size:14px;color: #666666; line-height: 24px;} #Subpage .sx_fy a.next{ float:right; text-align: right;} #Subpage .sx_fy a:hover{ color:#3571b0;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Subpage .newDet .tit{ font-size:18px; line-height:28px;} #Subpage .text{ margin:18px 0; font-size:14px; line-height:28px;} #Subpage .bshare-custom{ display:none;} } @media screen and (max-width:768px){ #Subpage .main_1{ margin-top:15px; padding:5px 0; line-height:24px;} #Subpage .main_1 .p{ width:100%;} #Subpage .main_1 .btn{ float:left; line-height:25px;} #Subpage .main_1 .btn a img{ width:28px; margin:0 0 0 6px;} #Subpage .sx_fy a{ width: 100%; text-align: left !important;} } #Content7 .newRet{ width:100%; float:left; margin-top:16px; margin-bottom:80px;} #Content7 .newRet .title{ width:100%; float:left; font-size:18px; color:#3571b0; line-height:28px;} #Content7 .newRet ul{ width:100%; float:left; margin-top:18px;} #Content7 .newRet ul li{ width:47.64%; float:left; border-bottom:solid 1px #d7d8d8; line-height:41px; padding-right:85px; position:relative;} #Content7 .newRet ul li h5{ width:100%; float:left; font-size:14px; color:#333; line-height:41px;} #Content7 .newRet ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:41px; color:#777;} #Content7 .newRet ul li.l1{ float:right;} #Content7 .newRet ul li:hover h5{ color:#3571b0;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content7 .newRet{ margin-top:0; margin-bottom:30px;} #Content7 .newRet ul{ margin-top:5px;} } @media screen and (max-width:768px){ #Content7 .newRet ul li{ width:100%;} } /*1关于我们*/ #Content8 .aboutBrand{ float: left; width: 100%; margin: 90px 0 80px 0;} #Content8 .aboutBrand .text{ float: left; width: 57%; font-size:16px; color:#333333; line-height: 32px;} #Content8 .aboutBrand .text .margin{ float: left; width:95.5%; margin:10px 4.5% 4px 0; max-height:360px; overflow-y: auto;} #Content8 .aboutBrand .text #boxscroll{ position: relative;} #Content8 .aboutBrand .text .wrapper{ float: left; height: auto; width: 93%; margin-right: 7%;} #Content8 .aboutBrand .text h2{ float: left; width: 100%; color:#3571b0; font-size:28px; line-height: 66px; position: relative} #Content8 .aboutBrand .text h2:after{ position: absolute; content: ''; width: 48px; height: 2px; background: #3571b0; left: 0; bottom: -15px;} #Content8 .aboutBrand .word{ float: left; width: 100%; margin-top:58px;} #Content8 .aboutBrand .Img{ float: left; width: 43%; line-height: 0; font-size:0; overflow: hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; } #Content8 .aboutBrand .right .text{ float: right;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content8 .aboutBrand{ margin: 60px 0 50px 0;} #Content8 .aboutBrand .text .margin{max-height:242px;} #Content8 .aboutBrand .text h2{ font-size:24px; line-height: 58px;} #Content8 .aboutBrand .text h2:after{ bottom: -10px;} #Content8 .aboutBrand .word{ margin-top:32px;} } @media screen and (max-width:992px){ #Content8 .aboutBrand {margin:40px 0 30px 0;} #Content8 .aboutBrand .text{ font-size:14px; line-height: 28px;} #Content8 .aboutBrand .text .margin{ max-height:184px;} #Content8 .aboutBrand .text h2{ font-size:22px; line-height:50px;} #Content8 .aboutBrand .text h2:after{ bottom:-5px;} #Content8 .aboutBrand .word{ margin-top: 23px;} } @media screen and (max-width:768px){ #Content8 .aboutBrand{margin:5px 0 20px 0;} #Content8 .aboutBrand .text{ width: 100%;} #Content8 .aboutBrand .text h2{ font-size:20px; } #Content8 .aboutBrand .Img{ width: 100%;} #Content8 .aboutBrand .text .margin{width: 100%; margin: 15px 0; max-height:100%;} #Content8 .aboutBrand .text .wrapper{ width: 100%; margin:0} } /*股东*/ #Content9 .greyBox{float: left; width: 100%; background: #f4f4f4;} #Content9 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content9 .aboutTit{ float: left; width: 100%; text-align: center} #Content9 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content9 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content9 .aboutTit span:before{ left: auto; right: 0;} #Content9 .shareholder{ float: left; width: 100%;} #Content9 .shareholder .li{ float: left; width: 100%; margin-top: 50px; background: #fff; height:100%; position: relative;} #Content9 .shareholder .li:first-child{ margin-top: 35px} #Content9 .shareholder .li .img{ float: left; width: 38%; font-size:0; line-height: 0;} #Content9 .shareholder .li .text{ float: left; right: 0; width: 58%; margin:1% 2%; height:93%; position: absolute; overflow-y: auto;} #Content9 .shareholder .li .text .table{display: table; width:94%;height: 100%; margin: 0 3%; color:#666666; font-size:16px; line-height: 32px; } #Content9 .shareholder .li .text .cell{ display: table-cell; vertical-align: middle;} #Content9 .shareholder .li .text .cell h3{ float: left; width: 100%; color:#3571b0; font-size:20px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #cccccc; position: relative; padding:20px 0;} #Content9 .shareholder .li .text .cell h3:after{ position: absolute; content: ''; width: 48px; height: 3px; background: #3571b0; bottom: -2px; left: 0;} #Content9 .shareholder .li .text .cell .word{ float: left; width: 100%; margin-top: 25px;} #Content9 .shareholder .li:nth-child(2n) .img{float: right;} #Content9 .shareholder .li:nth-child(2n) .text{left: 0; right: auto;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content9 .marginT{ margin:50px 0 60px 0;} #Content9 .aboutTit h1{ font-size:24px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 42%;} #Content9 .shareholder .li{ margin-top: 40px;} #Content9 .shareholder .li:first-child{ margin-top: 30px;} #Content9 .shareholder .li .text .cell h3{ font-size:18px; padding:18px 0;} } @media screen and (max-width:992px){ #Content9 .marginT{ margin:30px 0 40px 0;} #Content9 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 40%;} #Content9 .shareholder .li .text .table{ font-size:14px; line-height: 28px;} #Content9 .shareholder .li .text .cell h3{line-height: 28px; padding:10px 0;} #Content9 .shareholder .li .text .cell .word{ margin-top: 15px;} #Content9 .shareholder .li{ margin-top: 30px;} #Content9 .shareholder .li:first-child{ margin-top: 20px;} } @media screen and (max-width:768px){ #Content9 .marginT{ margin: 20px 0 30px 0;} #Content9 .aboutTit h1{ font-size:20px;} #Content9 .aboutTit span:before, #Content9 .aboutTit span:after{ width: 33%;} #Content9 .shareholder .li{ margin-top: 15px;} #Content9 .shareholder .li:first-child{ margin-top: 10px;} #Content9 .shareholder .li .img{ width: 100%;} #Content9 .shareholder .li .text{ width: 96%; position: static; margin:10px 2% 15px 2%;} } /*发展*/ #Content10 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content10 .aboutTit{ float: left; width: 100%; text-align: center} #Content10 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content10 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content10 .aboutTit span:before{ left: auto; right: 0;} #Content10 .History{ float: left; width: 100%; margin-top: 35px; position: relative;} #Content10 .History:after{ position: absolute; content: ''; width: 100%;height: 1px; background: #d0d0d0; left: 0; top:50%; z-index: -1; } #Content10 .HistoryList{ float: left; width: 100%; position: relative; padding:0 5px;} #Content10 .HistoryList:before, #Content10 .HistoryList:after{ position: absolute; content: ''; width: 12px; height: 12px; left: 0; top:50%; margin-top: -6px; background: #fff; border:1px solid #a490a6; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} #Content10 .HistoryList:before{ left: auto; right: 0;} #Content10 .HistoryList .l1{ float:left; width:100%; padding:0 8.57%;} #Content10 .HistoryList .text{ float: left; width: 100%; border:1px solid #e1e1e1; text-align: center; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px; height: 100px; color:#444444; font-size:16px; line-height: 28px; } #Content10 .HistoryList .text em{display: table; height: 100%;width: 100%; padding: 0 7%;} #Content10 .HistoryList .text em i{ display: table-cell; vertical-align: middle;} #Content10 .HistoryList .time{ float: left; width: 100%; display: block; text-align: center; margin-top: 62px;} #Content10 .HistoryList .time span{display: inline-block; width: 108px; height: 108px; background: #3571b0; color:#fff; line-height: 108px; font-size: 24px; font-weight: bold; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; position: relative;} #Content10 .HistoryList .time span:after{ position: absolute; content: ''; width: 12px; height: 12px; top:-32px; left: 50%; margin-left: -6px; background: #3571b0; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #Content10 .HistoryList .time span:before{ position: absolute; content: ''; width: 1px; height: 35px; top:-30px; left: 50%; background: #3571b0;} #Content10 .HistoryList .text.tow{ margin-top: 62px;} #Content10 .HistoryList .time.tow{ margin-top: 0;} #Content10 .HistoryList .time.tow span:after{ top: auto; bottom: -34px;} #Content10 .HistoryList .time.tow span:before{ top: auto; bottom: -32px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:48px; height:48px; border-radius:50%; background:#bebebe; left:-88px;} #Content10 .HistoryList .slick-next{ left:auto; right:-88px;} #Content10 .HistoryList .slick-prev:hover, #Content10 .HistoryList .slick-next:hover{ background:#3571b0;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative;} #Content10 .HistoryList .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:4px; } #Content10 .HistoryList .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; left:18px; } #Content10 .HistoryList .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:-1px; } #Content10 .HistoryList .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:14px;} @media screen and (max-width:1600px){ #Content10 .HistoryList{ padding:0 40px;} #Content10 .HistoryList .l1{ padding:0 6%;} #Content10 .HistoryList .slick-prev{ left:0;} #Content10 .HistoryList .slick-next{ left:auto; right:0;} #Content10 .HistoryList .text em{ padding: 0 12px;} } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content10 .HistoryList .text{ font-size:14px; line-height:26px;} #Content10 .marginT{ margin:50px 0 60px 0;} #Content10 .aboutTit h1{ font-size:24px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 42%;} } @media screen and (max-width:992px){ #Content10 .History{ margin-top:20px;} #Content10 .HistoryList .slick-prev, #Content10 .HistoryList .slick-next{ width:30px; height:30px;} #Content10 .HistoryList .slick-prev:after, #Content10 .HistoryList .slick-prev:before, #Content10 .HistoryList .slick-next:after, #Content10 .HistoryList .slick-next:before{ width:10px; } #Content10 .HistoryList{ padding:0 20px;} #Content10 .HistoryList .l1{ padding:0 7px;} #Content10 .HistoryList .slick-next:after{ top:-4px; left:1px; } #Content10 .HistoryList .slick-next:before{ top:2px; left:11px; } #Content10 .HistoryList .slick-prev:after{ top:2px; left:0px; } #Content10 .HistoryList .slick-prev:before{ top:-4px; left:10px;} #Content10 .HistoryList .time span{ width:88px; height:88px; font-size:20px; line-height:88px;} #Content10 .HistoryList .text{ height:80px;} #Content10 .marginT{ margin:30px 0 40px 0;} #Content10 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 40%;} } @media screen and (max-width:768px){ #Content10 .marginT{ margin: 20px 0 30px 0;} #Content10 .aboutTit h1{ font-size:20px;} #Content10 .aboutTit span:before, #Content10 .aboutTit span:after{ width: 33%;} } /*股东*/ #Content11 .greyBox{float: left; width: 100%; background: #f4f4f4;} #Content11 .marginT{ float: left; width: 100%; margin: 70px 0 80px 0;} #Content11 .aboutTit{ float: left; width: 100%; text-align: center} #Content11 .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;} #Content11 .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)} #Content11 .aboutTit span:before{ left: auto; right: 0;} #Content11 .zhil2{ float:left; width:100%; margin:35px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -15px;} #Content11 .zhil2 .img{ padding:0 15px;} #Content11 .zhil2 .la{ float:left; width:100%; position:relative; background:#fff; padding:20px; padding-bottom:0 !important;} #Content11 .zhil2 .pic{ float:left; width:100%; line-height:0;} #Content11 .zhil2 .tit{ float:left; width:100%; text-align:center; color:#333333; font-size:14px; line-height:26px; padding:17px 0; margin-top:30px; border-top:1px solid #e3e3e3; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #Content11 .zhil2 .la:hover .tit{ color:#3571b0;} #Content11 .zhil2 .slick-dots{ height:14px; position:static; margin-top:40px;} #Content11 .zhil2 .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.3);} #Content11 .zhil2 .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;} #Content11 .zhil2 .slick-dots li.slick-active:after{ background:#3571b0;} @media screen and (max-width:1430px){ #Content11 .zhil2 .box{ margin:0 -10px;} #Content11 .zhil2 .img{ padding:0 10px; } } @media screen and (max-width:1230px){ #Content11 .marginT{ margin:50px 0 60px 0;} #Content11 .aboutTit h1{ font-size:24px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 42%;} #Content11 .zhil2 .la{ padding:12px; } #Content11 .zhil2 .tit{ padding:10px 0; margin-top:15px; } #Content11 .zhil2 .slick-dots{ margin-top:30px;} } @media screen and (max-width:992px){ #Content11 .marginT{ margin:30px 0 40px 0;} #Content11 .aboutTit h1{ font-size:22px; line-height: 38px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 40%;} #Content11 .zhil2{ margin:20px 0 0 0;} #Content11 .zhil2 .box{ margin:0 -6px;} #Content11 .zhil2 .la{ padding:8px; } #Content11 .zhil2 .img{ padding:0 6px; } #Content11 .zhil2 .tit{ padding:8px 0; margin-top:12px;} #Content11 .zhil2 .slick-dots{ margin-top:20px; height:12px;} #Content11 .zhil2 .slick-dots li{ margin:0 5px; width:12px; height:12px; } #Content11 .zhil2 .slick-dots li:after{ width:6px; height:6px;} } @media screen and (max-width:768px){ #Content11 .marginT{ margin: 20px 0 30px 0;} #Content11 .aboutTit h1{ font-size:20px;} #Content11 .aboutTit span:before, #Content11 .aboutTit span:after{ width: 33%;} } #Content12 .porJJ{ float: left; width: 100%; margin:80px 0; background: #f4f4f4; padding:2.85%;} #Content12 .porJJ .li{ float: left; width: 100%; background: #fff; height:100%; position: relative;} #Content12 .porJJ .li .img{ float: left; width: 40%; font-size:0; line-height: 0;} #Content12 .porJJ .li .text{ float: left; right: 0; width: 60%; padding:0 3.78%; margin:2% 0; height:86%; position: absolute; overflow-y: auto;} #Content12 .porJJ .li .text .table{display: table; width:100%;height: 100%; color:#666666; font-size:16px; line-height:34px; } #Content12 .porJJ .li .text .cell{ display: table-cell; vertical-align: middle;} #Content12 .porJJ .li .text .cell .tit{ float: left; width: 100%; color:#3571b0; font-size:32px; line-height:50px; position: relative; padding-bottom:22px;} #Content12 .porJJ .li .text .cell .tit:after{ position: absolute; content: ''; width: 48px; height:2px; background: #3571b0; bottom: -2px; left: 0;} #Content12 .porJJ .li .text .cell .word{ float: left; width: 100%; margin-top:22px;} #Content12 .porJJ .nicescroll-rails{ right:8px !important;} /*lingyu*/ #Content12 .lingyu{ float:left; width:100%; margin-bottom:80px;} #Content12 .lingyu .title{ float:left; width:100%; color:#3571b0; font-size:32px; line-height:32px; text-align:center; position:relative; padding-bottom:32px;} #Content12 .lingyu .title:after{ float:left; width:48px; height:2px; position:absolute; left:50%; bottom:2px; content:''; background:#3571b0; margin-left:-24px;} #Content12 .lingyu .list{ float:left; width:100%; margin-top:10px;} #Content12 .lingyu .ul1{ margin:0 -15px;} #Content12 .lingyu .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #Content12 .lingyu .la{ float:left; width:100%;} #Content12 .lingyu .img{ float:left; width:100%; position:relative; overflow:hidden; background:#000000;} #Content12 .lingyu .pic{ float:left; width:100%; line-height:0; overflow:hidden;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content12 .lingyu .cont2{ float:left; width:100%; background:#f7f7f7; padding:25px 30px;} #Content12 .lingyu .cont2 .tit2{ float:left; width:100%; color:#363636; font-size:20px; line-height:30px;} #Content12 .lingyu .cont2 .info2{ float:left; width:100%; color:#999999; font-size:16px; line-height:26px; margin-top:5px;} #Content12 .lingyu .cont1{ float:left; width:100%; height:100%; display:flex;flex-direction: column;justify-content:center; position:absolute; left:0; top:0; padding:0 11.21%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);transform: scale(0.8);} #Content12 .lingyu .cont1 .tit1{ float:left; width:136px; height:44px; color:#fff; font-size:16px; line-height:42px; background:#3571b0; text-align:center; margin:28px 0 13px 0;} #Content12 .lingyu .cont1 .info1{ float:left; width:100%; color:#fff; font-size:16px; line-height:42px; height:210px; overflow:hidden;} #Content12 .lingyu .la:hover .pic{ opacity:0.2; filter:alpha(opacity=20);} #Content12 .lingyu .la:hover .cont2 .tit2{ color:#3571b0; } #Content12 .lingyu .la:hover .cont1{opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} #Content12 .lingyu .la:hover .cont1 .tit1{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content12 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.5; filter:alpha(opacity=50); } #Content12 .shipPu{ display:none; float:left; width:100%; position:fixed; left:0; top:50%; z-index:102;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Content12 .shipPu .box{ float:left; width:62%; background:#fff; position:relative; border-radius:12px; margin:0 19%; padding:45px 60px;} #Content12 .shipPu .tit1{ float:left; width:100%; text-align:center; color:#3571b0; font-size:32px; line-height:42px;} #Content12 .shipPu .colse{ float:left; width:18px; height:18px; line-height:0; position:absolute; right:20px; top:20px;} #Content12 .shipPu .text{ float:left; width:100%; margin:30px 0 7px 0; color:#333333; font-size:18px; line-height:42px; padding-right:50px; overflow-y: auto; height:378px;} #Content12 .shipPu .word{ float:left; width:100%; } @media screen and (max-width:1430px){ #Content12 .porJJ .li .text .table{ font-size:15px; line-height:30px; } #Content12 .porJJ .li .text .cell .tit{ font-size:24px; line-height:42px;padding-bottom:15px;} #Content12 .porJJ .li .text .cell .word{ margin-top:15px;} #Content12 .lingyu .ul1{ margin:0 -10px;} #Content12 .lingyu .l1{ padding:0 10px; margin-top:20px;} #Content12 .lingyu .cont2{ padding:15px 20px;} #Content12 .lingyu .cont1 .info1{ line-height:36px; height:180px;} #Content12 .lingyu .cont1 .tit1{ margin:20px 0 0 0;} #Content12 .shipPu .box{ width:72%; margin:0 14%;} } @media screen and (max-width:1230px){ #Content12 .porJJ .li .text{ padding:0 2.5%;} #Content12 .porJJ .li .text .cell .tit{ font-size:18px; line-height:30px;padding-bottom:10px;} #Content12 .porJJ .li .text .cell .word{ margin-top:10px;} #Content12 .porJJ .li .text .table{ font-size:14px; line-height:27px; } #Content12 .lingyu .cont1{ padding:0 15px;} #Content12 .lingyu .cont1 .info1{ font-size:14px; line-height:30px; height:150px;} #Content12 .lingyu .cont1 .tit1{ margin:16px 0 0 0; width:100px; height:34px; font-size:14px; line-height:32px;} #Content12 .lingyu .cont2{ padding:10px 12px;} #Content12 .lingyu .cont2 .tit2{ font-size:16px; line-height:26px;} #Content12 .lingyu .cont2 .info2{ font-size:14px; line-height:24px; margin-top:0;} #Content12 .shipPu .box{ width:82%; margin:0 9%; padding:30px;} #Content12 .shipPu .tit1{ font-size:24px; line-height:34px;} #Content12 .shipPu .text{ margin:15px 0 5px 0;font-size:16px; line-height:36px; height:360px; padding-right:30px; } } @media screen and (max-width:992px){ #Content12 .porJJ{ padding:12px; margin:30px 0;} #Content12 .porJJ .li .text .table{ line-height:24px;} #Content12 .lingyu .title{ font-size:18px; line-height:18px; padding-bottom:18px;} #Content12 .lingyu{ margin-bottom:30px;} #Content12 .lingyu .ul1{ margin:0 -6px;} #Content12 .lingyu .l1{ padding:0 6px; margin-top:12px;} #Content12 .lingyu .cont1 .info1{ line-height:26px; height:104px;} #Content12 .shipPu .box{ width:92%; margin:0 4%; padding:15px;} #Content12 .shipPu .tit1{ font-size:18px; line-height:28px;} #Content12 .shipPu .text{ font-size:14px; line-height:28px; height:280px; padding-right:15px;margin:5px 0 0 0; } #Content12 .shipPu .colse{ width:14px; height:14px; right:12px; top:12px;} } @media screen and (max-width:768px){ #Content12 .porJJ .li .img{ width: 100%;} #Content12 .porJJ .li .text{ width: 96%; position: static; margin:10px 2% 15px 2%;} #Content12 .lingyu .l1{ float:left; width:50%;} #Content12 .lingyu .cont1 .info1{ line-height:24px; height:48px;} } #Content13 .zhil1{ float:left; width:100%; margin:72px 0 80px 0;} #Content13 .zhil1 .tit1{ float:left; width:100%; text-align:center; color:#3571b0; font-size:36px; line-height:46px;} #Content13 .zhil1 .line{ float:left; width:100%; margin:24px 0 32px 0;} #Content13 .zhil1 .line span{ display:block; margin:0 auto; width:48px; height:2px; background:#3571b0;} #Content13 .zhil1 .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; padding:0 11.85%;} #Content13 .zhil1 .info{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:26px; margin:43px 0 36px 0;} #Content13 .zhil1 .info .sp{ display:inline-block; vertical-align:top; border:1px solid #eeeeee; border-radius:8px; padding:18px 16px;} #Content13 .zhil1 .info .wl{ margin:0 30px;} #Content13 .zhil1 .info .i{ display:inline-block; vertical-align:top; position:relative; width:24px; height:24px; border-radius:50%; border:1px solid #c3c3c3; margin:1px 9px 0 0;} #Content13 .zhil1 .box{ float:left; width:85.7%; position:relative; margin:0 6.35%;} #Content13 .zhil1 .box .img{ display:block; margin:220px auto; width:480px; height:480px; border-radius:50%; overflow:hidden; border:8px solid #3571b0; border:8px solid rgba(53,113,176,0.3);} #Content13 .zhil1 .box .l1{ float:left; width:198px; border-radius:8px; box-shadow:0 3px 8px rgba(0,0,0,0.1); position:absolute;} #Content13 .zhil1 .box .pic{ float:left; width:100%; padding:17px; padding-bottom:0 !important; line-height:0; z-index:5;} #Content13 .zhil1 .box .tit{ float:left; width:100%; color:#3571b0; font-size:16px; line-height:27px; font-weight:bold; text-align:center; padding:12px 17px; z-index:5;} #Content13 .zhil1 .box .i{ display:inline-block; vertical-align:top; position:relative; width:18px; height:18px; border-radius:50%; border:1px solid #3571b0; margin:5px 0 0 6px;} #Content13 .zhil1 .box .ico{ float:left; position:absolute; width:60px; height:60px; line-height:0; z-index:6;} @media screen and (max-width:1430px){ #Content13 .zhil1 .tit1{ font-size:28px; line-height:38px;} #Content13 .zhil1 .cont{ font-size:15px; line-height:30px; padding:0;} #Content13 .zhil1 .box{ width:64%; margin:0 18%;} #Content13 .zhil1 .box .img{ margin:150px auto; width:300px; height:300px;border:5px solid #3571b0; border:5px solid rgba(53,113,176,0.3);} #Content13 .zhil1 .box .l1{ width:135px;} #Content13 .zhil1 .box .tit{ font-size:14px; line-height:24px; padding:6px 8px;} #Content13 .zhil1 .box .i{ width:14px; height:14px; margin:5px 0 0 4px;} #Content13 .zhil1 .box .pic{ padding:8px;} #Content13 .zhil1 .box .ico{ width:36px; height:36px;} } @media screen and (max-width:1230px){ #Content13 .zhil1 .tit1{ font-size:20px; line-height:30px;} #Content13 .zhil1 .line{ margin:12px 0 15px 0;} #Content13 .zhil1 .info{ font-size:14px; line-height:22px;} #Content13 .zhil1 .info .sp{ padding:10px 15px;} #Content13 .zhil1 .info .wl{ margin:0 15px;} #Content13 .zhil1 .info .i{ width:18px; height:18px; margin:2px 5px 0 0;} #Content13 .zhil1 .cont{ font-size:14px; line-height:28px;} #Content13 .zhil1 .box{ width:76%; margin:0 12%;} #Content13 .zhil1 .box .l1{ width:125px;border-radius:5px;} #Content13 .zhil1 .box .img{ margin:140px auto; } #Content13 .zhil1 .box .pic{ padding:5px;} #Content13 .zhil1 .box .tit{ padding:5px;} } @media screen and (max-width:992px){ #Content13 .zhil1{ margin:30px 0;} #Content13 .zhil1 .info{ margin:15px 0 20px 0;} #Content13 .zhil1 .info .wl{ margin:0 5px;} #Content13 .zhil1 .box .img{ width:100%; height:auto;border:none; margin:0 0 20px 0;} #Content13 .zhil1 .box .img img{ width:280px; height:280px; margin:0 auto; display:block; border:6px solid #3571b0; border:6px solid rgba(53,113,176,0.3); border-radius:50%;} #Content13 .zhil1 .box .l1{ position:static; margin:0 1% 2% 1%; width:31.33%;} } @media screen and (max-width:768px){ #Content13 .zhil1 .info{ font-size:14px; line-height:22px;} #Content13 .zhil1 .line span{ width:36px; height:1px;} #Content13 .zhil1 .box .l1{ width:48%;} #Content13 .zhil1 .box .img img{ width:220px; height:220px; border:4px solid #3571b0; border:4px solid rgba(53,113,176,0.3);} } /*zhil2*/ #Content14 .zhil2{ float:left; width:100%; margin:99px 0 80px 0;} #Content14 .zhil2 .box{ margin:0 -15px;} #Content14 .zhil2 .img{ padding:7px 15px; line-height:0;} #Content14 .zhil2 .la{ float:left; width:100%; position:relative; border:1px solid #e1e1e1; background:#3571b0;} #Content14 .zhil2 .pic{ float:left; width:100%; 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;} #Content14 .zhil2 .tit{ float:left; width:73%; color:#fff; font-size:20px; line-height:30px; position:absolute; left:13.5%; bottom:150%; text-align:center;border-bottom:1px dashed #fff; border-bottom:1px dashed rgba(255,255,255,0.6); margin-bottom:23px; padding-bottom:29px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .zhil2 .ico{ float:left; width:100%; position:absolute; left:0; top:150%; margin-top:7px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content14 .zhil2 .ico img{ display:block; margin:0 auto; width:70px; height:70px;} #Content14 .zhil2 .la:hover .pic{opacity:0.1; filter:alpha(opacity=10);} #Content14 .zhil2 .la:hover .tit{ bottom:50%;} #Content14 .zhil2 .la:hover .ico{ top:50%;} #Content14 .zhil2 .slick-dots{ height:12px; position:static; margin-top:40px;} #Content14 .zhil2 .slick-dots li{ width:12px; height:12px; border-radius:50%; margin:0 9px; vertical-align:top; background:#3571b0; opacity:0.2; filter:alpha(opacity=20);} #Content14 .zhil2 .slick-dots li.slick-active{ opacity:1; filter:alpha(opacity=100);} #Content14 .zhil1{ float:left; width:100%; margin:72px 0 0 0;} #Content14 .zhil1 .tit1{ float:left; width:100%; text-align:center; color:#3571b0; font-size:36px; line-height:46px;} #Content14 .zhil1 .line{ float:left; width:100%; margin:24px 0 30px 0;} #Content14 .zhil1 .line span{ display:block; margin:0 auto; width:48px; height:2px; background:#3571b0;} #Content14 .zhil1 .info{ float:left; width:100%; text-align:center; color:#3571b0; font-size:18px; line-height:29px;} #Content14 .zhil1 .info .sp{ display:inline-block; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.2); padding:10px 26px;} #Content14 .zhil1 .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:60px;} #Content14 .zhil1 .cont .p1{ float:left; width:48.92%; margin-top:17px;} #Content14 .zhil1 .cont .img{ float:right; width:43%; line-height:0; position:relative; margin:40px 40px 0 0;} #Content14 .zhil1 .cont .img:after{ float:left; width:100%; height:100%; position:absolute; right:-40px; top:-40px; content:''; border:1px solid #3571b0;} #Content14 .zhil1 .cont .img img{ position:relative; z-index:5;} @media screen and (max-width:1430px){ #Content14 .zhil2 .box{ margin:0 -10px;} #Content14 .zhil2 .img{ padding:7px 10px; } #Content14 .zhil2 .tit{ width:80%; font-size:18px; line-height:28px; left:10%; margin-bottom:12px; padding-bottom:15px;} #Content14 .zhil2 .ico img{ width:50px; height:50px;} #Content14 .zhil1 .tit1{ font-size:28px; line-height:38px;} #Content14 .zhil1 .cont{ font-size:15px; line-height:30px;} #Content14 .zhil1 .cont .p1{ margin-top:0;} #Content14 .zhil1 .cont .img{ width:45%; margin:20px 20px 0 0;} #Content14 .zhil1 .cont .img:after{ right:-20px; top:-20px; } } @media screen and (max-width:1230px){ #Content14 .zhil1{ margin:25px 0 0 0;} #Content14 .zhil1 .tit1{ font-size:20px; line-height:30px;} #Content14 .zhil1 .line{ margin:12px 0 15px 0;} #Content14 .zhil1 .info{ font-size:16px; line-height:24px;} #Content14 .zhil1 .info .sp{ padding:6px 15px;} #Content14 .zhil1 .cont{ font-size:14px; line-height:28px;} } @media screen and (max-width:992px){ #Content14 .zhil2{ margin:20px 0 30px 0;} #Content14 .zhil2 .box{ margin:0 -6px;} #Content14 .zhil2 .img{ padding:0 6px; } #Content14 .zhil2 .tit{ width:80%; font-size:16px; line-height:26px; left:10%; margin-bottom:8px; padding-bottom:10px;} #Content14 .zhil2 .ico{ margin-top:5px;} #Content14 .zhil2 .ico img{ width:40px; height:40px;} #Content14 .zhil2 .slick-dots{ height:10px; margin-top:20px;} #Content14 .zhil2 .slick-dots li{ width:10px; height:10px; margin:0 5px; } #Content14 .zhil1 .cont .p1{ width:100%; margin-top:16px;} #Content14 .zhil1 .cont{ margin-top:16px;} #Content14 .zhil1 .cont .img{ width:95%; margin:5% 5% 0 0;} #Content14 .zhil1 .cont .img:after{ right:-5%; top:-5%; } } @media screen and (max-width:768px){ #Content14 .zhil1 .info{ font-size:14px; line-height:22px;} #Content14 .zhil1 .info .sp{ padding:5px 10px;} #Content14 .zhil1 .line span{ width:36px; height:1px;} } /**/ #Content15 .yanjiu{ width:100%; float:left; margin:60px 0;} #Content15 .yanjiu .l1{ float:left; width:100%; background:#f3f5f8; margin:20px 0;} #Content15 .yanjiu .l1 a{ float:left; width:100%; position:relative; overflow:hidden;} #Content15 .yanjiu .l1 .img{ float:left; width:447px; height:376px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #Content15 .yanjiu .l1 .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content15 .yanjiu .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content15 .yanjiu .l1 .text{ float:right; width:51.14%; margin:15px 7.85% 15px 0; height:346px; display:flex;flex-direction: column;justify-content:center;align-items:center; } #Content15 .yanjiu .l1 .tit1{ width:100%; float:left; font-size:24px; color:#0e6eb8; line-height:34px;} #Content15 .yanjiu .l1 .tit2{ width:100%; float:left; font-size:14px; color:#999999; line-height:24px; font-style:italic;} #Content15 .yanjiu .l1 .p{ float:left; width:100%; font-size:16px; color:#4c4c4c; line-height:36px; margin-top:30px;} #Content15 .yanjiu .l2 .img{ left:auto; right:0; width:477px; height:401px;} #Content15 .yanjiu .l2 .text{ float:left; height:371px; margin:15px 0 15px 5.14%; width:56.28%;} @media screen and (max-width:1430px){ #Content15 .yanjiu .l1 .text{width:52%; margin:15px 3.5% 15px 0; height:346px;} #Content15 .yanjiu .l2 .text{ height:371px; margin:15px 0 15px 3.5%; width:52%;} #Content15 .yanjiu .l1 .p{ line-height:30px; margin-top:15px;} } @media screen and (max-width:1230px){ #Content15 .yanjiu .l1 .text{width:46%; margin:15px 2.5% 15px 0; height:346px;} #Content15 .yanjiu .l2 .text{ height:371px; margin:15px 0 15px 2.5%; width:46%;} #Content15 .yanjiu .l1 .p{ font-size:14px; line-height:28px; margin-top:5px;} } @media screen and (max-width:992px){ #Content15 .yanjiu{ margin:23px 0;} #Content15 .yanjiu .l1{ margin:7px 0;} #Content15 .yanjiu .l1 .img{ width:100%; height:auto; position:static;} #Content15 .yanjiu .l1 .tit1{ font-size:18px; line-height:28px;} #Content15 .yanjiu .l1 .text{width:100%; margin:15px 0; padding:0 15px; height:auto;} #Content15 .yanjiu .l2 .text{ height:auto; margin:15px 0; width:100%; padding:0 15px;} } } @media screen and (max-width:768px){ } #Content16 .anquan1{ width:100%; float:left; margin:80px 0;} #Content16 .anquan1 .l1{ float:left; width:100%; position:relative; background:#3571b0;} #Content16 .anquan1 .img{ float:right; width:50%; line-height:0;} #Content16 .anquan1 .cont{ float:left; width:50%; padding:3% 7.14%; display:flex;flex-direction: column;justify-content:center; min-height:482px;} #Content16 .anquan1 .tit1{ float:left; width:100%; color:#fff; font-size:32px; line-height:42px; margin-bottom:7px;} #Content16 .anquan1 .line{ float:left; width:72px; height:2px; background:#fff; margin:27px 0;} #Content16 .anquan1 .p{ float:left; width:100%; color:#fff; font-size:16px; line-height:40px;} #Content16 .anquan2{ width:100%; float:left;} #Content16 .anquan2 .l1{ float:left; width:100%; line-height:0; margin-bottom:80px;} @media screen and (max-width:1430px){ #Content16 .anquan1 .cont{ padding:2% 4%; min-height:402px;} #Content16 .anquan1 .tit1{ font-size:26px; line-height:36px;} #Content16 .anquan1 .line{ margin:24px 0;} #Content16 .anquan1 .p{ font-size:16px; line-height:36px;} #Content16 .anquan2 .l1{ margin-bottom:60px;} } @media screen and (max-width:1230px){ #Content16 .anquan1{ margin:60px 0;} #Content16 .anquan1 .cont{ padding:2% 4%; min-height:331px;} #Content16 .anquan1 .tit1{ font-size:20px; line-height:30px;} #Content16 .anquan1 .line{ margin:15px 0;} #Content16 .anquan1 .p{ font-size:14px; line-height:30px;} #Content16 .anquan2 .l1{ margin-bottom:30px;} } @media screen and (max-width:992px){ #Content16 .anquan1{ margin:30px 0;} #Content16 .anquan1 .cont{ width:100%; padding:15px; min-height:inherit;} #Content16 .anquan1 .tit1{ font-size:20px; line-height:30px; margin-bottom:2px;} #Content16 .anquan1 .img{ width:100%;} #Content16 .anquan1 .line{ margin:10px 0; width:60px; height:1px;} #Content16 .anquan1 .p{ font-size:14px; line-height:28px;} #Content16 .anquan2{ margin-bottom:15px;} #Content16 .anquan2 .l1{ margin-bottom:15px;} } @media screen and (max-width:768px){ #Content16 .anquan1{ margin:30px 0 15px 0;} } /**/ #Content17 .anquan1{ width:100%; float:left; margin-top:80px;} #Content17 .anquan1 .l1{ float:left; width:100%; position:relative; background:#f6f6f6; padding:70px 0;} #Content17 .anquan1 .img{ float:right; width:40.71%; line-height:0; margin-right:5.5%;} #Content17 .anquan1 .cont{ float:left; width:53.21%; padding:0 4.28%;} #Content17 .anquan1 .tit1{ float:left; width:100%; color:#3571b0; font-size:32px; line-height:42px; margin-bottom:3px; margin-top:2px;} #Content17 .anquan1 .line{ float:left; width:72px; height:2px; background:#3571b0; margin:22px 0;} #Content17 .anquan1 .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px;} @media screen and (max-width:1430px){ #Content17 .anquan1 .cont{ width:51.21%; padding:0 3%;} #Content17 .anquan1 .tit1{ font-size:26px; line-height:36px;} #Content17 .anquan1 .line{ margin:15px 0;} #Content17 .anquan1 .p{ font-size:15px; line-height:28px;} #Content17 .anquan1 .img{width:45%; margin-right:3.5%;} } @media screen and (max-width:1230px){ #Content17 .anquan1{ margin-top:60px;} #Content17 .anquan1 .l1{ padding:40px 0;} #Content17 .anquan1 .cont{ padding:0 20px; width:50%;} #Content17 .anquan1 .tit1{ font-size:20px; line-height:30px; margin:0;} #Content17 .anquan1 .line{ margin:10px 0;} #Content17 .anquan1 .p{ font-size:14px; line-height:26px;} #Content17 .anquan1 .img{ width:50%; margin-right:0; padding-right:20px;} } @media screen and (max-width:992px){ #Content17 .anquan1{ margin-top:30px;} #Content17 .anquan1 .l1{ padding:0;} #Content17 .anquan1 .cont{ width:100%; padding:15px; min-height:inherit;} #Content17 .anquan1 .tit1{ font-size:20px; line-height:30px; margin-bottom:2px;} #Content17 .anquan1 .img{ width:100%; padding:0;} #Content17 .anquan1 .line{ margin:10px 0; width:60px; height:1px;} #Content17 .anquan1 .p{ font-size:14px; line-height:28px;} } @media screen and (max-width:768px){ } /*anquan2*/ #Content18 .anquan2{ float:left; width:100%; background:#f6f6f6; padding:80px 3.21%; margin:40px 0;} #Content18 .anquan2 .title{ float:left; width:100%; text-align:center;} #Content18 .anquan2 .title .tit1{ float:left; width:100%; color:#3571b0; font-size:24px; line-height:30px;} #Content18 .anquan2 .title .tit1 span{ position:relative; padding:0 40px;} #Content18 .anquan2 .title .tit1 span:after, #Content18 .anquan2 .title .tit1 span:before{ float:left; width:24px; height:2px; background:#3571b0; position:absolute; left:0; top:50%; margin-top:-1px; content:'';} #Content18 .anquan2 .title .tit1 span:before{ left:auto; right:0;} #Content18 .anquan2 .title .tit2{ float:left; width:100%; color:#999999; font-size:16px; line-height:22px; text-transform:uppercase; margin-top:14px;} #Content18 .anquan2 .box{ float:left; width:100%; margin:30px 0 0 0;} #Content18 .anquan2 .box .img{ padding:7px 15px; line-height:0;} #Content18 .anquan2 .box .slick-dots{ height:12px; position:static; margin-top:33px;} #Content18 .anquan2 .box .slick-dots li{ width:12px; height:12px; border-radius:50%; margin:0 9px; vertical-align:top; background:#d1d1d1;} #Content18 .anquan2 .box .slick-dots li.slick-active{ background:#3571b0;} @media screen and (max-width:1430px){ #Content18 .anquan2 .box .img{ padding:7px 10px; } } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content18 .anquan2{ margin:20px 0; padding:30px 10px; } #Content18 .anquan2 .title .tit1{ font-size:18px; line-height:24px;} #Content18 .anquan2 .title .tit1 span{ padding:0 30px;} #Content18 .anquan2 .title .tit1 span:after, #Content18 .anquan2 .title .tit1 span:before{width:16px; height:1px;} #Content18 .anquan2 .title .tit2{ font-size:14px; line-height:20px;margin-top:5px;} #Content18 .anquan2 .box{ margin:12px 0 0 0;} #Content18 .anquan2 .box .img{ padding:6px; } #Content18 .anquan2 .box .slick-dots{ height:10px; margin-top:15px;} #Content18 .anquan2 .box .slick-dots li{ width:10px; height:10px; margin:0 5px; } } @media screen and (max-width:768px){ } /*anquan3*/ #Content19 .anquan3{ float:left; width:100%; margin-bottom:68px;} #Content19 .anquan3 .ul1{ margin:0 -15px;} #Content19 .anquan3 .l1{ float:left; width:50%; padding:0 15px; margin-bottom:12px;} #Content19 .anquan3 .la{ float:left; width:100%; background:#f6f6f6; position:relative; padding:41px 30px 38px 192px;} #Content19 .anquan3 .img{ float:left; width:62px; height:62px; position:absolute; left:70px; top:44px;} #Content19 .anquan3 .tit1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px;} #Content19 .anquan3 .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; margin-top:19px;} @media screen and (max-width:1430px){ #Content19 .anquan3 .ul1{ margin:0 -10px;} #Content19 .anquan3 .l1{ padding:0 10px;} #Content19 .anquan3 .la{ padding:41px 30px 38px 122px;} #Content19 .anquan3 .img{ left:30px; top:44px; width:56px; height:56px;} } @media screen and (max-width:1230px){ #Content19 .anquan3 .la{ padding:25px 15px 25px 82px;} #Content19 .anquan3 .img{ left:20px; top:30px; width:46px; height:46px;} #Content19 .anquan3 .tit1{ font-size:18px; line-height:28px;} #Content19 .anquan3 .p{ font-size:14px; line-height:28px; margin-top:10px;} } @media screen and (max-width:992px){ #Content19 .anquan3{ margin-bottom:18px;} #Content19 .anquan3 .ul1{ margin:0 -6px;} #Content19 .anquan3 .l1{ padding:0 6px;} #Content19 .anquan3 .p{ line-height:26px; margin-top:5px;} } @media screen and (max-width:768px){ #Content19 .anquan3 .l1{ width:100%;} } #Content20 .guanli{ float:left; width:100%; margin:75px 0 80px 0;} #Content20 .guanli .tit1{ float:left; width:100%; color:#3571b0; font-size:32px; line-height:42px; text-align:center;} #Content20 .guanli .line{ float:left; width:100%; margin:25px 0 21px 0;} #Content20 .guanli .line span{ display:block; margin:0 auto; width:73px; height:2px; background:#3571b0;} #Content20 .guanli .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px;} #Content20 .guanli .img{ float:left; width:100%; line-height:0;} #Content20 .guanli .cont{ float:left; width:100%; margin:35px 0 45px 0;} #Content20 .guanli .cont .ul1{ margin:0 -15px;} #Content20 .guanli .cont .l1{ float:left; width:20%; padding:6px 15px;} #Content20 .guanli .cont .la{ float:left; width:100%; box-shadow:0 0 16px rgba(0,0,0,0.1); text-align:center; padding:39px 5px 8px 5px;} #Content20 .guanli .cont .ico{ float:left; width:100%; line-height:0;} #Content20 .guanli .cont .ico img{ display:block; margin:0 auto; width:62px; height:62px;} #Content20 .guanli .cont .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; min-height:52px; margin-top:23px;} #Content20 .guanli .cont .la:hover .ico 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);} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content20 .guanli .tit1{ font-size:24px; line-height:34px;} #Content20 .guanli .cont .ul1{ margin:0 -10px;} #Content20 .guanli .cont .l1{ padding:6px 10px;} } @media screen and (max-width:992px){ #Content20 .guanli{ margin:25px 0 30px 0;} #Content20 .guanli .cont .ul1{ margin:0 -6px;} #Content20 .guanli .cont .l1{ padding:6px 6px;} #Content20 .guanli .tit1{ font-size:20px; line-height:30px;} #Content20 .guanli .line{ margin:12px 0 15px 0;} #Content20 .guanli .line span{ width:46px;} #Content20 .guanli .info{ font-size:14px; line-height:28px;} #Content20 .guanli .cont{ margin:15px 0;} #Content20 .guanli .cont .la{ padding:20px 5px 4px 5px;} #Content20 .guanli .cont .ico img{ width:42px; height:42px;} #Content20 .guanli .cont .tit2{ font-size:14px; line-height:20px; min-height:40px; margin-top:8px;} } @media screen and (max-width:768px){ #Content20 .guanli .cont .l1{ width:50%;} } /**/ #Content21 .joinBox{ float:left; width:100%; padding:68px 0 80px 0;} #Content21 .joinBox .topText{ float:left; width:100%; font-size:16px; line-height:32px; color:#333333;} #Content21 .joinBox .topText .color{color:#3571b0;} #Content21 .joinBox .topText .img{ float:right; margin:0 0 0 55px;} #Content21 .joinLT{display:none;} #Content21 .join{ float:left; width:100%; margin-top:80px;} #Content21 .joinL{width:23.21%; float:left;} #Content21 .joinList .list{padding:0 11%; line-height: 47px; background:#f4f4f4; margin-bottom:15px; cursor: pointer;} #Content21 .joinList .list .H5{font-size:16px; color:#333333; display: inline-block; vertical-align: middle;} #Content21 .joinList .list:last-child{margin:0; } #Content21 .joinRBox{width:74.14%; float:right; position: relative;} #Content21 .joinRBox .trangle{ float:left; width:0; height:0; content:''; position: absolute; top:20px; left: -7px; line-height: 0; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-right: 8px solid #3571b0; } #Content21 .joinR .listT{ float:left; width:100%; background-color:#3571b0; padding:12px 12px 12px 30px;} #Content21 .joinR .listT .H5{font-size:16px; color:#fff; line-height: 30px; min-width:24.24%; margin-right:1%; float:left;} #Content21 .joinR .listT .H5:nth-child(4n){margin-right:0;} #Content21 .joinR .listT .H5 .bold{font-weight:bold;} #Content21 .joinR .listD{ float:left; width:100%; background:#f4f4f4; padding:22px 30px 32px 30px;} #Content21 .joinR .listD .text{ float:left; width:100%; font-size:14px; line-height: 30px; color:#333333;} #Content21 .joinR .listD .text .H5{display:inline-block; font-weight: bold; line-height: 40px;} #Content21 .joinR .listD .apply{ float:left; width:140px; height:44px; line-height:42px; text-align: center; background-color:#3571b0; font-size:16px; color:#fff; margin-top:50px; cursor: pointer;} #Content21 .joinR .listD .apply:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} @media screen and (max-width:1430px){ #Content21 .joinBox .topText .img{ margin:0 0 0 25px;} #Content21 .joinBox .topText{ font-size:15px; line-height:28px;} } @media screen and (max-width:1230px){ #Content21 .joinR .listT{ padding:12px 12px 12px 20px;} #Content21 .joinList .list .H5, #Content21 .joinR .listT .H5{font-size:14px;} #Content21 .joinList .list{padding:0 8%;} #Content21 .joinR .listD{ padding:15px 20px 32px 20px;} #Content21 .joinR .listD .apply{ margin-top:40px;} } @media screen and (max-width:992px){ #Content21 .joinBox .topText .img{ margin:0 0 0 15px;} #Content21 .joinList .list{padding:0 15px;} #Content21 .joinR .listD .apply{ margin-top:25px;} } @media screen and (max-width:768px){ #Content21 .joinBox .topText .img{ margin:0 0 15px 0; width:100%;} #Content21 .joinList .list:hover{background-color:#3571b0; color:#fff;} #Content21 .joinList .list:hover .H5{color:#fff;} #Content21 .joinList .list.hover{background-color:#3571b0; color:#fff;} #Content21 .joinList .list.hover .H5{color:#fff;} #Content21 .joinBox{padding:30px 0;} #Content21 .joinBox .topText{font-size:14px; line-height: 24px;text-align: justify;} #Content21 .join{margin-top:30px;} #Content21 .joinL{width:100%; position: relative;} #Content21 .joinLT{display:block; background-color:#3571b0; position: relative;} #Content21 .joinLT .H5{font-size:16px; line-height: 40px; padding:0 30px 0 10px; color:#fff;} #Content21 .joinLT .ico{width:24px; height: 24px; position: absolute; top:8px; right:10px; #Content21 -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #Content21 .joinLT.active .ico{transform:rotate(180deg);} #Content21 .joinScroll{ float:left; width:100%; height:269px; overflow-y: auto; top:40px; position: absolute;left: 0; width:100%; display: none; z-index: 2;} #Content21 .joinList .list{margin-bottom:0; line-height: 36px; font-size:13px; border-bottom:1px solid #fff;} #Content21 .joinRBox .trangle{display:none;} #Content21 .joinRBox{width:100%; margin-top:20px;} #Content21 .joinR .listT .H5{ min-width:48%; margin-right:4%; line-height:24px;} #Content21 .joinR .listT .H5:nth-child(4n){ margin-right:4%;} #Content21 .joinR .listT .H5:nth-child(2n){ margin-right:0;} #Content21 .joinR .listD{padding:10px 10px 20px 10px;} #Content21 .joinR .listD .apply{margin-top:20px;} #Content21 .joinR .listD .text{font-size:13px; line-height: 24px;} } /**/ #List2 .ship{ float:left; width:100%; overflow:hidden; margin-top:50px;} #List2 .ship .ul{ margin:0 -15px;} #List2 .ship .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List2 .ship .la{ float:left; width:100%; position:relative;} #List2 .ship .la .img{ float:left; width:100%; line-height:0;} #List2 .ship .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:1;} #List2 .ship .la .tit{ float:left; width:100%; text-align:center; position:absolute; left:0; bottom:15px; z-index:2; color:#fff; font-size:18px; line-height:28px; padding:0 10px;} #List2 .ship .la .palay{ float:left; width:56px; height:56px; margin:-28px 0 0 -28px; position:absolute; left:50%; top:50%; z-index:2; border:1px solid #fff; border-radius:50%; background:rgba(4,0,0,0.2);} #List2 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.8; filter:alpha(opacity=80); } #List2 .shipPu{ display:none; float:left; width:100%; position:fixed; left:0; top:50%; z-index:102;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #List2 .shipPu .cont{ float:left; width:100%; position:relative;} #List2 .shipPu .colse{ float:left; width:30px; height:30px; background:#3571b0; border-radius:50%; color:#fff; font-size:24px; line-height:26px; text-align:center; position:absolute; right:0; top:30px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:6;} #List2 .shipPu .tit1{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:36px; padding-bottom:34px; position:relative;} #List2 .shipPu .tit1:after{ float:left; width:66px; height:3px; margin-left:-33px; background:#fff; position:absolute; left:50%; bottom:0; content:'';} #List2 .shipPu video{ float:left; width:100%; margin-top:3.57%;} @media screen and (max-width:1430px){ #List2 .ship .ul{ margin:0 -10px;} #List2 .ship .l1{ padding:0 10px; margin-top:20px;} #List2 .shipPu .tit1{ font-size:30px; line-height:30px; padding-bottom:28px;} #List2 .shipPu .tit1:after{ width:44px; height:2px; margin-left:-22px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #List2 .ship{ margin-top:18px;} #List2 .ship .ul{ margin:0 -6px;} #List2 .ship .l1{ padding:0 6px; margin-top:12px;} #List2 .ship .la .palay{ width:36px; height:36px; margin:-18px 0 0 -18px; } #List2 .ship .la .tit{ bottom:5px; font-size:16px; line-height:26px;} #List2 .shipPu .tit1{ font-size:20px; line-height:20px; padding-bottom:16px;} #List2 .shipPu .tit1:after{ width:44px; height:2px; margin-left:-22px;} #List2 .shipPu .colse{ width:24px; height:24px; font-size:18px; line-height:22px; top:15px;} } @media screen and (max-width:768px){ #List2 .ship .l1{ width:50%; } #List2 .shipPu video{ margin-top:20px;} } /**/ #List3 .yuango{ float:left; width:100%; margin-top:50px;} #List3 .yuango .ul{ margin:0 -15px;} #List3 .yuango .l1{ float:left; width:33.33%; padding:0 15px; margin-top:30px;} #List3 .yuango .la{ float:left; width:100%; position:relative; box-shadow:0 3px 16px rgba(0,0,0,0.1);} #List3 .yuango .la .img{ float:left; width:100%; line-height:0;} #List3 .yuango .la .tit{ float:left; width:100%; text-align:center; color:#3571b0; font-size:20px; line-height:40px; padding:16px 10px;} #List3 .shipBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:101; background:#000; opacity:0.8; filter:alpha(opacity=80); } #List3 .shipPu{ float:left; width:100%; position:fixed; left:0; top:150%; z-index:102;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); transform: translate(0, -50%); } #List3 .shipPu .colse{ float:left; width:48px; height:48px; position:absolute; right:0; top:0; background:#000; background:rgba(0,0,0,0.5); z-index:103;} #List3 .shipPu .number{ float:left; position:absolute; left:50%; margin-left:-30px; bottom:30px; z-index:103; color:#fff; font-size:24px; line-height:36px; text-align:center; width:60px;} #List3 .shipPu .number span{ color:#3571b0; font-size:28px;} #List3 .shipPu .number font{ font-size:16px;} #List3 .shipPu .box{ float:left; width:86%; margin:0 7%; position:relative;} #List3 .shipPu .cont{ float:left; width:100%; position:relative;} #List3 .shipPu .cont .l1{ float:left; width:100%; position:relative;} #List3 .shipPu .cont .img{ float:left; width:100%; line-height:0;} #List3 .shipPu .cont .tit1{ float:left; width:100%; background:#000; background:rgba(0,0,0,0.5); color:#fff; font-size:22px; line-height:36px; position:absolute; left:0; bottom:0; padding:30px 54% 30px 40px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ top:auto; bottom:32px; left:auto; right:40px; width:100px; height:31px; border:1px solid #fff; border-radius:31px;-webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); line-height:29px; text-align:center;} #List3 .shipPu .cont .slick-prev:before, #List3 .shipPu .cont .slick-next:before{ color:#fff; font-size:16px;} #List3 .shipPu .cont .slick-prev{ margin-right:120px;} #List3 .shipPu .cont .slick-prev:hover{ background:#3571b0; border:1px solid #3571b0; } #List3 .shipPu .cont .slick-next:hover{ background:#3571b0; border:1px solid #3571b0; } #List3 .shipPu.active{ top:50%;} @media screen and (max-width:1430px){ #List3 .yuango .ul{ margin:0 -10px;} #List3 .yuango .l1{ padding:0 10px; margin-top:20px;} #List3 .shipPu .cont .tit1{ font-size:22px; line-height:36px; padding:20px 54% 20px 20px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ right:20px; bottom:22px; width:88px;} #List3 .shipPu .cont .slick-prev{ margin-right:100px;} #List3 .shipPu .number{ bottom:20px;} } @media screen and (max-width:1230px){ #List3 .shipPu .colse{ width:36px; height:36px;} #List3 .shipPu .cont .tit1{ font-size:18px; line-height:30px; padding:10px 54% 10px 15px; } #List3 .shipPu .cont .slick-prev, #List3 .shipPu .cont .slick-next{ right:15px; bottom:11px; width:70px; height:28px;} #List3 .shipPu .cont .slick-prev{ margin-right:82px;} #List3 .shipPu .number{ bottom:10px; line-height:30px; font-size:18px;} #List3 .shipPu .number span{font-size:20px;} } @media screen and (max-width:992px){ #List3 .yuango{ margin-top:18px;} #List3 .yuango .ul{ margin:0 -6px;} #List3 .yuango .l1{ padding:0 6px; margin-top:12px;} #List3 .yuango .la .tit{ font-size:16px; line-height:30px; padding:7px 10px;} } @media screen and (max-width:768px){ #List3 .yuango .l1{ width:50%; } #List3 .shipPu .colse{ width:30px; height:30px;} #List3 .shipPu .box{ width:100%; margin:0;} #List3 .shipPu .cont .slick-prev{ right:auto; left:10px; bottom:auto; top:50%; margin-top:-14px; width:30px; height:30px; line-height:30px;} #List3 .shipPu .cont .slick-next{ right:10px; bottom:auto; top:50%; margin-top:-14px; width:30px; height:30px; line-height:30px;} #List3 .shipPu .cont .tit1{ padding:8px 56px 8px 12px; font-size:17px;} #List3 .shipPu .number{ left:auto; right:12px; width:auto; bottom:8px; margin:0;} } #Content22 .ContUs{ float:left; width:100%; margin:85px 0 74px 0; padding:0 1.5%;} #Content22 .ContUs li{ float:left; width:33.33%; padding:0 1.5%; text-align:center; margin-top:15px;} #Content22 .ContUs .img{ float:left; width:100%; line-height:0;} #Content22 .ContUs .img img{ display:block; margin:0 auto; width:99px; height:92px;} #Content22 .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);} #Content22 .ContUs .title{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold; margin:35px 0 19px 0;} #Content22 .ContUs .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;} #Content22 .ContUs .info a{ color:#666666;} @media screen and (max-width:1430px){ #Content22 .ContUs{ padding:0;} #Content22 .ContUs li{ padding:0 1%;} #Content22 .ContUs .img img{ width:80px; height:74px;} #Content22 .ContUs .title{ font-size:16px; line-height:26px; margin:18px 0 10px 0;} #Content22 .ContUs .info{ font-size:14px; line-height:28px;} } @media screen and (max-width:1230px){ #Content22 .ContUs li{ padding:0 1px;} #Content22 .ContUs .img img{ width:66px; height:61px;} #Content22 .ContUs .title{ font-size:16px; line-height:26px; margin:18px 0 10px 0;} #Content22 .ContUs .info{ font-size:13px; line-height:25px;} } @media screen and (max-width:992px){ #Content22 .ContUs{ margin:20px 0 30px 0;} #Content22 .ContUs li{ padding:0; width:100%;} #Content22 .ContUs .img img{ width:50px; height:46px;} #Content22 .ContUs .title{ font-size:15px; margin:10px 0 5px 0;} } @media screen and (max-width:768px){ } /*meagass*/ #Content23 .meagass{ float:left; width:100%; position:relative; top:0; background:#fff; margin-top:-126px; padding:73px 10.35% 65px 10.35%;} #Content23 .meagass .tit{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px; text-align:center; } #Content23 .meagass .Form{ float:left; width:100%; margin-top:57px;} #Content23 .meagass .lab{ float:left; width:50%; padding:15px;} #Content23 .meagass .lab1{ width:100%;} #Content23 .meagass .inpt{ float:left; width:100%; position:relative;} #Content23 .meagass .name{ float:left; color:#666666; font-size:16px; line-height:36px; position:absolute; left:20px; top:50%; margin-top:-18px;} #Content23 .meagass .name span{ color:#3571b0;} #Content23 .meagass .fv0{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:52px; padding:13px 20px 13px 80px; border:1px solid #ededed; } #Content23 .meagass .fv0_1{ padding-left:80px;} #Content23 .meagass .fv0_2{ padding-left:115px;} #Content23 .meagass .fv1{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:182px; padding:12px 20px; border:1px solid #ededed; } #Content23 .meagass .fv2{ display:block; margin:10px auto 0 auto; width:365px; color:#fff; font-size:18px; line-height:50px; height:52px; padding:0; border:none; outline:none; background:#3571b0; border-radius:3px; } #Content23 .meagass .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content23 .meagass .yanzhengma{ float:left; width:90px; height:38px; position:absolute; right:8px; top:50%; margin-top:-19px;} #Content23 .meagass ::-webkit-input-placeholder{color:#666666;} #Content23 .meagass :-moz-placeholder{color:#666666;} #Content23 .meagass ::-moz-placeholder{color:#666666;} #Content23 .meagass :-ms-input-placeholder{color:#666666;} @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ #Content23 .meagass{ padding:73px 8% 65px 8%;} } @media screen and (max-width:992px){ #Content23 .meagass{ margin-top:-126px; padding:30px 10px;} #Content23 .meagass .tit{ font-size:16px; line-height:26px; padding:0 10px;} #Content23 .meagass .Form{ margin-top:15px;} #Content23 .meagass .lab{ padding:8px;} #Content23 .meagass .name{ font-size:14px; left:12px;} #Content23 .meagass .fv0{ height:40px; line-height:38px; font-size:14px; padding:7px 12px 7px 65px;} #Content23 .meagass .fv0_1{ padding-left:65px;} #Content23 .meagass .fv0_2{ padding-left:94px;} #Content23 .meagass .fv1{ font-size:14px; line-height:24px; padding:7px 12px; height:136px; } #Content23 .meagass .fv2{ margin:5px auto 0 auto; width:280px; font-size:16px; line-height:38px; height:40px; } #Content23 .meagass .yanzhengma{ width:80px; height:34px;right:4px; margin-top:-17px;} } @media screen and (max-width:768px){ #Content23 .meagass{ margin-top:-100px; padding:20px 5px 30px 5px;} #Content23 .meagass .lab{ width:100%;} #Content23 .meagass .fv2{ width:180px;} } #Content24 .bdmap{ float:left; width:100%; height:530px; position:relative; top:0; z-index:6;} #Content24 .bdmap .bdmap img{ max-width:inherit !important} #Content24 .bdmap .BMap_shadow img{ max-width:inherit !important;} #Content24 .bdmap .BMap_pop div{background:none !important; border:none !important; box-shadow:none !important;} #Content24 .bdmap .BMap_pop div:nth-child(8){ display:none;} #Content24 .bdmap .BMap_pop div:nth-child(9){ left:0 !important; top:0 !important; margin:124px 0 0 340px;} #Content24 .bdmap .BMap_pop .BMap_bubble_content{ float:left; width:520px !important; background:#fff !important;} #Content24 .bdmap .BMap_pop .iw_poi_img{ float:left; width:140px; height:140px; } #Content24 .bdmap .BMap_pop .iw_poi_title{ color:#333333; font-size:18px !important; line-height:36px !important; background:url(/template/theme/CN/1915_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;} #Content24 .bdmap .BMap_stdMpCtrl{ margin-bottom:40px;} #Content24 .bdmap .BMap_shadow{ display:none;} #Content24 .bdmap .BMap_pop img{ display:none;} #Content24 .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;} #Content24 .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;} #Content24 .BMap_Marker:before{ float:left; width:16px; height:16px; background:#334a2e; border-radius:50%; z-index:6; content:'';position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; border-radius:50%;} #Content24 .BMap_Marker img{ display:none !important;} @media screen and (max-width:1430px){ #Content24 .bdmap .BMap_pop div:nth-child(9){ margin:104px 0 0 255px;} #Content24 .bdmap .BMap_pop .BMap_bubble_content{ width:365px !important; } #Content24 .bdmap .BMap_pop .iw_poi_img{ width:100px; height:100px;} #Content24 .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;} #Content24 .bdmap .BMap_stdMpCtrl{ top:auto !important; bottom:60px;} } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ #Content24 .bdmap{ height:440px; margin:20px 0 30px 0;} #Content24 .bdmap .BMap_pop .BMap_bubble_content{ width:320px !important; } #Content24 .bdmap .BMap_pop div:nth-child(9){ margin:0px 0 0 0;} #Content24 .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; } #Content24 .bdmap .BMap_pop .iw_poi_img{ width:70px; height:70px;} #Content24 .BMap_Marker{ width:80px !important; height:80px !important; margin:-40px 0 0 -40px !important;} #Content24 .BMap_Marker:after{ width:44px; height:44px; margin:-22px 0 0 -22px;} #Content24 .BMap_Marker:before{ width:10px; height:10px; margin:-5px 0 0 -5px;} } @media screen and (max-width:768px){ } @media screen and (max-width:1430px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ }